/*
    Description:
        Name: SimpleBlog29
        Version: 1.0.0
        Designed and Implementation by Farzin Seyfolahi for BlogEngine 2.9 or later.
        http://seyfolahi.net/SimpleBlog

    Include:
        Normalize.css v2.1.0 (git.io/normalize).
        
*/
@import url(http://fonts.googleapis.com/css?family=Domine:700|Open+Sans);
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { margin: 0; padding: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; max-width: 100%; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; line-height: inherit; } input[type="button"], input[type="submit"], button, input[type="radio"], input[type="checkbox"] { cursor: pointer; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;} textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } cite { font-style: normal; } .hide { display: none; } p { margin: 0 0 15px; } hr { margin-top: 15px; margin-bottom: 15px; border: 0; border-top: 1px solid #CCC; } .rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6, .rtl .h1, .rtl .h2, .rtl .h3, .rtl .h4, .rtl .h5, .rtl .h6 { font-family: "b Mitra", Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.1; } .ltr h1, .ltr h2, .ltr h3, .ltr h4, .ltr h5, .ltr h6, .ltr .h1, .ltr .h2, .ltr .h3, .ltr .h4, .ltr .h5, .ltr .h6 { font-family: "Domine", Arial, Verdana, sans-serif !important; font-weight: 600; line-height: 1.1; } h1, h2, h3 { margin-top: 10px; margin-bottom: 10px; } h4, h5, h6 { margin-top: 0; margin-bottom: 10px; } h1, .h1 { font-size: 34px; } h2, .h2 { font-size: 26px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 22px; } h5, .h5 { font-size: 20px; } h6, .h6 { font-size: 18px; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } nav ul { margin: 0; padding: 0; } nav ul li { display: inline-block; } .list-unstyled { padding-right: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } .rtl blockquote { padding: 0px 20px; margin: 0 20px 10px 0; border-right: 5px solid #263f52; } .ltr blockquote { padding: 0px 20px; margin: 0 0 10px 20px; border-left: 5px solid #263f52; } blockquote p { font-size: 14px; font-weight: 300; } blockquote p:last-child { margin-bottom: 0; } code, pre { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; white-space: nowrap; background-color: #f9f2f4; border-radius: 4px; } pre { display: block; padding: 9.5px; margin: 0 0 5px; font-size: 13px; line-height: 1.428571429; color: #333333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #cccccc; border-radius: 4px; overflow-x: auto; } pre.prettyprint { margin-bottom: 20px; } pre code { padding: 0; color: inherit; white-space: pre-wrap; background-color: transparent; border: 0; } address { margin-bottom: 10px; } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; margin-bottom: 5px; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } .rtl .text-left, .ltr .text-right { text-align: right; } .rtl .text-right, .ltr .text-left { text-align: left; } .text-center, .AlignCenter, .Align-Center { text-align: center; } .ltr .float-left, .rtl .float-right { float: left; } .ltr .float-right, .rtl .float-left { float: right; } .rtl { direction: rtl; } .ltr, .rtl .ltr { direction: ltr; } .rtl .ltr { font-family: Calibri; font-size: 16px; } .container { margin-right: auto; margin-left: auto; } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; } table { width: 100%; margin: 0 0 20px 0; background: #FFF; } .rtl table th { text-align: right; } .ltr table th { text-align: left; } table th, table td { border: 1px solid #E2E2E2; padding: 5px; } .btn, .content input[type="submit"], .content input[type="button"], #newsletterform input[type="submit"], #newsletterform input[type="button"], #apmlfilter input[type="submit"], .comment .reply-to-comment, .widget.search #searchbutton { border: none; color: #ffffff; padding: 3px 12px 4px !important; line-height: 22px; text-decoration: none; text-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; } .btn:hover, .btn:focus, .btn-group:focus .btn.dropdown-toggle, .content input[type="submit"]:hover, .content input[type="button"]:hover, #newsletterform input[type="submit"]:hover, #newsletterform input[type="button"]:hover, #apmlfilter input[type="submit"]:hover, .comment .reply-to-comment:hover, .widget.search #searchbutton:hover { color: #ffffff; outline: none; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; cursor: pointer; } .btn.disabled, .btn[disabled] { background-color: #bdc3c7; color: rgba(255, 255, 255, 0.75); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 0.7; filter: alpha(opacity=70); } .btn.btn-small { font-size: 13px; line-height: 20px; padding: 4px 7px; } .btn.btn-large { font-size: 18px !important; font-weight: bold; line-height: 20px; padding: 4px 18px !important; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border: 1px solid #bdc3c7; color: #333; font-size: 16px; padding: 8px 2px; height: 21px; text-indent: 6px; -webkit-appearance: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: border .25s linear, color .25s linear; -moz-transition: border .25s linear, color .25s linear; -o-transition: border .25s linear, color .25s linear; transition: border .25s linear, color .25s linear; -webkit-backface-visibility: hidden; width: 220px; margin-bottom: 3px; } select { border: 1px solid #bdc3c7; color: #333; font-size: 16px; padding: 7px 5px; -webkit-appearance: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: border .25s linear, color .25s linear; -moz-transition: border .25s linear, color .25s linear; -o-transition: border .25s linear, color .25s linear; transition: border .25s linear, color .25s linear; -webkit-backface-visibility: hidden; width: 225px; margin-bottom: 3px; } textarea { height: auto; line-height: 24px; padding: 5px 2px; text-indent: 0; margin: 10px 0; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #999; -moz-outline: none; outline: none; }   body { background-color: #ececec; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.6; font-weight: 300; color: #222222; cursor: default; } a { color: #0269c8; text-decoration: none; -moz-transition: color 0.3s ease 0s; -o-transition: color 0.3s ease 0s; -webkit-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; } .container { width: 960px; } .responsive .container { width: 80%; max-width: 1280px; } .fade .main-section { -moz-opacity: 0; opacity: 0; } .main-section { -moz-opacity: 1; opacity: 1; } .content { width: 68%; } .sidebar { width: 30%; } /*[ header ]*/ .header { height: 150px; margin-bottom: 40px; padding-top: 50px; position: relative; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } .line-header { top: 0px; width: 100%; position: absolute; -moz-transition: all ease 0.9s; -o-transition: all ease 0.9s; -webkit-transition: all ease 0.9s; transition: all ease 0.9s; z-index: 101; border-bottom-width: 1px; border-bottom-style: solid; -moz-opacity: 1; opacity: 1; } .fade .line-header { -moz-opacity: 0; opacity: 0; } .fixnav .line-header { position: fixed; } .fixnav .fix-header .line-header { border-bottom-width: 4px; border-bottom-style: solid; -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5); box-shadow: 0 1px 4px rgba(0,0,0,0.5); } /*[ banner header ]*/ .banner-header { position: relative; height: 100%; width: 100%; overflow: hidden; } .banner-header .item-r { display: none; top: 0; left: 0; position: absolute; z-index: 5; width: 100%; min-width: 100%; height: 100%; min-height: 100%; background-position: 0 bottom; } .banner-header .item-r.item-1 { background: url(../img/effect_1.png) repeat-x; } .banner-header .item-r.item-2 { background: url(../img/effect_2.png) repeat-x; } .banner-header .item-r.item-3 { background: url(../img/effect_3.png) repeat-x; } .banner .item-r { display: block !important; } /*[ nav bar ]*/ .selectnav { display: none; } .navbar { height: 50px; } .navbar .nav { margin-right: 0; } .navbar ul li { display: inline-block;/*float:left;*/ } .navbar .nav > li { position: relative; height: 50px; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; } .navbar .nav > li a { height: 100%; line-height: 50px; outline: none; } .navbar .nav > li:hover > ul { opacity: 1; top: 100%; visibility: visible; z-index: 200; -webkit-transform: scale(1, 1); display: block\9; } .navbar .nav > li > ul { padding-top: 13px; top: 80%; z-index: 100; } .navbar .nav > li > ul:before { content: ""; border-style: solid; border-width: 0 9px 9px 9px; height: 0; position: absolute; left: 15px; top: 5px; width: 0; -webkit-transform: rotate(360deg); } .navbar .nav > li > ul li:hover ul { opacity: 1; -webkit-transform: scale(1, 1); visibility: visible; display: block\9; } .navbar .nav > li > ul li ul { left: 100%; } .navbar .nav > li > a { color: #FFF; font-size: 14.994px; display: block; text-transform: uppercase; padding: 0px 10px; text-shadow: none; -webkit-transition: background-color .25s, color .25s, border-bottom-color .25s; -moz-transition: background-color .25s, color .25s, border-bottom-color .25s; -o-transition: background-color .25s, color .25s, border-bottom-color .25s; transition: background-color .25s, color .25s, border-bottom-color .25s; -webkit-backface-visibility: hidden; } .navbar .nav > li:hover > a, .navbar .nav > li > a:focus { color: #FFF; } .navbar .nav > li > a[class*="fui-"] { font-size: 24px; font-weight: normal; } .navbar .nav > li > a > [class*="fui-"] { font-size: 24px; margin: -4px 0 0; position: relative; top: 4px; } .navbar .nav > li > a > [class*="fui-"] + * { margin-left: 12px; } .navbar .nav > li:first-child > a { } .navbar .nav ul { border-radius: 4px; left: 0; list-style-type: none; margin-left: 0; opacity: 0; position: absolute; top: 0; width: 234px; z-index: -100; -webkit-transform: scale(1, 0.99); -webkit-transform-origin: 0 0; visibility: hidden; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; -webkit-backface-visibility: hidden; } .navbar .nav ul ul { left: 95%; padding-left: 5px; } .navbar .nav ul li { padding: 0 3px 3px; position: relative; display: block; } .navbar .nav ul li:first-child { border-radius: 6px 6px 0 0; padding-top: 3px; } .navbar .nav ul li:last-child { border-radius: 0 0 6px 6px; } .navbar .nav ul li.active + li > a { padding-left: 9px; padding-right: 9px; } .navbar .nav ul a { border-radius: 2px; color: #ffffff; display: block; font-size: 14px; padding: 0px 9px; line-height: 35px; text-decoration: none; } .navbar .nav ul a:hover { } .Sub-Page-Links:empty { display: none; } /*[ social netwrok icons ]*/ .social { position: relative; top: 14px; } .social ul li { float: right; list-style: none; height: 22px; margin-left: 4px; } .social ul li a { display: block; width: 22px; height: 22px; background-image: url(../img/social.png); background-repeat: no-repeat; background-position: 0 0; outline: none; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } .social ul li span { display: none; } .social ul li.tw a { background-position: -168px 0; } .social ul li.tw:hover a { background-position: -168px bottom; } .social ul li.fb a { background-position: -196px 0; } .social ul li.fb:hover a { background-position: -196px bottom; } .social ul li.gp a { background-position: -140px 0; } .social ul li.gp:hover a { background-position: -140px bottom; } .social ul li.li a { background-position: -84px 0; } .social ul li.li:hover a { background-position: -84px bottom; } .social ul li.rs a { background-position: 0 0; } .social ul li.rs:hover a { background-position: 0 bottom; } .social ul li.yt a { background-position: -112px 0; } .social ul li.yt:hover a { background-position: -112px bottom; } .social ul li.is a { background-position: -56px 0; } .social ul li.is:hover a { background-position: -56px bottom; } .social ul li.gi a { background-position: -28px 0; } .social ul li.gi:hover a { background-position: -28px bottom; } /*[ header search ]*/ .header .search { height: 24px; margin-left: 5px; top: 12px; position: relative; } .header .search input[type="button"] { display: none; } .header .search .btn-toggle-search { float: right; width: 20px; height: 15px; border: none; background-image: url(../img/BtnSearch.png); background-repeat: no-repeat; background-position: 0 0; margin: 0; font-size: 0 !important; cursor: pointer; position: relative; top: 6px; margin-left: 4px; } .header .search .btn-toggle-search:hover { background-position: 0 bottom; } .header .search input[type="text"] { position: relative; -moz-border-radius: 150px; -webkit-border-radius: 150px; border-radius: 150px; height: 24px; -moz-opacity: 0; opacity: 0; padding: 0; border: none; font-size: 15px; font-family: Calibri; color: #FFF; width: 0px; -moz-transition: all ease 0s; -o-transition: all ease 0s; -webkit-transition: all ease 0s; transition: all ease 0s; } .header .open-search input[type="text"] { -moz-transition: all ease 0s; -o-transition: all ease 0s; -webkit-transition: all ease 0s; transition: all ease 0.3s; width: 146px; padding: 0 7px; -moz-opacity: 1; opacity: 1; } /*[ title header ]*/ .title-blog { height: 120px; padding-top: 30px; position: relative; top: 0; -moz-opacity: 1; opacity: 1; z-index: 6; } .fade .title-blog { top: -10px; -moz-opacity: 0; opacity: 0; } .title-blog h1, .title-blog h2 { margin: 0; padding: 0; } .title-blog h1 { margin-bottom: 15px; } .title-blog h1 a { color: #FFF !important; } .title-blog h2 { font-size: 16px; font-weight: normal; font-family: "Open Sans" !important; } /*[ widget ]*/ .widget { background: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #E2E2E2; padding: 4%; margin-bottom: 10px; } .widget .widget-title { font-size: 18px; font-weight: bold; font-family: "Domine"; line-height: 40px; padding-bottom: 5px; border-bottom: 1px solid #EEE; margin-bottom: 15px; margin-top: 0; color: #555; } .widget #moveWidgetTo { width: 160px; padding: 3px; } .widget #moveWidgetToBtn { border: 1px solid #CCC; padding: 4px; margin-left: 1px; cursor: pointer; } .widget ul { margin: 0; padding: 0; list-style-position: inside; list-style: none; } /*[ post ]*/ .post { background: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 4%; margin-bottom: 10px; border: 1px solid #E2E2E2; } .post.post-single { padding-bottom: 4%; } .post .post-title { margin: 0 0 7px; } .post .post-title a { font-size: 24px; } .post .post-info { color: #999; margin-bottom: 20px; font-size: 13px; padding-bottom: 10px; border-bottom: 1px dotted #DDD; } .post .post-info a { color: #999; } .separator { background: #AAA; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; height: 5px; width: 5px; display: inline-block; margin: 0 1px; position: relative; top: -2px; } .post .post-footer { font-size: 13px; border-top: 1px dotted #EEE; margin-top: 15px; padding-top: 20px; } .post .ratingcontainer { font-size: 13px; position: relative; height: 20px; } .post .ratingcontainer p { position: absolute; top: -6px; margin: 0 5px !important; } /*[ Post Pager ]*/ #PostPager { display: block; text-align: center; margin: 30px 0; } #PostPager li { display: inline-block !important; border: 2px solid #CCC !important; margin: 1px; padding: 5px 7px !important; font-size: 13px; font-weight: bold; background: #fff; } #PostPager li a { padding: 2px; text-decoration: none; } #PostPager .PagerLinkCurrent { color: #fff; padding: 5px 14px; border-width: 2px !important; border-style: solid !important; } #PostPager .PagerLinkCurrent li { padding: 2px !important; } #PostPager .PagerLinkDisabled { color: #ccc; padding: 5px 14px; background: #fff; border-color: #CCC !important; } #PostPager .PagerEllipses { border: 0; padding: 2px; } /*[ post navigation ]*/ #postnavigation { text-align: center; background: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 4%; margin-bottom: 10px; border: 1px solid #E2E2E2; } /*[ related posts ]*/ #relatedPosts { background: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2% 4% 4%; margin-bottom: 10px; border: 1px solid #E2E2E2; } #relatedPosts a { display: block; margin-top: 5px; } #relatedPosts span { line-height: 35px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #888; } /*[ trackbacks ]*/ #trackbacks { background: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 4%; margin-bottom: 10px; border: 1px solid #E2E2E2; } /*[ comments ]*/ #commentlist { background: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2% 4% 4%; margin-bottom: 10px; border: 1px solid #E2E2E2; } #commentlist #comment { font-size: 24px; } #commentlist:empty { display: none !important; } .commentForm { background: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2% 4% 4%; margin-bottom: 10px; border: 1px solid #E2E2E2; } .commentForm .control-group { display: inline-block; width: 31.2%; margin-left: 2%; position: relative; } .commentForm .valid-email { font-size: 14px; padding: 5px; background: #e74c3c; color: #FFF !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; top: -25px !important; } .commentForm .control-group label { position: relative; top: 5px; } .commentForm .control-group input[type="text"] { width: 100% !important; display: block; } .commentForm .last-control-group { margin: 0 !important; } .comment .commentForm .control-group input[type="text"] { width: 100% !important; display: block; } .commentForm textarea { width: 99.1%; } .commentForm .footer-form { margin-top: 15px; } .commentForm .title-comment-form { line-height: 70px; font-size: 22px; font-weight: bold; } .commentForm .RequiredText { position: absolute; top: 0; left: 0; } .commentForm .btn-save { float: right; margin-top: -32px !important; position: relative; top: 0; z-index: 99; } .commentForm p:last-child { display: table !important; } .header-comment { background: #FAFAFA; height: 40px; line-height: 40px; margin: 0 0 15px; border: 1px dotted #D9D9D9; padding: 0 34px 0 15px; font-weight: bold !important; font-size: 18px; } .header-comment a { color: #333; outline: none; font-size: 28px; } .comment { margin: 15px 0; padding: 15px 0; border-bottom: 1px solid #EEE; position: relative; } .comment-replies .comment { border: none !important; margin-bottom: 0; padding-bottom: 0; } .comment-replies { margin-top: 15px; padding-left: 30px; border-top: 1px dotted #CCC; } #commentlist .commentForm, #trackbacks .commentForm { border: none !important; } .comment.self > .comment-contents .comment-header .fn, .comment.self > .comment-contents .comment-header .url { } .comment .gravatar { width: 14%; height: auto; margin-right: 2%; } .comment.self { margin-top: 0; } .comment.self > .comment-contents { padding: 2%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .comment .self .gravatar img { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #FFF; } .comment-content { width: 84%; position: relative; } .comment .comment-header { margin-bottom: 5px; } .comment .comment-header .fn { font-weight: bold; color: #333; } .comment .comment-header .comment-datetime { color: #AAA; font-size: 14px; position: relative; top: 5px; } #comment-form label { display: inline-block !important; min-width: 103px !important; } #comment-form label[for="simpleCaptchaValue"] { min-width: 106px !important; } #comment-form .bbcode { position: relative; top: 23px; left: -2px; margin: 0px 0; display: block; } #comment-form .bbcode a { margin: 2px; padding: 1px 5px 1px 5px; background: #fff; border: 1px solid #ccc; } #comment-form .txt-email, #comment-form .txt-website { direction: ltr; } #comment-form .txt-content { position: relative; top: -9px; width: 98% !important; padding: 1%; height: 170px; } #comment-form .success { background: #cdeb8e url(../img/success.png) no-repeat right center; color: #306d00; border: 1px solid #a5c956; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 15px; display: block; padding: 15px; } #commentCompose .lbl-content { display: none !important; } #commentMenu { float: right; margin: 0; padding: 0; position: relative; top: 1px; z-index: 100; } #commentMenu li { display: inline-block; padding: 5px 15px; height: 25px; cursor: pointer; border: 1px solid #FFF; border-bottom: none; position: relative; top: 1px; } #commentMenu li.selected { border: 1px solid #CCC; border-bottom-color: #FFF; position: relative; top: 1px; background: #FFF; } #commentMenu li#preview.selected { background: #FFF; border-bottom-color: #FFF; } #commentPreview { margin-top: 30px; } #commentPreview .comment { border: 1px solid #CCC !important; padding: 2%; } #commentPreview .comment-contents { -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; } #commenttoggle, #trackbacktoggle { border: 1px solid #E2E2E2; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #FFF; font: bold 16px/20px sans-serif; height: 20px !important; width: 20px !important; display: inline-block; color: #666; outline: none; } #trackbackheader, h3#comment { margin-bottom: 20px; } /*[ author List ]*/ #authorlist li { border-bottom: 1px dotted #DDD; line-height: 28px; margin-bottom: 4px; } #authorlist li A[rel="nofollow"] { position: relative; top: 3px; } #authorlist li A.authorlink { position: relative; top: -8px; margin-left: 5px; } /*[ blog List ]*/ .bloglist ul { margin: 3px; } .bloglist ul li { border-bottom: 1px dotted #DDD; min-height: 27px; line-height: 27px; } .bloglist ul li A { display: block; } /*[ blogroll ]*/ .blogroll ul li A { padding: 3px; } .blogroll ul li { margin-top: 10px; } .blogroll ul ul { margin-left: 15px !important; } .blogroll ul ul li { margin: 0; border-bottom: 1px dotted #DDD; line-height: 24px; } .blogroll ul ul li A { display: block; } .blogroll a[title="Download OPML file"] { margin: 10px 0 0 0; } /*[ calendar ]*/ #calendarContainer { text-transform: capitalize; } .calendar table { width: 100%; } .calendar td, .calendar table { background-color: #FFF !important; text-align: center; } .calendar .header { background: none !important; width: auto !important; height: auto !important; } .calendar .weekend { background-color: #F1F1F1; } .calendar .other { color: silver; } .calendar a.exist { display: block; font-weight: bold; background-color: #F1F1F1; } .calendar td { vertical-align: top; background: white; } /*[ category list ]*/ .categorylist ul li A { padding: 3px; } .categorylist ul li { margin: 0; border-bottom: 1px dotted #DDD; line-height: 24px; min-height: 27px; } /*[ link list ]*/ .linklist ul li A { padding: 3px; display: block; } .linklist ul li { margin: 0; border-bottom: 1px dotted #DDD; line-height: 25px; min-height: 25px; } /*[ month list ]*/ .monthlist li { font-weight: normal; } .monthlist .year { cursor: pointer; font-weight: bold; } .monthlist .year li { margin: 0 10px; } .monthlist ul ul { display: none; } .monthlist .open { display: block; } /*[ page list ]*/ .pagelist { } .pagelist ul li A { padding: 3px; display: block; } .pagelist ul li { margin: 0; border-bottom: 1px dotted #DDD; line-height: 25px; min-height: 25px; } /*[ recent comment ]*/ .recentcomments { } .recentcomments ul li { margin: 0; border-bottom: 1px dotted #DDD; line-height: 25px; min-height: 25px; font-size: 13px; color: #666; } .recentcomments ul li a { font-size: 15px; } /*[ most comments ]*/ .mostcomments table td { border: none; border-bottom: 1px solid #CCC; background: none; } .mostcomments table tr td:first-child { width: 50px; } .mostcomments table tr td:first-child img { position: relative; top: 2px; } /*[ recent post ]*/ .recentposts ul li { margin: 0; border-bottom: 1px dotted #DDD; line-height: 25px; min-height: 25px; font-size: 13px; color: #555; } .recentposts ul li A { display: block; font-size: 15px; } .recentposts ul li span { padding: 3px; } /*[ tag cloud ]*/ .tagcloud ul li { display: inline-block; margin: 1px; } .tagcloud ul li A { background: #e6e6e6; display: block; height: 27px; line-height: 25px; color: #444; padding: 1px 7px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-bottom: 1px solid #AAA; } .tagcloud ul li A:hover { background: #e6e6e6; border-bottom: 1px solid #666; } .tagcloud ul li A.biggest { font-size: 120%; } .tagcloud ul li A.big { font-size: 110%; } .tagcloud ul li A.medium { font-size: 100%; } .tagcloud ul li A.small { font-size: 90%; } .tagcloud ul li A.smallest { font-size: 80%; } /*[ newsletter ]*/ #newsletterform span { margin: 0 auto; -webkit-text-shadow: 0 1px 3px #fa7c7c; text-shadow: 0 1px 3px #fa7c7c; } #newsletterform input[type="text"] { direction: ltr !important; } #newsletterform input[type="submit"] { margin: 10px 0 !important; } #newsletteraction { color: #47a100; } /*[ search ]*/ .widget .search { background: #FFF; padding: 0 !important; margin: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-bottom: 15px; } .widget.search input[type="text"] { background: #EEE; border: none; height: 37px; width: 76% !important; padding: 0 1%; min-width: 100px; margin: 0 !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius: 3px !important; float: left; } .widget.search input[type="text"]:hover, .widget.search input[type="text"]:focus { background: #E5E5E5; } .widget.search #searchbutton { width: 20%; border: none; height: 37px; padding: 0 !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius: 3px !important; float: right; } /*[ page ]*/ #page { background: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 4%; border: 1px solid #E2E2E2; } #page h1 { margin-bottom: 15px; font-size: 26px; } /*[ archive page ]*/ #archive { background: #FFF; border: 1px solid #E2E2E2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 4%; } #archive h2 { font-size: 16px; height: 30px; line-height: 35px; font-weight: bold; } #archive h2 img { margin: 0 3px; position: relative; top: 4px; } #archive ul { list-style-type: square; margin: 0 10px; padding: 10px; } #archive table { width: 100%; border-collapse: collapse; } #archive table th:first-child { width: 90px; } #archive table th { background: #F1F1F1; font-size: 14px; font-weight: bold; } #archive table td { border-bottom: 1px solid #DDD; font-size: 14px; } #archive .date { width: 90px; text-align: center; } #archive .comments { width: 70px; text-align: center; } #archive .rating { width: 70px; text-align: center; } /*[ contact page ]*/ #contact { background: #FFF; border: 1px solid #E2E2E2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 4%; } #contact label { display: inline-block; padding-top: 5px; min-width: 100px; } #contact textarea { display: block; overflow: auto; width: 100%; height: 150px; margin: 0; } #contact input[type="submit"] { display: block; margin: 0 auto; } /*[ search page ]*/ #searchpage input#q { width: 60%; height: 20px; } #searchpage input[type="button"] { padding: 8px 10px !important; } #searchpage input#comment { clear: both; } .searchresult { border-bottom: 1px dotted #CCC; padding: 10px 0; font-size: 14px; } .searchresult a { font-weight: bold; font-family: "Domine"; font-size: 16px; } .searchresult span.text { clear: both; line-height: 35px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 13px; color: #555; } .searchresult span.type { font-size: 13px; display: none; } .searchresult span.url { color: #00802a; } .searchpage ul.paging { list-style-type: none; margin: 20px auto; padding: 0px; text-align: center; display: block; } .searchpage ul.paging li { display: inline-block; width: 30px; text-align: center; height: 30px; border: 1px solid #CCC; background: #FFF; margin-right: 2px; } .searchpage ul.paging li a { display: block; height: 100%; line-height: 30px; } .searchpage ul.paging li.active { border-width: 1px; border-style: solid; } .searchpage ul.paging li.active A { color: #FFF; } /*[ syntax highlighter ]*/ .syntaxhighlighter { direction: ltr !important; } .syntaxhighlighter .container { top: -15px !important; } /*[ quick notes / Apmlfilter ]*/ #q-notes #q-panel { height: 150px; padding: 15px 5px 15px 5px; direction: ltr; } #q-notes .q-main:after { content: '.'; visibility: hidden; display: block; clear: both; } #q-notes #q-txtarea { min-height: 50px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #q-notes select { padding: 2px !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; } #q-notes input[type="submit"] { border: none !important; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-weight: normal; } #q-notes input[type="submit"]:hover { background: #afd360 !important; } #q-notes input[type="text"] { padding: 3px 2px !important; width: 194px; } #apmlfilter { width: 415px !important; height: 70px !important; left: 462.5px !important; direction: ltr; } #apmlfilter input[type="submit"] { margin: 0 4px; } #disqus_thread { background: #FFF; border: 1px solid #E2E2E2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 4%; } /*[ footer ]*/ .footer { margin-top: 20px; background-color: #333; color: #AAA; position: relative; opacity: 0; } .footer .footer-widgets { padding: 5px 0 20px; } .footer .footer-widgets .widgetselector { padding: 3px !important; } .footer .footer-widgets input[type="button"][value="Add"] { padding: 0 15px !important; height: 33px !important; border: 2px solid #666; } .footer .footer-widgets .widget { width: 31%; margin-right: 3%; float: left; background: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: none; padding: 0; margin-bottom: 20px; } .footer .footer-widgets .widget.last-child { margin: 0; } .footer .footer-widgets .widget .widget-title { font-size: 20px; font-weight: normal; font-family: "Domine"; line-height: 50px; padding-bottom: 5px; border-bottom-style: solid; border-width: 3px; margin-bottom: 15px; margin-top: 0; } .footer .footer-widgets .widget #moveWidgetTo { width: 160px; padding: 3px; } .footer .footer-widgets .widget #moveWidgetToBtn { border: 1px solid #CCC; padding: 4px; margin-left: 1px; cursor: pointer; } .footer .footer-widgets .widget .widget-body { color: #999; font-size: 14px; } .footer .footer-widgets .widget .widget-body a { color: #DDD; font-size: 14px; } .footer .footer-widgets .widget .widget-body a:hover { } .footer .footer-widgets .widget .widget-body ul li { border-bottom-color: #555 !important; } .footer .footer-widgets table td, .footer .footer-widgets table th { background: #222 !important; border-color: #111 !important; } .footer .footer-widgets .calendar a.exist { background: #111 !important; } .footer .footer-widgets input[type="text"] { background: #222; border-color: #111; color: #777; } .footer .footer-widgets .tagcloud ul li a { background: #222; border-bottom-color: #111; } /*[ footer - footer line ]*/ .footer .footer-line { padding: 15px 0; background-color: #222; font-size: 13px;color:#777; } .footer .footer-line a { color:#777 !important; } .footer .footer-line .separator { top: -2px; margin: 0 8px; background-color:#777 !important;} .footer p { margin: 0; } .footer .scrollup { width: 48px; height: 48px; -moz-border-radius: 128px; -webkit-border-radius: 128px; border-radius: 128px; background-image: url(../img/up.png); background-position: center center; background-repeat: no-repeat; border: 2px solid #ececec; position: fixed; right: 50px; z-index: 250; cursor: pointer; bottom: 30px; display: none; } ::selection { background: #263f52; color: #fff; } ::-moz-selection { background: #263f52; color: #fff; } a { color: #0269c8; } a:hover, a:focus { color: #3999f2; } .header { background-color: #263f52; } .title-blog h2 { color: #fff; } .line-header { background-color: #435d72; border-bottom-color: #152837; } .navbar .nav > li > ul:before { border-color: transparent transparent #435d72 transparent; } .navbar .nav > li:hover > a, .navbar .nav > li > a:focus { background-color: #2e4a60; } .navbar .nav ul li { background-color: #435d72; } .navbar .nav ul a:hover { background-color: #2e4a60; } .header .search input[type="text"] { background-color: #19364d; } .post .post-title a { color: #1b408b; } #PostPager .PagerLinkCurrent { background-color: #2e4a60 !important; border-color: #0d2940 !important; } .comment.self > .comment-contents .comment-header .fn, .comment.self > .comment-contents .comment-header .url { color: #2a95fb; } .comment.self > .comment-contents { color: #094a89; background: #e9f4ff; } .tagcloud ul li A:hover { color: #2e4a60 !important; } .searchpage ul.paging li.active { border-color: #19364d; background: #19364d; } .footer .footer-widgets .widget .widget-title { border-bottom-color: #3999f2; color: #3999f2; } .footer .footer-widgets .widget .widget-body a:hover { color: #3999f2; } .footer .footer-line a { color: #3999f2; } .footer .scrollup { background-color: #19364d; } .footer .scrollup:hover { background-color: #2e4a60; } .btn, .content input[type="submit"], .content input[type="button"], #newsletterform input[type="submit"], #newsletterform input[type="button"], #apmlfilter input[type="submit"], .comment .reply-to-comment, .widget.search #searchbutton { background-color: #263f52; } .btn:hover, .btn:focus, .btn-group:focus .btn.dropdown-toggle, .content input[type="submit"]:hover, .content input[type="button"]:hover, #newsletterform input[type="submit"]:hover, #newsletterform input[type="button"]:hover, #apmlfilter input[type="submit"]:hover, .comment .reply-to-comment:hover, .widget.search #searchbutton:hover { background-color: #435d72; } /*[ default theme ]*/ .default-theme ::selection { background: #263f52; color: #fff; } .default-theme ::-moz-selection { background: #263f52; color: #fff; } .default-theme a { color: #0269c8; } .default-theme a:hover, .default-theme a:focus { color: #3999f2; } .default-theme .header { background-color: #263f52; } .default-theme .title-blog h2 { color: #FFF; } .default-theme .line-header { background-color: #435d72; border-bottom-color: #152837; } .default-theme .navbar .nav > li > ul:before { border-color: transparent transparent #435d72 transparent; } .default-theme .navbar .nav > li:hover > a, .default-theme .navbar .nav > li > a:focus { background-color: #2e4a60; } .default-theme .navbar .nav ul li { background-color: #435d72; } .default-theme .navbar .nav ul a:hover { background-color: #2e4a60; } .default-theme .header .search input[type="text"] { background-color: #19364d; } .default-theme .post .post-title a { color: #1b408b; } .default-theme #PostPager .PagerLinkCurrent { background-color: #2e4a60 !important; border-color: #0d2940 !important; } .default-theme .comment.self > .comment-contents .comment-header .fn, .default-theme .comment.self > .comment-contents .comment-header .url { color: #2a95fb; } .default-theme .comment.self > .comment-contents { color: #094a89; background: #e9f4ff; } .default-theme .tagcloud ul li A:hover { color: #2e4a60 !important; } .default-theme .searchpage ul.paging li.active { border-color: #19364d; background: #19364d; } .default-theme .footer .footer-widgets .widget .widget-title { border-bottom-color: #3999f2; color: #3999f2; } .default-theme .footer .footer-widgets .widget .widget-body a:hover { color: #3999f2; } .default-theme .footer .footer-line a { color: #3999f2; } .default-theme .footer .scrollup { background-color: #19364d; } .default-theme .footer .scrollup:hover { background-color: #2e4a60; } .default-theme .btn, .default-theme .content input[type="submit"], .default-theme .content input[type="button"], .default-theme #newsletterform input[type="submit"], .default-theme #newsletterform input[type="button"], .default-theme #apmlfilter input[type="submit"], .default-theme .comment .reply-to-comment, .default-theme .widget.search #searchbutton { background-color: #263f52; } .default-theme .btn:hover, .default-theme .btn:focus, .default-theme .btn-group:focus .btn.dropdown-toggle, .default-theme .content input[type="submit"]:hover, .default-theme .content input[type="button"]:hover, .default-theme #newsletterform input[type="submit"]:hover, .default-theme #newsletterform input[type="button"]:hover, .default-theme #apmlfilter input[type="submit"]:hover, .default-theme .comment .reply-to-comment:hover, .default-theme .widget.search #searchbutton:hover { background-color: #435d72; } /*[ dark theme ]*/ .black-theme ::selection { background: #555; color: #fff; } .black-theme ::-moz-selection { background: #555; color: #fff; } .black-theme blockquote { border-color: #222 !important; } .black-theme a { color: #0269c8; } .black-theme a:hover, .black-theme a:focus { color: #3999f2; } .black-theme .header { background-color: #333; } .black-theme .title-blog h2 { color: #FFF; } .black-theme .line-header { background-color: #444; border-bottom-color: #222; } .black-theme .navbar .nav > li > ul:before { border-color: transparent transparent #444 transparent; } .black-theme .navbar .nav > li:hover > a, .black-theme .navbar .nav > li > a:focus { background-color: #333; } .black-theme .navbar .nav ul li { background-color: #444; } .black-theme .navbar .nav ul a:hover { background-color: #333; } .black-theme .header .search input[type="text"] { background-color: #222; } .black-theme .post .post-title a { color: #000; } .black-theme #PostPager .PagerLinkCurrent { background-color: #333 !important; border-color: #19364d !important; } .black-theme .comment.self > .comment-contents .comment-header .fn, .black-theme .comment.self > .comment-contents .comment-header .url { color: #444; } .black-theme .comment.self > .comment-contents { color: #444; background: #F5F5F5; } .black-theme .tagcloud ul li A:hover { color: #444 !important; } .black-theme .searchpage ul.paging li.active { border-color: #111; background: #222; } .black-theme .footer .footer-widgets .widget .widget-title { border-bottom-color: #FFF; color: #FFF; } .black-theme .footer .footer-widgets .widget .widget-body a:hover { color: #3999f2; } .black-theme .footer .footer-line a { color: #BBB; } .black-theme .footer .scrollup { background-color: #222; } .black-theme .footer .scrollup:hover { background-color: #111; } .black-theme .btn, .black-theme .content input[type="submit"], .black-theme .content input[type="button"], .black-theme #newsletterform input[type="submit"], .black-theme #newsletterform input[type="button"], .black-theme #apmlfilter input[type="submit"], .black-theme .comment .reply-to-comment, .black-theme .widget.search #searchbutton { background-color: #222; } .black-theme .btn:hover, .black-theme .btn:focus, .black-theme .btn-group:focus .btn.dropdown-toggle, .black-theme .content input[type="submit"]:hover, .black-theme .content input[type="button"]:hover, .black-theme #newsletterform input[type="submit"]:hover, .black-theme #newsletterform input[type="button"]:hover, .black-theme #apmlfilter input[type="submit"]:hover, .black-theme .comment .reply-to-comment:hover, .black-theme .widget.search #searchbutton:hover { background-color: #333; } /*[ Violet theme ]*/ .violet-theme ::selection { background: #9b59b6; color: #fff; } .violet-theme ::-moz-selection { background: #9b59b6; color: #fff; } .violet-theme blockquote { border-color: #9b59b6 !important; } .violet-theme a { color: #8e44ad; } .violet-theme a:hover, .violet-theme a:focus { color: #9b59b6; } .violet-theme .header { background-color: #333; } .violet-theme .title-blog h2 { color: #fff; } .violet-theme .line-header { background-color: #9b59b6; border-bottom-color: #222; } .violet-theme .fix-header .line-header { border-bottom-color: #69198b !important; } .violet-theme .navbar .nav > li > ul:before { border-color: transparent transparent #9b59b6 transparent; } .violet-theme .navbar .nav > li:hover > a, .violet-theme .navbar .nav > li > a:focus { background-color: #8e44ad; } .violet-theme .navbar .nav ul li { background-color: #9b59b6; } .violet-theme .navbar .nav ul a:hover { background-color: #8e44ad; } .violet-theme .header .search input[type="text"] { background-color: #69198b; } .violet-theme .post .post-title a { color: #8e44ad; } .violet-theme #PostPager .PagerLinkCurrent { background-color: #8e44ad !important; border-color: #69198b !important; } .violet-theme .comment.self > .comment-contents .comment-header .fn, .violet-theme .comment.self > .comment-contents .comment-header .url { color: #8e44ad; } .violet-theme .comment.self > .comment-contents { color: #8e44ad; background: #f2d6ff; } .violet-theme .tagcloud ul li A:hover { color: #8e44ad !important; } .violet-theme .searchpage ul.paging li.active { border-color: #69198b; background: #8e44ad; } .violet-theme .footer .footer-widgets .widget .widget-title { border-bottom-color: #9b59b6; color: #c66eea; } .violet-theme .footer .footer-widgets .widget .widget-body a:hover { color: #9b59b6; } .violet-theme .footer .footer-line a { color: #BBB; } .violet-theme .footer .scrollup { background-color: #8e44ad; } .violet-theme .footer .scrollup:hover { background-color: #69198b; } .violet-theme .btn, .violet-theme .content input[type="submit"], .violet-theme .content input[type="button"], .violet-theme #newsletterform input[type="submit"], .violet-theme #newsletterform input[type="button"], .violet-theme #apmlfilter input[type="submit"], .violet-theme .comment .reply-to-comment, .violet-theme .widget.search #searchbutton { background-color: #8e44ad; } .violet-theme .btn:hover, .violet-theme .btn:focus, .violet-theme .btn-group:focus .btn.dropdown-toggle, .violet-theme .content input[type="submit"]:hover, .violet-theme .content input[type="button"]:hover, .violet-theme #newsletterform input[type="submit"]:hover, .violet-theme #newsletterform input[type="button"]:hover, .violet-theme #apmlfilter input[type="submit"]:hover, .violet-theme .comment .reply-to-comment:hover, .violet-theme .widget.search #searchbutton:hover { background-color: #9b59b6; } /*[ red theme ]*/ .red-theme ::selection { background: #c0392b; color: #fff; } .red-theme ::-moz-selection { background: #c0392b; color: #fff; } .red-theme blockquote { border-color: #c0392b !important; } .red-theme a { color: #dd3434; } .red-theme a:hover, .red-theme a:focus { color: #f24d4d; } .red-theme .header { background-color: #333; } .red-theme .title-blog h2 { color: #fff; } .red-theme .line-header { background-color: #f24d4d; border-bottom-color: #222; } .red-theme .fix-header .line-header { border-bottom-color: #cf2626 !important; } .red-theme .navbar .nav > li > ul:before { border-color: transparent transparent #f24d4d transparent; } .red-theme .navbar .nav > li:hover > a, .red-theme .navbar .nav > li > a:focus { background-color: #e64141; } .red-theme .navbar .nav ul li { background-color: #f24d4d; } .red-theme .navbar .nav ul a:hover { background-color: #e64141; } .red-theme .header .search input[type="text"] { background-color: #cf2626; } .red-theme .post .post-title a { color: #dd3434; } .red-theme #PostPager .PagerLinkCurrent { background-color: #dd3434 !important; border-color: #cf2626 !important; } .red-theme .comment.self > .comment-contents .comment-header .fn, .red-theme .comment.self > .comment-contents .comment-header .url { color: #dd3434; } .red-theme .comment.self > .comment-contents { color: #dd3434; background: #F5F5F5; } .red-theme .tagcloud ul li A:hover { color: #dd3434 !important; } .red-theme .searchpage ul.paging li.active { border-color: #cf2626; background: #dd3434; } .red-theme .footer .footer-widgets .widget .widget-title { border-bottom-color: #e64141; color: #ff4747; } .red-theme .footer .footer-widgets .widget .widget-body a:hover { color: #e64141; } .red-theme .footer .footer-line a { color: #BBB; } .red-theme .footer .scrollup { background-color: #dd3434; } .red-theme .footer .scrollup:hover { background-color: #cf2626; } .red-theme .btn, .red-theme .content input[type="submit"], .red-theme .content input[type="button"], .red-theme #newsletterform input[type="submit"], .red-theme #newsletterform input[type="button"], .red-theme #apmlfilter input[type="submit"], .red-theme .comment .reply-to-comment, .red-theme .widget.search #searchbutton { background-color: #dd3434; } .red-theme .btn:hover, .red-theme .btn:focus, .red-theme .btn-group:focus .btn.dropdown-toggle, .red-theme .content input[type="submit"]:hover, .red-theme .content input[type="button"]:hover, .red-theme #newsletterform input[type="submit"]:hover, .red-theme #newsletterform input[type="button"]:hover, .red-theme #apmlfilter input[type="submit"]:hover, .red-theme .comment .reply-to-comment:hover, .red-theme .widget.search #searchbutton:hover { background-color: #f24d4d; } /*[ blue theme ]*/ .blue-theme ::selection { background: #3498db; color: #fff; } .blue-theme ::-moz-selection { background: #3498db; color: #fff; } .blue-theme blockquote { border-color: #3498db !important; } .blue-theme a { color: #0269c8; } .blue-theme a:hover, .blue-theme a:focus { color: #3999f2; } .blue-theme .header { background-color: #333; } .blue-theme .title-blog h2 { color: #fff; } .blue-theme .line-header { background-color: #3498db; border-bottom-color: #222; } .blue-theme .fix-header .line-header { border-bottom-color: #08588b !important; } .blue-theme .navbar .nav > li > ul:before { border-color: transparent transparent #3498db transparent; } .blue-theme .navbar .nav > li:hover > a, .blue-theme .navbar .nav > li > a:focus { background-color: #2980b9; } .blue-theme .navbar .nav ul li { background-color: #3498db; } .blue-theme .navbar .nav ul a:hover { background-color: #2980b9; } .blue-theme .header .search input[type="text"] { background-color: #08588b; } .blue-theme .post .post-title a { color: #08588b; } .blue-theme #PostPager .PagerLinkCurrent { background-color: #2980b9 !important; border-color: #08588b !important; } .blue-theme .comment.self > .comment-contents .comment-header .fn, .blue-theme .comment.self > .comment-contents .comment-header .url { color: #08588b; } .blue-theme .comment.self > .comment-contents { color: #08588b; background: #dff2ff; } .blue-theme .tagcloud ul li A:hover { color: #08588b !important; } .blue-theme .searchpage ul.paging li.active { border-color: #08588b; background: #2980b9; } .blue-theme .footer .footer-widgets .widget .widget-title { border-bottom-color: #2980b9; color: #2c9ae1; } .blue-theme .footer .footer-widgets .widget .widget-body a:hover { color: #3999f2; } .blue-theme .footer .footer-line a { color: #2c9ae1; } .blue-theme .footer .scrollup { background-color: #08588b; } .blue-theme .footer .scrollup:hover { background-color: #2c9ae1; } .blue-theme .btn, .blue-theme .content input[type="submit"], .blue-theme .content input[type="button"], .blue-theme #newsletterform input[type="submit"], .blue-theme #newsletterform input[type="button"], .blue-theme #apmlfilter input[type="submit"], .blue-theme .comment .reply-to-comment, .blue-theme .widget.search #searchbutton { background-color: #08588b; } .blue-theme .btn:hover, .blue-theme .btn:focus, .blue-theme .btn-group:focus .btn.dropdown-toggle, .blue-theme .content input[type="submit"]:hover, .blue-theme .content input[type="button"]:hover, .blue-theme #newsletterform input[type="submit"]:hover, .blue-theme #newsletterform input[type="button"]:hover, .blue-theme #apmlfilter input[type="submit"]:hover, .blue-theme .comment .reply-to-comment:hover, .blue-theme .widget.search #searchbutton:hover { background-color: #3498db; } /*[ green theme ]*/ .green-theme ::selection { background: #16a085; color: #fff; } .green-theme ::-moz-selection { background: #16a085; color: #fff; } .green-theme blockquote { border-color: #16a085 !important; } .green-theme a { color: #16a085; } .green-theme a:hover, .green-theme a:focus { color: #16a085; } .green-theme .header { background-color: #333; } .green-theme .title-blog h2 { color: #fff; } .green-theme .line-header { background-color: #1abc9c; border-bottom-color: #222; } .green-theme .fix-header .line-header { border-bottom-color: #089076 !important; } .green-theme .navbar .nav > li > ul:before { border-color: transparent transparent #1abc9c transparent; } .green-theme .navbar .nav > li:hover > a, .green-theme .navbar .nav > li > a:focus { background-color: #16a085; } .green-theme .navbar .nav ul li { background-color: #1abc9c; } .green-theme .navbar .nav ul a:hover { background-color: #16a085; } .green-theme .header .search input[type="text"] { background-color: #089076; } .green-theme .post .post-title a { color: #089076; } .green-theme #PostPager .PagerLinkCurrent { background-color: #1abc9c !important; border-color: #089076 !important; } .green-theme .comment.self > .comment-contents .comment-header .fn, .green-theme .comment.self > .comment-contents .comment-header .url { color: #089076; } .green-theme .comment.self > .comment-contents { color: #089076; background: #e4fffd; } .green-theme .tagcloud ul li A:hover { color: #1abc9c !important; } .green-theme .searchpage ul.paging li.active { border-color: #089076; background: #1abc9c; } .green-theme .footer .footer-widgets .widget .widget-title { border-bottom-color: #1abc9c; color: #1abc9c; } .green-theme .footer .footer-widgets .widget .widget-body a:hover { color: #1abc9c; } .green-theme .footer .footer-line a { color: #1abc9c; } .green-theme .footer .scrollup { background-color: #089076; } .green-theme .footer .scrollup:hover { background-color: #1abc9c; } .green-theme .btn, .green-theme .content input[type="submit"], .green-theme .content input[type="button"], .green-theme #newsletterform input[type="submit"], .green-theme #newsletterform input[type="button"], .green-theme #apmlfilter input[type="submit"], .green-theme .comment .reply-to-comment, .green-theme .widget.search #searchbutton { background-color: #089076; } .green-theme .btn:hover, .green-theme .btn:focus, .green-theme .btn-group:focus .btn.dropdown-toggle, .green-theme .content input[type="submit"]:hover, .green-theme .content input[type="button"]:hover, .green-theme #newsletterform input[type="submit"]:hover, .green-theme #newsletterform input[type="button"]:hover, .green-theme #apmlfilter input[type="submit"]:hover, .green-theme .comment .reply-to-comment:hover, .green-theme .widget.search #searchbutton:hover { background-color: #1abc9c; } /*[ gray theme ]*/ .gray-theme ::selection { background: #555; color: #fff; } .gray-theme ::-moz-selection { background: #555; color: #fff; } .gray-theme blockquote { border-color: #666 !important; } .gray-theme a { color: #0269c8; } .gray-theme a:hover, .gray-theme a:focus { color: #3999f2; } .gray-theme .header { background-color: #7f8c8d; } .gray-theme .title-blog h2 { color: #fff; } .gray-theme .line-header { background-color: #95a5a6; border-bottom-color: #5f6f70; } .gray-theme .fix-header .line-header { border-bottom-color: #5f6f70 !important; } .gray-theme .navbar .nav > li > ul:before { border-color: transparent transparent #95a5a6 transparent; } .gray-theme .navbar .nav > li:hover > a, .gray-theme .navbar .nav > li > a:focus { background-color: #7f8c8d; } .gray-theme .navbar .nav ul li { background-color: #95a5a6; } .gray-theme .navbar .nav ul a:hover { background-color: #7f8c8d; } .gray-theme .header .search input[type="text"] { background-color: #5f6f70; } .gray-theme .post .post-title a { color: #5f6f70; } .gray-theme #PostPager .PagerLinkCurrent { background-color: #95a5a6 !important; border-color: #5f6f70 !important; } .gray-theme .comment.self > .comment-contents .comment-header .fn, .gray-theme .comment.self > .comment-contents .comment-header .url { color: #444; } .gray-theme .comment.self > .comment-contents { color: #444; background: #F5F5F5; } .gray-theme .tagcloud ul li A:hover { color: #444 !important; } .gray-theme .searchpage ul.paging li.active { background-color: #95a5a6 !important; border-color: #5f6f70 !important; } .gray-theme .footer .footer-widgets .widget .widget-title { border-bottom-color: #FFF; color: #FFF; } .gray-theme .footer .footer-widgets .widget .widget-body a:hover { color: #5f6f70; } .gray-theme .footer .footer-line a { color: #BBB; } .gray-theme .footer .scrollup { background-color: #5f6f70; } .gray-theme .footer .scrollup:hover { background-color: #95a5a6; } .gray-theme .btn, .gray-theme .content input[type="submit"], .gray-theme .content input[type="button"], .gray-theme #newsletterform input[type="submit"], .gray-theme #newsletterform input[type="button"], .gray-theme #apmlfilter input[type="submit"], .gray-theme .comment .reply-to-comment, .gray-theme .widget.search #searchbutton { background-color: #5f6f70; } .gray-theme .btn:hover, .gray-theme .btn:focus, .gray-theme .btn-group:focus .btn.dropdown-toggle, .gray-theme .content input[type="submit"]:hover, .gray-theme .content input[type="button"]:hover, .gray-theme #newsletterform input[type="submit"]:hover, .gray-theme #newsletterform input[type="button"]:hover, .gray-theme #apmlfilter input[type="submit"]:hover, .gray-theme .comment .reply-to-comment:hover, .gray-theme .widget.search #searchbutton:hover { background-color: #95a5a6; } /*[ header colors ]*/ .default-header .header { background-color: #263f52 !important; } .black-header .header { background-color: #333 !important; } .violet-header .header { background-color: #743290 !important; } .red-header .header { background-color: #dd3434 !important; } .blue-header .header { background-color: #2980b9 !important; } .green-header .header { background-color: #16a085 !important; } .gray-header .header { background-color: #7f8c8d !important; } /*[ border color line-header in any color theme ]*/ .green-theme.red-header .line-header { border-bottom-color: #007960; } .green-theme.blue-header .line-header { border-bottom-color: #1463b0; } .green-theme.green-header .line-header { border-bottom-color: #007960; } .green-theme.gray-header .line-header { border-bottom-color: #007960; } /**/ .violet-theme.red-header .line-header { border-bottom-color: #78259b; } .violet-theme.blue-header .line-header { border-bottom-color: #78259b; } .violet-theme.green-header .line-header { border-bottom-color: #78259b; } .violet-theme.gray-header .line-header { border-bottom-color: #78259b; } /**/ .red-theme.red-header .line-header { border-bottom-color: #c31c1c; } .red-theme.blue-header .line-header { border-bottom-color: #b20f0f; } .red-theme.green-header .line-header { border-bottom-color: #9c0c0c; } .red-theme.gray-header .line-header { border-bottom-color: #a70404; } /**/ .blue-theme.red-header .line-header { border-bottom-color: #0269c8; } .blue-theme.blue-header .line-header { border-bottom-color: #005bb0; } .blue-theme.green-header .line-header { border-bottom-color: #0269c8; } .blue-theme.gray-header .line-header { border-bottom-color: #0269c8; } /**/ .gray-theme.default-header .line-header { border-bottom-color: #333; } .gray-theme.black-header .line-header { border-bottom-color: #222; } .gray-theme.red-header .line-header { border-bottom-color: #666; } .gray-theme.blue-header .line-header { border-bottom-color: #666; } .gray-theme.green-header .line-header { border-bottom-color: #666; } .gray-theme.gray-header .line-header { border-bottom-color: #666; } .gray-theme.violet-header .line-header { border-bottom-color: #444; } @media screen and (max-width:1200px) {  .responsive .container {  width: 85%;  }  }  @media screen and (max-width:1024px) {  .responsive .container {  width: 98%;  }  .responsive .footer .footer-line {  position: relative;  }  .responsive .footer .footer-line .scrollup {  position: absolute;  bottom: 0px;  -moz-border-radius: 0 !important;  -webkit-border-radius: 0 !important;  border-radius: 0 !important;  border: none;  height: 100%;  right: 20px !important;  background-color: #222 !important;  }  }  @media screen and (max-width:900px) {  .responsive .header {  margin-bottom: 10px;  }  .responsive .content {  width: 62%;  }  .responsive .sidebar {  width: 37%;  }  .responsive .header .search {  position: relative;  margin-right: 30px;  }  .responsive .header .search.open-search {  padding-right: 24px;  }  .responsive .header .search #searchfield {  position: absolute;  right: 0;  z-index: 999;  }  .responsive #nav {  display: none;  }  .responsive .header .container {  position: relative;  }  .responsive .selectnav {  display: block;  height: 50px;  padding-top: 13px;  border: none;  background: url(../img/nav.png) no-repeat 5px center;  color: #FFF;  width: 100%;  padding-left: 35px;  position: absolute;  cursor: pointer;  }  .responsive .selectnav option {  padding: 4px 10px; color:#333;  }  }  @media screen and (max-width:800px) {  .responsive .footer .footer-line .separator-2 {  display: block;  visibility: hidden;  }  }  @media screen and (max-width:640px) {  .responsive .header .search {  margin-right: 0px;  }  .responsive .content, .responsive .sidebar {  float: none !important;  width: 100%;  }  .responsive .footer .footer-widgets {  display: none;  }  .responsive #archive .comments,  .responsive #archive .rating {  display: none;  }  .responsive #PostPager li {  min-width: 20px !important;  padding: 3px 2px !important;  }  .responsive .header .title-blog h1 a {  font-size: 26px;  }  .responsive .header .title-blog h2 {  font-size: 16px;  font-weight: normal;  }  .responsive .title-blog {  padding-top: 10px;  height: 95px;  }  .responsive .header {  height: 105px;  }  }  @media screen and (max-width:480px) {  .responsive .post .post-info .post-comment {  display: none;  }  .responsive .post .post-title a {  font-size: 22px;  }  .responsive #page h1,  .responsive #contact h1,  .responsive #archive h1 {  font-size: 22px !important;  }  .responsive .header .line-header {  position: absolute !important;  }  .responsive .sidebar {  display: none;  }  .responsive .footer {  margin-top: 40px !important;  }  .responsive .footer .footer-line {  padding: 20px 0 10px;  }  .responsive .footer .footer-line .scrollup {  right: 50% !important;  margin-right: -30px;  width: 48px;  height: 45px;  bottom: 50px;  -webkit-border-top-left-radius: 100px !important;  -webkit-border-top-right-radius: 100px !important;  -moz-border-radius-topleft: 100px !important;  -moz-border-radius-topright: 100px !important;  border-top-left-radius: 100px !important;  border-top-right-radius: 100px !important;  }  .responsive .footer .footer-line .separator-2 {  display: block;  visibility: hidden;  }  /***/  .responsive body {  background: #FFF !important;  }  .responsive .post,  .responsive .widget,  .responsive #page,  .responsive #contact,  .responsive #archive,  .responsive #relatedPosts,  .responsive #trackbacks,  .responsive #commentlist,  .responsive .commentForm,  .responsive #postnavigation {  -moz-border-radius: 0 !important;  -webkit-border-radius: 0 !important;  border-radius: 0 !important;  }  .responsive #relatedPosts,  .responsive .post .post-footer,  .responsive #postnavigation,  .responsive #commentMenu,  .responsive .post .post-info .post-category,  .responsive .post .post-info .post-comments,  .responsive .bbcode {  display: none;  }  .responsive .post,  .responsive #commentlist {  }  .commentForm p:last-child {  display: block !important;  }  .responsive .commentForm .btn-save {  float: none !important;  margin: 20px auto !important;  display: block;  }  .responsive .comment .gravatar {  display: none;  }  .responsive .comment-content {  width: 100%;  }  .responsive .comment-replies {  padding: 0;  }  .responsive .footer-line .separator-1 {  display: block;  visibility: hidden;  }  .responsive .footer-line .scrollup {  bottom: 80px !important;  }  .responsive input[type="text"],  .responsive select {  width: 100%;  display: block;  }  .responsive .commentForm input[type="checkbox"] {  float: left;  }  .responsive .commentForm label[for="cbNotify"] {  float: left;  position: relative;  top: -8px;  font-size: 12px;  }  }  @media screen and (max-width:320px) {  .responsive .footer .footer-line .scrollup {  bottom: 100px !important;  }  }