API tools faq
paste
alexandrine

Layout

alexandrine
Mar 28th, 2018
102
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 23.74 KB | None | 0 0
raw download clone embed print report
  1. /* Flower Diary
  2. Practicality style
  3. By inconformista.dreamwidth.org */
  4.  
  5. H1, H2, H3 {
  6.     margin: .25em 0;
  7.     padding: .25em 0;
  8. }
  9.  
  10. img {
  11.     border: none;
  12. }
  13.  
  14. hr {
  15.     display: none;
  16. }
  17. .entry-content hr,
  18. .comment-content hr {
  19.     display: block;
  20.     margin: 1em 10%;
  21. }
  22.  
  23. body {
  24.     font-family: Open Sans;
  25.     font-size: 16px;
  26.     line-height: 26px;
  27.     text-align: justify;
  28.     padding: 0;
  29.     color: #ffffff;
  30.     background-color: #355421;
  31.     background-image: url('https://i.imgur.com/DdNvZfL.jpg');
  32.     background-repeat: no-repeat;
  33. }
  34.  
  35. html body {
  36.     margin-left: 0em;
  37.     margin-right: 0em;
  38. }
  39.  
  40. a, a:link, a:visited, a:active {
  41. color: #00334C;
  42. }
  43.  
  44. a:hover {
  45. color: #50AABE;
  46. }
  47.  
  48. /* #content layout */
  49. #content { float: none; }
  50. @media only screen and (min-width: 45em) {
  51.     .two-columns-left #content {
  52.         border-left: 0em solid transparent;
  53.     }
  54. }
  55.  
  56. #content-footer {
  57.     height: 0;
  58.     font-size: 0; /*to make IE happy*/
  59.     clear: both;
  60. }
  61.  
  62. #header, #footer {
  63.     margin: 0;
  64.     clear: both;
  65.     padding: .5em;
  66. }
  67.  
  68. #header {
  69.     background: transparent;
  70.     color: #00334C;
  71.  
  72. }
  73.  
  74. h1#title {
  75. font-family: Open Sans;
  76. font-size: 20px;
  77. }
  78.  
  79. h2#subtitle,
  80. h2#pagetitle {
  81.     font-family: Open Sans;
  82. font-size: 18px;
  83. }
  84.  
  85. #footer {
  86.     background: transparent;
  87. }
  88.  
  89. #footer a { color: #00334C;
  90. }
  91.  
  92. #footer a:hover { color: #50AABE;
  93. }
  94.  
  95. /* modules layout */
  96. #primary {
  97.     width:100%;
  98.     margin-right:-100%;
  99.     margin-left: 0;
  100. }
  101.  
  102. #primary > .inner:first-child, #secondary > .inner:first-child, #tertiary > .inner:first-child {
  103.     padding: 1em;
  104. }
  105.  
  106. #primary { float: none; }
  107.  
  108. #secondary, #tertiary { width: 100%; }
  109.  
  110. @media only screen and (min-width: 45em) {
  111.     .multiple-columns #primary {
  112.         float: left;
  113.     }
  114.  
  115.     .two-columns-left #secondary,
  116.     .three-columns-sides #secondary {
  117.         float: left;
  118.         width: 22%;
  119.         margin-left: -28%;
  120.         margin-top: 20px;
  121.     }
  122.  
  123.     .two-columns #tertiary {
  124.         clear: both;
  125.         width: auto;
  126.     }
  127.     .two-columns-left #tertiary { margin-left: -15em; }
  128.     .two-columns #tertiary .module {
  129.         float: left;
  130.         width: 15em;
  131.     }
  132.  
  133. .navigation ul {
  134.     margin-left: 0;
  135.     padding-left: 0;
  136. }
  137. .navigation li {
  138.     display: inline;
  139.     padding: 0 .5em;
  140. }
  141. .noentries {
  142.     padding: 0 .5em;
  143. }
  144.  
  145. /* entries */
  146.  
  147. .entry {
  148. color: #ffffff;
  149. background-color: #355421;
  150.  
  151. }
  152.  
  153. .entry .entry-title {
  154. }
  155.  
  156. .entry .entry-title, .entry .entry-title a {
  157. }
  158.  
  159. .no-subject .entry .entry-title {
  160.     background: none;
  161.     border: none;
  162. }
  163.  
  164. .entry a { color: #00334C;
  165.  }
  166. .entry a:visited {  }
  167. .entry a:hover { color: #50AABE;
  168.  }
  169. .entry a:active {  }
  170.  
  171. /* ensure comment content stretches out horizontally so it's readable */
  172. .comment-content:before {
  173.     content: "";
  174.     display: block;
  175.     overflow: hidden;
  176.     width: 10em;
  177. }
  178. .comment-content { border-top: 1px transparent solid; } /* for firefox */
  179.  
  180. /* To prevent overlapping when icon's on the left */
  181. /* and list is the first thing in content */
  182. .entry-content li,
  183. .comment-content li {
  184.     list-style-position: inside;
  185.     }
  186.  
  187. /* To constrain the width and prevent layout breaking */
  188. .entry-content img, .comment-content img {
  189.     max-width: 100%;
  190.     height: auto;
  191. }
  192.  
  193. @media only screen and (min-width: 60em) {
  194.     .entry-content img, .comment-content img { max-width: none; }
  195. }
  196.  
  197. .metadata ul {
  198.     display: inline;
  199.     list-style: none;
  200.     margin-left: .5em;
  201.     padding-left: 0;
  202. }
  203. .metadata li {
  204.     margin-bottom: .5em;
  205. }
  206. .metadata.top-metadata ul {
  207.     margin: 0;
  208. }
  209. .metadata.top-metadata {
  210.     margin-bottom: 1em;
  211. }
  212.  
  213. .tag ul {
  214.     display: inline;
  215.     margin-left: 0;
  216.     padding-left: 0;
  217. }
  218.  
  219. .tag ul li {
  220.     display: inline;
  221. } /* same for month view */
  222.  
  223. ul.entry-management-links {
  224.     margin-left: 0;
  225.     padding-left: 0;
  226. }
  227. ul.entry-management-links li {
  228.     display: inline;
  229.     padding: 0 .25em;
  230. }
  231.  
  232. ul.entry-interaction-links {
  233.     margin-left: 0;
  234.     padding-left: 0;
  235.     text-align: right;
  236. }
  237.  
  238. .entry-interaction-links a, .entry-management-links a {
  239.  }
  240. .entry-interaction-links a:visited, .entry-management-links a:visited {  }
  241. .entry-interaction-links a:hover, .entry-management-links a:hover {  }
  242. .entry-interaction-links a:active, .entry-management-links a:active {  }
  243.  
  244. ul.entry-interaction-links li {
  245.     display: inline;
  246.     padding: 0 .25em;
  247. }
  248.  
  249. /* comments */
  250.  
  251. .comment-posted {font-weight:bold;}
  252.  
  253. .comment-wrapper {
  254.     padding: .5em 0;
  255.     min-width: 15em;
  256. }
  257.  
  258. .comment .comment-title {
  259.     font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 1.2em;
  260.     margin: 0;
  261. }
  262.  
  263. .comment .comment-title, .comment .comment-title a {
  264.  
  265. }
  266.  
  267. .no-subject .comment .comment-title {
  268.     background: none;
  269.     border: none;
  270. }
  271.  
  272. ul.comment-management-links {
  273.     margin-left: 0;
  274.     padding-left: 0;
  275.     text-align: right;
  276. }
  277. ul.comment-management-links li {
  278.     display: inline;
  279.     padding: 0 .25em;
  280. }
  281.  
  282. ul.comment-interaction-links {
  283.     margin-left: 0;
  284.     padding-left: 0;
  285. }
  286. ul.comment-interaction-links li {
  287.     display: inline;
  288.     padding: 0 .25em;
  289. }
  290.  
  291. textarea#commenttext {
  292.     width: 100%; /* fix for FF form width glitch */
  293. }
  294.  
  295. /* archive */
  296.  
  297. table.month {
  298.     margin: 0 auto;
  299.     border-collapse: collapse;
  300. }
  301. table.month td {
  302.     height: 3.25em;
  303. }
  304. table.month td,
  305. table.month th {
  306.     border: 1px solid; /* ? */
  307.     padding: 3px;
  308. }
  309. table.month td p {
  310.     margin: 0;
  311.     padding: 3px;
  312. }
  313.  
  314. .month dl dt {
  315.     font-weight: bold;
  316. }
  317. .month dl .time {
  318.     padding-right: .5em;
  319. }
  320. .month dl h3 {
  321.     display: inline;
  322.     font-size: medium;
  323. }
  324. .page-month .month .entry-poster {
  325.     margin-right: .5em;
  326. }
  327. .month dl .tag ul {
  328.     margin-top: 0;
  329. }
  330.  
  331. /* icons */
  332.  
  333. .sorting-options ul {
  334.     margin-left: 0;
  335. }
  336.  
  337. .sorting-options ul li {
  338.     display: inline;
  339. }
  340.  
  341. .icon-keywords ul {
  342.     display: inline;
  343.     margin-left: 0;
  344.     padding-left: 0;
  345. }
  346.  
  347. .icon-keywords ul li {
  348.     display: inline;
  349. }
  350.  
  351. /* modules */
  352.  
  353. .module {
  354.     background: #ffffff;
  355.     color: #00334C;
  356. background-color: #010204;
  357.  
  358. }
  359.  
  360. .module a { color: #00334C;
  361.  }
  362. .module a:visited {  }
  363. .module a:hover { color: #50AABE;
  364.  }
  365. .module a:active {  }
  366.  
  367. .module h2 {
  368. font-family: Open Sans;
  369. font-size: 1.37em;
  370. }
  371.  
  372. .module-content {
  373. font-family: Open Sans;
  374. }
  375.  
  376. .module-content ul {
  377.     list-style: outside;
  378.     text-align: center;
  379.     margin: .5em 0;
  380.     padding-left: 0;
  381.     font-family: Open Sans;
  382.     text-transform: uppercase;
  383. }
  384. .module-content li {
  385.     margin: .5em 0;
  386. }
  387.  
  388. ul.userlite-interaction-links.icon-links {
  389.     margin-left: 0;
  390.     padding-left: 0;
  391. }
  392.  
  393. ul.userlite-interaction-links.icon-links li {
  394.     display: inline;
  395.     padding: 0 .20em;
  396. }
  397.  
  398. ul.userlite-interaction-links.text-links {
  399.     text-align: left;
  400. }
  401.  
  402. .any-column .module-calendar table { margin: 0; }
  403. .module-calendar .module-content { text-align: left; }
  404. @media only screen and (min-width: 45em) {
  405.     .multiple-columns .module-calendar .module-content {
  406.         text-align: center;
  407.     }
  408.  
  409.     .multiple-columns .module-calendar table {
  410.         margin: 0 auto;
  411.     }
  412.  
  413.     .multiple-columns .module-syndicate .module-content {
  414.         text-align: center;
  415.     }
  416. }
  417.  
  418. .module-calendar td {
  419.     padding: 1px;
  420. }
  421. .module-calendar td a {
  422.     display: block;
  423.     padding: 2px;
  424. }
  425.  
  426. .search-box {
  427.     margin: .2em auto;
  428.     max-width: 100%;
  429. }
  430.  
  431. .search-form .search-box-item,
  432. .search-form .search-button-item {
  433.     display: block
  434. }
  435.  
  436. .search-form .comment_search_checkbox_item {
  437.     display: inline
  438. }
  439.  
  440. /* wrap long content, particularly openid usernames */
  441. .module-pagesummary .ljuser {
  442.     white-space: normal !important;
  443. }
  444. .module-pagesummary .module-content {
  445.     word-wrap: break-word;
  446. }
  447.  
  448. .module-credit .category-title {
  449.     font-weight: bold;
  450. }
  451.  
  452. .tags_cloud li, .module-tags_cloud li { display: inline; }
  453.  
  454.  
  455.              .entry .userpic,
  456.              .comment .userpic {
  457.                  text-align: right;
  458.                  }
  459.              
  460.    
  461.  
  462. /*--------------------*/
  463. /*--- Practicality ---*/
  464. /*--------------------*/
  465.  
  466. /*--- Main ---*/
  467.  
  468. body {
  469.     margin: 0;
  470.     }
  471.  
  472. a, a:link, a:visited, a:active {
  473. color: #00334C;
  474. text-decoration: none;
  475. }
  476.  
  477. a:hover {
  478. color: #50AABE;
  479. text-decoration: none;
  480. }
  481.  
  482. p {
  483.         margin: 1em 0;
  484.     }
  485.  
  486. input, textarea {
  487.     background: #010204;
  488.     border: 1px solid #355421;
  489.     color: #00334C;
  490.     }
  491.  
  492. blockquote {
  493.     color: #50AABE;
  494.     padding: 10px;
  495.     width: 90%;
  496.     }
  497.  
  498. ul {
  499.     list-style: square inside;
  500.     margin: .2em 0 0 2.5em;
  501.     }
  502.  
  503. ol {
  504.     list-style: decimal inside;
  505.     margin: .2em 0 0 2.5em;
  506.     }
  507.  
  508. /*--- Main Containers ---*/
  509.  
  510. #canvas {
  511.     width: 60%;
  512.     margin: 0 auto;
  513.     }
  514.  
  515. #primary > .inner:first-child {
  516.     padding: 0;
  517.     }
  518.  
  519. #secondary > .inner:first-child,
  520. #tertiary > .inner:first-child {
  521.     padding: 0;
  522.     }
  523.  
  524. @media only screen and (min-width: 45em) {
  525.     .column-left #primary > .inner:first-child {
  526.         padding:0px;
  527.         width:100%;
  528.         }
  529.  
  530. /*--- Journal Header ---*/
  531.  
  532. #header {
  533.     padding: .1em .5em;
  534.     margin-top: 20px;
  535.     border: 1px solid #010204;
  536.     }
  537.  
  538. h1#title, h1#title a {
  539.     color: #355421;
  540.     background-color: #010204;
  541.     font-family: Lora;
  542.     font-size: 24px;
  543.     text-transform: uppercase;
  544.     font-weight: normal;
  545.     text-align: center;
  546.     line-height: 100px;
  547.     letter-spacing: 3px;
  548.     padding: 100px:
  549.     }
  550.  
  551. h2#subtitle {
  552. display: none;
  553. }
  554.  
  555. h2#pagetitle {
  556. display:none;
  557. }
  558.  
  559. /*--- Sidebar ---*/
  560.  
  561. li.page-separator {
  562.     display: none;
  563.     }
  564.  
  565. .module {
  566.     border: none;
  567.     margin-bottom: 15px;
  568.     padding: 10px;
  569.     }
  570.  
  571. h2.module-header {
  572.     color: #72A385;
  573.     text-transform: uppercase;
  574.     font-weight: normal;
  575.     margin: 0 0 10px 0;
  576.     }
  577.  
  578. h2.module-header a {
  579.     color: #72A385;
  580.     }
  581.  
  582. ul.module-list {
  583.     list-style: none;
  584.     }
  585.  
  586. ul.module-list li ,
  587. ul.module-list-item li {
  588.     padding: 0 0 0 5px;
  589.     }
  590.  
  591. .module-content .userpic {
  592.     text-align: center;
  593.     }
  594.  
  595. .module-content .userpic img {
  596.     background: #010204;
  597.     border: none;
  598.     padding: 10px;
  599.     }
  600.  
  601. .journal-name {
  602.     font-family: Open Sans;
  603.     margin-top: 5px;
  604.     text-align: center;
  605.     }
  606.  
  607. .journal-website-name {
  608.     font-family: Open Sans;
  609.     text-align: center;
  610.     }
  611.  
  612. ul.userlite-interaction-links.icon-links {
  613.     margin: 5px 0 0;
  614.     text-align: center;
  615.     }
  616.  
  617. ul.userlite-interaction-links.icon-links li {
  618.     margin: 0 auto;
  619.     }
  620.  
  621. ul.userlite-interaction-links.text-links {
  622.     padding: 0 0 0 5px;
  623.     list-style: none;
  624.     }
  625.  
  626. .module-navlinks {
  627.     color: #50AABE;
  628.     font-family: Open Sans;
  629.     text-transform: uppercase;
  630.     font-size: 1.0em;
  631.     letter-spacing: 2px;
  632.     list-style: none;
  633.     text-align: center;
  634.     }
  635.  
  636. .module-navlinks a {
  637.     color: #72A385;
  638.     width: 100%;
  639.     display: block;
  640.     border-bottom: 1px solid #e1dfe0;
  641.     }
  642.  
  643. .manage-link {
  644.     margin: 10px 0 0;
  645.     font-family: Open Sans;
  646.     text-transform: uppercase;
  647.     text-align: center;
  648.     }
  649.  
  650. .module-calendar table {
  651.     text-align: center;
  652.     }
  653.  
  654. .module-calendar th {
  655.     background: #F2F2F2;
  656.     color: #50AABE;
  657.     padding: 0;
  658.     }
  659.  
  660. .module-calendar td.empty-day {
  661.     }
  662.  
  663. .module-calendar td.entry-day {
  664.     background: #F2F2F2;
  665.     }
  666.  
  667. .module-calendar td.entry-day a { color: #72A385; }
  668. .module-calendar td.entry-day a:visited { color: ; }
  669. .module-calendar td.entry-day a:hover { color: #50AABE; }
  670. .module-calendar td.entry-day a:active { color: ; }
  671.  
  672. /*--- Entries ---*/
  673.  
  674. .entry {
  675.     padding: 10px;
  676.     margin: 20px 0 15px 0;
  677.     }
  678.  
  679. .entry-content {
  680.     margin: 10px 0 0;
  681.     min-height: 100px;
  682.     text-align: justify;
  683.     }
  684.  
  685. .entry .header {
  686.     width: 100%;
  687.     font-family: Lora;
  688.     font-size: 20px;
  689.     line-height: 25px;
  690.     font-weight: normal;
  691.     text-align: center;
  692.     text-transform: uppercase;
  693.     }
  694.  
  695. h3.entry-title {
  696.     width: 100%;
  697.     font-family: Lora;
  698.     font-size: 24px;
  699.     line-height: 25px;
  700.     font-weight: normal;
  701.     text-align: center;
  702.     text-transform: uppercase;
  703.     }
  704.  
  705. h3.entry-title a,
  706. h3.entry-title a:active,
  707. h3.entry-title a:hover,
  708. h3.entry-title a:visited {
  709.     color: #72A385;
  710.     font-family: Lora;
  711.     }
  712.  
  713. .datetime {
  714.     color: #50AABE;
  715.     font-size: 11px;
  716.     font-family: Open Sans;
  717.     }
  718.  
  719. .datetime a {
  720.     color: #50AABE;
  721.     }
  722.  
  723. .has-userpic .entry .userpic {
  724.     border: none;
  725.     margin: -75px -140px 10px 10px;
  726.     }
  727.  
  728. .entry .userpic img {
  729.     background: #010204;
  730.     border: none;
  731.     padding: 10px;
  732.     }
  733.  
  734. .entry-poster {
  735.     color: #50AABE;
  736.     text-align: center;
  737.     display: block;
  738.     font-size: 11px;
  739.     text-transform: uppercase;
  740.     margin-bottom: 10px;
  741.     }
  742.  
  743. .entry-poster a,
  744. .entry-poster a:active,
  745. .entry-poster a:hover,
  746. .entry-poster a:visited {
  747.     color: #72a385;
  748.     }
  749.  
  750. .metadata {
  751.     font-size: 10px;
  752.     text-transform: uppercase;
  753.     font-family: Open Sans;
  754.     margin: 1em 0 0;
  755.     text-align: left;
  756.     }
  757.  
  758. .metadata ul {
  759.     padding: 0;
  760.     margin: 0;
  761.     }
  762.  
  763. .metadata ul li {
  764.     padding: 0;
  765.     margin: 0;
  766.     }
  767.  
  768. .metadata-item-location, .metadata-item-music, .metadata-item-mood, .tag ul {
  769.     color: #50AABE;
  770.     text-align: right;
  771.     }
  772.  
  773. .entry .footer {
  774.     clear: both;
  775.     }
  776.  
  777. .tag {
  778.     margin: 1em 0 .5em 0;
  779.     font-size: 10px;
  780.     text-transform: uppercase;
  781.     font-family: Open Sans;
  782.     }
  783.  
  784. .tag ul li {
  785.     margin: .5em 0 0;
  786.     text-align: right;
  787.     }
  788.  
  789. ul.entry-management-links {
  790.     border-top: 1px solid #e1dfe0;
  791.     margin: .5em 0 0;
  792.     padding: .5em 0 0;
  793.     text-align: center;
  794.     }
  795.  
  796. ul.entry-management-links li {
  797.     margin: 0 auto;
  798.     text-align: center;
  799.     }
  800.  
  801. ul.entry-interaction-links {
  802.     margin: 0;
  803.     padding: 0;
  804.     text-align: center;
  805.     }
  806.  
  807. ul.entry-interaction-links li,
  808. ul.entry-management-links li {
  809.     color: #00334C;
  810.     font-size: 1.3em;
  811.     text-transform: uppercase;
  812.     font-family: Open Sans;
  813.     margin: 0 .5em 0 0;
  814.     padding: 0;
  815.     }
  816.  
  817. ul.entry-interaction-links a,
  818. ul.entry-interaction-links a:active,
  819. ul.entry-interaction-links a:hover,
  820. ul.entry-interaction-links a:visited,
  821. ul.entry-management-links a,
  822. ul.entry-management-links a:active,
  823. ul.entry-management-links a:hover,
  824. ul.entry-management-links a:visited {
  825.     color: #00334C;
  826.     }
  827.  
  828. /*--- Archive Page ---*/
  829.  
  830. .month {
  831.     background: #FFFFFF;
  832.     color: #00334C;
  833.     margin: 0 0 1em 0;
  834.     padding: 2em;
  835.     }
  836.  
  837. .month a { color: #00334C; }
  838. .month a:visited { color: ; }
  839. .month a:hover { color: #50AABE; }
  840. .month a:active { color: ; }
  841.  
  842. table.month {
  843.     border-bottom: none;
  844.     }
  845.  
  846. .month table {
  847.     margin: auto;
  848.     width: 100%;
  849.     }
  850.  
  851. table.month td, table.month th {
  852.     }
  853.  
  854. .month caption {
  855.     display: none;
  856.     }
  857.  
  858. .month h3 {
  859.     color: #00334C;
  860.     font-size: 1.2em;
  861.     font-weight: normal;
  862.     }
  863.  
  864. .month th {
  865.     background: #F2F2F2;
  866.     color: #00334C;
  867.     text-align: center;
  868.     }
  869.  
  870. .month td.day {
  871.     color: #50AABE;
  872.     font-weight: normal;
  873.     }
  874.  
  875. td.day {
  876.     padding: 1em;
  877.     }
  878.  
  879. .month td.day-has-entries {
  880.     background: #;
  881.     color: #50AABE;
  882.     font-weight: normal;
  883.     text-align: left;
  884.     }
  885.  
  886. .month td.day-has-entries p {
  887.     font-size: 1.14em;
  888.     font-weight: bold;
  889.     text-align: right;
  890.     }
  891.  
  892. .month td.day-has-entries p a { color: #00334C; }
  893. .month td.day-has-entries p a:visited { color:#00334C; }
  894. .month td.day-has-entries p a:hover { color: #50AABE; }
  895. .month td.day-has-entries p a:active { color: #00334C; }
  896.  
  897. .month dl, .month dt, .month dd {
  898.     margin: 0;
  899.     padding: 0;
  900.     }
  901.  
  902. /*--- Tags Page ---*/
  903.  
  904. .page-tags .tags-container {
  905.     background: #010204;
  906.     color: #50AABE;
  907.     padding: .5em;
  908.     }
  909.  
  910. .page-tags .tags-container a { color: #00334C; }
  911. .page-tags .tags-container a:visited { color: #50AABE; }
  912. .page-tags .tags-container a:hover { color: #50AABE; }
  913. .page-tags .tags-container a:active { color: #00334C; }
  914.  
  915. .page-tags .tags-container h2 {
  916.     font-family: Open Sans;
  917.     font-size: 12px;
  918.     color: #50AABE;
  919.     font-weight: normal;
  920.     margin: 0 0 .5em 0;
  921.     }
  922.  
  923. .page-tags .tags-container .ljtaglist {
  924.     list-style: none;
  925.     margin-left: 0;
  926.     }
  927.  
  928. /*--- Icons Page ---*/
  929.  
  930. .icons-container {
  931.     background: #010204;
  932.     color: #50AABE;
  933.     padding: .5em;
  934.     }
  935.  
  936. .icons-container a { color: #00334C; }
  937. .icons-container a:visited { color: ;#50AABE; }
  938. .icons-container a:hover { color: #50AABE; }
  939. .icons-container a:active { color: #00334C; }
  940.  
  941. .icons-container h2 {
  942.     font-family: Open Sans;
  943.     font-size: 12px;
  944.     color: #50AABE;
  945.     font-weight: normal;
  946.     margin: 0 0 .5em 0;
  947.     }
  948.  
  949. .sorting-options ul {
  950.     padding-left: 0;
  951.     }
  952.  
  953. .icons-container .icon {
  954.     margin: 1em 0;
  955.     }
  956.  
  957. .icon-image {
  958.     float: left;
  959.     clear: left;
  960.     margin-bottom: .25em;
  961.     min-width: 100px;
  962.     padding-right: 1em;
  963.     }
  964.  
  965. .icon-info {
  966.     min-height: 100px;
  967.     }
  968.  
  969. .icon-info span {
  970.     font-weight: bold;
  971.     }
  972.  
  973. .icon-info .default {
  974.     text-decoration: underline;
  975.     }
  976.  
  977. /*--- Comments ---*/
  978.  
  979. hr.above-entry-interaction-links, hr.below-reply-container {
  980.     display: none;
  981.     }
  982.  
  983. .comment {
  984.     background: #010204;
  985.     color: #50AABE;
  986.     padding: 1em;
  987.     }
  988.  
  989. .comment a { color: #00334C; }
  990. .comment a:visited { color: #50AABE; }
  991. .comment a:hover { color: #50AABE; }
  992. .comment a:active { color: #00334C; }
  993.  
  994. .comment-title, .comment-title a {
  995.     color: #72A385;
  996.     }
  997.  
  998. .comment-content {
  999.     min-height: 100px;
  1000.     padding: .5em;
  1001.     }
  1002.  
  1003. .comment-poster {
  1004.     color: #50AABE;
  1005.     margin-bottom: .5em;
  1006.     font-size: .8em;
  1007.     }
  1008.  
  1009. .comment-poster a {
  1010.     color: #72A385;
  1011.     }
  1012.  
  1013. .poster-ip {
  1014.     font-size: .7em;
  1015.     }
  1016.  
  1017. textarea.textbox {
  1018.     background: #010204;
  1019.     color: #50AABE;
  1020.     width: 80% !important;
  1021.     }
  1022.  
  1023. .has-userpic .comment .userpic {
  1024.     border: none;
  1025.     display: block;
  1026.     margin: -1em .5em .5em .5em;
  1027.     }
  1028.  
  1029. .comment .userpic img {
  1030.     background: #010204;
  1031.     border: none;
  1032.     padding: 10px;
  1033.     }
  1034.  
  1035. .comment-management-links ul, .comment-interaction-links ul {
  1036.     display: inline;
  1037.     font-size: 0.8em;
  1038.     text-align: center;
  1039.     }
  1040.  
  1041. .comment-management-links li, .comment-interaction-links li {
  1042.     font-size: 1.1em;
  1043.     text-align: center;
  1044.     }
  1045.  
  1046. .comment-interaction-links li a,
  1047. .comment-management-links li a {
  1048.     color: #72A385;
  1049.     }
  1050.  
  1051. #qrform table {
  1052.     border: none !important;
  1053.     }
  1054.  
  1055. .bottomcomment {
  1056.     background: #010204;
  1057.     color: #50AABE;
  1058.     margin: .5em 0;
  1059.     padding: .7em;
  1060.     }
  1061.  
  1062. .bottomcomment a { color: #00334C; }
  1063. .bottomcomment a:visited { color: #50AABE; }
  1064. .bottomcomment a:hover { color: #50AABE; }
  1065. .bottomcomment a:active { color: #00334C; }
  1066.  
  1067. /*--- Contextual Pop-ups ---*/
  1068.  
  1069. .ContextualPopup {
  1070.     background: #010204;
  1071.     border-radius: 0;
  1072.     color: #50AABE;
  1073.     }
  1074.  
  1075. .ContextualPopup div.Inner a,
  1076. .ContextualPopup div.Inner a:visited,
  1077. .ContextualPopup div.Inner a:active {
  1078.     text-decoration: none;
  1079.     }
  1080.  
  1081. .ContextualPopup a { color: #72A385; }
  1082. .ContextualPopup a:visited { color: #50AABE; }
  1083. .ContextualPopup a:hover { color: #50AABE; }
  1084. .ContextualPopup a:active { color: #72A385; }
  1085.  
  1086. .ContextualPopup .Userpic {
  1087.     border: 5px solid #010204;
  1088.     margin: .5em;
  1089.     padding: 0;
  1090.     }
  1091.  
  1092.  
  1093.             .has-userpic .entry .userpic,
  1094.             .has-userpic .comment .userpic {
  1095.                 float: right;
  1096.                 }
  1097.             .has-userpic .entry .header {
  1098.                 margin-right: 135px;
  1099.                 }
  1100.             .has-userpic .comment .header {
  1101.                 margin-right: 135px;
  1102.                 }
  1103. /* cyrillic-ext */
  1104. @font-face {
  1105.   font-family: 'Open Sans';
  1106.   font-style: normal;
  1107.   font-weight: 400;
  1108.   src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  1109.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  1110. }
  1111. /* cyrillic */
  1112. @font-face {
  1113.   font-family: 'Open Sans';
  1114.   font-style: normal;
  1115.   font-weight: 400;
  1116.   src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  1117.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  1118. }
  1119. /* greek-ext */
  1120. @font-face {
  1121.   font-family: 'Open Sans';
  1122.   font-style: normal;
  1123.   font-weight: 400;
  1124.   src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  1125.   unicode-range: U+1F00-1FFF;
  1126. }
  1127. /* greek */
  1128. @font-face {
  1129.   font-family: 'Open Sans';
  1130.   font-style: normal;
  1131.   font-weight: 400;
  1132.   src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  1133.   unicode-range: U+0370-03FF;
  1134. }
  1135. /* vietnamese */
  1136. @font-face {
  1137.   font-family: 'Open Sans';
  1138.   font-style: normal;
  1139.   font-weight: 400;
  1140.   src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  1141.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  1142. }
  1143. /* latin-ext */
  1144. @font-face {
  1145.   font-family: 'Open Sans';
  1146.   font-style: normal;
  1147.   font-weight: 400;
  1148.   src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  1149.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  1150. }
  1151. /* latin */
  1152. @font-face {
  1153.   font-family: 'Open Sans';
  1154.   font-style: normal;
  1155.   font-weight: 400;
  1156.   src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  1157.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
  1158. }
  1159.  
  1160. /* cyrillic-ext */
  1161. @font-face {
  1162.   font-family: 'Lora';
  1163.   font-style: normal;
  1164.   font-weight: 400;
  1165.   src: local('Lora Regular'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v12/Ukd0sOIY4JZgcODPuj2G3Q.woff2) format('woff2');
  1166.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  1167. }
  1168. /* cyrillic */
  1169. @font-face {
  1170.   font-family: 'Lora';
  1171.   font-style: normal;
  1172.   font-weight: 400;
  1173.   src: local('Lora Regular'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v12/GsNxiN0oIzsS201cnUag6w.woff2) format('woff2');
  1174.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  1175. }
  1176. /* vietnamese */
  1177. @font-face {
  1178.   font-family: 'Lora';
  1179.   font-style: normal;
  1180.   font-weight: 400;
  1181.   src: local('Lora Regular'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v12/ie2Ux11tIT0C_JTksRPlKA.woff2) format('woff2');
  1182.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  1183. }
  1184. /* latin-ext */
  1185. @font-face {
  1186.   font-family: 'Lora';
  1187.   font-style: normal;
  1188.   font-weight: 400;
  1189.   src: local('Lora Regular'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v12/I0dEfRgGNE90_hXZq7bjyw.woff2) format('woff2');
  1190.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  1191. }
  1192. /* latin */
  1193. @font-face {
  1194.   font-family: 'Lora';
  1195.   font-style: normal;
  1196.   font-weight: 400;
  1197.   src: local('Lora Regular'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v12/4vqKRIwnQQGUQQh-PnvdMA.woff2) format('woff2');
  1198.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
  1199. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!