API tools faq
paste
Advertisement
Guest User

The Writer 1.2.5

a guest
Jul 8th, 2016
229
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 31.87 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name: The Writer
  3. Description: A minimal writing theme, built for writers, authors and columnists. Nothing else. Simple.
  4. Design Studio: Obox Design http://www.oboxthemes.com/
  5. Author: Obox Design
  6. Author URI: http://www.oboxthemes.com/
  7. Version: 1.2.5
  8. Theme URI:  http://www.oboxthemes.com/theme/the-writer/
  9. License: 100% GPL http://www.gnu.org/licenses/gpl-2.0.html
  10. Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-colors, featured-images, theme-options, translation-ready
  11. *-----------------------------*
  12. WARNING! DO NOT EDIT THIS FILE!
  13. *-----------------------------*
  14. To make updates to your theme, do not edit the styles in this file. Rather use
  15. the Custom CSS in Theme Options to add your style changes. By copying a style from this
  16. file and pasting it in the Custom CSS area, you will override the style in this file and
  17. avoid losing your changes on Theme Updates.
  18.  
  19. */
  20.  
  21.  
  22. @import url(reset.css);
  23. @import url(social.css);
  24. @import url(clearfix.css);
  25. @import url(editor-style.css);
  26.  
  27. /*-------------------------------------------------------------------------------------------*/
  28. /*- SETUP STD CLASSES -----------------------------------------------------------------------*/
  29. /*-------------------------------------------------------------------------------------------*/
  30. *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  31. body{font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 180%; color: #000; background: #000; overflow-x: hidden; text-rendering: optimizelegibility;}
  32.  
  33. label{display: block; margin: 0; color: #777; text-transform: uppercase; font-size: 12px; letter-spacing: 1px;}
  34. textarea, input{padding: 5px; background: #fff; font-size: 16px; line-height: 180%; font-family: 'Lato', Helvetica, Arial, sans-serif;}
  35. textarea{width: 100%; padding: 5px; border: 1px solid #e0e0e0; -webkit-appearance: none;}
  36. input[type=text], input[type=password], input[type=email]{width: 100%; max-width: 460px; padding: 8px; border: 1px solid #e0e0e0; -webkit-appearance: none; }
  37. input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}
  38.  
  39. input[type=submit], button{padding: 10px 10px; background: #333; border: none; color: #fff; text-transform: uppercase; letter-spacing: 3px; cursor: pointer; -webkit-appearance: none;}
  40. input[type=submit]:hover, button:hover{background: #790101;}
  41.  
  42. a{color: #790101; text-decoration: none; transition: all .20s ease-in-out;}
  43. a:hover{color: #000;}
  44.  
  45. strong{font-weight: 700;}
  46.  
  47. img{max-width: 100%; height: auto;}
  48. iframe, embed, object{max-width: 100%;}
  49.  
  50. .action-link{display: inline-block; padding: 7px 12px; background: #3E7FB0; color: #fff;}
  51. .action-link:hover{background: #173F52;}
  52.  
  53.     /*-------------------------------*/
  54.     /*- LAYOUTS ---------------------*/
  55.     .no_bg{background-image: none;}
  56.     .clearboth{clear: both}
  57.     .floatleft{float: left;}
  58.     .floatright{float: right;}
  59.     .floatright{float:right;}
  60.     .no_display{display: none;}
  61.     .opacity_zero{opacity: 0;}
  62.  
  63. /*-------------------------------*/
  64. /*- DEFAULT WORDPRESS STYLING ---*/
  65. .alignnone {margin: 5px 20px 20px 0;}
  66. .aligncenter, div.aligncenter {display:block; margin: 5px auto 5px auto;}
  67. .alignright {float:right; margin: 5px 0 20px 20px;}
  68. .alignleft {float:left; margin: 5px 20px 20px 0;}
  69. .aligncenter {display: block; margin: 5px auto 5px auto;}
  70.  
  71. a img.alignnone {margin: 5px 20px 20px 0;}
  72. a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
  73.  
  74. pre{}
  75.  
  76. .gallery-item img:hover{}
  77. .gallery-caption{margin-left: 0; font-size: 12px; width: 74%;}
  78.  
  79. small {font-size: 75%;}
  80.  
  81. sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
  82. sup{top: -0.5em;}
  83. sub{bottom: -0.25em;}
  84. table{border-collapse: collapse; border-spacing: 0;}
  85.  
  86. em, i {font-style: italic;}
  87.  
  88. abbr, acronym, dfn {border-bottom: 1px dotted #666;cursor: help;}
  89. address {display: block; margin: 0 0 1.625em;}
  90. cite{text-transform: uppercase; font-size: 0.8em; letter-spacing: 2px;}
  91. ins{text-decoration: none;}
  92. big{}
  93. var{}
  94. .sticky{}
  95. .bypostauthor{}
  96.  
  97. /*-------------------------------------------------------------------------------------------*/
  98. /*- GENERAL LAYOUT --------------------------------------------------------------------------*/
  99. /*-------------------------------------------------------------------------------------------*/
  100. #wrapper{position: relative; z-index: 4; -webkit-transform: translateX(-0px); transform: translateX(-0px); transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; box-shadow: 0 0 10px rgba(0, 0, 0, 1);}
  101. #wrapper.open{-webkit-transform: translateX(-276px); transform: translateX(-276px);}
  102.  
  103. #header-container{padding: 10px 20px; width: 100%; position: fixed; z-index: 6; background: rgba(0, 0, 0, 0.95);}
  104. #header{margin: auto;}
  105.  
  106. #content-container{padding: 46px 0 0; margin: auto; overflow: hidden; background-color: #f0f0f0;}
  107. .single #content-container, .page #content-container{background: #fff;}
  108. #full-width{max-width: 840px;}
  109.  
  110. #sidebar-container{width: 276px; position: fixed; right: 0px; z-index: 3; display: none;}
  111. #sidebar-container.open{display: block;}
  112.  
  113. #footer-container{padding: 10px 20px; background: #fff; border-top: 1px solid #e0e0e0;}
  114. #footer{overflow: hidden;}
  115.  
  116.  
  117. /*-------------------------------------------------------------------------------------------*/
  118. /*- COMMON ELEMENTS -------------------------------------------------------------------------*/
  119. /*-------------------------------------------------------------------------------------------*/
  120.  
  121.     /*----------------------------*/
  122.     /*- TITLE CONTAINER ----------*/
  123.     .title-container{padding: 80px 20px 160px; margin-bottom: 80px; background-color: #e74c3c; text-align: center; position: relative;}
  124.  
  125.         .has-title-background .title-container{margin-bottom: 0; text-shadow: 0px 1px 0px rgb(0, 0, 0);}
  126.         .has-title-background .title-container .title{width: 100%; padding: 0 10px 75px; position: absolute; bottom: 10%; left: 0; background: url(images/layout/read-more.png) no-repeat bottom; cursor: pointer;}
  127.  
  128.         /*------------------------*/
  129.         /*- POST TITLE -----------*/
  130.         .title-container .post-title{max-width: 840px; display: inline-block; color: #790101; font: 400 50px/50px "Gravitas One", Georgia, serif; text-transform: uppercase;}
  131.         .title-container .post-title a{color: #790101;}
  132.         .title-container .post-title a:hover{color: #fff;}
  133.  
  134.         /*------------------------*/
  135.         /*- POST SUB TITLE -------*/
  136.         .title-container .sub-title{max-width: 740px; margin: 20px auto 0; font-size: 20px; line-height: 30px; text-align: center; color: rgba(255, 255, 255, 0.85);}
  137.  
  138.         /*------------------------*/
  139.         /*- POST TITLE - AUTHOR --*/
  140.         .title-container .post-author{margin-top: 20px; font-size: 12px; line-height: 18px; text-transform: uppercase; color: #fff; letter-spacing: 3px; text-align: center;}
  141.         .title-container .post-author a{color: #fff;}
  142.         .title-container .post-author a:hover{text-decoration: underline;}
  143.  
  144.  
  145.     /*----------------------------*/
  146.     /*- CATEGORY TITLE CONTAINER -*/
  147.     .category-title-container{padding: 40px 20px; background-color: #e74c3c;}
  148.  
  149.         /*------------------------*/
  150.         /*- CATEGORY TITLE -------*/
  151.         .category-title{display: inline-block; color: #fff; font-size: 20px; line-height: 20px; letter-spacing: 3px; text-transform: uppercase;}
  152.         .category-title a{color: #fff;}
  153.         .category-title a:hover{color: rgba(255, 255, 255, 0.75);}
  154.  
  155.         /*------------------------*/
  156.         /*- CATEGORY DESCRIPTION -*/
  157.         .category-title-container p{max-width: 840px; margin-top: 10px; font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.75);}
  158.  
  159.  
  160.     /*----------------------------*/
  161.     /*- AUTHOR TITLE CONTAINER ---*/
  162.     .author-title-container{padding: 40px 20px; background-color: #e74c3c;}
  163.  
  164.         /*------------------------*/
  165.         /*- AUTHOR IMAGE ---------*/
  166.         .author-title-container .author-image{float: left; max-width: 100px; margin-right: 30px; overflow: hidden;}
  167.  
  168.         /*------------------------*/
  169.         /*- AUTHOR BODY ----------*/
  170.         .author-title-container .author-body{overflow: hidden; max-width: 840px;}
  171.         .author-title-container .author-body .author-name{color: #fff; font-size: 20px; line-height: 20px; letter-spacing: 3px; text-transform: uppercase;}
  172.         .author-title-container .author-body .author-name a{color: #fff;}
  173.         .author-title-container .author-body .author-name a:hover{color: rgba(255, 255, 255, 0.75);}
  174.         .author-title-container .author-body p{margin-top: 10px; font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.75);}
  175.  
  176.  
  177.     /*----------------------------*/
  178.     /*- SECTION TITLE ------------*/
  179.     .section-title{clear: both; margin-bottom: 20px; font-size: 23px; font-weight: lighter;}
  180.     .section-title-404{max-width: 540px; padding: 40px; margin-bottom: 40px; background: #006699 url(images/layout/sidebar-bg.png) repeat; color: #fff; font-weight: 900; font-size: 40px; line-height: 50px; text-transform: uppercase;}
  181.  
  182.     /*----------------------------*/
  183.     /*- ACTION TITLE -------------*/
  184.     .action-link{padding: 5px 10px; border: 3px solid #f0f0f0; border-radius: 100px; font-weight: bold; font-size: 12px; color: #000; text-transform: uppercase;}
  185.     .action-link:hover{border-color: #000;}
  186.  
  187.  
  188. /*-------------------------------------------------------------------------------------------*/
  189. /*- HEADER ----------------------------------------------------------------------------------*/
  190. /*-------------------------------------------------------------------------------------------*/
  191.  
  192.     /*--------------------------*/
  193.     /*- HEADER ROW -------------*/
  194.     .logo{float: left; color: #fff; font-size: 16px; line-height: 26px; text-transform: uppercase; color: #fff; letter-spacing: 3px;}
  195.     .logo h3{float: left;}
  196.     .logo a{color: #fff;}
  197.     .logo a:hover{color: #ccc;}
  198.     .logo span{color: #595959; font-size: 12px; float: right;}
  199.     .logo .tagline{clear: both; left: 0px; float: left; display: block; padding: 0; margin: 0 0 0; font-size: 10px; color: #777; }
  200.     .logo small{color: #999; float: left; margin-left: 25px; font-size: 16px; line-height: 26px; cursor: pointer;}
  201.  
  202.  
  203.     /*--------------------------*/
  204.     /*- COMPACT MENU ----------*/
  205.     #menu-drop-button{float: right; z-index: 5; display: block; width: 100px; margin: 0; background: url(images/layout/drop-down.png) right no-repeat; font: 400 14px/26px 'Lato', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #999;}
  206.     #menu-drop-button:hover{color: #fff;}
  207.     #menu-drop-button.no-label{width: 55px; height: 25px;}
  208.  
  209.  
  210. /*-------------------------------------------------------------------------------------------*/
  211. /*- BLOG LIST PAGE --------------------------------------------------------------------------*/
  212. /*-------------------------------------------------------------------------------------------*/
  213.  
  214.     /*----------------------------*/
  215.     /*- POST LIST ----------------*/
  216.     .post-list{margin-bottom: 20px; overflow: hidden; position: relative;}
  217.     .post-list .post{float: left; cursor: pointer;}
  218.     .post-list .book-cover{margin: 20px 0 0 20px; min-height: 550px; background: #fff; position: relative; transition: all .20s ease-in-out;}
  219.     .post-list .book-cover .content{word-break: break-word;}
  220.     .post-list .book-cover.has-text-shadow{text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.65);}
  221.  
  222.     .post-list .book-cover .post-image{overflow: hidden; margin: 0; position: relative; overflow: hidden;}
  223.     .post-list .book-cover .post-image img{display: block; transition: all .1s ease-in-out;}
  224.     .post-list .book-cover .post-image img:hover{transform: scale(1.1); -webkit-transform: scale(1.1);}
  225.  
  226.     .archives-container .post-list .post{width: 32.7%;}
  227.  
  228.         /*------------------------*/
  229.         /*- BOOK CONTENT ---------*/
  230.         .post-list .book-cover .content{padding: 0 30px; position: absolute; bottom: 60px;}
  231.  
  232.         .post-list .book-cover .post-author{display: inline-block; padding: 0 0 5px; margin: 30px 30px; border-bottom: 2px solid rgba(0, 0, 0, 0.2); font-size: 10px; line-height: 15px; text-transform: uppercase; color: rgba(0, 0, 0, 0.65); letter-spacing: 3px; text-align: left; transition: all .20s ease-in-out;}
  233.         .post-list .book-cover .post-author a{color: rgba(0, 0, 0, 0.40);}
  234.  
  235.         .post-list .book-cover .post-title{padding: 0; font: 400 36px/40px "Gravitas One", Georgia, serif; text-transform: uppercase;}
  236.         .post-list .book-cover .post-title a{color: #595959;}
  237.  
  238.         .post-list .book-cover .excerpt{margin: 30px 0 0; color: rgba(0, 0, 0, 0.40); font-size: 16px; line-height: 26px;}
  239.         .post-list .book-cover.has-cover-background .excerpt{color: rgba(255, 255, 255, 0.80);}
  240.  
  241.         .post-list .book-cover .list-meta{width: 100%; padding: 10px 30px; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.2); font-size: 10px; line-height: 10px; text-transform: uppercase; color: rgba(255, 255, 255, 0.8); letter-spacing: 3px;}
  242.  
  243.  
  244.     /*------------------------------*/
  245.     /*- PAGINATION -----------------*/
  246.     .pagination{max-width: 120px; margin: 60px auto 0; padding: 0; overflow: hidden; text-align: center;}
  247.     .pagination li{display: inline;}
  248.     .pagination a{display: inline-block; padding: 10px 20px; background: #fff; font-weight: 900; font-size: 16px; color: #000;}
  249.     .pagination a:hover{background: #333; color: #fff;}
  250.     .pagination span{font-size: italic; text-align: center;}
  251.     .page-count{display: block; max-width: 120px; margin: 10px auto 60px; padding: 0; text-transform: uppercase; color: #999; letter-spacing: 3px; font-size: 12px; line-height: 18px; text-align: center;}
  252.  
  253.         /*------------------------------*/
  254.         /*- INFINITE SCROLL --------------*/
  255.         .infinite-scroll .pagination , .infinite-scroll .page-count{ display: none;}
  256.         #infinite-handle{bottom: -60px; left: 0; position: absolute; max-width: 100%; width: 100%;}
  257.         .infinite-scroll .post-list { margin-bottom: 100px; overflow: visible; }
  258.         #infinite-handle span{background: #FFF; color: #333; display: block; width: 280px; margin: 0 auto;}
  259.         #infinite-handle span button{width: 100%; text-align: center;}
  260.        
  261.  
  262. /*-------------------------------------------------------------------------------------------*/
  263. /*- BLOG SINGE PAGE -------------------------------------------------------------------------*/
  264. /*-------------------------------------------------------------------------------------------*/
  265.  
  266.  
  267.     /*----------------------------*/
  268.     /*- COPY BLOCK ---------------*/
  269.     .copy{max-width: 840px; padding: 40px; margin: -180px auto 0; background: #fff; z-index: 2; position: relative; font: 20px/32px Georgia, "Times New Roman", Times, serif; text-align: justify;}
  270.  
  271.         .has-title-background .copy{margin: 0 auto;}
  272.         .full-width .copy{max-width: 96%;}
  273.  
  274.     .copy p{margin: 0 auto 35px;}
  275.     .copy ul{list-style: disc; margin: 0 0 40px 35px;}
  276.     .copy ol{list-style: decimal; margin: 0 0 40px 35px;}
  277.     .copy ul ul, .copy ul ol, .copy ol ol, .copy ol ul{margin-bottom: 0;}
  278.     .copy li{margin: 0 0 6px;}
  279.  
  280.     .copy a{border-bottom: 1px solid #e0e0e0;}
  281.     .copy a:hover{border-color: #999;}
  282.  
  283.     .copy .feature-list{list-style: none; margin-left: 15px;}
  284.  
  285.     .copy dl{margin: 0 0 36px;}
  286.     .copy dd{margin-left: 36px;}
  287.  
  288.     .copy div{margin-bottom: 35px;}
  289.  
  290.     .copy code, .copy pre{padding: 7px; margin: 0 0 40px 0; background-color: #f0f0f0; border: 1px solid #dadada; overflow-x: auto; overflow-y: auto; white-space: pre-wrap; word-wrap: break-word; text-indent: 0; font-family: 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.3em; color: #000; orphans: 2; text-transform: none; widows: 2;}
  291.     .copy img{display: block; max-width: 100%; height: auto;}
  292.  
  293.     .copy h1{clear: both; margin-bottom: 25px; font-weight: bold; font-size: 26px;}
  294.     .copy h2{clear: both; margin-bottom: 25px; font-weight: bold; font-size: 22px;}
  295.     .copy h3{clear: both; margin-bottom: 25px; font-weight: bold; font-size: 20px;}
  296.     .copy h4{clear: both; margin-bottom: 25px; font-weight: bold; font-size: 16px;}
  297.     .copy h5{clear: both; display: inline-block; margin-bottom: 25px; border-bottom: 2px solid #777; font-weight: bold; font: 400 12px/18px 'Lato', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #777;}
  298.     .copy h6{clear: both; margin-bottom: 25px; font-weight: bold; font-size: 12px;}
  299.  
  300.     .copy table{width: 100%; margin-bottom: 35px; background: #f5f5f5; color: #000; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 16px;}
  301.     .copy table th{padding: 5px 10px; border-bottom: 2px solid #ccc; text-transform: uppercase;}
  302.     .copy table td{padding: 5px 10px; border-bottom: 1px solid #e0e0e0;}
  303.     .copy table a{border: none;}
  304.  
  305.     .copy blockquote{padding-left: 20px; margin-bottom: 40px; border-left: 5px solid #eee; color: #777;}
  306.     .copy blockquote p:last-child{margin-bottom: 0;}
  307.     .copy blockquote.alignright{float: right; max-width: 300px; margin: 0px -60px 20px 60px;}
  308.     .copy blockquote.alignleft{float: left; max-width: 300px; margin: 0px 60px 20px -60px;}
  309.  
  310.     .wp-caption{max-width: 100%; padding: 10px; background: #f0f0f0; text-align: center;}
  311.     .wp-caption.alignright, .copy img.alignright{float: right; max-width: 320px; margin: -10px -170px 10px 20px;}
  312.     .wp-caption.alignleft{float: left; max-width: 320px; margin: 0 20px 10px 0;}
  313.     .wp-caption p.wp-caption-text{padding: 10px 5px 5px; margin: 0; color: #777; font: 400 12px/18px 'Lato', Helvetica, Arial, sans-serif; text-transform: uppercase;}
  314.     .wp-caption.alignnone {margin: 5px 20px 20px 0;}
  315.  
  316.     /*------------------------------*/
  317.     /*- WP GALLERIES ---------------*/
  318.     .gallery{clear: both;}
  319.     .gallery .gallery-item{position: relative; float: left; padding: 10px; margin: 0 1% 1% 0; background: #f0f0f0; text-align: center; overflow: hidden;}
  320.     .gallery .gallery-item img{max-width: 100%; margin: auto;}
  321.     .gallery-columns-9 .gallery-item{width: 32%;}
  322.     .gallery-columns-8 .gallery-item{width: 11.5%; padding: 5px;}
  323.     .gallery-columns-7 .gallery-item{width: 13.2%; padding: 5px;}
  324.     .gallery-columns-6 .gallery-item{width: 15%;}
  325.     .gallery-columns-5 .gallery-item{width: 19%;}
  326.     .gallery-columns-4 .gallery-item{width: 24%;}
  327.     .gallery-columns-3 .gallery-item{width: 32%;}
  328.     .gallery-columns-2 .gallery-item{width: 49%;}
  329.  
  330.         /* A gallery image caption */
  331.         .gallery .gallery-caption{display: block; width: 100%; padding: 5px 5px 10px; margin: 0; background: rgba(255, 255, 255, 0.95); opacity: 0; position: absolute; bottom: -5px; left: 0; color: #777; font-size: 14px; line-height: 24px; transition: all 0.2s ease-in-out;}
  332.         .gallery-item:hover .gallery-caption{opacity: 1; bottom: 0;}
  333.  
  334.         /* Definition lists elements */
  335.         .gallery dl, .gallery dt{}
  336.  
  337.         /* Pick the second line break if two line breaks are adjacent */
  338.         .gallery br+br{}
  339.  
  340.  
  341.     /*----------------------------*/
  342.     /*- POST PAGE META -----------*/
  343.     .copy .post-meta:empty{display: none;}
  344.     .copy .post-meta{margin: 50px 0 0; clear: both;}
  345.  
  346.         /*------------------------*/
  347.         /*- POST DATE ------------*/
  348.         .copy .post-date{margin: 0; padding: 0; border: none; font: 400 12px/18px 'Lato', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #999; letter-spacing: 3px;}
  349.         .copy .share-button{display: block; float: right; height: 28px; line-height: normal; margin: -5px 0 0;}
  350.         .copy .share-button ul li{height: 46px;}
  351.  
  352.         /*------------------------*/
  353.         /*- TAGS -----------------*/
  354.         .tags{max-width: 760px; margin: 0 auto 40px; padding: 40px 0 0; border-top: 1px solid #e0e0e0; text-transform: uppercase; font-size: 12px; line-height: 18px; overflow: hidden;}
  355.         .tags li{float: left; margin: 0 1px 1px 0;}
  356.         .tags a{display: inline-block; padding: 4px 10px; background: #f0f0f0; color: #000; font-size: 12px; line-height: 18px;}
  357.         .tags a:hover{background: #333; color: #fff;}
  358.  
  359.  
  360.         /*------------------------*/
  361.         /*- NEXT PREV POST -------*/
  362.         .next-prev-post-nav{max-width: 760px; margin: 0 auto 40px; padding: 40px 0 0; border-top: 1px solid #e0e0e0; overflow: hidden;}
  363.         .next-prev-post-nav small{display: block; margin: 0 0 0; padding: 0; text-transform: uppercase; color: #999; letter-spacing: 3px; font-size: 12px; line-height: 18px;}
  364.         .next-prev-post-nav li{float: left; width: 50%; opacity: 0.6; transition: all .20s ease-in-out;}
  365.         .next-prev-post-nav:hover li{opacity: 1;}
  366.         .next-prev-post-nav li:last-child{margin-bottom: 0; text-align: right;}
  367.         .next-prev-post-nav a{display: block; font-weight: 900; font-size: 16px; color: #000;}
  368.         .next-prev-post-nav a:hover{color: #790101;}
  369.  
  370.         /*------------------------*/
  371.         /*- INNER POST PAGINATION */
  372.         .inner-post-pagination{font: 400 12px/18px 'Lato', Helvetica, Arial, sans-serif; overflow: hidden; text-transform: uppercase;}
  373.         .inner-post-pagination span{float: left; margin-right: 1px; padding: 4px 10px; background: #f0f0f0;}
  374.  
  375.  
  376.     /*------------------------------*/
  377.     /*- AUTHOR BIO -----------------*/
  378.     .author-container{padding: 60px 20px; background: #e74c3c; z-index: 1; position: relative;}
  379.     .author-content{max-width: 760px; margin: auto; overflow: hidden;}
  380.     .author-content .author-image{float: left; max-width: 100px; margin-right: 30px; overflow: hidden;}
  381.     .author-content .author-image img{display: block;}
  382.     .author-content .author-body{overflow: hidden;}
  383.     .author-content .author-name{margin-bottom: 10px; font-size: 20px; line-height: 20px; text-transform: uppercase; color: #fff; letter-spacing: 3px;}
  384.     .author-content .author-name a{color: #fff;}
  385.     .author-content .author-name a:hover{color: #000;}
  386.     .author-content .author-bio{font: 400 16px/26px 'Lato', Helvetica, Arial, sans-serif; color: rgba(255, 255, 255, 0.75);}
  387.  
  388.     /*------------------------------*/
  389.     /*- RELATED POSTS --------------*/
  390.     .related-posts{border-top: 1px solid #ccc;}
  391.     .related-posts-title{margin: 20px 20px 0px; font-size: 12px; line-height: 18px; text-transform: uppercase; letter-spacing: 3px;}
  392.     .related-posts .post-list .post {width: 33%;}
  393.     .related-posts .post-list .book-cover .content {bottom: inherit;padding-top: 480px;position: inherit;}
  394.     .related-posts .post-list .book-cover .content h2{padding: 0 20px;}
  395.  
  396.  
  397. /*-------------------------------------------------------------------------------------------*/
  398. /*- COMMENTS --------------------------------------------------------------------------------*/
  399. /*-------------------------------------------------------------------------------------------*/
  400. #comments{clear: both; background: #f0f0f0; padding: 60px;}
  401. #comments .comments-title{max-width: 760px; margin: auto; margin-bottom: 20px; font-size: 20px; line-height: 30px; text-transform: uppercase; letter-spacing: 3px;}
  402. #comments:empty{display: none;}
  403.  
  404. .commentlist{max-width: 760px; margin: 0 auto 60px;}
  405.  
  406. .comment, .pingback{background: #e5e5e5; color: #595959; padding: 20px; margin: 0 0 5px; position: relative;}
  407. .comment:last-child{border: none;}
  408.  
  409. .commentlist .avatar{float: left; max-width: 60px; margin-right: 15px;}
  410. .commentlist .fn{display: block; padding: 0; margin: 0; color: #000; font-size: 16px; line-height: 26px;}
  411. .commentlist .fn a{color: #000;}
  412. .commentlist .fn a:hover{color: #790101;}
  413. .commentlist .date{display: block; margin-bottom: 5px; color: #999; font-size: 10px; text-transform: uppercase;}
  414.  
  415. .comment-meta{overflow: hidden;}
  416. .comment-meta p{margin-bottom: 26px;}
  417. .comment-meta p:last-of-type{margin-bottom: 0;}
  418. .comment .comment-edit-link{display: block; font-size: 10px; text-transform: uppercase;}
  419. .comment .reply a{padding: 0 5px; background: #f0f0f0; color: #000; position: absolute; top: 0; right: 0; font-size: 10px; text-transform: uppercase;}
  420. .comment .reply a:hover{background: #000; color: #fff;}
  421. #cancel-comment-reply-link { padding: 0 5px; background: #f0f0f0; position: absolute; right: 0; font-size: 10px; text-transform: uppercase; }
  422.  
  423.     /*-----------------------------*/
  424.     /*- THREADED COMMENTS ---------*/
  425.     .commentlist .children{margin-left: 75px; position: relative;}
  426.     .commentlist .children .comment{border-top: 2px solid #d3d3d3;}
  427.     .commentlist .children .comment-author{width: 40px;}
  428.  
  429.     /*-----------------------------*/
  430.     /*- COMMENT FORM --------------*/
  431.     .nocomments{padding: 5px 10px; background: #790101; color: #fff; text-align: center;}
  432.  
  433.     #respond{max-width: 760px; margin: auto;}
  434.     #respond #reply-title{margin-bottom: 5px; font-size: 20px; line-height: 30px; text-transform: uppercase; letter-spacing: 3px;}
  435.     #respond .comment-notes, #respond .logged-in-as{margin-bottom: 20px; color: #999; font-size: 14px;}
  436.     #respond .logged-in-as a{color: #999;}
  437.     #respond .logged-in-as a:hover{color: #777;}
  438.  
  439.     #respond .required{color: #34495E;}
  440.     #respond p{margin-bottom: 15px;}
  441.     #respond .form-submit{margin: 0;}
  442.     #respond label{color: #333;}
  443.     #respond .form-allowed-tags{margin-bottom: 20px; color: #777; font-size: 12px; line-height: 22px;}
  444.     #respond .form-allowed-tags code{display: block; font-family: "Courier New", Courier, monospace; font-size: 12px; line-height: 22px;}
  445.  
  446.     /*------------------------*/
  447.     /*- COMMENT PAGINATION --*/
  448.     .navigation{max-width: 760px; margin: -30px auto 40px; overflow: hidden;}
  449.  
  450.     .navigation .nav-previous, .navigation .nav-next{float: left; width: 50%; display: block; margin: 0 0 0; padding: 0; text-transform: uppercase; color: #999; letter-spacing: 3px; font-size: 12px; line-height: 18px;}
  451.     .navigation .nav-next{float: right; text-align: right;}
  452.  
  453.  
  454.     /*-----------------------------*/
  455.     /*- DISQUS FORM ---------------*/
  456.     #disqus_thread{max-width: 760px; margin: auto; margin-bottom: 20px; font-size: 20px; line-height: 30px; text-transform: uppercase; letter-spacing: 3px;}
  457.  
  458.  
  459. /*-------------------------------------------------------------------------------------------*/
  460. /*- ARCHIVES --------------------------------------------------------------------------------*/
  461. /*-------------------------------------------------------------------------------------------*/
  462. .archives_list li{padding: 20px 0; margin: 0; border-bottom: 1px dotted #ccc; overflow: hidden;}
  463. .archives_list .archive-post-image{float: left; width: 100px; max-height: 100px; margin-right: 20px; position: relative; }
  464. .archives_list .archive-post-image a{display: block; width: 100px; max-height: 100px; overflow: hidden; border-radius: 3px;}
  465. .archives_list .archive-post-image img{display: block; position: relative; width: 100px; height: auto;}
  466.  
  467. .archives_list .date{background: none; text-align: left; margin: 0; font-size: 12px;}
  468. .archives_list .post-title{font-size: 20px; margin-bottom: 15px;}
  469. .archives_list .comment-count{font-weight: lighter; font-size: 12px; font-weight: 600;}
  470. .archives_list .label{float: right; display: inline-block;}
  471.  
  472. .archives_list li:first-child{padding-top: 0;}
  473.  
  474.  
  475. /*-------------------------------------------------------------------------------------------*/
  476. /*- SIDEBAR ---------------------------------------------------------------------------------*/
  477. /*-------------------------------------------------------------------------------------------*/
  478.  
  479.     /*----------------------*/
  480.     /*- SIDEBAR STYLING ----*/
  481.     #sidebar-container{font: 400 14px/24px 'Lato', Helvetica, Arial, sans-serif; color: #888;}
  482.     #sidebar-container a{color: #888;}
  483.     #sidebar-container a:hover{color: #fff;}
  484.  
  485.     /*----------------------*/
  486.     /*- EXPANDED MENU -----*/
  487.     ul#nav.expanded{float: right; padding: 0px;}
  488.     ul#nav.expanded li{float: left; margin-left: 30px;}
  489.     ul#nav.expanded li a{padding: 3px 0px; color: #999;}
  490.     ul#nav.expanded li a:hover{color: #fff; }
  491.  
  492.     /*----------------------*/
  493.     /*- NAV OPTIONS ---------*/
  494.     .sidebar-content.expanded #nav{display: none;}
  495.     .compact #nav.expanded{display: none;}
  496.  
  497.     /*----------------------*/
  498.     /*- NAVIGATION ---------*/
  499.     ul#nav{position: relative; padding: 15px 20px 50px; text-transform: uppercase;}
  500.     ul#nav li{font: 400 14px/20px 'Lato', Helvetica, Arial, sans-serif;}
  501.     ul#nav li a{display: block; padding: 5px 0;}
  502.  
  503.         /*----------------------*/
  504.         /*- SUB MENU -----------*/
  505.         ul#nav ul.sub-menu, ul#nav .children{display: block; padding: 10px; background-color: #000; position: absolute; width: 180px;}
  506.         ul#nav ul.sub-menu li a, ul#nav .children li a{color: #777;}
  507.         ul#nav ul.sub-menu li a:hover, ul#nav .children li a:hover{color: #fff;}
  508.         ul#nav ul.sub-menu li, ul#nav .children li {margin-left: 0;}
  509.  
  510.  
  511.  
  512.     /*----------------------*/
  513.     /*- WIDGETS ------------*/
  514.     #sidebar-container .widget{padding: 20px 20px 50px;}
  515.     #sidebar-container .widget li{margin-bottom: 5px;}
  516.     #sidebar-container .widget li:last-child{margin-bottom: 0;}
  517.  
  518.  
  519.     /*--------------------------*/
  520.     /*- WIDGET TITLE -----------*/
  521.     .widgettitle{padding: 3px 20px; margin: -20px -20px 10px; font: 400 11px/20px 'Lato', Helvetica, Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; color: #ccc;}
  522.     .widgettitle a{color: #999;}
  523.     .widgettitle a:hover{color: #fff;}
  524.  
  525.     /*-------------------------------------------*/
  526.     /*- CONTENT WIDGET  -------------------------*/
  527.     .content-widget ul{display: block; padding: 2.0408%; clear: both; border-width: 0 1px 1px 1px;}
  528.     .content-widget li a.read-on{float: right; margin: 0 0 0 0;}
  529.     .content-widget li .copy{padding-bottom: 10px;}
  530.     .content-widget li .copy p{margin: 0;}
  531.     .content-widget li img{display: block; width: 100%; height: auto;}
  532.     .content-widget li .post-title{margin: 0;; font-size: 18px; font-weight: bold;}
  533.     .content-widget li .post-image{margin-bottom: 15px;}
  534.  
  535.     /*--------------------------*/
  536.     /*- SEARCH -----------------*/
  537.     #searchform{overflow: hidden;}
  538.     #searchform label{display: none;}
  539.     #searchform input[type=text]{float: left; width: 70%; height: 30px; padding: 5px; font-size: 12px; background: #444; color: #fff; border: none;}
  540.     #searchform input[type=submit]{float: right; width: 30%; height: 30px; padding: 0px 10px; background: #e74c3c; border-right: none; text-align: center; color: #fff; font-size: 11px;}
  541.     #searchform input[type=submit]:hover{background: #790101; color: #fff; cursor: pointer;}
  542.     #archives .searchform{margin-bottom: 20px;}
  543.  
  544.     /*--------------------------*/
  545.     /*- RECENT COMMENTS --------*/
  546.     a.widget-comment{font-style: italic !important; display: block; font-size: 11px;}
  547.  
  548.  
  549.     /*--------------------------*/
  550.     /*- POPULAR POSTS ----------*/
  551.     .popular_posts p{font-size: 10px; font-style: italic;}
  552.     .popular_posts a{font-weight: 400;}
  553.     .widget_popular_posts li a{display: block;}
  554.  
  555.  
  556.     /*--------------------------*/
  557.     /*- TWITTER ----------------*/
  558.     .twitter-timeline{max-width: 100%;}
  559.  
  560.  
  561. /*-------------------------------------------------------------------------------------------*/
  562. /*- FOOTER ----------------------------------------------------------------------------------*/
  563. /*-------------------------------------------------------------------------------------------*/
  564.  
  565.     /*--------------------------*/
  566.     /*- FOOTER TEXT ------------*/
  567.     .footer-text{color: #777; font-size: 10px; line-height: 18px; letter-spacing: 1px; overflow: hidden; text-align: center;}
  568.     .footer-text a{color: #595959;}
  569.     .footer-text a:hover{color: #000;}
  570.     .copyright{display: block; text-transform: uppercase; }
  571.     .obox-credit{display: block;}
  572.  
  573.  
  574.  
  575. /*-------------------------------------------------------------------------------------------*/
  576. /*- NANO SCROLLER ---------------------------------------------------------------------------*/
  577. /*-------------------------------------------------------------------------------------------*/
  578.  
  579. .nano {     position: relative;  width: 100%; height: 100%; overflow: hidden; }
  580. .nano .sidebar-content { position: absolute; overflow: scroll; overflow-x: hidden; top: 0; right: 0; bottom: 0; left: 0; }
  581. .nano .sidebar-content:focus { outline: thin dotted; }
  582. .nano .sidebar-content::-webkit-scrollbar { visibility: hidden; }
  583. .has-scrollbar .sidebar-content::-webkit-scrollbar { visibility: visible; }
  584. .nano > .pane { background: rgba(0,0,0,.25); position: absolute; width: 10px; right: 0; top: 0; bottom: 0; visibility: hidden\9; /* Target only IE7 and IE8 with this hack */ opacity: .01; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
  585. .nano > .pane > .slider { background: #444; background: rgba(0,0,0,.5); position: relative; margin: 0 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
  586. .nano:hover > .pane, .pane.active, .pane.flashed { visibility: visible\9; /* Target only IE7 and IE8 with this hack */ opacity: 0.99; }
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!