API tools faq
paste
Guest User

Untitled

a guest
Mar 7th, 2015
277
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.96 KB | None | 0 0
raw download clone embed print report
  1.  
  2. /*
  3. Theme Name: IFG
  4. */
  5.  
  6. /*--------------------------------------------------------------
  7. >>> TABLE OF CONTENTS:
  8. ----------------------------------------------------------------
  9. 1.0 - Reset
  10. 2.0 - Typography
  11. 3.0 - Basic Structure
  12.     3.1 - Elements
  13.     3.2 - Forms
  14.     3.3 - Accessibility
  15.     3.4 - Alignments
  16.     3.5 - Clearings
  17. 4.0 - Header
  18.     4.1 - Site Header
  19.     4.2 - Navigation
  20.     4.3 - Social
  21. 5.0 - Content
  22.     5.1 - Posts and Pages
  23.     5.2 - Entry Header
  24.     5.3 - Entry Content
  25.     5.4 - Entry Footer
  26.     5.5 - Post Formats
  27.     5.6 - Comments
  28.     5.7 - 404
  29.     5.8 - Captions
  30.     5.9 - Galleries
  31.     5.10 - Infinite Scroll
  32. 6.0 - Sidebar
  33.     6.1 - Widgets
  34. 7.0 - Footer
  35. 8.0 - Media Queries
  36. --------------------------------------------------------------*/
  37.  
  38.  
  39. /*--------------------------------------------------------------
  40. 1.0 Reset
  41. --------------------------------------------------------------*/
  42. html, body, div, span, applet, object, iframe,
  43. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  44. a, abbr, acronym, address, big, cite, code,
  45. del, dfn, em, font, ins, kbd, q, s, samp,
  46. small, strike, strong, sub, sup, tt, var,
  47. dl, dt, dd, ol, ul, li,
  48. fieldset, form, label, legend,
  49. table, caption, tbody, tfoot, thead, tr, th, td {
  50.     border: 0;
  51.     font-family: inherit;
  52.     font-size: 100%;
  53.     font-style: inherit;
  54.     font-weight: inherit;
  55.     margin: 0;
  56.     outline: 0;
  57.     padding: 0;
  58.     vertical-align: baseline;
  59. }
  60.  
  61. html {
  62.     font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  63.     overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
  64.     -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  65.     -ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  66. }
  67.  
  68. *,
  69. *:before,
  70. *:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  71.     -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
  72.     -moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
  73.     box-sizing:         border-box;
  74. }
  75.  
  76. body {
  77.     background: #ffffff; /* Fallback for when there is no custom background color defined. */
  78. }
  79.  
  80. article,
  81. aside,
  82. details,
  83. figcaption,
  84. figure,
  85. footer,
  86. header,
  87. main,
  88. nav,
  89. section {
  90.     display: block;
  91. }
  92.  
  93. ol,
  94. ul {
  95.     list-style: none;
  96. }
  97.  
  98. table { /* tables still need 'cellspacing="0"' in the markup */
  99.     border-collapse: separate;
  100.     border-spacing: 0;
  101. }
  102.  
  103. caption,
  104. th,
  105. td {
  106.     font-weight: normal;
  107.     text-align: left;
  108. }
  109. blockquote:before,
  110. blockquote:after,
  111. q:before,
  112. q:after {
  113.     content: "";
  114. }
  115.  
  116. blockquote,
  117. q {
  118.     quotes: "" "";
  119. }
  120.  
  121. a:focus {
  122.     outline: thin dotted;
  123. }
  124.  
  125. a:hover,
  126. a:active {
  127.     outline: 0;
  128. }
  129.  
  130. a img {
  131.     border: 0;
  132. }
  133.  
  134. /*--------------------------------------------------------------
  135. 2.0 Typography
  136. --------------------------------------------------------------*/
  137. body,
  138. button,
  139. input,
  140. select,
  141. textarea {
  142.     color: #404040;
  143.     font-family: 'Open Sans', sans-serif;
  144.     font-size: 16px;
  145.     font-size: 1.6rem;
  146.     line-height: 1.5;
  147. }
  148.  
  149. h1,
  150. h2,
  151. h3,
  152. h4,
  153. h5,
  154. h6 {
  155.     clear: both;
  156.     margin-bottom: 10px;
  157. }
  158.  
  159. h1 {font-size: 30px;}
  160. h2 {font-size: 15px;}
  161. h3 {font-size: 22px;}
  162. h4 {font-size: 20px;}
  163. h5 {font-size: 16px;}
  164. h6 {font-size: 14px;}
  165.  
  166. p {
  167.     margin-bottom: 1.5em;
  168. }
  169.  
  170. b,
  171. strong {
  172.     font-weight: bold;
  173. }
  174.  
  175. dfn,
  176. cite,
  177. em,
  178. i {
  179.     font-style: italic;
  180. }
  181.  
  182. blockquote {
  183.     padding: 0 0 0 15px;
  184.     border-left: 5px solid #eee;
  185. }
  186.  
  187. address {
  188.     margin: 0 0 1.5em;
  189. }
  190.  
  191. pre {
  192.     background: #eee;
  193.     font-family: "Courier 10 Pitch", Courier, monospace;
  194.     font-size: 15px;
  195.     font-size: 1.5rem;
  196.     line-height: 1.6;
  197.     margin-bottom: 1.6em;
  198.     max-width: 100%;
  199.     overflow: auto;
  200.     padding: 1.6em;
  201. }
  202.  
  203. code,
  204. kbd,
  205. tt,
  206. var {
  207.     font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  208. }
  209.  
  210. abbr,
  211. acronym {
  212.     border-bottom: 1px dotted #666;
  213.     cursor: help;
  214. }
  215.  
  216. mark,
  217. ins {
  218.     background: #fff9c0;
  219.     text-decoration: none;
  220. }
  221.  
  222. sup,
  223. sub {
  224.     font-size: 75%;
  225.     height: 0;
  226.     line-height: 0;
  227.     position: relative;
  228.     vertical-align: baseline;
  229. }
  230.  
  231. sup {
  232.     bottom: 1ex;
  233. }
  234.  
  235. sub {
  236.     top: .5ex;
  237. }
  238.  
  239. small {
  240.     font-size: 75%;
  241. }
  242.  
  243. big {
  244.     font-size: 125%;
  245. }
  246.  
  247. /*--------------------------------------------------------------
  248. 3.0 Basic Structure
  249. --------------------------------------------------------------*/
  250.  
  251. /*--------------------------------------------------------------
  252. 3.1 Elements
  253. --------------------------------------------------------------*/
  254. a {
  255.     color: #ffffff;
  256. }
  257.  
  258. a:visited {
  259.     color: #ffffff;
  260. }
  261.  
  262. a:hover,
  263. a:focus,
  264. a:active {
  265.  
  266. }
  267.  
  268. hr {
  269.     background-color: #ff9400;
  270.     border: 0;
  271.     height: 1px;
  272.     margin-bottom: 1.5em;
  273. }
  274.  
  275. ul,
  276. ol {
  277.     margin: 0 0 1.5em 3em;
  278. }
  279.  
  280. ul {
  281.     list-style: disc;
  282. }
  283.  
  284. ol {
  285.     list-style: decimal;
  286. }
  287.  
  288. li > ul,
  289. li > ol {
  290.     margin-bottom: 0;
  291.     margin-left: 1.5em;
  292. }
  293.  
  294. dt {
  295.     font-weight: bold;
  296. }
  297.  
  298. dd {
  299.     margin: 0 0 0 12px;
  300. }
  301.  
  302. img {
  303.     height: auto; /* Make sure images are scaled correctly. */
  304.     max-width: 100%; /* Adhere to container width. */
  305. }
  306.  
  307. figure {
  308.     margin: 0;
  309. }
  310.  
  311. table {
  312.     margin: 20px 0;
  313.     width: 100%;
  314.     border: 1px solid #ddd;
  315.     border-left: 0;
  316. }
  317.  
  318. th {
  319.     font-weight: bold;
  320.     padding: 8px;
  321.     border-left: 1px solid #ddd;
  322. }
  323.  
  324. td {
  325.     border-left: 1px solid #ddd;
  326.     border-top: 1px solid #ddd;
  327.     padding: 8px;
  328. }
  329.  
  330. .page-content img.wp-smiley,
  331. .entry-content img.wp-smiley,
  332. .comment-content img.wp-smiley {
  333.     border: none;
  334.     margin-bottom: 0;
  335.     margin-top: 0;
  336.     padding: 0;
  337. }
  338.  
  339. /* Make sure embeds and iframes fit their containers */
  340. embed,
  341. iframe,
  342. object {
  343.     max-width: 100%;
  344. }
  345.  
  346. /*--------------------------------------------------------------
  347. 3.2 Forms
  348. --------------------------------------------------------------*/
  349. button,
  350. input,
  351. select,
  352. textarea {
  353.     font-size: 100%; /* Corrects font size not being inherited in all browsers */
  354.     margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  355.     vertical-align: baseline; /* Improves appearance and consistency in all browsers */
  356. }
  357.  
  358. button,
  359. input[type="button"],
  360. input[type="reset"],
  361. input[type="submit"] {
  362.     border: 0;
  363.     border-radius: 3px;
  364.     background: #ff9400;
  365.     color: white;
  366.     cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
  367.     -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
  368.     font-size: 14px;
  369.     line-height: 1;
  370.     padding: 15px;
  371. }
  372.  
  373. button:hover,
  374. input[type="button"]:hover,
  375. input[type="reset"]:hover,
  376. input[type="submit"]:hover {
  377.     background: #aaa;
  378. }
  379.  
  380. button:focus,
  381. input[type="button"]:focus,
  382. input[type="reset"]:focus,
  383. input[type="submit"]:focus,
  384. button:active,
  385. input[type="button"]:active,
  386. input[type="reset"]:active,
  387. input[type="submit"]:active {
  388.     border-color: #aaa #bbb #bbb;
  389.     box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
  390. }
  391.  
  392. input[type="checkbox"],
  393. input[type="radio"] {
  394.     padding: 0; /* Addresses excess padding in IE8/9 */
  395. }
  396.  
  397. input[type="search"] {
  398.     -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
  399.     -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  400.     -moz-box-sizing:    content-box;
  401.     box-sizing:         content-box;
  402. }
  403.  
  404. input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  405.     -webkit-appearance: none;
  406. }
  407.  
  408. button::-moz-focus-inner,
  409. input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  410.     border: 0;
  411.     padding: 0;
  412. }
  413.  
  414. input[type="text"],
  415. input[type="email"],
  416. input[type="url"],
  417. input[type="password"],
  418. input[type="search"],
  419. textarea {
  420.     color: #666;
  421.     border: 1px solid #ccc;
  422.     border-radius: 3px;
  423. }
  424.  
  425. input[type="text"]:focus,
  426. input[type="email"]:focus,
  427. input[type="url"]:focus,
  428. input[type="password"]:focus,
  429. input[type="search"]:focus,
  430. textarea:focus {
  431.     color: #111;
  432. }
  433.  
  434. input[type="text"],
  435. input[type="email"],
  436. input[type="url"],
  437. input[type="password"],
  438. input[type="search"] {
  439.     padding: 3px;
  440. }
  441.  
  442. textarea {
  443.     overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
  444.     padding-left: 3px;
  445.     vertical-align: top; /* Improves readability and alignment in all browsers */
  446.     width: 100%;
  447. }
  448.  
  449. /*--------------------------------------------------------------
  450. 3.3 Accessibility
  451. --------------------------------------------------------------*/
  452. /* Text meant only for screen readers */
  453. .screen-reader-text {
  454.     clip: rect(1px, 1px, 1px, 1px);
  455.     position: absolute !important;
  456.     height: 1px;
  457.     width: 1px;
  458.     overflow: hidden;
  459. }
  460.  
  461. .screen-reader-text:hover,
  462. .screen-reader-text:active,
  463. .screen-reader-text:focus {
  464.     background-color: #f1f1f1;
  465.     border-radius: 3px;
  466.     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  467.     clip: auto !important;
  468.     color: #21759b;
  469.     display: block;
  470.     font-size: 14px;
  471.     font-weight: bold;
  472.     height: auto;
  473.     left: 5px;
  474.     line-height: normal;
  475.     padding: 15px 23px 14px;
  476.     text-decoration: none;
  477.     top: 5px;
  478.     width: auto;
  479.     z-index: 100000; /* Above WP toolbar */
  480. }
  481.  
  482. /*--------------------------------------------------------------
  483. 3.4 Alignments
  484. --------------------------------------------------------------*/
  485. .alignleft {
  486.     display: inline;
  487.     float: left;
  488.     margin-right: 1.5em;
  489. }
  490.  
  491. .alignright {
  492.     display: inline;
  493.     float: right;
  494.     margin-left: 1.5em;
  495. }
  496.  
  497. .aligncenter {
  498.     clear: both;
  499.     display: block;
  500.     margin: 0 auto;
  501. }
  502.  
  503. /*--------------------------------------------------------------
  504. 3.5 Clearings
  505. --------------------------------------------------------------*/
  506. .clear:before,
  507. .clear:after,
  508. .entry-content:before,
  509. .entry-content:after,
  510. .comment-content:before,
  511. .comment-content:after,
  512. .site-header:before,
  513. .site-header:after,
  514. .site-content:before,
  515. .site-content:after,
  516. .site-footer:before,
  517. .site-footer:after {
  518.     content: '';
  519.     display: table;
  520. }
  521.  
  522. .clear:after,
  523. .entry-content:after,
  524. .comment-content:after,
  525. .site-header:after,
  526. .site-content:after,
  527. .site-footer:after {
  528.     clear: both;
  529. }
  530.  
  531. /*--------------------------------------------------------------
  532. 4.0 Header
  533. --------------------------------------------------------------*/
  534. .header-wrapper {
  535.     background-color: #ff9400!important;
  536. }
  537.  
  538. /*--------------------------------------------------------------
  539. 4.1 Site Header
  540. --------------------------------------------------------------*/
  541. .site-header {
  542.  
  543.     width: 100%;
  544. }
  545.  
  546. .site-branding {
  547.     float: left;
  548.     width: 70%;
  549. }
  550.  
  551. .site-branding h1 a {
  552.     position: relative;
  553.     font-size: 20px;
  554.     color: white;
  555.    
  556. }
  557.  
  558.  
  559. .site-branding h2 {
  560.     color: white;
  561.     font-size: 15px;
  562.     font-weight: 400;
  563. }
  564.  
  565. .site-title {
  566.     color: white;
  567.     font-family: "Noto Sans", sans-serif;
  568.     font-size: 22px;
  569.     font-size: 2.2rem;
  570.     font-weight: 700;
  571.     line-height: 1.3636;
  572.     margin-bottom: 0;
  573. }
  574.  
  575. .site-description {
  576.     display: none;
  577.     font-family: "Noto Sans", sans-serif;
  578.     font-size: 12px;
  579.     font-size: 1.2rem;
  580.     font-weight: 400;
  581.     line-height: 1.5;
  582.     margin: 0.5em 0 0;
  583.     opacity: 0.7;
  584. }
  585.  
  586.  
  587. /*--------------------------------------------------------------
  588. 4.2 Navigation
  589. --------------------------------------------------------------*/
  590. .navigation-wrapper {
  591.     height: 35px;
  592.     background-color: #ffffff;
  593. }
  594.  
  595. .main-navigation {
  596.    
  597.    
  598.     margin-left: 0;
  599.     width: 100%;
  600. }
  601.  
  602. .main-navigation ul {
  603.     list-style: none;
  604. }
  605.  
  606. .main-navigation ul.menu {
  607.     margin: 0;
  608.     margin-top: 5px;
  609.     padding-left: 0;
  610.     float: right;
  611. }
  612.  
  613. .main-navigation ul.menu > li {
  614.     float: left;
  615.     position: absolute;
  616. }
  617.  
  618. .main-navigation ul.menu > li+li {
  619.     border-left: 2px solid white;
  620.     margin-left: 10px;
  621.     padding-left: 10px;
  622. }
  623.  
  624. .main-navigation a {
  625.     display: block;
  626.     text-decoration: none;
  627.     color: white;
  628.     line-height: 20px;
  629.     font-size: 15px;
  630. }
  631.  
  632. .main-navigation ul.menu > li > ul {
  633.     float: left;
  634.    
  635.     top: 16px;
  636.     right: -12px;
  637.     z-index: 99999;
  638.     padding-top: 15px;
  639.     white-space: nowrap;
  640.     display:  none;
  641. }
  642.  
  643. .main-navigation ul li:hover > ul {
  644.     display: block;
  645. }
  646.  
  647. .main-navigation ul ul li {
  648.     float: none;
  649.     text-align: right;
  650.     background-color: #484d4f;
  651.     padding: 5px 20px;
  652. }
  653.  
  654. /* Small menu */
  655. .menu-toggle {
  656.     display: none;
  657. }
  658.  
  659. .site-main .comment-navigation,
  660. .site-main .paging-navigation,
  661. .site-main .post-navigation {
  662.     margin: 0 0 1.5em;
  663.     overflow: hidden;
  664. }
  665.  
  666. .comment-navigation .nav-previous,
  667. .paging-navigation .nav-previous,
  668. .post-navigation .nav-previous {
  669.     float: left;
  670.     width: 50%;
  671. }
  672.  
  673. .comment-navigation .nav-next,
  674. .paging-navigation .nav-next,
  675. .post-navigation .nav-next {
  676.     float: right;
  677.     text-align: right;
  678.     width: 50%;
  679. }
  680.  
  681. /*--------------------------------------------------------------
  682. 4.3 Social
  683. --------------------------------------------------------------*/
  684. .social {
  685.     float: right;
  686.     margin-top: 35px;
  687.     width: 30%;
  688. }
  689.  
  690. .social ul {
  691.     list-style: none;
  692.     margin: 0;
  693.     padding: 0;
  694.     float: right;
  695. }
  696.  
  697. .social ul li {
  698.     float: left;
  699.    
  700. }
  701.  
  702. .social ul li+li {
  703.     margin-left: 10px;
  704. }
  705.  
  706. .social li a {
  707.     display: block;
  708.     color: #808083;
  709.     text-decoration: none;
  710. }
  711.  
  712. .social li a:hover {
  713.     color: white;
  714. }
  715.  
  716. .social i {
  717.     font-size: 30px;
  718.     margin: 0;
  719.     padding: 0;
  720. }
  721.  
  722. /*--------------------------------------------------------------
  723. 5.0 Content
  724. --------------------------------------------------------------*/
  725. .site-content {
  726.     margin: 0px auto;
  727.     width: 100%;
  728. }
  729.  
  730. /*--------------------------------------------------------------
  731. 5.1 Posts and pages
  732. --------------------------------------------------------------*/
  733. .sticky {
  734.     display: block;
  735.     border: 2px solid #484d4f;
  736. }
  737.  
  738. .hentry {
  739.     margin: 0 0 30px;
  740. }
  741.  
  742. .byline,
  743. .updated:not(.published) {
  744.     display: none;
  745. }
  746.  
  747. .single .byline,
  748. .group-blog .byline {
  749.     display: inline;
  750. }
  751.  
  752. .page-content,
  753. .entry-content,
  754. .entry-summary {
  755.     margin: 1.5em 0 0;
  756. }
  757.  
  758. .page-links {
  759.     clear: both;
  760.     margin: 0 0 1.5em;
  761. }
  762.  
  763. .page-header {
  764.     padding: 20px;
  765.     margin-bottom: 20px;
  766.     background-color: white;
  767.     font-size: 18px;
  768.     text-align: center;
  769.     font-weight: bold;
  770. }
  771.  
  772. .search .page-header {
  773.     text-align: left;
  774. }
  775.  
  776. .content-area {
  777.     float: right;
  778.     margin: 0 0 0 -330px;
  779.     width: 100%;
  780. }
  781.  
  782. .site-main {
  783.     margin: 0 0 0 330px;
  784. }
  785.  
  786. article {
  787.     background-color: white;
  788. }
  789.  
  790. .nav-links a {
  791.     color: white;
  792. }
  793.  
  794. /*--------------------------------------------------------------
  795. 5.2 Entry Header
  796. --------------------------------------------------------------*/
  797.  
  798. .post-thumbnail {
  799.     display: block;
  800.     width: 100%;
  801.     height: 270px;
  802.     background-position: center bottom;
  803.     background-size: cover;
  804.     background-repeat: no-repeat;
  805.     background-color: black;
  806. }
  807.  
  808. /*--------------------------------------------------------------
  809. 5.3 Entry Content
  810. --------------------------------------------------------------*/
  811. .entry-content {
  812.     position: relative;
  813.     padding: 20px;
  814.     margin: 0;
  815. }
  816.  
  817. .entry-content .date {
  818.     position: absolute;
  819.     display: block;
  820.     width: 80px;
  821.     height: 80px;
  822.     top: -25px;
  823.     left: -25px;
  824.     -moz-border-radius: 50%;
  825.     -webkit-border-radius: 50%;
  826.     border-radius: 50%;
  827.     background-color: #ff9400;
  828.     border: 2px solid white;
  829.     color: white;
  830.     font-size: 16px;
  831.     text-transform: uppercase;
  832.     text-align: center;
  833.     text-decoration: none;
  834.     padding-top: 14px;
  835. }
  836. .entry-content .date:hover {
  837.     text-decoration: none;
  838. }
  839.  
  840. .entry-content .date span {
  841.     display: block;
  842. }
  843.  
  844. .entry-title {
  845.     text-align: right;
  846.     font-size: 30px;
  847.     font-weight: bold;
  848.     position: relative;
  849.     margin-left: 20px;
  850.     -ms-word-wrap: break-word;
  851.     word-wrap: break-word;
  852. }
  853.  
  854. .entry-title a {
  855.     text-decoration: none;
  856. }
  857.  
  858. .entry-text {
  859.     margin-top: 35px;
  860. }
  861.  
  862. /*--------------------------------------------------------------
  863. 5.4 Entry Footer
  864. --------------------------------------------------------------*/
  865. .entry-footer {
  866.     margin: 0 20px;
  867.     padding: 20px 0;
  868.     text-align: center;
  869.     font-size: 14px;
  870.     border-top: 4px double #ececec;
  871. }
  872.  
  873. .page .entry-footer {
  874.     margin: 0 20px;
  875.     padding: 20px 0 0 0;
  876.     text-align: center;
  877.     font-size: 14px;
  878.     border-top: 0;
  879. }
  880.  
  881. /*--------------------------------------------------------------
  882. 5.5 Post Formats
  883. --------------------------------------------------------------*/
  884. .blog .format-aside .entry-title,
  885. .archive .format-aside .entry-title,
  886. .format-link .entry-title {
  887.     display: none;
  888. }
  889.  
  890. .format-aside .entry-content, .format-link .entry-content {
  891.     padding-left: 80px;
  892. }
  893.  
  894. .format-quote .entry-content {
  895.     font-style: italic;
  896. }
  897. .format-quote .entry-title, .format-quote .date {
  898.     font-style: normal;
  899. }
  900.  
  901. /*--------------------------------------------------------------
  902. 5.6 Comments
  903. --------------------------------------------------------------*/
  904. .comment-content a {
  905.     word-wrap: break-word;
  906. }
  907.  
  908. .bypostauthor {
  909.     display: block;
  910. }
  911.  
  912. #comments {
  913.     background-color: white;
  914.     padding: 20px;
  915. }
  916.  
  917. #comments h2, #comments h3 {
  918.     font-size: 20px;
  919.     font-weight: bold;
  920.     margin-bottom: 20px;
  921. }
  922.  
  923. #comments ol {
  924.     list-style: none;
  925.     margin: 0;
  926.     padding: 0;
  927. }
  928.  
  929. #comments article {
  930.     background-color: #eee;
  931.     margin-bottom: 15px;
  932.     padding: 10px;
  933. }
  934.  
  935. #comments ol ol {
  936.     margin-left: 60px;
  937. }
  938.  
  939. .vcard {
  940.     position: relative;
  941. }
  942.  
  943. .vcard .avatar {
  944.     position: absolute;
  945.     top: 0;
  946.     right: 0px;
  947. }
  948.  
  949. .comment-meta {
  950.     margin-bottom: 10px;
  951. }
  952.  
  953. .comment-metadata {
  954.     font-size: 14px;
  955. }
  956.  
  957. .comment-awaiting-moderation {
  958.     font-style: italic;
  959. }
  960.  
  961. #comments .reply {
  962.     text-align: right;
  963. }
  964.  
  965. .comment-form label {
  966.     font-weight: bold;
  967. }
  968.  
  969. .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] {
  970.     display: block;
  971.     width: 100%;
  972. }
  973.  
  974. .comment-form .required {
  975.     color: red;
  976. }
  977.  
  978. .comment-notes, .form-allowed-tags {
  979.     font-style: italic;
  980. }
  981.  
  982. /*--------------------------------------------------------------
  983. 5.7 404
  984. --------------------------------------------------------------*/
  985. .no-results .page-content, .not-found .page-content {
  986.     background-color: white;
  987.     padding: 20px;
  988. }
  989.  
  990. /*--------------------------------------------------------------
  991. 5.8 Captions
  992. --------------------------------------------------------------*/
  993. .wp-caption {
  994.     margin-bottom: 1.5em;
  995.     max-width: 100%;
  996. }
  997.  
  998. .wp-caption img[class*="wp-image-"] {
  999.     display: block;
  1000.     margin: 0 auto;
  1001. }
  1002.  
  1003. .wp-caption-text {
  1004.     text-align: center;
  1005. }
  1006.  
  1007. .wp-caption .wp-caption-text {
  1008.     margin: 0.8075em 0;
  1009. }
  1010.  
  1011. /*--------------------------------------------------------------
  1012. 5.9 Galleries
  1013. --------------------------------------------------------------*/
  1014. .gallery {
  1015.     margin-bottom: 1.5em;
  1016. }
  1017.  
  1018. .gallery-item {
  1019.     display: inline-block;
  1020.     text-align: center;
  1021.     vertical-align: top;
  1022.     width: 100%;
  1023. }
  1024.  
  1025. .gallery-columns-2 .gallery-item {
  1026.     max-width: 50%;
  1027. }
  1028.  
  1029. .gallery-columns-3 .gallery-item {
  1030.     max-width: 33.33%;
  1031. }
  1032.  
  1033. .gallery-columns-4 .gallery-item {
  1034.     max-width: 25%;
  1035. }
  1036.  
  1037. .gallery-columns-5 .gallery-item {
  1038.     max-width: 20%;
  1039. }
  1040.  
  1041. .gallery-columns-6 .gallery-item {
  1042.     max-width: 16.66%;
  1043. }
  1044.  
  1045. .gallery-columns-7 .gallery-item {
  1046.     max-width: 14.28%;
  1047. }
  1048.  
  1049. .gallery-columns-8 .gallery-item {
  1050.     max-width: 12.5%;
  1051. }
  1052.  
  1053. .gallery-columns-9 .gallery-item {
  1054.     max-width: 11.11%;
  1055. }
  1056.  
  1057. .gallery-caption {
  1058.     display: block;
  1059. }
  1060.  
  1061. /*--------------------------------------------------------------
  1062. 5.10 Infinite scroll
  1063. --------------------------------------------------------------*/
  1064. /* Globally hidden elements when Infinite Scroll is supported and in use. */
  1065. .infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
  1066. .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  1067.     display: none;
  1068. }
  1069.  
  1070. /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
  1071. .infinity-end.neverending .site-footer {
  1072.     display: block;
  1073. }
  1074.  
  1075. /*--------------------------------------------------------------
  1076. 6.0 Sidebar
  1077. --------------------------------------------------------------*/
  1078. #secondary {
  1079.     /*margin-left: -110px;*/
  1080.     position: absolute;
  1081.     top: 141px;
  1082.     left: 0px
  1083.     overflow: hidden;
  1084.     width: 260px;
  1085.     padding: 30px 10px;
  1086.     background-color: #484d4f;
  1087.     color: black;
  1088.     font-size: 15px;
  1089.     height:  100%;
  1090. }
  1091.  
  1092. #secondary ul {
  1093.     list-style: none;
  1094.     margin-left: 30px;
  1095. }
  1096.  
  1097. #secondary a {
  1098.     font-size: 12px;
  1099.     color: black;
  1100. }
  1101.  
  1102. #secondary h1 {
  1103.     font-weight: bold;
  1104.     margin-bottom: 10px;
  1105. }
  1106.  
  1107. #secondary .widget_search {
  1108.     text-align: center;
  1109. }
  1110.  
  1111. #secondary aside {
  1112.     margin-bottom: 30px;
  1113. }
  1114.  
  1115. /*--------------------------------------------------------------
  1116. 6.1 Widgets
  1117. --------------------------------------------------------------*/
  1118. .widget {
  1119.     margin: 0 0 1.5em;
  1120. }
  1121.  
  1122. /* Make sure select elements fit in widgets */
  1123. .widget select {
  1124.     max-width: 100%;
  1125. }
  1126.  
  1127. /* Search widget */
  1128. .widget_search .search-submit {
  1129.     display: none;
  1130. }
  1131.  
  1132. h1.widget-title {
  1133.     font-size: 15px;
  1134. }
  1135.  
  1136. /*--------------------------------------------------------------
  1137. 7.0 Footer
  1138. --------------------------------------------------------------*/
  1139. .site-footer {
  1140.     clear: both;
  1141.     margin: 30px auto;
  1142.     width: 100%;
  1143.     text-align: center;
  1144.     color: white;
  1145. }
  1146.  
  1147. .site-footer a {
  1148.     color: white;
  1149. }
  1150.  
  1151.  
  1152. /*--------------------------------------------------------------
  1153. 8.0 Media Queries
  1154. --------------------------------------------------------------*/
  1155. @media (max-width: 1039px) {
  1156.     .main-navigation, .site-header, .site-content, .site-footer {
  1157.         width: 100%;
  1158.     }
  1159.    
  1160.     .site-header, .site-content, .navigation-wrapper, .site-footer {
  1161.         padding: 0 10px;
  1162.     }
  1163. }
  1164.  
  1165. @media (max-width: 900px) {
  1166.     #secondary {
  1167.         display: none;
  1168.     }
  1169.    
  1170.     .content-area {
  1171.         margin-left: -20px;
  1172.     }
  1173.  
  1174.     .site-main {
  1175.         margin-left: 20px;
  1176.     }
  1177. }
  1178.  
  1179. @media screen and (max-width: 600px) {
  1180.     .header-wrapper {
  1181.         height: auto;
  1182.     }
  1183.    
  1184.     .site-branding, .social {
  1185.         float: none;
  1186.         text-align: center;
  1187.         width: 100%;
  1188.     }
  1189.    
  1190.     .social {
  1191.         margin-top: 20px;
  1192.         margin-bottom: 20px;
  1193.        
  1194.         float: left;
  1195.         width: 100%;
  1196.         overflow: hidden;
  1197.         position: relative;
  1198.     }
  1199.    
  1200.     .social ul {
  1201.         clear: left;
  1202.         float: left;
  1203.         position: relative;
  1204.         left: 50%;
  1205.         text-align: center;
  1206.     }
  1207.    
  1208.     .social ul li {
  1209.         position: relative;
  1210.         display: block;
  1211.         float: left;
  1212.         right: 50%;
  1213.     }
  1214.    
  1215.     .social i {
  1216.         font-size: 40px;
  1217.     }
  1218.    
  1219.     .navigation-wrapper {
  1220.         height: auto;
  1221.         padding: 5px 10px;
  1222.     }
  1223.    
  1224.     .menu-toggle,
  1225.     .main-navigation.toggled .nav-menu {
  1226.         display: block;
  1227.     }
  1228.  
  1229.     .main-navigation ul.menu {
  1230.         display: none;
  1231.         float: none;
  1232.     }
  1233.    
  1234.     .menu-toggle {
  1235.         padding: 10px;
  1236.         margin: 0 auto;
  1237.     }
  1238.    
  1239.     .main-navigation ul.menu li {
  1240.         float: none;
  1241.         text-align: left;
  1242.         background-color: transparent;
  1243.         padding: 0;
  1244.     }
  1245.    
  1246.     .main-navigation ul.menu > li {
  1247.         position: relative;
  1248.         left: 50%;
  1249.         margin-left: -50px;
  1250.     }
  1251.    
  1252.     .main-navigation ul.menu li+li {
  1253.         border-left: 0;
  1254.         padding-left: 0;
  1255.         margin-left: -50px;
  1256.     }
  1257.    
  1258.     .main-navigation li a {
  1259.         line-height: 30px;
  1260.         font-size: 16px;
  1261.     }
  1262.    
  1263.     .main-navigation ul.menu > li > ul {
  1264.         display: block;
  1265.         float: none;
  1266.         position: relative;
  1267.         right: inherit;
  1268.         top: inherit;
  1269.         margin: 0;
  1270.         padding-top: 0;
  1271.     }
  1272.    
  1273.     .main-navigation ul.menu > li > ul li {
  1274.         margin-left: 30px;
  1275.     }
  1276.    
  1277.     .main-navigation ul.menu ul {
  1278.         margin: 0;
  1279.         padding: 0;
  1280.     }
  1281.    
  1282. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!