SHARE
TWEET

Untitled

a guest Nov 13th, 2012 603 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* Cleaned CSS: */
  2. /* Layout: Stardust
  3.    By: cirque @ dustier
  4.    Base: For The Bold */
  5.  
  6.  
  7. @font-face {
  8.   font-family: 'Satisfy';
  9.   font-style: normal;
  10.   font-weight: 400;
  11.   src: local('Satisfy'), url(http://themes.googleusercontent.com/static/fonts/satisfy/v3/ch7X2unYkww0EzsjlC3m8w.woff) format('woff');
  12. }
  13.  
  14. @font-face {
  15.   font-family: 'Amatic SC';
  16.   font-style: normal;
  17.   font-weight: 700;
  18.   src: local('Amatic SC Bold'), local('AmaticSC-Bold'), url(http://themes.googleusercontent.com/static/fonts/amaticsc/v3/IDnkRTPGcrSVo50UyYNK73hCUOGz7vYGh680lGh-uXM.woff) format('woff');
  19. }
  20.  
  21.   body{cursor: url(http://pinkluvhh.tripod.com/arrow2.cur), auto;} a:hover
  22.   {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;}
  23.  
  24. H1, H2, H3 {
  25. font-family: 'Satisfy';
  26.     margin: .25em 0;
  27.     padding: .25em 0;
  28. }
  29.  
  30. img {
  31.     border: none;
  32. }
  33.  
  34. hr {
  35.     display: none;
  36. }
  37. .entry-content hr,
  38. .comment-content hr {
  39.     display: block;
  40.     margin: 1em 10%;
  41. }
  42.  
  43. body {
  44.     font-family: Trebuchet Ms, sans-serif; font-size: 100%;
  45.     padding: 0;
  46.     background: url(http://i295.photobucket.com/albums/mm155/thirteenthend/bgs/xXUIL.png);
  47.     color: #444;
  48.  
  49. }
  50.  
  51. html body {
  52.     margin-left: 0em;
  53.     margin-right: 0em;
  54. }
  55.  
  56. a, a:visited, a:active { color: #fe7597;
  57. text-decoration: none;
  58.  -webkit-transition: all 0.7s ease-out;
  59. -moz-transition: all 0.7s ease-out;
  60. transition: all 0.7s ease-out;}
  61. a:hover { color: #f7a5a9;
  62. -webkit-transition: all 0.7s ease-out;
  63. -moz-transition: all 0.7s ease-out;
  64. transition: all 0.7s ease-out;
  65.  }
  66.  
  67. a:hover {
  68. text-decoration: none;}
  69.  
  70. q { font-style: italic; }
  71.  
  72. .one-column #content { float: none; }
  73. .two-columns-left #content,
  74. .three-columns-sides #content {
  75.     border-left: 12em solid transparent;
  76. }
  77. .two-columns-right #content,
  78. .three-columns-sides #content {
  79.     border-right: 12em solid transparent;
  80. }
  81. .three-columns-left #content {
  82.     border-left: 24em solid transparent;
  83. }
  84. .three-columns-right #content {
  85.     border-right: 24em solid transparent;
  86. }
  87. .column-right #content {
  88.     min-width: 12em; /* prevents sidebar overlap of entry, when entry becomes narrower than sidebar */
  89. }
  90.  
  91. #content-footer {
  92.     height: 0;
  93.     font-size: 0; /*to make IE happy*/
  94.     clear: both;
  95. }
  96.  
  97. #header, #footer {
  98.     margin: 0;
  99.     clear: both;
  100.     padding: .5em;
  101. }
  102.  
  103. #header {
  104.     background: transparent;
  105.     color: #727272;
  106.  
  107. }
  108.  
  109. h1#title {
  110.     font-family: 'Satisfy';
  111. font-size: 1.9em;
  112. color: #727272;
  113. }
  114.  
  115. h2#subtitle,
  116. h2#pagetitle {
  117.       font-family: 'Amatic SC'; font-size: 20px;
  118. padding: 3px;
  119. }
  120.  
  121. #footer {
  122.   font-family: 'Amatic SC';
  123. font-size: 20px;
  124.     background: #fce2f3;
  125.     text-transform: uppercase;
  126.     text-align: center;
  127. opacity:0.6;
  128. filter:alpha(opacity=60);
  129. -webkit-transition: all 0.5s ease-in-out;
  130. -moz-transition: all 0.5s ease-in-out;
  131. -o-transition: all 0.5s ease-in-out;
  132. -ms-transition: all 0.5s ease-in-out;
  133. transition: all 0.5s ease-in-out;
  134. }
  135.  
  136. #footer:hover {
  137. opacity:1;
  138. filter:alpha(opacity=100);
  139. -webkit-transition: all 0.5s ease-in-out;
  140. -moz-transition: all 0.5s ease-in-out;
  141. -o-transition: all 0.5s ease-in-out;
  142. -ms-transition: all 0.5s ease-in-out;
  143. transition: all 0.5s ease-in-out;
  144. }
  145.  
  146. #footer a { color: #fe7597;
  147.  }
  148. #footer a:visited { color: #fe7597;
  149.  }
  150. #footer a:hover { color: #727272;
  151.  }
  152. #footer a:active { color: #fe7597;
  153.  }
  154.  
  155. #primary {
  156.     float: left;
  157.     width:100%;
  158.     margin-right:-100%;
  159.     margin-left: 0;
  160. }
  161.  
  162. .one-column #primary { float: none; }
  163.  
  164. #primary > .inner:first-child {
  165.     padding: 1em;
  166. }
  167.  
  168. .one-column #secondary { width: auto; }
  169.  
  170. .two-columns-left #secondary,
  171. .three-columns-sides #secondary {
  172.     float: left;
  173.     width: 12em;
  174.     margin-left: -12em;
  175. }
  176. .two-columns-right #secondary {
  177.     float: right;
  178.     width: 12em;
  179.     margin-right: -12em;
  180. }
  181. .three-columns-left #secondary {
  182.     float: left;
  183.     width: 12em;
  184.     margin-left: -24em;
  185. }
  186. .three-columns-right #secondary {
  187.     float: right;
  188.     width: 12em;
  189.     margin-right: -12em;
  190. }
  191.  
  192. #secondary > .inner:first-child {
  193.     padding: 1em;
  194. }
  195.  
  196. .one-column #tertiary { width: auto; }
  197.  
  198. .two-columns-left #tertiary,
  199. .two-columns-right #tertiary {
  200.     clear: both;
  201. }
  202. .two-columns-left #tertiary { margin-left: -12em; }
  203. .two-columns-right #tertiary { margin-right: -12em; }
  204. .two-columns-left #tertiary .module,
  205. .two-columns-right #tertiary .module {
  206.     float: left;
  207.     width: 12em;
  208. }
  209. .three-columns-left #tertiary {
  210.     float: left;
  211.     width: 12em;
  212.     margin-left: -12em;
  213. }
  214. .three-columns-right #tertiary {
  215.     float: right;
  216.     width: 12em;
  217.     margin-right: -24em;
  218.     margin-left: 12em; /* so that #tertiary won't overlay #secondary in IE7 */
  219. }
  220. .three-columns-sides #tertiary {
  221.     float: right;
  222.     width: 12em;
  223.     margin-right: -12em;
  224. }
  225.  
  226. #tertiary > .inner:first-child {
  227.     padding: 1em;
  228. }
  229.  
  230. .navigation ul {
  231.     margin-left: 0;
  232.     padding-left: 0;
  233. }
  234. .navigation li {
  235.     display: inline;
  236.     padding: 0 .5em;
  237. }
  238. .noentries {
  239.     padding: 0 .5em;
  240. }
  241.  
  242. /* entries */
  243.  
  244. .entry {
  245.     background: #fcf1f3;
  246. opacity:0.9;
  247. filter:alpha(opacity=90);
  248.     color: #444;
  249.     font-face: trebuchet ms, sans-serif;
  250.     font-size: 11px;
  251. }
  252.  
  253. .entry .entry-title {
  254.     font-family: font-family: 'Satisfy';
  255. color:#727272;
  256.     font-size: 1.41em;
  257. -webkit-transition: all 0.5s ease-in-out;
  258. -moz-transition: all 0.5s ease-in-out;
  259. -o-transition: all 0.5s ease-in-out;
  260. -ms-transition: all 0.5s ease-in-out;
  261. transition: all 0.5s ease-in-out;
  262. }
  263.  
  264. .entry .entry-title, .entry .entry-title a {
  265.     color: #444;
  266. -webkit-transition: all 0.5s ease-in-out;
  267. -moz-transition: all 0.5s ease-in-out;
  268. -o-transition: all 0.5s ease-in-out;
  269. -ms-transition: all 0.5s ease-in-out;
  270. transition: all 0.5s ease-in-out;
  271. }
  272.  
  273. .no-subject .entry .entry-title {
  274.     background: none;
  275.     border: none;
  276. color: #727272;
  277. }
  278.  
  279. .entry a { color: #fe7597;
  280. -webkit-transition: all 0.5s ease-in-out;
  281. -moz-transition: all 0.5s ease-in-out;
  282. -o-transition: all 0.5s ease-in-out;
  283. -ms-transition: all 0.5s ease-in-out;
  284. transition: all 0.5s ease-in-out;
  285.  }
  286. .entry a:visited { color: #fe7597;
  287. -webkit-transition: all 0.5s ease-in-out;
  288. -moz-transition: all 0.5s ease-in-out;
  289. -o-transition: all 0.5s ease-in-out;
  290. -ms-transition: all 0.5s ease-in-out;
  291. transition: all 0.5s ease-in-out;
  292.  }
  293. .entry a:hover { color: #727272;
  294. -webkit-transition: all 0.5s ease-in-out;
  295. -moz-transition: all 0.5s ease-in-out;
  296. -o-transition: all 0.5s ease-in-out;
  297. -ms-transition: all 0.5s ease-in-out;
  298. transition: all 0.5s ease-in-out;
  299.  }
  300. .entry a:active { color: #fe7597;
  301. -webkit-transition: all 0.5s ease-in-out;
  302. -moz-transition: all 0.5s ease-in-out;
  303. -o-transition: all 0.5s ease-in-out;
  304. -ms-transition: all 0.5s ease-in-out;
  305. transition: all 0.5s ease-in-out;
  306.  }
  307.  
  308. /* To prevent overlapping when icon's on the left */
  309. /* and list is the first thing in content */
  310. .entry-content li,
  311. .comment-content li {
  312.     list-style-position: inside;
  313.     }
  314.  
  315. .metadata ul {
  316.     display: inline;
  317.     list-style: none;
  318.     margin-left: .5em;
  319.     padding-left: 0;
  320. }
  321. .metadata li {
  322.     margin-bottom: .5em;
  323. }
  324. .metadata.top-metadata ul {
  325.     margin: 0;
  326. }
  327. .metadata.top-metadata {
  328.     margin-bottom: 1em;
  329. }
  330.  
  331. .tag ul {
  332.     display: inline;
  333.     margin-left: .5em;
  334.     padding-left: 0;
  335. }
  336. .tag ul li {
  337.     display: inline;
  338.     padding: .25em;
  339. } /* same for month view */
  340.  
  341. ul.entry-management-links {
  342.     margin-left: 0;
  343.     padding-left: 0;
  344.   font-family: 'Amatic SC';
  345. font-size: 20px;
  346. }
  347. ul.entry-management-links li {
  348.     display: inline;
  349.     padding: 0 .25em;
  350. }
  351.  
  352. ul.entry-interaction-links {
  353.     margin-left: 0;
  354.     padding-left: 0;
  355.     text-align: right;
  356.   font-family: 'Amatic SC';
  357. font-size: 20px;
  358. }
  359.  
  360. .entry-interaction-links a { color: #fe7597;
  361.  }
  362.  
  363. ul.entry-interaction-links li {
  364.     display: inline;
  365.     padding: 0 .25em;
  366. }
  367.  
  368. /* comments */
  369.  
  370. .comment-wrapper {
  371.     padding: .5em 0;
  372.     min-width: 15em;
  373. }
  374.  
  375. .comment .comment-title {
  376.     font-family: Century Gothic, sans-serif; font-size: 1.1em;
  377.     margin: 0;
  378. }
  379.  
  380. .comment .comment-title, .comment .comment-title a {
  381.     color: #444;
  382.  
  383. }
  384.  
  385. .no-subject .comment .comment-title {
  386.     background: none;
  387.     border: none;
  388. }
  389.  
  390. ul.comment-management-links {
  391.     margin-left: 0;
  392.     padding-left: 0;
  393.     text-align: right;
  394. }
  395. ul.comment-management-links li {
  396.     display: inline;
  397.     padding: 0 .25em;
  398. }
  399.  
  400. ul.comment-interaction-links {
  401.     margin-left: 0;
  402.     padding-left: 0;
  403. }
  404. ul.comment-interaction-links li {
  405.     display: inline;
  406.     padding: 0 .25em;
  407. }
  408.  
  409. textarea#commenttext {
  410.     width: 100%; /* fix for FF form width glitch */
  411. }
  412.  
  413. /* archive */
  414.  
  415. table.month {
  416.     margin: 0 auto;
  417.     border-collapse: collapse;
  418. }
  419. table.month td {
  420.     height: 3.25em;
  421. }
  422. table.month td,
  423. table.month th {
  424.     border: 1px solid; /* ? */
  425.     padding: 3px;
  426. }
  427. table.month td p {
  428.     margin: 0;
  429.     padding: 3px;
  430. }
  431.  
  432. .month dl dt {
  433.     font-weight: bold;
  434. }
  435. .month dl .time {
  436.     padding-right: .5em;
  437. }
  438. .month dl h3 {
  439.     display: inline;
  440.     font-size: medium;
  441. }
  442. .page-month .month .entry-poster {
  443.     margin-right: .5em;
  444. }
  445. .month dl .tag ul {
  446.     margin-top: 0;
  447. }
  448.  
  449. /* icons */
  450.  
  451. .sorting-options ul {
  452.     margin-left: 0;
  453. }
  454.  
  455. .sorting-options ul li {
  456.     display: inline;
  457. }
  458.  
  459. .icon-keywords ul {
  460.     display: inline;
  461.     margin-left: .5em;
  462.     padding-left: 0;
  463. }
  464.  
  465. .icon-keywords ul li {
  466.     display: inline;
  467.     padding: .25em;
  468. }
  469.  
  470. /* modules */
  471.  
  472. .module {
  473.     background: #fce1e0;
  474.     color: #444;
  475. }
  476.  
  477. .module a { color: #fe7597;
  478. -webkit-transition: all 0.7s ease-out;
  479. -moz-transition: all 0.7s ease-out;
  480. transition: all 0.7s ease-out;
  481.  }
  482. .module a:visited { color: #fe7597;
  483. -webkit-transition: all 0.7s ease-out;
  484. -moz-transition: all 0.7s ease-out;
  485. transition: all 0.7s ease-out;
  486.  }
  487. .module a:hover { color: #fec1d0;
  488. -webkit-transition: all 0.7s ease-out;
  489. -moz-transition: all 0.7s ease-out;
  490. transition: all 0.7s ease-out;
  491.  }
  492. .module a:active { color: #fe7597;
  493. -webkit-transition: all 0.7s ease-out;
  494. -moz-transition: all 0.7s ease-out;
  495. transition: all 0.7s ease-out;
  496.  }
  497.  
  498. .module h2 {
  499.     color: #444;
  500.       font-family: 'Amatic SC'; font-size: 20px;
  501. }
  502.  
  503. .module-content {
  504.     font-family: Trebuchet Ms, sans-serif;
  505.     font-size: 10px;
  506.     text-align: justify;
  507. }
  508.  
  509. .module-content ul {
  510.     list-style: outside;
  511.     margin-left: 1em;
  512.     padding-left: 0;
  513. }
  514. .module-content li {
  515.     margin: .5em 0;
  516. }
  517.  
  518. ul.userlite-interaction-links.icon-links {
  519.     margin-left: 0;
  520.     padding-left: 0;
  521. }
  522.  
  523. ul.userlite-interaction-links.icon-links li {
  524.     display: inline;
  525.     padding: 0 .20em;
  526. }
  527.  
  528. ul.userlite-interaction-links.text-links {
  529.     text-align: left;
  530. }
  531.  
  532. .module-calendar .module-content {
  533.     text-align: center;
  534. }
  535.  
  536. .one-column .module-calendar .module-content {
  537.     text-align: left;
  538. }
  539.  
  540. .module-calendar table {
  541.     margin: 0 auto;
  542. }
  543.  
  544. .one-column .module-calendar table {
  545.     margin: 0;
  546. }
  547.  
  548. .module-calendar td {
  549.     padding: 1px;
  550. }
  551. .module-calendar td a {
  552.     display: block;
  553.     padding: 2px;
  554. }
  555.  
  556. .search-box {
  557.     margin: .2em auto;
  558.     max-width: 100%;
  559. }
  560.  
  561. /* wrap long content, particularly openid usernames */
  562. .module-pagesummary .ljuser {
  563.     white-space: normal !important;
  564. }
  565. .module-pagesummary .module-content {
  566.     word-wrap: break-word;
  567. }
  568. .module-credit dt, .module-credit dd {
  569.     display: inline;
  570.     margin: 0;
  571.     padding: 0;
  572. }
  573. .module-credit dt {
  574. font-family: 'Amatic SC'; font-size: 20px;
  575.     font-weight: bold;
  576.     margin-right: 0.5em;
  577. }
  578.  
  579. .tags_cloud li, .module-tags_cloud li { display: inline; font-size: 12px; }
  580.  
  581. .module-syndicate .module-content {
  582.     text-align: center;
  583. }
  584.  
  585. .one-column .module-syndicate .module-content {
  586.     text-align: left;
  587. }
  588.  
  589.  
  590.              .entry .userpic,
  591.              .comment .userpic {
  592.                  text-align: right;
  593.                  }
  594.              
  595.     ;
  596.  
  597. /* For the Bold
  598. /* by timeasmymeasure
  599. ******************************/
  600.  
  601. /* General
  602. ******************************/
  603.  
  604. body {
  605.     line-height: 140%;
  606.     margin: 10px 0 0;
  607.     }
  608.  
  609. a, a:visited {
  610.     font-color: #fec1d0;
  611.     }
  612.  
  613. a: hover {
  614.     font-color: #fe7597;
  615.     }
  616.  
  617. i, em {
  618.     font-face: georgia;
  619.     color: #fe7597;
  620.     font-style: italic;
  621.     letter-spacing: 1px;
  622. }
  623.  
  624. b, strong {
  625.     color: #fe7597;
  626. }
  627.  
  628. hr,
  629. hr.above-entry-interaction-links,
  630. hr.below-reply-container,
  631. li.page-separator {
  632.     display: none;
  633.     }
  634.  
  635. input, textarea {
  636.     background-color: #f8f8f8;
  637.     color: #444;
  638.     border: 1px solid ;
  639.     border-radius: 5px;
  640.     }
  641.  
  642.     ::-moz-selection {
  643.     background-color:#fce1e0;
  644.     color: #444;
  645.     }
  646.  
  647. blockquote {
  648.     background-color:#fce2f3;
  649.     border-top: 2px solid #fe7597;
  650.     border-radius: 5px;
  651.     color: #444;
  652.     margin: 15px 30px;
  653.     padding: 10px;
  654.     width: 70%;
  655.     }
  656.  
  657. ul {
  658.     list-style: circle inside;
  659.     margin: 5px 0 5px 15px;
  660.     }
  661.  
  662. ol {
  663.     list-style: decimal inside;
  664.     margin: 5px 0 5px 35px;
  665.     }
  666.  
  667. /* Main Containers
  668. ******************************/
  669.  
  670. #canvas {
  671.     margin: 0 auto;
  672.     width: 90%;
  673.     }
  674.  
  675. #primary > .inner:first-child {
  676.     padding: 0;
  677.     }
  678.  
  679. .column-left #primary > .inner:first-child {
  680.     padding-left: 1em;
  681.     }
  682.  
  683. .column-right #primary > .inner:first-child {
  684.     padding-right: 1em;
  685.     }
  686.  
  687. #secondary > .inner:first-child,
  688. #tertiary > .inner:first-child {
  689.     padding: 2px 10px;
  690.     }
  691.  
  692. .two-columns #tertiary > .inner:first-child {
  693.     padding-top: 20px;
  694.     }
  695.  
  696. .three-columns-left #secondary > .inner:first-child,
  697. .three-columns-right #secondary > .inner:first-child {
  698.     margin-right: .5em;
  699.     }
  700.  
  701. .three-columns-left #tertiary > .inner:first-child,
  702. .three-columns-right #tertiary > .inner:first-child {
  703.     margin-left: .5em;
  704.     }
  705.  
  706. #secondary > .inner:first-child,
  707. .three-columns #tertiary > .inner:first-child,
  708. .one-column #tertiary > .inner:first-child {
  709.     background-color: #fce1e0;
  710.     border-radius: 5px;
  711.     }
  712.  
  713. /* Header
  714. ******************************/
  715.  
  716. #header {
  717.     padding: 10px;
  718.     margin-bottom: 10px;
  719.     }
  720.  
  721. h1#title {
  722.     font-weight: lighter;
  723.     margin: 0;
  724.     padding: 0;
  725.     text-transform: none;
  726.     }
  727.  
  728. h2#subtitle,
  729. h2#pagetitle {
  730.     color: #141414;
  731.     line-height: 80%;
  732.     font-weight: lighter;
  733.     margin-left: 10px;
  734.     padding: 5px;
  735.     text-transform: lowercase;
  736.     }
  737.  
  738. /* Navigation
  739. ******************************/
  740.  
  741. .navigation {
  742.     margin: 5px 0;
  743.     }
  744.  
  745. /* Entries
  746. ******************************/
  747.  
  748. .entry {
  749.     border: none;
  750.     margin-bottom: 20px;
  751.     padding: 5px;
  752.     }
  753.  
  754. .entry-title {
  755.     border: none;
  756.     font-weight: lighter;
  757.     margin: 0;
  758.     padding: 0;
  759.     text-transform: none;
  760.     }
  761.  
  762. .datetime {
  763.     color: #727272;
  764.     font-size: .75em;
  765.     }
  766.  
  767. .datetime a {
  768.     color: #727272;
  769.     }
  770.  
  771. .entry .userpic img {
  772.     background-color: #fe7597;
  773. -webkit-border-radius: 5px;
  774. -moz-border-radius: 5px;
  775. border-radius: 5px;
  776. opacity:0.6;
  777. filter:alpha(opacity=60);
  778. -webkit-transition: all 0.5s ease-in-out;
  779. -moz-transition: all 0.5s ease-in-out;
  780. -o-transition: all 0.5s ease-in-out;
  781. -ms-transition: all 0.5s ease-in-out;
  782. transition: all 0.5s ease-in-out;
  783.     padding: 15px;
  784.     }
  785.  
  786. .entry .userpic img:hover {
  787.     background-color: #fe7597;
  788. -webkit-border-radius: 5px;
  789. -moz-border-radius: 5px;
  790. border-radius: 5px;
  791. opacity:1;
  792. filter:alpha(opacity=100);
  793. -webkit-transition: all 0.5s ease-in-out;
  794. -moz-transition: all 0.5s ease-in-out;
  795. -o-transition: all 0.5s ease-in-out;
  796. -ms-transition: all 0.5s ease-in-out;
  797. transition: all 0.5s ease-in-out;
  798.     padding: 15px;
  799.     }
  800.  
  801. .entry .poster {
  802.     float: right;
  803.     margin-top: -1.4em;
  804.     }
  805.  
  806. .entry-content {
  807.     border-top: 1px solid #fccfcc;
  808.     min-height: 100px;
  809.     padding: 10px;
  810.     }
  811.  
  812. .metadata {
  813.   font-family: 'Amatic SC';
  814.     margin-top: 20px;
  815.     text-align: left;
  816. font-size: 20px;
  817.     text-transform: uppercase;
  818.     }
  819.  
  820. .metadata ul,
  821. .metadata ul li {
  822.     margin: 0;
  823.     padding: 0;
  824.     }
  825.  
  826. .metadata-item-location,
  827. .metadata-item-music,
  828. .metadata-item-mood,
  829. div.tag ul {
  830.   font-family: 'Amatic SC';
  831.     color: #fe7597;
  832.     text-align: left;
  833. font-size: 20px;
  834.     }
  835.  
  836. .tag {
  837.   font-family: 'Amatic SC';
  838. font-size: 20px;
  839.     margin: 0;
  840.     text-transform: uppercase;
  841.     }
  842.  
  843. .tag ul li {
  844.     margin: 0 0;
  845.     text-align: right;
  846.     }
  847.  
  848. .entry .footer {
  849.     clear: both;
  850.     }
  851.  
  852. ul.entry-management-links {
  853.     margin: 15px 0 0;
  854.     text-align: right;
  855.     }
  856.  
  857. ul.entry-interaction-links {
  858.   font-family: 'Amatic SC';
  859. font-size: 20px;
  860.     margin: 5px 0 0;
  861.     padding: 0;
  862.     text-align: right;
  863.     text-transform: uppercase;
  864.     }
  865.  
  866. ul.entry-interaction-links li {
  867.     display: inline;
  868.     margin: 0 5px 0 0;
  869.     padding: 0;
  870.     }
  871.  
  872. /* Comment Page
  873. ******************************/
  874.  
  875. .comment-wrapper {
  876.     margin: 10px 0;
  877.     }
  878.  
  879. .comment {
  880.     color: #444;
  881. background-color: #fcf1f3;
  882.     margin-bottom: 20px;
  883.     padding: 10px;
  884.     font-size: 12px;
  885.     }
  886.  
  887. .comment a { color: #fe7597;
  888. font-family: 'Amatic SC';
  889. font-size: 20px;
  890. -webkit-transition: all 0.7s ease-out;
  891. -moz-transition: all 0.7s ease-out;
  892. transition: all 0.7s ease-out;}
  893. .comment a:visited { color: #fe7597;
  894. font-family: 'Amatic SC';
  895. font-size: 20px;
  896. -webkit-transition: all 0.7s ease-out;
  897. -moz-transition: all 0.7s ease-out;
  898. transition: all 0.7s ease-out;}
  899. .comment a:hover { color: #727272;
  900. font-family: 'Amatic SC';
  901. font-size: 20px;
  902. -webkit-transition: all 0.7s ease-out;
  903. -moz-transition: all 0.7s ease-out;
  904. transition: all 0.7s ease-out;}
  905. .comment a:active { color: #fe7597;
  906. font-family: 'Amatic SC';
  907. font-size: 20px;
  908. -webkit-transition: all 0.7s ease-out;
  909. -moz-transition: all 0.7s ease-out;
  910. transition: all 0.7s ease-out; }
  911.  
  912. .comment-title {
  913.     font-weight: lighter;
  914.     text-transform: uppercase;
  915. font-family: 'Amatic SC';
  916. font-size: 20px;
  917.     }
  918.  
  919. .comment-title a {
  920. font-family: 'Amatic SC';
  921. font-size: 20px;
  922.     font-weight: lighter;
  923.     }
  924.  
  925. .comment .userpic img {
  926.     background-color: #fe7597;
  927.     border-radius: 5px;
  928.     padding: 10px;
  929.     }
  930.  
  931. .comment .poster {
  932.     float: right;
  933.     margin-top: -1.4em;
  934.     }
  935.  
  936. .comment-content {
  937.     border-top: 1px solid #fccfcc;
  938.     min-height: 60px;
  939.     padding: 10px;
  940.     }
  941.  
  942. .comment .footer {
  943.     clear: both;
  944.     margin-top: 15px;
  945.     text-align: right;
  946.     }
  947.  
  948. .comment-management-links li,
  949. .comment-interaction-links li {
  950. font-family: 'Amatic SC';
  951. font-size: 20px;
  952.     display: inline;
  953.     font-size: 1em;
  954.     margin: 5px 0 0;
  955.     text-transform: uppercase;
  956. -webkit-transition: all 0.7s ease-out;
  957. -moz-transition: all 0.7s ease-out;
  958. transition: all 0.7s ease-out;
  959.     }
  960.  
  961. .comment-management-links li a,
  962. .comment-interaction-links li a {
  963. font-family: 'Amatic SC';
  964. font-size: 20px;
  965.     color: #fe7597;
  966. -webkit-transition: all 0.7s ease-out;
  967. -moz-transition: all 0.7s ease-out;
  968. transition: all 0.7s ease-out;
  969.     }
  970.  
  971. .bottomcomment {
  972. font-family: 'Amatic SC';
  973. font-size: 20px;
  974.     color: #444;
  975. background-color: #fce1e0;
  976.     margin: 0 160px 15px 0;
  977.     padding: 10px;
  978.     }
  979.  
  980. .bottomcomment a { color: #fe7597;
  981. -webkit-transition: all 0.7s ease-out;
  982. -moz-transition: all 0.7s ease-out;
  983. transition: all 0.7s ease-out;}
  984. .bottomcomment a:visited { color: #fe7597;
  985. -webkit-transition: all 0.7s ease-out;
  986. -moz-transition: all 0.7s ease-out;
  987. transition: all 0.7s ease-out;}
  988. .bottomcomment a:hover { color: #fed297;
  989. -webkit-transition: all 0.7s ease-out;
  990. -moz-transition: all 0.7s ease-out;
  991. transition: all 0.7s ease-out;}
  992. .bottomcomment  a:active { color: #fe7597;
  993. -webkit-transition: all 0.7s ease-out;
  994. -moz-transition: all 0.7s ease-out;
  995. transition: all 0.7s ease-out;}
  996.  
  997. table.talkform {
  998.     color: #141414;
  999. background-color: #fcf1f3;
  1000.  
  1001.     margin: 0 0 10px;
  1002.     padding: 10px;
  1003.     }
  1004.  
  1005. #postform a { color: #fe7597;
  1006. font-family: 'Amatic SC';
  1007. font-size: 20px; }
  1008. #postform a:visited { color: #fe7597;
  1009. font-family: 'Amatic SC';
  1010. font-size: 20px;}
  1011. #postform a:hover { color: #fed297;
  1012. font-family: 'Amatic SC';
  1013. font-size: 20px; }
  1014. #postform a:active { color: #fe7597;
  1015. font-family: 'Amatic SC';
  1016. font-size: 20px;}
  1017.  
  1018. textarea.textbox {
  1019.     border: 1px solid #fe7597;
  1020.     border-radius: 5px;
  1021.     }
  1022.  
  1023.  
  1024.         .entry {
  1025.             margin-right: 160px;
  1026.             }
  1027.  
  1028.         .comment {
  1029.             margin-right: 135px;
  1030.             }
  1031.  
  1032.         .has-userpic .entry .userpic {
  1033.             float: right;
  1034.             margin: 0 -146px 15px 0;
  1035.             }
  1036.  
  1037.         .has-userpic .comment .userpic {
  1038.             display: block;
  1039.             float: right;
  1040.             margin: 0 -115px 15px 0;
  1041.             }
  1042.        
  1043.  
  1044. /* Archive Pages
  1045. ******************************/
  1046.  
  1047. .month {
  1048.     color: #141414;
  1049. background-color: #f6f6f6;
  1050.  
  1051.     font-weight: bold;
  1052.     margin-bottom: 15px;
  1053.     padding: 10px;
  1054.     }
  1055.  
  1056. .month a { color: #fe7597; }
  1057. .month a:visited { color: #fe7597; }
  1058. .month a:hover { color: #fed297; }
  1059. .month a:active { color: #fe7597; }
  1060.  
  1061. .month h3 {
  1062.     margin: 0;
  1063.     padding: 0;
  1064.     }
  1065.  
  1066. .month table {
  1067.     margin: auto;
  1068.     width: 100%;
  1069.     }
  1070.  
  1071. table.month {
  1072.     margin: 5px auto;
  1073.     }
  1074.  
  1075. .month caption {
  1076.     display: none;
  1077.     }
  1078.  
  1079. table.month td,
  1080. table.month th {
  1081.     border: 1px solid transparent;
  1082.     height: auto;
  1083.     padding: 0;
  1084.     }
  1085.  
  1086. table.month th {
  1087.     background-color: #faffe9;
  1088.     color: #141414;
  1089.     margin: 0 2px;
  1090.     padding: 2px;
  1091.     text-align: center;
  1092.     }
  1093.  
  1094. table.month td.day {
  1095.     padding: 5px;
  1096.     font-weight: normal;
  1097.     text-align: left;
  1098.     }
  1099.  
  1100. .month td.day-has-entries {
  1101.     background-color: #faffe9;
  1102.     color: #141414;
  1103.     }
  1104.  
  1105. .month td.day-has-entries p {
  1106.     display: block;
  1107.     font-size: 1.2em;
  1108.     font-weight: bold;
  1109.     text-align: right;
  1110.     }
  1111.  
  1112. .month td.day-has-entries p a { color: #fe7597; }
  1113. .month td.day-has-entries p a:visited { color: #fe7597; }
  1114. .month td.day-has-entries p a:hover { color: #fed297; }
  1115. .month td.day-has-entries p a:active { color: #fe7597; }
  1116.  
  1117. h3.day-date {
  1118.     color: #141414;
  1119. background-color: #f6f6f6;
  1120.  
  1121.     margin: 0 160px 0 0;
  1122.     padding: 5px 5px 0;
  1123.     }
  1124.  
  1125. /* Tags Page
  1126. ******************************/
  1127.  
  1128. .tags-container {
  1129.     color: #727272;
  1130. background-color: #fce2f3;
  1131.  
  1132.     margin-bottom: 10px;
  1133.     padding: 5px;
  1134.     }
  1135.  
  1136. .tags-container a { color: #fe7597; }
  1137. .tags-container a:visited { color: #fe7597; }
  1138. .tags-container a:hover { color: #fed297; }
  1139. .tags-container a:active { color: #fe7597; }
  1140.  
  1141. .tags-container h2 {
  1142.     color: #141414;
  1143. border: solid 1px #fccfcc;
  1144.  
  1145.     border-left: none;
  1146.     border-right: none;
  1147.     border-top: none;
  1148.     font-weight: lighter;
  1149.     margin: 0;
  1150.     padding: 0 0 2px;
  1151.     text-transform: uppercase;
  1152.     }
  1153.  
  1154. .tags-container ul {
  1155.     list-style: none;
  1156.     }
  1157.  
  1158. /* Icons Page
  1159. ******************************/
  1160.  
  1161. .icons-container {
  1162.     color: #141414;
  1163. background-color: #f6f6f6;
  1164.  
  1165.     margin-bottom: 10px;
  1166.     padding: 5px;
  1167.     }
  1168.  
  1169. .icons-container a { color: #fe7597; }
  1170. .icons-container a:visited { color: #fe7597; }
  1171. .icons-container a:hover { color: #fed297; }
  1172. .icons-container a:active { color: #fe7597; }
  1173.  
  1174. .icons-container h2 {
  1175.     color: #141414;
  1176. border: solid 1px #fccfcc;
  1177.  
  1178.     border-left: none;
  1179.     border-right: none;
  1180.     border-top: none;
  1181.     font-weight: lighter;
  1182.     margin: 0;
  1183.     padding: 0 0 2px;
  1184.     text-transform: uppercase;
  1185.     }
  1186.  
  1187. .sorting-options ul {
  1188.     padding-left: 0;
  1189.     }
  1190.  
  1191. .icons-container .icon {
  1192.     margin: 1em 0;
  1193.     }
  1194.  
  1195. .icon-image {
  1196.     float: left;
  1197.     clear: left;
  1198.     margin-bottom: .25em;
  1199.     min-width: 100px;
  1200.     padding-right: 1em;
  1201.     }
  1202.  
  1203. .icon-info {
  1204.     min-height: 100px;
  1205.     }
  1206.  
  1207. .icon-info span {
  1208.     font-weight: bold;
  1209.     }
  1210.  
  1211. .icon-info .default {
  1212.     text-decoration: underline;
  1213.     }
  1214.  
  1215. /* Modules
  1216. ******************************/
  1217.  
  1218. .module {
  1219.     background-color: transparent;
  1220.     border: none;
  1221.     margin-bottom: 1em;
  1222.     text-align: right;
  1223.     }
  1224.  
  1225. h2.module-header {
  1226.   font-family: 'Amatic SC';
  1227. letter-spacing: 1px;
  1228. font-size: 20px;
  1229.     border-bottom: 1px solid #fccfcc;
  1230.     font-weight: lighter;
  1231.     margin: 0 0 5px;
  1232.     text-transform: uppercase;
  1233.     }
  1234.  
  1235. h2.module-header a,
  1236. h2.module-header a:visited,
  1237. h2.module-header a:hover,
  1238. h2.module-header a:active {
  1239.   font-family: 'Amatic SC';
  1240. font-size: 20px;
  1241.     color: #141414;
  1242.     }
  1243.  
  1244. .two-columns #tertiary .module {
  1245.     background-color: transparent;
  1246.     color: #282828;
  1247.     }
  1248.  
  1249. .two-columns #tertiary .module a { color: #fe7597; }
  1250. .two-columns #tertiary .module a:visited { color: #fe7597; }
  1251. .two-columns #tertiary .module a:hover { color: #fed297; }
  1252. .two-columns #tertiary .module a:active { color: #fe7597; }
  1253.  
  1254. li.module-list-item {
  1255.     list-style: none;
  1256.     margin: 0 0 2px;
  1257.     padding: 1px;
  1258.     }
  1259.  
  1260. .module-userprofile .userpic {
  1261.     margin-top: 10px;
  1262.     text-align: center;
  1263.     }
  1264.  
  1265. .module-userprofile .userpic img {
  1266.     background-color: #fe7597;
  1267. -webkit-border-radius: 5px;
  1268. -moz-border-radius: 5px;
  1269. border-radius: 5px;
  1270. opacity:0.6;
  1271. filter:alpha(opacity=60);
  1272. -webkit-transition: all 0.5s ease-in-out;
  1273. -moz-transition: all 0.5s ease-in-out;
  1274. -o-transition: all 0.5s ease-in-out;
  1275. -ms-transition: all 0.5s ease-in-out;
  1276. transition: all 0.5s ease-in-out;
  1277.     padding: 15px;
  1278.     }
  1279.  
  1280. .module-userprofile .userpic img:hover {
  1281.     background-color: #fe7597;
  1282. -webkit-border-radius: 5px;
  1283. -moz-border-radius: 5px;
  1284. border-radius: 5px;
  1285. opacity:1;
  1286. filter:alpha(opacity=100);
  1287. -webkit-transition: all 0.5s ease-in-out;
  1288. -moz-transition: all 0.5s ease-in-out;
  1289. -o-transition: all 0.5s ease-in-out;
  1290. -ms-transition: all 0.5s ease-in-out;
  1291. transition: all 0.5s ease-in-out;
  1292.     padding: 15px;
  1293.     }
  1294.  
  1295. .module-userprofile .journal-name {
  1296. font-family: 'Amatic SC';
  1297. font-size: 20px;
  1298.     margin-top: 5px;
  1299.     text-align: center;
  1300.     }
  1301.  
  1302. .module-userprofile .journal-website-name {
  1303.     text-align: center;
  1304.     }
  1305.  
  1306. ul.userlite-interaction-links li {
  1307.     list-style: none;
  1308.     }
  1309.  
  1310. ul.userlite-interaction-links.icon-links {
  1311.     margin: 5px 0 0;
  1312.     text-align: center;
  1313.     }
  1314.  
  1315. ul.userlite-interaction-links.icon-links li {
  1316.     margin: 0 auto;
  1317.     text-align: center;
  1318.     }
  1319.  
  1320. .module-navlinks {
  1321.     font-size: 10px;
  1322.     text-transform: uppercase;
  1323.     text-align: left;
  1324.     padding-left: 2px;
  1325.     color: #444;
  1326.     background-color: #fcf1f3;
  1327.     border-left: 5px solid #fe7597;
  1328. -webkit-transition: all 0.5s ease-in-out;
  1329. -moz-transition: all 0.5s ease-in-out;
  1330. -o-transition: all 0.5s ease-in-out;
  1331. -ms-transition: all 0.5s ease-in-out;
  1332. transition: all 0.5s ease-in-out;
  1333.     }
  1334.  
  1335. .module-navlinks .module-list {
  1336.     margin: 0;
  1337.     }
  1338.  
  1339. .module-list-item .current,
  1340. .module-list-item .current:visited,
  1341. .module-list-item .current:active {
  1342.     padding-left: 2px;
  1343.     color: #444;
  1344. -webkit-transition: all 0.5s ease-in-out;
  1345. -moz-transition: all 0.5s ease-in-out;
  1346. -o-transition: all 0.5s ease-in-out;
  1347. -ms-transition: all 0.5s ease-in-out;
  1348. transition: all 0.5s ease-in-out;
  1349.     }
  1350.  
  1351. .module-list-item .current:hover {
  1352. color: #fec1d0;
  1353. -webkit-transition: all 0.5s ease-in-out;
  1354. -moz-transition: all 0.5s ease-in-out;
  1355. -o-transition: all 0.5s ease-in-out;
  1356. -ms-transition: all 0.5s ease-in-out;
  1357. transition: all 0.5s ease-in-out;
  1358. }
  1359.  
  1360. .module-calendar table {
  1361.     font-size: 10px;
  1362.     text-align: center;
  1363.     }
  1364.  
  1365. .module-calendar th {
  1366.     background-color: #transparent;
  1367.     font-size: 10px;
  1368.     color: #141414;
  1369.     border: 1px solid ;
  1370.     margin: 0 2px;
  1371.     }
  1372.  
  1373. .module-calendar td.empty-day {
  1374.     background-color: #transparent;
  1375.     font-size: 10px;
  1376.     color: #141414;
  1377.     border: 1px solid ;
  1378.     margin: 0 2px;
  1379.     padding: 1px;
  1380.     }
  1381.  
  1382. .module-calendar td.entry-day {
  1383.     font-size: 10px;
  1384.     background-color: #transparent;
  1385.     color: #141414;
  1386.     border: 1px solid ;
  1387.     margin: 0 1px;
  1388.     }
  1389.  
  1390. .module-calendar td.entry-day a {
  1391.     font-size: 10px;
  1392.     color:#fe7597;
  1393.     }
  1394.  
  1395. .module-calendar td.entry-day a:visited {
  1396.     font-size: 10px;
  1397.     color:#1f8193;
  1398.     }
  1399.  
  1400. .module-calendar td.entry-day a:hover {
  1401.     font-size: 10px;
  1402.     color:#727272;
  1403.     }
  1404.  
  1405. .module-calendar td.entry-day a:active {
  1406.     font-size: 10px;
  1407.     color:#fe7597;
  1408.     }
  1409.  
  1410. .module-syndicate .module-content {
  1411.     text-align: right;
  1412.     }
  1413.  
  1414. /* Footer
  1415. ******************************/
  1416.  
  1417. #footer {
  1418.     padding: 10px;
  1419.     }
  1420.  
  1421. /* Contextual Pop-ups
  1422. ******************************/
  1423.  
  1424. div.ContextualPopup {
  1425.     margin: auto;
  1426.     text-align: left;
  1427.     }
  1428.  
  1429. div.ContextualPopup .Content {
  1430.     background-color: #fce2f3;
  1431.     border: none;
  1432.     color: #444;
  1433.     font-weight: lighter;
  1434.     margin: auto;
  1435.     }
  1436.  
  1437. div.ContextualPopup div.Inner {
  1438.     background-color: #fce2f3;
  1439.     border: 1px solid #fe7597;
  1440.     color: #444;
  1441.     font-weight: lighter;
  1442.     }
  1443.  
  1444. div.ContextualPopup .Userpic {
  1445.     background-color: #fce2f3;
  1446.     border-radius: 5px;
  1447.     border: 0;
  1448.     margin: 5px;
  1449.     padding: 5px;
  1450.     }
  1451.  
  1452. div.ContextualPopup div.Inner a,
  1453. div.ContextualPopup div.Inner a:visited {
  1454.     font-weight: lighter;
  1455.     text-decoration: none !important; /* !important needed */
  1456.     }
  1457.  
  1458. div.ContextualPopup div.Inner a { color: #fe7597; }
  1459. div.ContextualPopup div.Inner a:visited { color: #fe7597; }
  1460. div.ContextualPopup div.Inner a:hover { color: #fce2f3; }
  1461. div.ContextualPopup div.Inner a:active { color: #fe7597; }
  1462.  
  1463. /* Navigation Strip
  1464. ******************************/
  1465.  
  1466. table#lj_controlstrip td {
  1467.     background-color: #fce2f3;
  1468.     color: #444;
  1469.     border: none;
  1470.     }
  1471.  
  1472. #lj_controlstrip_statustext,
  1473. #lj_controlstrip .ljuser a b {
  1474.     color: #fe7597;
  1475.     }
  1476.  
  1477. #lj_controlstrip input {
  1478.     background-color: #fce2f3;
  1479.     border: 1px solid #fe7597;
  1480.     color: #444;
  1481.     }
  1482.  
  1483. #lj_controlstrip a { color: #fe7597; }
  1484. #lj_controlstrip a:visited { color: #fe7597; }
  1485. #lj_controlstrip a:hover { color: #fce2f3; text-decoration:none; }
  1486. #lj_controlstrip a:active { color: #fe7597; }
  1487.  
  1488. /* TinyIcons
  1489. ******************************/
  1490.  
  1491. img[src*="user.png"] {
  1492. width: 0 !important;
  1493. height: 0 !important;
  1494. background: transparent url(http://i54.tinypic.com/2qjefj5.jpg) no-repeat !important;
  1495.  padding: 10px 12px 0 0 !important;}
  1496. img[src*="community.png"] {
  1497. width: 0 !important;
  1498. height: 0 !important;
  1499. background: transparent url(http://i54.tinypic.com/4sb6mh.jpg) no-repeat !important;
  1500. padding: 10px 12px 0 0 !important;}
RAW Paste Data
Pastebin PRO Summer Special!
Get 60% OFF on Pastebin PRO accounts!
Top