Advertisement
Guest User

Untitled

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