API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 13th, 2012
872
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.05 KB | None | 0 0
raw download clone embed print report
  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;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!