/* ------------------------------------------------------------------- Destination - CSS File CHANGE COLOR STYLE ------------------------------------------------------------------- */ /*------------------------------------------------------------------ [Table of contents] 1. Global Elements 2. Header 2.1. Navigation 2.2. Slider 3. Afterheader 4. Content 4.1. Widgets 4.2. Blog 5. Sidebar 6. Footer Sidebar 7. Footer 8. Plugin -------------------------------------------------------------------*/ /* 1. GLOBAL ELEMENTS --------------------------------------------------------------------------------------*/ body {color: #666;} #bodychild { background-color:#fff;} /* Link */ a, .morelink, .colortext, a.colortext{color:#db6cd2;} a:hover, a.colortext:hover, .colortext a:hover, .morelink:hover{color:#929292} #logo, #logo h1 a, #logo h1 a:visited{ color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); } /* Heading & text */ h1, h2, h3, h4, h5, h6{color:#db6cd2;} .pagetitle, #logo h1, .pagedesc{ color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); } .pagetitle .fn{color:#db6cd2;} /* 2. HEADER SECTION --------------------------------------------------------------------------------------*/ #outerheader{ background-repeat:repeat-x; background-position:center top; background-image:url(images/header.jpg)} #headercontainer{ background:url(images/header-shadow.png) top repeat-x} #top { background:url(images/line-shadow.png) no-repeat center bottom } /*======= 2.1. Navigation =======*/ .sf-menu > li a{ border-top:5px solid transparent; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);} .sf-menu a, .sf-menu a:visited{color:#fff;}/* 1st level */ .sf-menu a:hover, .sf-menu > li.current-menu-item > a, .sf-menu > li.current_page_item > a, .sf-menu > li.current-menu-ancestor > a, .sf-menu > li.current-menu-parent > a, .sf-menu > li.current_page_ancestor > a, .sf-menu > li.current_page_parent > a{color:#fff; background:#db6cd2; border-top:5px solid #db6cd2 } .sf-menu > li.sfHover a{ background:#db6cd2; border-top:5px solid #db6cd2 } .sf-menu li:hover ul, .sf-menu li.sfHover ul { color:#fff; background:#db6cd2; border-top:1px solid #db6cd2; } .sf-menu li.sfHover li a { border-top:0px} .sf-menu li li{ border-bottom:1px solid #db6cd2} .sf-menu > li li:before{} .sf-menu ul li a{ color:#fff; border:0px; text-shadow:none } .sf-menu ul li a:hover, #topnav li li a.current{color:#fff; border:0px; } .sf-menu ul li a:hover, .sf-menu li li.current-menu-item a, .sf-menu li li.current_page_item a {color:#67258b; background:#a64bb1; border:0px; } .tinynav{background:#fff; border:1px solid #eee;} /* 2.2. Slider --------------------------------------------------------------------------------------*/ #slider .camera_caption .slider-text, #slider .camera_caption a{color:#fff;} #slider .slider-text {} #slider .camera_wrap .camera_pag {background:url(images/line-content-slider.png) no-repeat center top} #slider .camera_caption > div{ background:transparent; } #slider .camera_prevThumbs, #slider .camera_nextThumbs, #slider .camera_prev, #slider .camera_next, #slider .camera_commands, #slider .camera_thumbs_cont { background: none ; } #slider .camera_wrap .camera_pag .camera_pag_ul li {background: #fff;} #slider .camera_wrap .camera_pag .camera_pag_ul li:hover > span {background: #c3aa60;} #slider .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {background: #c3aa60;} /* 3. AFTER HEADER SECTION --------------------------------------------------------------------------------------*/ /* 4. CONTENT SECTION --------------------------------------------------------------------------------------*/ /* Images */ .imgframe{ background:#fff; border:4px solid #f2f2f2} /* Blockquote */ blockquote { color:#5c5c5c; border-left:5px solid #929292} .entry-quote blockquote{ color:#929292} /* Form */ input[type="text"], input[type="email"], textarea, input[type="password"], select{ border:solid 1px #f2f2f2; background:#fff; color:#929292; } label{ color:#929292;} span.required{ color:#f00;} /* Horizontal Line */ hr { color:#f2f2f2; background-color:#f2f2f2; } .separator{ border-bottom: 1px solid #f2f2f2; } /* List */ ul.arrowlist li{ background:url(images/arrow.png) no-repeat 0 7px;} ul.list li{border-bottom:solid 1px #f2f2f2;} ul.contact li{border-bottom:0!important;} ul.contact .home{background:url(images/icon1.png) no-repeat 0 9px;} ul.contact .phone{background:url(images/icon2.png) no-repeat 0 8px;} /* Button */ .more, .button, button, input[type="submit"], input[type="reset"], input[type="button"] { background: #db6cd2; color:#fff; border:0 } .more:hover, .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{ background: #a64bb1; color:#fff; border:0 } .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { } /* Dropcaps */ .dropcap1{text-shadow:1px 1px 0 #ededed; color:#2e2e2e} .dropcap2{color:#fff; background:#2e2e2e} .dropcap3{color:#fff; background:#2e2e2e} /* Code */ code { border-left:4px solid #e9e9e9; } /* Tables */ th{border-bottom: 1px solid #f1f1f1;} table {border: 1px solid #f1f1f1;border-bottom:0;} tr td {border-bottom: 1px solid #f1f1f1;} tr.odd td {background: #F2F7FC;} /*======= 4.1. Widgets =======*/ /* POSITION ON THEME */ .widget-title{ color:#67258b} #home-highlightcontent{ background:#f8f7f4; } #home-highlightcontent a, #home-highlightcontent a:visited {color:#fff;} #home-highlightcontent a:hover{color:#929292} #home-highlightcontent{ color:#929292;} #home-highlightcontent .highlight-wrap{} #home-highlightcontent h1, #home-highlightcontent h2, #home-highlightcontent h3, #home-highlightcontent h4, #home-highlightcontent h5, #home-highlightcontent h6 {color:#67258b;} /* Tabs */ #sidebar .widget_klasik_tabs .tab-content ul li{border-bottom:1px solid #f0f0f0} #footersidebar .widget_klasik_tabs .tab-content ul li{ border-bottom:1px solid #3d3d40} /*=== Image Carousel ===*/ .flexslider-carousel ul.flex-direction-nav a{background-color:rgba(0,0,0,0.5); } .flexslider-carousel ul.flex-direction-nav a:hover{background-color:rgba(0,0,0,0.75); padding:0px !important;} .flexslider-carousel ul.flex-direction-nav a.flex-prev{background-image:url(images/slider-arrow-left.png); background-position:center;} .flexslider-carousel ul.flex-direction-nav a.flex-next{background-image:url(images/slider-arrow-right.png); background-position:center;} /*=== home feature Carousel ===*/ #home-featurecontent .features-carousel .item-container{ background: rgba(103, 37, 139, 0.4);} #home-featurecontent .features-carousel .feature-wrap{ border-top:5px solid #fff; background:#67258b} #home-featurecontent .features-carousel .feature-img img{ border:5px solid #fff} #home-featurecontent .features-carousel .feature-title, #home-featurecontent .features-carousel .feature-title a, #home-featurecontent .features-carousel .feature-text { color:#fff;} #home-featurecontent .features-carousel .feature-title a:hover{ color:#db6cd2} .features-carousel ul.flex-direction-nav a{background-color:#db6cd2; } .features-carousel ul.flex-direction-nav a:hover{background-color:#db6cd2; padding:0px !important;} .features-carousel ul.flex-direction-nav a.flex-prev{background-image:url(images/feature-arrow-left.png); background-position:center;} .features-carousel ul.flex-direction-nav a.flex-next{background-image:url(images/feature-arrow-right.png); background-position:center;} .features-carousel ul.flex-direction-nav a.flex-prev:hover{background-image:url(images/feature-arrow-left-h.png); background-position:center;} .features-carousel ul.flex-direction-nav a.flex-next:hover{background-image:url(images/feature-arrow-right-h.png); background-position:center;} /* Testimonials */ .klasik-testimonial-widget .testi-thumb img{ border:4px solid #f2f2f2} .klasik-testimonial-widget .testi-quote{ color:#929292 } .klasik-testimonial-widget .testi-title{ color:#5c5c5c; background:url(images/line-testi.png) no-repeat bottom center;} .testi-tag{ color:#666} /* Team */ .klasik-team-widget .team-title, .klasik-team-widget .team-title a{color:#5c5c5c!important;} .klasik-team-widget .team-title a:hover{color:#67258b!important} .klasik-team-widget .item-container{ color:#929292; border-bottom:5px solid #db6cd2; } .klasik-team-widget .team-tag{ color:#929292} .klasik-team-widget .team-title-wrap { border:1px solid #e6e6e6; background:#fff; } /* Action */ .klasik-action-widget .action-button .button.left, .klasik-action-widget .action-button .button.right{ background: #db6cd2!important; color:#fff!important; } .klasik-action-widget .action-button .button.left:hover, .klasik-action-widget .action-button .button.right:hover{ background: #a64bb1!important; color:#fff!important; } /* Featured */ .klasik-features .feature-title, .klasik-features .feature-title a, .klasik-features .feature-title a:visited{color:#67258b} .klasik-features .feature-title a:hover{color:#929292} .klasik-features .img-container{} .klasik-features .feature-img{ background:#db6cd2;} .klasik-features .feature-img:hover{} #home-featurecontent .klasik-features .feature-title, #home-featurecontent .klasik-features .feature-title a, #home-featurecontent .klasik-features .feature-title a:visited, #home-highlightcontent .klasik-features .feature-title, #home-highlightcontent .klasik-features .feature-title a, #home-highlightcontent .klasik-features .feature-title a:visited { color:#67258b} /* Recent Posts */ .klasik-recentpost-widget .recent-thumb{} .klasik-recentpost-widget .recent-title a{ color:#67258b!important; } .klasik-recentpost-widget .recent-title a:hover{ color:#929292!important; } .klasik-recentpost-widget .smalldate{color:#929292;} #footersidebar .klasik-recentpost-widget .smalldate{ color:#929292;} .klasik-recentpost-widget .recent-item{ border-bottom:1px solid #f0f0f0} #footersidebar .klasik-recentpost-widget .recent-item{ border-bottom:1px solid #3d3d40} /* Advanced Posts */ .klasik-advancedpost-widget .recent-item{ border-bottom:1px solid #eee} .klasik-advancedpost-widget .recent-title a, .klasik-advancedpost-widget .recent-title a:visited, #sidebar .klasik-advancedpost-widget .recent-title a, #sidebar .klasik-advancedpost-widget .recent-title a:visited{color:#67258b!important;} .klasik-advancedpost-widget .recent-title a:hover, #sidebar .klasik-advancedpost-widget .recent-title a:hover{color:#929292!important;} .klasik-advancedpost-widget .smalldate{color:#929292;} #footersidebar .klasik-advancedpost-widget .smalldate{ color:#e6e0dd} .klasik-advancedpost-widget .recent-text{color:#929292!important;} .klasik-advancedpost-widget .advanced-date-wrap{ background:#45b4cb; color:#fff;} .klasik-advancedpost-widget .advanced-date-wrap .arrow{background:url(images/arrow-date.png) no-repeat;} /* Bottom */ #outerbottom{ background:#f2f2f2} /* PORTFOLIO */ .filterlist{ } #filter li a, #filter li a:visited{ color:#67258b; border:1px solid #db6cd2} #filter li.current a, #filter li a.active, #filter li a:hover{color:#fff; background:#db6cd2 } .klasik-portfolio .klasik-pf-text{ border-bottom:5px solid #db6cd2} .klasik-pf-text .pftitle a, .klasik-pf-text .pftitle a:visited{color:#67258b!important;} .klasik-pf-text .pftitle a:hover{color:#929292;} .klasik-pf-img .rollover{ width:100%; height:100%; background-image:none; background-color:#fff; background-repeat:no-repeat; background-position:center; display:block; position:absolute; z-index:10; display:none; cursor:pointer; } .klasik-pf-text{ color:#67258b; background:#f2f2f2} .klasik-pf-text:hover, .klasik-pf-text:hover h3{ color:#fff; background:#67258b} .klasik-pf-img .icon-zoom { background:url(images/hover-zoom.png) no-repeat center; } /*======= 4.2. Blog =======*/ .sticky .posttitle{background:url(images/sticky.png) no-repeat 2px 8px} .post{border-bottom:1px solid #eee;} .posttitle a, .posttitle a:visited{color:#67258b;} .posttitle a:hover{color:#929292;} .entry-image .thumbcontainer .arrow, .entry-gallery #postgallery .arrow{background: url(images/arrow-image.png) no-repeat} .content-wrap{ border:1px solid #f2f2f2; background:#fff; } .comment-body .arrow{background: url(images/arrow-com.png) no-repeat} .commentlist .comment-body { background:#f7f7f7;} .entry-comment a, entry-comment a:visited{color:#fff} .comment-body .time, .comment-body .time a, .comment-body .time a:visited{color:#929292;} .comment-body .time a:hover{color:#929292;} .entry-utility .date .fa, .entry-utility .user .fa, .entry-utility .tag .fa, .entry-utility .like .fa, .entry-utility .comment .fa, .entry-utility .category .fa{ color:#67258b} .entry-utility a{color:#929292 } .entry-utility a:hover{ color:#67258b} .single #nav-below{ border-top:1px solid #eee} .fn{color:#929292;} .tdate, .reply a, .reply a:visited{color:#929292; } .avatar{} #entry-author-info{border: solid #eee; border-width:1px 0} /* Gallery Post*/ article ul.flex-direction-nav a.flex-prev{background-image:url(images/gallery-prev.png); } article ul.flex-direction-nav a.flex-next{background-image:url(images/gallery-next.png); } article ul.flex-direction-nav a.flex-prev:hover{background-image:url(images/gallery-prev-h.png); } article ul.flex-direction-nav a.flex-next:hover{background-image:url(images/gallery-next-h.png); } /* tag-items */ .tagcloud a, .tag-items span a{ background:#fff; color:#929292; border:1px solid #f2f2f2} .tagcloud a:hover, .tag-items span a:hover{color:#fff!important; background:#db6cd2;} .page-links a span { color:#929292; background:#f2f2f2;} .page-links span:hover{background:#67258b; color:#fff;} .page-links span{background:#67258b; color:#fff;} /* navigation */ .nav-previous, .nav-next { background:#db6cd2 no-repeat} .nav-previous{background-image:url(images/feature-arrow-left.png); background-position:center;} .nav-next{background-image:url(images/feature-arrow-right.png); background-position:center;} .nav-previous:hover{background-image:url(images/feature-arrow-left-h.png); background-position:center;} .nav-next:hover{background-image:url(images/feature-arrow-right-h.png); background-position:center;} /* 6. SIDEBAR -------------------------------------------------------------------*/ #sidebar .widget-title {color:#67258b; } #sidebar li li{ border-bottom: 1px solid #f0f0f0; background:none} #sidebar li a, #sidebar li li a{color:#929292;} #sidebar li a:hover, #sidebar li li a:hover, #sidebar li li a.current{color:#67258b;} #sidebar ul.sub-menu li, #sidebar ul.children li, #sidebar ul ul ul li{border-top: 1px solid #f0f0f0; border-bottom:0px} /* Sidebar Tabs */ .widget_klasik_tabs .tab-content ul li .smalldate{ color:#929292;} .widget_calendar thead th{ border:0px;} .widget_calendar #wp-calendar tbody td, .widget_calendar #wp-calendar tfoot td{border:0px;} /* Search */ #searchform .searcharea{ border:1px solid #e3e3e3; -moz-box-shadow: 0 0 2px 0 #ebebeb; -webkit-box-shadow: 0 0 2px 0 #ebebeb; box-shadow: 0 0 2px 0 #ebebeb; } input.searchbutton { background: url(images/search-icon.png) no-repeat 8px 13px !important; } /* 6. FOOTER SIDEBAR SECTION --------------------------------------------------------------------------------------*/ #outerfootersidebar{ color:#838385; background:#1c1d21 } #footersidebar .widget-title{color:#f8f8f8; } #footersidebar li a, #footersidebar li a:visited{color:#838385} #footersidebar li a:hover{color:#67258b} /* 7. FOOTER SECTION --------------------------------------------------------------------------------------*/ #outerfooter{ background:#17181b} #footer{color:#838385;} #footer a, #footer a:visited{color:#838385;} #footer a:hover{color:#fff;} /* 8. PLUGINS SECTION --------------------------------------------------------------------------------------*/ /* WP Pagenavi */ .wp-pagenavi{} .wp-pagenavi .pages{color:#929292; } .wp-pagenavi a, .wp-pagenavi a:visited{color:#929292; background:#f2f2f2;} .wp-pagenavi .current, .wp-pagenavi a:hover{ background:#db6cd2; color:#fff;} /* Contact Form */ .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="password"], .wpcf7 textarea, .wpcf7 #rsvpform .no-attending input[type="text"], .wpcf7 #rsvpform .your-subject input[type="text"]{ border:solid 1px #f2f2f2; background:#fff; color:#929292; } /* Newsletter Form */ .newsletter h3{ color:#67258b; background:url(images/email.png) no-repeat 0 6px; } .newsletter input[type="text"], .newsletter input[type="email"], .newsletter input[type="password"] { background:#fcfcfc; }