Advertisement
Guest User

Untitled

a guest
Nov 3rd, 2012
714
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.19 KB | None | 0 0
  1. /* please keep this credit intact :)
  2. Layout:
  3. By punch @ novoluxa; requested by Hitsu */
  4.  
  5. body {
  6. background-color: #f7f7f7; background-attachment: fixed; background-position: bottom left; background-repeat: repeat;
  7. background-image: url("http://24.media.tumblr.com/tumblr_mbh8xyH2vk1qgh5gxo1_400.png");
  8. text-align: center;
  9. color: #6B696A;
  10. font-family: trebuchet ms;
  11. }
  12.  
  13. body{cursor: url(http://pinkluvhh.tripod.com/arrow2.cur), auto;} a:hover
  14. {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;}
  15.  
  16. a, a:link, a:visited {color: #eeb8b8 !important; font-family: lucida sans unicode; text-decoration: none; font-size: 7pt; font-weight: normal; text-transform:uppercase;
  17. -webkit-transition: all 0.7s ease-out;
  18. -moz-transition: all 0.7s ease-out;
  19. transition: all 0.7s ease-out;}
  20. a:hover {color: #6464ff!important;
  21. -webkit-transition: all 0.7s ease-out;
  22. -moz-transition: all 0.7s ease-out;
  23. transition: all 0.7s ease-out;}
  24. ::-moz-selection {background: #494641; color: #f6f0e0;}
  25.  
  26.  
  27. b,B,strong {color:#dc4672;font-family: trebuchet ms; font-size: 7.5pt; font-weight:bold; letter-spacing:1px; text-transform:uppercase;}
  28. i,I,em {color: #c9bc68!important;font-family: georgia !important; font-size: 11px !important;font-style: italic !important; font-weight:light !important;text-transform: lowercase !important; letter-spacing:1px !important; text-decoration:none; padding: 1px;}
  29. s,S,strike {color: #eeb8b8;font-family: courier new; font-size: 7.5pt; font-weight:bold; letter-spacing:0px; text-transform:uppercase; text-decoration: ;}
  30. big {color: #6464ff;font-family: 'georgia'; font-size: 16pt; font-weight: bold; letter-spacing:1px; text-transform: lowercase; !important;font-style: italic !important; }
  31. small {color:#eeb8b8; font-family: 'georgia'; font-size: 7.5pt; font-weight:normal; font-style: italic; letter-spacing:1px; text-transform: none; letter-spacing:1px;}
  32. u,U {color:#ea6884;font-family: trebuchet ms; font-size: 7.5pt; font-weight:normal; text-transform:uppercase;letter-spacing:0px; text-decoration: ; border-bottom: 1px dashed #fed444;}
  33.  
  34. blockquote {
  35. margin: 0 10px 0 20px;
  36. padding: 8px;
  37. background-color: #494641;
  38. border-left: 10px solid #dc4672;
  39. color: #f6f0e0;
  40. font: 8pt lucida sans unicode, sans-serif;
  41. text-align: justify;
  42. }
  43.  
  44. code, kbd, pre, tt {
  45. background-color: #cccccc;
  46. border: 1px solid #dc4672;
  47. font-size: 11px;
  48. color: #494641;
  49. }
  50.  
  51. textarea, .textbox, select, input {
  52. background-color: #cccccc;
  53. border: 1px solid #dc4672;
  54. font-size: 11px;
  55. color: #494641;
  56. }
  57.  
  58. button, .button {
  59. background-color: #cccccc;
  60. border: 1px solid #dc4672;
  61. font-size: 11px;
  62. color: #494641;
  63. }
  64.  
  65. }
  66.  
  67. #content {
  68. width: 780px;
  69. margin-left: 200px;
  70. margin-right: auto;
  71. padding: 30px;
  72. }
  73.  
  74. #maincontent {
  75.  
  76. width: 550px;
  77. font-family: trebuchet ms;
  78. font-size: 9.5px;
  79. background-color: #f6f0e0;
  80. color: #494641;
  81. margin: 20px 20px 10px 400px;
  82. text-align: center;
  83.  
  84. }
  85.  
  86. #sidebar {
  87. float: left;
  88. position:;
  89. padding: 10px 0px 0px 10px;
  90. margin: 0px 0px 0px 200px;
  91. background-color: #f6f0e0;
  92. font-size: 9.5px;
  93. font-family: trebuchet ms;
  94. text-transform: lowercase;
  95. color: #494641;
  96. width: 180px;
  97. text-align: justify;
  98. }
  99.  
  100.  
  101. .headerimage {
  102. position: relative;
  103. margin: auto;
  104. width: 780px;
  105. height: 300px;
  106. background: url(URL HERE) no-repeat;}
  107.  
  108. #footer {
  109. text-align: center;
  110. font-family: century gothic;
  111. font-size: 8.5px;
  112. font-weight: none;
  113. letter-spacing: 1px;
  114. text-transform: uppercase;
  115. color: #6B696A;
  116. padding: 9px 9px 9px 9px;
  117. margin: 0px 0px 0px 400px;
  118. background-color: #f6f0e0;
  119. width: 530px;
  120. clear: both;
  121. }
  122.  
  123. /* header -- links to views; title of journal; subtitle of journal */
  124.  
  125. #header {width:780px;margin:-30px 0 0 0;padding:40px 10px 10px 10px;height:60px;}
  126. div#header a, div#header a:link, div#header a:visited, li.view {background-color:#6B696A;padding:2px;color:#dddddd;text-decoration:none;text-transform:uppercase;letter-spacing:+1px;font-size:6pt;}
  127.  
  128. .title {text-align:right;font-family:Century Gothic, sans-serif;font-size:16pt;text-transform:uppercase;letter-spacing:+2px;margin-top:-50px;color:#6B696A;}
  129. .subtitle{text-align:right;font-size:6pt;letter-spacing:+6px;color:#6B696A;}
  130. ul.navheader{margin-left:0px;padding-top:5px;}
  131. ul.navheader li {list-style:none;display:inline;}
  132.  
  133. /* sidebar */
  134.  
  135. #sidebar {
  136. margin-right: 5px;
  137. margin-left: 200px;
  138. width: 180px;}
  139.  
  140. #sidebox {
  141. background: #f6f0e0;
  142. padding-bottom: 5px;
  143. border: 0px solid #f1f1f1;
  144. margin: 0px 0;}
  145.  
  146.  
  147. .sbarbody a {
  148. display: block;
  149. padding: 2px;
  150. padding-left: 5px;
  151. border-bottom: 0px solid #ffffff;
  152. font-family: 'Tahoma';
  153. font-size: 9px;
  154. background-color: #494641;
  155. color:#eeb8b8;
  156. border-left: 5px solid #dc4672;
  157. letter-spacing: 1px;
  158. line-height: 11px;
  159. text-transform: uppercase;
  160. word-spacing: 3px;
  161. text-decoration: none;
  162. opacity:0.8;
  163. filter:alpha(opacity=80);
  164. -webkit-transition: all 0.5s ease-in-out;
  165. -moz-transition: all 0.5s ease-in-out;
  166. -o-transition: all 0.5s ease-in-out;
  167. -ms-transition: all 0.5s ease-in-out;
  168. transition: all 0.5s ease-in-out;}
  169.  
  170. .sbarbody a:hover {
  171. display: block;
  172. text-align: right;
  173. padding-left: 5px;
  174. padding: 2px;
  175. border-bottom: 0px solid #ffffff;
  176. font-family: 'Tahoma';
  177. font-size: 9px;
  178. background-color: #494641;
  179. color:#eeb8b8!important;
  180. border-left: 10px solid #c9bc68;
  181. letter-spacing: 1px;
  182. line-height: 11px;
  183. text-transform: uppercase;
  184. word-spacing: 3px;
  185. text-decoration: none;
  186. opacity:1;
  187. filter:alpha(opacity=100);
  188. -webkit-transition: all 0.5s ease-in-out;
  189. -moz-transition: all 0.5s ease-in-out;
  190. -o-transition: all 0.5s ease-in-out;
  191. -ms-transition: all 0.5s ease-in-out;
  192. transition: all 0.5s ease-in-out;
  193. }
  194.  
  195.  
  196. div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
  197. color: #eeb8b8;
  198. -webkit-transition: all 0.5s ease-in-out;
  199. -moz-transition: all 0.5s ease-in-out;
  200. -o-transition: all 0.5s ease-in-out;
  201. -ms-transition: all 0.5s ease-in-out;
  202. transition: all 0.5s ease-in-out;
  203. }
  204. div#sidebar a:hover {
  205. color: #dc4672;
  206. text-decoration: none;
  207. -webkit-transition: all 0.5s ease-in-out;
  208. -moz-transition: all 0.5s ease-in-out;
  209. -o-transition: all 0.5s ease-in-out;
  210. -ms-transition: all 0.5s ease-in-out;
  211. transition: all 0.5s ease-in-out;
  212. }
  213.  
  214. .defaultuserpic {
  215. width:100px;
  216. padding:7px!important;
  217. background-color:#eeb8b8;
  218. margin-left: 35px;
  219. border:none!important;
  220. opacity:0.8;
  221. filter:alpha(opacity=80);
  222. -webkit-transition: all 0.5s ease-in-out;
  223. -moz-transition: all 0.5s ease-in-out;
  224. -o-transition: all 0.5s ease-in-out;
  225. -ms-transition: all 0.5s ease-in-out;
  226. transition: all 0.5s ease-in-out;
  227. }
  228.  
  229. .defaultuserpic:hover {
  230. background-color:#dc4672;
  231. opacity:1;
  232. filter:alpha(opacity=100);
  233. -webkit-transition: all 0.5s ease-in-out;
  234. -moz-transition: all 0.5s ease-in-out;
  235. -o-transition: all 0.5s ease-in-out;
  236. -ms-transition: all 0.5s ease-in-out;
  237. transition: all 0.5s ease-in-out;
  238. }
  239.  
  240.  
  241. .sbarheader {
  242. padding: 5px;
  243. background-color: transparent;
  244. }
  245.  
  246. .sbarbody {
  247. padding: 0px 5px 0px 5px;
  248. }
  249.  
  250. .sbarbody2 {
  251. padding: 0 15px 0 15px;
  252. }
  253.  
  254. #sidebar_summary li.sbaritem {
  255. display: none;
  256. }
  257.  
  258. table.calendar {
  259. background-color: #eeb8b8;}
  260.  
  261. .sbarcalendar {
  262. display: none;
  263. padding: 2px;
  264. width: 80% !important;
  265. font-family: georgia;
  266. }
  267.  
  268. .sbarcalendarposts {
  269. display: none;
  270. background-color: #eee8d9;
  271. text-align: center;
  272. font-family: georgia;
  273. font-size: 11px;
  274. }
  275.  
  276.  
  277. ul.sbarlist
  278. {
  279. padding-left: 0px;
  280. margin-left: 0px;
  281. list-style: none;
  282. text-transform: uppercase;
  283. font-family: century gothic;
  284. font-size: 14px;
  285. line-height: 16px;
  286. letter-spacing: 1px;}
  287.  
  288. li.sbaritem, .tagcloud
  289. {
  290. padding-left: 0px;
  291. list-style: none;
  292. border-bottom: solid 1px transparent;}
  293.  
  294. li.sbartitle
  295. {
  296. padding-left: 15px;
  297. list-style: none;
  298. background-color: #eeb8b8;
  299. margin-bottom: 10px;
  300. margin-top: 10px;
  301. }
  302.  
  303. /* maincontent */
  304.  
  305. .entry {
  306. margin: 10px 10px 20px 10px;
  307. margin-left: auto;
  308. padding: 10px;
  309. background-color: #f6f0e0;
  310. color: #6B696A;
  311. font-family: trebuchet ms;
  312. font-size: 10px;
  313. text-align: justify;
  314. }
  315.  
  316.  
  317.  
  318. .entry img {
  319. max-width: 250px;
  320. }
  321.  
  322. .entry ul li
  323. {
  324. padding-left: 5px;
  325. margin-left: 15px;
  326. }
  327.  
  328. .entry ol li
  329. {
  330. padding-left: 5px;
  331. margin-left: 15px;
  332. }
  333. .userpic, .userpicfriends {
  334. position: relative;
  335. float: right;
  336. background-color: transparent !important;
  337. margin: 0px -130px 0px 0px;
  338. z-index: 15;
  339. text-align: center;
  340. }
  341.  
  342. .userpic img, .userpicfriends img {
  343. background-color: #eeb8b8 !important;
  344. border: 7px solid #eeb8b8;
  345. opacity:0.8;
  346. filter:alpha(opacity=80);
  347. -webkit-transition: all 0.5s ease-in-out;
  348. -moz-transition: all 0.5s ease-in-out;
  349. -o-transition: all 0.5s ease-in-out;
  350. -ms-transition: all 0.5s ease-in-out;
  351. transition: all 0.5s ease-in-out;
  352. }
  353.  
  354. .userpic img:hover, .userpicfriends img:hover {
  355. background-color: #dc4672 !important;
  356. border: 7px solid #dc4672;
  357. opacity:1;
  358. filter:alpha(opacity=100);
  359. -webkit-transition: all 0.5s ease-in-out;
  360. -moz-transition: all 0.5s ease-in-out;
  361. -o-transition: all 0.5s ease-in-out;
  362. -ms-transition: all 0.5s ease-in-out;
  363. transition: all 0.5s ease-in-out;
  364. }
  365.  
  366. .userpic a font, .userpicfriends a font {
  367. color: #666;
  368. text-align: center;
  369. }
  370.  
  371.  
  372.  
  373. .date {
  374. font-family: arial;
  375. text-transform: uppercase;
  376. color: #ccc;
  377. padding: 10px 0px 0px 10px;}
  378.  
  379. .subject {
  380. display: block;
  381. padding:0 5px 5px 5px;
  382. background-color:#;
  383. color:#494641;
  384. text-transform:uppercase;
  385. font-face: lucida sans unicode;
  386. font-size:14px;
  387. text-decoration:none;
  388. letter-spacing:+1px;
  389. text-align:center;
  390. -webkit-transition: all 0.7s ease-out;
  391. -moz-transition: all 0.7s ease-out;
  392. transition: all 0.7s ease-out;
  393. }
  394.  
  395. .subject a, .subject a:link, .subject a:visited {
  396. text-decoration:none;
  397. color:#494641;
  398. font-size:14px;
  399. -webkit-transition: all 0.7s ease-out;
  400. -moz-transition: all 0.7s ease-out;
  401. transition: all 0.7s ease-out;
  402.  
  403. }
  404. .subject a:hover {
  405. color:#cccccc;
  406. -webkit-transition: all 0.7s ease-out;
  407. -moz-transition: all 0.7s ease-out;
  408. transition: all 0.7s ease-out;
  409. }
  410.  
  411. .datesubject {
  412. border-bottom: 2px solid #eeb8b8;
  413. background-color: #f6f0e0;
  414. }
  415.  
  416. .currents, .currentmood, .currentmusic {
  417. font-face: lucida sans unicode;
  418. font-size: 10px;
  419. font-color: #dc4672;
  420. font-weight: bold;
  421. text-align: right;
  422.  
  423. }
  424.  
  425. .ljtags {
  426. margin-top: 10px;
  427. border-right: 5px solid #6464ff;
  428. padding-right: 5px;
  429. text-align: right;
  430. text-transform: uppercase;
  431. }
  432.  
  433. .comments {
  434. font-family: courier new;
  435. text-transform: uppercase;
  436. color: #dc4672;
  437. font-size: 9.5px;
  438. text-align: center;
  439. background-color: transparent;
  440. padding: 0px 5px 0px 5px;
  441. position: relative;
  442. top: 15px;
  443. -webkit-transition: all 0.7s ease-out;
  444. -moz-transition: all 0.7s ease-out;
  445. transition: all 0.7s ease-out;
  446. }
  447.  
  448. div.comments a, div.comments a:link, div.comments a:visited{
  449. color: #dc4672;
  450. -webkit-transition: all 0.7s ease-out;
  451. -moz-transition: all 0.7s ease-out;
  452. transition: all 0.7s ease-out;
  453. }
  454.  
  455. div.comments a:hover {
  456. color: #c9bc68;
  457. -webkit-transition: all 0.7s ease-out;
  458. -moz-transition: all 0.7s ease-out;
  459. transition: all 0.7s ease-out;
  460. }
  461.  
  462.  
  463. /* maincontent -- entry, reply pages */
  464.  
  465. .datesubjectcomment {
  466. background-color: #f6f0e0;
  467. padding: 5px;
  468. margin-top: 20px;
  469. }
  470.  
  471. .userpiccomment {
  472. position: relative;
  473. background-color: #dc4672;
  474. top: -30px;
  475. left: 0px;
  476. padding: 5px;
  477. margin: 10px 10px -20px 10px;
  478. z-index: 15;
  479. float: left;
  480. }
  481.  
  482. .box {
  483. padding: 10px;
  484. clear: left;
  485. }
  486.  
  487. input, textarea {
  488. background-color: #f6f0e0;
  489. color: #494641;
  490. }
  491.  
  492. textarea.textbox {
  493. width:90% !important;
  494. }
  495.  
  496. .reply {
  497. position: relative;
  498. margin: 20px 30px 10px 30px;
  499. padding: 25px 10px 10px 10px;
  500. margin-left: 130px;
  501. text-align: left;
  502. font-family: arial;
  503. font-size: 9.5px;
  504. line-height: 125%;
  505. background-color: #f6f0e0;
  506. color: #494641;
  507. }
  508.  
  509. .commentreply {
  510. position: relative;
  511. margin: 10px;
  512. font-size: 9.5px;
  513. font-family: arial;
  514. color: #494641;
  515. }
  516.  
  517. .commentbox {
  518.  
  519. border: 1px solid #eeb8b8;
  520. font-family: arial;
  521. padding: 1px;
  522. margin: 10px;
  523. background-color: #f6f0e0;
  524. }
  525.  
  526. .datesubjectcomment a:link, .datesubjectcomment a:visited {
  527. color: #494641;
  528. }
  529.  
  530. .datesubjectcomment a:hover {
  531. color: #c9bc68;
  532. }
  533.  
  534. .commentboxpartial {
  535. padding: 10px;
  536. margin: 10px;
  537. background-color: #f6f0e0;
  538. }
  539.  
  540. .commentsubject {
  541. width: 50%;
  542. }
  543.  
  544. .commentinfo {
  545. background-color: #f6f0e0;
  546. margin-top: 10px;
  547. width: 50%;
  548. }
  549.  
  550.  
  551. /* maincontent -- year/achive pages */
  552.  
  553. ul.year {
  554. text-align: center;
  555. padding-bottom: 40px;
  556. }
  557.  
  558. ul.year li {
  559. display: inline;
  560. }
  561.  
  562. table.yeartable {
  563. margin-left: auto;
  564. margin-right: auto;
  565. }
  566.  
  567. table.yeartable td.yeardate, table.yeartable td.yearday {
  568. border-width: 1px;
  569. border-style: solid;
  570. border-color: #f6f0e0;
  571. }
  572.  
  573. table.yeartable td.yearday {
  574. background-color: #eeb8b8;
  575. text-align: center;
  576. }
  577.  
  578. td.yearmonth {
  579. border-style: none;
  580. }
  581.  
  582.  
  583. /* footer */
  584.  
  585. ul.navfooter{
  586. padding: 0px;
  587. margin: 0px;
  588. }
  589.  
  590. ul.navfooter li {
  591. display: inline;
  592. margin: 0 5px 0 5px;
  593. }
  594.  
  595.  
  596. .clearfoot {
  597. clear: both;
  598. }
  599.  
  600.  
  601. /* misc */
  602.  
  603. .clearfoot {
  604. clear: both; }
  605.  
  606. .clear {
  607. height: 0px; }
  608.  
  609. .skiplinks {
  610. text-align: center;
  611. }
  612.  
  613. .separator{
  614. background: #eeb8b8;
  615. height: 3px;
  616. display: relative;
  617. }
  618.  
  619. * html div.subcontent {
  620. /* fixes an IE reply page bug */
  621. height: 1%;
  622. clear: none;
  623. }
  624.  
  625.  
  626. * html div.box#commentform {
  627. /* fixes an IE reply page bug */
  628. position: absolute;
  629. background-color: #f6f0e0;
  630. }
  631.  
  632. /* controlstrip */
  633.  
  634. #lj_controlstrip {
  635. background:url('http://i.imgur.com/FR3yV.png') repeat scroll 0 0 #f7f7f7;
  636. color:#bbb; font-family: courier new!important; text-transform:uppercase; font-weight:normal;
  637. }
  638. #lj_controlstrip_statustext {
  639. color:#bbb;
  640. font-family: courier new; text-transform:uppercase;
  641. font-weight:normal;
  642. font-size:11pt;
  643. }
  644. #lj_controlstrip a {
  645. color:#bbb;
  646. font-family: courier new; text-transform:uppercase;
  647. }
  648. #lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
  649. border:0px;
  650. font-family: "lucida console", monaco; text-transform:uppercase;
  651. }
  652. #lj_controlstrip_userpic {
  653. background-image:url("http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptd4dce8000000");
  654. }
  655. #lj_controlstrip_loggedout_userpic {
  656. background-image:url("http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptd4dce8000000");
  657. }
  658. #lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember, #lj_controlstrip input {
  659. background:none repeat scroll 0 0 #f9f9f9!important;font-family: courier new!important;text-transform:uppercase;
  660. border:0 none;
  661. color:#bbb;
  662. }
  663.  
  664. #lj_controlstrip input {font-size:10pt; padding:2px 1px 1px 1px;}
  665.  
  666. #lj_controlstrip_search_input_text {}
  667.  
  668. #lj_controlstrip_search_submit {margin-left:3px!important;}
  669.  
  670. #lj_controlstrip_actionlinks {font-family:courier new!important; border:0px!important; font-size:11pt!important;}
  671.  
  672. label {font-family:courier new!important;}
  673.  
  674. #lj_controlstrip .ljuser a b {
  675. font-weight:normal;
  676. font-family: courier new; text-transform:uppercase;
  677. color:#bbb;
  678. }
  679.  
  680. #lj_controlstrip_user img, .ljuser img {width: 0; height: 0; background: transparent url() no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important}
  681.  
  682.  
  683. span.i-ljuser img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
  684. background: transparent url(http://i54.tinypic.com/2qjefj5.jpg) no-repeat !important; padding: 14px 0 0 14px !important; }
  685. span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;background: transparent url(http://i54.tinypic.com/4sb6mh.jpg) no-repeat !important; padding: 14px 0 0 14px !important; }
  686. img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
  687. background: transparent url(http://s141.photobucket.com/albums/r56/snakesgirl19/graphics/icons/lock.gif) no-repeat !important; padding: 13px 0 0 9px !important; }
  688. img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
  689. background: transparent url(http://s141.photobucket.com/albums/r56/snakesgirl19/graphics/icons/lock.gif) no-repeat !important; padding: 13px 0 0 9px !important; }
  690. img[src*="img/icon_groups.gif"] {width: 0 !important; height: 0 !important;
  691. background: transparent url(http://s141.photobucket.com/albums/r56/snakesgirl19/graphics/icons/lock.gif) no-repeat !important; padding: 13px 0 0 9px !important; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement