API tools faq
paste
Advertisement
Konark

style.css

Konark
Jul 28th, 2019
128
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 28.90 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name: Basic
  3. Theme URI: http://themify.me/themes/basic
  4. Version: 1.5.2
  5. Description: Created by <a href="http://www.themify.me">Themify</a>.
  6. Author: Themify
  7. Author URI: http://www.themify.me
  8. License: GNU General Public License v2.0
  9. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  10. Copyright: (c) 2015 Themify.
  11. Tags: featured-images, translation-ready, custom-menu
  12.  
  13. ---------
  14.  
  15. DO NOT EDIT THIS FILE.
  16.  
  17. If you need to overwrite the CSS styling, create a new custom_style.css
  18. in the theme folder and it will automatically load in the <head>.
  19. */
  20.  
  21. /************************************************************************************
  22. RESET
  23. *************************************************************************************/
  24. html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
  25. dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
  26. a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
  27. strong, sub, sup, tt, var, legend, fieldset, figure {
  28.     margin: 0;
  29.     padding: 0;
  30. }
  31.  
  32. img, fieldset {
  33.     border: 0;
  34. }
  35.  
  36. /* set img max-width */
  37. img {
  38.     max-width: 100%;
  39.     height: auto;
  40.     -moz-box-sizing: border-box;
  41.     box-sizing: border-box;
  42. }
  43. /* ie 8 img max-width */
  44. @media \0screen {
  45.     img { width: auto;}
  46. }
  47.  
  48. /* set html5 elements to block */
  49. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  50.     display: block;
  51. }
  52.  
  53. /* audio */
  54. audio {
  55.     max-width: 100%;
  56. }
  57.  
  58. /* iframes and objects max-width */
  59. iframe, object {
  60.     max-width: 100%;
  61. }
  62.  
  63. /************************************************************************************
  64. GENERAL STYLING
  65. *************************************************************************************/
  66. html {
  67.     -webkit-font-smoothing: antialiased;
  68. }
  69. body {
  70.     font: .81em/150% Arial, Helvetica, sans-serif;
  71.     word-wrap: break-word;
  72.     background-color: #fff;
  73.     color: #666;
  74. }
  75. a {
  76.     color: #1f7bb6;
  77.     text-decoration: none;
  78.     outline: none;
  79. }
  80. a:hover {
  81.     text-decoration: underline;
  82. }
  83. p {
  84.     margin: 0 0 1.2em;
  85.     padding: 0;
  86. }
  87. small {
  88.     font-size: 87%;
  89. }
  90. blockquote {
  91.     font: italic 110%/130% "Times New Roman", Times, serif;
  92.     padding: 8px 30px 15px;
  93. }
  94.  
  95. /* LIST
  96. ================================================ */
  97. ul, ol {
  98.     margin: 1em 0 1.4em 24px;
  99.     padding: 0;
  100.     line-height: 140%;
  101. }
  102. li {
  103.     margin: 0 0 .5em 0;
  104.     padding: 0;
  105. }
  106.  
  107. /* HEADINGS
  108. ================================================ */
  109. h1, h2, h3, h4, h5, h6 {
  110.     line-height: 1.4em;
  111.     margin: 20px 0 .4em;
  112. }
  113. h1 {
  114.     font-size: 2em;
  115. }
  116. h2 {
  117.     font-size: 1.8em;
  118. }
  119. h3 {
  120.     font-size: 1.6em;
  121. }
  122. h4 {
  123.     font-size: 1.4em;
  124. }
  125. h5 {
  126.     font-size: 1.2em;
  127. }
  128. h6 {
  129.     font-size: 1em;
  130. }
  131.  
  132. /* FORM
  133. ================================================ */
  134. /* form input */
  135. input, textarea, select, input[type=search], button {
  136.     font-size: 100%;
  137.     font-family: inherit;
  138. }
  139. textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url] {
  140.     background: #f3f3f3;
  141.     border: solid 1px #ddd;
  142.     padding: 6px 10px;
  143.     border-radius: 5px;
  144.     -webkit-appearance: none;
  145. }
  146. input[type=text], input[type=search], input[type=email], input[type=url] {
  147.     width: 240px;
  148.     max-width: 90%;
  149. }
  150.  
  151. /* text area */
  152. textarea {
  153.     line-height: 150%;
  154.     width: 94%;
  155. }
  156.  
  157. /* form input:focus */
  158. textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus {
  159.     outline: none;
  160.     background: #f9f9f9;
  161. }
  162.  
  163. /* form button */
  164. input[type=reset], input[type=submit], button {
  165.     background: #333;
  166.     color: #fff;
  167.     border: none;
  168.     padding: 7px 20px;
  169.     cursor: pointer;
  170.     border-radius: 5px;
  171. }
  172.  
  173. /* form button:hover */
  174. input[type=reset]:hover, input[type=submit]:hover, button:hover {
  175.     background: #000;
  176.     color: #fff;
  177. }
  178.  
  179. /************************************************************************************
  180. STRUCTURE
  181. *************************************************************************************/
  182. #pagewrap, .pagewidth, #headerwrap, #header, #main-nav, #body, #layout, #content, .post, .author-box, .post-nav, .pagenav, #sidebar, .widget, #footerwrap, #footer {
  183.     -moz-box-sizing: border-box;
  184.     box-sizing: border-box;
  185. }
  186.  
  187. /* main page width */
  188. .pagewidth {
  189.     width: 978px;
  190.     margin: 0 auto;
  191. }
  192.  
  193. /* body (middle container) */
  194. #body {
  195.     margin: 0 auto;
  196.     max-width: 100%;
  197. }
  198.  
  199. /* content */
  200. #content {
  201.     width: 68%;
  202.     float: left;
  203.     padding: 5% 0 3%;
  204. }
  205.  
  206. /* sidebar */
  207. #sidebar {
  208.     width: 26.5%;
  209.     float: right;
  210.     padding: 5% 0 3%;
  211. }
  212.  
  213. /* sidebar left */
  214. .sidebar-left #content {
  215.     float: right;
  216. }
  217. .sidebar-left #sidebar {
  218.     float: left;
  219. }
  220.  
  221. /* sidebar none */
  222. .sidebar-none #content {
  223.     width: 100%;
  224.     float: none;
  225. }
  226.  
  227. /* fullwidth content */
  228. .full_width #layout {
  229.     width: 100%;
  230. }
  231. .full_width #content {
  232.     padding: 0;
  233.     width: auto;
  234.     float: none;
  235. }
  236. .full_width #sidebar {
  237.     width: auto;
  238.     float: none;
  239. }
  240.  
  241. /************************************************************************************
  242. GRID
  243. *************************************************************************************/
  244. .col4-1,
  245. .col4-2,
  246. .col4-3,
  247. .col3-1,
  248. .col3-2,
  249. .col2-1
  250. {
  251.     margin-left: 3.2%;
  252.     float: left;
  253. }
  254. .col4-1 {
  255.     width: 22.6%;
  256. }
  257. .col4-2, .col2-1 {
  258.     width: 48.4%;
  259. }
  260. .col4-3 {
  261.     width: 74.2%;
  262. }
  263. .col3-1 {
  264.     width: 31.2%;
  265. }
  266. .col3-2 {
  267.     width: 65.6%;
  268. }
  269. .col.first,
  270. .col4-1.first,
  271. .col4-2.first,
  272. .col4-3.first,
  273. .col3-1.first,
  274. .col3-2.first,
  275. .col2-1.first
  276. {
  277.     margin-left: 0;
  278.     clear: left;
  279. }
  280.  
  281. /************************************************************************************
  282. HEADER
  283. *************************************************************************************/
  284. #header {
  285.     position: relative;
  286.     height: 170px;
  287.     border-bottom: solid 1px #ccc;
  288. }
  289.  
  290. /*
  291. SITE LOGO
  292. ================================================ */
  293. #site-logo {
  294.     position: absolute;
  295.     top: 20px;
  296.     font-size: 36px;
  297.     font-weight: bold;
  298.     line-height: 1.4em;
  299.     margin: 0;
  300. }
  301. #site-logo a {
  302.     text-decoration: none;
  303. }
  304. #site-logo a:hover {
  305.     text-decoration: none;
  306. }
  307.  
  308. /*
  309. SITE DESCRIPTION
  310. ================================================ */
  311. #site-description {
  312.     position: absolute;
  313.     top: 75px;
  314.     font-size: 12px;
  315.     font-weight: normal;
  316.     line-height: 100%;
  317.     margin: 0;
  318. }
  319.  
  320. /*
  321. SOCIAL WIDGET
  322. ================================================ */
  323. .social-widget {
  324.     float: right;
  325.     position: absolute;
  326.     bottom: 10px;
  327.     right: 0;
  328. }
  329. .social-widget a {
  330.     text-decoration: none;
  331. }
  332. .social-widget a:hover {
  333.     text-decoration: none;
  334. }
  335. .social-widget .widget {
  336.     display: inline-block;
  337.     zoom:1;
  338.     *display:inline;
  339.     margin: 0 2px 0 0;
  340. }
  341. .social-widget .widget div {
  342.     display: inline;
  343. }
  344. .social-widget .widgettitle {
  345.     width: auto;
  346.     font-weight: bold;
  347.     font-size: 100%;
  348.     text-transform: none;
  349.     border: none;
  350.     letter-spacing: 0;
  351.     position: static;
  352.     display: inline-block;
  353.     zoom:1;
  354.     *display:inline;
  355.     margin: 5px 8px 2px 0;
  356.     padding: 0;
  357.     background: transparent;
  358.     box-shadow: none;
  359. }
  360. .social-widget ul {
  361.     margin: 6px 0 0 !important;
  362.     padding: 0;
  363.     display: inline;
  364. }
  365. .social-widget ul li {
  366.     padding: 0 2px 5px 0;
  367.     margin: 0;
  368.     display: inline-block;
  369.     zoom:1;
  370.     *display:inline;
  371.     border: none !important;
  372.     clear: none;
  373.     line-height: 100%;
  374. }
  375. .social-widget li img {
  376.     vertical-align: middle;
  377.     margin-top: -5px;
  378. }
  379.  
  380. /*
  381. RSS
  382. ================================================ */
  383. .social-widget div.rss {
  384.     display: inline;
  385. }
  386. .social-widget div.rss a {
  387.     background: url(images/rss.png) no-repeat left center;
  388.     padding: 3px 0 2px 30px;
  389.     display: inline-block;
  390.     zoom:1;
  391.     *display:inline;
  392. }
  393.  
  394. /*
  395. SEARCH FORM
  396. ================================================ */
  397. #header #searchform {
  398.     position: absolute;
  399.     right: 0;
  400.     top: 40px;
  401.     width: 160px;
  402. }
  403. #header #searchform #s {
  404.     width: 100px;
  405.     color: #a5a099;
  406.     background: #eee url(images/search.png) no-repeat 8px center;
  407.     border: solid 1px #ddd;
  408.     padding-left: 28px;
  409.     float: right;
  410.     border-radius: 3px;
  411.     transition: width .7s;
  412. }
  413. #header #searchform #s:focus {
  414.     width: 140px;
  415.     color: #333;
  416. }
  417.  
  418. /*
  419. MAIN NAVIGATION
  420. ================================================ */
  421. #main-nav {
  422.     margin: 0;
  423.     padding: 0;
  424.     position: absolute;
  425.     left: 0;
  426.     bottom: 10px;
  427.     z-index: 100;
  428. }
  429. #main-nav li {
  430.     margin: 0;
  431.     padding: 0;
  432.     list-style: none;
  433.     float: left;
  434.     position: relative;
  435. }
  436.  
  437. /* main level link */
  438. #main-nav a {
  439.     display: block;
  440.     padding: 5px 15px;
  441.     margin: 0 5px 0 0;
  442.     text-decoration: none;
  443. }
  444. /* main level link :hover */
  445. #main-nav a:hover, #main-nav li:hover > a {
  446. }
  447.  
  448. /* current link */
  449. #main-nav .current_page_item a, #main-nav .current-menu-item a {
  450.     background: #333;
  451.     color: #fff;
  452.     border-radius: 5px;
  453. }
  454. /* current link :hover */
  455. #main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover {
  456.     color: #fff;
  457. }
  458.  
  459. /* sub-levels link */
  460. #main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a {
  461.     color: #666;
  462.     font-size: 100%;
  463.     line-height: 140%;
  464.     font-weight: normal;
  465.     text-transform: none;
  466.     padding: 6px 6px 6px 15px;
  467.     margin: 0;
  468.     display: block;
  469.     width: 180px;
  470.     background: none;
  471.     border: none;
  472.     text-shadow: none;
  473.     border-radius: 0;
  474.     box-shadow: none;
  475. }
  476. /* sub-levels link :hover */
  477. #main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover {
  478.     background: #F3F3F3;
  479.     color: #000;
  480. }
  481. /* dropdown ul */
  482. #main-nav ul {
  483.     margin: 0;
  484.     padding: 5px 0;
  485.     list-style: none;
  486.     position: absolute;
  487.     background: #fff;
  488.     border: solid 1px #ccc;
  489.     z-index: 100;
  490.     display: none;
  491.     border-radius: 5px;
  492. }
  493. #main-nav ul li {
  494.     background: none;
  495.     padding: 0;
  496.     margin: 0;
  497.     float: none;
  498. }
  499. /* sub-levels dropdown */
  500. #main-nav ul ul {
  501.     left: 190px;
  502.     top: -2px;
  503. }
  504. /* show dropdown ul */
  505. .no-touch #main-nav li:hover > ul {
  506.     display: block;
  507. }
  508.  
  509. /************************************************************************************
  510. PAGE
  511. *************************************************************************************/
  512. /* page title */
  513. .page-title {
  514.     margin: 0 0 15px;
  515.     padding: 0;
  516.     font-size: 300%;
  517.     line-height: 110%;
  518. }
  519.  
  520. /*
  521. AUTHOR PAGE
  522. ================================================ */
  523. .author-bio {
  524.     margin: 0 0 30px;
  525. }
  526. .author-bio .author-avatar {
  527.     float: left;
  528.     margin: 0 15px 0 0;
  529. }
  530. .author-bio .author-avatar img {
  531.     background: #fff;
  532.     padding: 4px;
  533.     border: solid 1px #ccc;
  534. }
  535. .author-bio .author-name {
  536.     margin: 0 0 5px;
  537.     padding: 0;
  538.     font-size: 160%;
  539. }
  540. .author-posts-by {
  541.     margin: 0 0 20px;
  542.     padding: 10px 0 0;
  543.     font-size: 140%;
  544.     text-transform: uppercase;
  545.     border-top: double 4px #ccc;
  546.     border-color: rgba(118,118,118,.3);
  547. }
  548.  
  549. /*
  550. CATEGORY SECTIONS
  551. ================================================ */
  552. .category-section {
  553.     clear: both;
  554.     margin-bottom: 30px;
  555. }
  556. .category-section-title {
  557.     font-size: 120%;
  558.     text-transform: uppercase;
  559.     margin: 0 0 20px;
  560.     padding: 10px 0 0;
  561.     border-top: double 4px #ccc;
  562. }
  563.  
  564. /************************************************************************************
  565. POST
  566. *************************************************************************************/
  567. .post {
  568.     margin-bottom: 50px;
  569.     box-sizing: border-box;
  570.     -moz-box-sizing: border-box;
  571. }
  572.  
  573. /* post content */
  574. .post-content {
  575.     min-width: 120px;
  576. }
  577.  
  578. /* post title */
  579. .post-title {
  580.     font-size: 26px;
  581.     margin: 0 0 5px;
  582.     padding: 0;
  583. }
  584. .post-title a {
  585. }
  586.  
  587. /* post image */
  588. .post-image {
  589.     max-width: 100%;
  590.     margin: 0 0 5px;
  591. }
  592. .post-image.left {
  593.     float: left;
  594.     margin-right: 15px;
  595. }
  596. .post-image.right {
  597.     float: right;
  598.     margin-left: 15px;
  599. }
  600.  
  601. /* lightbox zoom image */
  602. .post-image .lightbox {
  603.     position: relative;
  604.     display: inline-block;
  605.     zoom:1;
  606.     *display:inline;
  607.     max-width: 100%;
  608. }
  609. .post-image .lightbox .zoom {
  610.     width: 40px;
  611.     height: 40px;
  612.     background: url(images/icon-zoom.png) no-repeat center center;
  613.     margin: -20px 0 0 -20px;
  614.     position: absolute;
  615.     top: 50%;
  616.     left: 50%;
  617.     border-radius: 10em;
  618. }
  619. .post-image .lightbox:hover .zoom {
  620.     background-color: #000;
  621. }
  622.  
  623. /* post meta */
  624. .post-meta {
  625.     margin: 0 0 7px;
  626. }
  627. .post-meta .post-author {
  628.     background: url(images/post-author.png) no-repeat 0 2px;
  629.     padding: 2px 0 2px 16px;
  630.     margin-right: 7px;
  631. }
  632. .post-meta .post-category {
  633.     background: url(images/post-category.png) no-repeat 0 2px;
  634.     padding: 2px 0 2px 16px;
  635.     margin-right: 7px;
  636. }
  637. .post-meta .post-tag {
  638.     background: url(images/post-tag.png) no-repeat 0 3px;
  639.     padding: 2px 0 2px 16px;
  640.     margin-right: 7px;
  641. }
  642. .post-meta .post-comment a {
  643.     background: url(images/post-comment.png) no-repeat 0 3px;
  644.     padding: 2px 0 2px 16px;
  645. }
  646.  
  647. /* grid4 post */
  648. .loops-wrapper.grid4 .post {
  649.     width: 22.6%;
  650.     float: left;
  651.     margin-left: 3.2%;
  652. }
  653. .loops-wrapper.grid4 .post-title {
  654.     font-size: 120%;
  655.     margin: 0 0 3px;
  656.     padding: 0;
  657. }
  658.  
  659. /* grid3 post */
  660. .loops-wrapper.grid3 .post {
  661.     width: 31.2%;
  662.     float: left;
  663.     margin-left: 3.2%;
  664. }
  665. .loops-wrapper.grid3 .post-title {
  666.     font-size: 140%;
  667.     margin: 0 0 3px;
  668.     padding: 0;
  669. }
  670.  
  671. /* grid2 post */
  672. .loops-wrapper.grid2 .post {
  673.     width: 48.4%;
  674.     float: left;
  675.     margin-left: 3.2%;
  676. }
  677. .loops-wrapper.grid2 .post-title {
  678.     font-size: 150%;
  679.     margin: 0 0 3px;
  680.     padding: 0;
  681. }
  682.  
  683. /* grid2-thumb post */
  684. .loops-wrapper.grid2-thumb .post {
  685.     width: 48.4%;
  686.     float: left;
  687.     margin-left: 3.2%;
  688. }
  689. .loops-wrapper.grid2-thumb .post-title {
  690.     margin: 0 0 5px;
  691.     font-size: 150%;
  692. }
  693. .loops-wrapper.grid2-thumb .post-image {
  694.     float: left;
  695.     margin: 5px 14px 10px 0;
  696. }
  697. .loops-wrapper.grid2-thumb .post-content {
  698.     overflow: hidden;
  699. }
  700.  
  701. /* clear grid posts */
  702. .loops-wrapper.grid4 .post:nth-of-type(4n+1),
  703. .loops-wrapper.grid3 .post:nth-of-type(3n+1),
  704. .loops-wrapper.grid2 .post:nth-of-type(2n+1),
  705. .loops-wrapper.grid2-thumb .post:nth-of-type(2n+1) {
  706.     margin-left: 0;
  707.     clear: left;
  708. }
  709.  
  710. /* list thumb post */
  711. .loops-wrapper.list-thumb-image .post-image {
  712.     float: left;
  713.     margin: 7px 16px 10px 0;
  714. }
  715. .loops-wrapper.list-thumb-image .post-content {
  716.     overflow: hidden;
  717. }
  718.  
  719. /* list large image */
  720. .loops-wrapper.list-large-image .post-image {
  721.     float: left;
  722.     margin: 7px 22px 10px 0;
  723. }
  724. .loops-wrapper.list-large-image .post-title {
  725.     font-size: 200%;
  726.     margin: 0 0 5px;
  727.     padding: 0;
  728. }
  729. .loops-wrapper.list-large-image .post-content {
  730.     overflow: hidden;
  731. }
  732.  
  733. /************************************************************************************
  734. POST VIDEO (css for fluid video)
  735. *************************************************************************************/
  736. .post-video, .embed-youtube {
  737.     position: relative;
  738.     padding-bottom: 56.25%;
  739.     height: 0;
  740.     overflow: hidden;
  741.     font-size:.9em;
  742.     margin-bottom: 15px;
  743. }
  744. .post-video iframe,
  745. .post-video object,
  746. .post-video embed,
  747. .embed-youtube iframe,
  748. .embed-youtube object,
  749. .embed-youtube embed {
  750.     position: absolute;
  751.     top: 0;
  752.     left: 0;
  753.     width: 100%;
  754.     height: 100%;
  755. }
  756. /************************************************************************************
  757. POST EMBEDS (css for various fluid elements)
  758. *************************************************************************************/
  759. .twitter-tweet-rendered {
  760. max-width: 100% !important;
  761. }
  762. /************************************************************************************
  763. PAGE NAVIGATION
  764. *************************************************************************************/
  765. .pagenav {
  766.     clear: both;
  767.     padding-bottom: 20px;
  768.     text-align: right;
  769. }
  770. .pagenav a, .pagenav span {
  771.     line-height: 100%;
  772.     padding: 6px 0 0;
  773.     margin: 0 2px;
  774.     vertical-align: middle;
  775.     display: inline-block;
  776.     zoom:1;
  777.     *display:inline;
  778.     min-width: 24px;
  779.     min-height: 18px;
  780.     text-align: center;
  781.     border-radius: 10em;
  782. }
  783. .pagenav a {
  784.     background: #111;
  785.     color: #fff;
  786.     text-decoration: none;
  787. }
  788. .pagenav a:hover {
  789.     background-color: #000;
  790. }
  791. .pagenav .current {
  792.     text-decoration: none;
  793. }
  794.  
  795. /************************************************************************************
  796. AUTHOR BOX
  797. *************************************************************************************/
  798. .author-box {
  799.     margin: 15px 0;
  800. }
  801. .author-box .author-avatar {
  802.     float: left;
  803.     margin: 0 15px 5px 0;
  804. }
  805. .author-box .author-name {
  806.     margin: 0 0 5px;
  807. }
  808.  
  809. /************************************************************************************
  810. POST NAVIGATION (the <nextpage> tag)
  811. *************************************************************************************/
  812. .post-pagination {
  813.     text-align: right;
  814.     margin: .5em 0 2em;
  815. }
  816. .post-pagination strong {
  817.     margin-right: 3px;
  818. }
  819. .post-pagination a {
  820.     margin-left: 3px;
  821.     margin-right: 3px;
  822. }
  823. /************************************************************************************
  824.  
  825. POST NAVIGATION
  826. *************************************************************************************/
  827. .post-nav {
  828.     margin: 0 0 30px;
  829.     padding: 15px 0;
  830.     clear: both;
  831. }
  832. .post-nav .prev,
  833. .post-nav .next {
  834.     width: 47%;
  835.     position: relative;
  836. }
  837. .post-nav a {
  838.     text-decoration: none;
  839.     display: block;
  840. }
  841. .post-nav a:hover {
  842.     text-decoration: none;
  843. }
  844. .post-nav .prev {
  845.     float: left;
  846. }
  847. .post-nav .next {
  848.     float: right;
  849.     text-align: right;
  850. }
  851.  
  852. /* post nav arrow */
  853. .post-nav .arrow {
  854.     background: #333;
  855.     color: #fff;
  856.     font: normal 20px/100% "Times New Roman", Times, serif;
  857.     display: block;
  858.     float: left;
  859.     width: 32px;
  860.     height: 28px;
  861.     padding: 4px 0 0;
  862.     text-align: center;
  863.     margin: -8px 10px 17px 0;
  864.     border-radius: 10em;
  865. }
  866. .post-nav .next .arrow {
  867.     float: right;
  868.     margin-left: 10px;
  869.     margin-right: 0;
  870. }
  871. .post-nav a:hover span {
  872.     background: #000;
  873. }
  874.  
  875. /************************************************************************************
  876. COMMENTS
  877. *************************************************************************************/
  878. .commentwrap {
  879.     margin: 10px 0 20px;
  880.     position: relative;
  881.     clear: both;
  882. }
  883.  
  884. /* comment title */
  885. .comment-title, #reply-title {
  886.     font-size: 140%;
  887.     margin: 0 0 10px;
  888.     padding: 0;
  889. }
  890.  
  891. /* comment pagenav */
  892. .commentwrap .pagenav {
  893.     margin: 10px 0;
  894.     border: none;
  895.     box-shadow: none;
  896. }
  897. .commentwrap .pagenav.top {
  898.     margin: 0;
  899.     position: absolute;
  900.     top: 10px;
  901.     right: 0;
  902. }
  903.  
  904. /* commentlist */
  905. .commentlist {
  906.     margin: 0 0 30px;
  907.     padding: 5px 0 0;
  908.     border-top: solid 1px #ddd;
  909. }
  910. .commentlist li {
  911.     margin: 0;
  912.     padding: 15px 0 0;
  913.     list-style: none;
  914.     position: relative;
  915. }
  916. .commentlist .comment-author {
  917.     margin: 2px 0 5px;
  918.     padding: 0;
  919. }
  920. .commentlist .avatar {
  921.     float: left;
  922.     margin: 0 15px 0 0;
  923. }
  924. .commentlist cite {
  925.     font-style: normal;
  926.     font-size: 130%;
  927. }
  928. .commentlist cite a {
  929.     text-decoration: none;
  930. }
  931. .commentlist .bypostauthor > .comment-author cite {
  932.     background: url(images/icon-author-comment.png) no-repeat 0 2px;
  933.     padding-left: 18px;
  934. }
  935. .commentlist .comment-time {
  936.     font-size: 75%;
  937.     text-transform: uppercase;
  938. }
  939. .commentlist .commententry {
  940.     border-bottom: solid 1px #ddd;
  941.     position: relative;
  942.     min-height: 40px;
  943.     overflow: hidden;
  944.     padding-bottom: 5px;
  945.     word-wrap: break-word;
  946. }
  947. .commentlist ul, .commentlist ol {
  948.     margin: 0 0 0 7%;
  949.     padding: 0;
  950. }
  951.  
  952. /* reply link */
  953. .commentlist .reply {
  954.     position: absolute;
  955.     right: 0;
  956.     top: 8px;
  957. }
  958. .commentlist .comment-reply-link {
  959.     font-size: 11px;
  960.     text-transform: uppercase;
  961.     text-decoration: none;
  962. }
  963. .commentlist .comment-reply-link:hover {
  964.     text-decoration: none;
  965. }
  966.  
  967. /*
  968. COMMENT FORM
  969. ================================================ */
  970. #respond {
  971.     margin: 0;
  972.     padding: 10px 0 0;
  973.     position: relative;
  974.     clear: both;
  975. }
  976. #respond #cancel-comment-reply-link {
  977.     position: absolute;
  978.     top: 20px;
  979.     right: 0;
  980.     font-size: 85%;
  981.     line-height: 100%;
  982.     text-decoration: none;
  983.     padding: 5px 10px;
  984.     display: block;
  985.     color: #fff;
  986.     background: #F30;
  987. }
  988. #respond #cancel-comment-reply-link:hover {
  989.     background: #333;
  990. }
  991. #commentform {
  992.     margin: 15px 0 0;
  993. }
  994. #commentform input[type=text] {
  995.     width: 206px;
  996.     margin-right: 5px;
  997. }
  998. #commentform label {
  999.     font-weight: bold;
  1000. }
  1001. #commentform label small {
  1002.     font-weight: normal;
  1003. }
  1004. #commentform textarea {
  1005.     height: 140px;
  1006. }
  1007. #commentform input#submit {
  1008.     padding: 7px 20px;
  1009. }
  1010.  
  1011. /************************************************************************************
  1012. SIDEBAR
  1013. *************************************************************************************/
  1014. .widget {
  1015.     margin: 0 0 30px;
  1016.     word-wrap: break-word;
  1017. }
  1018. .widgettitle {
  1019.     margin: 0 0 10px;
  1020.     padding: 0;
  1021.     font-size: 120%;
  1022. }
  1023. .widget ul {
  1024.     margin: 0;
  1025.     padding: 0;
  1026. }
  1027. .widget li {
  1028.     margin: 0;
  1029.     padding: 6px 0;
  1030.     list-style: none;
  1031.     clear: both;
  1032.     border-top: solid 1px #ddd;
  1033. }
  1034. .widget ul ul {
  1035.     margin: 6px 0 -6px 0;
  1036.     padding: 0;
  1037.     border-top: none;
  1038. }
  1039. .widget ul ul li {
  1040.     margin: 0;
  1041.     padding-left: 10px;
  1042. }
  1043.  
  1044. /************************************************************************************
  1045. WIDGET STYLES
  1046. *************************************************************************************/
  1047. /* calendar widget */
  1048. .widget #wp-calendar caption {
  1049.     font-weight: bold;
  1050.     padding-bottom: 10px;
  1051. }
  1052. .widget #wp-calendar td {
  1053.     width: 31px;
  1054.     padding: 4px 2px;
  1055.     text-align: center;
  1056. }
  1057.  
  1058. /* feature posts widget */
  1059. .widget .feature-posts-list br {
  1060.     display: none;
  1061. }
  1062. .widget .feature-posts-list .post-img {
  1063.     margin: 4px 12px 10px 0;
  1064.     float: left;
  1065. }
  1066. .widget .feature-posts-list small {
  1067.     font-style: italic;
  1068.     font-size: 90%;
  1069.     display: block;
  1070.     margin: 0 0 3px;
  1071. }
  1072. .widget .feature-posts-list .feature-posts-title {
  1073.     margin: 4px 0 3px;
  1074. }
  1075. .widget .feature-posts-list .post-excerpt {
  1076.     display: block;
  1077. }
  1078.  
  1079. /* twitter widget */
  1080. .widget .twitter-list .twitter-timestamp {
  1081.     font-style: italic;
  1082.     font-size: 90%;
  1083. }
  1084. .widget .follow-user {
  1085.     margin: 0;
  1086.     padding: 5px 0;
  1087. }
  1088.  
  1089. /* links widget */
  1090. .widget .links-list img, .widget_links img {
  1091.     vertical-align: middle;
  1092. }
  1093.  
  1094. /* recent comments widget */
  1095. .recent-comments-list .avatar {
  1096.     margin-right: 12px;
  1097.     float: left;
  1098. }
  1099.  
  1100. /* flickr widget */
  1101. .widget .flickr_badge_image {
  1102.     margin-top: 10px;
  1103. }
  1104. .widget .flickr_badge_image img {
  1105.     width: 50px;
  1106.     height: 50px;
  1107.     margin-right: 12px;
  1108.     margin-bottom: 12px;
  1109.     float: left;
  1110. }
  1111.  
  1112. /* flickr shortcode */
  1113. .shortcode .flickr_badge_image {
  1114.     width: 23.8%;
  1115.     margin: 0 1.5% 1.5% 0;
  1116.     float: left;
  1117. }
  1118. .shortcode .flickr_badge_image:nth-of-type(4n) {
  1119.     margin-right: 0;
  1120. }
  1121. .shortcode .flickr_badge_image img {
  1122.     margin: 0;
  1123. }
  1124.  
  1125. /* search widget */
  1126. #sidebar #searchform {
  1127.     position: static;
  1128. }
  1129. #sidebar #searchform #s {
  1130.     width: 93%;
  1131. }
  1132.  
  1133. /* reset twitter embed max-width to 100% */
  1134. #content .twitter-tweet-rendered {
  1135.     max-width: 100% !important;
  1136. }
  1137. #content .twt-border {
  1138.     max-width: 100% !important;
  1139.     min-width: 180px !important;
  1140. }
  1141.  
  1142. /* Social Links Widget */
  1143. .widget .social-links {
  1144.     margin: 0 0 20px;
  1145.     padding: 0;
  1146.     line-height: 100%;
  1147. }
  1148. .widget .social-links li {
  1149.     margin: 0 5px 5px 0;
  1150.     padding: 0;
  1151.     list-style: none;
  1152.     border: none;
  1153.     display: inline-block;
  1154.     zoom:1;
  1155.     *display:inline;
  1156. }
  1157. .widget .social-links img {
  1158.     vertical-align: middle;
  1159. }
  1160.  
  1161. /************************************************************************************
  1162. FOOTER
  1163. *************************************************************************************/
  1164. #footer {
  1165.     padding: 30px 0;
  1166.     clear: both;
  1167.     border-top: solid 1px #ccc;
  1168. }
  1169.  
  1170. /* back to top */
  1171. .back-top {
  1172.     clear: both;
  1173.     float: left;
  1174.     margin-top: -3px;
  1175. }
  1176. .back-top a {
  1177.     background: #000 url(images/arrow-up.png) no-repeat center center;
  1178.     display: block;
  1179.     width: 30px;
  1180.     height: 30px;
  1181.     margin: 0 10px 10px 0;
  1182.     text-indent: -900em;
  1183.     border-radius: 10em;   
  1184. }
  1185. .back-top a:hover {
  1186.     background-color: #333;
  1187. }
  1188.  
  1189. /* footer nav */
  1190. .footer-nav {
  1191.     margin: 7px 0 10px;
  1192.     padding: 0;
  1193.     text-align: left;
  1194. }
  1195. .footer-nav li {
  1196.     padding: 0;
  1197.     margin: 0 8px 5px 0;
  1198.     list-style: none;
  1199.     display: inline-block;
  1200.     zoom:1;
  1201.     *display:inline;
  1202. }
  1203.  
  1204. /* footer text */
  1205. .footer-text {
  1206.     font-size: 90%;
  1207.     clear: both;
  1208. }
  1209.  
  1210. /************************************************************************************
  1211. WORDPRESS POST FORMATTING
  1212. *************************************************************************************/
  1213. .sticky {}
  1214. img.alignleft, img.aligncenter, img.alignright, img.alignnone {
  1215.     margin-bottom: 15px;
  1216. }
  1217. .alignleft {
  1218.     float: left;
  1219.     margin-right: 30px;
  1220. }
  1221. .alignright {
  1222.     float: right;
  1223.     margin-left: 30px;
  1224. }
  1225. .aligncenter {
  1226.     text-align: center;
  1227.     display: block;
  1228.     margin-left: auto;
  1229.     margin-right: auto;
  1230. }
  1231. .wp-caption {
  1232.     text-align: center;
  1233.     margin-bottom: 15px;
  1234.     max-width: 100%;
  1235. }
  1236. .wp-caption-text {
  1237.     font-style: italic;
  1238.     font-size: 95%;
  1239.     line-height: 120%;
  1240.     margin: 6px 0;
  1241. }
  1242.  
  1243. /************************************************************************************
  1244. ATTACHMENT SINGLE VIEW
  1245. *************************************************************************************/
  1246. .attachment.single-attachment,
  1247. .single-attachment .attachment {
  1248.     float: none;
  1249.     margin: 0;
  1250.     text-align: left;
  1251. }
  1252.  
  1253. /************************************************************************************
  1254. GALLERY
  1255. *************************************************************************************/
  1256. #body .gallery {
  1257.     margin: 0 0 20px 0;
  1258. }
  1259.  
  1260. /* gallery item */
  1261. #body .gallery .gallery-item {
  1262.     margin: 0 8px 8px 0;
  1263.     vertical-align: top;
  1264.     width: auto;
  1265.     float: left;
  1266.     text-align: center;
  1267. }
  1268.  
  1269. /* gallery image */
  1270. #body .gallery img {
  1271.     border: none;
  1272.     vertical-align: middle;
  1273. }
  1274.  
  1275. /* gallery caption */
  1276. #body .gallery .gallery-caption {
  1277.     line-height: 120%;
  1278.     font-size: 90%;
  1279.     text-align: center;
  1280.     margin: 5px 0 0;
  1281. }
  1282.  
  1283. /* GALLERY COLUMN
  1284. ================================================ */
  1285. /* gallery column 1 (display all in one line) */
  1286. #body .gallery-columns-1 .gallery-item {
  1287.     width: auto;
  1288. }
  1289. #body .gallery-columns-1 br {
  1290.     display: none !important;
  1291. }
  1292.  
  1293. /* gallery column 2 */
  1294. #body .gallery-columns-2 .gallery-item {
  1295.     width: 49.2%;
  1296. }
  1297.  
  1298. /* gallery column 3 */
  1299. #body .gallery-columns-3 .gallery-item {
  1300.     width: 32.3%;
  1301. }
  1302. /* gallery column 4 */
  1303. #body .gallery-columns-4 .gallery-item {
  1304.     width: 23.8%;
  1305. }
  1306.  
  1307. /* gallery column 5 */
  1308. #body .gallery-columns-5 .gallery-item {
  1309.     width: 18.8%;
  1310. }
  1311.  
  1312. /* gallery column 6 */
  1313. #body .gallery-columns-6 .gallery-item {
  1314.     width: 15.4%;
  1315. }
  1316.  
  1317. /* gallery column 7 */
  1318. #body .gallery-columns-7 .gallery-item {
  1319.     width: 13%;
  1320. }
  1321.  
  1322. /* gallery column 8 */
  1323. #body .gallery-columns-8 .gallery-item {
  1324.     width: 11.18%;
  1325. }
  1326.  
  1327. /* gallery column 9 */
  1328. #body .gallery-columns-9 .gallery-item {
  1329.     width: 9.77%;
  1330. }
  1331.  
  1332. /* set gallery item margin-right */
  1333. #body .gallery-columns-1 .gallery-item,
  1334. #body .gallery-columns-2 .gallery-item,
  1335. #body .gallery-columns-3 .gallery-item,
  1336. #body .gallery-columns-4 .gallery-item,
  1337. #body .gallery-columns-5 .gallery-item,
  1338. #body .gallery-columns-6 .gallery-item,
  1339. #body .gallery-columns-7 .gallery-item,
  1340. #body .gallery-columns-8 .gallery-item,
  1341. #body .gallery-columns-9 .gallery-item {
  1342.     margin: 0 1.5% 1.5% 0;
  1343. }
  1344.  
  1345. /* clear gallery item margin-right */
  1346. #body .gallery-columns-9 .gallery-item:nth-of-type(9n),
  1347. #body .gallery-columns-8 .gallery-item:nth-of-type(8n),
  1348. #body .gallery-columns-7 .gallery-item:nth-of-type(7n),
  1349. #body .gallery-columns-6 .gallery-item:nth-of-type(6n),
  1350. #body .gallery-columns-5 .gallery-item:nth-of-type(5n),
  1351. #body .gallery-columns-4 .gallery-item:nth-of-type(4n),
  1352. #body .gallery-columns-3 .gallery-item:nth-of-type(3n),
  1353. #body .gallery-columns-2 .gallery-item:nth-of-type(2n) {
  1354.     margin-right: 0;
  1355. }
  1356.  
  1357. /* Custom */
  1358. #site-logo {
  1359.     display: inline-block;
  1360.     position: relative;
  1361. }
  1362.  
  1363. .number {
  1364.     display: inline-block;
  1365.     margin-left: 20px;
  1366. }
  1367.  
  1368. .number a {
  1369.     font-size: 18px;
  1370.     vertical-align: middle;
  1371.     margin-right: 5px;
  1372. }
  1373.  
  1374. .number img {
  1375.     width: 25px;
  1376.     vertical-align: middle;
  1377. }
  1378.  
  1379. @media screen and (max-width: 760px) {
  1380.     #site-logo {
  1381.         display: block;
  1382.     }
  1383.  
  1384.     .number {
  1385.         display: block;
  1386.         margin-left: 0;
  1387.         margin-top: 10px;
  1388.     }
  1389. }
  1390.  
  1391. /************************************************************************************
  1392. BUILDER
  1393. *************************************************************************************/
  1394. /* builder row */
  1395. .full_width .themify_builder_row .row_inner {
  1396.     width: 978px; /* same width as .pagewidth */
  1397.     max-width: 100%;
  1398.     margin: auto;
  1399. }
  1400. .full_width .themify_builder_row.fullwidth .row_inner {
  1401.     width: auto;
  1402.     padding: 0;
  1403. }
  1404.  
  1405. /************************************************************************************
  1406. CLEAR & ALIGNMENT
  1407. *************************************************************************************/
  1408. .clear {
  1409.     clear: both;
  1410. }
  1411. .left {
  1412.     float: left;
  1413. }
  1414. .right {
  1415.     float: right;
  1416. }
  1417. .textleft {
  1418.     text-align: left;
  1419. }
  1420. .textright {
  1421.     text-align: right;
  1422. }
  1423. .textcenter {
  1424.     text-align: center;
  1425. }
  1426.  
  1427. /* clearfix */
  1428. .clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after
  1429. { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  1430. .clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content
  1431. { display: inline-block; }
  1432. /* clearfix for ie7 */
  1433. .clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content
  1434. { display: block; zoom: 1; }
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!