API tools faq
paste
Advertisement
Guest User

mobile_menu

a guest
Nov 29th, 2012
569
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 35.37 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name: Twenty Twelve
  3. Theme URI: http://wordpress.org/extend/themes/twentytwelve
  4. Author: the WordPress team
  5. Author URI: http://wordpress.org/
  6. Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with a its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
  7. Version: 1.0
  8. License: GNU General Public License v2 or later
  9. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  10. Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, 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
  11. Text Domain: twentytwelve
  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. /* =Notes
  18. --------------------------------------------------------------
  19. This stylesheet uses rem values with a pixel fallback. The rem
  20. values (and line heights) are calculated using two variables:
  21.  
  22. $rembase:     14;
  23. $line-height: 24;
  24.  
  25. ---------- Examples
  26.  
  27. * Use a pixel value with a rem fallback for font-size, padding, margins, etc.
  28.     padding: 5px 0;
  29.     padding: 0.357142857rem 0; (5 / $rembase)
  30.  
  31. * Set a font-size and then set a line-height based on the font-size
  32.     font-size: 16px
  33.     font-size: 1.142857143rem; (16 / $rembase)
  34.     line-height: 1.5; ($line-height / 16)
  35.  
  36. ---------- Vertical spacing
  37.  
  38. Vertical spacing between most elements should use 24px or 48px
  39. to maintain vertical rhythm:
  40.  
  41. .my-new-div {
  42.     margin: 24px 0;
  43.     margin: 1.714285714rem 0; ( 24 / $rembase )
  44. }
  45.  
  46. ---------- Further reading
  47.  
  48. http://snook.ca/archives/html_and_css/font-size-with-rem
  49. http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/
  50.  
  51.  
  52. /* =Reset
  53. -------------------------------------------------------------- */
  54.  
  55. 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  56.     margin: 0;
  57.     padding: 0;
  58.     border: 0;
  59.     font-size: 100%;
  60.     vertical-align: baseline;
  61. }
  62. body {
  63.     line-height: 1;
  64. }
  65. ol,
  66. ul {
  67.     list-style: none;
  68. }
  69. blockquote,
  70. q {
  71.     quotes: none;
  72. }
  73. blockquote:before,
  74. blockquote:after,
  75. q:before,
  76. q:after {
  77.     content: '';
  78.     content: none;
  79. }
  80. table {
  81.     border-collapse: collapse;
  82.     border-spacing: 0;
  83. }
  84. caption,
  85. th,
  86. td {
  87.     font-weight: normal;
  88.     text-align: left;
  89. }
  90. h1,
  91. h2,
  92. h3,
  93. h4,
  94. h5,
  95. h6 {
  96.     clear: both;
  97. }
  98. html {
  99.     overflow-y: scroll;
  100.     font-size: 100%;
  101.     -webkit-text-size-adjust: 100%;
  102.     -ms-text-size-adjust: 100%;
  103. }
  104. a:focus {
  105.     outline: thin dotted;
  106. }
  107. article,
  108. aside,
  109. details,
  110. figcaption,
  111. figure,
  112. footer,
  113. header,
  114. hgroup,
  115. nav,
  116. section {
  117.     display: block;
  118. }
  119. audio,
  120. canvas,
  121. video {
  122.     display: inline-block;
  123. }
  124. audio:not([controls]) {
  125.     display: none;
  126. }
  127. del {
  128.     color: #333;
  129. }
  130. ins {
  131.     background: #fff9c0;
  132.     text-decoration: none;
  133. }
  134. hr {
  135.     background-color: #ccc;
  136.     border: 0;
  137.     height: 1px;
  138.     margin: 24px;
  139.     margin-bottom: 1.714285714rem;
  140. }
  141. sub,
  142. sup {
  143.     font-size: 75%;
  144.     line-height: 0;
  145.     position: relative;
  146.     vertical-align: baseline;
  147. }
  148. sup {
  149.     top: -0.5em;
  150. }
  151. sub {
  152.     bottom: -0.25em;
  153. }
  154. img {
  155.     border: 0;
  156.     -ms-interpolation-mode: bicubic;
  157. }
  158.  
  159. /* Clearing floats */
  160. .clear:after,
  161. .wrapper:after,
  162. .format-status .entry-header:after {
  163.     clear: both;
  164. }
  165. .clear:before,
  166. .clear:after,
  167. .wrapper:before,
  168. .wrapper:after,
  169. .format-status .entry-header:before,
  170. .format-status .entry-header:after {
  171.     display: table;
  172.     content: "";
  173. }
  174.  
  175.  
  176. /* =Repeatable patterns
  177. -------------------------------------------------------------- */
  178.  
  179. /* Small headers */
  180. .archive-title,
  181. .page-title,
  182. .widget-title,
  183. .entry-content th,
  184. .comment-content th {
  185.     font-size: 11px;
  186.     font-size: 0.785714286rem;
  187.     line-height: 2.181818182;
  188.     font-weight: bold;
  189.     text-transform: uppercase;
  190.     color: #636363;
  191. }
  192.  
  193. /* Shared Post Format styling */
  194. article.format-quote footer.entry-meta,
  195. article.format-link footer.entry-meta,
  196. article.format-status footer.entry-meta {
  197.     font-size: 11px;
  198.     font-size: 0.785714286rem;
  199.     line-height: 2.181818182;
  200. }
  201.  
  202. /* Buttons */
  203. .menu-toggle,
  204. input[type="submit"],
  205. article.post-password-required input[type=submit],
  206. li.bypostauthor cite span {
  207.     padding: 6px 10px;
  208.     padding: 0.428571429rem 0.714285714rem;
  209.     font-size: 11px;
  210.     font-size: 0.785714286rem;
  211.     line-height: 1.428571429;
  212.     font-weight: normal;
  213.     color: #7c7c7c;
  214.     background-color: #e6e6e6;
  215.     background-repeat: repeat-x;
  216.     background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
  217.     background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
  218.     background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
  219.     background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
  220.     background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
  221.     border: 1px solid #d2d2d2;
  222.     border-radius: 3px;
  223.     box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
  224. }
  225. .menu-toggle,
  226. input[type="submit"],
  227. article.post-password-required input[type=submit] {
  228.     cursor: pointer;
  229. }
  230. .menu-toggle:hover,
  231. input[type="submit"]:hover,
  232. article.post-password-required input[type=submit]:hover {
  233.     color: #5e5e5e;
  234.     background-color: #ebebeb;
  235.     background-repeat: repeat-x;
  236.     background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
  237.     background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
  238.     background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
  239.     background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
  240.     background-image: linear-gradient(top, #f9f9f9, #ebebeb);
  241. }
  242. .menu-toggle:active,
  243. .menu-toggle.toggled-on,
  244. input[type="submit"]:active,
  245. article.post-password-required input[type=submit]:active,
  246. input[type="submit"].toggled-on {
  247.     color: #777;
  248.     background-color: #e1e1e1;
  249.     background-repeat: repeat-x;
  250.     background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
  251.     background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
  252.     background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
  253.     background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
  254.     background-image: linear-gradient(top, #ebebeb, #e1e1e1);
  255.     box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
  256.     border: none;
  257. }
  258. li.bypostauthor cite span {
  259.     color: #fff;
  260.     background-color: #21759b;
  261.     background-image: none;
  262.     border: 1px solid #1f6f93;
  263.     border-radius: 2px;
  264.     box-shadow: none;
  265.     padding: 0;
  266. }
  267.  
  268. /* Form fields */
  269. input[type="text"],
  270. input[type="password"],
  271. input[type="email"],
  272. input[type="url"],
  273. textarea {
  274.     padding: 6px;
  275.     padding: 0.428571429rem;
  276.     font-family: inherit;
  277.     border: 1px solid #ccc;
  278.     border-radius: 3px;
  279. }
  280.  
  281. /* Responsive images */
  282. .entry-content img,
  283. .comment-content img,
  284. .widget img {
  285.     max-width: 100%; /* Fluid images for posts, comments, and widgets */
  286. }
  287. img[class*="align"],
  288. img[class*="wp-image-"],
  289. img[class*="attachment-"] {
  290.     height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  291. }
  292. img.size-full,
  293. img.size-large,
  294. img.header-image,
  295. img.wp-post-image {
  296.     max-width: 100%;
  297.     height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  298. }
  299.  
  300. /* Make sure videos and embeds fit their containers */
  301. embed,
  302. iframe,
  303. object,
  304. video {
  305.     max-width: 100%;
  306. }
  307. .entry-content .twitter-tweet-rendered {
  308.     max-width: 100% !important; /* Override the Twitter embed fixed width */
  309. }
  310.  
  311. /* Images */
  312. .alignleft {
  313.     float: left;
  314. }
  315. .alignright {
  316.     float: right;
  317. }
  318. .aligncenter {
  319.     display: block;
  320.     margin-left: auto;
  321.     margin-right: auto;
  322. }
  323. .entry-content img,
  324. .comment-content img,
  325. .widget img,
  326. img.header-image,
  327. .author-avatar img,
  328. img.wp-post-image {
  329.     /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
  330.     border-radius: 3px;
  331.     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  332. }
  333. .wp-caption {
  334.     max-width: 100%; /* Keep wide captions from overflowing their container. */
  335.     padding: 4px;
  336. }
  337. .wp-caption .wp-caption-text,
  338. .gallery-caption,
  339. .entry-caption {
  340.     font-style: italic;
  341.     font-size: 12px;
  342.     font-size: 0.857142857rem;
  343.     line-height: 2;
  344.     color: #777;
  345. }
  346. img.wp-smiley,
  347. .rsswidget img {
  348.     border: 0;
  349.     border-radius: 0;
  350.     box-shadow: none;
  351.     margin-bottom: 0;
  352.     margin-top: 0;
  353.     padding: 0;
  354. }
  355. .entry-content dl.gallery-item {
  356.     margin: 0;
  357. }
  358. .gallery-item a {
  359.     display: block;
  360.     width: 90%;
  361. }
  362. .gallery-columns-1 .gallery-item a {
  363.     max-width: 100%;
  364.     width: auto;
  365. }
  366. .gallery .gallery-icon img {
  367.     height: auto;
  368.     max-width: 90%;
  369.     padding: 5%;
  370. }
  371. .gallery-columns-1 .gallery-icon img {
  372.     padding: 3%;
  373. }
  374.  
  375. /* Navigation */
  376. .site-content nav {
  377.     clear: both;
  378.     line-height: 2;
  379.     overflow: hidden;
  380. }
  381. #nav-above {
  382.     padding: 24px 0;
  383.     padding: 1.714285714rem 0;
  384. }
  385. #nav-above {
  386.     display: none;
  387. }
  388. .paged #nav-above {
  389.     display: block;
  390. }
  391. .nav-previous,
  392. .previous-image {
  393.     float: left;
  394.     width: 50%;
  395. }
  396. .nav-next,
  397. .next-image {
  398.     float: right;
  399.     text-align: right;
  400.     width: 50%;
  401. }
  402. .nav-single + .comments-area,
  403. #comment-nav-above {
  404.     margin: 48px 0;
  405.     margin: 3.428571429rem 0;
  406. }
  407.  
  408. /* Author profiles */
  409. .author .archive-header {
  410.     margin-bottom: 24px;
  411.     margin-bottom: 1.714285714rem;
  412. }
  413. .author-info {
  414.     border-top: 1px solid #ededed;
  415.     margin: 24px 0;
  416.     margin: 1.714285714rem 0;
  417.     padding-top: 24px;
  418.     padding-top: 1.714285714rem;
  419.     overflow: hidden;
  420. }
  421. .author-description p {
  422.     color: #777;
  423.     font-size: 13px;
  424.     font-size: 0.928571429rem;
  425.     line-height: 1.846153846;
  426. }
  427. .author.archive .author-info {
  428.     border-top: 0;
  429.     margin: 0 0 48px;
  430.     margin: 0 0 3.428571429rem;
  431. }
  432. .author.archive .author-avatar {
  433.     margin-top: 0;
  434. }
  435.  
  436.  
  437. /* =Basic structure
  438. -------------------------------------------------------------- */
  439.  
  440. /* Body, links, basics */
  441. html {
  442.     font-size: 87.5%;
  443. }
  444. body {
  445.     font-size: 14px;
  446.     font-size: 1rem;
  447.     font-family: Helvetica, Arial, sans-serif;
  448.     text-rendering: optimizeLegibility;
  449.     color: #444;
  450. }
  451. body.custom-font-enabled {
  452.     font-family: "Open Sans", Helvetica, Arial, sans-serif;
  453. }
  454. a {
  455.     outline: none;
  456.     color: #21759b;
  457. }
  458. a:hover {
  459.     color: #0f3647;
  460. }
  461.  
  462. /* Assistive text */
  463. .skip-link,
  464. .screen-reader-text,
  465. .assistive-text {
  466.     position: absolute !important;
  467.     clip: rect(1px, 1px, 1px, 1px);
  468. }
  469.  
  470. /* Page structure */
  471. .site {
  472.     padding: 0 24px;
  473.     padding: 0 1.714285714rem;
  474.     background-color: #fff;
  475. }
  476. .site-content {
  477.     margin: 24px 0 0;
  478.     margin: 1.714285714rem 0 0;
  479. }
  480. .widget-area {
  481.     margin: 24px 0 0;
  482.     margin: 1.714285714rem 0 0;
  483. }
  484.  
  485. /* Header */
  486. .site-header {
  487.     padding: 24px 0;
  488.     padding: 1.714285714rem 0;
  489. }
  490. .site-header h1,
  491. .site-header h2 {
  492.     text-align: center;
  493. }
  494. .site-header h1 a,
  495. .site-header h2 a {
  496.     color: #515151;
  497.     display: inline-block;
  498.     text-decoration: none;
  499. }
  500. .site-header h1 a:hover,
  501. .site-header h2 a:hover {
  502.     color: #21759b;
  503. }
  504. .site-header h1 {
  505.     font-size: 24px;
  506.     font-size: 1.714285714rem;
  507.     line-height: 2;
  508. }
  509. .site-header h2 {
  510.     font-weight: normal;
  511.     font-size: 13px;
  512.     font-size: 0.928571429rem;
  513.     line-height: 1.846153846;
  514.     color: #777;
  515. }
  516. .header-image {
  517.     margin-top: 24px;
  518.     margin-top: 1.714285714rem;
  519. }
  520.  
  521. /* Navigation Menu */
  522. .main-navigation {
  523.     margin-top: 24px;
  524.     margin-top: 1.714285714rem;
  525.     text-align: center;
  526. }
  527. .main-navigation li {
  528.     margin-top: 24px;
  529.     margin-top: 1.714285714rem;
  530.     font-size: 12px;
  531.     font-size: 0.857142857rem;
  532.     line-height: 1.42857143;
  533. }
  534. .main-navigation a {
  535.     color: #5e5e5e;
  536. }
  537. .main-navigation a:hover {
  538.     color: #21759b;
  539. }
  540. .main-navigation ul.nav-menu,
  541. .main-navigation div.nav-menu > ul {
  542.     display: none;
  543. }
  544. .main-navigation ul.nav-menu.toggled-on,
  545. .menu-toggle {
  546.     display: inline-block;
  547. }
  548.  
  549. /* Banner */
  550. section[role="banner"] {
  551.     margin-bottom: 48px;
  552.     margin-bottom: 3.428571429rem;
  553. }
  554.  
  555. /* Sidebar */
  556. .widget-area .widget {
  557.     word-wrap: break-word;
  558.     -webkit-hyphens: auto;
  559.     -moz-hyphens: auto;
  560.     hyphens: auto;
  561.     margin-bottom: 48px;
  562.     margin-bottom: 3.428571429rem;
  563. }
  564. .widget-area .widget h3 {
  565.     margin-bottom: 24px;
  566.     margin-bottom: 1.714285714rem;
  567. }
  568. .widget-area .widget p,
  569. .widget-area .widget li,
  570. .widget-area .widget .textwidget {
  571.     font-size: 13px;
  572.     font-size: 0.928571429rem;
  573.     line-height: 1.846153846;
  574. }
  575. .widget-area .widget p {
  576.     margin-bottom: 24px;
  577.     margin-bottom: 1.714285714rem;
  578. }
  579. .widget-area .textwidget ul {
  580.     list-style: disc outside;
  581.     margin: 0 0 24px;
  582.     margin: 0 0 1.714285714rem;
  583. }
  584. .widget-area .textwidget li {
  585.     margin-left: 36px;
  586.     margin-left: 2.571428571rem;
  587. }
  588. .widget-area .widget a {
  589.     color: #777;
  590. }
  591. .widget-area .widget a:hover {
  592.     color: #21759b;
  593. }
  594.  
  595. /* Footer */
  596. footer[role="contentinfo"] {
  597.     border-top: 1px solid #ededed;
  598.     clear: both;
  599.     font-size: 12px;
  600.     font-size: 0.857142857rem;
  601.     line-height: 2;
  602.     max-width: 960px;
  603.     max-width: 68.571428571rem;
  604.     margin-top: 24px;
  605.     margin-top: 1.714285714rem;
  606.     margin-left: auto;
  607.     margin-right: auto;
  608.     padding: 24px 0;
  609.     padding: 1.714285714rem 0;
  610. }
  611. footer[role="contentinfo"] a {
  612.     color: #686868;
  613. }
  614. footer[role="contentinfo"] a:hover {
  615.     color: #21759b;
  616. }
  617.  
  618.  
  619. /* =Main content
  620. -------------------------------------------------------------- */
  621.  
  622. .entry-meta {
  623.     clear: both;
  624. }
  625. .entry-header {
  626.     margin-bottom: 24px;
  627.     margin-bottom: 1.714285714rem;
  628. }
  629. .entry-header img.wp-post-image {
  630.     margin-bottom: 24px;
  631.     margin-bottom: 1.714285714rem;
  632. }
  633. .entry-header .entry-title {
  634.     font-size: 20px;
  635.     font-size: 1.428571429rem;
  636.     line-height: 1.2;
  637.     font-weight: normal;
  638. }
  639. .entry-header .entry-title a {
  640.     text-decoration: none;
  641. }
  642. .entry-header .entry-format {
  643.     margin-top: 24px;
  644.     margin-top: 1.714285714rem;
  645.     font-weight: normal;
  646. }
  647. .entry-header .comments-link {
  648.     margin-top: 24px;
  649.     margin-top: 1.714285714rem;
  650.     font-size: 13px;
  651.     font-size: 0.928571429rem;
  652.     line-height: 1.846153846;
  653.     color: #777;
  654. }
  655. .comments-link a,
  656. .entry-meta a {
  657.     color: #777;
  658. }
  659. .comments-link a:hover,
  660. .entry-meta a:hover {
  661.     color: #21759b;
  662. }
  663. article.sticky .featured-post {
  664.     border-top: 4px double #ededed;
  665.     border-bottom: 4px double #ededed;
  666.     color: #777;
  667.     font-size: 13px;
  668.     font-size: 0.928571429rem;
  669.     line-height: 3.692307692;
  670.     margin-bottom: 24px;
  671.     margin-bottom: 1.714285714rem;
  672.     text-align: center;
  673. }
  674. .entry-content,
  675. .entry-summary {
  676.     line-height: 1.714285714;
  677. }
  678. .entry-content h1,
  679. .comment-content h1,
  680. .entry-content h2,
  681. .comment-content h2,
  682. .entry-content h3,
  683. .comment-content h3,
  684. .entry-content h4,
  685. .comment-content h4,
  686. .entry-content h5,
  687. .comment-content h5,
  688. .entry-content h6,
  689. .comment-content h6 {
  690.     margin: 24px 0;
  691.     margin: 1.714285714rem 0;
  692.     line-height: 1.714285714;
  693. }
  694. .entry-content h1,
  695. .comment-content h1 {
  696.     font-size: 21px;
  697.     font-size: 1.5rem;
  698.     line-height: 1.5;
  699. }
  700. .entry-content h2,
  701. .comment-content h2 {
  702.     font-size: 18px;
  703.     font-size: 1.285714286rem;
  704.     line-height: 1.6;
  705. }
  706. .entry-content h3,
  707. .comment-content h3 {
  708.     font-size: 16px;
  709.     font-size: 1.142857143rem;
  710.     line-height: 1.846153846;
  711. }
  712. .entry-content h4,
  713. .comment-content h4 {
  714.     font-size: 14px;
  715.     font-size: 1rem;
  716.     line-height: 1.846153846;
  717. }
  718. .entry-content h5,
  719. .comment-content h5 {
  720.     font-size: 13px;
  721.     font-size: 0.928571429rem;
  722.     line-height: 1.846153846;
  723. }
  724. .entry-content h6,
  725. .comment-content h6 {
  726.     font-size: 12px;
  727.     font-size: 0.857142857rem;
  728.     line-height: 1.846153846;
  729. }
  730. .entry-content p,
  731. .entry-summary p,
  732. .comment-content p {
  733.     margin: 0 0 24px;
  734.     margin: 0 0 1.714285714rem;
  735.     line-height: 1.714285714;
  736. }
  737. .entry-content ol,
  738. .comment-content ol,
  739. .entry-content ul,
  740. .comment-content ul {
  741.     margin: 0 0 24px;
  742.     margin: 0 0 1.714285714rem;
  743.     line-height: 1.714285714;
  744. }
  745. .entry-content ul ul,
  746. .comment-content ul ul,
  747. .entry-content ol ol,
  748. .comment-content ol ol,
  749. .entry-content ul ol,
  750. .comment-content ul ol,
  751. .entry-content ol ul,
  752. .comment-content ol ul {
  753.     margin-bottom: 0;
  754. }
  755. .entry-content ul,
  756. .comment-content ul {
  757.     list-style: disc outside;
  758. }
  759. .entry-content ol,
  760. .comment-content ol {
  761.     list-style: decimal outside;
  762. }
  763. .entry-content li,
  764. .comment-content li {
  765.     margin: 0 0 0 36px;
  766.     margin: 0 0 0 2.571428571rem;
  767. }
  768. .entry-content blockquote,
  769. .comment-content blockquote {
  770.     margin-bottom: 24px;
  771.     margin-bottom: 1.714285714rem;
  772.     padding: 24px;
  773.     padding: 1.714285714rem;
  774.     font-style: italic;
  775. }
  776. .entry-content blockquote p:last-child,
  777. .comment-content blockquote p:last-child {
  778.     margin-bottom: 0;
  779. }
  780. .entry-content code,
  781. .comment-content code {
  782.     font-family: Consolas, Monaco, Lucida Console, monospace;
  783.     font-size: 12px;
  784.     font-size: 0.857142857rem;
  785.     line-height: 2;
  786. }
  787. .entry-content pre,
  788. .comment-content pre {
  789.     border: 1px solid #ededed;
  790.     color: #666;
  791.     font-family: Consolas, Monaco, Lucida Console, monospace;
  792.     font-size: 12px;
  793.     font-size: 0.857142857rem;
  794.     line-height: 1.714285714;
  795.     margin: 24px 0;
  796.     margin: 1.714285714rem 0;
  797.     overflow: auto;
  798.     padding: 24px;
  799.     padding: 1.714285714rem;
  800. }
  801. .entry-content pre code,
  802. .comment-content pre code {
  803.     display: block;
  804. }
  805. .entry-content abbr,
  806. .comment-content abbr,
  807. .entry-content dfn,
  808. .comment-content dfn,
  809. .entry-content acronym,
  810. .comment-content acronym {
  811.     border-bottom: 1px dotted #666;
  812.     cursor: help;
  813. }
  814. .entry-content address,
  815. .comment-content address {
  816.     display: block;
  817.     line-height: 1.714285714;
  818.     margin: 0 0 24px;
  819.     margin: 0 0 1.714285714rem;
  820. }
  821. img.alignleft {
  822.     margin: 12px 24px 12px 0;
  823.     margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
  824. }
  825. img.alignright {
  826.     margin: 12px 0 12px 24px;
  827.     margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
  828. }
  829. img.aligncenter {
  830.     margin-top: 12px;
  831.     margin-top: 0.857142857rem;
  832.     margin-bottom: 12px;
  833.     margin-bottom: 0.857142857rem;
  834. }
  835. .entry-content embed,
  836. .entry-content iframe,
  837. .entry-content object,
  838. .entry-content video {
  839.     margin-bottom: 24px;
  840.     margin-bottom: 1.714285714rem;
  841. }
  842. .entry-content dl,
  843. .comment-content dl {
  844.     margin: 0 24px;
  845.     margin: 0 1.714285714rem;
  846. }
  847. .entry-content dt,
  848. .comment-content dt {
  849.     font-weight: bold;
  850.     line-height: 1.714285714;
  851. }
  852. .entry-content dd,
  853. .comment-content dd {
  854.     line-height: 1.714285714;
  855.     margin-bottom: 24px;
  856.     margin-bottom: 1.714285714rem;
  857. }
  858. .entry-content table,
  859. .comment-content table {
  860.     border-bottom: 1px solid #ededed;
  861.     color: #777;
  862.     font-size: 12px;
  863.     font-size: 0.857142857rem;
  864.     line-height: 2;
  865.     margin: 0 0 24px;
  866.     margin: 0 0 1.714285714rem;
  867.     width: 100%;
  868. }
  869. .entry-content table caption,
  870. .comment-content table caption {
  871.     font-size: 16px;
  872.     font-size: 1.142857143rem;
  873.     margin: 24px 0;
  874.     margin: 1.714285714rem 0;
  875. }
  876. .entry-content td,
  877. .comment-content td {
  878.     border-top: 1px solid #ededed;
  879.     padding: 6px 10px 6px 0;
  880. }
  881. .site-content article {
  882.     padding-bottom: 24px;
  883.     padding-bottom: 1.714285714rem;
  884.     margin-bottom: 72px;
  885.     margin-bottom: 5.142857143rem;
  886.     border-bottom: 4px double #ededed;
  887. }
  888. .page-links {
  889.     clear: both;
  890.     line-height: 1.714285714;
  891. }
  892. footer.entry-meta {
  893.     margin-top: 24px;
  894.     margin-top: 1.714285714rem;
  895.     font-size: 13px;
  896.     font-size: 0.928571429rem;
  897.     line-height: 1.846153846;
  898.     color: #777;
  899. }
  900. .single-author .entry-meta .by-author {
  901.     display: none;
  902. }
  903.  
  904.  
  905. /* =Archives
  906. -------------------------------------------------------------- */
  907.  
  908. .archive-header,
  909. .page-header {
  910.     margin-bottom: 48px;
  911.     margin-bottom: 3.428571429rem;
  912.     padding-bottom: 22px;
  913.     padding-bottom: 1.571428571rem;
  914.     border-bottom: 1px solid #ededed;
  915. }
  916. .archive-meta {
  917.     color: #777;
  918.     font-size: 12px;
  919.     font-size: 0.857142857rem;
  920.     line-height: 2;
  921.     margin-top: 22px;
  922.     margin-top: 1.571428571rem;
  923. }
  924.  
  925.  
  926. /* =Single image attachment view
  927. -------------------------------------------------------------- */
  928.  
  929. .article.attachment {
  930.     overflow: hidden;
  931. }
  932. .image-attachment div.attachment {
  933.     text-align: center;
  934. }
  935. .image-attachment div.attachment p {
  936.     text-align: center;
  937. }
  938. .image-attachment div.attachment img {
  939.     display: block;
  940.     height: auto;
  941.     margin: 0 auto;
  942.     max-width: 100%;
  943. }
  944. .image-attachment .entry-caption {
  945.     margin-top: 8px;
  946.     margin-top: 0.571428571rem;
  947. }
  948.  
  949.  
  950. /* =Aside post format
  951. -------------------------------------------------------------- */
  952.  
  953. article.format-aside h1 {
  954.     margin-bottom: 24px;
  955.     margin-bottom: 1.714285714rem;
  956. }
  957. article.format-aside h1 a {
  958.     text-decoration: none;
  959.     color: #4d525a;
  960. }
  961. article.format-aside h1 a:hover {
  962.     color: #2e3542;
  963. }
  964. article.format-aside .aside {
  965.     padding: 24px 24px 0;
  966.     padding: 1.714285714rem;
  967.     background: #d2e0f9;
  968.     border-left: 22px solid #a8bfe8;
  969. }
  970. article.format-aside p {
  971.     font-size: 13px;
  972.     font-size: 0.928571429rem;
  973.     line-height: 1.846153846;
  974.     color: #4a5466;
  975. }
  976. article.format-aside blockquote:last-child,
  977. article.format-aside p:last-child {
  978.     margin-bottom: 0;
  979. }
  980.  
  981.  
  982. /* =Post formats
  983. -------------------------------------------------------------- */
  984.  
  985. /* Image posts */
  986. article.format-image footer h1 {
  987.     font-size: 13px;
  988.     font-size: 0.928571429rem;
  989.     line-height: 1.846153846;
  990.     font-weight: normal;
  991. }
  992. article.format-image footer h2 {
  993.     font-size: 11px;
  994.     font-size: 0.785714286rem;
  995.     line-height: 2.181818182;
  996. }
  997. article.format-image footer a h2 {
  998.     font-weight: normal;
  999. }
  1000.  
  1001. /* Link posts */
  1002. article.format-link header {
  1003.     padding: 0 10px;
  1004.     padding: 0 0.714285714rem;
  1005.     float: right;
  1006.     font-size: 11px;
  1007.     font-size: 0.785714286rem;
  1008.     line-height: 2.181818182;
  1009.     font-weight: bold;
  1010.     font-style: italic;
  1011.     text-transform: uppercase;
  1012.     color: #848484;
  1013.     background-color: #ebebeb;
  1014.     border-radius: 3px;
  1015. }
  1016. article.format-link .entry-content {
  1017.     max-width: 80%;
  1018.     float: left;
  1019. }
  1020. article.format-link .entry-content a {
  1021.     font-size: 22px;
  1022.     font-size: 1.571428571rem;
  1023.     line-height: 1.090909091;
  1024.     text-decoration: none;
  1025. }
  1026.  
  1027. /* Quote posts */
  1028. article.format-quote .entry-content p {
  1029.     margin: 0;
  1030.     padding-bottom: 24px;
  1031.     padding-bottom: 1.714285714rem;
  1032. }
  1033. article.format-quote .entry-content blockquote {
  1034.     display: block;
  1035.     padding: 24px 24px 0;
  1036.     padding: 1.714285714rem 1.714285714rem 0;
  1037.     font-size: 15px;
  1038.     font-size: 1.071428571rem;
  1039.     line-height: 1.6;
  1040.     font-style: normal;
  1041.     color: #6a6a6a;
  1042.     background: #efefef;
  1043. }
  1044.  
  1045. /* Status posts */
  1046. .format-status .entry-header {
  1047.     margin-bottom: 24px;
  1048.     margin-bottom: 1.714285714rem;
  1049. }
  1050. .format-status .entry-header header {
  1051.     display: inline-block;
  1052. }
  1053. .format-status .entry-header h1 {
  1054.     font-size: 15px;
  1055.     font-size: 1.071428571rem;
  1056.     font-weight: normal;
  1057.     line-height: 1.6;
  1058.     margin: 0;
  1059. }
  1060. .format-status .entry-header h2 {
  1061.     font-size: 12px;
  1062.     font-size: 0.857142857rem;
  1063.     font-weight: normal;
  1064.     line-height: 2;
  1065.     margin: 0;
  1066. }
  1067. .format-status .entry-header header a {
  1068.     color: #777;
  1069. }
  1070. .format-status .entry-header header a:hover {
  1071.     color: #21759b;
  1072. }
  1073. .format-status .entry-header img {
  1074.     float: left;
  1075.     margin-right: 21px;
  1076.     margin-right: 1.5rem;
  1077. }
  1078.  
  1079.  
  1080. /* =Comments
  1081. -------------------------------------------------------------- */
  1082.  
  1083. .comments-title {
  1084.     margin-bottom: 48px;
  1085.     margin-bottom: 3.428571429rem;
  1086.     font-size: 16px;
  1087.     font-size: 1.142857143rem;
  1088.     line-height: 1.5;
  1089.     font-weight: normal;
  1090. }
  1091. .comments-area article {
  1092.     margin: 24px 0;
  1093.     margin: 1.714285714rem 0;
  1094. }
  1095. .comments-area article header {
  1096.     margin: 0 0 48px;
  1097.     margin: 0 0 3.428571429rem;
  1098.     overflow: hidden;
  1099.     position: relative;
  1100. }
  1101. .comments-area article header img {
  1102.     float: left;
  1103.     padding: 0;
  1104.     line-height: 0;
  1105. }
  1106. .comments-area article header cite,
  1107. .comments-area article header time {
  1108.     display: block;
  1109.     margin-left: 85px;
  1110.     margin-left: 6.071428571rem;
  1111. }
  1112. .comments-area article header cite {
  1113.     font-style: normal;
  1114.     font-size: 15px;
  1115.     font-size: 1.071428571rem;
  1116.     line-height: 1.42857143;
  1117. }
  1118. .comments-area article header time {
  1119.     line-height: 1.714285714;
  1120.     text-decoration: none;
  1121.     font-size: 12px;
  1122.     font-size: 0.857142857rem;
  1123.     color: #5e5e5e;
  1124. }
  1125. .comments-area article header a {
  1126.     text-decoration: none;
  1127.     color: #5e5e5e;
  1128. }
  1129. .comments-area article header a:hover {
  1130.     color: #21759b;
  1131. }
  1132. .comments-area article header cite a {
  1133.     color: #444;
  1134. }
  1135. .comments-area article header cite a:hover {
  1136.     text-decoration: underline;
  1137. }
  1138. .comments-area article header h4 {
  1139.     position: absolute;
  1140.     top: 0;
  1141.     right: 0;
  1142.     padding: 6px 12px;
  1143.     padding: 0.428571429rem 0.857142857rem;
  1144.     font-size: 12px;
  1145.     font-size: 0.857142857rem;
  1146.     font-weight: normal;
  1147.     color: #fff;
  1148.     background-color: #0088d0;
  1149.     background-repeat: repeat-x;
  1150.     background-image: -moz-linear-gradient(top, #009cee, #0088d0);
  1151.     background-image: -ms-linear-gradient(top, #009cee, #0088d0);
  1152.     background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
  1153.     background-image: -o-linear-gradient(top, #009cee, #0088d0);
  1154.     background-image: linear-gradient(top, #009cee, #0088d0);
  1155.     border-radius: 3px;
  1156.     border: 1px solid #007cbd;
  1157. }
  1158. .comments-area li.bypostauthor cite span {
  1159.     position: absolute;
  1160.     margin-left: 5px;
  1161.     margin-left: 0.357142857rem;
  1162.     padding: 2px 5px;
  1163.     padding: 0.142857143rem 0.357142857rem;
  1164.     font-size: 10px;
  1165.     font-size: 0.714285714rem;
  1166. }
  1167. a.comment-reply-link {
  1168.     font-size: 13px;
  1169.     font-size: 0.928571429rem;
  1170.     line-height: 1.846153846;
  1171.     color: #686868;
  1172. }
  1173. a.comment-reply-link:hover {
  1174.     color: #21759b;
  1175. }
  1176. .commentlist .pingback {
  1177.     line-height: 1.714285714;
  1178.     margin-bottom: 24px;
  1179.     margin-bottom: 1.714285714rem;
  1180. }
  1181. .commentlist .children {
  1182.     margin-left: 48px;
  1183.     margin-left: 3.428571429rem;
  1184. }
  1185.  
  1186. /* Comment form */
  1187. #respond {
  1188.     margin-top: 48px;
  1189.     margin-top: 3.428571429rem;
  1190. }
  1191. #respond h3#reply-title {
  1192.     font-size: 16px;
  1193.     font-size: 1.142857143rem;
  1194.     line-height: 1.5;
  1195. }
  1196. #respond h3#reply-title #cancel-comment-reply-link {
  1197.     margin-left: 10px;
  1198.     margin-left: 0.714285714rem;
  1199.     font-weight: normal;
  1200.     font-size: 12px;
  1201.     font-size: 0.857142857rem;
  1202. }
  1203. #respond form {
  1204.     margin: 24px 0;
  1205.     margin: 1.714285714rem 0;
  1206. }
  1207. #respond form p {
  1208.     margin: 11px 0;
  1209.     margin: 0.785714286rem 0;
  1210. }
  1211. #respond form p.logged-in-as {
  1212.     margin-bottom: 24px;
  1213.     margin-bottom: 1.714285714rem;
  1214. }
  1215. #respond form label {
  1216.     display: block;
  1217.     line-height: 1.714285714;
  1218. }
  1219. #respond form input[type="text"],
  1220. #respond form textarea {
  1221.     -moz-box-sizing: border-box;
  1222.     box-sizing: border-box;
  1223.     font-size: 12px;
  1224.     font-size: 0.857142857rem;
  1225.     line-height: 1.714285714;
  1226.     padding: 10px;
  1227.     padding: 0.714285714rem;
  1228.     width: 100%;
  1229. }
  1230. #respond form p.form-allowed-tags {
  1231.     margin: 0;
  1232.     font-size: 12px;
  1233.     font-size: 0.857142857rem;
  1234.     line-height: 2;
  1235.     color: #5e5e5e;
  1236. }
  1237. .required {
  1238.     color: red;
  1239. }
  1240. label ~ span.required {
  1241.     display: block;
  1242.     float: left;
  1243.     margin: -18px 0 0 -16px;
  1244.     margin: -1.285714286rem 0 0 -1.142857143rem;
  1245. }
  1246.  
  1247.  
  1248. /* =Front page template
  1249. -------------------------------------------------------------- */
  1250.  
  1251. .entry-page-image {
  1252.     margin-bottom: 14px;
  1253.     margin-bottom: 1rem;
  1254. }
  1255. .template-front-page .site-content article {
  1256.     border: 0;
  1257.     margin-bottom: 0;
  1258. }
  1259. .template-front-page .widget-area {
  1260.     clear: both;
  1261.     float: none;
  1262.     width: auto;
  1263.     padding-top: 24px;
  1264.     padding-top: 1.714285714rem;
  1265.     border-top: 1px solid #ededed;
  1266. }
  1267. .template-front-page .widget-area .widget li {
  1268.     margin: 8px 0 0;
  1269.     margin: 0.571428571rem 0 0;
  1270.     font-size: 13px;
  1271.     font-size: 0.928571429rem;
  1272.     line-height: 1.714285714;
  1273.     list-style-type: square;
  1274.     list-style-position: inside;
  1275. }
  1276. .template-front-page .widget-area .widget li a {
  1277.     color: #777;
  1278. }
  1279. .template-front-page .widget-area .widget li a:hover {
  1280.     color: #21759b;
  1281. }
  1282. .template-front-page .widget-area .widget_text img {
  1283.     float: left;
  1284.     margin: 8px 24px 8px 0;
  1285.     margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
  1286. }
  1287.  
  1288.  
  1289. /* =Widgets
  1290. -------------------------------------------------------------- */
  1291.  
  1292. .widget-area .widget ul ul {
  1293.     margin-left: 12px;
  1294.     margin-left: 0.857142857rem;
  1295. }
  1296. .widget_rss li {
  1297.     margin: 12px 0;
  1298.     margin: 0.857142857rem 0;
  1299. }
  1300. .widget_recent_entries .post-date,
  1301. .widget_rss .rss-date {
  1302.     color: #aaa;
  1303.     font-size: 11px;
  1304.     font-size: 0.785714286rem;
  1305.     margin-left: 12px;
  1306.     margin-left: 0.857142857rem;
  1307. }
  1308. #wp-calendar {
  1309.     margin: 0;
  1310.     width: 100%;
  1311.     font-size: 13px;
  1312.     font-size: 0.928571429rem;
  1313.     line-height: 1.846153846;
  1314.     color: #686868;
  1315. }
  1316. #wp-calendar th,
  1317. #wp-calendar td,
  1318. #wp-calendar caption {
  1319.     text-align: left;
  1320. }
  1321. #wp-calendar #next {
  1322.     padding-right: 24px;
  1323.     padding-right: 1.714285714rem;
  1324.     text-align: right;
  1325. }
  1326. .widget_search label {
  1327.     display: block;
  1328.     font-size: 13px;
  1329.     font-size: 0.928571429rem;
  1330.     line-height: 1.846153846;
  1331. }
  1332. .widget_twitter li {
  1333.     list-style-type: none;
  1334. }
  1335. .widget_twitter .timesince {
  1336.     display: block;
  1337.     text-align: right;
  1338. }
  1339.  
  1340.  
  1341. /* =Plugins
  1342. ----------------------------------------------- */
  1343.  
  1344. img#wpstats {
  1345.     display: block;
  1346.     margin: 0 auto 24px;
  1347.     margin: 0 auto 1.714285714rem;
  1348. }
  1349.  
  1350.  
  1351. /* =Media queries
  1352. -------------------------------------------------------------- */
  1353.  
  1354. /* Minimum width of 600 pixels. */
  1355. @media screen and (min-width: 600px) {
  1356.     .author-avatar {
  1357.         float: left;
  1358.         margin-top: 8px;
  1359.         margin-top: 0.571428571rem;
  1360.     }
  1361.     .author-description {
  1362.         float: right;
  1363.         width: 80%;
  1364.     }
  1365.     .site {
  1366.         margin: 0 auto;
  1367.         max-width: 960px;
  1368.         max-width: 68.571428571rem;
  1369.         overflow: hidden;
  1370.     }
  1371.     .site-content {
  1372.         float: left;
  1373.         width: 65.104166667%;
  1374.     }
  1375.     body.template-front-page .site-content,
  1376.     body.single-attachment .site-content,
  1377.     body.full-width .site-content {
  1378.         width: 100%;
  1379.     }
  1380.     .widget-area {
  1381.         float: right;
  1382.         width: 26.041666667%;
  1383.     }
  1384.     .site-header h1,
  1385.     .site-header h2 {
  1386.         text-align: left;
  1387.     }
  1388.     .site-header h1 {
  1389.         font-size: 26px;
  1390.         font-size: 1.857142857rem;
  1391.         line-height: 1.846153846;
  1392.     }
  1393.     .main-navigation ul.nav-menu,
  1394.     .main-navigation div.nav-menu > ul {
  1395.         border-bottom: 1px solid #ededed;
  1396.         border-top: 1px solid #ededed;
  1397.         display: inline-block !important;
  1398.         text-align: left;
  1399.         width: 100%;
  1400.     }
  1401.     .main-navigation ul {
  1402.         margin: 0;
  1403.         text-indent: 0;
  1404.     }
  1405.     .main-navigation li a,
  1406.     .main-navigation li {
  1407.         display: inline-block;
  1408.         text-decoration: none;
  1409.     }
  1410.     .main-navigation li a {
  1411.         border-bottom: 0;
  1412.         color: #6a6a6a;
  1413.         line-height: 3.692307692;
  1414.         text-transform: uppercase;
  1415.     }
  1416.     .main-navigation li a:hover {
  1417.         color: #000;
  1418.     }
  1419.     .main-navigation li {
  1420.         margin: 0 40px 0 0;
  1421.         margin: 0 2.857142857rem 0 0;
  1422.         position: relative;
  1423.     }
  1424.     .main-navigation li ul {
  1425.         display: none;
  1426.         margin: 0;
  1427.         padding: 0;
  1428.         position: absolute;
  1429.         top: 100%;
  1430.         z-index: 1;
  1431.     }
  1432.     .main-navigation li ul ul {
  1433.         top: 0;
  1434.         left: 100%;
  1435.     }
  1436.     .main-navigation ul li:hover > ul {
  1437.         border-left: 0;
  1438.         display: block;
  1439.     }
  1440.     .main-navigation li ul li a {
  1441.         background: #efefef;
  1442.         border-bottom: 1px solid #ededed;
  1443.         display: block;
  1444.         font-size: 11px;
  1445.         font-size: 0.785714286rem;
  1446.         line-height: 2.181818182;
  1447.         padding: 8px 10px;
  1448.         padding: 0.571428571rem 0.714285714rem;
  1449.         width: 180px;
  1450.         width: 12.85714286rem;
  1451.     }
  1452.     .main-navigation li ul li a:hover {
  1453.         background: #e3e3e3;
  1454.         color: #444;
  1455.     }
  1456.     .main-navigation .current-menu-item > a,
  1457.     .main-navigation .current-menu-ancestor > a,
  1458.     .main-navigation .current_page_item > a,
  1459.     .main-navigation .current_page_ancestor > a {
  1460.         color: #636363;
  1461.         font-weight: bold;
  1462.     }
  1463.     .menu-toggle {
  1464.         display: none;
  1465.     }
  1466.     .entry-header .entry-title {
  1467.         font-size: 22px;
  1468.         font-size: 1.571428571rem;
  1469.     }
  1470.     #respond form input[type="text"] {
  1471.         width: 46.333333333%;
  1472.     }
  1473.     #respond form textarea.blog-textarea {
  1474.         width: 79.666666667%;
  1475.     }
  1476.     .template-front-page .site-content,
  1477.     .template-front-page article {
  1478.         overflow: hidden;
  1479.     }
  1480.     .template-front-page.has-post-thumbnail article {
  1481.         float: left;
  1482.         width: 47.916666667%;
  1483.     }
  1484.     .entry-page-image {
  1485.         float: right;
  1486.         margin-bottom: 0;
  1487.         width: 47.916666667%;
  1488.     }
  1489.     .template-front-page .widget-area .widget,
  1490.     .template-front-page.two-sidebars .widget-area .front-widgets {
  1491.         float: left;
  1492.         width: 51.875%;
  1493.         margin-bottom: 24px;
  1494.         margin-bottom: 1.714285714rem;
  1495.     }
  1496.     .template-front-page .widget-area .widget:nth-child(odd) {
  1497.         clear: right;
  1498.     }
  1499.     .template-front-page .widget-area .widget:nth-child(even),
  1500.     .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
  1501.         float: right;
  1502.         width: 39.0625%;
  1503.         margin: 0 0 24px;
  1504.         margin: 0 0 1.714285714rem;
  1505.     }
  1506.     .template-front-page.two-sidebars .widget,
  1507.     .template-front-page.two-sidebars .widget:nth-child(even) {
  1508.         float: none;
  1509.         width: auto;
  1510.     }
  1511. }
  1512.  
  1513. /* Minimum width of 960 pixels. */
  1514. @media screen and (min-width: 960px) {
  1515.     body {
  1516.         background-color: #e6e6e6;
  1517.     }
  1518.     body .site {
  1519.         padding: 0 40px;
  1520.         padding: 0 2.857142857rem;
  1521.         margin-top: 48px;
  1522.         margin-top: 3.428571429rem;
  1523.         margin-bottom: 48px;
  1524.         margin-bottom: 3.428571429rem;
  1525.         box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
  1526.     }
  1527.     body.custom-background-empty {
  1528.         background-color: #fff;
  1529.     }
  1530.     body.custom-background-empty .site,
  1531.     body.custom-background-white .site {
  1532.         padding: 0;
  1533.         margin-top: 0;
  1534.         margin-bottom: 0;
  1535.         box-shadow: none;
  1536.     }
  1537. }
  1538.  
  1539.  
  1540. /* =Print
  1541. ----------------------------------------------- */
  1542.  
  1543. @media print {
  1544.     body {
  1545.         background: none !important;
  1546.         font-size: 10pt;
  1547.     }
  1548.     footer a[rel=bookmark]:link:after,
  1549.     footer a[rel=bookmark]:visited:after {
  1550.         content: " [" attr(href) "] "; /* Show URLs */
  1551.     }
  1552.     a {
  1553.         text-decoration: none;
  1554.     }
  1555.     .entry-content img,
  1556.     .comment-content img,
  1557.     .author-avatar img,
  1558.     img.wp-post-image {
  1559.         border-radius: 0;
  1560.         box-shadow: none;
  1561.     }
  1562.     .site {
  1563.         clear: both !important;
  1564.         display: block !important;
  1565.         float: none !important;
  1566.         max-width: 100%;
  1567.         position: relative !important;
  1568.     }
  1569.     .site-header {
  1570.         margin-bottom: 72px;
  1571.         margin-bottom: 5.142857143rem;
  1572.         text-align: left;
  1573.     }
  1574.     .site-header h1 {
  1575.         font-size: 21pt;
  1576.         line-height: 1;
  1577.         text-align: left;
  1578.     }
  1579.     .site-header h2 {
  1580.         font-size: 10pt;
  1581.         text-align: left;
  1582.     }
  1583.     .author-avatar,
  1584.     #colophon,
  1585.     #respond,
  1586.     .commentlist .comment-edit-link,
  1587.     .commentlist .reply,
  1588.     .entry-header .comments-link,
  1589.     .entry-meta .edit-link a,
  1590.     .page-link,
  1591.     .site-content nav,
  1592.     .widget-area,
  1593.     img.header-image,
  1594.     .main-navigation {
  1595.         display: none;
  1596.     }
  1597.     .wrapper {
  1598.         border-top: none;
  1599.         box-shadow: none;
  1600.     }
  1601.     .site-content {
  1602.         float: left;
  1603.         margin: 0;
  1604.         width: 100%;
  1605.     }
  1606.     .site-content {
  1607.         margin: 0;
  1608.         width: auto;
  1609.     }
  1610.     .singular .entry-header .entry-meta {
  1611.         position: static;
  1612.     }
  1613.     .singular .site-content,
  1614.     .singular .entry-header,
  1615.     .singular .entry-content,
  1616.     .singular footer.entry-meta,
  1617.     .singular .comments-title {
  1618.         margin: 0;
  1619.         width: 100%;
  1620.     }
  1621.     .entry-header .entry-title,
  1622.     .entry-title,
  1623.     .singular .entry-title {
  1624.         font-size: 21pt;
  1625.     }
  1626.     footer.entry-meta,
  1627.     footer.entry-meta a {
  1628.         color: #444;
  1629.         font-size: 10pt;
  1630.     }
  1631.     .author-description {
  1632.         float: none;
  1633.         width: auto;
  1634.     }
  1635.  
  1636.     /* Comments */
  1637.     .commentlist > li.comment {
  1638.         background: none;
  1639.         position: relative;
  1640.         width: auto;
  1641.     }
  1642.     .commentlist .avatar {
  1643.         height: 39px;
  1644.         left: 2.2em;
  1645.         top: 2.2em;
  1646.         width: 39px;
  1647.     }
  1648.     .comments-area article header cite,
  1649.     .comments-area article header time {
  1650.         margin-left: 50px;
  1651.         margin-left: 3.57142857rem;
  1652.     }
  1653. }
  1654.  
  1655.  
  1656. /* =IE 7 and 8
  1657. ----------------------------------------------- */
  1658.  
  1659. .ie .skip-link,
  1660. .ie .screen-reader-text,
  1661. .ie .assistive-text {
  1662.     clip: rect(1px 1px 1px 1px); /* IE7 */
  1663. }
  1664. .ie .site {
  1665.     margin: 48px auto;
  1666.     max-width: 960px;
  1667. }
  1668. .ie .site-content {
  1669.     float: left;
  1670.     width: 65.104166667%;
  1671. }
  1672. .ie .full-width .site-content {
  1673.     float: none;
  1674.     width: 100%;
  1675. }
  1676. .ie .widget-area {
  1677.     float: right;
  1678.     width: 26.041666667%;
  1679. }
  1680. .ie img.size-full,
  1681. .ie img.size-large,
  1682. .ie img.header-image,
  1683. .ie img.wp-post-image {
  1684.     width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
  1685. }
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!