API tools faq
paste
Advertisement
Codesbyneen

004. Layout - イチバン IV.

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