Advertisement
Guest User

mizuki css

a guest
Jan 13th, 2013
34
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.38 KB | None | 0 0
  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. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement