Posted By


Alxynia on 03/18/08

Tagged


Statistics


Viewed 479 times
Favorited by 0 user(s)

LJ CSS [cubone]


/ Published in: CSS
Save to your folder(s)

N/A


Copy this code and paste it in your HTML
  1. /* Cleaned CSS: */
  2.  
  3. @media screen, print {
  4. ul#lj-links, ul#lj-summary, ul#user-links {
  5. margin: 0;
  6. padding: 0;
  7. }
  8. hr {
  9. display: none;
  10. }
  11.  
  12. html>body {
  13.  
  14. background-color: #E6E6E6;
  15. background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/bg-grey.jpg);
  16. background-position: bottom;
  17. background-repeat: repeat-x;
  18. background-attachment: fixed;
  19.  
  20. font-family: Tahoma, Verdana, san-serif;
  21. font-size: 12px;
  22. line-height: 125%;
  23. color: #C3FFFF;
  24. }
  25.  
  26. body {
  27.  
  28. background-color: #E6E6E6;
  29. background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/bg-grey.jpg);
  30. background-position: bottom;
  31. background-repeat: repeat-x;
  32. background-attachment: fixed;
  33.  
  34. font-family: Tahoma, Verdana, san-serif;
  35. font-size: 12px;
  36. line-height: 125%;
  37. color: #C3FFFF;
  38. margin-top: 30px;
  39. }
  40. a {
  41. font-family: Tahoma, Verdana, san-serif;
  42. font-size: 100%;
  43. color: #C3FFFF;
  44. text-decoration: none;
  45. }
  46. a:visited { color: #C3FFFF; }
  47. a:hover, a:visited:hover { color: #83F5F5; text-decoration: underline; }
  48. a:active { color: #83F5F5; }
  49. a img { border: none; }
  50. a.comm {
  51. background: transparent url(http://stat.livejournal.com/img/community.gif) no-repeat;
  52. padding-left: 19px;
  53. padding-bottom: 7px;
  54. }
  55. a.user {
  56. background: transparent url(http://stat.livejournal.com/img/userinfo.gif) no-repeat;
  57. padding-left: 19px;
  58. padding-bottom: 7px;
  59. }
  60. p {
  61. margin: 5px;
  62. padding: 5px;
  63. }
  64.  
  65.  
  66. form {
  67. display: inline;
  68. margin-left: 00px;
  69. padding: 0px;
  70. width: 425px;
  71. }
  72.  
  73.  
  74. input, select, textarea {
  75. font-family: Verdana, Helvetica, sans-serif;
  76. font-size: 80%;
  77. color: #C3FFFF;
  78. padding: 2px;
  79. margin: 3px;
  80. }
  81.  
  82. #container {
  83. position: relative;
  84. width: 700px;
  85. margin: 0 auto;
  86. text-align: left;
  87. }
  88. html>body #header {
  89. position: absolute;
  90. margin-top: 65px;
  91. margin-left: 5px;
  92. z-index: 5;
  93. background-color: ;
  94. }
  95.  
  96. #header {
  97. position: absolute;
  98. margin-top: 50px;
  99. margin-left: -180px;
  100. z-index: 5;
  101. padding: 10px;
  102. background-color: ;
  103. }
  104.  
  105. #header h1 {
  106. font-family: Arial Black, Arial, Verdana, San-serif;
  107. font-size: 250%;
  108. color: #FFFFFF;
  109. }
  110.  
  111. #face {
  112. position: absolute;
  113. width: 117px;
  114. height: 103px;
  115. background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/face.png);
  116. background-repeat: no-repeat;
  117. z-index: 10;
  118. margin-left: 290px;
  119. margin-top: -10px;
  120. }
  121.  
  122. html>body #face {
  123. position: absolute;
  124. width: 117px;
  125. height: 103px;
  126. background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/face.png);
  127. background-repeat: no-repeat;
  128. z-index: 10;
  129. margin-left: 485px;
  130. margin-top: 10px;
  131. }
  132.  
  133.  
  134. #comments h3 img {
  135. border: 5px solid #E6E6E6;
  136. background-color: #fff;
  137. }
  138.  
  139.  
  140.  
  141. #userpicbg {
  142. position: relative;
  143. background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/userpicbg.png);
  144. background-repeat: no-repeat;
  145. width: 146px;
  146. height: 147px;
  147. margin-left: 5px;
  148. }
  149.  
  150. html>body #userpicbg img {
  151. padding-top: 43px;
  152. padding-right: 10px;
  153. }
  154.  
  155. #userpicbg img {
  156. padding-top: 23px;
  157. padding-right: 10px;
  158. }
  159.  
  160. .ind-entry h3.userpic img {
  161. float: left;
  162. margin-top: 10px;
  163. }
  164.  
  165. #menu {
  166. position: relative;
  167. float: left;
  168. font-family: Verdana, Helvetica, sans-serif;
  169. font-size: 100%;
  170. color: #ffffff;
  171. padding: 4px;
  172. margin-top: 80px;
  173.  
  174. }
  175.  
  176. #menu-links {
  177. background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/menubg.png);
  178. background-repeat: no-repeat;
  179. margin-left: -10px;
  180. margin-top: 5px;
  181. width: 148px;
  182. height: 175px;
  183. padding-left: 30px;
  184. padding-top: 3px;
  185. }
  186.  
  187. #link-list {
  188. width: 164px;
  189. height: 179px;
  190. }
  191.  
  192. #link-list-bg {
  193. background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/menubg.png);
  194. background-repeat: no-repeat;
  195. margin-left: -10px;
  196. margin-top: 5px;
  197. width: 148px;
  198. height: 175px;
  199. padding-left: 30px;
  200. padding-top: 3px;
  201. }
  202.  
  203. html>body #content {
  204. position: relative;
  205. margin-top: 5px;
  206. margin-left: 160px;
  207. width: 532px;
  208. z-index: 4;
  209. }
  210.  
  211. #content {
  212. position: relative;
  213. margin-top: -475px;
  214. margin-left: 160px;
  215. width: 532px;
  216. z-index: 4;
  217. }
  218.  
  219. #entries {
  220. position: relative;
  221. background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/entry-bg.png);
  222. background-repeat: repeat-y;
  223. width: 558px;
  224.  
  225. }
  226.  
  227. #entriesbg {
  228. position: relative;
  229. background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/content-header.png);
  230. background-position: top left;
  231. background-repeat: no-repeat;
  232. margin-left: 1px;
  233. width: 558px;
  234. }
  235.  
  236. #entries-content {
  237. position: relative;
  238. padding-top: 130px;
  239. width: 532px;
  240. }
  241.  
  242. #menu h2 {
  243. margin: 20px 0;
  244. font-family: Tahoma, Verdana, san-serif;
  245. font-size: 120%;
  246. color: #ffffff;
  247. }
  248. #menu h2.userpic {
  249. text-align: center;
  250. }
  251. #menu a {
  252. font-family: Verdana, Helvetica, sans-serif;
  253. font-size: 80%;
  254. color: #A67D4F;
  255. }
  256. #menu a:visited { color: #A67D4F; }
  257. #menu a:hover, #menu a:visited:hover { color: #956938; }
  258. #menu a:active { color: #A67D4F; }
  259. #menu ul {
  260. margin: 3px;
  261. list-style: none;
  262. }
  263. #menu ul li {
  264. margin: 3px;
  265. padding: 2px;
  266. list-style: none;
  267. }
  268. #menu ul li.active {
  269. font-family: Verdana, Helvetica, sans-serif;
  270. font-size: 80%;
  271. color: #A67D4F;
  272. font-weight: bold;
  273. }
  274.  
  275. #content h2 {
  276. margin: 20px 0;
  277. }
  278. #entries, #comments {
  279. margin: 10px;
  280. }
  281.  
  282. #entrybottom {
  283. position: relative;
  284. background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/entry-bottombg.png);
  285. background-repeat: no-repeat;
  286. width: 558px;
  287. height: 53px;
  288. margin-left: 11px;
  289. margin-top: -10px;
  290. }
  291.  
  292. #comment-info {
  293. background-color: #f7f0f3;
  294. }
  295.  
  296. #comments div.entry-item {
  297. padding: 5px;
  298. }
  299.  
  300. #comments div.ind-comment-one {
  301. border: 2px solid #E6E6E6;
  302. background-color: #ffffff;
  303.  
  304. }
  305.  
  306. .ljtaglist {
  307. margin-left: 10px;
  308. }
  309.  
  310. .ind-entry {
  311. width: 440px;
  312. border-bottom: 1px solid #cccccc;
  313. margin-left: 25px;
  314. padding: 10px;
  315. }
  316. .ind-entry h3 img, .ind-comment-one h3 img, .ind-comment-two h3 img, .ind-comment-screened h3 img {
  317. position: relative;
  318. float: right;
  319. padding: 5px;
  320. }
  321. .ind-entry h2 {
  322. font-family: Tahoma, Verdana, san-serif;
  323. font-size: 125%;
  324. color: #C3FFFF;
  325. margin: 20px 0px;
  326. line-height: 140%;
  327. }
  328. .ind-entry h4, .ind-comment-one h4, .ind-comment-two h4, .ind-comment-screened h4 {
  329. font-family: Verdana, Helvetica, sans-serif;
  330. font-size: 80%;
  331. color: #C3FFFF;
  332. }
  333.  
  334. .ind-entry h4 a, .ind-comment-one h4 a, .ind-comment-two h4 a, .ind-comment-screened h4 a {
  335. font-family: Verdana, Helvetica, sans-serif;
  336. font-size: 100%;
  337. color: #C3FFFF;
  338. text-decoration: underline;
  339. }
  340. .ind-entry h4 a:visited, .ind-comment-one h4 a:visited, .ind-comment-two h4 a:visited, .ind-comment-screened h4 a:visited { color: #C3FFFF; }
  341. .ind-entry h4 a:hover, .ind-comment-one h4 a:hover, .ind-comment-two h4 a:hover, .ind-comment-screened h4 a:hover { color: #83F5F5; }
  342. .ind-entry h4 a:visited:hover, .ind-comment-one h4 a:visited:hover, .ind-comment-two h4 a:visited:hover, .ind-comment-screened h4 a:visited:hover { color: #83F5F5; }
  343. .ind-entry h4 a:active, .ind-comment-one h4 a:active, .ind-comment-two h4 a:active, .ind-comment-screened h4 a:active { color: #C3FFFF; }
  344. .ind-entry div.entry-item, .ind-entry div.month-entries {
  345. font-family: Tahoma, Verdana, san-serif;
  346. font-size: 100%;
  347. color: #C3FFFF;
  348. margin: 15px 0px;
  349. }
  350. .ind-entry div.entry-item a, .ind-entry div.month-entries a {
  351. font-family: Tahoma, Verdana, san-serif;
  352. font-size: 100%;
  353. color: #C3FFFF;
  354. text-decoration: underline;
  355. }
  356. .ind-entry div.entry-item a:visited, .ind-entry div.month-entries a:visited { color: #C3FFFF; }
  357. .ind-entry div.entry-item a:hover, .ind-entry div.entry-item a:visited:hover { color: #83F5F5; }
  358. .ind-entry div.month-entries a:hover, .ind-entry div.month-entries a:visited:hover { color: #83F5F5; }
  359. .ind-entry div.entry-item a:active, .ind-entry div.month-entries a:active { color: #C3FFFF; }
  360.  
  361. .ind-comment-one, .ind-comment-two, .ind-comment-screened {
  362. margin: 10px 0;
  363. padding: 5px;
  364. }
  365. .ind-comment-screened { background-color: #ffffff; border-bottom: 1px solid #999999; }
  366.  
  367. .ind-comment-one h2 {
  368. font-family: Georgia, serif;
  369. font-size: 130%;
  370. color: #C3FFFF;
  371. margin: 20px 0px;
  372. }
  373. .ind-comment-one div.entry-item {
  374. font-family: Tahoma, Verdana, san-serif;
  375. font-size: 100%;
  376. color: #C3FFFF;
  377. margin: 15px 0px;
  378. }
  379. .ind-comment-one div.entry-item a {
  380. font-family: Georgia, serif;
  381. font-size: 100%;
  382. color: #C3FFFF;
  383. text-decoration: underline;
  384. }
  385. .ind-comment-one div.entry-item a:visited { color: #C3FFFF; }
  386. .ind-comment-one div.entry-item a:hover, .ind-comment-one div.entry-item a:visited:hover { color: #83F5F5; }
  387. .ind-comment-one div.entry-item a:active { color: #C3FFFF; }
  388.  
  389.  
  390. .ind-comment-screened h2 {
  391. font-family: Georgia, serif;
  392. font-size: 130%;
  393. color: #333333;
  394. margin: 20px 0px;
  395. }
  396. .ind-comment-screened div.entry-item {
  397. font-family: Tahoma, Verdana, san-serif;
  398. font-size: 100%;
  399. color: #333333;
  400. margin: 10px 0px;
  401. }
  402. .ind-comment-screened div.entry-item a {
  403. font-family: Georgia, serif;
  404. font-size: 100%;
  405. color: #C3FFFF;
  406. text-decoration: underline;
  407. }
  408. .ind-comment-screened div.entry-item a:visited { color: #C3FFFF; }
  409. .ind-comment-screened div.entry-item a:hover, .ind-comment-screened div.entry-item a:visited:hover { color: #83F5F5; }
  410. .ind-comment-screened div.entry-item a:active { color: #C3FFFF; }
  411.  
  412. #comments {
  413. width: 425px;
  414. margin-left: 40px;
  415. }
  416.  
  417. .month-entries {
  418. margin: 10px 0;
  419. }
  420. .month-entries ul {
  421. list-style: none;
  422. margin: 10px;
  423. }
  424. .month-entries ul li {
  425. list-style: none;
  426. padding: 3px;
  427. }
  428.  
  429.  
  430. #footer {
  431. position: relative;
  432. font-family: GTahoma, Verdana, san-serif;
  433. font-size: 100%;
  434. color: #C3FFFF;
  435. background-image: url(http://img.photobucket.com/albums/v77/Koroshi/LiveJournal/footerbg.png);
  436. background-repeat: no-repeat;
  437. width: 521px;
  438. height: 107px;
  439. margin-top: 20px;
  440. }
  441. #footer p {
  442. padding-top: 10px;
  443. padding-left: 30px;
  444. vertical-align: middle;
  445. }
  446. #footer a {
  447. font-family: Tahoma, Verdana, san-serif;
  448. font-size: 100%;
  449. color: #C3FFFF;
  450. }
  451. #footer a:visited { color: #C3FFFF; }
  452. #footer a:hover, #footer a:visited:hover { color: #83F5F5; }
  453. #footer a:active { color: #C3FFFF; }
  454. }
  455.  
  456. @media print {
  457. #menu {
  458. display: none;
  459. }
  460. #content {
  461. margin-left: 0px;
  462. }
  463. #entries, .ind-entry, .ind-comment, #footer, #header {
  464. border: none;
  465. }
  466.  
  467. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.