API tools faq
paste
Advertisement
Codesbyneen

010. Layout - Lost in Translation II.

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