Want more features on Pastebin? Sign Up, it's FREE!
Guest

mizuki css

By: a guest on Jan 13th, 2013  |  syntax: None  |  size: 20.38 KB  |  views: 5  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /*
  2. Theme Name: Origami
  3. Theme URI: http://siteorigin.com/theme/origami
  4. Description: Origami is a simple, responsive media blogging theme that places strong emphasis on your content. It looks great on mobile devices, even the videos and galleries scale to fit small screens. The options panel is easy to understand with a minimal set of options.
  5. Tags: one-column, flexible-width, post-formats, custom-menu, theme-options, threaded-comments, translation-ready, photoblogging
  6. Author: SiteOrigin
  7. Author URI: http://siteorigin.com/
  8. Version: 1.2.7
  9. License: GPL v2.0
  10. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  11. */
  12.  
  13. /* =Reset
  14. -------------------------------------------------------------- */
  15.  
  16. html,
  17. body,
  18. div,
  19. span,
  20. applet,
  21. object,
  22. iframe,
  23. h1,
  24. h2,
  25. h3,
  26. h4,
  27. h5,
  28. h6,
  29. p,
  30. blockquote,
  31. pre,
  32. a,
  33. abbr,
  34. acronym,
  35. address,
  36. big,
  37. cite,
  38. code,
  39. del,
  40. dfn,
  41. em,
  42. font,
  43. img,
  44. ins,
  45. kbd,
  46. q,
  47. s,
  48. samp,
  49. small,
  50. strike,
  51. strong,
  52. sub,
  53. sup,
  54. tt,
  55. var,
  56. dl,
  57. dt,
  58. dd,
  59. ol,
  60. ul,
  61. li,
  62. fieldset,
  63. form,
  64. label,
  65. legend,
  66. table,
  67. caption,
  68. tbody,
  69. tfoot,
  70. thead,
  71. tr,
  72. th,
  73. td {
  74.         border: 0;
  75.         font-family: inherit;
  76.         font-size: 100%;
  77.         font-style: inherit;
  78.         font-weight: inherit;
  79.         margin: 0;
  80.         outline: 0;
  81.         padding: 0;
  82.         vertical-align: baseline;
  83. }
  84.  
  85. /* remember to define focus styles! */
  86.  
  87. :focus {
  88.         outline: 0;
  89. }
  90.  
  91. body {
  92.         line-height: 1;
  93. }
  94.  
  95. ol,
  96. ul {
  97.         list-style: none;
  98. }
  99.  
  100. /* tables still need 'cellspacing="0"' in the markup */
  101.  
  102. table {
  103.         border-collapse: separate;
  104.         border-spacing: 0;
  105. }
  106.  
  107. caption,
  108. th,
  109. td {
  110.         font-weight: normal;
  111.         text-align: left;
  112. }
  113.  
  114. blockquote:before,
  115. blockquote:after,
  116. q:before,
  117. q:after {
  118.         content: "";
  119. }
  120.  
  121. blockquote,
  122. q {
  123.         quotes: "" "";
  124. }
  125.  
  126. /* =General
  127. -------------------------------------------------------------- */
  128.  
  129. body {
  130.         font-family: "Terminal Dosis", calibri, Arial, Helvetica, Geneva, sans-serif;
  131.         font-size: 18px;
  132.         font-weight: 400;
  133. }
  134.  
  135. .container {
  136.         width: 100%;
  137.        
  138.         -moz-box-sizing: border-box;
  139.         -webkit-box-sizing: border-box;
  140.         box-sizing: border-box;
  141.         margin: 0 auto;
  142.         max-width: 1024px;
  143.         padding: 0 15px;
  144. }
  145.  
  146. .clear {
  147.         clear: both;
  148. }
  149.  
  150. /* =Page
  151. -------------------------------------------------------------- */
  152.  
  153. /* This is the main page frame */
  154.  
  155. #page-container {
  156.         width: 100%;
  157.        
  158.         background: #fdfdfd;
  159.         border: 1px solid #cbc9c7;
  160.         -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  161.         -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  162.         box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset 0 0 2px rgba(0,0,0,0.1125);
  163.         -moz-box-sizing: border-box;
  164.         -webkit-box-sizing: border-box;
  165.         box-sizing: border-box;
  166.         margin: 30px 0 35px 0;
  167.         padding: 4.5%;
  168.         padding: 2.25% 4.5%;
  169. }
  170.  
  171. /* =Logo
  172. -------------------------------------------------------------- */
  173.  
  174. #logo {
  175.         position: relative;
  176.        
  177.         margin: 20px 0 25px 0;
  178. }
  179.  
  180. #logo.logo-centered {
  181.         text-align: center;
  182. }
  183.  
  184. #logo a.logo-link {
  185.         text-decoration: none;
  186. }
  187.  
  188. #logo h1 {
  189.         color: #555;
  190.         display: inline-block;
  191.         font-family: "Terminal Dosis", Arial, Helvetica, Geneva, sans-serif;
  192.         font-size: 52px;
  193.         font-weight: 200;
  194.         margin-bottom: 0.2em;
  195. }
  196.  
  197. #logo h3 {
  198.         color: #666;
  199.         display: inline-block;
  200.         font-size: 13px;
  201. }
  202.  
  203. #logo img {
  204.         height: auto;
  205.        
  206.         max-width: 100%;
  207. }
  208.  
  209. /* =Logo  : Search Form
  210. -------------------------------------------------------------- */
  211.  
  212. #logo #searchform {
  213.         position: absolute;
  214.         top: 50%;
  215.         right: 0;
  216.        
  217.         margin-top: -12px;
  218. }
  219.  
  220. #logo #searchform label {
  221.         display: none;
  222. }
  223.  
  224. #logo #searchform #searchsubmit {
  225.         display: none;
  226. }
  227.  
  228. #logo #searchform #s {
  229.         width: 28px;
  230.        
  231.         background: #F9F9F9 url(images/mag.png) no-repeat 10px center;
  232.         border: 1px solid #EEEEEE;
  233.         border-width: 0 0 1px 0;
  234.         -moz-box-sizing: border-box;
  235.         -webkit-box-sizing: border-box;
  236.         box-sizing: border-box;
  237.         color: #777;
  238.         font-size: 0.9em;
  239.         font-weight: 200;
  240.         padding: 4px;
  241.         padding-left: 30px;
  242.         -webkit-transition: all 0.275s ease-in-out;
  243.         -moz-transition: all 0.275s ease-in-out;
  244.         -o-transition: all 0.275s ease-in-out;
  245.         -ms-transition: all 0.275s ease-in-out;
  246.         transition: all 0.275s ease-in-out;
  247. }
  248.  
  249. #logo #searchform #s:focus {
  250.         width: 180px;
  251.        
  252. }
  253.  
  254. /* =Main Menu
  255. -------------------------------------------------------------- */
  256.  
  257. #menu ul {
  258.         background: #F9F9F9;
  259.         border: 1px solid #EEEEEE;
  260.         border-width: 1px 0;
  261.         margin-bottom: 25px;
  262.         padding: 0;
  263.         text-align: center;
  264. }
  265.  
  266. #menu ul li {
  267.         position: relative;
  268.        
  269.         display: inline-block;
  270.         padding: 22px 25px;
  271. }
  272.  
  273. #menu ul li a {
  274.         color: #505050;
  275.         font-size: 1em;
  276.         text-decoration: none;
  277. }
  278.  
  279. #menu ul li ul {
  280.         position: absolute;
  281.         top: 100%;
  282.         left: 0px;
  283.         width: 135px;
  284.        
  285.         background: #F5F5F5;
  286.         background-color: #F4F4F4;
  287.         border-color: #DDDDDD;
  288.         border-top: 1px solid #E4E4E4;
  289.         display: block;
  290.         visibility: hidden;
  291.         z-index: 10;
  292. }
  293.  
  294. #menu ul li ul li a {
  295.         color: #606060;
  296.         font-size: 0.9em;
  297.         padding: 25px;
  298. }
  299.  
  300. #menu ul ul li {
  301.         width: 135px;
  302.        
  303.         padding: 10px 0;
  304.         text-align: center;
  305. }
  306.  
  307. #menu ul li:hover ul {
  308.         display: block;
  309.         visibility: visible;
  310. }
  311.  
  312. /* =Post
  313. -------------------------------------------------------------- */
  314.  
  315. .post {
  316.         margin-bottom: 30px;
  317. }
  318.  
  319. /* =Post  : Entry Title
  320. -------------------------------------------------------------- */
  321.  
  322. h1.entry-title,
  323. h1.archive-title {
  324.         color: #333;
  325.         font-family: "Terminal Dosis", Arial, Helvetica, Geneva, sans-serif;
  326.         font-size: 0.2em;
  327.         font-size: 1px;
  328.         font-weight: 1;
  329.         line-height: 1.25em;
  330.         margin: 1em 0 0.4em 0;
  331.         text-align: center;
  332.         text-indent: -9999px;
  333. }
  334.  
  335. h1.entry-title.noinfo {
  336.         margin-bottom: 1px;
  337. }
  338.  
  339. h1.entry-title a {
  340.         color: #262626;
  341.         text-decoration: none;
  342. }
  343.  
  344. .post:last-child {
  345.         margin-bottom: 0;
  346. }
  347.  
  348. .post .post-info {
  349.         color: #A6A6A6;
  350.         font-size: 11.5px;
  351.         margin-bottom: 30px;
  352.         text-align: center;
  353. }
  354.  
  355. .post .post-info strong,
  356. .post .post-info a {
  357.         color: #808080;
  358.         font-weight: 500;
  359.         text-decoration: none;
  360. }
  361.  
  362. .post .content {
  363.         color: #525252;
  364.         font-size: 13px;
  365.         margin-bottom: 20px;
  366. }
  367.  
  368. .post .content.column-2 {
  369.         -moz-column-count: 2;
  370.         -webkit-column-count: 2;
  371.         column-count: 2;
  372.         -moz-column-gap: 30px;
  373.         -webkit-column-gap: 30px;
  374.         column-gap: 30px;
  375. }
  376.  
  377. .post .content.column-3 {
  378.         -moz-column-count: 3;
  379.         -webkit-column-count: 3;
  380.         column-count: 3;
  381.         -moz-column-gap: 30px;
  382.         -webkit-column-gap: 30px;
  383.         column-gap: 30px;
  384. }
  385.  
  386. .post .content.column-4 {
  387.         -moz-column-count: 4;
  388.         -webkit-column-count: 4;
  389.         column-count: 4;
  390.         -moz-column-gap: 30px;
  391.         -webkit-column-gap: 30px;
  392.         column-gap: 30px;
  393. }
  394.  
  395. @media screen and (max-width:480px) {
  396.        
  397.         .post .content {
  398.                 -moz-column-count: 1;
  399.                 -webkit-column-count: 1;
  400.                 column-count: 1;
  401.         }
  402.  
  403. }
  404.  
  405. /* =Post  : Featured Image
  406. -------------------------------------------------------------- */
  407.  
  408. .post .featured-image {
  409.         position: relative;
  410.        
  411. }
  412.  
  413. .post img.main-image {
  414.         width: 100%;
  415.         height: auto;
  416.        
  417. }
  418.  
  419. .post img.main-image.mobile {
  420.         display: none;
  421. }
  422.  
  423. @media screen and (max-width:480px) {
  424.        
  425.         .post img.main-image.mobile {
  426.                 display: block;
  427.         }
  428.  
  429.         .post img.main-image.desktop {
  430.                 display: none;
  431.         }
  432.  
  433. }
  434.  
  435. /* =Post  : Bar below content
  436. -------------------------------------------------------------- */
  437.  
  438. .post .below-content {
  439.         background: #FAFAFA;
  440.         background: #F9F9F9;
  441.         border: 1px solid #EEEEEE;
  442.         border-style: solid;
  443.         border-width: 1px 0;
  444.         color: #666;
  445.         margin-top: 30px;
  446.         padding: 20px 10px;
  447.         text-align: right;
  448. }
  449.  
  450. .post .below-content svg {
  451.         display: inline-block;
  452.         fill: #999;
  453.         margin-bottom: -4px;
  454.         margin-left: 6px;
  455.         margin-right: 6px;
  456. }
  457.  
  458. .post .below-content a {
  459.         color: #666;
  460.         font-style: italic;
  461.         text-decoration: none;
  462. }
  463.  
  464. .post .below-content p {
  465.         height: 1em;
  466.        
  467.         line-height: 1;
  468. }
  469.  
  470. /* =Post  : Bar below content  : Tags
  471. -------------------------------------------------------------- */
  472.  
  473. .post .below-content .tags {
  474.         float: left;
  475. }
  476.  
  477. .post .below-content .tags .the_tags {
  478.         display: inline;
  479. }
  480.  
  481. .post .below-content .tags .the_tags a:last-child:after {
  482.         content: '';
  483. }
  484.  
  485. .post .below-content .read-more {
  486.         float: right;
  487. }
  488.  
  489. /* =Content
  490. -------------------------------------------------------------- */
  491.  
  492. /* =Content  : WP Core
  493. -------------------------------------------------------------- */
  494.  
  495. .alignnone {
  496.         margin: 5px 20px 20px 0;
  497. }
  498.  
  499. .aligncenter,
  500. div.aligncenter {
  501.         display: block;
  502.         margin: 20px auto 20px auto;
  503. }
  504.  
  505. .alignright {
  506.         float: right;
  507.         margin: 5px 0 20px 20px;
  508. }
  509.  
  510. .alignleft {
  511.         float: left;
  512.         margin: 5px 20px 20px 0;
  513. }
  514.  
  515. .aligncenter {
  516.         display: block;
  517.         margin: 5px auto 5px auto;
  518. }
  519.  
  520. a img.alignright {
  521.         float: right;
  522.         margin: 5px 0 20px 20px;
  523. }
  524.  
  525. a img.alignnone {
  526.         margin: 5px 20px 20px 0;
  527. }
  528.  
  529. a img.alignleft {
  530.         float: left;
  531.         margin: 5px 20px 20px 0;
  532. }
  533.  
  534. a img.aligncenter {
  535.         display: block;
  536.         margin-left: auto;
  537.         margin-right: auto;
  538. }
  539.  
  540. .wp-caption {
  541.         background: #EFEFEF;
  542.         border: 1px solid #C0C0C0;
  543.         -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.25);
  544.         -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.25);
  545.         box-shadow: 0px 0px 3px rgba(0,0,0,0.25);
  546.         -webkit-box-sizing: border-box;
  547.         -moz-box-sizing: border-box;
  548.         box-sizing: border-box;
  549.         max-width: 100%; /* Image does not overflow the content area */
  550.         padding: 5px 3px 10px 3px;
  551.         text-align: center;
  552. }
  553.  
  554. .wp-caption.alignnone {
  555.         margin: 5px 20px 20px 0;
  556. }
  557.  
  558. .wp-caption.alignleft {
  559.         margin: 5px 20px 20px 0;
  560. }
  561.  
  562. .wp-caption.alignright {
  563.         margin: 5px 0 20px 20px;
  564. }
  565.  
  566. .wp-caption img {
  567.         width: auto;
  568.         height: auto;
  569.        
  570.         border: 0 none;
  571.         margin: 0;
  572.         max-width: 98.5%;
  573.         padding: 0;
  574. }
  575.  
  576. .wp-caption p.wp-caption-text {
  577.         color: #666;
  578.         font-size: 11px;
  579.         font-style: italic;
  580.         line-height: 1;
  581.         margin: 0;
  582.         padding: 4px 5px 0 5px;
  583. }
  584.  
  585. .sticky {
  586. }
  587.  
  588. .gallery-caption {
  589. }
  590.  
  591. .content *:first-child {
  592.         margin-top: 0px;
  593. }
  594.  
  595. .content *:last-child {
  596.         margin-bottom: 0px;
  597. }
  598.  
  599. .content ul {
  600.         margin-bottom: 1.5em;
  601.         padding-left: 1em;
  602. }
  603.  
  604. .content a {
  605.         color: #36659f;
  606. }
  607.  
  608. .content p,
  609. .content ul,
  610. .content ol,
  611. .content dl {
  612.         line-height: 1.6em;
  613.         margin: 2em 0;
  614. }
  615.  
  616. .content ul li {
  617.         display: list-item;
  618.         line-height: 1.75em;
  619.         list-style: url(images/bullet.png);
  620.         list-style-position: outside;
  621. }
  622.  
  623. .content ol {
  624.         list-style: outside decimal;
  625.         margin-bottom: 1.5em;
  626.         padding-left: 2.5em;
  627. }
  628.  
  629. .content ol li {
  630.         display: list-item;
  631.         line-height: 1.75em;
  632. }
  633.  
  634. .content ul ul,
  635. .content ol ol {
  636.         margin-bottom: 0;
  637. }
  638.  
  639. .content blockquote {
  640.         position: relative;
  641.        
  642.         background: url(images/quote.png) no-repeat 10px center;
  643.         color: #666;
  644.         font-style: italic;
  645.         padding: 1.5em 20px 1.5em 60px;
  646. }
  647.  
  648. .content blockquote cite {
  649.         color: #333;
  650.         font-weight: bold;
  651. }
  652.  
  653. .content blockquote p:first-child {
  654.         margin-top: 0;
  655. }
  656.  
  657. .content blockquote p:last-child {
  658.         margin-bottom: 0;
  659. }
  660.  
  661. .content strong,
  662. .content b {
  663.         font-weight: bold;
  664. }
  665.  
  666. .content em,
  667. .content i {
  668.         font-style: italic;
  669. }
  670.  
  671. .content img {
  672.         height: auto;
  673.        
  674.         max-width: 100%;
  675. }
  676.  
  677. .content hr {
  678.         border: 0px;
  679.         border-top: 1px solid #CCC;
  680. }
  681.  
  682. .content sup,
  683. .content sub {
  684.         position: relative;
  685.         height: 0;
  686.        
  687.         font-size: 10px;
  688.         line-height: 1;
  689.         vertical-align: baseline;
  690. }
  691.  
  692. .content sup {
  693.         bottom: 1ex;
  694.        
  695. }
  696.  
  697. .content sub {
  698.         top: .5ex;
  699.        
  700. }
  701.  
  702. /* =Content  : Definition list
  703. -------------------------------------------------------------- */
  704.  
  705. .content dl dt {
  706.         font-weight: bold;
  707. }
  708.  
  709. .content dl dd {
  710.         margin-bottom: 1.5em;
  711.         padding-left: 1.5em;
  712. }
  713.  
  714. /* =Content  : Headings
  715. -------------------------------------------------------------- */
  716.  
  717. .content h1,
  718. .content h2,
  719. .content h3,
  720. .content h4,
  721. .content h5,
  722. .content h6,
  723. .content strong {
  724.         color: #333333;
  725.         margin: 1.5em 0;
  726. }
  727.  
  728. .content h1 {
  729.         font-size: 24px;
  730. }
  731.  
  732. .content h2 {
  733.         font-size: 20.4px;
  734. }
  735.  
  736. .content h3 {
  737.         font-size: 18.48px;
  738. }
  739.  
  740. .content h4 {
  741.         font-size: 16.32px;
  742. }
  743.  
  744. .content h5 {
  745.         font-size: 13.92px;
  746. }
  747.  
  748. .content h6 {
  749.         font-size: 12.48px;
  750. }
  751.  
  752. /* =Content  : Table
  753. -------------------------------------------------------------- */
  754.  
  755. .content table {
  756.         width: 100%;
  757.        
  758.         margin: 1em 0;
  759. }
  760.  
  761. .content th {
  762.         border-bottom: 3px solid #C0C0C0;
  763.         font-size: 1.1em;
  764.         font-weight: bold;
  765.         padding: 8px;
  766. }
  767.  
  768. .content thead th {
  769.         border-bottom: 3px solid #C0C0C0;
  770. }
  771.  
  772. .content td {
  773.         padding: 8px;
  774. }
  775.  
  776. /* =Comments
  777. -------------------------------------------------------------- */
  778.  
  779. #comments h3.comments-title {
  780.         color: #333;
  781.         font-size: 16px;
  782.         font-weight: 400;
  783.         margin: 20px 0;
  784. }
  785.  
  786. /* =Comments  : Comments
  787. -------------------------------------------------------------- */
  788.  
  789. .comment {
  790.         margin-bottom: 45px;
  791. }
  792.  
  793. .comment .avatar-container {
  794.         float: left;
  795. }
  796.  
  797. .comment.depth-1 .avatar-container {
  798.         background: #F2F2F2;
  799.         border: 1px solid #E8E8E8;
  800.         line-height: 0;
  801.         padding: 2px;
  802. }
  803.  
  804. .comment .comment-container {
  805.         margin-left: 86px;
  806. }
  807.  
  808. .comment .children .comment .comment-container {
  809.         margin-left: 71px;
  810. }
  811.  
  812. .comment {
  813. }
  814.  
  815. .comment .children {
  816.         margin-left: 86px;
  817.         margin-top: 45px;
  818. }
  819.  
  820. .comment .children .children {
  821.         margin-left: 71px;
  822. }
  823.  
  824. .comment.type-pingback .comment-container {
  825.         margin-left: 0;
  826. }
  827.  
  828. /* =Comments  : Comments  : Comment Style
  829. -------------------------------------------------------------- */
  830.  
  831. .comment-container .info {
  832.         color: #666;
  833.         font-size: 12px;
  834.         margin-bottom: 10px;
  835. }
  836.  
  837. .comment-reply-link {
  838.         font-style: italic;
  839.         text-decoration: none;
  840. }
  841.  
  842. .comment-container .info .author {
  843.         color: #444;
  844.         display: block;
  845.         font-size: 13px;
  846.         font-weight: bold;
  847.         margin-bottom: 0.5em;
  848. }
  849.  
  850. .bypostauthor .info .author {
  851.         font-style: italic;
  852. }
  853.  
  854. .comment-container .info .author a {
  855.         color: #444;
  856. }
  857.  
  858. .comment-container .info .date {
  859.         color: #888;
  860.         display: block;
  861.         margin-bottom: 1em;
  862. }
  863.  
  864. .comment-container a.comment-reply-link {
  865.         color: #666;
  866.         display: block;
  867.         float: right;
  868.         font-size: 11px;
  869.         font-style: italic;
  870.         margin: 2px 0;
  871.         text-decoration: none;
  872. }
  873.  
  874. /* =Comments  : Respond
  875. -------------------------------------------------------------- */
  876.  
  877. #comments .commentlist #respond {
  878.         background: #F9F9F9;
  879.         border: 1px solid #EEEEEE; /* Style comment for when replying to another post */
  880.         margin-bottom: 45px;
  881.         margin-left: 86px;
  882.         padding: 30px;
  883. }
  884.  
  885. #comments .commentlist .children #respond {
  886.         margin-left: 71px;
  887. }
  888.  
  889. #respond #reply-title {
  890.         position: relative;
  891.        
  892.         color: #333;
  893.         font-size: 16px;
  894.         font-weight: 400;
  895.         margin: 20px 0;
  896. }
  897.  
  898. #comments .commentlist #respond #reply-title {
  899.         margin-top: 0;
  900. }
  901.  
  902. #respond #reply-title #cancel-comment-reply-link {
  903.         position: absolute;
  904.         top: 50%;
  905.         right: 0;
  906.        
  907.         background: rgb(249,249,249);
  908.         background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(237,237,237,1) 100%);
  909.         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(237,237,237,1)));
  910.         background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(237,237,237,1) 100%);
  911.         background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(237,237,237,1) 100%);
  912.         background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(237,237,237,1) 100%);
  913.         background: linear-gradient(top, rgba(249,249,249,1) 0%,rgba(237,237,237,1) 100%);
  914.         border: 1px solid #c3c3c3;
  915.         -webkit-border-radius: 3px;
  916.         -moz-border-radius: 3px;
  917.         border-radius: 3px;
  918.         -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1), inset 0px -1px 0px rgba(255,255,255,0.5);
  919.         -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1), inset 0px -1px 0px rgba(255,255,255,0.5);
  920.         box-shadow: 0px 1px 1px rgba(0,0,0,0.1), inset 0px -1px 0px rgba(255,255,255,0.5);
  921.         color: #666;
  922.         cursor: pointer;
  923.         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 );
  924.         font-size: 11px;
  925.         margin-top: -10px;
  926.         padding: 4px 18px;
  927.         text-decoration: none;
  928.         text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
  929. }
  930.  
  931. #respond .logged-in-as,
  932. #respond .comment-notes {
  933.         color: #999;
  934.         margin-bottom: 0.75em;
  935. }
  936.  
  937. #respond .logged-in-as a,
  938. #respond .comment-notes a {
  939.         color: #666;
  940.         text-decoration: none;
  941. }
  942.  
  943. #respond input[type=text] {
  944.         width: 420px;
  945.        
  946.         border: 1px solid #CCC;
  947.         -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  948.         -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  949.         box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  950.         -webkit-box-sizing: border-box;
  951.         -moz-box-sizing: border-box;
  952.         box-sizing: border-box;
  953.         color: #606060;
  954.         display: block;
  955.         font-size: 13px;
  956.         margin-bottom: 7px;
  957.         max-width: 100%;
  958.         padding: 4px;
  959. }
  960.  
  961. #respond textarea[name=comment] {
  962.         width: 100%;
  963.        
  964.         border: 1px solid #CCC;
  965.         -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  966.         -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  967.         box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  968.         -webkit-box-sizing: border-box;
  969.         -moz-box-sizing: border-box;
  970.         box-sizing: border-box;
  971.         color: #606060;
  972.         display: block;
  973.         font-size: 13px;
  974.         margin: 10px 0;
  975.         padding: 10px;
  976. }
  977.  
  978. #respond input[type=submit] {
  979.         background: rgb(249,249,249);
  980.         background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(237,237,237,1) 100%);
  981.         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(237,237,237,1)));
  982.         background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(237,237,237,1) 100%);
  983.         background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(237,237,237,1) 100%);
  984.         background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(237,237,237,1) 100%);
  985.         background: linear-gradient(top, rgba(249,249,249,1) 0%,rgba(237,237,237,1) 100%);
  986.         border: 1px solid #c3c3c3;
  987.         -webkit-border-radius: 3px;
  988.         -moz-border-radius: 3px;
  989.         border-radius: 3px;
  990.         -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1), inset 0px -1px 0px rgba(255,255,255,0.5);
  991.         -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1), inset 0px -1px 0px rgba(255,255,255,0.5);
  992.         box-shadow: 0px 1px 1px rgba(0,0,0,0.1), inset 0px -1px 0px rgba(255,255,255,0.5);
  993.         color: #666;
  994.         cursor: pointer;
  995.         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 );
  996.         font-size: 11px;
  997.         padding: 4px 18px;
  998.         text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
  999. }
  1000.  
  1001. #respond .form-allowed-tags {
  1002.         color: #999;
  1003.         font-size: 10px;
  1004.         margin: 10px 0;
  1005. }
  1006.  
  1007. .commentform-error {
  1008.         background: #f3dfdf;
  1009.         border: 1px solid #dfb6b7;
  1010.         -moz-border-radius: 3px;
  1011.         -webkit-border-radius: 3px;
  1012.         border-radius: 3px;
  1013.         color: #946d6e;
  1014.         font-size: 12px;
  1015.         margin-bottom: 5px;
  1016.         padding: 5px;
  1017. }
  1018.  
  1019. .comments-disabled {
  1020.         margin-top: 30px;
  1021. }
  1022.  
  1023. /* =Footer
  1024. -------------------------------------------------------------- */
  1025.  
  1026. /* =Footer  : Footer Widgets
  1027. -------------------------------------------------------------- */
  1028.  
  1029. #footer-widgets {
  1030.         width: 100%;
  1031.        
  1032.         background-color: #F9F9F9;
  1033.         border-top: 1px solid #EEEEEE;
  1034.         margin-top: 30px;
  1035.         padding: 20px 0;
  1036. }
  1037.  
  1038. #footer-widgets-wrapper {
  1039.         margin-bottom: -30px;
  1040. }
  1041.  
  1042. #footer-widgets .widget {
  1043.         -webkit-box-sizing: border-box;
  1044.         -moz-box-sizing: border-box;
  1045.         box-sizing: border-box;
  1046.         color: #777;
  1047.         float: left;
  1048.         margin-bottom: 30px;
  1049.         padding: 0 15px;
  1050.         word-wrap: break-word;
  1051. }
  1052.  
  1053. #footer-widgets .widget img {
  1054.         height: auto;
  1055.        
  1056.         max-width: 100%;
  1057. }
  1058.  
  1059. #footer-widgets h2.widgettitle {
  1060.         color: #333;
  1061.         font-family: "Terminal Dosis";
  1062. calibri,
  1063.         font-size: 10px;
  1064.         font-weight: 400;
  1065.         margin-bottom: 20px;
  1066. }
  1067.  
  1068. #footer-widgets a {
  1069.         color: #505050;
  1070.         text-decoration: none;
  1071. }
  1072.  
  1073. #footer-widgets li {
  1074.         line-height: 1.6em;
  1075. }
  1076.  
  1077. #footer {
  1078.         border: transparent;
  1079.         border-width: 0 1px;
  1080.         color: #888;
  1081.         color: #999999;
  1082.         font-size: 0.85em;
  1083.         margin-bottom: 35px;
  1084.         padding: 0px 5px;
  1085.         text-align: center;
  1086. }
  1087.  
  1088. #footer .copyright {
  1089.         margin-bottom: 0.75em;
  1090. }
  1091.  
  1092. #footer .designed {
  1093. }
  1094.  
  1095. #footer a {
  1096.         color: #777;
  1097.         text-decoration: none;
  1098. }
  1099.  
  1100. /* =Archive Page
  1101. -------------------------------------------------------------- */
  1102.  
  1103. /* The archive page template */
  1104.  
  1105. #blog-archives {
  1106.         margin-top: 30px;
  1107. }
  1108.  
  1109. #blog-archives h2 {
  1110.         font-family: "Terminal Dosis", sans-serif;
  1111.         font-size: 1.75em;
  1112.         font-weight: 400;
  1113.         margin-bottom: 0.75em;
  1114. }
  1115.  
  1116. #blog-archives ul {
  1117.         margin-bottom: 25px;
  1118. }
  1119.  
  1120. #blog-archives ul a {
  1121.         color: #666;
  1122.         text-decoration: none;
  1123. }
  1124.  
  1125. #blog-archives ul a:hover {
  1126.         color: #333;
  1127.         text-decoration: underline;
  1128. }
  1129.  
  1130. /* =Post Archives
  1131. -------------------------------------------------------------- */
  1132.  
  1133. h1.archive-title {
  1134.         margin: 30px 0;
  1135.         text-align: center;
  1136. }
  1137.  
  1138. #posts-nav {
  1139.         color: #AAA;
  1140.         margin-top: 30px;
  1141.         text-align: center;
  1142. }
  1143.  
  1144. #posts-nav a {
  1145.         color: #505050;
  1146.         text-decoration: none;
  1147. }
  1148.  
  1149. /* =Flex Slider
  1150. -------------------------------------------------------------- */
  1151.  
  1152. .flexslider ul.slides li img {
  1153.         width: 100%;
  1154.         height: auto;
  1155.        
  1156. }
clone this paste RAW Paste Data