Advertisement
Guest User

Untitled

a guest
Mar 6th, 2015
216
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.89 KB | None | 0 0
  1. /*
  2. Theme Name: Twenty Fourteen
  3. Theme URI: http://wordpress.org/themes/twentyfourteen
  4. Author: the WordPress team
  5. Author URI: http://wordpress.org/
  6. Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
  7. Version: 1.3
  8. License: GNU General Public License v2 or later
  9. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  10. Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
  11. Text Domain: twentyfourteen
  12.  
  13. This theme, like WordPress, is licensed under the GPL.
  14. Use it to make something cool, have fun, and share what you've learned with others.
  15. */
  16.  
  17. /**
  18. * Table of Contents:
  19. *
  20. * 1.0 - Reset
  21. * 2.0 - Repeatable Patterns
  22. * 3.0 - Basic Structure
  23. * 4.0 - Header
  24. * 5.0 - Navigation
  25. * 6.0 - Content
  26. * 6.1 - Post Thumbnail
  27. * 6.2 - Entry Header
  28. * 6.3 - Entry Meta
  29. * 6.4 - Entry Content
  30. * 6.5 - Galleries
  31. * 6.6 - Post Formats
  32. * 6.7 - Post/Image/Paging Navigation
  33. * 6.8 - Attachments
  34. * 6.9 - Archives
  35. * 6.10 - Contributor Page
  36. * 6.11 - 404 Page
  37. * 6.12 - Full-width
  38. * 6.13 - Singular
  39. * 6.14 - Comments
  40. * 7.0 - Sidebar
  41. * 7.1 - Widgets
  42. * 7.2 - Content Sidebar Widgets
  43. * 8.0 - Footer
  44. * 9.0 - Featured Content
  45. * 10.0 - Multisite
  46. * 11.0 - Media Queries
  47. * 12.0 - Print
  48. * -----------------------------------------------------------------------------
  49. */
  50.  
  51.  
  52. /**
  53. * 1.0 Reset
  54. *
  55. * Resetting and rebuilding styles have been helped along thanks to the fine
  56. * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
  57. * along with Nicolas Gallagher and Jonathan Neal
  58. * http://necolas.github.com/normalize.css/ and Blueprint
  59. * http://www.blueprintcss.org/
  60. *
  61. * -----------------------------------------------------------------------------
  62. */
  63.  
  64. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  65. border: 0;
  66. font-family: inherit;
  67. font-size: 100%;
  68. font-style: inherit;
  69. font-weight: inherit;
  70. margin: 0;
  71. outline: 0;
  72. padding: 0;
  73. vertical-align: baseline;
  74. }
  75.  
  76. article,
  77. aside,
  78. details,
  79. figcaption,
  80. figure,
  81. footer,
  82. header,
  83. hgroup,
  84. nav,
  85. section {
  86. display: block;
  87. }
  88.  
  89. audio,
  90. canvas,
  91. video {
  92. display: inline-block;
  93. max-width: 100%;
  94. }
  95.  
  96. html {
  97. overflow-y: scroll;
  98. -webkit-text-size-adjust: 100%;
  99. -ms-text-size-adjust: 100%;
  100. }
  101.  
  102. body,
  103. button,
  104. input,
  105. select,
  106. textarea {
  107. color: #2b2b2b;
  108. font-family: Lato, sans-serif;
  109. font-size: 16px;
  110. font-weight: 400;
  111. line-height: 1.5;
  112. }
  113.  
  114. body {
  115. background: #f5f5f5;
  116. }
  117.  
  118. a {
  119. color: #24890d;
  120. text-decoration: none;
  121. }
  122.  
  123. a:focus {
  124. outline: thin dotted;
  125. }
  126.  
  127. a:hover,
  128. a:active {
  129. outline: 0;
  130. }
  131.  
  132. a:active,
  133. a:hover {
  134. color: #41a62a;
  135. }
  136.  
  137. h1,
  138. h2,
  139. h3,
  140. h4,
  141. h5,
  142. h6 {
  143. clear: both;
  144. font-weight: 700;
  145. margin: 36px 0 12px;
  146. }
  147.  
  148. h1 {
  149. font-size: 26px;
  150. line-height: 1.3846153846;
  151. }
  152.  
  153. h2 {
  154. font-size: 24px;
  155. line-height: 1;
  156. }
  157.  
  158. h3 {
  159. font-size: 22px;
  160. line-height: 1.0909090909;
  161. }
  162.  
  163. h4 {
  164. font-size: 20px;
  165. line-height: 1.2;
  166. }
  167.  
  168. h5 {
  169. font-size: 18px;
  170. line-height: 1.3333333333;
  171. }
  172.  
  173. h6 {
  174. font-size: 16px;
  175. line-height: 1.5;
  176. }
  177.  
  178. address {
  179. font-style: italic;
  180. margin-bottom: 24px;
  181. }
  182.  
  183. abbr[title] {
  184. border-bottom: 1px dotted #2b2b2b;
  185. cursor: help;
  186. }
  187.  
  188. b,
  189. strong {
  190. font-weight: 700;
  191. }
  192.  
  193. cite,
  194. dfn,
  195. em,
  196. i {
  197. font-style: italic;
  198. }
  199.  
  200. mark,
  201. ins {
  202. background: #fff9c0;
  203. text-decoration: none;
  204. }
  205.  
  206. p {
  207. margin-bottom: 24px;
  208. }
  209.  
  210. code,
  211. kbd,
  212. tt,
  213. var,
  214. samp,
  215. pre {
  216. font-family: monospace, serif;
  217. font-size: 15px;
  218. -webkit-hyphens: none;
  219. -moz-hyphens: none;
  220. -ms-hyphens: none;
  221. hyphens: none;
  222. line-height: 1.6;
  223. }
  224.  
  225. pre {
  226. border: 1px solid rgba(0, 0, 0, 0.1);
  227. -webkit-box-sizing: border-box;
  228. -moz-box-sizing: border-box;
  229. box-sizing: border-box;
  230. margin-bottom: 24px;
  231. max-width: 100%;
  232. overflow: auto;
  233. padding: 12px;
  234. white-space: pre;
  235. white-space: pre-wrap;
  236. word-wrap: break-word;
  237. }
  238.  
  239. blockquote,
  240. q {
  241. -webkit-hyphens: none;
  242. -moz-hyphens: none;
  243. -ms-hyphens: none;
  244. hyphens: none;
  245. quotes: none;
  246. }
  247.  
  248. blockquote:before,
  249. blockquote:after,
  250. q:before,
  251. q:after {
  252. content: "";
  253. content: none;
  254. }
  255.  
  256. blockquote {
  257. color: #767676;
  258. font-size: 19px;
  259. font-style: italic;
  260. font-weight: 300;
  261. line-height: 1.2631578947;
  262. margin-bottom: 24px;
  263. }
  264.  
  265. blockquote cite,
  266. blockquote small {
  267. color: #2b2b2b;
  268. font-size: 16px;
  269. font-weight: 400;
  270. line-height: 1.5;
  271. }
  272.  
  273. blockquote em,
  274. blockquote i,
  275. blockquote cite {
  276. font-style: normal;
  277. }
  278.  
  279. blockquote strong,
  280. blockquote b {
  281. font-weight: 400;
  282. }
  283.  
  284. small {
  285. font-size: smaller;
  286. }
  287.  
  288. big {
  289. font-size: 125%;
  290. }
  291.  
  292. sup,
  293. sub {
  294. font-size: 75%;
  295. height: 0;
  296. line-height: 0;
  297. position: relative;
  298. vertical-align: baseline;
  299. }
  300.  
  301. sup {
  302. bottom: 1ex;
  303. }
  304.  
  305. sub {
  306. top: .5ex;
  307. }
  308.  
  309. dl {
  310. margin-bottom: 24px;
  311. }
  312.  
  313. dt {
  314. font-weight: bold;
  315. }
  316.  
  317. dd {
  318. margin-bottom: 24px;
  319. }
  320.  
  321. ul,
  322. ol {
  323. list-style: none;
  324. margin: 0 0 24px 20px;
  325. }
  326.  
  327. ul {
  328. list-style: disc;
  329. }
  330.  
  331. ol {
  332. list-style: decimal;
  333. }
  334.  
  335. li > ul,
  336. li > ol {
  337. margin: 0 0 0 20px;
  338. }
  339.  
  340. img {
  341. -ms-interpolation-mode: bicubic;
  342. border: 0;
  343. vertical-align: middle;
  344. }
  345.  
  346. figure {
  347. margin: 0;
  348. }
  349.  
  350. fieldset {
  351. border: 1px solid rgba(0, 0, 0, 0.1);
  352. margin: 0 0 24px;
  353. padding: 11px 12px 0;
  354. }
  355.  
  356. legend {
  357. white-space: normal;
  358. }
  359.  
  360. button,
  361. input,
  362. select,
  363. textarea {
  364. -webkit-box-sizing: border-box;
  365. -moz-box-sizing: border-box;
  366. box-sizing: border-box;
  367. font-size: 100%;
  368. margin: 0;
  369. max-width: 100%;
  370. vertical-align: baseline;
  371. }
  372.  
  373. button,
  374. input {
  375. line-height: normal;
  376. }
  377.  
  378. input,
  379. textarea {
  380. background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
  381. }
  382.  
  383. button,
  384. html input[type="button"],
  385. input[type="reset"],
  386. input[type="submit"] {
  387. -webkit-appearance: button;
  388. cursor: pointer;
  389. }
  390.  
  391. button[disabled],
  392. input[disabled] {
  393. cursor: default;
  394. }
  395.  
  396. input[type="checkbox"],
  397. input[type="radio"] {
  398. padding: 0;
  399. }
  400.  
  401. input[type="search"] {
  402. -webkit-appearance: textfield;
  403. }
  404.  
  405. input[type="search"]::-webkit-search-decoration {
  406. -webkit-appearance: none;
  407. }
  408.  
  409. button::-moz-focus-inner,
  410. input::-moz-focus-inner {
  411. border: 0;
  412. padding: 0;
  413. }
  414.  
  415. textarea {
  416. overflow: auto;
  417. vertical-align: top;
  418. }
  419.  
  420. table,
  421. th,
  422. td {
  423. border: 1px solid rgba(0, 0, 0, 0.1);
  424. }
  425.  
  426. table {
  427. border-collapse: separate;
  428. border-spacing: 0;
  429. border-width: 1px 0 0 1px;
  430. margin-bottom: 24px;
  431. width: 100%;
  432. }
  433.  
  434. caption,
  435. th,
  436. td {
  437. font-weight: normal;
  438. text-align: left;
  439. }
  440.  
  441. th {
  442. border-width: 0 1px 1px 0;
  443. font-weight: bold;
  444. }
  445.  
  446. td {
  447. border-width: 0 1px 1px 0;
  448. }
  449.  
  450. del {
  451. color: #767676;
  452. }
  453.  
  454. hr {
  455. background-color: rgba(0, 0, 0, 0.1);
  456. border: 0;
  457. height: 1px;
  458. margin-bottom: 23px;
  459. }
  460.  
  461. /* Support a widely-adopted but non-standard selector for text selection styles
  462. * to achieve a better experience. See https://core.trac.wordpress.org/ticket/25898.
  463. */
  464. ::selection {
  465. background: #24890d;
  466. color: #fff;
  467. text-shadow: none;
  468. }
  469.  
  470. ::-moz-selection {
  471. background: #24890d;
  472. color: #fff;
  473. text-shadow: none;
  474. }
  475.  
  476.  
  477. /**
  478. * 2.0 Repeatable Patterns
  479. * -----------------------------------------------------------------------------
  480. */
  481.  
  482. /* Input fields */
  483.  
  484. input,
  485. textarea {
  486. border: 1px solid rgba(0, 0, 0, 0.1);
  487. border-radius: 2px;
  488. color: #2b2b2b;
  489. padding: 8px 10px 7px;
  490. }
  491.  
  492. textarea {
  493. width: 100%;
  494. }
  495.  
  496. input:focus,
  497. textarea:focus {
  498. border: 1px solid rgba(0, 0, 0, 0.3);
  499. outline: 0;
  500. }
  501.  
  502. /* Buttons */
  503.  
  504. button,
  505. .button,
  506. input[type="button"],
  507. input[type="reset"],
  508. input[type="submit"] {
  509. background-color: #24890d;
  510. border: 0;
  511. border-radius: 2px;
  512. color: #fff;
  513. font-size: 12px;
  514. font-weight: 700;
  515. padding: 10px 30px 11px;
  516. text-transform: uppercase;
  517. vertical-align: bottom;
  518. }
  519.  
  520. button:hover,
  521. button:focus,
  522. .button:hover,
  523. .button:focus,
  524. input[type="button"]:hover,
  525. input[type="button"]:focus,
  526. input[type="reset"]:hover,
  527. input[type="reset"]:focus,
  528. input[type="submit"]:hover,
  529. input[type="submit"]:focus {
  530. background-color: #41a62a;
  531. color: #fff;
  532. }
  533.  
  534. button:active,
  535. .button:active,
  536. input[type="button"]:active,
  537. input[type="reset"]:active,
  538. input[type="submit"]:active {
  539. background-color: #55d737;
  540. }
  541.  
  542. .search-field {
  543. width: 100%;
  544. }
  545.  
  546. .search-submit {
  547. display: none;
  548. }
  549.  
  550. /* Placeholder text color -- selectors need to be separate to work. */
  551.  
  552. ::-webkit-input-placeholder {
  553. color: #939393;
  554. }
  555.  
  556. :-moz-placeholder {
  557. color: #939393;
  558. }
  559.  
  560. ::-moz-placeholder {
  561. color: #939393;
  562. opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
  563. }
  564.  
  565. :-ms-input-placeholder {
  566. color: #939393;
  567. }
  568.  
  569. /* Responsive images. Fluid images for posts, comments, and widgets */
  570.  
  571. .comment-content img,
  572. .entry-content img,
  573. .entry-summary img,
  574. #site-header img,
  575. .widget img,
  576. .wp-caption {
  577. max-width: 100%;
  578. }
  579.  
  580. /**
  581. * Make sure images with WordPress-added height and width attributes are
  582. * scaled correctly.
  583. */
  584.  
  585. .comment-content img[height],
  586. .entry-content img,
  587. .entry-summary img,
  588. img[class*="align"],
  589. img[class*="wp-image-"],
  590. img[class*="attachment-"],
  591. #site-header img {
  592. height: auto;
  593. }
  594.  
  595. img.size-full,
  596. img.size-large,
  597. .wp-post-image,
  598. .post-thumbnail img {
  599. height: auto;
  600. max-width: 100%;
  601. }
  602.  
  603. /* Make sure embeds and iframes fit their containers */
  604.  
  605. embed,
  606. iframe,
  607. object,
  608. video {
  609. margin-bottom: 24px;
  610. max-width: 100%;
  611. }
  612.  
  613. p > embed,
  614. p > iframe,
  615. p > object,
  616. span > embed,
  617. span > iframe,
  618. span > object {
  619. margin-bottom: 0;
  620. }
  621.  
  622. /* Alignment */
  623.  
  624. .alignleft {
  625. float: left;
  626. }
  627.  
  628. .alignright {
  629. float: right;
  630. }
  631.  
  632. .aligncenter {
  633. display: block;
  634. margin-left: auto;
  635. margin-right: auto;
  636. }
  637.  
  638. blockquote.alignleft,
  639. figure.wp-caption.alignleft,
  640. img.alignleft {
  641. margin: 7px 24px 7px 0;
  642. }
  643.  
  644. .wp-caption.alignleft {
  645. margin: 7px 14px 7px 0;
  646. }
  647.  
  648. blockquote.alignright,
  649. figure.wp-caption.alignright,
  650. img.alignright {
  651. margin: 7px 0 7px 24px;
  652. }
  653.  
  654. .wp-caption.alignright {
  655. margin: 7px 0 7px 14px;
  656. }
  657.  
  658. blockquote.aligncenter,
  659. img.aligncenter,
  660. .wp-caption.aligncenter {
  661. margin-top: 7px;
  662. margin-bottom: 7px;
  663. }
  664.  
  665. .site-content blockquote.alignleft,
  666. .site-content blockquote.alignright {
  667. border-top: 1px solid rgba(0, 0, 0, 0.1);
  668. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  669. padding-top: 17px;
  670. width: 50%;
  671. }
  672.  
  673. .site-content blockquote.alignleft p,
  674. .site-content blockquote.alignright p {
  675. margin-bottom: 17px;
  676. }
  677.  
  678. .wp-caption {
  679. margin-bottom: 24px;
  680. }
  681.  
  682. .wp-caption img[class*="wp-image-"] {
  683. display: block;
  684. margin: 0;
  685. }
  686.  
  687. .wp-caption {
  688. color: #767676;
  689. }
  690.  
  691. .wp-caption-text {
  692. -webkit-box-sizing: border-box;
  693. -moz-box-sizing: border-box;
  694. box-sizing: border-box;
  695. font-size: 12px;
  696. font-style: italic;
  697. line-height: 1.5;
  698. margin: 9px 0;
  699. }
  700.  
  701. div.wp-caption .wp-caption-text {
  702. padding-right: 10px;
  703. }
  704.  
  705. div.wp-caption.alignright img[class*="wp-image-"],
  706. div.wp-caption.alignright .wp-caption-text {
  707. padding-left: 10px;
  708. padding-right: 0;
  709. }
  710.  
  711. .wp-smiley {
  712. border: 0;
  713. margin-bottom: 0;
  714. margin-top: 0;
  715. padding: 0;
  716. }
  717.  
  718. /* Assistive text */
  719.  
  720. .screen-reader-text {
  721. clip: rect(1px, 1px, 1px, 1px);
  722. position: absolute;
  723. }
  724.  
  725. .screen-reader-text:focus {
  726. background-color: #f1f1f1;
  727. border-radius: 3px;
  728. box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  729. clip: auto;
  730. color: #21759b;
  731. display: block;
  732. font-size: 14px;
  733. font-weight: bold;
  734. height: auto;
  735. line-height: normal;
  736. padding: 15px 23px 14px;
  737. position: absolute;
  738. left: 5px;
  739. top: 5px;
  740. text-decoration: none;
  741. text-transform: none;
  742. width: auto;
  743. z-index: 100000; /* Above WP toolbar */
  744. }
  745.  
  746. .hide {
  747. display: none;
  748. }
  749.  
  750. /* Clearing floats */
  751.  
  752. .footer-sidebar:before,
  753. .footer-sidebar:after,
  754. .hentry:before,
  755. .hentry:after,
  756. .gallery:before,
  757. .gallery:after,
  758. .slider-direction-nav:before,
  759. .slider-direction-nav:after,
  760. .contributor-info:before,
  761. .contributor-info:after,
  762. .search-box:before,
  763. .search-box:after,
  764. [class*="content"]:before,
  765. [class*="content"]:after,
  766. [class*="site"]:before,
  767. [class*="site"]:after {
  768. content: "";
  769. display: table;
  770. }
  771.  
  772. .footer-sidebar:after,
  773. .hentry:after,
  774. .gallery:after,
  775. .slider-direction-nav:after,
  776. .contributor-info:after,
  777. .search-box:after,
  778. [class*="content"]:after,
  779. [class*="site"]:after {
  780. clear: both;
  781. }
  782.  
  783. /* Genericons */
  784.  
  785. .bypostauthor > article .fn:before,
  786. .comment-edit-link:before,
  787. .comment-reply-link:before,
  788. .comment-reply-login:before,
  789. .comment-reply-title small a:before,
  790. .contributor-posts-link:before,
  791. .menu-toggle:before,
  792. .search-toggle:before,
  793. .slider-direction-nav a:before,
  794. .widget_twentyfourteen_ephemera .widget-title:before {
  795. -webkit-font-smoothing: antialiased;
  796. display: inline-block;
  797. font: normal 16px/1 Genericons;
  798. text-decoration: inherit;
  799. vertical-align: text-bottom;
  800. }
  801.  
  802. /* Separators */
  803.  
  804. .site-content span + .entry-date:before,
  805. .full-size-link:before,
  806. .parent-post-link:before,
  807. span + .byline:before,
  808. span + .comments-link:before,
  809. span + .edit-link:before,
  810. .widget_twentyfourteen_ephemera .entry-title:after {
  811. content: "\0020\007c\0020";
  812. }
  813.  
  814.  
  815. /**
  816. * 3.0 Basic Structure
  817. * -----------------------------------------------------------------------------
  818. */
  819.  
  820. .site {
  821. background-color: #fff;
  822. max-width: 1260px;
  823. position: relative;
  824. }
  825.  
  826. .main-content {
  827. width: 100%;
  828. }
  829.  
  830.  
  831. /**
  832. * 4.0 Header
  833. * -----------------------------------------------------------------------------
  834. */
  835.  
  836. /* Ensure that there is no gap between the header and
  837. the admin bar for WordPress versions before 3.8. */
  838. #wpadminbar {
  839. min-height: 32px;
  840. }
  841.  
  842. #site-header {
  843. position: relative;
  844. z-index: 3;
  845. }
  846.  
  847. .site-header {
  848. background-color: #000;
  849. max-width: 1260px;
  850. position: relative;
  851. width: 100%;
  852. z-index: 4;
  853. }
  854.  
  855. .header-main {
  856. min-height: 48px;
  857. padding: 0 10px;
  858. }
  859.  
  860. .site-title {
  861. float: left;
  862. font-size: 18px;
  863. font-weight: 700;
  864. line-height: 48px;
  865. margin: 0;
  866.  
  867. /* Nav-toggle width + search-toggle width - gutter = 86px */
  868. max-width: -webkit-calc(100% - 86px);
  869. max-width: calc(100% - 86px);
  870. }
  871.  
  872. .site-title a,
  873. .site-title a:hover {
  874. color: #fff;
  875. display: block;
  876. overflow: hidden;
  877. text-overflow: ellipsis;
  878. white-space: nowrap;
  879. }
  880.  
  881. /* Search in the header */
  882.  
  883. .search-toggle {
  884. background-color: #24890d;
  885. cursor: pointer;
  886. float: right;
  887. height: 48px;
  888. margin-right: 38px;
  889. text-align: center;
  890. width: 48px;
  891. }
  892.  
  893. .search-toggle:hover,
  894. .search-toggle.active {
  895. background-color: #41a62a;
  896. }
  897.  
  898. .search-toggle:before {
  899. color: #fff;
  900. content: "\f400";
  901. font-size: 20px;
  902. margin-top: 14px;
  903. }
  904.  
  905. .search-toggle .screen-reader-text {
  906. left: 5px; /* Avoid a horizontal scrollbar when the site has a long menu */
  907. }
  908.  
  909. .search-box-wrapper {
  910. -webkit-box-sizing: border-box;
  911. -moz-box-sizing: border-box;
  912. box-sizing: border-box;
  913. position: absolute;
  914. top: 48px;
  915. right: 0;
  916. width: 100%;
  917. z-index: 2;
  918. }
  919.  
  920. .search-box {
  921. background-color: #41a62a;
  922. padding: 12px;
  923. }
  924.  
  925. .search-box .search-field {
  926. background-color: #fff;
  927. border: 0;
  928. float: right;
  929. font-size: 16px;
  930. padding: 2px 2px 3px 6px;
  931. width: 100%;
  932. }
  933.  
  934.  
  935. /**
  936. * 5.0 Navigation
  937. * -----------------------------------------------------------------------------
  938. */
  939.  
  940. .site-navigation ul {
  941. list-style: none;
  942. margin: 0;
  943. }
  944.  
  945. .site-navigation li {
  946. border-top: 1px solid rgba(255, 255, 255, 0.2);
  947. }
  948.  
  949. .site-navigation ul ul {
  950. margin-left: 20px;
  951. }
  952.  
  953. .site-navigation a {
  954. color: #fff;
  955. display: block;
  956. text-transform: uppercase;
  957. }
  958.  
  959. .site-navigation a:hover {
  960. color: #41a62a;
  961. }
  962.  
  963. .site-navigation .current_page_item > a,
  964. .site-navigation .current_page_ancestor > a,
  965. .site-navigation .current-menu-item > a,
  966. .site-navigation .current-menu-ancestor > a {
  967. color: #55d737;
  968. font-weight: 900;
  969. }
  970.  
  971. /* Primary Navigation */
  972.  
  973. .primary-navigation {
  974. -webkit-box-sizing: border-box;
  975. -moz-box-sizing: border-box;
  976. box-sizing: border-box;
  977. font-size: 14px;
  978. padding-top: 24px;
  979. }
  980.  
  981. .primary-navigation.toggled-on {
  982. padding: 72px 0 36px;
  983. }
  984.  
  985. .primary-navigation .nav-menu {
  986. border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  987. display: none;
  988. }
  989.  
  990. .primary-navigation.toggled-on .nav-menu {
  991. display: block;
  992. }
  993.  
  994. .primary-navigation a {
  995. padding: 7px 0;
  996. }
  997.  
  998. /* Secondary Navigation */
  999.  
  1000. .secondary-navigation {
  1001. border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  1002. font-size: 12px;
  1003. margin: 48px 0;
  1004. }
  1005.  
  1006. .secondary-navigation a {
  1007. padding: 9px 0;
  1008. }
  1009.  
  1010. .menu-toggle {
  1011. background-color: #000;
  1012. border-radius: 0;
  1013. cursor: pointer;
  1014. height: 48px;
  1015. margin: 0;
  1016. overflow: hidden;
  1017. padding: 0;
  1018. position: absolute;
  1019. top: 0;
  1020. right: 0;
  1021. text-align: center;
  1022. width: 48px;
  1023. }
  1024.  
  1025. .menu-toggle:before {
  1026. color: #fff;
  1027. content: "\f419";
  1028. padding: 16px;
  1029. }
  1030.  
  1031. .menu-toggle:active,
  1032. .menu-toggle:focus,
  1033. .menu-toggle:hover {
  1034. background-color: #444;
  1035. }
  1036.  
  1037. .menu-toggle:focus {
  1038. outline: 1px dotted;
  1039. }
  1040.  
  1041.  
  1042. /**
  1043. * 6.0 Content
  1044. * -----------------------------------------------------------------------------
  1045. */
  1046.  
  1047. .content-area {
  1048. padding-top: 48px;
  1049. }
  1050.  
  1051. .hentry {
  1052. margin: 0 auto 48px;
  1053. max-width: 672px;
  1054. }
  1055.  
  1056. .site-content .entry-header,
  1057. .site-content .entry-content,
  1058. .site-content .entry-summary,
  1059. .site-content .entry-meta,
  1060. .page-content {
  1061. margin: 0 auto;
  1062. max-width: 474px;
  1063. }
  1064.  
  1065. .page-content {
  1066. margin-bottom: 48px;
  1067. }
  1068.  
  1069.  
  1070. /**
  1071. * 6.1 Post Thumbnail
  1072. * -----------------------------------------------------------------------------
  1073. */
  1074.  
  1075. .post-thumbnail {
  1076. background: #b2b2b2 url(images/pattern-light.svg) repeat fixed;
  1077. display: block;
  1078. position: relative;
  1079. width: 100%;
  1080. z-index: 0;
  1081. }
  1082.  
  1083. a.post-thumbnail:hover {
  1084. background-color: #999;
  1085. }
  1086.  
  1087. .full-width .post-thumbnail img {
  1088. display: block;
  1089. margin: 0 auto;
  1090. }
  1091.  
  1092.  
  1093. /**
  1094. * 6.2 Entry Header
  1095. * -----------------------------------------------------------------------------
  1096. */
  1097.  
  1098. .entry-header {
  1099. position: relative;
  1100. z-index: 1;
  1101. }
  1102.  
  1103. .entry-title {
  1104. font-size: 33px;
  1105. font-weight: 300;
  1106. line-height: 1.0909090909;
  1107. margin-bottom: 12px;
  1108. margin: 0 0 12px 0;
  1109. text-transform: uppercase;
  1110. }
  1111.  
  1112. .entry-title a {
  1113. color: #2b2b2b;
  1114. }
  1115.  
  1116. .entry-title a:hover {
  1117. color: #41a62a;
  1118. }
  1119.  
  1120. .site-content .entry-header {
  1121. background-color: #fff;
  1122. padding: 0 10px 12px;
  1123. }
  1124.  
  1125. .site-content .has-post-thumbnail .entry-header {
  1126. padding-top: 24px;
  1127. }
  1128.  
  1129.  
  1130. /**
  1131. * 6.3 Entry Meta
  1132. * -----------------------------------------------------------------------------
  1133. */
  1134.  
  1135. .entry-meta {
  1136. clear: both;
  1137. color: #767676;
  1138. font-size: 12px;
  1139. font-weight: 400;
  1140. line-height: 1.3333333333;
  1141. text-transform: uppercase;
  1142. }
  1143.  
  1144. .entry-meta a {
  1145. color: #767676;
  1146. }
  1147.  
  1148. .entry-meta a:hover {
  1149. color: #41a62a;
  1150. }
  1151.  
  1152. .sticky .entry-date {
  1153. display: none;
  1154. }
  1155.  
  1156. .cat-links {
  1157. font-weight: 900;
  1158. text-transform: uppercase;
  1159. }
  1160.  
  1161. .cat-links a {
  1162. color: #2b2b2b;
  1163. }
  1164.  
  1165. .cat-links a:hover {
  1166. color: #41a62a;
  1167. }
  1168.  
  1169. .byline {
  1170. display: none;
  1171. }
  1172.  
  1173. .single .byline,
  1174. .group-blog .byline {
  1175. display: inline;
  1176. }
  1177.  
  1178. .site-content .entry-meta {
  1179. background-color: #fff;
  1180. margin-bottom: 8px;
  1181. }
  1182.  
  1183. .site-content footer.entry-meta {
  1184. margin: 24px auto 0;
  1185. padding: 0 10px;
  1186. }
  1187.  
  1188. /* Tag links style */
  1189.  
  1190. .entry-meta .tag-links a {
  1191. background-color: #767676;
  1192. border-radius: 0 2px 2px 0;
  1193. color: #fff;
  1194. display: inline-block;
  1195. font-size: 11px;
  1196. font-weight: 700;
  1197. line-height: 1.2727272727;
  1198. margin: 2px 4px 2px 10px;
  1199. padding: 3px 7px;
  1200. position: relative;
  1201. text-transform: uppercase;
  1202. }
  1203.  
  1204. .entry-meta .tag-links a:hover {
  1205. background-color: #41a62a;
  1206. color: #fff;
  1207. }
  1208.  
  1209. .entry-meta .tag-links a:before {
  1210. border-top: 10px solid transparent;
  1211. border-right: 8px solid #767676;
  1212. border-bottom: 10px solid transparent;
  1213. content: "";
  1214. height: 0;
  1215. position: absolute;
  1216. top: 0;
  1217. left: -8px;
  1218. width: 0;
  1219. }
  1220.  
  1221. .entry-meta .tag-links a:hover:before {
  1222. border-right-color: #41a62a;
  1223. }
  1224.  
  1225. .entry-meta .tag-links a:after {
  1226. background-color: #fff;
  1227. border-radius: 50%;
  1228. content: "";
  1229. height: 4px;
  1230. position: absolute;
  1231. top: 8px;
  1232. left: -2px;
  1233. width: 4px;
  1234. }
  1235.  
  1236.  
  1237. /**
  1238. * 6.4 Entry Content
  1239. * -----------------------------------------------------------------------------
  1240. */
  1241.  
  1242. .entry-content,
  1243. .entry-summary,
  1244. .page-content {
  1245. -webkit-hyphens: auto;
  1246. -moz-hyphens: auto;
  1247. -ms-hyphens: auto;
  1248. hyphens: auto;
  1249. word-wrap: break-word;
  1250. }
  1251.  
  1252. .site-content .entry-content,
  1253. .site-content .entry-summary,
  1254. .page-content {
  1255. background-color: #fff;
  1256. padding: 12px 10px 0;
  1257. }
  1258.  
  1259. .page .entry-content {
  1260. padding-top: 0;
  1261. }
  1262.  
  1263. .entry-content h1:first-child,
  1264. .entry-content h2:first-child,
  1265. .entry-content h3:first-child,
  1266. .entry-content h4:first-child,
  1267. .entry-content h5:first-child,
  1268. .entry-content h6:first-child,
  1269. .entry-summary h1:first-child,
  1270. .entry-summary h2:first-child,
  1271. .entry-summary h3:first-child,
  1272. .entry-summary h4:first-child,
  1273. .entry-summary h5:first-child,
  1274. .entry-summary h6:first-child,
  1275. .page-content h1:first-child,
  1276. .page-content h2:first-child,
  1277. .page-content h3:first-child,
  1278. .page-content h4:first-child,
  1279. .page-content h5:first-child,
  1280. .page-content h6:first-child {
  1281. margin-top: 0;
  1282. }
  1283.  
  1284. .entry-content a,
  1285. .entry-summary a,
  1286. .page-content a,
  1287. .comment-content a {
  1288. text-decoration: underline;
  1289. }
  1290.  
  1291. .entry-content a:hover,
  1292. .entry-summary a:hover,
  1293. .page-content a:hover,
  1294. .comment-content a:hover,
  1295. .entry-content a.button,
  1296. .entry-summary a.button,
  1297. .page-content a.button,
  1298. .comment-content a.button {
  1299. text-decoration: none;
  1300. }
  1301.  
  1302. .entry-content table,
  1303. .comment-content table {
  1304. font-size: 14px;
  1305. line-height: 1.2857142857;
  1306. margin-bottom: 24px;
  1307. }
  1308.  
  1309. .entry-content th,
  1310. .comment-content th {
  1311. font-weight: 700;
  1312. padding: 8px;
  1313. text-transform: uppercase;
  1314. }
  1315.  
  1316. .entry-content td,
  1317. .comment-content td {
  1318. padding: 8px;
  1319. }
  1320.  
  1321. .entry-content .edit-link {
  1322. clear: both;
  1323. display: block;
  1324. font-size: 12px;
  1325. font-weight: 400;
  1326. line-height: 1.3333333333;
  1327. text-transform: uppercase;
  1328. }
  1329.  
  1330. .entry-content .edit-link a {
  1331. color: #767676;
  1332. text-decoration: none;
  1333. }
  1334.  
  1335. .entry-content .edit-link a:hover {
  1336. color: #41a62a;
  1337. }
  1338.  
  1339. .entry-content .more-link {
  1340. white-space: nowrap;
  1341. }
  1342.  
  1343. /* Mediaelements */
  1344.  
  1345. .hentry .mejs-container {
  1346. margin: 12px 0 18px;
  1347. }
  1348.  
  1349. .hentry .mejs-mediaelement,
  1350. .hentry .mejs-container .mejs-controls {
  1351. background: #000;
  1352. }
  1353.  
  1354. .hentry .mejs-controls .mejs-tim
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement