Advertisement
Guest User

Untitled

a guest
Dec 17th, 2012
50
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.88 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. background-color: transparent !important;
  280. margin: 0px -130px 0px 0px;
  281. z-index: 15;
  282. text-align: center;
  283. }
  284.  
  285. .userpic img, .userpicfriends img {
  286. height: 80px;
  287. width: 80px;
  288. padding: 10px;
  289. background-color: #ffccbb !important;
  290. -webkit-border-radius: 60px;
  291. -moz-border-radius: 60px;
  292. border-radius: 60px;
  293. -kthml-border-radius: 60px;
  294. opacity:0.6;
  295. filter:alpha(opacity=60);
  296. -webkit-transition: all 0.5s ease-in-out;
  297. -moz-transition: all 0.5s ease-in-out;
  298. -o-transition: all 0.5s ease-in-out;
  299. -ms-transition: all 0.5s ease-in-out;
  300. transition: all 0.5s ease-in-out;
  301. }
  302.  
  303. .userpic img:hover, .userpicfriends img:hover {
  304. opacity:1;
  305. filter:alpha(opacity=100);
  306. -webkit-transition: all 0.5s ease-in-out;
  307. -moz-transition: all 0.5s ease-in-out;
  308. -o-transition: all 0.5s ease-in-out;
  309. -ms-transition: all 0.5s ease-in-out;
  310. transition: all 0.5s ease-in-out;
  311. }
  312.  
  313. .userpic a font {
  314. display: none;
  315. }
  316.  
  317. .userpicfriends a font {
  318. color: #666;
  319. text-align: center;
  320. }
  321.  
  322.  
  323.  
  324. .date {
  325. font-family: courier new;
  326. text-transform: uppercase;
  327. color: #ccc;
  328. padding: 10px 0px 0px 10px;}
  329.  
  330. .subject {
  331. padding: 0px 10px 10px 10px;
  332. color: #5e5e5e;
  333. font-family: courier new;
  334. text-transform: uppercase;
  335. font-size: 13px;
  336. -webkit-transition: all 0.7s ease-out;
  337. -moz-transition: all 0.7s ease-out;
  338. transition: all 0.7s ease-out;
  339. }
  340.  
  341. .subject a, .subject a:link, .subject a:visited, .subject a:hover {
  342. color: #b0b0b0;
  343. text-decoration: none;
  344. -webkit-transition: all 0.7s ease-out;
  345. -moz-transition: all 0.7s ease-out;
  346. transition: all 0.7s ease-out;
  347. }
  348.  
  349. .subject a:hover {
  350. color: #cccccc;
  351. -webkit-transition: all 0.7s ease-out;
  352. -moz-transition: all 0.7s ease-out;
  353. transition: all 0.7s ease-out;
  354. }
  355.  
  356. .datesubject {
  357. border-bottom: 1px dotted #f8f8f8;
  358. background-color: #ffffff;
  359. }
  360.  
  361. .currents, .currentmood, .currentmusic {
  362. display: none;
  363.  
  364. }
  365.  
  366. .ljtags {
  367. text-transform: uppercase;
  368. font-size: 10px;
  369. color: #ffccbb;
  370. font-family: courier new;
  371. margin-top: 10px;
  372. margin-bottom: -5px;
  373. margin-left:5px;
  374. border-left: 5px solid #ffccbb;
  375. padding-left: 2px;
  376. text-align: left;
  377.  
  378. }
  379.  
  380.  
  381. .ljtags a {
  382. color: #ccccccc;
  383. background-color: #ffffff;
  384. }
  385.  
  386. .ljtags a:hover {
  387. color: #666;
  388. background-color: #ffccbb;
  389. }
  390.  
  391. .comments {
  392. font-family: courier new;
  393. text-transform: uppercase;
  394. color: #ffffff;
  395. font-size: 9.5px;
  396. text-align: right;
  397. background-color: transparent;
  398. padding: 0px 5px 0px 5px;
  399. position: relative;
  400. top: 15px;
  401. -webkit-transition: all 0.7s ease-out;
  402. -moz-transition: all 0.7s ease-out;
  403. transition: all 0.7s ease-out;
  404. }
  405.  
  406. div.comments a, div.comments a:link, div.comments a:visited{
  407. color: #b0b0b0;
  408. -webkit-transition: all 0.7s ease-out;
  409. -moz-transition: all 0.7s ease-out;
  410. transition: all 0.7s ease-out;
  411. }
  412.  
  413. div.comments a:hover {
  414. color: #ffccbb;
  415. -webkit-transition: all 0.7s ease-out;
  416. -moz-transition: all 0.7s ease-out;
  417. transition: all 0.7s ease-out;
  418. }
  419.  
  420.  
  421. /*------maincontent -- entry, reply pages------*/
  422.  
  423. .datesubjectcomment {
  424. background-color: #ffffff;
  425. padding: 5px;
  426. margin-top: 20px;
  427. }
  428.  
  429. .userpiccomment {
  430. position: relative;
  431. background-color: #ffccbb;
  432. top: -30px;
  433. left: 0px;
  434. padding: 5px;
  435. margin: 10px 10px -20px 10px;
  436. z-index: 15;
  437. float: left;
  438. }
  439.  
  440. .box {
  441. padding: 10px;
  442. clear: left;
  443. }
  444.  
  445. input, textarea {
  446. background-color: #ffffff;
  447. color: #666;
  448. }
  449.  
  450. textarea.textbox {
  451. width:90% !important;
  452. }
  453.  
  454. .reply {
  455. position: relative;
  456. margin: 20px 30px 10px 30px;
  457. padding: 25px 10px 10px 10px;
  458. margin-left: 130px;
  459. text-align: left;
  460. font-family: arial;
  461. font-size: 9.5px;
  462. line-height: 125%;
  463. background-color: #ffffff;
  464. color: #9c9c9c;
  465. }
  466.  
  467. .commentreply {
  468. position: relative;
  469. margin: 10px;
  470. font-size: 9.5px;
  471. font-family: arial;
  472. color: #666;
  473. }
  474.  
  475. .commentbox {
  476.  
  477. border: 1px solid #b0b0b0;
  478. font-family: arial;
  479. padding: 1px;
  480. margin: 10px;
  481. background-color: #ffffff;
  482. }
  483.  
  484. .datesubjectcomment a:link, .datesubjectcomment a:visited {
  485. color: #b0b0b0;
  486. }
  487.  
  488. .datesubjectcomment a:hover {
  489. color: #ffccbb;
  490. }
  491.  
  492. .commentboxpartial {
  493. padding: 10px;
  494. margin: 10px;
  495. background-color: #ffffff;
  496. }
  497.  
  498. .commentsubject {
  499. width: 50%;
  500. }
  501.  
  502. .commentinfo {
  503. background-color: #ffffff;
  504. margin-top: 10px;
  505. width: 50%;
  506. }
  507.  
  508.  
  509. /*------maincontent -- year/achive pages------*/
  510.  
  511. ul.year {
  512. text-align: center;
  513. padding-bottom: 40px;
  514. }
  515.  
  516. ul.year li {
  517. display: inline;
  518. }
  519.  
  520. table.yeartable {
  521. margin-left: auto;
  522. margin-right: auto;
  523. }
  524.  
  525. table.yeartable td.yeardate, table.yeartable td.yearday {
  526. border-width: 1px;
  527. border-style: solid;
  528. border-color: #ffffff;
  529. }
  530.  
  531. table.yeartable td.yearday {
  532. background-color: #f8f8f8;
  533. text-align: center;
  534. }
  535.  
  536. td.yearmonth {
  537. border-style: none;
  538. }
  539.  
  540.  
  541. /* footer */
  542.  
  543. ul.navfooter{
  544. padding: 0px;
  545. margin: 0px;
  546. }
  547.  
  548. ul.navfooter li {
  549. display: inline;
  550. margin: 0 5px 0 5px;
  551. }
  552.  
  553.  
  554. .clearfoot {
  555. clear: both;
  556. }
  557.  
  558.  
  559. /* misc */
  560.  
  561. .clearfoot {
  562. clear: both; }
  563.  
  564. .clear {
  565. height: 0px; }
  566.  
  567. .skiplinks {
  568. text-align: center;
  569. }
  570.  
  571. .headerimage {
  572. /* for formatting header image */
  573. }
  574.  
  575. .separator{
  576. background: #f8f8f8;
  577. height: 3px;
  578. display: relative;
  579. }
  580.  
  581. * html div.subcontent {
  582. /* fixes an IE reply page bug */
  583. height: 1%;
  584. clear: none;
  585. }
  586.  
  587.  
  588. * html div.box#commentform {
  589. /* fixes an IE reply page bug */
  590. position: absolute;
  591. background-color: #FFFFFF;
  592. }
  593.  
  594. /*------controlstrip------*/
  595.  
  596. #lj_controlstrip {
  597. background:url('http://i.imgur.com/FR3yV.png') repeat scroll 0 0 #f7f7f7;
  598. color:#bbb; font-family: courier new!important; text-transform:uppercase; font-weight:normal;
  599. }
  600. #lj_controlstrip_statustext {
  601. color:#bbb;
  602. font-family: courier new; text-transform:uppercase;
  603. font-weight:normal;
  604. font-size:11pt;
  605. }
  606. #lj_controlstrip a {
  607. color:#bbb;
  608. font-family: courier new; text-transform:uppercase;
  609. }
  610. #lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
  611. border:0px;
  612. font-family: "lucida console", monaco; text-transform:uppercase;
  613. }
  614. #lj_controlstrip_userpic {
  615. background-image:url("http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptd4dce8000000");
  616. }
  617. #lj_controlstrip_loggedout_userpic {
  618. background-image:url("http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptd4dce8000000");
  619. }
  620. #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 {
  621. background:none repeat scroll 0 0 #f9f9f9!important;font-family: courier new!important;text-transform:uppercase;
  622. border:0 none;
  623. color:#bbb;
  624. }
  625.  
  626. #lj_controlstrip input {font-size:10pt; padding:2px 1px 1px 1px;}
  627.  
  628. #lj_controlstrip_search_input_text {}
  629.  
  630. #lj_controlstrip_search_submit {margin-left:3px!important;}
  631.  
  632. #lj_controlstrip_actionlinks {font-family:courier new!important; border:0px!important; font-size:11pt!important;}
  633.  
  634. label {font-family:courier new!important;}
  635.  
  636. #lj_controlstrip .ljuser a b {
  637. font-weight:normal;
  638. font-family: courier new; text-transform:uppercase;
  639. color:#bbb;
  640. }
  641.  
  642. #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}
  643.  
  644. /* Generated by Malionette's Tiny Icon Generator
  645. http://malionette.net/generator/tinylite.html */
  646.  
  647. .ljuser img[src*="userinfo.gif"] { background-image: url(http://i54.tinypic.com/2qjefj5.jpg) !important; padding: 9px 9px 0px 0px !
  648.  
  649. important; width: 0 !important; height: 0 !important;}
  650.  
  651. .ljuser img[src*="community.gif"] { background-image: url(http://i54.tinypic.com/4sb6mh.jpg) !important; padding: 9px 9px 0px 0px!
  652.  
  653. important; width: 0 !important; height: 0 !important; }
  654.  
  655. span.i-ljuser img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
  656. background: transparent url(http://i54.tinypic.com/2qjefj5.jpg) no-repeat !important; padding: 10px 0 0 10px !important; }
  657. 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; }
  658. img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
  659. background: transparent url(http://s141.photobucket.com/albums/r56/snakesgirl19/graphics/icons/lock.gif) no-repeat !important; padding: 13px 0 0 9px !important; }
  660. img[src*="img/icon_private.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_groups.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; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement