/* Theme Name: Artikler Theme URI: http://jathemes.com/artikler-theme/ Author: JAThemes Team Author URI: http://www.jathemes.com/ Description: Artikler theme create and design by JAThemes Team. Features include color customizations options, custom headers,custom background, multiple widget areas, an optional icon navigation menu and also include JATheme adsence widget.This theme is perfect for article sites.More detail for this theme visit http://www.jathemes.com/. Version: 1.2.0.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: gray, white, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, rtl-language-support, theme-options Text Domain: artikler-theme This theme, like WordPress, is licensed under the GPL. */ @font-face { font-family: "Black Rose"; src: url('font/376312256-BLACKR.eot'); src: url('font/376312256-BLACKR.eot?#iefix') format('embedded-opentype'), url('font/376312256-BLACKR.svg#Black Rose') format('svg'), url('font/376312256-BLACKR.woff') format('woff'), url('font/376312256-BLACKR.ttf') format('truetype'); font-weight: normal; font-style: normal; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } img:hover{opacity:0.8;} *{transition:0.8s; line-height:20px;} body{transition:0.6s; font-family:Arial, Helvetica, sans-serif; background:#EAEAEA; line-height:20px; word-wrap:break-word;} h1{font-size:36px; line-height:40px;} h2{font-size:24px; line-height:30px;} h3{font-size:18px; line-height:20px;} h4{font-size:16px; line-height:20px;} h5{font-size:14px; line-height:20px;} h6{font-size:12px; line-height:20px;} h1, h2, h3, h4, h5, h6{clear:both;padding:2px;} .clear{clear:both;} a{text-decoration:none; color:#555; line-height:20px; } a:hover{color:#666; text-decoration:underline;} a:active{} a:visited{color:EAEAEA;} ul{margin:0; padding:0px;} li{overflow:hidden;} p{font-size:15px; line-height:20px;} blockquote{margin: 10px;} dl{margin:5px;} dt{margin:0px;} dd{margin:0px 30px 0px;} big{font-size:200%;line-height:40px;} th{border:outset 1px #CCC; padding:5px; text-align:center; background:#e0e0e0} td{padding:3px; border:1px groove #CCC;background:#f0f0f0;} sub, sup{line-height:20px;font-size:75%;position:relative;} sub{bottom:-5px; } sup{top:-5px;} code{border:1px inset #333; padding:2px;background:#efefef; line-height:30px;font-size:14px;} ul{margin:5px; list-style: inside;} ol{margin:5px; list-style:inside decimal;} br{line-height:20px;} /**************************************************/ .main{width:990px; margin:15px auto; background:#FFF; padding:0 10px 10px 10px; box-shadow: 0 0 15px #999999; } .logo{float:left; margin:10px 10px 10px 0;} .logo img{width:276px;} .logo img:hover{opacity:0.9;} .site-title{width:276px; overflow:hidden;font-family:"Black Rose"; height:56px; padding:20px 0 0 0; text-shadow: 3px 3px 0px #2c2e38, 5px 5px 0px #5c5f72;} .site-title a{text-decoration:none; font-size:38px; color:#cecece;} .site-title a:hover{color:#c0c0c0;} .social{float:right; margin:5px 10px; } .social ul{list-style:none;} .social ul li{display:inline-block; border:2px solid #cecece; border-radius:12px;margin:7px 0;} .social ul li a{padding:7px 10px; color:#666; display:block; font-size:40px; overflow:hidden; height:40px; font-family:Black Rose; text-align:center; text-decoration:none; line-height:41px; color:#FFF;} .social ul li:hover{ margin:0px 0;} .faceb{background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */ } .twit{background: #009ec3; /* Old browsers */ background: -moz-linear-gradient(top, #009ec3 0%, #00b7ea 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009ec3), color-stop(100%,#00b7ea)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #009ec3 0%,#00b7ea 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #009ec3 0%,#00b7ea 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #009ec3 0%,#00b7ea 100%); /* IE10+ */ background: linear-gradient(to bottom, #009ec3 0%,#00b7ea 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ec3', endColorstr='#00b7ea',GradientType=0 ); /* IE6-9 */ } .googlep{background: rgb(255,26,0); background: -moz-linear-gradient(top, rgba(255,26,0,1) 0%, rgba(255,156,145,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,26,0,1)), color-stop(100%,rgba(255,156,145,1))); background: -webkit-linear-gradient(top, rgba(255,26,0,1) 0%,rgba(255,156,145,1) 100%); background: -o-linear-gradient(top, rgba(255,26,0,1) 0%,rgba(255,156,145,1) 100%); background: -ms-linear-gradient(top, rgba(255,26,0,1) 0%,rgba(255,156,145,1) 100%); background: linear-gradient(to bottom, rgba(255,26,0,1) 0%,rgba(255,156,145,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#ff9c91',GradientType=0 ); line-height:30px !important; } .linki{font-size:32px !important; padding:7px 4px !important; background: rgb(44,83,158); /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, rgba(44,83,158,1) 0%, rgba(44,83,158,1) 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(44,83,158,1)), color-stop(100%,rgba(44,83,158,1))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* IE10+ */ background: radial-gradient(ellipse at center, rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .head-img{overflow:hidden; margin:6px 0 0 0;} .head-img img{width:988px; height:200px; border:1px groove #E9E9E9;} .adsense-below-header{margin:3px; float:left; width:620px; text-align:left;} .header-ads-img{float:left; margin:10px 4px;} /*******************Menu*******************************/ .main-navigation{overflow:hidden; clear:both; border:1px groove #e0e0e0; float:left; background: -webkit-linear-gradient(#E3E3E3, #F9F9F9); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#E3E3E3, #F9F9F9); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#E3E3E3, #F9F9F9); /* For Firefox 3.6 to 15 */ background: linear-gradient(#E3E3E3, #F9F9F9); /* Standard syntax (must be last) */ width:100%;} .menu-toggle{display:none;} .assistive-text{display:none;} .nav-menu{clear:both; overflow:hidden; /*margin:0 0 10px 0;*/ float:left;} .nav-menu ul{list-style:none; /*border:2px solid;*/ padding:0 0 0 3px;} .nav-menu ul li{display:inline-block; overflow:hidden; /*margin:6px 0 0 0;*/} .nav-menu ul li a{padding:10px; color:#666; display:block; line-height:20px; font-size:20px; text-transform:capitalize;} .nav-menu ul li a:hover{color:#222; text-decoration:none;/* background:rgba(232,232,232,0.7);*/} .nav-menu ul li a:active{} .main-navigation div{overflow:hidden; /*margin:0 0 10px 0;*/ float:left; width:76%;} .main-navigation div+div{width:auto;} .main-navigation div ul {list-style:none; /*border:2px solid;*/ margin:0px;} .main-navigation div ul li{display:inline-block; overflow:hidden; margin:2px 0 0 0;} .main-navigation div ul li a{padding:8px; color:#666; display:block; line-height:20px; font-size:20px; text-transform:capitalize; font-weight:bold;} .main-navigation div ul li a:hover{color:#222; text-decoration:none; /*background:rgba(232,232,232,0.7);*/} .main-navigation div ul li a:active{} .main-navigation ul li ul{margin:0; padding:0px;} .sub-menu{display:none;} .main-navigation ul li:hover .sub-menu{display:inline-block; position:absolute; overflow:hidden;/* background:rgba(250,250,250,0.5);*/z-index:9999; /*left:0; top:0;*/ } .sub-menu li{display:block !important; margin:0px !important; border:1px solid #efefef;} .sub-menu li a{background: #fcfff4; /* Old browsers */ background: -webkit-linear-gradient(#E3E3E3, #F9F9F9); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#E3E3E3, #F9F9F9); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#E3E3E3, #F9F9F9); /* For Firefox 3.6 to 15 */ background: linear-gradient(#E3E3E3, #F9F9F9); /* Standard syntax (must be last) */ margin:0px !important; text-align:center; font-size:17px !important; } .sub-menu li a:hover{} .menu_search{float:right; padding:7px; background: -webkit-linear-gradient(red, blue); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#E3E3E3, #F9F9F9); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#E3E3E3, #F9F9F9); /* For Firefox 3.6 to 15 */ background: linear-gradient(#E3E3E3, #F9F9F9); /* Standard syntax (must be last) */} /********************Wrapper******************************/ .wrapper{width:100%;display:block; /*border:1px solid;*/ clear:both; overflow:hidden;} /********************index-Content******************************/ .site-content{float:left; width:728px; /*margin:0 10px;*/ /*border:1px solid;*/ overflow:hidden; border-top-left-radius:11px; border-top-right-radius:11px;} #content{overflow:hidden; border:1px groove #E9E9E9; padding:0 0 10px 0; border-top-left-radius:11px; border-top-right-radius:11px; background:#FFF;} .content-title{width:100%; background: rgb(192,192,192); background: -moz-linear-gradient(top, rgba(192,192,192,1) 0%, rgba(223,229,215,1) 60%, rgba(252,255,244,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(192,192,192,1)), color-stop(60%,rgba(223,229,215,1)), color-stop(100%,rgba(252,255,244,1))); background: -webkit-linear-gradient(top, rgba(192,192,192,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%); background: -o-linear-gradient(top, rgba(192,192,192,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%); background: -ms-linear-gradient(top, rgba(192,192,192,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%); background: linear-gradient(to bottom, rgba(192,192,192,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#fcfff4',GradientType=0 ); border-bottom:3px solid #c0c0c0; padding:10px 10px 8px;/*border:1px solid;*/ border-top-left-radius:10px; border-top-right-radius:10px;} .content-title h1{font-size:24px; color:#333; margin:0 0 0 5px;} .content-post-main{overflow:hidden; border-bottom:7px solid #EAEAEA; margin:5px; padding:5px;} .content-post-main:hover{background:rgba(232,232,232,0.6);} .content-post-img{float:right; margin:10px;} .content-post-img img{box-shadow: 3px 3px 5px #EAEAEA;} .content-post-img img:hover{opacity:0.9;} .content-post-tilte-excerpt{margin:10px 0 0 0;} .content-authore-excerpt{font-size:9px;} .content-post-tilte-excerpt h4{clear:none; text-transform:capitalize;} .content-post-tilte-excerpt h4:hover{opacity:0.8;} .post_expert_index a{background:#666; padding:1px 5px; border-radius:5px; color:#FFF;} .post_expert_index a:hover{background:#888; font-weight:normal;} .content-comment_no{font-size:11px;} /*********Sidebar**********************/ .sidebar{float:right; width:255px;/* border:1px solid;*/ padding:0 0px 5px 0;} .widget-title{/*width:100%;*/ background: rgb(192,192,192); background: -moz-linear-gradient(top, rgba(192,192,192,1) 0%, rgba(223,229,215,1) 60%, rgba(252,255,244,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(192,192,192,1)), color-stop(60%,rgba(223,229,215,1)), color-stop(100%,rgba(252,255,244,1))); background: -webkit-linear-gradient(top, rgba(192,192,192,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%); background: -o-linear-gradient(top, rgba(192,192,192,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%); background: -ms-linear-gradient(top, rgba(192,192,192,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%); background: linear-gradient(to bottom, rgba(192,192,192,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#fcfff4',GradientType=0 ); border-bottom:3px solid #c0c0c0; padding:10px 10px 8px; font-size:24px; color:#333; border-top-left-radius:10px; border-top-right-radius:10px;} .widget{margin:0 0 20px 0; border:1px groove #e9e9e9; /*padding:10px 0 10px 2px; */border-top-left-radius:11px; border-top-right-radius:11px; background:#FAFAFA;} .widget ul{padding:10px; list-style:none; text-transform:capitalize;} .widget ul li{margin:0px 0 5px; } .widget ul li a{text-decoration:none;} .widget ul li a:hover{padding:0 0 0 10px; color:#555; ; transition:1s;} .widget-inner{margin:0 0 0 10px;} /************************************Content********************************/ .artical-entry{border-bottom:1px groove;} .entry-title{width:100%;background: rgb(192,192,192); background: -moz-linear-gradient(top, rgba(192,192,192,1) 0%, rgba(223,229,215,1) 60%, rgba(252,255,244,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(192,192,192,1)), color-stop(60%,rgba(223,229,215,1)), color-stop(100%,rgba(252,255,244,1))); background: -webkit-linear-gradient(top, rgba(192,192,192,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%); background: -o-linear-gradient(top, rgba(192,192,192,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%); background: -ms-linear-gradient(top, rgba(192,192,192,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%); background: linear-gradient(to bottom, rgba(192,192,192,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#fcfff4',GradientType=0 ); border-bottom:3px solid #c0c0c0; font-size:24px; color:#333; padding:10px 10px 8px; border-top-left-radius:10px; border-top-right-radius:10px; text-transform:capitalize; line-height:20px;} .entry-content{margin:5px; overflow:hidden;} .entry-content img{padding:5px;} code{border:1px inset #333; padding:2px;background:#efefef;} .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{margin:5px;} .entry-meta{font-size:12px; font:italic; margin:5px;padding:5px 5px;background:#e0e0e0; border:1px outset #ccc; height:20px; overflow:hidden;} .content-post-adsense{float:left; margin:10px 10px 0 0;} /*********************************Comment*************************************/ .comment{overflow:hidden;} textarea#comment{height: 154px; width: 90%;} .comments-link{margin:5px; border:1px groove #EAEAEA; padding:0 0 0 5px;} .comments-title{width:98%; text-align:center; margin:10px 0; background:url(images/menubg.png) repeat; padding:5px; text-transform:capitalize;} .comment-title{font-size:18px; color:#666; } .comments-area{background: none repeat scroll 0 0 #FAFAFA;margin: 5px;padding: 10px;} .comment-li{border-bottom:1px groove; margin:0 0 10px 0; padding:10px; background:#efefef;} .comment-header{ overflow:hidden;} .comment-header img{margin:5px;} .comment-name-cite{} .comment-name{margin:10px 0 0 0; display:block;} .comment-name-cite span{margin:0 5px 0 0;} .comment-time{font-size:12px;} .comment-content{margin:0 0 0 5px;} .avatar{float:left;} .children{margin:0 0 0 50px; padding:0 0 0 5px; border-left:1px ridge;} .comment-form-author input{margin:3px 0 0 4px;} .comment-form-email input{margin:3px 0 0 6px;} .comment-form-url{margin:3px 0 0 0px;} .comment-form-comment{} .comment-reply-title{ background: none repeat scroll 0 0 #F3F3F3; color:#444;border-radius: 5px;padding: 5px;} /*********************************Category*********************/ .archive-title{background: rgb(192,192,192); background: -moz-linear-gradient(top, rgba(192,192,192,1) 0%, rgba(223,229,215,1) 60%, rgba(252,255,244,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(192,192,192,1)), color-stop(60%,rgba(223,229,215,1)), color-stop(100%,rgba(252,255,244,1))); background: -webkit-linear-gradient(top, rgba(192,192,192,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%); background: -o-linear-gradient(top, rgba(192,192,192,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%); background: -ms-linear-gradient(top, rgba(192,192,192,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%); background: linear-gradient(to bottom, rgba(192,192,192,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#fcfff4',GradientType=0 ); border-bottom:3px solid #c0c0c0; margin:0 0 5px 0; padding:10px 10px 8px; font-size:24px; color:#333; border-top-left-radius:10px; border-top-right-radius:10px; text-transform:capitalize; line-height:20px;} .cat-content-post-main{overflow:hidden; border-bottom:1px groove; margin:5px; padding:5px;} .cat-content-post-main:hover{background:#EAEAEA;} .cat-content-post-img{float:right; margin:10px;} .cat-content-post-img img{} .cat-content-post-img img:hover{opacity:0.9;} .cat-content-post-tilte-excerpt{margin:10px 0 0 0;} .cat-content-post-tilte-excerpt h4{clear:none;} .cat-content-post-tilte-excerpt h4:hover{opacity:0.8;} .form-allowed-tags{font-size:13px;} .form-submit{} /*************************Footer*****************************/ #colophon{overflow:hidden; padding:0px 5px 5px; /*border-top:1px solid;*/ margin:5px 0; background:#ececec; border:1px groove #EAEAEA;} .site-info{display:inline;} .site-info img{width:32px} /******************************nav***************************/ .nav-single{overflow:hidden; border:1px groove #EAEAEA; margin:1px 0 0 0;} .nav-previous{float:left; margin:0 0 0 5px; padding:5px 0;} .nav-next{float:right; margin:0 5px 0 0px; padding:5px 0;} /****************************Search********************************/ .page-title{background:url(images/titlebg.png) repeat; /*border:1px solid;*/ margin:0 0 5px 0; padding:5px; font-size:24px; color:#666; border-top-left-radius:10px; border-top-right-radius:10px;} /**************************Widgets***********************/ #wp-calendar{width:100%;} .widget_recent_entries li{padding:3px; list-style:none;} .adsense428x60-title{visibility:hidden;} /****************************Archives**********************/ /*******************No Found******************************/ .no-found{padding:20px; background:#efefef;} .no-found h1{margin:20px; color:#333;} /*********************************************************/ .sticky { color:#999; } .gallery-caption{font-size:10px; color:#000;} .aligncenter{display: block;margin-left: auto;margin-right: auto;} .alignright{float:right;} .alignleft{float:left;} .wp-caption-text{text-align:center; font-size:12px; background:#efefef;}