API tools faq
paste
Advertisement
Codesbyneen

013. Layout - Rise Above I.

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