SHARE
TWEET

Untitled

a guest Dec 23rd, 2012 442 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* Cleaned CSS: */
  2. /* Credits:
  3. Layout: cirque @ dustier (base code = brittle)
  4. Background: http://www.colourlovers.com/lover/yoksel/loveNote
  5. Metadata icons: http://julzroguenine.livejournal.com/ */
  6.  
  7. @font-face {
  8.   font-family: 'Domine';
  9.   font-style: normal;
  10.   font-weight: 400;
  11.   src: local('Domine'), local('Domine-Regular'), url(http://themes.googleusercontent.com/static/fonts/domine/v1/1KlmlHXZHUehH22N_q86AA.woff) format('woff');
  12. }
  13.  
  14. @font-face {
  15.   font-family: 'Englebert';
  16.   font-style: normal;
  17.   font-weight: 400;
  18.   src: local('Englebert'), local('Englebert-Regular'), url(http://themes.googleusercontent.com/static/fonts/englebert/v1/5vhE18ztcHRcsYmBaZ6CaD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  19. }
  20.  
  21.  
  22. body {
  23. background-image: url(http://i295.photobucket.com/albums/mm155/thirteenthend/bgs/2397295.png);
  24. padding: 0;
  25. background-color: #f5f5f5;
  26. font-family: 'Domine', serif;
  27. font-size: 12px;
  28. color: #58594f;
  29. line-height: 2em;
  30. }
  31.  
  32. ::-moz-selection {
  33. background: #FFF;
  34. color: #F5886B;
  35. }
  36.  
  37. html body {
  38. margin-left: 10em;
  39. margin-right: 0em;
  40. }
  41.  
  42. img { border: none; }
  43.  
  44. strong, b {
  45. font-family: 'Domine', serif;
  46. font-weight: 300;
  47. letter-spacing: 1px;
  48. color: #7a7c6e;
  49. }
  50.  
  51. blockquote {
  52. background-color: #72AE95;
  53. border-left: 10px solid #F5886B;
  54. border-right: 10px solid #F1C972;
  55. color: #FFF !important;
  56. font-family: 'Domine', serif;
  57. }
  58.  
  59. q { font-style: italic; }
  60.  
  61. em, i {
  62. font-family: 'Domine', serif;
  63. font-style: italic;
  64. }
  65.  
  66. a { text-decoration: none; }
  67. a, a:link, a:visited { color: #72AE95; -webkit-transition: all 0.7s ease-out;
  68. -moz-transition: all 0.7s ease-out;
  69. transition: all 0.7s ease-out;  }
  70. a:hover { color: #F5886B;
  71. -webkit-transition: all 0.7s ease-out;
  72. -moz-transition: all 0.7s ease-out;
  73. transition: all 0.7s ease-out; }
  74.  
  75.  
  76. #canvas {
  77. margin: 0;
  78. margin-left: 160px;
  79. padding: 15px 0;
  80. padding-left:0;
  81. text-align: justify;
  82. width: 960px;
  83. }
  84.  
  85. #primary {
  86. width: 550px;
  87. text-align: justify;
  88. margin: 0;
  89. float: left;
  90.    }
  91.  
  92. #secondary {
  93. width: 250px;
  94. background-repeat: no-repeat;
  95. padding: 97px 0 0 0;
  96. margin: 1px 0 0 10px;
  97. position: fixed;
  98. left: 850px;
  99. float: left;
  100. }
  101.  
  102. #tertiary {
  103. clear: both;
  104. background: #fff;
  105. color: #3f4036;
  106. margin: 0 0 10px 0;
  107. font-family: Arial, Helvetica, sans-serif;
  108. font-size: 12px;
  109. text-align: justify;
  110. margin: 0;
  111. width: 550px;
  112.     }
  113.  
  114. #tertiary > .inner:first-child { }
  115.  
  116. #tertiary .separator-after { clear: both; }
  117.  
  118.  
  119. /*--- header + footer ---*/
  120.  
  121. #header { display: none; }
  122. #footer {
  123. background: #FFF;
  124. text-transform: lowercase;
  125. clear: both;
  126. margin-top: 10px;
  127. width: 550px;
  128. font-family: 'Domine', serif;
  129. text-align: center;
  130. }
  131.  
  132. #footer a, #footer a:link, #footer a:active, #footer a:visited { color: #72AE95;
  133. -webkit-transition: all 0.7s ease-out;
  134. -moz-transition: all 0.7s ease-out;
  135. transition: all 0.7s ease-out; }
  136. #footer a:hover { color: #F5886B;
  137. -webkit-transition: all 0.7s ease-out;
  138. -moz-transition: all 0.7s ease-out;
  139. transition: all 0.7s ease-out; }
  140.  
  141. #footer .inner { padding: 10px; }
  142.  
  143.  
  144. /*--- prev/next navigation ---*/
  145.  
  146. li.page-back, li.page-forward {
  147.     display: inline;
  148.     list-style: none;
  149.     padding: 0;
  150.     margin: 0;
  151.     }
  152.  
  153. li.page-separator { display: none; }
  154.  
  155. .navigation ul {
  156.     display: inline;
  157.     padding: 0;
  158.     margin: 0;
  159.     }
  160.  
  161. /*--- entry ---*/
  162.  
  163. .entry {
  164. background: #FFF;
  165. color: #3f4036;
  166. position: relative;
  167. padding: 15px;
  168. margin: 0 0 10px 0;
  169. font-family: 'Domine', sans-serif;
  170. font-size: 12px;
  171. border-radius: 10px;
  172. moz-border-radius: 10px;
  173. khtml-border-radius: 10px;
  174. o-border-radius: 10px;
  175. }
  176.  
  177. #tertiary a {
  178. -webkit-transition: all 0.7s ease-out;
  179. -moz-transition: all 0.7s ease-out;
  180. transition: all 0.7s ease-out;
  181.  color: #72AE95;
  182.  }
  183.  
  184. #tertiary a:visited {
  185. -webkit-transition: all 0.7s ease-out;
  186. -moz-transition: all 0.7s ease-out;
  187. transition: all 0.7s ease-out;
  188.  color: #72AE95;
  189.  }
  190.  
  191. #tertiary a:hover {
  192. -webkit-transition: all 0.7s ease-out;
  193. -moz-transition: all 0.7s ease-out;
  194. transition: all 0.7s ease-out;
  195.  color: #F5886B;
  196.     }
  197.  
  198. .entry-content { margin: 10px 0 0 0; }
  199.  
  200. .entry .header {
  201. padding: 0;
  202. margin: 0 0 10px 0;
  203. border-bottom: 1px solid #F1C972;
  204. }
  205.  
  206. h3.entry-title {
  207. margin: 0;
  208. font-family: 'Englebert', sans-serif;
  209. font-size: 30px;
  210. font-weight: 400;
  211. text-transform: uppercase;
  212. color: #72AE95;
  213. text-align: left;
  214. display: inline-block;
  215. padding: 7px 5px;
  216. }
  217.  
  218. h3.entry-title a{
  219. color: #72AE95;
  220. }
  221.  
  222. h3.entry-title a:hover {
  223. color: #F5886B;
  224. }
  225.  
  226. .datetime, .comment .poster {
  227. font-family: 'Domine', sans-serif;
  228. font-size: 10px;
  229. display: block;
  230. text-transform: uppercase;
  231. color: #F5886B;
  232. }
  233.  
  234. .datetime a {
  235. color: #F5886B;
  236. -webkit-transition: all 0.7s ease-out;
  237. -moz-transition: all 0.7s ease-out;
  238. transition: all 0.7s ease-out;
  239. }
  240.  
  241. .datetime a:hover {
  242. color: #72AE95;
  243. -webkit-transition: all 0.7s ease-out;
  244. -moz-transition: all 0.7s ease-out;
  245. transition: all 0.7s ease-out;
  246. }
  247.  
  248. .entry-poster {
  249. display: none;
  250. }
  251.  
  252. .entry .userpic {
  253. display: block;
  254. margin: 0;
  255. position: absolute;
  256. top: 0;
  257. left: -110px;
  258. width: 100px;
  259. text-align: right;
  260. padding-bottom: 1px;
  261. }
  262.  
  263. .entry .userpic img {
  264. border: 0px;
  265. border-left: 10px solid #F5886B;
  266. border-right: 10px solid #F1C972;
  267. padding-bottom: 0px;
  268. }
  269.  
  270. .poster {
  271. font-family: 'Domine', serif;
  272. text-transform: uppercase;
  273. }
  274.  
  275. .metadata {
  276. margin: 15px 0 2px 0;
  277. }
  278.  
  279. .metadata-label-location {
  280. background-image:url(http://i.imgur.com/AkRub.png);
  281. background-position: center left;
  282. background-repeat:no-repeat;
  283. padding-left: 12px;
  284. }
  285. .metadata-label-music {
  286. background-image:url(http://i.imgur.com/ob6TQ.png);
  287. background-position: center left;
  288. background-repeat:no-repeat;
  289. padding-left: 12px;
  290. }
  291. .metadata-label-mood{
  292. background-image:url(http://i.imgur.com/vuPB2.png);
  293. background-position: center left;
  294. background-repeat:no-repeat;
  295. padding-left: 12px;
  296. }
  297.  
  298. .metadata ul {
  299. padding: 0;
  300. margin: 0;
  301. }
  302.  
  303. .metadata ul li {
  304. list-style: none;
  305. font-weight: normal;
  306. text-transform: lowercase;
  307. color: #54554d;
  308. padding: 2px 0;
  309. font-family: 'Domine', serif;
  310. }
  311.        
  312. .metadata-label {
  313. text-transform: uppercase;
  314. font-family: 'Domine', serif;
  315. font-weight: 300;
  316. letter-spacing: 1px;
  317. }
  318.  
  319. .tag-text {
  320. text-transform: uppercase;
  321. font-family: 'Domine', serif;
  322. font-size: 12px;
  323. background-image:url(http://i.imgur.com/rQ3nT.png);
  324. background-position: center left;
  325. background-repeat:no-repeat;
  326. padding-left: 12px;
  327. }
  328.        
  329. .tag-text b {
  330. letter-spacing: 0;
  331. }
  332.  
  333. .tag ul {
  334. padding: 0 0 0 2px;
  335. margin: 0;
  336. display: inline;
  337. }
  338.  
  339. .tag ul li {
  340. display: inline;
  341. list-style: none;
  342. font-weight: normal;
  343. text-transform: lowercase;
  344. color: #939393;
  345. font-family: 'Domine', serif;
  346. letter-spacing: 0;
  347. padding: 0;
  348. -webkit-transition: all 0.7s ease-out;
  349. -moz-transition: all 0.7s ease-out;
  350. transition: all 0.7s ease-out;
  351. }
  352.  
  353. ul.entry-management-links {
  354. padding: 0;
  355. margin: 10px 0 0 0;
  356. text-align: center;
  357. }
  358.  
  359. ul.entry-management-links li {
  360. display: inline;
  361. list-style: none;
  362. font-weight: normal;
  363. text-transform: lowercase;
  364. color: #939393;
  365. letter-spacing: 0;
  366. padding: 0 5px 0 0;
  367. }
  368.  
  369. ul.entry-interaction-links {
  370. padding: 0 0 5px 0;
  371. margin: 10px 0 0 0;
  372. text-align: center;
  373. }
  374.  
  375. ul.entry-interaction-links li {
  376. display: inline;
  377. list-style: none;
  378. text-transform: uppercase;
  379. padding: 0 5px 0 0;
  380. font-weight: normal;
  381. font-family: 'Englebert', sans-serif;
  382. font-weight: 400;
  383. font-size: 12px;
  384. letter-spacing: 1px;
  385. -webkit-transition: all 0.7s ease-out;
  386. -moz-transition: all 0.7s ease-out;
  387. transition: all 0.7s ease-out;
  388. }
  389.  
  390. .entry ul {
  391. list-style-type: circle;
  392. line-height: 200%;
  393. font: 12px serif;
  394. }
  395.  
  396. .entry ol {
  397. list-style-type: lower-roman;
  398. line-height: 200%;
  399. font: 12px serif;
  400. }
  401.  
  402.  
  403. /*-- archive --*/
  404.  
  405. li.active {
  406. list-style: none;
  407. display: inline;
  408. padding: 0;
  409. margin: 10px;
  410. }
  411.  
  412. .month {
  413. background-color: #ffffff;
  414. color: #7a7a7a;
  415. padding: 20px;
  416. margin: 0;
  417. }
  418.  
  419. .month h3 {
  420. font-family: Georgia, sans-serif;
  421. font-size: 14px;
  422. font-weight: normal;
  423. text-transform: lowercase;
  424. letter-spacing: 1px;
  425. padding: 0;
  426. margin: 0;
  427. text-align: right;
  428. }
  429.  
  430. .month a {
  431. color: #df1b1c;
  432. }
  433.  
  434. .month a:visited {
  435. color: #8da8ad;
  436. }
  437.  
  438. .month a:hover {
  439. color: #ba1415;
  440. }
  441.  
  442. .navigation ul { display: inline; }
  443. .navigation li { display: inline; list-style: none; }
  444.  
  445. table.month { border: 0; }
  446. .month caption { display: none; }
  447. .month th {
  448. text-align: center;
  449. margin: 0 2px;
  450. text-transform: lowercase;
  451. font-weight: normal;
  452. }
  453.  
  454. .month td.day {
  455. font-weight: normal;
  456. color: #939393;
  457. }
  458.  
  459. .month td.day-has-entries {
  460. font-weight: normal;
  461. color: #939393;
  462. }
  463.  
  464. .month td.day-has-entries p {
  465. padding: 0 0 0 5px;
  466. margin: 0;
  467. display: inline;
  468. }
  469.  
  470. .month table {
  471. width: 100%;
  472. border: 0;
  473. margin: auto;
  474. }
  475.  
  476. td.day {
  477. padding: 10px;
  478. border: 0;
  479. text-align: center;
  480. }
  481.  
  482.  
  483. /*-- tags --*/
  484.  
  485. .page-tags .tags-container {
  486. background-color: #ffffff;
  487. color: #7a7a7a;
  488. padding: 10px;
  489. margin: 0 0 10px 0;
  490. }
  491.  
  492. .page-tags .tags-container h2 {
  493. margin: 0 0 10px 0;
  494. padding: 0;
  495. border-width: 0 0 1px 0;
  496. border-style: solid;
  497. border-color: #d4d4d4;
  498. font-weight: normal;
  499. text-transform: lowercase;
  500. letter-spacing: 1px;
  501. color: #939393;
  502. }
  503.  
  504. .page-tags .ljtaglist { margin: 0; padding: 0; }
  505. .page-tags .ljtaglist li {
  506. padding: 0 0 0 10px;
  507. margin: 0;
  508. text-transform: lowercase;
  509. letter-spacing: 0;
  510. list-style: none;
  511. }
  512.  
  513. .page-tags .tags-container a {
  514. color: #df1b1c;
  515. -webkit-transition: all 0.7s ease-out;
  516. -moz-transition: all 0.7s ease-out;
  517. transition: all 0.7s ease-out;
  518. }
  519.  
  520. .page-tags .tags-container a:visited {
  521. color: #8da8ad;
  522. -webkit-transition: all 0.7s ease-out;
  523. -moz-transition: all 0.7s ease-out;
  524. transition: all 0.7s ease-out;
  525. }
  526.  
  527. .page-tags .tags-container a:hover {
  528. color: #ba1415;
  529. -webkit-transition: all 0.7s ease-out;
  530. -moz-transition: all 0.7s ease-out;
  531. transition: all 0.7s ease-out;
  532. }
  533.  
  534. .page-tags .tags_cloud { text-align: center; }
  535.  
  536. /*-- icons page --*/
  537.  
  538. .icons-container {
  539. background-color: #ffffff;
  540. color: #7a7a7a;
  541. padding: 10px;
  542. margin: 0 0 10px;
  543. }
  544.  
  545. .icons-container h2 {
  546. border-color: #d4d4d4;
  547. border-style: solid;
  548. border-width: 0 0 1px 0;
  549. color: #939393;
  550. font-weight: normal;
  551. letter-spacing: 1px;
  552. margin: 0 0 10px 0;
  553. padding: 0;
  554. text-transform: lowercase;
  555. }
  556.  
  557. .icons-container a {
  558. color: #df1b1c;
  559. -webkit-transition: all 0.7s ease-out;
  560. -moz-transition: all 0.7s ease-out;
  561. transition: all 0.7s ease-out;
  562. }
  563.  
  564. .icons-container a:visited {
  565. color: #8da8ad;
  566. -webkit-transition: all 0.7s ease-out;
  567. -moz-transition: all 0.7s ease-out;
  568. transition: all 0.7s ease-out;
  569. }
  570.  
  571. .icons-container a:hover {
  572. color: #ba1415;
  573. -webkit-transition: all 0.7s ease-out;
  574. -moz-transition: all 0.7s ease-out;
  575. transition: all 0.7s ease-out;
  576. }
  577.  
  578. .sorting-options ul {
  579. padding-left: 0;
  580. }
  581.  
  582. .sorting-options ul li {
  583. display: inline;
  584. list-style: none;
  585. margin: 0;
  586. }
  587.  
  588. .page-icons .comment {
  589. margin: 0;
  590. padding: 0;
  591. }
  592.  
  593. .page-icons .icon {
  594. margin: 1em 0;
  595. }
  596.  
  597. .icon-image {
  598. float: left;
  599. clear: left;
  600. margin-bottom: .25em;
  601. min-width: 100px;
  602. padding-right: 1em;
  603. }
  604.  
  605. .icon-info {
  606. min-height: 100px;
  607. }
  608.  
  609. .icon-info span {
  610. font-weight: bold;
  611. }
  612.  
  613. .icon-info .default {
  614. text-decoration: underline;
  615. }
  616.  
  617. .icon-info .keywords ul {
  618. display: inline;
  619. padding: 0 0 0 13px;
  620. }
  621.  
  622. .icon-info .keywords ul li {
  623. display: inline;
  624. list-style: none;
  625. padding: 0 .25em 0 0;
  626. }
  627.  
  628. /*--- comments ---*/
  629.  
  630. #comments {
  631. font-family: 'Domine', serif;
  632. font-size: 12px;
  633. }
  634.  
  635. .comment-title {
  636. text-align: left;
  637. }
  638.  
  639. .comment-title h4 {
  640. font-size: 14px;
  641. font-weight: normal;
  642. display: inline-block;
  643. color: #fff;
  644. margin: 0;
  645. font-family: 'Englebert', sans-serif;
  646. }
  647.  
  648. .comment-title h4 a {
  649. color: #72AE95;
  650. padding: 1px 4px;
  651. background: #000 !important;
  652. }
  653.  
  654. .comment-pages {
  655. font-family: 'Domine', serif;
  656. margin: 15px 0;
  657. }
  658.  
  659. .comment-pages a {
  660. color: #72AE95;
  661. -webkit-transition: all 0.7s ease-out;
  662. -moz-transition: all 0.7s ease-out;
  663. transition: all 0.7s ease-out;
  664. }
  665.  
  666. .comment-pages a:hover {
  667. color: #F5886B;
  668. -webkit-transition: all 0.7s ease-out;
  669. -moz-transition: all 0.7s ease-out;
  670. transition: all 0.7s ease-out;
  671. }
  672.  
  673. hr.above-entry-interaction-links, hr.below-reply-container { display: none; }
  674.  
  675. input, textarea {
  676. background-color: white;
  677. padding: 3px;
  678. border: 1px solid #F1C972;
  679. font-family: 'Domine', sans-serif;
  680. font-size: 12px;
  681. }
  682.  
  683. textarea.textbox  { width: 90%!important; }
  684.  
  685. .poster-ip {
  686. font-family: 'Englebert', serif;
  687. text-transform: uppercase;
  688. color: #939393;
  689. display: block;
  690. text-align: left;
  691. }
  692.  
  693. .comment .userpic {
  694. width: 80px;
  695. position: absolute;
  696. top: 0;
  697. left: -110px;
  698. text-align: right;
  699. }
  700.  
  701. .comment .userpic img {
  702. padding-bottom: 0px;
  703. border-left: 10px solid #F5886B;
  704. border-right: 10px solid #F1C972;
  705. }
  706.  
  707. .comment {
  708. background: #fff;
  709. position: relative;
  710. color: #3f4036;
  711. padding: 15px;
  712. margin: 0 0 10px 0;
  713. font-family: 'Domine', serif;
  714. font-size: 12px;
  715.     }
  716.  
  717. .comment-wrapper { margin: 20px 0; padding: 0; }
  718. .comment-content { margin: 10px 0; }
  719.  
  720. .bottomcomment, .comments-message {
  721. background: #ffffff;
  722. color: #7a7a7a;
  723. padding: 20px;
  724. margin: 0;
  725. }
  726.  
  727. .comment a,
  728. .bottomcomment a {
  729. color: #72AE95;
  730. -webkit-transition: all 0.7s ease-out;
  731. -moz-transition: all 0.7s ease-out;
  732. transition: all 0.7s ease-out;
  733. }
  734.  
  735. .comment a:visited,
  736. .bottomcomment a:visited {
  737. color: #72AE95;
  738. -webkit-transition: all 0.7s ease-out;
  739. -moz-transition: all 0.7s ease-out;
  740. transition: all 0.7s ease-out;
  741. }
  742.  
  743. .comment a:hover,
  744. .bottomcomment a:hover {
  745. color: #F5886B;
  746. -webkit-transition: all 0.7s ease-out;
  747. -moz-transition: all 0.7s ease-out;
  748. transition: all 0.7s ease-out;
  749. }
  750.  
  751. .comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; }
  752. .comment-management-links li, .comment-interaction-links li { display: inline; }
  753.  
  754. #qrform table { border: 0!important; }
  755.  
  756. .comment-poster {
  757. font-family: Helvetica, Georgia, sans-serif; font-size: 0.6em;
  758. text-transform: uppercase;
  759. color: #939393;
  760. }
  761.  
  762. .comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; }
  763. .comment-management-links li, .comment-interaction-links li { display: inline; }
  764.  
  765. table.talkform {
  766. background: #ffffff;
  767. font-size: 12px;
  768. padding: 10px;
  769. margin: 0 0 10px 0;
  770. }
  771.  
  772. table.talkform b {
  773. color: #7a7a7a;
  774. }
  775.  
  776. table.talkform a {
  777. color: #72AE95;
  778. -webkit-transition: all 0.7s ease-out;
  779. -moz-transition: all 0.7s ease-out;
  780. transition: all 0.7s ease-out;
  781. }
  782.  
  783. table.talkform a:visited {
  784. color: #72AE95;
  785. -webkit-transition: all 0.7s ease-out;
  786. -moz-transition: all 0.7s ease-out;
  787. transition: all 0.7s ease-out;
  788. }
  789.  
  790. table.talkform a:hover {
  791. color: #F5886B;
  792. -webkit-transition: all 0.7s ease-out;
  793. -moz-transition: all 0.7s ease-out;
  794. transition: all 0.7s ease-out;
  795. }
  796.  
  797. /*-- modules --*/
  798.  
  799. #secondary .module {
  800. border-radius: 10px;
  801. moz-border-radius: 10px;
  802. khtml-border-radius: 10px;
  803. o-border-radius: 10px;
  804. font-family: 'Domine', sans-serif;
  805. font-size: 12px;
  806. }
  807.  
  808. #tertiary .module {
  809. border-radius: 10px;
  810. moz-border-radius: 10px;
  811. khtml-border-radius: 10px;
  812. o-border-radius: 10px;
  813. float: left;
  814. width: 255px;
  815. padding: 10px;
  816. }
  817.  
  818. #tertiary .module-navlinks {
  819. margin: 0;
  820. padding: 1em 5%;
  821. width: 90%;
  822. }
  823.  
  824. .module-navlinks {
  825. padding: 10px;
  826. margin: 0;
  827. }
  828.  
  829.  
  830. #secondary .module-typelist, #secondary .module-navlinks {
  831. margin: 0;
  832. background-color: #F5886B;
  833. text-transform: uppercase;
  834. }
  835.  
  836. #secondary .module-typelist, #secondary .module-navlinks {
  837. font-family: 'Englebert', sans-serif;
  838. font-weight: 300;
  839. }
  840.  
  841. #secondary .module-typelist a, #secondary .module-navlinks a{
  842. color: #FFF;
  843. -webkit-transition: all 0.7s ease-out;
  844. -moz-transition: all 0.7s ease-out;
  845. transition: all 0.7s ease-out;
  846. }
  847.  
  848. #secondary .module-typelist a:hover, #secondary .module-navlinks a:hover{
  849. color: #FFF;
  850. padding-left: 5px;
  851. -webkit-transition: all 0.7s ease-out;
  852. -moz-transition: all 0.7s ease-out;
  853. transition: all 0.7s ease-out;
  854. }
  855.  
  856. #secondary .module-typelist .module-header {
  857. display: none;
  858. }
  859.  
  860.  
  861. .module-navlinks ul.module-list {
  862. padding: 0;
  863. margin: 0;
  864. list-style: none;
  865. }
  866.  
  867. .module-navlinks ul.module-list li {
  868. padding: 0;
  869. margin: 0;
  870. list-style: none;
  871. }
  872.  
  873. .module-navlinks ul.module-list li a, .module-navlinks ul.module-list li a:link { color: #ba1415; }
  874. .module-navlinks ul.module-list li a:visited { color: #dbe6e7; }
  875. .module-navlinks ul.module-list li a:hover { color: #cbdadc; }
  876.  
  877.  
  878. .module-calendar { text-align: center; }
  879. .module-customtext {
  880. padding: 3px;
  881. margin: 10px 0 0 0;
  882. background: #F3E6BC;
  883. border-radius: 10px;
  884. moz-border-radius: 10px;
  885. khtml-border-radius: 10px;
  886. o-border-radius: 10px;
  887. }
  888.  
  889. .module-list-item {
  890. border-bottom: 1px solid #F1C972;
  891. }
  892.  
  893. .module-header {
  894. font-family: 'Englebert', sans-serif;
  895. font-size: 14px;
  896. color: #72AE95;
  897. background: #F3E6BC;
  898. display: inline-block;
  899. font-weight: 400;
  900. text-align: left;
  901. padding: 1px 3px;
  902. margin: 5px 0;
  903. border-radius: 10px;
  904. moz-border-radius: 10px;
  905. khtml-border-radius: 10px;
  906. o-border-radius: 10px;
  907. }
  908.  
  909. #tertiary .module-header a,
  910. #tertiary .module-header a:link,
  911. #tertiary .module-header a:visited,
  912.     { color: #72AE95;
  913. -webkit-transition: all 0.7s ease-out;
  914. -moz-transition: all 0.7s ease-out;
  915. transition: all 0.7s ease-out; }
  916.  
  917. #tertiary .module-header a:hover
  918.     { color: #F5886B;
  919. -webkit-transition: all 0.7s ease-out;
  920. -moz-transition: all 0.7s ease-out;
  921. transition: all 0.7s ease-out; }
  922.  
  923. .module-userprofile .userpic
  924.     { text-align: center; }
  925.  
  926. .module-userprofile .journal-name
  927. { text-align: center;
  928. font-family: 'Englebert', serif; }
  929.  
  930. .module-userprofile .userpic img { border-left: 10px solid #F5886B;
  931. border-right: 10px solid #F1C972; padding: 0px; }
  932.  
  933. .module-credit {display: none;}
  934.  
  935. ul.userlite-interaction-links.icon-links {
  936. list-style-image: none;
  937. list-style-position: outside;
  938. list-style-type: none;
  939. margin-left: 0;
  940. padding-left: 0;
  941. text-align: center;
  942. }
  943.  
  944. ul.userlite-interaction-links.icon-links li {
  945. display: inline;
  946. padding: 0 0.2em;
  947. }
  948.  
  949. .module-tags_cloud, .module-time, .module-powered { width: 90%; }
  950.  
  951. .tags_cloud li, .module-tags_cloud li { display: inline;
  952. list-style-type: none; }
  953.  
  954. .manage-link {
  955. font-size: smaller;
  956. text-align: right;
  957. text-transform: uppercase;
  958. }
  959.  
  960. .module-time, .module-powered {
  961. border-style:solid;
  962. border-width: 0 0 1px 0;
  963. border-color: #F1C972;
  964. letter-spacing: 1px;
  965. text-align: center;
  966. padding-top: 1em;
  967. }
  968.  
  969. .module-search .search-form { margin: .2em auto; }
  970. .module-search .search-box { margin: .2em; }
  971.  
  972. #tertiary .module-content ul {
  973. list-style-type: none;
  974. font-weight: 300;
  975. margin: 0;
  976. padding: 0;
  977. }
  978.  
  979. #tertiary .module-content li {
  980. margin: 0.5em 0;
  981. text-align: center;
  982. }
  983.        
  984. #tertiary .module-content li a {
  985. font-family: 'Englebert', sans-serif;
  986. text-transform: uppercase;
  987. color: #72AE95;
  988. -webkit-transition: all 0.7s ease-out;
  989. -moz-transition: all 0.7s ease-out;
  990. transition: all 0.7s ease-out;
  991. }
  992.        
  993. #tertiary .module-content li a:hover {
  994. color: #F5886B;
  995. -webkit-transition: all 0.7s ease-out;
  996. -moz-transition: all 0.7s ease-out;
  997. transition: all 0.7s ease-out;
  998. }
  999.        
  1000. #tertiary  .module-customtext {
  1001. padding: 5px 10px;
  1002. font-family: 'Domine', serif;
  1003. font-size: 12px;
  1004. line-height: 200%;
  1005. width: 530px;
  1006. text-align: left;
  1007. }
  1008.  
  1009. /*-- extras --*/
  1010.  
  1011. div.ContextualPopup {
  1012. position: relative;
  1013. margin: 0;
  1014. text-align: justify;
  1015. font-weight: normal;
  1016. font-family: 'Domine', serif;
  1017. font-size: 50%;
  1018. color: #939393;
  1019. line-height: 1.8em;
  1020. -webkit-transition: all 0.7s ease-out;
  1021. -moz-transition: all 0.7s ease-out;
  1022. transition: all 0.7s ease-out;
  1023. }
  1024.  
  1025. div.ContextualPopup div.Inner {
  1026. color: #939393 !important;
  1027. border: 1px solid #d4d4d4;
  1028. background: #ffffff !important;
  1029. padding: 10px;
  1030. }
  1031.  
  1032. div.ContextualPopup div.Inner a {
  1033. color: #df1b1c;
  1034. -webkit-transition: all 0.7s ease-out;
  1035. -moz-transition: all 0.7s ease-out;
  1036. transition: all 0.7s ease-out;
  1037. }
  1038.  
  1039. div.ContextualPopup div.Inner a:visited {
  1040. color: #8da8ad;
  1041. -webkit-transition: all 0.7s ease-out;
  1042. -moz-transition: all 0.7s ease-out;
  1043. transition: all 0.7s ease-out;
  1044. }
  1045.  
  1046. div.ContextualPopup div.Inner a:hover {
  1047. color: #ba1415;
  1048. -webkit-transition: all 0.7s ease-out;
  1049. -moz-transition: all 0.7s ease-out;
  1050. transition: all 0.7s ease-out;
  1051. }
  1052.  
  1053. div.ContextualPopup div.Inner a:active {
  1054. color: ;
  1055. -webkit-transition: all 0.7s ease-out;
  1056. -moz-transition: all 0.7s ease-out;
  1057. transition: all 0.7s ease-out;
  1058. }
  1059.  
  1060. div.ContextualPopup .Userpic {
  1061. margin: 5px;
  1062. width: 80px;
  1063. border-left: 10px solid #F5886B;
  1064. border-right: 10px solid #F1C972;
  1065. background: #ffffff !important;
  1066. padding: 5px;
  1067. }
  1068.  
  1069.  
  1070. hr {
  1071. color: transparent;
  1072. height: 1px;
  1073. border-style: none;
  1074. border-bottom: 3px double #F1C972;
  1075.     }
  1076.  
  1077. #lj_controlstrip {
  1078. background-color: #fff;
  1079. background-image: none;
  1080. height: 53px;
  1081. }
  1082.  
  1083. #lj_controlstrip_userpic {
  1084. border-left: 10px solid #F5886B;
  1085. border-right: 10px solid #F1C972;
  1086. padding-bottom: 0px;
  1087. }
  1088.  
  1089.  
  1090. #lj_controlstrip td {
  1091. font-family: 'Domine', serif;
  1092. font-size: 11px;
  1093. line-height: 17.5px;
  1094. letter-spacing: normal;
  1095. color: #3a3b35;
  1096. }
  1097.  
  1098. #lj_controlstrip_statustext {
  1099. color: #7a7c6e;
  1100. font-weight: normal;
  1101. font-family: 'Domine', serif;
  1102. font-size: 14px;
  1103. margin-bottom: 5px;
  1104. }
  1105.  
  1106. #lj_controlstrip input {
  1107. font-family: 'Domine', serif;
  1108. font-size: 11px;
  1109. line-height: 16.5px;
  1110. background-color: #fff;
  1111. color: #999;
  1112. padding: 1px 3px;
  1113. margin: 0;
  1114. width: auto;
  1115. text-transform: none;
  1116. }
  1117.  
  1118. #lj_controlstrip a {
  1119. font-family: 'Englebert', sans-serif;
  1120. color: #F5886B;
  1121. -webkit-transition: all 0.7s ease-out;
  1122. -moz-transition: all 0.7s ease-out;
  1123. transition: all 0.7s ease-out;
  1124. }
  1125.  
  1126. #lj_controlstrip a:hover {
  1127. color: #72AE95;
  1128. text-decoration: none;
  1129. }
  1130.  
  1131. #lj_controlstrip_user, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic, #lj_controlstrip_actionlinks {
  1132. border-right: 1px solid #eef3e4;
  1133. }
  1134.  
  1135. .ljuser b { font-family: 'Domine', serif; font-weight: bold; letter-spacing: 0px; color: #3f4036; }
  1136. .ljuser a {color: #3f4036 !important;}
  1137.        
  1138. #canvas img[src*="user.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
  1139. background: transparent url(http://i.imgur.com/wEWk9.gif) no-repeat; padding: 11px 4px 0 6px !important; }
  1140. #canvas img[src*="community.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
  1141. background: transparent url(http://i.imgur.com/Wi9gZ.gif) no-repeat; padding: 16px 4px 0 8px !important; }
  1142. #canvas img[src*="feed.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
  1143. background: transparent url(http://i.imgur.com/nMj7k.png) no-repeat; padding: 10px 0 0 13px !important; }
  1144. #canvas img[src*="locked.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
  1145. background: transparent url(http://i.imgur.com/xqmlO.png) no-repeat; padding: 10px 0 0 12px !important; }
  1146. #canvas img[src*="private.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
  1147. background: transparent url(http://i.imgur.com/MkvG2.gif) no-repeat; padding: 9px 0 0 11px !important; }
RAW Paste Data
Pastebin PRO Summer Special!
Get 60% OFF on Pastebin PRO accounts!
Top