/* Style ( default Green Color) ------------------------------------------------ -----------------------------------------------------------------------------*/ h1,h2,h3,h4,h5,h6 { color: #94979c;} code, pre { background: #0fbe7c; color: #FFF; border: 1px solid #dddddd;} /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ a:link, a:visited { color: #2b2b2b; text-decoration: none; } a:hover { color: #0fbe7c; } ::-moz-selection { background:#ffd800; color: #FFF; text-shadow: none; } ::selection { background:#ffd800; color: #FFF; text-shadow: none; } html body { background: #f6f5f2; color: #888;} header { background: #FFF; } .container { background: #f1f1f1 !important;} .content-left { background: #0fbe7c;} /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Author Avatar and Name -- */ .author-top li a { color: #94979c; border: 2px solid #FFF;} .author-top li a:hover { color: #0fbe7c;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home ---------------------------------------- -----------------------------------------------------------------------------*/ /* -- Hello Slider Home -- */ .hello-slider h2 { color: #FFF;} .hello-slider a { color: #FFF !important; border: 2px solid #FFF;} /* -- Portfolio -- */ .portfolio li .options a { background: #e6e6e6; color: #94979c !important;} .portfolio li:hover .options a { color: #0fbe7c;} .portfolio li .options a:hover { background: #e3c60a; color: #FFF !important;} .portfolio figcaption { background: #0fbe7c; color: #ed4e6e; } .portfolio figcaption h3 { color: #fff; } .portfolio figcaption span { color: #f1f1f1; } .portfolio figcaption a { background: #d63f72; color: #fff; } .portfolio figcaption a:hover { background: #222222; } ul.filter { background: #0fbe7c; border-bottom: 1px solid #FFF;} ul.filter li a { color: #FFF; } ul.filter li a:hover { color: #FFF !important; opacity: 1; } ul.filter .current a, ul.filter .current a:visited { color: #FFF !important; opacity: 1; } .bx-wrapper .bx-next { background: #0fbe7c url(../../images/caousel-next.png) no-repeat 0px 0px; -moz-box-shadow: 0 0 1px #888; -webkit-box-shadow: 0 0 1px #888; box-shadow: 0 0 1px #888;} .bx-wrapper .bx-prev { background: #0fbe7c url(../../images/caousel-prev.png) no-repeat -2px 0px; -moz-box-shadow: 0 0 1px #888; -webkit-box-shadow: 0 0 1px #888; box-shadow: 0 0 1px #888;} .bx-wrapper .bx-next:hover { background: #e3c60a url(../../images/caousel-next.png) no-repeat 0px 0px; } .bx-wrapper .bx-prev:hover { background: #e3c60a url(../../images/caousel-prev.png) no-repeat -2px 0px; } /* -- Single Project -- */ header.header-project { background: #111; } .header-project-content { background: #111; } body.projectbg { background: #000;} h1.project-title { color: #FFF;} .project-arrows li a { background: #e6e6e6; color: #94979c; } .project-arrows li a:hover { background: #0fbe7c; color: #FFF;} .project-arrows li a.current { background: #0fbe7c; color: #FFF;} .project-content { background: #FFF;} .project-job h2 { color: #0fbe7c;} /* -- About -- */ .about-box { background: #FFF; border-top: 5px solid #0fbe7c;} .about-box h3.title { color: #94979c; border-bottom: 5px solid #d5d6d8;} .about-box h4.title { background: #0fbe7c; color: #FFF;} /* -- Service -- */ .service-box { background: #FFF; border-top: 5px solid #0fbe7c;} .service-box h3.title { color: #94979c; border-bottom: 5px solid #d5d6d8;} /* -- Circle Service Icons -- */ .hi-icon { color: #fff !important; } .hi-icon-effect-3 .hi-icon { box-shadow: 0 0 0 10px #fff; } .hi-icon-effect-3 .hi-icon:after { background: #0fbe7c;} .hi-icon-effect-3 a.hi-icon { color: #FFF !important; } .no-touch .hi-icon-effect-3 a.hi-icon:hover { background: #e3c60a; } /* -- Menu left (sidebar green) top -- */ ul.menu-left li a { color: #f1f1f1; } ul.menu-left li a:hover { color: #FFF !important; } /* -- Menu left (sidebar green) bottom -- */ ul.menu-pages { background: #11cf87; } ul.menu-pages li a { color: #f1f1f1; } ul.menu-pages li a:hover { color: #FFF !important; } /*----------------------------------------------------------------------------- ----------------------------- 4 - Content ------------------------------------- -----------------------------------------------------------------------------*/ /* -- Full width -- */ .full-width { background: #FFF; border-top: 5px solid #0fbe7c; } .full-width h1.title, .full-width h1.page-title { color: #94979c; border-bottom: 5px solid #d5d6d8;} /* -- Simple Page -- */ .page-content { background: #FFF; border-top: 5px solid #0fbe7c;} .page-content h1.title { color: #94979c; border-bottom: 5px solid #d5d6d8;} /* -- Blog Page --*/ .blog-content .description { background: #FFF;} .blog-posts li div.title { background: #000;} .blog-posts li h2 { color: #FFF;} .blog-posts li:hover div.title { background: #0fbe7c; } .thumbnail-box div.title { background: #000;} .thumbnail-box h1 { color: #FFF;} .related-articles { color: #0fbe7c;} .related-articles h2 a { color: #94979c;} .related-articles h2 a:hover { color: #0fbe7c; } /* -- Caption -- */ .wp-caption { background: #0fbe7c;} .wp-caption-text { color: #FFF;} /* -- Blog sub-blog -- */ .sub-blog { background: #FFF; border-top: 5px solid #0fbe7c; } .sub-blog h3 { color: #94979c;} /* -- Pagination -- */ .pagination { background: #0fbe7c; } .pagination a { color: #FFF !important;} /* -- Sidebar -- */ .sidebar1 { border-top: 5px solid #0fbe7c; background: #FFF; } .sidebar2 .widget h3.title { color: #94979c; border-bottom: 5px solid #0fbe7c;} .sidebar1 .widget h3.title { color: #94979c; border-bottom: 5px solid #d5d6d8; } /* -- Featured articles -- */ ul.featured-articles li { border-bottom: 1px solid #f1f1f1; } ul.featured-articles h3 { color: #94979c;} ul.featured-articles li a h3:hover { color: #0fbe7c;} /* -- Typography -- */ .entry a { color: #0fbe7c; font-weight: bold; } .entry a:hover { background: #0fbe7c; color: #FFF !important;} blockquote { color:#0fbe7c; } /* -- Accordion -- */ .accordionButton, .accordionButton1, .accordionButton2, .accordionButton3 { border-bottom: 1px solid #f0eee9; color: #94979c;} .accordionButton:hover, .accordionButton1:hover, .accordionButton2:hover, .accordionButton3:hover { background:#FFF url(../../images/plus.png) no-repeat right; border-bottom: 1px solid #bebebd;} .on:hover { background:#FFF url(../../images/minus.png) no-repeat right;} .accordionButton.first, .accordionButton1.first, .accordionButton2.first, .accordionButton3.first { border-top: 1px solid #f0eee9;} .accordionContent { border-bottom: 1px solid #f0eee9;} /* -- Content Links -- */ .content-links li a { background: #fafafa; color: #7f8282 !important;} .content-links li a:hover { background: #0fbe7c; color: #FFF !important;} /* -- Default Tags -- */ .tagcloud a { color: #7f8282; } .sidebar1 .tagcloud a:hover, .sidebar2 .tagcloud a:hover { color: #fff !important; background: #0fbe7c;} .sidebar1 .tagcloud a { background: #e3c60a; color: #FFF;} .sidebar2 .tagcloud a { background: #FFF;} div.widget_archive select, div.widget_categories select { font-weight: bold; border-radius: 3px; border:2px solid #d5d6d8; color:#d5d6d8; } div.widget_archive select:hover, div.widget_categories select:hover { color: #999;} /*----------------------------------------------------------------------------- -------------------------------- 4 - Shop ------------------------------------- -----------------------------------------------------------------------------*/ /* -- Home -- */ select.orderby { background: #f0eee9 !important; color: #7f8282 !important; } select.orderby:hover { background: #f0eee9 !important; color: #7f8282 !important;} /* -- Products -- */ ul.products li img { border-bottom: 5px solid #FFF;} ul.products li:hover img{ border-bottom: 5px solid #0fbe7c;} a.add_to_cart_button { background: #0fbe7c; border: 1px solid #0fbe7c; color: #FFF !important; text-shadow: 0 -1px 0 #0fbe7c;} /* -- Pagination -- */ ul.page-numbers li .current{ background: #0fbe7c; color: #fff !important; } ul.page-numbers li a { background: #232323 !important; color: #fff !important; } ul.page-numbers li a:hover { background: #0fbe7c;} /* -- Single Product -- */ span.posted_in { background-color: #ffd62c; border: 1px solid #ffd62c; color: #FFF; text-shadow: 0 -1px 0 #ffd62c; } span.posted_in a { color: #FFF !important;} span.tagged_as { background-color: #ffd62c; border: 1px solid #ffd62c; color: #FFF; text-shadow: 0 -1px 0 #ffd62c; } span.tagged_as a { color: #FFF !important;} div.star-rating { color: #0fbe7c;} .woocommerce .added:before { background-color: #0fbe7c !important;} /* -- Widgets -- */ ul.product_list_widget li { border-bottom: 1px solid #f2f2f2; } ul.product_list_widget li ins { color: #0fbe7c; } .footer-woocommerce ul.product_list_widget li { border-bottom: 1px solid #f0eee9; } .footer-woocommerce h3.title { color: #94979c; border-bottom: 5px solid #d5d6d8; } .footer-woocommerce h3.title span { background:#e3c60a; color: #FFF;} /*----------------------------------------------------------------------------- ----------------------------- 5 - Menu ---------------------------------------- -----------------------------------------------------------------------------*/ .jquerycssmenu ul li a.current { background: #FFF; color: #0fbe7c; border-color: #0fbe7c;} .jquerycssmenu ul li.current-menu-item a { border-color: #0fbe7c; color: #0fbe7c; } /*Top level menu link items style*/ .jquerycssmenu ul li a { color: #94979c; border-color: #FFF; } .jquerycssmenu ul li a:hover { color: #94979c !important; border-color: #d5d6d8;} /*1st sub level menu*/ .jquerycssmenu ul li ul { background: #FFF;} /* Sub level menu links style */ .jquerycssmenu ul li ul li a { color:#94979c; border: none; } .jquerycssmenu ul li ul li:hover { background: #0fbe7c; color: #FFF !important;} .jquerycssmenu ul li ul li:hover a { color: #FFF !important;} .jquerycssmenu ul li ul li:hover ul li a { color: #94979c !important;} .jquerycssmenu ul li ul li:hover ul li a:hover { color: #FFF !important;} /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ /* -- Comments -- */ .comments { border-top: 5px solid #0fbe7c; background: #FFF; } .comments h3.comment-reply-title { color: #94979c; border-bottom: 5px solid #d5d6d8; } /* -- comment Form -- */ #commentform #author, #email { border:2px solid #d5d6d8; color:#333; } #commentform textarea { border:2px solid #d5d6d8; color:#333;} #commentform #sendemail { background-color: #0fbe7c; border: 1px solid #0fbe7c; color: #FFF; text-shadow: 0 -1px 0 #0fbe7c;} #commentform label span { color:#F00;} #commentform span { color:#F00;} /*----------------------------------------------------------------------------- ----------------------------- 7 - Contact Form -------------------------------- -----------------------------------------------------------------------------*/ /* -- Contact Form -- */ #contactform #contactName, #contactform #emaill, #contactform #subject { border:2px solid #d5d6d8; color:#333; } #contactform textarea { border:2px solid #d5d6d8; color:#333;} #contactform .sendemail { background-color: #0fbe7c; border: 1px solid #0fbe7c; color: #FFF; text-shadow: 0 -1px 0 #0fbe7c;} #contactform label span { color:#F00;} #contactform span { color:#F00;} #contactform label.error { color:#F00;} /*----------------------------------------------------------------------------- ----------------------------- 8 - Footer -------------------------------------- -----------------------------------------------------------------------------*/ .footer-content { background: #FFF;} footer h3 { color: #94979c; } footer .widget3 { border-left: 1px solid #d5d6d8;} /* -- Newsletter -- */ .newsletter { color: #0fbe7c; background: #FFF; border: 2px solid #0fbe7c;} .newsletter-btn { border: 2px solid #0fbe7c; background: #0fbe7c; color: #FFF;} /* -- Footer Social Icons -- */ ul.footer-social li a { color: #0fbe7c;} ul.footer-social li a:hover { color: #e3c60a;} /* -- Support available -- */ ul.support-available li strong { color: #0fbe7c;} /* -- Background for Text -- */ .text-bg { background: #0fbe7c; color: #FFF;} /*----------------------------------------------------------------------------- ----------------------------- 9 - Shortcodes --------------------------------- -----------------------------------------------------------------------------*/ /* -- Tabs -- */ #tabs_container { border-bottom: 1px solid #e3e3e3; } #tabs li a { background-color: #333; color: #FFF !important; } #tabs li a:hover { background-color: #0fbe7c; } #tabs li.active a { background-color: #0fbe7c; } #tabs li.active a:hover { background-color: #0fbe7c; } #tabs_content_container { background: #0fbe7c; color: #FFF; } .tab_content h1, .tab_content h2, .tab_content h3 { color: #FFF; } /* -- Tiptip -- */ #tiptip_content { color: #fff; text-shadow: 0 0 2px #0fbe7c; border: 1px solid #0fbe7c; background-color: #0fbe7c; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#0fbe7c)); box-shadow: 0 0 3px #0fbe7c; -webkit-box-shadow: 0 0 3px #0fbe7c; -moz-box-shadow: 0 0 3px #0fbe7c; } #tiptip_holder.tip_top #tiptip_arrow { border-top-color: #0fbe7c; } #tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #0fbe7c; } #tiptip_holder.tip_right #tiptip_arrow { border-right-color: #0fbe7c; } #tiptip_holder.tip_left #tiptip_arrow { border-left-color: #0fbe7c; } #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: #0fbe7c; } #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: #0fbe7c; } #tiptip_holder.tip_right #tiptip_arrow_inner { border-right-color: #0fbe7c; } #tiptip_holder.tip_left #tiptip_arrow_inner { border-left-color: #0fbe7c; } /* Webkit Hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content { background-color: #0fbe7c; } #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: #0fbe7c; } #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: #0fbe7c; } }