Guest User

Untitled

a guest
Aug 15th, 2014
508
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 29.84 KB | None | 0 0
  1. /*
  2.     Theme Name: Direx
  3.     Theme URI: http://newwpthemes.com/
  4.     Description: Перевод от <a href="http://wordpress-theming.ru">http://wordpress-theming.ru</a>.
  5.     Author: NewWpThemes
  6.     Author URI: http://newwpthemes.com
  7.     Version: 1.2
  8.     Tags: red, three-columns, left-right-sidebars
  9. */
  10.  
  11. /* INDEX:
  12.  
  13.     =GENERAL
  14.     =LAYOUT
  15.     =HEADER
  16.     =MENUS
  17.     =POST
  18.     =WOOCOMMERCE
  19.     =SITEMAP
  20.     =CONTACT FORM
  21.     =SLIDER
  22.     =WP-PAGENAVI
  23.     =FOOTER
  24.     =WIDGETS
  25.     =COMMENTS
  26.     =RESPONSIVE
  27. */
  28.  
  29. /* =GENERAL
  30. -------------------------------------------------------------- */
  31.  
  32.  
  33.  
  34. body {
  35.     background: #FFFFFE url('images/background.jpg') center top no-repeat fixed;
  36.     color: #555555;
  37. }
  38.  
  39. a {
  40.     color: #147857;
  41.     text-decoration: underline;
  42. }
  43.  
  44. a:hover, a:focus {
  45.     color: #0e8e64;
  46.     text-decoration: none;
  47. }
  48.  
  49. a:focus {
  50.     outline: none;
  51. }
  52.  
  53. /* =LAYOUT
  54. -------------------------------------------------------------- */
  55.  
  56. #container {
  57.     width: 960px;
  58.     margin: 15px auto 0 auto;
  59.     background: url('images/container-bg.png') left top repeat-x;
  60. }
  61.  
  62. #main {
  63.     padding: 15px;
  64.     background: url('images/main-bg.png');
  65. }
  66.  
  67. #main-fullwidth {
  68.     padding: 15px;
  69.     background: url('images/main-bg.png');
  70. }
  71.  
  72. #content {
  73.     overflow: hidden;
  74.     float: left;
  75.     width: 460px;
  76.     margin-left: 235px;
  77. }
  78.  
  79. #sidebar-primary {
  80.     overflow: hidden;
  81.     float: left;
  82.     width: 220px;
  83.     margin-left: -695px;
  84. }
  85.  
  86. #sidebar-secondary {
  87.     overflow: hidden;
  88.     float: right;
  89.     width: 220px;
  90.     margin-left: 15px;
  91. }
  92.  
  93. /* =HEADER
  94. -------------------------------------------------------------- */
  95.  
  96. #header {
  97.     height: 60px;
  98.     padding:25px 0;
  99.     background: url('images/header-bg.png') left top repeat-x;
  100. }
  101.  
  102. .logo {
  103.     float: left;
  104.     margin-left: 15px;
  105. }
  106.  
  107. .logo h1.site_title {
  108.     margin: 0;
  109.     padding:0;
  110.     font-family: Verdana, Arial, Helvetica, Sans-serif;
  111.     font-size:48px;
  112.     line-height: 40px;
  113.     font-weight: bold;
  114. }
  115.  
  116. .logo h1.site_title a, .logo h1.site_title a:hover {
  117.     color: #424242;
  118.     text-decoration: none;
  119. }
  120.  
  121. .logo h2.site_description {
  122.     margin: 0;
  123.     padding:0;
  124.     color: #424242;
  125.     font-family: Verdana, Arial, Helvetica, Sans-serif;
  126.     font-size:14px;
  127.     line-height: 14px;
  128. }
  129.  
  130. .header-right {
  131.     float: right;
  132.     margin-right: 15px;
  133. }
  134.  
  135. /* =MENUS
  136. -------------------------------------------------------------- */
  137.  
  138. /* Menu Primary
  139. ----------------------------*/
  140.  
  141. .menu-primary-container {
  142.     float: left;
  143.     padding:0;
  144.     position:relative;
  145.     height: 46px;
  146.     z-index: 400;
  147. }
  148.  
  149. .menu-primary {
  150. }
  151.  
  152. .menu-primary ul {
  153.     min-width: 160px;
  154. }
  155.  
  156. /* First Level - Menu Primary */
  157.  
  158. .menu-primary li a {
  159.     color: #39a389;
  160.     padding: 17px 15px;
  161.     text-decoration: none;
  162.     font-family:  sans-serif;
  163.     font-size: 12px;
  164.     text-transform: uppercase;
  165.     font-weight: normal;
  166. }
  167.  
  168. .menu-primary li a:hover, .menu-primary li a:active, .menu-primary li a:focus,
  169. .menu-primary li:hover > a, .menu-primary li.current-cat > a, .menu-primary li.current_page_item > a, .menu-primary li.current-menu-item > a {
  170.     color: #2a8a72;
  171.     outline: 0;
  172. }
  173.  
  174. /* Child Levels - Menu Primary */
  175.  
  176. .menu-primary li li a {
  177.     color: #fff;
  178.     text-transform: none;
  179.     background: #1c8463;
  180.     padding: 10px 15px;
  181.     margin: 0;
  182.     border: 0;
  183.     font-weight: normal;
  184. }
  185.  
  186. .menu-primary li li a:hover, .menu-primary li li a:active, .menu-primary li li a:focus,
  187. .menu-primary li li:hover > a, .menu-primary li li.current-cat > a, .menu-primary li li.current_page_item > a, .menu-primary li li.current-menu-item > a {
  188.     color: #fff;
  189.     background: #208169;
  190.     outline: 0;
  191.     border-bottom:0;
  192.     text-decoration: none;
  193. }
  194.  
  195.  
  196. /* Arrows Menu Primary */
  197.  
  198. .menu-primary a.sf-with-ul {
  199.     padding-right: 20px;
  200.     min-width: 1px;
  201. }
  202. .menu-primary  .sf-sub-indicator {
  203.     position: absolute;
  204.     display: block;
  205.     overflow: hidden;
  206.     right: 0;
  207.     top:  0;
  208.     padding: 16px 10px 0 0;
  209. }
  210.  
  211. .menu-primary  li li .sf-sub-indicator {
  212.     padding: 9px 10px 0 0;
  213. }
  214.  
  215. /* Shadows Menu Primary */
  216.  
  217. .wrap-menu-primary .sf-shadow ul {
  218.     background: url('images/menu-primary-shadow.png') no-repeat bottom right;
  219. }
  220.  
  221. /* Menu Secondary
  222. ----------------------------*/
  223.  
  224. .menu-secondary-container {
  225.     position:relative;
  226.     height: 44px;
  227.     z-index: 300;
  228.     border-bottom: 3px solid #147857;
  229.     background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #20956e), color-stop(1, #1f8160));
  230.     background-image: -ms-linear-gradient(top, #129b6c, #129b6c);
  231.     background-image: -o-linear-gradient(top, #129b6c, #129b6c);
  232.     background-image: -moz-linear-gradient(top, #129b6c, #129b6c);
  233.     background-image: -webkit-linear-gradient(top, #129b6c, #129b6c);
  234.     background-image: linear-gradient(to bottom, #129b6c, #129b6c);
  235.  
  236. }
  237.  
  238. .menu-secondary {}
  239.  
  240. .menu-secondary ul {
  241.     min-width: 160px;
  242. }
  243.  
  244. /* First Level - Menu Secondary */
  245. .menu-secondary li a {
  246.     color: #c6e5db;
  247.     padding: 16px 15px ;
  248.     text-decoration: none;
  249.     font-family: Verdana, Arial, Helvetica, Sans-serif;
  250.     font-size: 12px;
  251.     text-transform: uppercase;
  252.     font-weight: normal;
  253.     text-shadow: 0 1px 0 #15674c;
  254. }
  255.  
  256. .menu-secondary li a:hover, .menu-secondary li a:active, .menu-secondary li a:focus,
  257. .menu-secondary li:hover > a, .menu-secondary li.current-cat > a, .menu-secondary li.current_page_item > a, .menu-secondary li.current-menu-item > a {
  258.     color: #FFFFFF;
  259.     text-shadow: 0 1px 0 #15674c;
  260.     outline: 0;
  261.     background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #0e5940), color-stop(1, #0e5940));
  262.     background-image: -ms-linear-gradient(top, #0e5940, #0e5940);
  263.     background-image: -o-linear-gradient(top, #0e5940, #0e5940);
  264.     background-image: -moz-linear-gradient(top, #0e5940, #0e5940);
  265.     background-image: -webkit-linear-gradient(top, #0e5940, #0e5940);
  266.     background-image: linear-gradient(to bottom, #0e5940, #0e5940);
  267.  
  268. }
  269.  
  270. /* Child Levels - Menu Secondary */
  271.  
  272. .menu-secondary ul {
  273.     margin-top: 3px;
  274. }
  275. .menu-secondary ul ul {
  276.     margin-top: 0;
  277. }
  278.  
  279. .menu-secondary li li a {
  280.     color: #fff;
  281.     background: #0e5940;
  282.     padding: 10px 15px;
  283.     text-transform: none;
  284.     margin: 0;
  285.     font-weight: normal;
  286.     text-shadow: none;
  287. }
  288.  
  289. .menu-secondary li li a:hover, .menu-secondary li li a:active, .menu-secondary li li a:focus,
  290. .menu-secondary li li:hover > a, .menu-secondary li li.current-cat > a, .menu-secondary li li.current_page_item > a, .menu-secondary li li.current-menu-item > a {
  291.     color: #fff;
  292.     background: #0e5940;
  293.     outline: 0;
  294.     text-shadow: none;
  295. }
  296.  
  297. /* Arrows - Menu Secondary */
  298.  
  299. .menu-secondary a.sf-with-ul {
  300.     padding-right: 26px;
  301.     min-width: 1px;
  302. }
  303. .menu-secondary  .sf-sub-indicator {
  304.     position: absolute;
  305.     display: block;
  306.     overflow: hidden;
  307.     right: 0;
  308.     top:  0;
  309.     padding: 14px 13px 0 0;
  310. }
  311.  
  312. .menu-secondary li li .sf-sub-indicator {
  313.  
  314.     padding: 9px 13px 0 0;
  315. }
  316.  
  317. /* Shadows - Menu Secondary */
  318.  
  319. .wrap-menu-secondary .sf-shadow ul {
  320.     background: url('images/menu-secondary-shadow.png') no-repeat bottom right;
  321. }
  322.  
  323. /* =POST
  324. -------------------------------------------------------------- */
  325.  
  326. /* Post General
  327. ----------------------------*/
  328.  
  329. .post {
  330.     margin-bottom: 15px;
  331.     border: 1px solid #ace9d5;
  332.     padding: 10px;
  333.     background: #FFFFFF;
  334. }
  335.  
  336. .page, .post-single {
  337.     border-bottom: 0;
  338.     margin-bottom: 0;
  339. }
  340.  
  341. .title {
  342.     color: #333333;
  343.     margin: 0 0 10px 0;
  344.     padding: 0;
  345.     font-family:  sans-serif;
  346.     font-size: 20px;
  347.     line-height: 20px;
  348.     font-weight: normal;
  349. }
  350.  
  351. .title a {
  352.     color: #333;
  353.     text-decoration: none;
  354. }
  355.  
  356. .title a:hover {
  357.     color: #0e8e64;
  358.     text-decoration: none;
  359. }
  360.  
  361. .entry {
  362.     line-height: 20px;
  363. }
  364.  
  365. .featured_image {
  366.     padding: 6px;
  367.     border: 1px solid #d2d2d2;
  368.     background: #fff;
  369. }
  370.  
  371. .page-title {
  372.     color: #333;
  373.     margin: 0px 0 10px 0;
  374.     padding: 0 0 10px 0;
  375.     font-weight: normal;
  376.     text-transform: uppercase;
  377.     font-size: 20px;
  378.     font-family:  sans-serif;
  379.     border-bottom: 2px solid #333333;
  380. }
  381.  
  382. /* Post Metas
  383. ----------------------------*/
  384.  
  385. .postmeta-primary {
  386.     color: #999999;
  387.     font-size: 12px;
  388.     line-height: 18px;
  389.     padding: 0 0 10px 0;
  390. }
  391.  
  392. .postmeta-secondary {
  393.     color: #999999;
  394.     font-size: 12px;
  395.     line-height: 18px;
  396.     padding: 0 0 10px 0;
  397. }
  398.  
  399. .postmeta-primary span, .postmeta-secondary span {
  400.     background: url(images/meta-separator.png) left center no-repeat;
  401.     padding:3px 0 3px 10px;
  402. }
  403.  
  404.  
  405. .postmeta-primary span:first-child, .postmeta-secondary span:first-child {
  406.     background: none;
  407.     padding-left: 0;
  408. }
  409.  
  410. /* Read More
  411. ----------------------------*/
  412.  
  413. .readmore {
  414.     margin-bottom: 15px;
  415.     float: right;
  416. }
  417.  
  418. .readmore a {
  419.     color: #2d8366;
  420.     background: #9ee3cd;
  421.     padding: 8px 14px;
  422.     font-size: 12px;
  423.     line-height: 12px;
  424.     display: inline-block;
  425.     text-decoration: none;
  426.     text-transform: uppercase;
  427. }
  428.  
  429. .readmore a:hover {
  430.     color: #fff;
  431.     background: #1c8463;
  432.     text-decoration: none;
  433. }
  434.  
  435. /* =WOOCOMMERCE
  436. -------------------------------------------------------------- */
  437.  
  438. .woocommerce .content, .woocommerce #main-fullwidth {
  439.     background: #fff;
  440. }
  441.  
  442. .variations .label {
  443.     background-color:inherit;
  444.     color: inherit;
  445.     display: block !important;
  446.     font-size: inherit;
  447.     font-weight: inherit;
  448.     line-height:inherit;
  449.     text-shadow: none;
  450.     vertical-align: inherit;
  451.     white-space: inherit;
  452.     padding: 8px 8px 8px 0 !important;
  453. }
  454. .woocommerce input[type="text"], .woocommerce input[type="password"], .woocommerce input.text, .woocommerce input.title, .woocommerce textarea, .woocommerce select {
  455.     margin: 0;  
  456.     padding: 4px !important;
  457. }
  458.  
  459. .quantity input[type="text"], .quantity input.text, .quantity input{
  460.     margin: 0;  
  461.     padding: 0 !important;
  462. }
  463.  
  464. .woocommerce img {
  465.     width: auto !important;
  466.     height: auto !important;
  467. }
  468.  
  469. /* =SITEMAP
  470. -------------------------------------------------------------- */
  471. .sitemap {
  472. }
  473.  
  474. .sitemap-col {
  475.     width: 30%;
  476.     padding: 0 0 0 10px;
  477. }
  478.  
  479. .sitemap-col-archives {
  480.     width: 45%;
  481.     padding: 0 0 0 10px;
  482. }
  483.  
  484. .sitemap h2 {
  485.     font-size: 18px;
  486.     font-weight: bold;
  487.     border-bottom: 2px solid #ddd;
  488.     padding: 0 0 10px 0;
  489.     margin: 0 0 10px 0;
  490. }
  491.  
  492. .sitemap h3 {
  493.     font-size: 14px;
  494.     font-weight: bold;
  495.     padding: 0;
  496.     margin: 0 0 10px 0;
  497. }
  498.  
  499. .sitemap-list {
  500.     font-size: 13px;
  501.     line-height: 22px;
  502. }
  503.  
  504. .sitemap-list, .sitemap-list ul {
  505.     padding: 0 0 0 20px;
  506. }
  507.  
  508. /* =CONTACT FORM
  509. -------------------------------------------------------------- */
  510. .contact-form {
  511. }
  512.  
  513. .contact-form-label {
  514.     width: 90px;    
  515.     font-weight: bold;
  516.     font-size: 14px;
  517.     padding: 7px 0;
  518. }
  519.  
  520. .contact-form-input {
  521.     margin-left: 90px;    
  522. }
  523.  
  524. .contact-form input[type=text] {
  525.     padding: 6px;
  526.     width: 60%;
  527.     margin-bottom: 20px;
  528.     border: 1px solid #ccc;
  529.     background: #fff;
  530. }
  531.  
  532. .contact-form input[type=submit] {
  533.     padding: 5px 50px;
  534.     border: 1px solid #ccc;
  535.     background: #eee;
  536. }
  537. .contact-form textarea {
  538.     width: 96%;
  539.     padding: 6px;
  540.     height: 160px;
  541.     margin-bottom: 20px;
  542.     border: 1px solid #ccc;
  543.     background: #fff;
  544. }
  545.  
  546. .contact-form-required {
  547.     color: green;
  548. }
  549.  
  550. /* =SLIDER
  551. -------------------------------------------------------------- */
  552.  
  553. .fp-slider {
  554.     margin: 0 0 15px 0;
  555. }
  556.  
  557. .fp-slides-container {}
  558.  
  559. .fp-slides, .fp-thumbnail, .fp-prev-next, .fp-nav {
  560.     width: 460px;
  561. }
  562.  
  563. .fp-slides, .fp-thumbnail {
  564.     height: 300px;
  565.     overflow: hidden;
  566.     position: relative;
  567. }
  568.  
  569. .fp-title {
  570.     font-family: Verdana, Arial, Helvetica, Sans-serif;
  571.     color: #fff;
  572.     font-size: 18px;
  573.     font-weight: bold;
  574.     padding: 0 0 2px 0;
  575.     margin: 0;
  576. }
  577.  
  578. .fp-title a, .fp-title a:hover {
  579.     color: #fff;
  580.     text-decoration: none;
  581. }
  582.  
  583. .fp-content {
  584.     position: absolute;
  585.     bottom: 0;
  586.     left: 0;
  587.     right: 0;
  588.     background: #111;
  589.     opacity: 0.7;
  590.     filter: alpha(opacity = 70);
  591.     padding: 10px 15px;
  592.     overflow: hidden;
  593. }
  594.  
  595. .fp-content p {
  596.     color: #fff;
  597.     padding: 0;
  598.     margin: 0;
  599.     line-height: 18px;
  600. }
  601.  
  602. .fp-more,  .fp-more:hover{
  603.     color: #fff;
  604.     font-weight: bold;
  605. }
  606.  
  607. .fp-nav {
  608.     height: 12px;
  609.     text-align: center;
  610.     padding: 10px 0;
  611.     background: #333;
  612. }
  613.  
  614. .fp-pager a {
  615.     background-image: url(images/featured-pager.png);
  616.     cursor:pointer;  
  617.     margin: 0 8px 0 0;
  618.     padding: 0;
  619.     display: inline-block;
  620.     width: 12px;
  621.     height: 12px;
  622.     overflow: hidden;
  623.     text-indent: -999px;
  624.     background-position: 0 0;
  625.     float: none;
  626.     line-height: 1;
  627.     opacity: 0.7;
  628.     filter: alpha(opacity = 70);
  629. }
  630.  
  631. .fp-pager a:hover, .fp-pager a.activeSlide  {
  632.     text-decoration: none;
  633.     background-position: 0 -112px;
  634.     opacity: 1.0;
  635.     filter: alpha(opacity = 100);
  636. }
  637.  
  638. .fp-prev-next-wrap {
  639.     position: relative;
  640.     z-index: 200;
  641. }
  642.  
  643. .fp-prev-next {
  644.     position: absolute;
  645.     bottom: 130px;
  646.     left: 0;
  647.     right: 0;
  648.     height: 37px;  
  649. }
  650.  
  651. .fp-prev {
  652.     float:left;
  653.     margin-left: 14px;
  654.     width:37px;
  655.     height:37px;
  656.     background:url(images/featured-prev.png) left top no-repeat;
  657.     opacity: 0.6;
  658.     filter: alpha(opacity = 60);
  659. }
  660.  
  661. .fp-prev:hover {
  662.     opacity: 0.8;
  663.     filter: alpha(opacity = 80);
  664. }
  665.  
  666.  .fp-next {
  667.     float:right;
  668.     width:36px;
  669.     height:37px;
  670.     margin-right: 14px;
  671.     background:url(images/featured-next.png) right top no-repeat;
  672.     opacity: 0.6;
  673.     filter: alpha(opacity = 60);
  674. }
  675.  
  676. .fp-next:hover {
  677.     opacity: 0.8;
  678.     filter: alpha(opacity = 80);
  679. }
  680.  
  681. /* =WP-PAGENAVI
  682. -------------------------------------------------------------- */
  683.  
  684. .wp-pagenavi {
  685.     float: left;
  686. }
  687.  
  688. .wp-pagenavi a, .wp-pagenavi span {
  689.     text-decoration: none;
  690.     padding: 5px 8px;
  691.     margin: 2px;
  692.     font-size: 15px;
  693.     line-height: 15px;
  694.     float: left;
  695. }
  696.  
  697. .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
  698.     color: #333333;
  699.     background:none;
  700. }
  701.  
  702. .wp-pagenavi span.current {
  703.     font-weight: bold;
  704.     color: #fff;
  705.     background:#1a8461;
  706. }
  707.  
  708. .wp-pagenavi a:hover {
  709.     color: #1a8461;
  710.     background:#9ee3cd;
  711. }
  712.  
  713. .wp-pagenavi span.pages {
  714.     color: #333333;
  715.     background: none;
  716.     padding: 4px 8px 4px 0;
  717. }
  718.  
  719. .wp-pagenavi span.extend {
  720.     background:transparent;
  721.     color: #333333;
  722.     background: none;
  723. }
  724.  
  725. /* =FOOTER
  726. -------------------------------------------------------------- */
  727.  
  728. #footer {
  729.     margin-bottom:15px;
  730. }
  731.  
  732. #copyrights {
  733.     color: #FFFFFF;
  734.     background: #1c8463;
  735.     text-align: center;
  736.     padding: 20px 0;
  737. }
  738.  
  739. #copyrights a {
  740.     color: #FFFFFF;
  741. }
  742.  
  743. #copyrights a:hover {
  744.     color: #FFFFFF;
  745.     text-decoration: none;
  746. }
  747.  
  748. #credits {
  749.     color: #1c8463;
  750.     text-align: center;
  751.     font-size: 11px;
  752.     padding: 10px 0 0 0;
  753. }
  754.  
  755. #credits a {
  756.     color: #1c8463;
  757.     text-decoration: none;
  758. }
  759.  
  760. #credits a:hover {
  761.     text-decoration: none;
  762.     color: #1c8463;
  763. }
  764.  
  765. /* Footer Widgets
  766. ----------------------------*/
  767.  
  768. #footer-widgets {
  769.     background: #FFFFFF;
  770.     padding: 20px 0 0 0;
  771.     border-top: 2px solid #ace9d5;
  772. }
  773.  
  774. .footer-widget-box {
  775.     width: 300px;
  776.     float: left;
  777.     margin-left: 15px;
  778. }
  779.  
  780. .footer-widget-box-last {
  781.  
  782. }
  783.  
  784. /* Footer Widgets Color */
  785.  
  786. #footer-widgets .widget-container {
  787.  
  788. }
  789.  
  790. /* Footer Widgets Links */
  791.  
  792. #footer-widgets .widget-container a {
  793.  
  794. }
  795.  
  796. #footer-widgets .widget-container a:hover {
  797.  
  798. }
  799.  
  800. /* Footer Widget Title */
  801.  
  802. #footer-widgets .widgettitle {
  803.  
  804. }
  805.  
  806. #footer-widgets .widgettitle, #footer-widgets .widgettitle a, #footer-widgets .widgettitle a:hover {
  807.  
  808. }
  809.  
  810. /* Footer List Items */
  811.  
  812. #footer-widgets .widget ul li {
  813.  
  814. }
  815.  
  816. /* Footer Widgets Tabs */
  817.  
  818. #footer-widgets .tabs-widget li a {
  819.  
  820. }
  821.  
  822. #footer-widgets .tabs-widget li a:hover, #footer-widgets .tabs-widget li a.tabs-widget-current {
  823.  
  824. }
  825.  
  826. /* Footer Widgets Seaarch */
  827.  
  828. #footer-widgets #search {
  829.  
  830. }
  831.  
  832. #footer-widgets #search #s {
  833.  
  834. }
  835.  
  836.  
  837. /* =WIDGETS
  838. -------------------------------------------------------------- */
  839.  
  840. /* Widgets Defaults
  841. ----------------------------*/
  842.  
  843. .widget-container {
  844.     list-style-type: none;
  845.     list-style: none;
  846.     margin: 0 0 15px 0;
  847.     padding: 0;
  848.     color: #272727;
  849.     font-size: 13px;
  850. }
  851.  
  852. .widget-container a {
  853.     color: #272727;
  854.     text-decoration: none;
  855. }
  856.  
  857. .widget-container a:hover {
  858.     color: #0e8e64;
  859.     text-decoration: none;
  860. }
  861.  
  862. .widgettitle {
  863.     background: #FFFFFF;
  864.     margin: 0 0 10px 0;
  865.     padding: 6px 10px;
  866.     border-bottom: 3px solid #0e8e64;
  867. }
  868.  
  869. .widgettitle, .widgettitle a, .widgettitle a:hover {
  870.     color: #0e8e64;
  871.     font-size: 16px;
  872.     line-height: 16px;
  873.    font-family:  sans-serif;
  874.     font-weight: normal;
  875.     text-decoration: none;
  876.     text-transform: uppercase;
  877. }
  878.  
  879. .widget ul {
  880.     list-style-type: none;
  881.     list-style: none;
  882.     margin: 0;
  883.     padding: 0;
  884. }
  885.  
  886. .widget ul li {
  887.     padding: 0 0 9px 0;
  888.     margin: 0 0 8px 0;
  889. }
  890.  
  891. .widget ul li .children {
  892.     padding-top: 17px;
  893. }
  894.  
  895.  
  896. /* Search
  897. ----------------------------*/
  898.  
  899. #search {
  900.     border: 1px solid #0e8e64;
  901.     background: #fff url(images/search.png) 99% 50% no-repeat;
  902.     text-align: left;
  903.     padding: 6px 24px 6px 6px;
  904. }
  905.  
  906. #search #s {
  907.     background: none;
  908.     color: #1a8461;
  909.     border: 0;
  910.     width: 100%;
  911.     padding: 0;
  912.     margin: 0;
  913.     outline: none;
  914. }
  915.  
  916. #content-search {
  917.     width: 300px;
  918.     padding: 15px 0;
  919. }
  920.  
  921. #topsearch {
  922.     float: right;
  923.     margin: 8px 15px 0 0;
  924. }
  925.  
  926. #topsearch #s {
  927.     width: 220px;
  928. }
  929.  
  930. /* Wp Calendar
  931. ----------------------------*/
  932.  
  933. #wp-calendar td:hover, #wp-calendar #today {
  934.     background: #1c8463;
  935.     color: #fff;
  936. }
  937.  
  938. #wp-calendar td:hover a, #wp-calendar #today a {
  939.     color: #fff;
  940. }
  941.  
  942. /* Text Widget
  943. ----------------------------*/
  944.  
  945. .textwidget {
  946.     line-height: 18px;
  947. }
  948.  
  949. /* 125x125 Banners Widget
  950. ----------------------------*/
  951.  
  952. .banners-125 {
  953.     text-align: center;
  954.     margin-bottom: -10px;
  955. }
  956.  
  957. .banners-125 img {
  958.     margin: 0 5px 5px 5px;
  959. }
  960.  
  961.  
  962. /* Posts Widget
  963. ----------------------------*/
  964.  
  965. .posts-widget ul {
  966.     list-style-type: none;
  967.     list-style: none;
  968.     padding: 0;
  969.     margin: 10px 0 0 0;
  970. }
  971.  
  972. .posts-widget ul li {
  973.     list-style-type: none;
  974.     list-style: none;
  975.     padding: 0 0 15px 0;
  976.     margin: 0 0 15px 0;
  977.     border-bottom: 0;
  978. }
  979.  
  980. .posts-widgettitle {
  981.     font-weight: bold;
  982.     padding: 0 0 5px 0;
  983.     margin: 0;
  984.     font-family: Verdana, Arial, Helvetica, Sans-serif;
  985.     font-size: 14px;
  986. }
  987.  
  988. .posts-widgettitle a {}
  989.  
  990. .posts-widgettitle a:hover {}
  991.  
  992. .posts-widget-meta {
  993.     font-style: italic;  
  994.     padding: 0 0 5px 0;
  995. }
  996.  
  997. .posts-widget-entry {
  998.     font-family: Verdana, Arial, Helvetica, Sans-serif;
  999.     line-height: 20px;
  1000. }
  1001.  
  1002. .posts-widget-more {
  1003.     font-weight: bold;
  1004. }
  1005.  
  1006. .posts-widget-more:hover {}
  1007.  
  1008. .posts-widget-featured-image {
  1009.     border: 1px solid #d2d2d2;
  1010.     padding: 4px;
  1011.     background-color: #fff;
  1012. }
  1013.  
  1014. .posts-widget .alignleft {
  1015.     margin: 0 8px 8px 0;
  1016. }
  1017.  
  1018. .posts-widget .alignright {
  1019.     margin: 0 0 8px 8px;
  1020. }
  1021.  
  1022. .posts-widget .aligncenter {
  1023.     margin-bottom: 8px;
  1024. }
  1025.  
  1026. /* Comments Widget
  1027. ----------------------------*/
  1028.  
  1029. .comments-widget ul {
  1030.     list-style-type: none;
  1031.     list-style: none;
  1032.     padding: 0;
  1033.     margin: 10px 0 0 0;
  1034. }
  1035.  
  1036. .comments-widget ul li {
  1037.     list-style-type: none;
  1038.     list-style: none;
  1039.     padding: 0 0 10px 0;
  1040.     margin: 0 0 10px 0;
  1041.     border-bottom:0;
  1042. }
  1043.  
  1044. .comments-widget-author {
  1045.     text-decoration: none;
  1046.     font-weight: bold;
  1047.     padding: 0 0 5px 0;
  1048.     margin: 0;
  1049. }
  1050.  
  1051. .comments-widget-author:hover {}
  1052.  
  1053. .comments-widget-entry {
  1054.     font-family: Verdana, Arial, Helvetica, Sans-serif;
  1055.     line-height: 20px;
  1056. }
  1057.  
  1058. .comments-widget-more {
  1059.     font-weight: bold;
  1060. }
  1061.  
  1062. .comments-widget-more:hover {}
  1063.  
  1064. .comments-widget-avatar {
  1065.     border: 1px solid #d2d2d2;
  1066.     padding: 4px;
  1067.     background-color: #fff;
  1068. }
  1069.  
  1070. .comments-widget .alignleft {
  1071.     margin: 0 8px 0 0;
  1072. }
  1073.  
  1074. .comments-widget .alignright {
  1075.     margin: 0 0 0 8px;
  1076. }
  1077.  
  1078. .comments-widget .aligncenter {
  1079.     margin-bottom: 8px;
  1080. }
  1081.  
  1082. /* Info Box Widget
  1083. ----------------------------*/
  1084.  
  1085. .infobox-widget ul {
  1086.     list-style-type: none;
  1087.     list-style: none;
  1088.     padding: 0;
  1089.     margin: 0;
  1090. }
  1091.  
  1092. .infobox-widget ul li {
  1093.     list-style-type: none;
  1094.     list-style: none;
  1095.     padding: 0;
  1096.     margin: 5px 0 0 0;
  1097. }
  1098.  
  1099. .infobox-widget ul li a {
  1100.     text-decoration: none;
  1101. }
  1102.  
  1103. .infobox-widget-description {
  1104.     line-height: 20px;
  1105. }
  1106.  
  1107. .infobox-widget-more {
  1108.     font-weight: bold;    
  1109. }
  1110.  
  1111. .infobox-widget-more:hover {  
  1112. }
  1113.  
  1114.  
  1115. .infobox-widget .alignleft {
  1116.     margin: 0 10px 10px 0;
  1117. }
  1118.  
  1119. .infobox-widget .alignright {
  1120.     margin: 0 0 10px 10px;
  1121. }
  1122.  
  1123. .infobox-widget .aligncenter {
  1124.     margin-bottom: 10px;
  1125. }
  1126.  
  1127. .infobox-widget .inbottom {
  1128.     margin-top: 10px;
  1129. }
  1130.  
  1131. /* Social Profiles Widget
  1132. ----------------------------*/
  1133. .social-profiles-widget img {
  1134.     margin: 0 4px 0 0;
  1135. }
  1136.  
  1137. .social-profiles-widget img:hover {
  1138.     opacity: 0.8;
  1139. }
  1140.  
  1141. /* Tabs Widget
  1142. ----------------------------*/
  1143.  
  1144. .tabs-widget {
  1145.     list-style: none;
  1146.     list-style-type: none;
  1147.     margin: 0 0 10px 0;
  1148.     padding: 0;
  1149.     height: 26px;
  1150. }
  1151.  
  1152. .tabs-widget li {
  1153.     list-style: none;
  1154.     list-style-type: none;
  1155.     margin: 0 0 0 4px;
  1156.     padding: 0;
  1157.     float: left;
  1158. }
  1159.  
  1160. .tabs-widget li:first-child {
  1161.     margin: 0;
  1162. }
  1163.  
  1164. .tabs-widget li a {
  1165.     color: #0e8e64;
  1166.     background: #9ee3cd;
  1167.     padding: 6px 16px;
  1168.     font-family: Verdana, Arial, Helvetica, Sans-serif;
  1169.     font-weight: bold;
  1170.     display: block;
  1171.     text-decoration: none;
  1172.     font-size: 12px;
  1173.     line-height: 12px;
  1174. }
  1175.  
  1176. .tabs-widget li a:hover, .tabs-widget li a.tabs-widget-current {
  1177.     background: #1c8463;
  1178.     color: #fff;
  1179. }
  1180.  
  1181. .tabs-widget-content {
  1182. }
  1183.  
  1184. /* Tweets Widget
  1185. ----------------------------*/
  1186.  
  1187. .tweets-widget ul {
  1188.     list-style-type: none;
  1189.     list-style: none;
  1190.     margin: 0;
  1191.     padding: 0;
  1192.     line-height: 20px;
  1193.     font-family: Verdana, Arial, Helvetica, Sans-serif;
  1194. }
  1195.  
  1196. .tweets-widget ul li {
  1197.     list-style-type: none;
  1198.     list-style: none;
  1199.     padding: 0;
  1200.     margin: 15px 0 0 0;
  1201. }
  1202.  
  1203. .tweets-widget ul li:first-child {
  1204.     margin-top: 5px;
  1205. }
  1206.  
  1207. .tweets-widget li.tweets-bird {
  1208.     padding-left: 24px;
  1209.     background: url(images/tweets.png) left 2px no-repeat;
  1210. }
  1211.  
  1212. .tweets-widget a {}
  1213.  
  1214. .tweets-widget a:hover {}
  1215.  
  1216. a.tweets-widget-time {
  1217.     text-decoration: underline;
  1218. }
  1219.  
  1220. a.tweets-widget-time:hover {
  1221.     text-decoration: none;
  1222. }
  1223.  
  1224. /* Facebook Widget
  1225. ----------------------------*/
  1226.  
  1227. .facebook-widget {
  1228.     list-style-type: none;
  1229.     list-style: none;
  1230.     margin: 0;
  1231.     padding: 0;
  1232. }
  1233.  
  1234. /* =COMMENTS
  1235. -------------------------------------------------------------- */
  1236.  
  1237. #comments {
  1238.     margin-bottom: 15px;
  1239. }
  1240.  
  1241. #comments p {
  1242.     margin: 5px 0 10px 0;
  1243. }
  1244.  
  1245. h3#comments-title {
  1246.     font-weight: bold;
  1247.     font-size: 20px;
  1248.     padding: 0;
  1249.     margin: 0 0 15px 0;
  1250. }
  1251.  
  1252. .commentlist {
  1253.     list-style: none;
  1254.     margin: 0;
  1255.     padding: 0;
  1256. }
  1257.  
  1258. .commentlist li.comment {
  1259.     line-height: 24px;
  1260.     margin: 0 0 15px 0;
  1261.     padding: 0 0 0 0px;
  1262.     position: relative;
  1263. }
  1264.  
  1265. .commentlist li:last-child {
  1266.     border-bottom:none;
  1267.     margin-bottom:0;
  1268. }
  1269.  
  1270. #comments .comment-body ul,
  1271. #comments .comment-body ol {
  1272.     margin-bottom: 15px;
  1273. }
  1274.  
  1275. #comments .comment-body blockquote p:last-child {
  1276.     margin-bottom: 15px;
  1277. }
  1278.  
  1279. .commentlist .avatar {
  1280.     border: 3px solid #ffffff;
  1281.     margin-right: 10px;
  1282.     width: 40px;
  1283.     height: 40px;
  1284.     vertical-align: middle;
  1285.     margin-bottom: 2px;
  1286. }
  1287.  
  1288. .comment-author {
  1289.     padding: 5px;
  1290.     display: block;
  1291.     background: #F2F2F2;
  1292.     border: 1px solid #DFDFDF;
  1293.     -moz-border-radius: 4px;
  1294.     -khtml-border-radius: 4px;
  1295.     -webkit-border-radius: 4px;
  1296.     border-radius: 4px;
  1297. }
  1298.  
  1299. .comment-author cite {
  1300.     font-style: normal;
  1301.     font-weight: bold;
  1302. }
  1303.  
  1304. .comment-author .says {
  1305.     font-style: italic;
  1306. }
  1307.  
  1308. .fn, .fn a:link, .fn a:hover, .fn a:visited {
  1309.     font-family: Verdana, Arial, Helvetica, Sans-serif;
  1310.     font-size: 16px;
  1311.     font-style: normal;
  1312.     font-weight: bold;
  1313.     text-decoration: none;
  1314. }
  1315.  
  1316. .comment-meta {
  1317.     margin: -23px 0 0 65px;
  1318.     display: block;
  1319.     font-size: 11px;
  1320.     padding:0;
  1321. }
  1322.  
  1323. .comment-meta a:link,
  1324. .comment-meta a:visited {
  1325.     text-decoration: none;
  1326. }
  1327. .commentlist .bypostauthor {
  1328. }
  1329. .reply {
  1330.     text-align: right;
  1331.     margin-bottom: 10px;
  1332. }
  1333.  
  1334. .comment-reply-link  {
  1335.     font-size: 11px;
  1336.     font-weight: normal;
  1337.     text-decoration: none;
  1338.     background: #EDEDED;
  1339.     color: #333;
  1340.     padding: 2px 8px;
  1341.     -moz-border-radius: 3px;
  1342.     -khtml-border-radius: 3px;
  1343.     -webkit-border-radius: 3px;
  1344.     border-radius: 3px;
  1345.     border:  1px solid #999999;
  1346. }
  1347.  
  1348. .comment-reply-link:hover {
  1349.     background: #F5F5F5;
  1350.     color: #333;
  1351. }
  1352.  
  1353.  
  1354. .commentlist .children {
  1355.     list-style: none;
  1356.     margin: 0;
  1357. }
  1358.  
  1359. /* Children */
  1360.  
  1361. .commentlist .children li {
  1362.     border: none;
  1363.     margin: 0;
  1364. }
  1365.  
  1366. .nocomments {
  1367.     display: none;
  1368. }
  1369.  
  1370. #comments .pingback {
  1371.     margin-bottom: 18px;
  1372.     padding-bottom: 18px;
  1373. }
  1374.  
  1375. .commentlist li.comment+li.pingback {
  1376.     margin-top: -6px;
  1377. }
  1378.  
  1379. #comments .pingback p {
  1380.     font-size: 12px;
  1381.     line-height: 18px;
  1382.     display:block;
  1383.     margin: 0;
  1384. }
  1385.  
  1386. #comments .pingback .url {
  1387.     font-style: italic;
  1388.     font-size: 13px;
  1389. }
  1390.  
  1391. /* Comments form */
  1392.  
  1393. #respond {
  1394.     overflow: hidden;
  1395.     position: relative;
  1396.     margin-bottom: 15px;
  1397. }
  1398.  
  1399. h3#reply-title {
  1400.     font-weight: bold;
  1401.     font-size: 20px;
  1402.     padding: 0;
  1403.     margin: 0 0 15px 0;
  1404. }
  1405.  
  1406. #respond .required {
  1407.     color:#32deb3;
  1408. }
  1409.  
  1410. #respond .comment-notes {
  1411.     margin-bottom: 1em;
  1412. }
  1413.  
  1414. .form-allowed-tags {
  1415.     display: none;
  1416. }
  1417.  
  1418. .children #respond {
  1419.     margin: 0 48px 0 0;
  1420. }
  1421.  
  1422. #comments-list #respond {
  1423.     margin: 0 0 18px 0;
  1424. }
  1425.  
  1426. #comments-list ul #respond {
  1427.     margin: 0;
  1428. }
  1429.  
  1430. #cancel-comment-reply-link {
  1431.     font-size: 12px;
  1432.     line-height: 18px;
  1433.     font-weight: normal;
  1434. }
  1435.  
  1436. #respond .required {
  1437.     color:#32deb3;
  1438.     font-weight:bold;
  1439. }
  1440.  
  1441. #respond label {
  1442.     font-size: 12px;
  1443.     font-weight: bold;
  1444. }
  1445.  
  1446. #respond input {
  1447.     margin:10px 0 0 0;
  1448.     width:98%;
  1449. }
  1450.  
  1451. #respond textarea {
  1452.     width:98%;
  1453.     margin:10px 0 0 0;
  1454. }
  1455.  
  1456. #respond .form-allowed-tags {
  1457.     font-size: 12px;
  1458.     line-height: 18px;
  1459. }
  1460.  
  1461. #respond .form-allowed-tags code {
  1462.     font-size: 11px;
  1463. }
  1464.  
  1465. #respond input[type=submit] {
  1466.     margin: 0;
  1467. }
  1468.  
  1469. #respond .form-submit {
  1470.     margin: 0;
  1471. }
  1472.  
  1473. #respond .form-submit input {
  1474.     width: auto;
  1475.     font-size: 14px;
  1476. }
  1477. #respond dl {
  1478.     margin: 0 0 10px;
  1479. }
  1480.  
  1481. #respond dt {
  1482.     display: inline;
  1483.     font-weight: normal;
  1484. }
  1485.  
  1486. #respond dd {
  1487.     display: inline;
  1488. }
  1489.  
  1490.  
  1491. /* =RESPONSIVE
  1492. -------------------------------------------------------------- */
  1493.  
  1494. .menu-primary-responsive-container, .menu-secondary-responsive-container  {
  1495.     display: none;
  1496.     margin: 10px;
  1497. }
  1498.  
  1499. .menu-primary-responsive, .menu-secondary-responsive  {
  1500.     width: 100%;
  1501.     padding: 5px;
  1502.     border: 1px solid #ddd;
  1503. }
  1504.  
  1505.  
  1506. /* Tablets ----------- */
  1507.  
  1508. @media only screen and (max-width: 768px) {
  1509.    
  1510.      #container, #footer-container {
  1511.         width: 100%;
  1512.     }
  1513.    
  1514.     #main,
  1515.     #main-fullwidth,
  1516.     #header,
  1517.     #footer-widgets,
  1518.     #footer {
  1519.         padding-left: 10px;
  1520.         padding-right: 10px;
  1521.     }
  1522.        
  1523.     #main, #main-fullwidth {
  1524.         background-image: none;
  1525.     }
  1526.    
  1527.     #header {
  1528.         height: 100%;
  1529.         padding-top: 10px;
  1530.         padding-bottom: 10px;
  1531.     }
  1532.    
  1533.     .logo, .header-right {
  1534.         float: none;
  1535.         text-align: center;
  1536.         padding-left: 0;
  1537.         padding-right: 0;
  1538.         margin-left: 0;
  1539.         margin-right: 0;
  1540.     }
  1541.    
  1542.     .header-right {
  1543.         padding-top: 10px;
  1544.     }
  1545.    
  1546.     #topsearch {
  1547.         float: none;
  1548.         width: 96%;
  1549.         margin: 10px 2%;
  1550.     }
  1551.    
  1552.     #header #topsearch {
  1553.         margin-left: 0;
  1554.         margin-right: 0;
  1555.         width: 100%;
  1556.     }
  1557.    
  1558.     #top-social-profiles {
  1559.         float: none;
  1560.         width: 100%;
  1561.         display: block;
  1562.         text-align: center;
  1563.     }
  1564.    
  1565.     #content, #sidebar-primary, #sidebar-secondary {
  1566.         width: 100%;
  1567.         float: none;
  1568.         padding: 0;
  1569.         margin: 0;
  1570.         display: block;
  1571.     }
  1572.    
  1573.     .menu-primary-container, .menu-secondary-container {
  1574.         float: none;
  1575.         margin-left: 0;
  1576.         margin-right: 0;
  1577.         display: block;
  1578.     }
  1579.    
  1580.     .fp-slider, #fb-root {
  1581.         display: none;
  1582.     }
  1583.  
  1584.     .post-box {
  1585.         width: 100%;
  1586.         height: 100%;
  1587.         float: none;
  1588.         overflow: hidden;
  1589.         margin: 0;
  1590.         padding: 0;
  1591.     }
  1592.    
  1593.     #footer-widgets-container #footer-widgets {
  1594.         width: inherit;
  1595.     }
  1596.    
  1597.     .footer-widget-box {
  1598.         width: 100%;
  1599.         float: none;
  1600.         margin: 0;
  1601.         padding: 0;
  1602.     }
  1603.     #copyrights, #credits {
  1604.         display: block;
  1605.         float: none;
  1606.         text-align: center;
  1607.     }
  1608.    
  1609.     #footer-container #copyrights, #footer-container #credits {
  1610.         padding: 5px 0;
  1611.     }
  1612.    
  1613.     #footer-container #footer {
  1614.         width: auto;
  1615.         padding-left: 10px;
  1616.         padding-right: 10px;
  1617.     }
  1618.  
  1619. }
  1620.  
  1621. /* Mobile Phones -----------
  1622.  
  1623. @media only screen and (max-width: 480px) {
  1624.  
  1625.     .menu-primary-responsive-container, .menu-secondary-responsive-container {
  1626.         display: block;
  1627.     }
  1628.    
  1629.     .menu-primary-container, .menu-secondary-container {
  1630.         display: none;
  1631.     }
  1632.    
  1633.     #header .menu-primary-responsive-container, #header .menu-primary-responsive-container {
  1634.         margin-left: 0;
  1635.         margin-right: 0;
  1636.         width: 100%;
  1637.     }
  1638. }
  1639.  
  1640. */
  1641.  
  1642. /* =END
  1643. -------------------------------------------------------------- */
Advertisement
Add Comment
Please, Sign In to add comment