API tools faq
paste
Advertisement
jesin

My theme CSS

jesin
Aug 25th, 2013
61
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 19.49 KB | None | 0 0
raw download clone embed print report
  1. body, h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6, p, select, textarea {
  2.     font-size: 16px;
  3.     font-weight: normal;
  4.     line-height: 25px;
  5.     margin: 0;
  6.     padding: 0;
  7.     text-decoration: none;
  8. }
  9.  
  10. body {
  11.     font-family: 'Open Sans',sans-serif;
  12.     color: #333333;
  13. }
  14.  
  15. h1, h2, h3, h4, h5 {
  16.     font-family: 'Oswald',sans-serif;
  17.     letter-spacing: 0.5px;
  18.     cursor: default;
  19. }
  20.  
  21. p {
  22.     padding: 0 0 15px;
  23. }
  24.  
  25. input,textarea,a,span {
  26.     transition: all 0.5s ease 0s;
  27.     -webkit-transition: all 0.5s ease 0s;
  28.     -moz-transition: all 0.5s ease 0s;
  29.     -o-transition: all 0.5s ease 0s;
  30. }
  31.  
  32. input[type="search"] {
  33.     -webkit-box-sizing: border-box;
  34.     -moz-box-sizing: border-box;
  35.     box-sizing: border-box;
  36. }
  37.  
  38. #logo {
  39.     float: left;
  40. }
  41.  
  42. #logo .site-title {
  43.     font-family: 'Shadows Into Light',cursive;
  44.     font-size: 72px;
  45.     padding-top: 50px;
  46.     word-spacing: -20px;
  47. }
  48.  
  49. #logo .site-title a:hover {
  50.     text-decoration: none;
  51. }
  52.  
  53. #logo .site-title a:hover #w0 {
  54.     text-shadow: 0 0 20px;
  55. }
  56.  
  57. #logo .site-title a:hover #w1 {
  58.     color: #DDDDDD;
  59. }
  60.  
  61. #logo .site-title #w0 {
  62.     color: #C3D9E1;
  63. }
  64.  
  65. #logo .site-title #w1 {
  66.     color: #FFFFFF;
  67. }
  68.  
  69. .site-header .menu li {
  70.     float: left;
  71.     list-style-type: none;
  72. }
  73.  
  74. .site-header .widget_nav_menu {
  75.     background-color: #FFFFFF;
  76.     border-radius: 3px 3px 3px 3px;
  77.     -moz-border-radius: 3px 3px 3px 3px;
  78.     -webkit-border-radius: 3px 3px 3px 3px;
  79.     box-shadow: 0 3px 4px #555555 inset;
  80.     float: right;
  81.     margin-top: 10px;
  82.     padding: 0 10px;
  83. }
  84.  
  85. .site-header .menu-pages-container {
  86.     padding: 0;
  87. }
  88.  
  89. .site-header .menu .menu-item a {
  90.     display: block;
  91.     font-size: 14px;
  92.     padding: 5px;
  93. }
  94.  
  95. .site-header .widget_nav_menu .menu {
  96.     margin: 0;
  97. }
  98.  
  99. .contentheading, .contentheading a {
  100.     color: #005B88;
  101.     font-size: 30px;
  102.     line-height: 40px;
  103.     font-weight: 700;
  104. }
  105.  
  106. .searchheading {
  107.     padding: 10px 35px;
  108. }
  109.  
  110. .search-submit {
  111.     font: normal 32px/1 'Genericons';
  112.     border: 0 none;
  113.     background: none;
  114.     vertical-align: middle;
  115.     -webkit-font-smoothing: antialiased;
  116.     cursor: pointer;
  117. }
  118.  
  119. .search-field {
  120.     border: 1px solid #007EBA;
  121.     font-size: 16px;
  122.     width: 150px;
  123. }
  124.  
  125. .search-field:focus {
  126.     width: 230px;
  127. }
  128.  
  129. .contentheading a:hover {
  130.     color: #007EBA;
  131.     text-decoration: none;
  132. }
  133.  
  134. .module-body, .widget > div, .widget > ul, .widget > form {
  135.     padding: 10px 15px 25px;
  136. }
  137.  
  138. .site-header {
  139.     height: 150px;
  140.     width: 100%;
  141.     background-color: #444444;
  142. }
  143.  
  144. .nav-primary {
  145.     clear: both;
  146.     overflow: hidden;
  147.     width: 100%;
  148.     background: none repeat scroll 0 0 #888888;
  149.     height: 50px;
  150. }
  151.  
  152. li, ol, ul {
  153.     margin: 0;
  154.     padding: 0;
  155. }
  156.  
  157. ol {
  158.     list-style-type: decimal;
  159. }
  160.  
  161. a {
  162.     color: #007EBA;
  163.     font-weight: bold;
  164.     text-decoration: none;
  165. }
  166.  
  167. a:hover {
  168.     color: #005B88;
  169.     text-decoration: underline;
  170. }
  171.  
  172. .entry {
  173.     padding: 15px 35px;
  174. }
  175.  
  176. .nav-primary li {
  177.     height: 34px;
  178.     float: left;
  179.     list-style-type: none;
  180.     margin: 10px 1px;
  181. }
  182.  
  183. .nav-primary li a {
  184.     color: #FFFFFF;
  185.     display: block;
  186.     font-weight: bold;
  187.     line-height: 30px;
  188.     padding: 0 10px;
  189.     font-size: 18px;
  190.     border-radius: 20px 20px 20px 20px;
  191.     -moz-border-radius: 20px 20px 20px 20px;
  192.     -webkit-border-radius: 20px 20px 20px 20px;
  193. }
  194.  
  195. .nav-primary li.current-menu-item a, .nav-primary li.current-post-ancestor a {
  196.     background: none repeat scroll 0 0 #FFFFFF;
  197.     color: #007EBA;
  198. }
  199.  
  200. .nav-primary li.menu-item a:hover {
  201.     text-decoration: none;
  202.     background: none repeat scroll 0 0 #007EBA;
  203.     color: #FFFFFF;
  204. }
  205.  
  206. .site-inner {
  207.     float: left;
  208.     overflow: hidden;
  209.     position: relative;
  210.     width: 100%;
  211.     background-color: #EEEEEE;
  212. }
  213.  
  214. .site-inner .wrap {
  215.     clear: left;
  216.     float: left;
  217.     left: 50%;
  218.     position: relative;
  219. }
  220.  
  221. .menu-main-menu-container, .wrap {
  222.     margin: 0 auto;
  223.     max-width: 1000px;
  224. }
  225.  
  226. .content-sidebar-wrap {
  227.     float: left;
  228.     position: relative;
  229.     right: 50%;
  230.     background-color: #C3D9E1;
  231.     box-shadow: 0 0 20px #000000;
  232.     display: block;
  233. }
  234.  
  235. .content {
  236.     background-color: #FFFFFF;
  237.     float: left;
  238.     min-height: 1400px;
  239.     padding-bottom: 20px;
  240.     width: 65%;
  241.     max-width: 650px;
  242.     -webkit-box-sizing: border-box;
  243.     -moz-box-sizing: border-box;
  244.     box-sizing: border-box;
  245. }
  246.  
  247. .entry-content {
  248.     max-width: 600px;
  249. }
  250.  
  251. .entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5 {
  252.     font-weight: 400;
  253.     margin: 15px 0;
  254. }
  255.  
  256. .entry-content h2 {
  257.     font-size: 24px;
  258. }
  259.  
  260. .entry-content h3 {
  261.     font-size: 18px;
  262. }
  263.  
  264. .entry-content ol, .entry-content ul {
  265.     padding: 0 0 15px;
  266. }
  267.  
  268. .entry-content li {
  269.     margin: 0 0 0 50px;
  270. }
  271.  
  272. .wp-post-image {
  273.     float: right;
  274.     padding: 5px;
  275.     max-width: 100%;
  276.     height: auto;
  277. }
  278.  
  279. .footer-widgets {
  280.     clear: both;
  281.     overflow: hidden;
  282.     width: 100%;
  283.     background-color: #DDDDDD;
  284.     border-top: 1px solid #999999;
  285. }
  286.  
  287. .footer-widgets .module,.footer-widgets .widget {
  288.     float: left;
  289.     width: 31%;
  290. }
  291.  
  292. .breadcrumbs-pad {
  293.     padding: 0 1px;
  294. }
  295.  
  296. .widget .menu-toolbox-container li:before {
  297.     content: "\f445";
  298.     font: normal 16px/1 'Genericons';
  299.     vertical-align: middle;
  300.     -webkit-font-smoothing: antialiased;
  301. }
  302.  
  303. .widget .menu-toolbox-container li {
  304.     list-style-type: none;
  305.     text-indent: -16px;
  306. }
  307.  
  308. div.breadcrumbs, div.breadcrumb {
  309.     background-color: D9D9D9;
  310.     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D9D9D9), to(#FFFFFF));
  311.     background-image: -webkit-linear-gradient(top, #D9D9D9, #FFFFFF);
  312.     background-image:    -moz-linear-gradient(top, #D9D9D9, #FFFFFF);
  313.     background-image:     -ms-linear-gradient(top, #D9D9D9, #FFFFFF);
  314.     background-image:      -o-linear-gradient(top, #D9D9D9, #FFFFFF);
  315.     border-bottom:1px solid #e6e6e6;
  316.     font-size:110%;
  317.     font-weight:bold;
  318.     margin:0;
  319.     padding:7px 15px 5px;
  320.     color:#777;
  321.     border-top:1px solid #d9d9d9;
  322. }
  323.  
  324. div.breadcrumbs .sep,div.breadcrumb .sep {
  325.     padding:0 5px;
  326. }
  327.  
  328. .breadcrumb.nav > div {
  329.     display: inline;
  330. }
  331.  
  332. .module ul, .widget ul {
  333.     margin: 16px;
  334. }
  335.  
  336. .sidebar-primary .module-title, .sidebar-primary .widget-title {
  337.     background-color: #E2EAEE;
  338.     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E2EAEE), to(#C3D9E1));
  339.     background-image: -webkit-linear-gradient(top, #E2EAEE, #C3D9E1);
  340.     background-image:    -moz-linear-gradient(top, #E2EAEE, #C3D9E1);
  341.     background-image:     -ms-linear-gradient(top, #E2EAEE, #C3D9E1);
  342.     background-image:      -o-linear-gradient(top, #E2EAEE, #C3D9E1);
  343. }
  344.  
  345. .sidebar-primary .module-body {
  346.     border-top: 1px solid #DFEAEF;
  347. }
  348.  
  349. .sidebar-primary .widget-title {
  350.     border-bottom: 1px solid #DFEAEF;
  351. }
  352.  
  353. .sidebar-primary .widget {
  354.     border-bottom: 1px dotted #007EBA;
  355. }
  356.  
  357. #pagination {
  358.     text-align: center;
  359. }
  360.  
  361. #pagination ul.page-numbers li {
  362.     display: inline;
  363.     list-style: none outside none;
  364.     margin-right: 1px;
  365. }
  366.  
  367. #pagination a {
  368.     background-color: #00A2EF;
  369.     background-image: -moz-linear-gradient(center top , #00A2EF, #007AB4);
  370.     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00A2EF), to(#007AB4));
  371.     background-image: -webkit-linear-gradient(top, #00A2EF, #007AB4);
  372.     background-image:     -ms-linear-gradient(top, #00A2EF, #007AB4);
  373.     background-image:      -o-linear-gradient(top, #00A2EF, #007AB4);
  374.     border-radius: 5px 5px 5px 5px;
  375.     -moz-border-radius: 5px 5px 5px 5px;
  376.     -webkit-border-radius: 5px 5px 5px 5px;
  377.     color: #FFFFFF;
  378.     padding: 10px 13px;
  379. }
  380.  
  381. #pagination a:hover {
  382.     background-color: #007AB4;
  383.     background-image: -moz-linear-gradient(center top , #007AB4, #00A2EF);
  384.     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#007AB4), to(#00A2EF));
  385.     background-image: -webkit-linear-gradient(top, #007AB4, #00A2EF);
  386.     background-image:     -ms-linear-gradient(top, #007AB4, #00A2EF);
  387.     background-image:      -o-linear-gradient(top, #007AB4, #00A2EF);
  388.     text-decoration: none;
  389. }
  390.  
  391. #pagination ul.page-numbers li span.dots {
  392.     font-size: 20px;
  393. }
  394.  
  395. #pagination ul.page-numbers li span.current {
  396.     background-color: #D45429;
  397.     background-image: -moz-linear-gradient(center top , #D45429, #C21A00);
  398.     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D45429), to(#C21A00));
  399.     background-image: -webkit-linear-gradient(top, #D45429, #C21A00);
  400.     background-image:     -ms-linear-gradient(top, #D45429, #C21A00);
  401.     background-image:      -o-linear-gradient(top, #D45429, #C21A00);
  402.     border-radius: 5px 5px 5px 5px;
  403.     -moz-border-radius: 5px 5px 5px 5px;
  404.     -webkit-border-radius: 5px 5px 5px 5px;
  405.     color: #FFFFFF;
  406.     padding: 10px 13px;
  407.     font-weight: bold;
  408. }
  409.  
  410. #pagination ul.page-numbers li span.current:hover {
  411.     background-color: #C21A00;
  412.     background-image: -moz-linear-gradient(center top , #C21A00, #D45429);
  413.     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C21A00), to(#D45429));
  414.     background-image: -webkit-linear-gradient(top, #C21A00, #D45429);
  415.     background-image:     -ms-linear-gradient(top, #C21A00, #D45429);
  416.     background-image:      -o-linear-gradient(top, #C21A00, #D45429);
  417.     cursor: default;
  418. }
  419.  
  420. .module-title, .widget-title {
  421.     font-size:18px;
  422.     font-weight: 400;
  423.     margin:0;
  424.     padding:7px 15px 5px;
  425.     color: #50646D;
  426. }
  427.  
  428. .entry-meta {
  429.     border-bottom: 1px solid #DEDEDE;
  430.     color: #999999;
  431.     margin-bottom: 15px;
  432.     padding: 15px 0 0;
  433.     width: 100%;
  434. }
  435.  
  436. .entry-modtime {
  437.     text-indent: -9999em;
  438.     display: inline-block;
  439. }
  440.  
  441. .entry-author:before {
  442.     content: "\f304";
  443.     display: inline-block;
  444.     font: normal 32px/1 'Genericons';
  445.     vertical-align: middle;
  446.     -webkit-font-smoothing: antialiased;
  447. }
  448.  
  449. .entry-time:before {
  450.     content: "\f303";
  451.     display: inline-block;
  452.     font: normal 32px/1 'Genericons';
  453.     vertical-align: middle;
  454.     -webkit-font-smoothing: antialiased;
  455. }
  456.  
  457. .entry-author,.entry-time,.post-category,.post-comments {
  458.     padding: 0 5px 0 0;
  459. }
  460.  
  461. .post-category:before {
  462.     content: "\f302";
  463.     display: inline-block;
  464.     font: normal 32px/1 'Genericons';
  465.     vertical-align: middle;
  466.     -webkit-font-smoothing: antialiased;
  467. }
  468.  
  469. .post-comments:before {
  470.     content: "\f300";
  471.     display: inline-block;
  472.     font: normal 32px/1 'Genericons';
  473.     vertical-align: middle;
  474.     -webkit-font-smoothing: antialiased;
  475. }
  476.  
  477. .wp-caption {
  478.     border: 1px solid #DDDDDD;
  479.     text-align: center;
  480.     background-color: #F3F3F3;
  481.     padding-top: 4px;
  482.     margin: 10px;
  483.     border-radius: 3px;
  484.     -moz-border-radius: 3px;
  485.     -webkit-border-radius: 3px;
  486.     box-shadow: 5px 2px 5px #333333;
  487. }
  488.  
  489. .wp-caption img {
  490.     margin:0;
  491.     padding:0; 
  492.     border:0 none;
  493. }
  494.  
  495. .wp-caption p.wp-caption-text {
  496.     font-size: 12px;
  497.     line-height: 17px;
  498.     padding: 0 4px 5px;
  499.     margin: 0;
  500.     color: #333333;
  501. }
  502.  
  503. .aligncenter {
  504.     display: block;
  505.     margin: 0 auto;
  506. }
  507.  
  508. .comment-title,.comment-reply-title {
  509.     font-size: 28px;
  510.     margin: 12px 0;
  511. }
  512.  
  513. .comment-content ol li {
  514.     list-style-type: upper-roman !important;
  515.     font-weight: bold;
  516. }
  517.  
  518. .comment-content ol {
  519.     font-size: 14px;
  520.     padding-left: 20px;
  521. }
  522.  
  523. .comment-reply-link:before {
  524.     font: normal 32px/1 'Genericons';
  525.     content: "\f412";
  526.     vertical-align: bottom;
  527.     display: inline-block;
  528.     -webkit-font-smoothing: antialiased;
  529. }
  530.  
  531. .post-tags:before {
  532.     font: normal 32px/1 'Genericons';
  533.     content: "\f302";
  534.     vertical-align: middle;
  535.     -webkit-font-smoothing: antialiased;
  536. }
  537.  
  538. .site-footer {
  539.     padding: 25px 0;
  540.     width: 100%;
  541.     background-color: #777777;
  542.     border-top: 2px dotted #111111;
  543.     color: #FFFFFF;
  544.     cursor: default;
  545. }
  546.  
  547. .site-footer a {
  548.     color: #64CDFF;
  549. }
  550.  
  551. #comments,#respond {
  552.     padding: 15px 35px;
  553. }
  554.  
  555. #comments #respond {
  556.     padding: 0;
  557. }
  558.  
  559. #comments #respond textarea {
  560.     height: 150px;
  561.     width: 400px;
  562. }
  563.  
  564. #comments li {
  565.     list-style-type: none;
  566.     border-radius: 40px 0 0 0;
  567.     -moz-border-radius: 40px 0 0 0;
  568.     -webkit-border-radius: 40px 0 0 0;
  569.     margin: 10px 0;
  570. }
  571.  
  572. .bypostauthor, .admincomment {
  573.     background: #FFF3A3 !important;
  574.     color: #333333;
  575.     border-left: 5px solid #FF9E00 !important;
  576. }
  577.  
  578. ol.commentlist {
  579.     margin-top: 0;
  580.     list-style: none;
  581.     padding-left: 0;
  582.     overflow: hidden;
  583. }
  584.  
  585. .comment-meta {
  586.     color: #555555;
  587.     font-size: 14px;
  588. }
  589.  
  590. li.single-comment, li.comment, li.pingback {
  591.     padding: 15px 20px;
  592. }
  593.  
  594. .commenttext {
  595.     float: left;
  596.     width: 88%;
  597. }
  598.  
  599. .commenttext p {
  600.     padding-right: 15px;
  601. }
  602.  
  603. .comment_author_gravatar {
  604.     float: right;
  605. }
  606.  
  607. .comment-author .avatar {
  608.     float: left;
  609. }
  610.  
  611. .comment .comment-meta, .comment .comment-body p, .comment-body ol, .comment .reply {
  612.     margin-left: 70px;
  613. }
  614.  
  615. .comment .comment-author .fn {
  616.     margin-left: 10px;
  617. }
  618.  
  619. .children {
  620.     margin: 16px;
  621. }
  622.  
  623. .comment-author .fn {
  624.     font-style: normal;
  625.     font-weight: bold;
  626. }
  627.  
  628. .comment.thread-even,.children > .even {
  629.     border-left: 5px solid #EEEEEE;
  630.     background-color: #F8F8F8;
  631. }
  632.  
  633. .comment.thread-odd,.children > .odd {
  634.     border-left: 5px solid #007EBA;
  635.     background:#d1e0e7;
  636. }
  637.  
  638. .bypostauthor .author-highlight {
  639.     background-color:#000000;
  640.     color:#FFFFFF;
  641.     padding:2px 7px;
  642.     border-radius: 5px 5px 5px 5px;
  643.     -moz-border-radius: 5px 5px 5px 5px;
  644.     -webkit-border-radius: 5px 5px 5px 5px;
  645. }
  646.  
  647. .comment-body blockquote:before {
  648.     content: "\f106";
  649.     float: left;
  650.     font: normal 64px/1 'Genericons';
  651.     display: inline-block;
  652.     margin: -15px 0px 0px 0px;
  653.     -webkit-font-smoothing: antialiased;
  654. }
  655.  
  656. .comment-body blockquote > p {
  657.     padding: 0;
  658. }
  659. .comment-body blockquote {
  660.     color: #666666;
  661.     font-style: italic;
  662.     margin-left: 20px;
  663. }
  664.  
  665. #respond input[type="text"],#contactform input[type="text"],article.page input[type="text"],article.page input[type="password"] {
  666.     border: 0 none;
  667.     border-radius: 10px 10px 10px 10px;
  668.     -moz-border-radius: 10px 10px 10px 10px;
  669.     -webkit-border-radius: 10px 10px 10px 10px;
  670.     box-shadow: 0 0 10px #007EBA;
  671.     height: 30px;
  672.     margin: 10px 0;
  673.     width: 300px;
  674.     font-family: 'Open Sans',sans-serif;
  675.     padding: 5px;
  676.     font-size: 18px;
  677.     max-width: 100%;
  678. }
  679.  
  680. textarea#comment, #contactform textarea {
  681.     border: 0 none;
  682.     border-radius: 10px 10px 10px 10px;
  683.     -moz-border-radius: 10px 10px 10px 10px;
  684.     -webkit-border-radius: 10px 10px 10px 10px;
  685.     box-shadow: 0 0 10px #007EBA;
  686.     margin: 10px 0;
  687.     padding: 5px;
  688.     font-family: 'Open Sans',sans-serif;
  689.     font-size: 14px;
  690.     max-width: 100%;
  691. }
  692.  
  693. #respond input[type="text"]:focus,textarea#comment:focus,#contactform input[type="text"]:focus,#contactform textarea:focus,article.page input[type="text"]:focus,article.page input[type="password"]:focus {
  694.     box-shadow: 0 0 10px #FF0000;
  695. }
  696.  
  697. #respond .required {
  698.     color: #FF0000;
  699. }
  700.  
  701. .sidebar {
  702.     float: right;
  703.     width: 35%;
  704.     -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  705.     -moz-box-sizing: border-box; /* Firefox, other Gecko */
  706.     box-sizing: border-box; /* Opera/IE 8+ */
  707.     display: inline;
  708. }
  709.  
  710. #email-subscribe {
  711.     background-color: #EEEEEE;
  712.     background-image: url("images/envelop-subscribe.png");
  713.     background-position: center bottom;
  714.     background-repeat: no-repeat;
  715.     height: 450px;
  716.     width: 300px;
  717. }
  718.  
  719. #email-form  {
  720.     padding: 85px 0 0 50px;
  721.     width: 200px;
  722. }
  723.  
  724. #email-form input[type="text"] {
  725.     border: 0 none;
  726.     box-shadow: 5px 5px 5px #000000;
  727.     display: block;
  728.     font-family: 'Oswald',sans-serif;
  729.     margin-top: 30px;
  730.     width: 200px;
  731. }
  732.  
  733. #email-form input[type="text"]:focus {
  734.     box-shadow: 10px 10px 10px #000000;
  735.     font-size: 24px;
  736.     margin-left: -25px;
  737.     width: 250px;
  738. }
  739.  
  740. #email-form input[type="submit"] {
  741.     background-color: #57B7CD;
  742.     border: 0 none;
  743.     cursor: pointer;
  744.     display: block;
  745.     font-family: 'Oswald',sans-serif;
  746.     font-size: 18px;
  747.     margin-top: -40px;
  748.     padding: 1px 5px;
  749.     transform: rotate(36deg);
  750.     -ms-transform: rotate(36deg);
  751.     -webkit-transform: rotate(36deg);
  752.     -o-transform: rotate(36deg);
  753.     -moz-transform: rotate(36deg);
  754. }
  755.  
  756. #email-form input[type="submit"]:hover {
  757.     background-color: #F33E16;
  758. }
  759.  
  760. #email-subscribe ul {
  761.     cursor: default;
  762.     font-family: 'Oswald',sans-serif;
  763.     list-style: none outside none;
  764.     margin: 0;
  765. }
  766.  
  767. #email-subscribe li:before {
  768.     color: #888888;
  769.     content: "\f408";
  770.     font-family: 'Genericons';
  771.     font-size: 32px;
  772. }
  773.  
  774. #email-subscribe p {
  775.     cursor: default;
  776.     padding: 0 5px;
  777. }
  778.  
  779. #subscribe-instruction {
  780.     color: #005B88;
  781.     font-family: 'Shadows Into Light',cursive;
  782.     font-size: 24px;
  783.     font-weight: bold;
  784.     margin-top: 10px;
  785.     text-align: center;
  786. }
  787.  
  788. .site-header .widget_search, #mobile-menu {
  789.     display: none;
  790. }
  791.  
  792. .site-footer .wrap {
  793.     position: relative;
  794. }
  795.  
  796. .site-footer .textwidget {
  797.     padding: 0 10px;
  798. }
  799.  
  800. .source-code {
  801.     width:510px;
  802.     display:block;
  803.     background-color:#d1e0e7;
  804.     padding:2px;
  805.     border:2px dotted #000;
  806.     margin-top:5px;
  807.     margin-bottom:5px;
  808. }
  809.  
  810. .more-link {
  811.     background-color: #3C7D9C;
  812.     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3C7D9C), to(#34657F));
  813.     background-image: -webkit-linear-gradient(top, #3C7D9C, #34657F);
  814.     background-image:    -moz-linear-gradient(top, #3C7D9C, #34657F);
  815.     background-image:     -ms-linear-gradient(top, #3C7D9C, #34657F);
  816.     background-image:      -o-linear-gradient(top, #3C7D9C, #34657F);
  817.     border-radius: 5px 5px 5px 5px;
  818.     -moz-border-radius: 5px 5px 5px 5px;
  819.     -webkit-border-radius: 5px 5px 5px 5px;
  820.     color: #FFFFFF;
  821.     display: block;
  822.     margin-top: 15px;
  823.     padding: 5px 10px;
  824.     width: 153px;
  825.     font-style: italic;
  826. }
  827.  
  828. a.more-link:hover {
  829.     background-color: #34657F;
  830.     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#34657F), to(#3C7D9C));
  831.     background-image: -webkit-linear-gradient(top, #34657F, #3C7D9C);
  832.     background-image:    -moz-linear-gradient(top, #34657F, #3C7D9C);
  833.     background-image:     -ms-linear-gradient(top, #34657F, #3C7D9C);
  834.     background-image:      -o-linear-gradient(top, #34657F, #3C7D9C);
  835.     text-decoration: none;
  836.     color: #FFFFFF;
  837. }
  838.  
  839. .yarpp-thumbnails-horizontal .yarpp-thumbnail {
  840.     background-color: #DDDDDD;
  841.     height: auto !important;
  842. }
  843.  
  844. .yarpp-thumbnail > img, .yarpp-thumbnail-default {
  845.     margin: 0 auto !important;
  846. }
  847.  
  848. .yarpp-thumbnails-horizontal a.yarpp-thumbnail:hover {
  849.     box-shadow: 0px 0px 5px #000000;
  850. }
  851.  
  852. @media only screen and (max-width: 924px) {
  853.     #logo .site-title {
  854.         padding-left: 35px;
  855.     }
  856.  
  857.     .nav-primary {
  858.         height: 100px;
  859.     }
  860. }
  861.  
  862. @media only screen and (max-width: 768px) {
  863.  
  864.     .site-inner,
  865.     .site-inner .wrap,
  866.     .content-sidebar-wrap {
  867.         width: 100%;
  868.         left: auto;
  869.         right: auto;
  870.     }
  871.    
  872.     .content,
  873.     .sidebar {
  874.         display: block;
  875.         float: none;
  876.         width: 100%;
  877.         margin: 0 auto;
  878.         overflow: hidden;
  879.         max-width: 728px;
  880.     }
  881.  
  882.     .sidebar-primary .widget {
  883.         margin: 0 auto;
  884.         width: 350px;
  885.         float: none;
  886.     }
  887.  
  888.     .nav-primary li a {
  889.         padding: 0 20px;
  890.     }
  891.  
  892.     .site-header .widget_search {
  893.         display: block;
  894.         float: right;
  895.     }
  896.  
  897.     .site-header .widget_search .search-submit {
  898.         color: #FFFFFF;
  899.     }
  900.  
  901.     .sidebar-primary .widget_search {
  902.         display: none;
  903.     }
  904.  
  905.     .site-footer {
  906.         padding: 25px 10px;
  907.     }
  908.  
  909.     .entry-content {
  910.         max-width: none;
  911.     }
  912.  
  913.     .site-header .widget_nav_menu {
  914.         position: absolute;
  915.     }
  916.  
  917.     #logo {
  918.         margin-top: 25px;
  919.     }
  920. }
  921.  
  922. @media only screen and (max-width: 580px ) {
  923.     .nav-primary {
  924.         height: 150px;
  925.     }
  926.  
  927.     .wp-post-image {
  928.         max-width: 50%;
  929.     }
  930.  
  931.     .site-footer {
  932.         width: 95%;
  933.     }
  934. }
  935.  
  936. @media only screen and (max-width: 470px ) {
  937.     .footer-widgets .module,.footer-widgets .widget {
  938.         float: none;
  939.         width: 100%;
  940.         overflow: hidden;
  941.     }
  942.  
  943.     .site-header .widget_search {
  944.         clear: both;
  945.         float: none;
  946.         margin-top: 30px;
  947.         width: auto;
  948.     }
  949.  
  950.     .site-header .widget_search .search-field {
  951.         width: 80%;
  952.         transition: none;
  953.         -moz-transition: none;
  954.         -o-transition: none;
  955.         -webkit-transition: none;
  956.     }
  957.  
  958.     .site-header .widget_search .search-form { 
  959.         margin: 0 20px;
  960.         padding: 40px 0 0;
  961.     }
  962.  
  963.     #mobile-menu {
  964.         display: block;
  965.         margin: 0 20px;
  966.         width: 73%;
  967.     }
  968.  
  969.     .nav-primary {
  970.         display: none;
  971.     }
  972.  
  973.     .site-header {
  974.         height: 200px;
  975.     }
  976.  
  977.     .breadcrumb-last {
  978.         display: none;
  979.     }
  980. }
  981.  
  982. @media only screen and (max-width: 360px) {
  983.  
  984.     .site-header {
  985.         height: 150px;
  986.     }
  987.  
  988.     #logo .site-title {
  989.         padding-top: 25px;
  990.     }
  991.  
  992.     #logo {
  993.         margin: 0;
  994.     }
  995.  
  996.     #logo .site-title {
  997.         font-size: 48px;
  998.     }
  999.  
  1000.     .site-header .widget_nav_menu {
  1001.         display: none;
  1002.     }
  1003.  
  1004. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!