API tools faq
paste
Advertisement
Codesbyneen

010. Layout - Lost in Translation I.

Codesbyneen
Nov 6th, 2016
595
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 18.77 KB | None | 0 0
raw download clone embed print report
  1. /* -----------------------------------
  2.    This is "Lost in Translation",
  3.    a Flexible Squares layout by neen
  4.    available at revolumna
  5.    ----------------------------------- */
  6.  
  7. /* [ FONTS ]
  8.    ----------------------------------- */
  9.  
  10. @font-face {
  11.     font-family: 'Open Sans';
  12.     font-style: normal;
  13.     font-weight: 300;
  14.     src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  15. }
  16.  
  17. @font-face {
  18.     font-family: 'Open Sans';
  19.     font-style: normal;
  20.     font-weight: 400;
  21.     src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  22. }
  23.  
  24. @font-face {
  25.     font-family: 'Open Sans';
  26.     font-style: italic;
  27.     font-weight: 400;
  28.     src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  29. }
  30.  
  31. @font-face {
  32.     font-family: 'Open Sans';
  33.     font-style: normal;
  34.     font-weight: 700;
  35.     src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  36. }
  37.  
  38. @font-face {
  39.     font-family: 'Montserrat';
  40.     font-style: normal;
  41.     font-weight: 700;
  42.     src: local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v7/IQHow_FEYlDC4Gzy_m8fcoWiMMZ7xLd792ULpGE4W_Y.woff2) format('woff2');
  43. }
  44.  
  45. /* [ GLOBAL ]
  46.    ----------------------------------- */
  47.  
  48. body {
  49.     background-attachment: fixed;
  50.     background-color: #fff;
  51.     background-image: url(http://i.imgur.com/STiRpGW.jpg);
  52.     background-position: bottom left;
  53.     background-repeat: no-repeat;
  54.     background-size: 45% auto;
  55.     color: #000;
  56.     font-family: 'Open Sans', sans-serif;
  57.     font-size: 9px;
  58.     line-height: 16px;
  59.     margin: 0;
  60. }
  61.  
  62. #content {
  63.     background-color: #fff;
  64.     height: 100%;
  65.     margin-left: 400px;
  66.     padding: 40px 0 40px 85px;
  67.     text-align: justify;
  68. }
  69.  
  70. #maincontent {
  71.     margin-top: 40px;
  72.     padding: 0;
  73.     width: 400px;
  74. }
  75.  
  76. .wrapper.ng-scope {
  77.     background-attachment: fixed;
  78.     background-image: url(http://i.imgur.com/P6T1bxk.png);
  79.     background-position: 15px 15px;
  80.     background-repeat: no-repeat;
  81. }
  82.  
  83. a,
  84. a:link,
  85. a:visited {
  86.     color: #000;
  87.     font-family: 'Times New Roman', serif;
  88.     text-decoration: none;
  89.     -webkit-transition: color .5s ease-out;
  90.        -moz-transition: color .5s ease-out;
  91.          -o-transition: color .5s ease-out;
  92.             transition: color .5s ease-out;
  93. }
  94.  
  95. a:hover {
  96.     color: #f0f0f0;
  97. }
  98.  
  99. .ljuser a b {
  100.     color: #000;
  101.     font-weight: 400;
  102.     -webkit-transition: color .5s ease-out;
  103.        -moz-transition: color .5s ease-out;
  104.          -o-transition: color .5s ease-out;
  105.             transition: color .5s ease-out;
  106. }
  107.  
  108. .ljuser a:hover b {
  109.     color: #f0f0f0;
  110.     font-weight: 400;
  111. }
  112.  
  113. u {
  114.     text-decoration: none;
  115.     border-bottom: 1px solid #000;
  116. }
  117.  
  118. /* [ HEADER ]
  119.    ----------------------------------- */
  120.  
  121. #header {
  122.     border-bottom: 1px solid #f0f0f0;
  123.     margin: 0;
  124.     padding: 0;
  125.     width: 400px;
  126. }
  127.  
  128. #header a,
  129. #header a:link,
  130. #header a:visited,
  131. #header .view {
  132.     color: #fff;
  133.     font-family: 'Montserrat', sans-serif;
  134.     font-size: 10px;
  135.     font-weight: 700;
  136.     letter-spacing: 2px;
  137.     text-align: left;
  138.     text-transform: uppercase;
  139.     -webkit-transition: letter-spacing .5s ease-out;
  140.        -moz-transition: letter-spacing .5s ease-out;
  141.          -o-transition: letter-spacing .5s ease-out;
  142.             transition: letter-spacing .5s ease-out;
  143. }
  144.  
  145. #header a:hover {
  146.     color: #fff;
  147.     letter-spacing: 4px;
  148. }
  149.  
  150. .navheader {
  151.     height: 27px;
  152.     margin-left: -470px;
  153.     margin-top: -128px;
  154.     filter: alpha(opacity=0) !important;
  155.     opacity: 0 !important;
  156.     padding: 9px 0 0 53px;
  157.     position: fixed;
  158.     -webkit-transition: opacity .5s ease-out, filter .5s ease-out;
  159.        -moz-transition: opacity .5s ease-out, filter .5s ease-out;
  160.          -o-transition: opacity .5s ease-out, filter .5s ease-out;
  161.             transition: opacity .5s ease-out, filter .5s ease-out;
  162.     width: 322px;
  163. }
  164.  
  165. .navheader:hover {
  166.     filter: alpha(opacity=100) !important;
  167.     opacity: 1 !important;
  168. }
  169.  
  170. .navheader li {
  171.     display: inline;
  172.     padding: 0;
  173. }
  174.  
  175. .navheader li:after {
  176.     color: #fff;
  177.     content: '/';
  178.     font-family: 'Montserrat', sans-serif;
  179.     font-size: 10px;
  180.     padding: 0 4px;
  181. }
  182.  
  183. .navheader li:last-child:after {
  184.     content: normal;
  185. }
  186.  
  187. .title {
  188.     display: none;
  189. }
  190.  
  191. .subtitle {
  192.     font-family: 'Times New Roman', serif;
  193.     font-size: 12px;
  194.     font-style: italic;
  195.     font-weight: 400;
  196.     letter-spacing: 1px;
  197.     margin-bottom: 40px;
  198.     text-align: center;
  199. }
  200.  
  201. /* [ FOOTER ]
  202.    ----------------------------------- */
  203.  
  204. .lj-view-recent #footer,
  205. .lj-view-friends #footer {
  206.     border-top: 1px solid #f0f0f0;
  207.     padding: 40px 0 0;
  208.     text-align: left;
  209.     text-transform: lowercase;
  210.     width: 400px;
  211. }
  212.  
  213. .lj-view-recent #footer a,
  214. .lj-view-friends #footer a,
  215. .lj-view-recent #footer a:link,
  216. .lj-view-friends #footer a:link,
  217. .lj-view-recent #footer a:visited,
  218. .lj-view-friends #footer a:visited {
  219.     font-family: 'Montserrat', sans-serif;
  220.     font-size: 12px;
  221.     font-weight: 700;
  222.     letter-spacing: 2px;
  223.     margin: 0 20px;
  224.     padding: 0;
  225.     text-align: center;
  226.     text-transform: uppercase;
  227.     -webkit-transition: letter-spacing .5s ease-out;
  228.        -moz-transition: letter-spacing .5s ease-out;
  229.          -o-transition: letter-spacing .5s ease-out;
  230.             transition: letter-spacing .5s ease-out;
  231. }
  232.  
  233. .lj-view-recent #footer a:hover,
  234. .lj-view-friends #footer a:hover {
  235.     letter-spacing: 4px;
  236.     color: #000;
  237. }
  238.  
  239. .navfooter {
  240.     margin: 0;
  241.     padding: 0;
  242.     text-align: center;
  243. }
  244.  
  245. .navfooter li {
  246.     display: inline-block;
  247.     list-style: none;
  248.     padding: 0;
  249. }
  250.  
  251. #footer .viewing {
  252.     display: none;
  253. }
  254.  
  255. /* [ SIDEBAR ]
  256.    ----------------------------------- */
  257.  
  258. #sidebar {
  259.     color: #fff;
  260.     float: left;
  261.     font-family: 'Open Sans', sans-serif;
  262.     font-size: 9px;
  263.     left: 0;
  264.     position: fixed;
  265.     top: 40%;
  266.     width: 400px;
  267. }
  268.  
  269. .sbartitle {
  270.     border-bottom: 1px solid #fff;
  271.     color: #fff;
  272.     font-family: 'Montserrat', sans-serif;
  273.     font-size: 10px;
  274.     font-weight: 700;
  275.     letter-spacing: 2px;
  276.     list-style: none;
  277.     margin: 0 auto 0 95px;
  278.     padding: 0 0 10px;
  279.     text-align: center;
  280.     text-transform: uppercase;
  281.     width: 30px;
  282. }
  283.  
  284. .sbarlist {
  285.     list-style-type: none;
  286.     margin: 0;
  287.     padding: 0;
  288.     text-align: left;
  289. }
  290.  
  291. .defaultuserpic,
  292. #sidebar_summary,
  293. #sidebar_calendar,
  294. #sidebar_tags {
  295.     display: none;
  296. }
  297.  
  298. /* [ blurb ] ----- */
  299.  
  300. .sbarbody2 {
  301.     line-height: 14px;
  302.     margin-left: 95px;
  303.     padding: 10px 0;
  304.     text-align: left;
  305.     vertical-align: middle;
  306.     width: 210px;
  307. }
  308.  
  309. /* [ link list ] ----- */
  310.  
  311. #sidebar_linklist {
  312.     list-style-type: none;
  313.     margin-left: 95px;
  314.     width: 210px;
  315. }
  316.  
  317. #sidebar_linklist .sbarlist .sbartitle {
  318.     display: none;
  319. }
  320.  
  321. #sidebar_linklist .sbaritem {
  322.     display: inline-block;
  323. }
  324.  
  325. #sidebar_linklist .sbaritem:after {
  326.     color: #fff;
  327.     content: '/';
  328.     font-family: 'Open Sans', sans-serif;
  329.     font-size: 6px;
  330.     font-weight: 400;
  331.     padding: 0 16px 0 12px;
  332. }
  333.  
  334. #sidebar_linklist .sbaritem:last-child:after {
  335.     content: normal;
  336. }
  337.  
  338. #sidebar_linklist .sbaritem a,
  339. #sidebar_linklist .sbaritem a:hover {
  340.     color: #fff;
  341.     font-size: 6px;
  342.     font-weight: 700;
  343.     letter-spacing: 2px;
  344.     padding: 0 0 5px;
  345.     text-transform: uppercase;
  346. }
  347.  
  348. #sidebar_linklist .sbaritem a:hover:after {
  349.     background-color: #000;
  350.     color: #fff;
  351.     font-family: 'Open Sans', sans-serif;
  352.     font-size: 7px;
  353.     font-weight: 400;
  354.     letter-spacing: 1px;
  355.     margin-left: 0;
  356.     margin-top: 16px;
  357.     padding: 0 4px;
  358.     position: absolute;
  359.     text-transform: uppercase;
  360.     z-index: 9999;
  361. }
  362.  
  363. /* [ TAGS, TAGS PAGE ]
  364.    ----------------------------------- */
  365.  
  366. .ljtags {
  367.     font-size: 0;
  368.     margin-top: 15px;
  369.     padding: 0;
  370.     text-align: center;
  371. }
  372.  
  373. .ljtags:before {
  374.     color: #000;
  375.     content: 'TAGS / ';
  376.     font-family: 'Montserrat', sans-serif;
  377.     font-size: 9px;
  378. }
  379.  
  380. .ljtags a,
  381. .ljtags a:link,
  382. .ljtags a:visited {
  383.     color: #000;
  384.     font-family: 'Open Sans', sans-serif;
  385.     font-size: 9px;
  386.     font-weight: 400;
  387. }
  388.  
  389. .ljtags a:hover {
  390.     color: #f0f0f0;
  391. }
  392.  
  393. .ljtags a:after {
  394.     content: ', ';
  395. }
  396.  
  397. .ljtags a:last-of-type:after {
  398.     content: normal;
  399. }
  400.  
  401. h2 {
  402.     font-family: 'Montserrat', sans-serif;
  403.     font-size: 10px;
  404.     font-weight: 700;
  405.     letter-spacing: 2px;
  406.     text-align: center;
  407.     text-transform: uppercase;
  408. }
  409.  
  410. .ljtaglist {
  411.     color: #000;
  412.     padding: 5px 20px 0;
  413.     text-align: left;
  414. }
  415.  
  416. .ljtaglist li {
  417.     font-size: 9px;
  418.     font-weight: 400;
  419.     margin-bottom: 4px;
  420.     padding-left: 15px;
  421. }
  422.  
  423. /* [ SUBCONTENT, ENTRIES ]
  424.    ----------------------------------- */
  425.  
  426. .entry_text {
  427.     color: #000;
  428.     font-family: 'Open Sans', sans-serif;
  429.     font-size: 9px;
  430.     line-height: 16px;
  431.     min-height: 86px;
  432.     text-align: justify;
  433. }
  434.  
  435. .entry ul,
  436. .entry ol {
  437.     margin: 0 30px 0 25px;
  438.     padding: 0;
  439. }
  440.  
  441. .entry ul ~ br,
  442. .entry ol ~ br {
  443.     display: none;
  444. }
  445.  
  446. .entry ul li,
  447. .entry ol li {
  448.     padding-left: 15px;
  449.     margin-bottom: -12px;
  450. }
  451.  
  452. .entry ul li:last-of-type,
  453. .entry ol li:last-of-type {
  454.     margin-bottom: 0;
  455. }
  456.  
  457. blockquote {
  458.     border-left: 1px solid #f0f0f0;
  459.     color: #000;
  460.     font-size: 9px;
  461.     line-height: 16px;
  462.     margin-left: 15px;
  463.     padding-left: 15px;
  464.     width: 339px;
  465. }
  466.  
  467. blockquote ~ br {
  468.     display: none;
  469. }
  470.  
  471. .ljcut-link,
  472. .ljcut-link a {
  473.     background-color: #000;
  474.     color: #fff;
  475.     display: inline-block;
  476.     font-family: 'Open Sans', sans-serif;
  477.     font-size: 7px;
  478.     font-weight: 400;
  479.     letter-spacing: 1px;
  480.     padding: 0 3px;
  481.     text-transform: uppercase;
  482. }
  483.  
  484. .ljcut-brace {
  485.     display: none;
  486. }
  487.  
  488. .skiplinks {
  489.     color: #000;
  490.     font-family: 'Times New Roman', serif;
  491.     font-size: 10px;
  492.     margin-bottom: 20px;
  493.     padding: 0;
  494.     text-align: center;
  495. }
  496.  
  497. /* [ USERPIC, USERPIC FRIENDS ]
  498.    ----------------------------------- */
  499.  
  500. .userpic,
  501. .userpicfriends {
  502.     background-color: #fff !important;
  503.     border: 1px solid #f0f0f0;
  504.     float: right;
  505.     font-size: 0;
  506.     height: 60px;
  507.     margin: 30px -102px 0 0;
  508.     padding: 10px;
  509.     width: 60px;
  510. }
  511.  
  512. .userpic img,
  513. .userpicfriends img {
  514.     height: 60px;
  515.     width: 60px;
  516. }
  517.  
  518. .userpic font,
  519. .userpicfriends font,
  520. .userpic a,
  521. .userpicfriends a {
  522.     display: none;
  523. }
  524.  
  525. /* [ DATE, SUBJECT, CURRENTS ]
  526.    ----------------------------------- */
  527.  
  528. .date {
  529.     display: none;
  530. }
  531.  
  532. .subject {
  533.     font-family: 'Montserrat', sans-serif;
  534.     font-size: 10px;
  535.     font-weight: 700;
  536.     height: 20px;
  537.     letter-spacing: 2px;
  538.     margin: 0 0 10px;
  539.     padding: 0;
  540.     text-align: center;
  541.     text-transform: uppercase;
  542. }
  543.  
  544. .subject a,
  545. .subject a:link,
  546. .subject a:visited,
  547. .subject a:hover {
  548.     color: #000;
  549.     font-family: 'Montserrat', sans-serif;
  550.     font-size: 10px;
  551.     font-weight: 700;
  552.     letter-spacing: 2px;
  553. }
  554.  
  555. .datesubject {
  556.     margin: 0;
  557.     padding: 0;
  558.     text-align: center;
  559. }
  560.  
  561. .currents {
  562.     font-size: 0;
  563.     text-align: center;
  564.     width: 400px;
  565. }
  566.  
  567. .currents strong {
  568.     display: none;
  569. }
  570.  
  571. .currentmood,
  572. .currentmusic,
  573. .currentlocation {
  574.     display: inline-block;
  575.     font-family: 'Open Sans', sans-serif;
  576.     font-size: 9px;
  577.     margin-right: 15px;
  578.     text-align: center;
  579. }
  580.  
  581. .currentmood:before {
  582.     color: #000;
  583.     content: 'MOOD / ';
  584.     font-family: 'Montserrat', sans-serif;
  585.     font-size: 9px;
  586. }
  587.  
  588. .currentmusic:before {
  589.     color: #000;
  590.     content: 'MUSIC / ';
  591.     font-family: 'Montserrat', sans-serif;
  592.     font-size: 9px;
  593. }
  594.  
  595. .currentlocation:before {
  596.     color: #000;
  597.     content: 'LOCATION / ';
  598.     font-family: 'Montserrat', sans-serif;
  599.     font-size: 9px;
  600. }
  601.  
  602. .currentlocation a,
  603. .currentlocation a:link,
  604. .currentlocation a:visited,
  605. .currentlocation a:hover,
  606. .currentmusic a,
  607. .currentmusic a:link,
  608. .currentmusic a:visited,
  609. .currentmusic a:hover {
  610.     color: #000;
  611.     cursor: text;
  612.     font-family: 'Open Sans', sans-serif;
  613.     font-size: 9px;
  614.     font-weight: 400;
  615. }
  616.  
  617. .meta-mood-img {
  618.     display: none;
  619. }
  620.  
  621. /* [ RECENT POSTS ]
  622.    ----------------------------------- */
  623.  
  624. .entry--threeposts {
  625.     margin-left: 0 !important;
  626. }
  627.  
  628. .entry--threeposts ul li,
  629. .entry--threeposts ol li {
  630.     padding-right: 15px;
  631. }
  632.  
  633. .threeposts__inner {
  634.     margin: 0 auto;
  635. }
  636.  
  637. .threeposts__items {
  638.     margin-left: 0 !important;
  639.     padding: 0;
  640.     width: 400px;
  641. }
  642.  
  643. .threeposts__header {
  644.     font-family: 'Montserrat', sans-serif;
  645.     font-size: 10px;
  646.     font-weight: 700;
  647.     letter-spacing: 2px;
  648.     margin: 0 0 15px;
  649.     padding: 0;
  650.     text-align: center;
  651.     text-transform: uppercase;
  652. }
  653.  
  654. .threeposts__item:after {
  655.     border-color: #f0f0f0;
  656.     opacity: 1;
  657. }
  658.  
  659. .threeposts__item--pic img {
  660.     display: none;
  661. }
  662.  
  663. /* [ COMMENTS, COMMENTS PAGE ]
  664.    ----------------------------------- */
  665.  
  666. .comments {
  667.     background-color: #f9f9f9;
  668.     color: #f9f9f9;
  669.     font-size: 9px;
  670.     margin-top: 20px;
  671.     padding: 6px 10px 5px;
  672.     text-align: center;
  673. }
  674.  
  675. .comments a,
  676. .comments a:link,
  677. .comments a:visited {
  678.     color: #000;
  679.     font-family: 'Open Sans', sans-serif;
  680.     font-size: 9px;
  681.     margin: 0 3px;
  682.     letter-spacing: 0;
  683.     -webkit-transition: letter-spacing .5s ease-out;
  684.        -moz-transition: letter-spacing .5s ease-out;
  685.          -o-transition: letter-spacing .5s ease-out;
  686.             transition: letter-spacing .5s ease-out;
  687. }
  688.  
  689. .comments a:hover {
  690.     letter-spacing: 2px;
  691. }
  692.  
  693. .datesubjectcomment {
  694.     color: #000;
  695.     font-size: 9px;
  696.     font-weight: 300;
  697. }
  698.  
  699. .datesubjectcomment strong,
  700. .replytosubject {
  701.     color: #000;
  702.     font-family: 'Montserrat', sans-serif;
  703.     font-size: 9px;
  704.     text-transform: uppercase;
  705. }
  706.  
  707. .userpiccomment {
  708.     background-color: #fff;
  709.     border: 1px solid #f0f0f0;
  710.     float: left;
  711.     height: 60px;
  712.     margin: 0 10px 0 0;
  713.     padding: 5px;
  714.     position: relative;
  715.     width: 60px;
  716. }
  717.  
  718. .commentbox {
  719.     color: #000;
  720.     font-family: 'Open Sans', sans-serif;
  721.     font-size: 9px;
  722.     font-weight: 400;
  723.     margin: 5px 0;
  724.     text-align: justify;
  725. }
  726.  
  727. .commentboxpartial {
  728.     border-bottom: 1px solid #f0f0f0;
  729.     padding: 10px;
  730. }
  731.  
  732. .comment-links > div {
  733.     margin-top: 5px;
  734.     padding: 0 !important;
  735. }
  736.  
  737. .replytoposter {
  738.     margin-top: 5px;
  739.     padding: 0 !important;
  740. }
  741.  
  742. #footer.box {
  743.     margin-top: 10px;
  744. }
  745.  
  746. #subject.textbox.textbox-subject {
  747.     border: 1px solid #f0f0f0;
  748.     margin-right: 5px;
  749.     width: 85% !important;
  750. }
  751.  
  752. .textbox {
  753.     border: 1px solid #f0f0f0;
  754.     margin-right: 10px;
  755.     width: 95% !important;
  756. }
  757.  
  758. .commentform {
  759.     margin: 15px 0 0;
  760. }
  761.  
  762. .box {
  763.     color: #000;
  764.     font-size: 9px;
  765.     font-weight: 400;
  766. }
  767.  
  768. input,
  769. textarea,
  770. select {
  771.     border: 1px solid #f0f0f0;
  772.     color: #000;
  773.     font-family: 'Courier New', monospace;
  774.     font-size: 8pt;
  775.     padding: 3px;
  776. }
  777.  
  778. #submitpost.commentform-button-submit,
  779. #submitmoreopts.commentform-button-opts,
  780. #postform-submit-comment-button.commentform-button-submit,
  781. .commentform-button.commentform-button-preview,
  782. .b-postform-quote {
  783.     background-color: #fff;
  784.     border: 1px solid #f0f0f0;
  785.     color: #000;
  786.     font-family: 'Open Sans', sans-serif;
  787.     font-size: 10px;
  788.     font-weight: 700;
  789.     padding: 2px;
  790. }
  791.  
  792. .commentform-title.commentform-login-title,
  793. .commentform-title.commentform-subject-title,
  794. .commentform-title.commentform-msg-title {
  795.     font-size: 10px;
  796.     font-weight: 700;
  797. }
  798.  
  799. .commentform-alert-wrapper {
  800.     font-size: 8pt;
  801. }
  802.  
  803. .commentform-login-picture {
  804.     font-size: 9px;
  805. }
  806.  
  807. .commentform-spellcheck {
  808.     font-size: 10px;
  809. }
  810.  
  811. /* [ ARCHIVE PAGE ]
  812.    ----------------------------------- */
  813.  
  814. .year {
  815.     font-size: 9px;
  816.     margin: 0;
  817.     padding: 0 0 20px;
  818.     text-align: center;
  819. }
  820.  
  821. .year li {
  822.     display: inline-block;
  823.     margin: 0 3px;
  824. }
  825.  
  826. .yeartable {
  827.     margin: 0 0 20px;
  828.     text-align: center;
  829. }
  830.  
  831. .yeartable:last-of-type {
  832.     margin: 0;
  833. }
  834.  
  835. .yeartable ~ br {
  836.     display: none;
  837. }
  838.  
  839. .yeartable .yeardate,
  840. .yeartable .yearday {
  841.     border: 1px solid #f0f0f0;
  842.     text-align: center;
  843. }
  844.  
  845. .yeartable .yeardate {
  846.     padding: 15px 8px 0;
  847. }
  848.  
  849. .yeartable div {
  850.     text-align: center !important;
  851. }
  852.  
  853. .yeartable .yearday {
  854.     background-color: #000;
  855.     border: none;
  856.     color: #fff;
  857.     font-family: 'Open Sans', sans-serif;
  858.     font-size: 10px;
  859.     font-weight: 400;
  860.     padding: 9px;
  861.     text-align: center;
  862.     text-transform: uppercase;
  863. }
  864.  
  865. .yearmonth {
  866.     font-family: 'Montserrat', sans-serif;
  867.     font-size: 10px;
  868.     font-weight: 700;
  869.     letter-spacing: 2px;
  870.     text-transform: uppercase;
  871.     vertical-align: bottom;
  872. }
  873.  
  874. .yearmonth a {
  875.     font-size: 9px;
  876.     font-weight: 400;
  877.     letter-spacing: 0;
  878.     text-transform: none;
  879. }
  880.  
  881. .entry dd {
  882.     border-bottom: 1px solid #f0f0f0;
  883.     margin-bottom: 10px;
  884.     padding: 5px 0;
  885. }
  886.  
  887. .entry dl dt a,
  888. .entry dl dt a:hover {
  889.     font-family: 'Montserrat', sans-serif;
  890.     font-size: 10px;
  891.     font-weight: 700;
  892.     letter-spacing: 2px;
  893. }
  894.  
  895. /* [ TINY ICONS ]
  896.    ----------------------------------- */
  897.  
  898. .i-ljuser img[src*="img/userinfo.gif"] {
  899.     background: transparent url(http://i.imgur.com/VTomZuh.gif) no-repeat !important;
  900.     height: 0 !important;
  901.     padding: 12px 0 0 11px !important;
  902.     width: 0 !important;
  903. }
  904.  
  905. .i-ljuser img[src*="img/community.gif"] {
  906.     background: transparent url(http://i.imgur.com/egYSa3B.gif) no-repeat 1px 0 !important;
  907.     height: 0 !important;
  908.     padding: 12px 0 0 12px !important;
  909.     width: 0 !important;
  910. }
  911.  
  912. img[src*="img/icon_protected.gif"] {
  913.     background: transparent url(http://i.imgur.com/BxPcfTk.gif) no-repeat 1px 1px !important;
  914.     height: 0 !important;
  915.     padding: 11px 0 0 11px !important;
  916.     width: 0 !important;
  917. }
  918.  
  919. img[src*="icon_private.gif"] {
  920.     background: transparent url(http://i.imgur.com/m910vvm.gif) no-repeat 1px 1px !important;
  921.     height: 0 !important;
  922.     padding: 11px 0 0 10px !important;
  923.     width: 0 !important;
  924. }
  925.  
  926. img[src*="img/icon_sticky.png"] {
  927.     background: transparent url(http://i.imgur.com/ISNKUp3.gif) no-repeat 1px 1px !important;
  928.     height: 0 !important;
  929.     padding: 11px 0 0 10px !important;
  930.     width: 0 !important;
  931. }
  932.  
  933. /* [ MISC ]
  934.    ----------------------------------- */
  935.  
  936. .clear {
  937.     display: none;
  938.     height: 0;
  939. }
  940.  
  941. .clearfoot {
  942.     clear: both;
  943.     height: 0;
  944. }
  945.  
  946. .separator {
  947.     height: 40px;
  948. }
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!