قالبی که برای شما آماده کردیم یک قالب ریسپانسیو ، بسیار زیبا است که توسط خودم برای سافتونیک ساخته شده . بسیاری سطون ها مثل آمار و نظراتو نداره ولی بازم به امتحانش می ارزه .
@font-face { font-family: 'yekan'; src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BYekan.woff?download') format('woff'); font-weight: normal; font-style: normal; } @charset "utf-8"; /*************************************** Theme Name: Jazebeh (free) Company Name: GGmizban Theme Designer: MohamadMahdi Nazemolroaia Theme Designer URI: http://ghalebgraph.ir/ Version: 1 Company Name: GGmizban Message : حذف کپی رایت طراح قالب از قالب حرام می باشد و ما از حذف کپی رایت راضی نمی باشیم. فقط در صورت وجود کپی رایت بالا رضایت استفاده از قالب را داریم . ***************************************/ html, body, input, textarea, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dt, dd, ol, ul, li, fieldset, form, label, legend, table, block, caption, tbody, tfoot, thead, tr, th, td, h1, h2, h3, h4, h5, h6 {margin : 0;padding : 0;border : 0;outline : 0;text-decoration : none;list-style:none;font-stretch:condensed;} /***********fonts***********/ @font-face { font-family: 'B_yekan'; src: url('http://up.ghalebgraph.ir/up/galebgraph/posts/theme/web/jazebeh/font/B_yekan.eot'); src: url('http://up.ghalebgraph.ir/up/galebgraph/posts/theme/web/jazebeh/font/B_yekan.eot?#iefix') format('embedded-opentype'), url('http://up.ghalebgraph.ir/up/galebgraph/posts/theme/web/jazebeh/font/B_yekan.woff') format('woff'), url('http://up.ghalebgraph.ir/up/galebgraph/posts/theme/web/jazebeh/font/B_yekan.ttf') format('truetype'), url("http://up.ghalebgraph.ir/up/galebgraph/posts/theme/web/jazebeh/font/B_yekan.svg") format("svg"); } @font-face { font-family: 'Mj_Saudi'; src: url('http://up.ghalebgraph.ir/up/galebgraph/posts/theme/web/jazebeh/font/Mj_Saudi.eot'); src: url('http://up.ghalebgraph.ir/up/galebgraph/posts/theme/web/jazebeh/font/Mj_Saudi.eot?#iefix') format('embedded-opentype'), url('http://up.ghalebgraph.ir/up/galebgraph/posts/theme/web/jazebeh/font/Mj_Saudi.woff') format('woff'), url('http://up.ghalebgraph.ir/up/galebgraph/posts/theme/web/jazebeh/font/Mj_Saudi.ttf') format('truetype'), url("http://up.ghalebgraph.ir/up/galebgraph/posts/theme/web/jazebeh/font/Mj_Saudi.svg") format("svg"); } @font-face { font-family: 'Mj_Two'; src: url('http://up.ghalebgraph.ir/up/galebgraph/posts/theme/web/jazebeh/font/Mj_Two.eot'); src: url('http://up.ghalebgraph.ir/up/galebgraph/posts/theme/web/jazebeh/font/Mj_Two.eot?#iefix') format('embedded-opentype'), url('http://up.ghalebgraph.ir/up/galebgraph/posts/theme/web/jazebeh/font/Mj_Two.woff') format('woff'), url('Mj_Two/Mj_Two.ttf') format('truetype'), url("http://up.ghalebgraph.ir/up/galebgraph/posts/theme/web/jazebeh/font/Mj_Two.svg") format("svg"); } @font-face { font-family: 'awesome'; src: url('http://up.ghalebgraph.ir/up/galebgraph/posts/theme/web/jazebeh/font/fontawesome-webfont.eot?v=4.2.0'); src: url('http://up.ghalebgraph.ir/up/galebgraph/posts/theme/web/jazebeh/font/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('http://up.ghalebgraph.ir/up/galebgraph/posts/theme/web/jazebeh/font/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('http://up.ghalebgraph.ir/up/galebgraph/posts/theme/web/jazebeh/font/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('http://up.ghalebgraph.ir/up/galebgraph/posts/theme/web/jazebeh/font/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } /***********fonts***********/ body{ background:url(http://up.ghalebgraph.ir/up/galebgraph/posts/theme/web/jazebeh/images/line.png)repeat-x center 367px,url(http://up.ghalebgraph.ir/up/galebgraph/posts/theme/web/jazebeh/images/top-bg.jpg)repeat-x center 85px #34495e; direction: rtl; } .main-top{background:#fff;height:80px;border-top:5px solid #34495e;width:100%;} .logo{float:right;margin-top:5px;background:url(http://up.ghalebgraph.ir/up/galebgraph/posts/theme/web/jazebeh/images/logo.png) center center;width:150px;height:63px;} .main-top h2{width:300px;color:#bdc3c7;font:normal 12px B_yekan;padding:3px;margin:3px;float:right;text-shadow:0px 0px 1px } .b-1100{width:1100px;margin:0px auto;position: relative;} .main-top ul{float:left;margin-top:20px;margin-left:25px;} .main-top ul li{float:right;} .main-top ul li a{color:#bdc3c7;font:normal 12px B_yekan;padding-left:10px;padding-right:10px;margin:5px;float:right;text-shadow:0px 0px 1px; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .main-top ul li a:hover{color:#fff;background:#1abc9c;border-radius:4px; } .text-warper .b-1100 h1{width:100%;float:right;margin-top:10px;font:normal 40px Mj_Saudi;color:#fff;text-shadow:0px 2px 0px #25313d} .text-warper .b-1100 h3{width:100%;float:right;margin-top:10px;font:normal 13px Mj_Two;color:#fff;text-shadow:0px 2px 0px #25313d} .warper{background:#fff;margin-top:85px;overflow:hidden;} .clear{clear:both;width:0px;height:0px;} #left{width:740px;float:left;margin-left:20px;margin-top:20px;margin-bottom:20px;} #right{width:300px;float:right;margin:20px;} .soc i {width:60px;float:right;display:block;margin:5px;color:#fff;text-align:center;padding:10px 0px;overflow:hidden;font-size:20px;} .soc a:nth-child(1) i{background:#41abe1;} .soc a:nth-child(2) i{background:#3a599a;} .soc a:nth-child(3) i{background:#90543f;} .soc a:nth-child(4) i{background:#53b7e3;} .right-title{border-right:2px solid #1abc9c;background#fff;border-bottom:1px solid #bdc3c7;font:normal 15px Mj_Two;color:#34495e;float:right;width:100%;} .right-title h4{padding:3px;font:normal 15px Mj_Two;color:#34495e;box-shadow:0px 1px 0px 0px #1abc9c;float:right;} .right-text{margin:4px;font:normal 12px B_Yekan;width:100%;float:right} .post-img{width:740px;height:337px; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; position: relative;overflow:hidden; transition: all 0.3s ease-in 0s;background-size:100%;} .post-img:hover{box-shadow:inset 400px 0px 0px 0px rgba( 0, 0, 0, 0.3),inset -340px 0px 0px 0px rgba( 0, 0, 0, 0.3);background-size:150%;background-position:center center;} .post-img i{position: absolute;right:335px;top:-50px;color:#fff;text-shadow:0px 2px 0px rgba( 0, 0, 0, 0.3); -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -ms-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s;opacity:0} .post-img:hover i{position: absolute;right:335px;top:130px;opacity:1;} .post-text{margin:5px;font:normal 12px B_Yekan;color:#34495e;position: relative;padding-bottom:55px;} .post-more{position: absolute;left:10px;bottom:10px;padding:5px;font:normal 17px Mj_Two;color:#a0a4a9; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;} .post-more:hover{text-shadow:0px 1px 0px #0b9c74;background:#1abc9c;border-radius:3px;color:#fff;} .post-more i{margin:3px;font-size:20px;} #like_a{opacity:1} .soc{margin-right:15px;} .asli{width:100%;position: relative;} .asli li{border-bottom:1px solid #ebeef2;float:right;margin:5px;color:#707070;-webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s;padding:3px;} .asli li a{color:#707070} .asli li .ggchildren{visibility: hidden; opacity: 0;background:#fff;border-radius:3px;border:1px solid #ebeef2;overflow:hidden;padding:3px;width:330px;position: absolute;right:50%;top:50%; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s;} .asli li:hover{background:#ebeef2;} .asli li:hover .ggchildren{position: absolute; float: right; top:120%; opacity: 1; visibility: visible;} .tabs{overflow:hidden;border-radius:0px;padding:0px;box-shadow:inset 0px -1px 0px 0px #1abc9c} ul.tabs { margin: 0; padding: 0; float: right; list-style: none; height: 32px; width: 100%; font:normal 15px Mj_Two; } ul.tabs li { float: right; cursor: pointer; padding: 0px 10px ; height: 31px; line-height: 31px; border-right:none; background: #ebeef2;margin-left:3px;margin-right:3px; text-shadow:0px 1px 0px rgba( 0, 0, 0, 0.2); color:#47525d; } } .alltabs { clear: both; float: right; width: 100%; background: #FFF; } .tab { padding: 3px; font:12px B_Yekan; text-align:right; display: none; overflow:hidden; } .tab a {overflow:hidden;display:block} .tab a img{float:right;margin:5px;} .tab a p{float:right;margin:5px;font:12px B_Yekan;display:block;width:210px;color:#47525d;} .tab a p i{margin:5px;} .main-body .main-title{display:block;position: relative;border-right:60px solid #1abc9c;height:60px;margin-top:10px;border-top:5px solid #1abc9c;border-radius:50px;border-bottom:5px solid #1abc9c;height:33px;} .main-body .main-title h5{font:normal 16px Mj_Two;color:#34495e;margin-bottom:3px;padding:3px;box-shadow:0px -5px 0px 0px #e7e7e7,0px 5px 0px 0px #e7e7e7;margin-top:0px;float:right;padding-right:5px;padding-left:5px;padding-bottom:7px} .main-body .main-title h2,.main-body .main-title h2 a{font:normal 16px Mj_Two;color:#34495e;margin-bottom:3px;padding:3px;box-shadow:0px -5px 0px 0px #e7e7e7,0px 5px 0px 0px #e7e7e7;margin-top:0px;padding-right:5px;padding-left:5px;padding-bottom:7px} .main-body .main-title h5 a{color:#34495e;} .main-body .main-title p{position: absolute;right:-45px;color:#fff;text-shadow:0px 2px 0px #0b9c74} .main-body .main-text{margin:5px;font:normal 12px B_Yekan;color:#34495e;border-bottom: 5px solid rgba( 0, 0, 0, 0.2);margin-bottom:10px;border-radius:0px 0px 5px 5px;overflow:hidden} .meno li {width:98%;} input[type=text], input[type=password], input[type=password]{background:#fff;border:1px solid #dcdcdc;border-radius:4px;padding:3px;font:normal 12px B_Yekan;} input[type=submit], input[type=reset], input[type=button]{padding:5px;font:normal 15px Mj_Two;color:#a0a4a9; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;} input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover{text-shadow:0px 1px 0px #0b9c74;background:#1abc9c;border-radius:3px;color:#fff;} footer{background:#fff;width:100%;margin-top:40px;padding-top:10px;} .footer{height:80px;border-top:1px solid #bdc3c7;width:100%;} .footer ul{float:left;margin-top:20px;width:100%;} .footer ul li{float:right;} .footer ul li a{color:#bdc3c7;font:normal 12px B_yekan;padding-left:10px;padding-right:10px;margin:5px;float:right;text-shadow:0px 0px 1px; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .footer ul li a:hover{color:#fff;background:#1abc9c;border-radius:4px; } .footer ul span{float:left;padding-left:10px;padding-right:10px;margin:5px;font:normal 12px B_yekan;color:#bdc3c7;} .footer-block{width:330px;margin-right:10px;margin-left:10px;float:right;} .footer-block-s{width:330px;margin-right:10px;margin-left:10px;float:right;} .footer-block-s p{border:1px solid #bdc3c7;border-radius:4px;margin:5px;dsiplay:block;width:50px;height:50px;overflow:hidden;float:right} .footer-block-s p img{margin:5px} textarea {background:#eee;box-shadow:3px 3px 0px 0px rgba(0,0,0,0.2); font:normal 13px Mj_Saudi;} .pagination,.comment_pagination{ text-align:center; display:inline-block; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -khtml-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; text-decoration:none;color:#fff; } padding:5px; display:inline-block; font:normal 13px Mj_Saudi; } .pagination .spacer,.comment_pagination .spacer{padding:1px 8px;} .gg-comment { overflow: hidden; padding: 0 0 1em; border-bottom: 1px solid #ddd; margin: 0 0 1em; *zoom: 1; } .gg-comment-img { float: left; margin-right: 33px; border-radius: 5px; overflow: hidden; } .gg-comment-img img { display: block; } .gg-comment-body { overflow: hidden; } .gg-comment .gg-text { padding: 10px; border: 1px solid #e5e5e5; border-radius: 5px; background: #fff; text-align:right; font-size: 13px; font-family:b yekan; } .gg-comment .gg-text p:last-child { margin: 0; text-align:right; } .gg-comment .gg-attribution { margin: 0.5em 0 0; font-size: 13px; color: #666; text-align:right; } .gg-comments, .gg-comment { position: relative; } .gg-comments:before, .gg-comment:before, .gg-comment .gg-text:before { content: ""; position: absolute; top: 0; left: 65px; } .gg-comment:before { width: 9px; height: 9px; border: 3px solid #fff; border-radius: 100px; margin: 16px 0 0 -6px; box-shadow: 0 1px 1px rgba(0,0,0,0.2), inset 0 1px 1px rgba(0,0,0,0.1); background: #ccc; } .gg-comment:hover:before { background: orange; } .gg-comment .gg-text:before { top: 18px; left: 78px; width: 9px; height: 9px; border-width: 0 0 1px 1px; border-style: solid; border-color: #e5e5e5; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .gg-comment-admin-text { margin: 10px 0px 20px 0px; padding: 10px 10px 10px 10px; width: auto; overflow: hidden; height: auto; overflow: hidden; background-color: #EFFEB9; COLOR: #3b3b3b; border: 1px solid #98C700; text-shadow: 0px 1px 0px white; border-radius: 4px 4px 4px 4px; font-family: "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif; font-size: 9pt; } /* GG UserCommentInSigle Style */ .GGcomments{border: 2px dashed #1abc9c;border-color: #bdc3c7 #1abc9c;width:98%;margin:8px 1%;} .GGcomments .avatar{float:right;} .GGcomments .avatar img{margin:5px;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;width:60px;height:60px;} .GGcomments .GGmatn{padding:2px;} .GGcomments .GGmatn span{color:#1abc8f;} .GGcomments .GGmatn .replay{border:1px solid #bdc3c7;margin:5px 2%;width:96%;padding:3px;float:right;} .GGcommentsform{width:98%;margin:4px 1%;} /* GG LastComment Style */ .lastcomment{margin:2px 0px;} .lastcomment .clear{margin-bottom:5px;} .lastcomment .pic{float:right;} .lastcomment .pic img{width:50px;height:50px;margin-left:3px;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;border-width:4px;border-style:solid;border-color:#1abc9c #ddd #a9a9a9;} .lastcomment .usercomment{padding:2px;} /* GG NewForumPosts Style */ .forum{width:96%;text-align:center;margin:2px 2%;} .forum td{color: #fff;background:rgba( 0, 0, 0, 0.3);transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-khtml-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;} .forum-links a{display:block;text-align:right;color:#fff;text-decoration:none;transition:all 0.5s ease 0s; padding:3px 10px 5px 3px;font-size:13px;} .forum-links{padding:0px;} .forum thead td{padding:3px;background:#1abc9c;color:#fff;} #loading{border:1px solid #999;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-box-shadow:1px 1px 3px gray, -1px -1px gray;-moz-box-shadow:1px 1px 3px gray,-1px -1px gray;box-shadow: 1px 1px 3px gray,-1px -1px gray;padding:10px;text-align:center;vertical-align:middle;display:none;background:#FFF;position:absolute;} #right .right-text ul li,.main-text ul li,.post-text ul li {margin:3px 6px;color: #988989;position: relative;} #right .right-text ul li a,.post-text ul li a,.main-text ul li a{transition:all 0.3s ease;color: #988989;padding-right: 9px;} #right .right-text ul li:before,.main-text ul li:before,.post-text ul li:before {content: '\f104';font: 18px 'awesome';color: #988989;transition:all 0.3s ease;position: absolute;top: 4px;} #right .right-text ul li:hover a,#right .right-text ul li:hover:before,.main-text ul li:hover a,.main-text ul li:hover:before,.post-text ul li:hover a,.post-text ul li:hover:before{color:#1abc9c;} #right .right-text ul.children{margin-right:15px;} .right-text a,.main-text a,.post-text a{color: #988989;} @media screen and (max-width:1024px) { .b-1100{width:1000px;} #left{width:640px;} .post-img{height:292px;width:640px;} } @media screen and (max-width:1000px) { .b-1100{width:100%;} #left{width:60%;} #right{width:30%;} .post-img{width:100%;} .main-top ul{margin-top:-10px;margin-left:15px;width:500px;} } @media screen and (max-width:900px) { .b-1100{width:100%;} #left{width:90%;float:right;margin-right:40px;} #right{width:90%;float:right;} .post-img{width:100%;} .main-top ul{margin-top:0px;margin-left:15px;width:400px;} } @media screen and (max-width:890px) { .b-1100{width:100%;} #left{width:90%;float:right;margin-right:35px;} #right{width:90%;float:right;} .post-img{width:100%;} .main-top{height:130px;float:none;} .main-top .logo{float:none;margin:5px auto;} .main-top ul{margin:0px auto;float:none;height:auto;width:475px;} .main-top h2{display:none;float:none;} .footer-block{width:98%;margin:5px;float:none;} .footer-block-s{width:98%;margin:5px;float:none;} } @media screen and (max-width:499px) { .b-1100{width:100%;} #left{width:90%;float:right;margin-right:15px;margin-left:0px;} #right{width:90%;float:right;} .post-img{width:100%;} .main-top{height:130px;float:none;} .main-top .logo{float:none;margin:5px auto;} .main-top ul{margin:0px auto;float:none;height:auto;width:auto;} .main-top h2{display:none;float:none;} .footer-block{width:98%;margin:5px;float:none;} .footer-block-s{width:98%;margin:5px;float:none;} .footer-block-s li{width:95%;} #right .asli li {padding: 0px 3px;float:none;} #right .asli li .ggchildren{right: 100px;margin: -29px 0px 0px 0px;} .footer {background:#fff;height: auto;} } .fa { display: inline-block; font: normal normal normal 14px/1 awesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } /* Copyright: (c) 2013 Alexander "Alx" Agnarson License: GNU General Public License v3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html */ /* ------------------------------------------------------------------------- * * Reset - http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 * ------------------------------------------------------------------------- */ 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%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* ------------------------------------------------------------------------- * * Base Styles /* ------------------------------------------------------------------------- */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { background: #fff; font-size: 16px; line-height: 1.5em; color: #555; font-weight: 300; } ::selection { background: #5299eb; color: #fff; } ::-moz-selection { background: #5299eb; color: #fff; } a { color: #5299eb; text-decoration: none; outline: 0; } a:hover { color: #555; } img { max-width: 100%; height: auto; border-radius: 30px; } a, a:before, a:after { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } a img { -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } address,cite,em { font-style: italic; } strong { font-weight: 600; } .left,.alignleft { float: left; } .right,.alignright { float: right; } .aligncenter { margin-left: auto; margin-right: auto; } hr { border: 0; background: #eee; height: 3px; margin: 30px 0; } /* base : clear /* ------------------------------------ */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .group:before, .group:after { content: ""; display: table; } .group:after { clear: both; } .group { zoom: 1; } /* base : font awesome square size /* ------------------------------------ */ .fa { width: 1em; text-align: center; } /* base : fonts /* ------------------------------------ */ body { font-family: "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif; } /* base : forms /* ------------------------------------ */ input, textarea, button, select, label { font-family: inherit; } .themeform input, .themeform select, .themeform textarea, .themeform button, .themeform label { font-size: 14px; } .themeform input::-moz-focus-inner, .themeform button::-moz-focus-inner { border: 0; padding: 0; } .themeform input[type="text"], .themeform input[type="password"], .themeform input[type="email"], .themeform input[type="url"], .themeform input[type="tel"], .themeform input[type="number"], .themeform input[type="submit"], .themeform select, .themeform button, .themeform textarea { margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 30px; } .themeform input, .themeform select, .themeform textarea, .themeform button { -moz-appearance: none; -webkit-appearance: none; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; } .themeform select { appearance: normal; -moz-appearance: menulist; -webkit-appearance: menulist; } .themeform input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; } .themeform input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; } .themeform label { font-weight: 600; color: #333; } .themeform input[type="text"], .themeform input[type="password"], .themeform input[type="email"], .themeform input[type="url"], .themeform input[type="tel"], .themeform input[type="number"], .themeform select, .themeform textarea { background: #fff; border: 2px solid #eee; color: #777; display: block; max-width: 100%; outline: none; padding: 7px 8px; } .themeform input[type="text"]:focus, .themeform input[type="password"]:focus, .themeform input[type="email"]:focus, .themeform input[type="url"]:focus, .themeform input[type="tel"]:focus, .themeform input[type="number"]:focus, .themeform select:focus, .themeform textarea:focus { border-color: #ccc; color: #333; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1); box-shadow: 0 0 3px rgba(0,0,0,0.1); } .themeform label .required { color: #5299eb; } .themeform input[type="submit"], .themeform button[type="submit"] { background: #5299eb; color: #fff; padding: 8px 14px; font-weight: 600; display: inline-block; border: none; cursor: pointer; border-radius: 30px; } .themeform input[type="submit"]:hover, .themeform button[type="submit"]:hover { background: #333; } .themeform.searchform div { position: relative; } .themeform.searchform div input { padding-left: 26px; line-height: 20px; } .themeform.searchform div:after { color: #ccc; line-height: 24px; font-size: 14px; content: "\f002"; position: absolute; left: 10px; top: 6px; font-family: FontAwesome; } /* base : entry /* ------------------------------------ */ .entry { font-size: 18px; line-height: 1.6em; font-family: "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif;} .entry p, .entry dd { margin-bottom: 1em; font-family: "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif;; font-size: 13px;} .entry dt { color: #444; } .entry ol, .entry ul { margin: 0 0 15px 30px; } .entry ol ol, .entry ol ul, .entry ul ul, .entry ul ol { margin-bottom: 0; } .entry li { margin: 0; } .entry ul li, .entry ol ul li { list-style: square; } .entry ol li, .entry ol ul ol li { list-style: decimal; } .entry dt { font-weight: 600;} .entry address { margin-bottom: 1em; } .entry blockquote { position: relative; color: #777; font-style: italic; margin: 0 0 20px 0; padding-left: 50px; } .entry blockquote p { margin-bottom: 0.75em; } .entry blockquote:before { content: "\f10d"; color: #ccc; font-size: 32px; font-style: normal;font-family: "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif; text-align: center; position: absolute; left: 0; top: 0; } .entry blockquote.twitter-tweet:before { content: "\f099"; } .entry code, .entry pre { font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; font-size: 11px; } .entry pre { background: url(img/pre.png) repeat top; padding: 18px 20px; margin: 30px 0; border: 1px solid #ddd; line-height: 19px; white-space: pre-wrap; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; } .entry code { background: #eee; padding: 0 3px; } .entry ins { background: #fff486; } .entry sub, .entry sup { font-size: 62.5%; } .entry sub { vertical-align: sub; } .entry sup { vertical-align: super; } /* image position & caption */ .entry img.size-auto, .entry img.size-large, .entry img.size-medium, .entry attachment img { max-width: 100%; height: auto; } .entry img.alignleft { margin: 18px 20px 18px 0; } .entry img.alignright { margin: 18px 0 18px 20px; } .entry img.aligncenter { margin: 18px auto; clear: both; display: block; } .entry img .size-full { width: 100%!important; } .entry .gallery img, .entry img.wp-smiley { margin: 0; } .entry .wp-caption { max-width: 100%; margin-bottom: 14px; padding-top: 5px; text-align: center; } .entry .wp-caption-text { font-style: italic; } .entry .wp-caption a { border-bottom: none; } .entry .wp-caption img { margin: 0; max-width: 100%; height: auto; } .entry .wp-caption.alignleft { margin-right: 20px; } .entry .wp-caption.alignright { margin-left: 20px; } .entry .wp-caption.alignnone { width: 100%!important; overflow: hidden; } .entry .wp-caption.alignnone img { margin: 0 auto; max-width: 100%!important; } .entry .wp-caption-text { color: #999; font-size: 13px; padding: 0 0 8px 0; margin: 0; } /* table */ .entry table { font-size: 14px; margin-bottom: 1.5em; width: 100%; text-align: center; } .entry table tr.alt { background: #fff; } .entry table td { border: 1px solid #ddd; text-align: center; padding: 5px; vertical-align: middle; } .entry table th { border: 1px solid #ddd; font-weight: 600; text-align: center; padding: 10px 5px; } /* default gallery */ .entry .gallery, .widget .gallery { clear: both; overflow: hidden; width: 100%; margin: 15px 0!important; } .entry .gallery img, .widget .gallery img { display: block; width: 100%; height: auto; border-width: 1px 2px!important; border-color: transparent!important; } .entry .gallery .gallery-item, .widget .gallery .gallery-item { position: relative; overflow: hidden; border-color: transparent; margin-top: 0!important; } .entry .gallery .gallery-caption, .widget .gallery .gallery-caption { background: rgba(255,255,255,0.8); color: #333; font-size: 13px; line-height: 1.4em; padding: 10px 0; text-align: left; text-indent: 10px; font-style: normal; margin: 0; bottom: -44px; left: 2px; right: 2px; overflow: hidden; position: absolute; text-overflow: ellipsis; white-space: nowrap; width: 100%; border-radius: 0 0 30px 30px; transition: all .2s ease; -o-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; } .entry .gallery .gallery-item:hover .gallery-caption { bottom: 0; } .entry .gallery-columns-5 .gallery-caption, .entry .gallery-columns-6 .gallery-caption, .entry .gallery-columns-7 .gallery-caption, .entry .gallery-columns-8 .gallery-caption, .entry .gallery-columns-9 .gallery-caption, .widget .gallery-columns-2 .gallery-caption, .widget .gallery-columns-3 .gallery-caption, .widget .gallery-columns-4 .gallery-caption, .widget .gallery-columns-5 .gallery-caption, .widget .gallery-columns-6 .gallery-caption, .widget .gallery-columns-7 .gallery-caption, .widget .gallery-columns-8 .gallery-caption, .widget .gallery-columns-9 .gallery-caption { display: none!important; } /* base : headings /* ------------------------------------ */ h1, h2, h3, h4, h5, h6 { color: #333; font-weight: 600; -ms-word-wrap: break-word; word-wrap: break-word; } .entry h1 span, .entry h2 span, .entry h3 span, .entry h4 span, .entry h5 span, .entry h6 span { color: #bbb; } .entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6 { margin-bottom: 14px; font-weight: 600; line-height: 1.3em; } .entry h1 { font-size: 34px; letter-spacing: -1px; } .entry h2 { font-size: 30px; letter-spacing: -0.7px; } .entry h3 { font-size: 26px; letter-spacing: -0.5px; } .entry h4 { font-size: 22px; letter-spacing: -0.3px; } .entry h5 { font-size: 18px; font-weight: 600; } .entry h6 { font-size: 14px; font-weight: 600; } .heading, #reply-title { font-weight: normal; font-size: 18px; font-weight: 600; margin-bottom: 1em; } .heading i { font-size: 22px; margin-right: 6px; } /* ------------------------------------------------------------------------- * * Base Structure /* ------------------------------------------------------------------------- */ /* base : layout /* ------------------------------------ */ #wrapper { background: #f4f4f4; min-width: 1024px; height: 100%; } .container { position: relative; margin: 0 auto; max-width: 1680px; } #page .container { } .main { position: relative; } .main-inner { position: relative; min-height: 1100px; /* instead of sticky footer */ } .content { width: 100%; position: relative; min-height: 800px; } .content-inner, .page-title-inner { margin: 0 auto; } .pad { padding: 30px 30px 20px; } /* boxed */ .boxed #wrapper { max-width: 1380px; margin: 0 auto; -webkit-box-shadow: 6px 0 0 rgba(0,0,0,0.04), -6px 0 0 rgba(0,0,0,0.04); box-shadow: 6px 0 0 rgba(0,0,0,0.04), -6px 0 0 rgba(0,0,0,0.04); } .boxed .container { padding: 0; } .boxed #page { background: #eaeaea; padding-bottom: 1px; } /* base : layout columns /* ------------------------------------ */ /* 2 column, content left */ .col-2cl .main-inner { background: url(img/sidebar/s-right-s1.png) repeat-y right 0; padding-right: 340px; } .col-2cl .s1 { float: right; margin-right: -340px; } .col-2cl .content { float: left; } /* 2 column, content right */ .col-2cr .main-inner { background: url(img/sidebar/s-left.png) repeat-y left 0; padding-left: 340px; } .col-2cr .s1 { float: left; margin-left: -340px; } .col-2cr .content { float: right; } /* 3 column, content middle */ .col-3cm .main { background: url(http://demo.alxmedia.se/hueman/wp-content/themes/hueman/img/sidebar/s-left.png) repeat-y left 0; } .col-3cm .main-inner { background: url(http://demo.alxmedia.se/hueman/wp-content/themes/hueman/img/sidebar/s-right-s2.png) repeat-y right 0; padding-left: 340px; padding-right: 260px; } .col-3cm .s1 { float: left; margin-left: -340px; } .col-3cm .s2 { float: right; margin-right: -260px; /* ingenuity! */ position: relative; right: -100%; } .col-3cm .content { float: right; } /* 3 column, content left */ .col-3cl .main { background-image: none; } .col-3cl .main-inner { background: url(img/sidebar/s-right-dual-full-expand.png) repeat-y right 0; padding-right: 600px; } .col-3cl .s1 { float: right; margin-right: -600px; } .col-3cl .s2 { float: right; margin-right: -260px; } .col-3cl .content { float: left; } /* 3 column, content right */ .col-3cr .main { background-image: none; } .col-3cr .main-inner { background: url(img/sidebar/s-left-dual-full-expand.png) repeat-y left 0; padding-left: 600px; } .col-3cr .s1 { float: left; margin-left: -600px; } .col-3cr .s2 { float: left; margin-left: -260px; } .col-3cr .content { float: right; } /* base : sidebar /* ------------------------------------ */ .sidebar { padding-bottom: 20px; position: relative; z-index: 2; } .sidebar .pad { padding-left: 20px; padding-right: 20px; } .sidebar-top { padding: 15px 30px; } .sidebar-top p { float: right; color: #fff; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 24px; padding: 3px 0; } .sidebar-toggle { display: none; text-align: center; cursor: pointer; width: 100%; height: 60px; -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1); } .sidebar-toggle i { font-size: 38px; color: #fff; padding: 10px 0; } .s1-expand .s1, .s2-expand .s2 {-moz-transition: width .2s ease; -webkit-transition: width .2s ease; transition: width .2s ease; } /* toggle icon */ .icon-sidebar-toggle:before { font-family: FontAwesome; } .col-2cl .s1 .icon-sidebar-toggle:before, .col-3cl .s1 .icon-sidebar-toggle:before, .col-3cm .s2 .icon-sidebar-toggle:before, .col-3cl .s2 .icon-sidebar-toggle:before { content: "\f060"; } .col-2cr .s1 .icon-sidebar-toggle:before, .col-3cm .s1 .icon-sidebar-toggle:before, .col-3cr .s1 .icon-sidebar-toggle:before, .col-3cr .s2 .icon-sidebar-toggle:before { content: "\f061"; } .sidebar-toggle { width: 70px; height: 50px; } .col-2cr .s1 .sidebar-toggle { margin-left: 0; margin-right: -20px; border-radius: 0 30px 30px 0; } .col-2cr.s1-expand .sidebar-toggle { float: right; margin-right: 0; border-radius: 30px 0 0 30px; } .col-2cl .sidebar-toggle { margin-left: -40px; border-radius: 30px 0 0 30px; } .col-2cl.s1-expand .sidebar-toggle { margin-left: 0; border-radius: 0 30px 30px 0; } .col-3cl .sidebar-toggle { width: 70px; margin-left: -40px; border-radius: 30px 0 0 30px; } .col-3cl.s1-expand .sidebar-toggle { float: left; border-radius: 0 30px 30px 0; } .col-3cl.s1-expand .s1 .sidebar-toggle { margin-left: 0; margin-top: 30px; } .col-3cl.s2-expand .s2 .sidebar-toggle { margin-left: 0; border-radius: 0 30px 30px 0; margin-top: 30px; } .col-3cl .s1 .sidebar-toggle { margin-top: 90px; } .col-3cr .sidebar-toggle { width: 70px; margin-right: -20px; border-radius: 0 30px 30px 0; } .col-3cr.s1-expand .sidebar-toggle, .col-3cr.s2-expand .sidebar-toggle { float: right; margin-right: 0; border-radius: 30px 0 0 30px; } .col-3cr.s1-expand .s1 .sidebar-toggle { margin-top: 30px; } .col-3cr.s2-expand .s1 .sidebar-toggle { margin-right: -10px; } .col-3cr .s1 .sidebar-toggle { margin-top: 90px; } .col-3cm .s1 .sidebar-toggle { margin-left: 0; margin-right: -20px; border-radius: 0 30px 30px 0; } .col-3cm.s1-expand .sidebar-toggle { float: right; margin-right: 0; } .col-3cm .s2 .sidebar-toggle { margin-left: -40px; } .col-3cm.s2-expand .sidebar-toggle { margin-left: 0; } .col-3cm.s1-expand .s1 .sidebar-toggle { border-radius: 30px 0 0 30px; } .col-3cm.s2-expand .s2 .sidebar-toggle { border-radius: 0 30px 30px 0; } .col-3cm .s2 .sidebar-toggle { border-radius: 30px 0 0 30px; } /* sidebar primary */ .s1 { width: 310px; z-index: 2; } .s1:hover { z-index: 98; /* social icons tooltip above header nav */ } .s1 .sidebar-top, .s1 .sidebar-toggle { background: #00dbba; } @media only screen and (min-width: 479px) and (max-width: 1200px) { .s1 .sidebar-top { background: none!important; border-bottom: 1px solid #ddd; } .s1 .sidebar-top p { color: #666; } .s1 .sidebar-top .social-links .social-tooltip { color: #666; } } /* sidebar secondary */ .s2 { width: 260px; z-index: 1; } .s2 .sidebar-top, .s2 .sidebar-toggle { background: #ffcc00; } @media only screen and (min-width: 479px) and (max-width: 1200px) { .s2 .sidebar-top { background: none!important; border-bottom: 1px solid #ddd; } .s2 .sidebar-top p { color: #666; } } /* base : grid /* ------------------------------------ */ .grid { margin-right: 3.2%; float: left; display: inline; position: relative; } .last { clear: right; margin-right: 0!important; } .one-full { margin-right: 0; width: 100%; overflow: hidden; } .one-half { width: 48.4%; } .one-third { width: 31.2%; } .two-third { width: 65.6%; } .one-fourth { width: 22.6%; } .three-fourth { width: 74.2%; } .one-fifth { width: 17.4%; } .two-fifth { width: 38.1%; } .three-fifth { width: 58.7%; } .four-fifth { width: 79.4%; } /* ------------------------------------------------------------------------- * * Common Elements /* ------------------------------------------------------------------------- */ /* common : responsive videos /* ------------------------------------ */ embed, object, iframe { max-width: 100%; } .video-container { height: auto!important; max-width: 100%!important; text-align: center; } .video-container iframe { margin: 0 auto; } .video-container > div { margin: 0 auto; } /* common : responsive image + caption /* ------------------------------------ */ .image-container { position: relative; } .image-container img { display: block; width: 100%; height: auto; margin-bottom: 30px; } .image-caption { background: rgba(0,0,0,0.7); color: #fff; font-size: 13px; line-height: 1.3em; font-style: italic; padding: 8px 10px; position: absolute; z-index: 1; bottom: 8px; left: 8px; margin-right: 8px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03); box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03); } /* common : social links /* ------------------------------------ */ .social-links { float: right; position: relative; padding-top: 5px; } .social-links li { display: inline-block; margin-left: 8px; line-height: 16px; font-size: 0; } .social-links li a { display: block!important; position: relative; text-align: center; } .social-links .social-tooltip { color: #fff; color: rgba(255,255,255,0.7); font-size: 24px; display: inline; position: relative; z-index: 9; } .social-links .social-tooltip:hover { color: #fff; text-decoration: none; } .social-links .social-tooltip:hover:after { top: -36px; background: #fff; font-size: 14px; color: #666; content: attr(title); display: block; right: 0; padding: 5px 15px; position: absolute; white-space: nowrap; border-radius: 3px; -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2); box-shadow: 0 0 2px rgba(0,0,0,0.2); } .social-links .social-tooltip:hover:before { top: -10px; right: 8px; border: solid; border-color: #fff transparent; border-width: 5px 5px 0 5px; content: ""; display: block; position: absolute; z-index: 1; } /* common : page title /* ------------------------------------ */ .page-title { background: #00c0fa; position: relative; padding-top: 18px; padding-bottom: 17px; border-bottom: 1px solid #eee; color: #666; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 24px; } .page-title a { color: #ffffff; }.meta-single li a{margin:0 4px} .page-title a:hover { color: #ffffff; } .page-title span { color: #aaa; } .page-title i { margin-right: 8px; } .page-title h1, .page-title h2, .page-title h4 { color: #666; } .page-title .meta-single li { float: left; margin-right: 14px; font-size: 16px; font-weight: normal;} .page-title .meta-single li.comments { float: right; margin-right: 0; } /* common : notebox /* ------------------------------------ */ .notebox { background: #fff; padding: 20px; border-radius: 30px; margin-bottom: 30px; font-weight: 400; color: rgba(0,0,0,0.5); position: relative; box-shadow: 0 3px 5px rgba(0,0,0,0.03), 0 1px 1px rgba(0,0,0,0.05); } .notebox span { font-weight: 600; } .notebox .search-again { margin-top: 10px; } .notebox input[type="text"] { width: 100%; } /* common : page image /* ------------------------------------ */ .page-image { overflow: hidden; position: relative; margin: 0 0 30px 0; } .page-image-text { position: absolute; top: 50%; margin-top: -35px; width: 100%; text-align: center; } .page-image-text .caption { color: #000000; font-size: 44px; line-height: 70px; text-transform: uppercase; font-weight: 600; text-shadow: 0 0 20px rgba(0,0,0,0.3); } .page-image-text .description { display: block; color: #000000; font-size: 15px; line-height: 36px; font-weight: 300; } .page-image-text .description i { background: rgba(0,0,0,0.7); opacity: 0.9; font-style: normal; padding: 6px 10px; -webkit-border-radius: 2px; border-radius: 2px; } /* common : pagination /* ------------------------------------ */ .pagination { margin: 30px 0; } .pagination a { font-size: 18px; font-weight: 600; } /* common : thumb icon /* ------------------------------------ */ .thumb-icon { background: rgba(0,0,0,0.5); color: #fff; text-align: center; display: block; width: 32px; height: 32px; position: absolute; bottom: 50%; left: 50%; margin: 0 0 -16px -16px; border-radius: 3px; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-box-shadow: 0 0 2px rgba(255,255,255,0.4); box-shadow: 0 0 2px rgba(255,255,255,0.4); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .thumb-icon i { font-size: 18px; padding: 7px 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .thumb-icon .fa-play { margin: -1px 0 0 2px; } .thumb-icon.small { width: 24px; height: 24px; position: absolute; bottom: 50%; left: 50%; margin: 0 0 -12px -12px; border-radius: 2px; } .thumb-icon.small .fa { font-size: 14px; line-height: 16px; padding: 5px 0; } .thumb-icon.small .f-play { margin: -1px 0 0 2px; } /* common : nav /* ------------------------------------ */ .nav-container { background: #888; z-index: 99; position: relative; } .nav-toggle { display: none; background: #777; cursor: pointer; float: right; height: 40px; width: 60px; color: #fff; text-align: center; } .nav-toggle i { font-size: 24px; padding: 8px 0; } .nav-text { display: none; float: right; font-size: 16px; line-height: 24px; padding: 13px 20px; } .nav li > a:after, .nav > li > a:after { font-family: FontAwesome; display: inline-block; } @media only screen and (min-width: 720px) { .nav-wrap { height: auto!important; } /* common */ .nav { font-size: 0; position: relative; } .nav li a { color: #ccc; display: block; line-height: 20px; } /* dropdown arrows */ .nav li > a:after { content: "\f0da"; float: right; opacity: 0.4; } .nav > li > a:after {content: "\f0d7"; float: none; margin-left: 6px; font-size: 14px; line-height: 1.2em; } .nav li > a:only-child:after {content: ""; margin: 0; } #footer .nav li > a:after { content: "\f0da"; } #footer .nav > li > a:after { content: "\f0d8"; } #footer .nav li > a:only-child:after { content: ""; } /* level 1 */ .nav > li { font-size: 15px; text-transform: uppercase; border-right: 1px solid #999; display: inline-block; position: relative; } .nav > li > a { padding: 15px 14px; } .nav > li > a:hover, .nav > li:hover > a { background: #777; } .nav li > a:hover, .nav li:hover > a, .nav li.current_page_item > a, .nav li.current-menu-item > a, .nav li.current-menu-ancestor > a, .nav li.current-post-parent > a { color: #fff; } /* level 2 & 3 */ .nav li:hover > ul { display: block; } .nav ul { display: none; background: #777; position: absolute; left: 0; top: 50px; width: 180px; padding: 10px 0; z-index: 2; -webkit-transform: translateZ(0); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15); box-shadow: 0 2px 2px rgba(0,0,0,0.15); } .nav ul li { font-size: 14px; position: relative; display: block; padding: 0; } .nav ul li a { padding: 10px 20px; } .nav ul li:last-child { border-bottom: 0!important; } /* level 3 */ .nav ul ul { position: absolute; top: -10px; left: 180px; } } @media only screen and (max-width: 719px) { .nav { font-weight: 600; } .nav-container { text-transform: none; } .nav-toggle, .nav-text { display: block; } .nav-wrap { position: relative; float: left; width: 100%; height: 0; overflow: hidden; } .nav-wrap.transition { -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .expand .nav-wrap { height: auto; } /* iphone fix */ .safari .nav-wrap.transition { -webkit-transition: none; transition: none; } /* common */ .nav { float: left; width: 100%; } .nav li a { line-height: 20px; display: block; padding: 8px 20px; } .nav li li a { padding-left: 15px; padding-right: 15px; } /* dropdown arrows */ .nav li > a:after { content: "\f0da"; float: right; opacity: 0.4; } .nav > li > a:after {content: "\f0d7"; float: none; margin-left: 6px; font-size: 14px; line-height: 1.2em; } .nav li > a:only-child:after {content: ""; margin: 0; } #footer .nav li > a:after { content: "\f0da"; } #footer .nav > li > a:after { content: "\f0d8"; } #footer .nav li > a:only-child:after { content: ""; } /* level 1 */ .nav > li { font-size: 15px; text-transform: uppercase; border-right: 1px solid #999; display: inline-block; position: relative; } .nav > li > a { padding: 15px 14px; } .nav > li > a:hover, .nav > li:hover > a { background: #777; } .nav li > a:hover, .nav li:hover > a, .nav li.current_page_item > a, .nav li.current-menu-item > a, .nav li.current-menu-ancestor > a, .nav li.current-post-parent > a { color: #fff; } /* level 2 & 3 */ .nav li:hover > ul { display: block; } .nav ul { display: none; background: #777; position: absolute; left: 0; top: 50px; width: 180px; padding: 10px 0; z-index: 2; -webkit-transform: translateZ(0); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15); box-shadow: 0 2px 2px rgba(0,0,0,0.15); } .nav ul li { font-size: 14px; position: relative; display: block; padding: 0; } .nav ul li a { padding: 10px 20px; } .nav ul li:last-child { border-bottom: 0!important; } } /* ------------------------------------------------------------------------- * * Section: Header /* ------------------------------------------------------------------------- */ #header { background-image: url(//bayanbox.ir/view/7813721569781910796/d82a40667fa6de7b2337a06eda55a417.jpg); background-size: cover; position: relative; padding-bottom: 60px; } #header .pad { padding-top: 30px; padding-bottom: 30px; } #header .container-inner { position: relative; } .site-title { font-size: 42px; font-weight: 600; letter-spacing: -0.5px; float: right; line-height: 60px; padding: 10px 0; } .site-title a { display: block; color: #fff; max-width: 100%; } .site-title a img { display: block; max-width: 100%; max-height: 60px; height: auto; padding: 0; margin: 0 auto; -webkit-border-radius: 0; border-radius: 0; } .site-description { font-size: 15px; color: #fff; color: rgba(255,255,255,0.5); float: right; margin-right: 20px; line-height: 60px; padding: 10px 0; } .site-image { display: block; margin: 0 auto; max-height: 400px; } #header-ads { float: right; } #header-ads h3 { display: none; } #header-ads img { display: block; } /* header : search /* ------------------------------------ */ .toggle-search { color: #fff; font-size: 18px; line-height: 24px; cursor: pointer; padding: 13px 20px; display: block; position: absolute; left: 0; top: -50px; -webkit-box-shadow: -1px 0 0 rgba(255,255,255,0.1); box-shadow: -1px 0 0 rgba(255,255,255,0.1); } .toggle-search:hover, .toggle-search.active { background: rgba(0,0,0,0.15); color: #fff; } .search-expand { display: none; background: #26272b; position: absolute; top: 0; left: 0; width: 340px; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1); box-shadow: 0 1px 0 rgba(255,255,255,0.1); } .search-expand-inner { background: rgba(0,0,0,0.15); padding: 15px; } .search-expand .themeform input { width: 100%; border: 2px solid #e2e2e2; border-radius: 0; } .search-expand .themeform input:focus { } /* header : nav topbar /* ------------------------------------ */ #nav-topbar.nav-container { background: #26272b; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15); box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15); } #nav-topbar .nav-toggle { background: transparent; color: #fff; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.06); box-shadow: inset 1px 0 0 rgba(255,255,255,0.06); } #nav-topbar .nav-text { color: #fff; color: rgba(255,255,255,0.7); } @media only screen and (min-width: 1025px) { /* fixed nav */ .full-width.topbar-enabled #header { padding-top: 50px; } .full-width #nav-topbar.nav-container { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; } .full-width.admin-bar #nav-topbar.nav-container { top: 32px; } } @media only screen and (min-width: 720px) { /* common */ #nav-topbar .container { padding-left: 15px; } #nav-topbar .nav { } #nav-topbar .nav li a { color: #fff; color: rgba(255,255,255,0.7); } /* level 1 */ #nav-topbar .nav > li { border-right: none; } #nav-topbar .nav > li > a:hover, #nav-topbar .nav > li:hover > a { background-color: rgba(0,0,0,0.1); } #nav-topbar .nav li > a:hover, #nav-topbar .nav li:hover > a, #nav-topbar .nav li.current_page_item > a, #nav-topbar .nav li.current-menu-item > a, #nav-topbar .nav li.current-menu-ancestor > a, #nav-topbar .nav li.current-post-parent > a { color: #fff; } /* level 2 & 3 */ #nav-topbar .nav ul { background: #26272b url(img/opacity-10.png) repeat; } #nav-topbar .nav ul li { box-shadow: 0 1px 0 rgba(255,255,255,0.06); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); } #nav-topbar .nav ul li:last-child { box-shadow: none; -webkit-box-shadow: none; } } @media only screen and (max-width: 719px) { /* common */ #nav-topbar .container { padding-left: 0; } #nav-topbar .nav li a { color: #fff; color: rgba(255,255,255,0.8); border-top: 1px solid rgba(255,255,255,0.06); } /* level 1 */ #nav-topbar .nav li > a:hover { background: rgba(0,0,0,0.15); color: #fff; } #nav-topbar .nav li.current_page_item > a, #nav-topbar .nav li.current-menu-item > a, #nav-topbar .nav li.current-post-parent > a { background: rgba(0,0,0,0.15); color: #fff; } } /* header : nav header /* ------------------------------------ */ #nav-header.nav-container { background: transparent; z-index: 97; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 -1px 0 rgba(0,0,0,0.2), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 -1px 0 rgba(0,0,0,0.2), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2); } #nav-header .container { padding: 0 15px; } #nav-header .nav-toggle { background: transparent; color: #fff; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.05), -1px 0 0 rgba(0,0,0,0.2); box-shadow: inset 1px 0 0 rgba(255,255,255,0.05), -1px 0 0 rgba(0,0,0,0.2); } #nav-header .nav-text { color: #fff; color: rgba(255,255,255,0.7); } @media only screen and (min-width: 720px) { /* common */ #nav-header .nav { } #nav-header .nav li a { color: #fff; color: rgba(255,255,255,0.7); } /* level 1 */ #nav-header .nav > li { border-right: none; } #nav-header .nav > li > a:hover, #nav-header .nav > li:hover > a { background: rgba(0,0,0,0.1); } #nav-header .nav li > a:hover, #nav-header .nav li:hover > a, #nav-header .nav li.current_page_item > a, #nav-header .nav li.current-menu-item > a, #nav-header .nav li.current-menu-ancestor > a, #nav-header .nav li.current-post-parent > a { color: #fff; } /* level 2 & 3 */ #nav-header .nav ul { background: #33363b url(img/opacity-10.png) repeat; } #nav-header .nav ul li { box-shadow: 0 1px 0 rgba(255,255,255,0.06); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); } #nav-header .nav ul li:last-child { box-shadow: none; -webkit-box-shadow: none; } } @media only screen and (max-width: 719px) { /* common */ #nav-header.nav-container { border-left: 0; border-right: 0; } #nav-header .container { padding: 0; } #nav-header .nav { padding-bottom: 20px; } #nav-header .nav li a { color: #fff; color: rgba(255,255,255,0.8); border-top: 1px solid rgba(255,255,255,0.06); } /* level 1 */ #nav-header .nav li > a:hover { background: rgba(0,0,0,0.15); color: #fff; } #nav-header .nav li.current_page_item > a, #nav-header .nav li.current-menu-item > a, #nav-header .nav li.current-post-parent > a { background: rgba(0,0,0,0.15); color: #fff; } } /* ------------------------------------------------------------------------- * * Section: Page /* ------------------------------------------------------------------------- */ #page { padding-bottom: 60px; margin-top: -60px; } #page .container-inner { background: #fff; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); } /* ------------------------------------------------------------------------- * * Section: Footer /* ------------------------------------------------------------------------- */ #footer { background: #fff; color: #777; width: 100%; } #footer a { color: #777; } #footer a:hover { color: #ccc; } #footer .pad { padding-bottom: 30px; } #footer-ads { text-align: center; padding: 10px 0; border-bottom: 1px solid #eee; } #footer #footer-ads .widget { padding-bottom: 0; font-size: 0; line-height: 0; } #footer-ads h3 { display: none; } #footer-widgets{ padding-top: 20px; } #footer-bottom { background: #33363b; } #footer-bottom .pad { padding-top: 30px; } #footer-bottom a { color: #fff; color: rgba(255,255,255,0.7); } #footer-bottom a:hover { color: #fff; } #footer-bottom #footer-logo { display: block; margin-bottom: 20px; max-height: 50px; -webkit-border-radius: 0; border-radius: 0; } #footer-bottom #copyright, #footer-bottom #credit { color: #fff; color: rgba(255,255,255,0.5); font-size: 15px; line-height: 1.5em; } #footer-bottom #back-to-top { background: #eaeaea; color: #777; overflow: hidden; text-align: center; width: 60px; height: 30px; display: block; margin: 0 auto; margin: 0 auto -30px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(0,0,0,0.05); } #footer-bottom #back-to-top i { font-size: 38px; position: relative; top: -7px; } #footer-bottom #back-to-top:hover { color: #444; } #footer-bottom .social-links { padding-top: 10px; } #footer-bottom .social-links a { color: rgba(255,255,255,0.6); } #footer-bottom .social-links a:hover { color: #fff; } #footer-bottom .social-links .social-tooltip { font-size: 28px; } /* footer : nav /* ------------------------------------ */ #nav-footer.nav-container { background: #fff; border-top: 1px solid #eee; } #nav-footer .nav-toggle { background: transparent; color: #444; border-left: 1px solid #eee; } @media only screen and (min-width: 720px) { /* common */ #nav-footer .nav { text-align: center; } #nav-footer .nav li a { color: #999; } /* level 1 */ #nav-footer .nav > li > a { padding: 12px 18px; } #nav-footer .nav > li { border-right: 0; } #nav-footer .nav > li:first-child { border-left: 0; } #nav-footer .nav > li > a:hover, #nav-footer .nav > li:hover > a { background: #f0f0f0; } #nav-footer .nav li > a:hover, #nav-footer .nav li:hover > a, #nav-footer .nav li.current_page_item > a, #nav-footer .nav li.current-menu-item > a, #nav-footer .nav li.current-menu-ancestor > a, #nav-footer .nav li.current-post-parent > a { color: #666; } /* level 2 & 3 */ #nav-footer .nav ul { background: #f0f0f0; bottom: 44px; top: auto; text-align: left; -webkit-box-shadow: 0 -2px 2px rgba(0,0,0,0.05); box-shadow: 0 -2px 2px rgba(0,0,0,0.05); } #nav-footer .nav ul li { border-bottom: 1px solid #e4e4e4; } #nav-footer .nav ul ul { top: -10px; } /* level 3 */ #nav-footer .nav ul ul { position: absolute; top: auto; bottom: -10px; } } @media only screen and (max-width: 719px) { /* common */ #nav-footer .nav li a { color: #999; color: rgba(0,0,0,0.8); border-top: 1px solid #f2f2f2; } /* level 1 */ #nav-footer .nav li > a:hover { background: #f2f2f2; color: #444; } #nav-footer .nav li.current_page_item > a, #nav-footer .nav li.current-menu-item > a, #nav-footer .nav li.current-post-parent > a { background: #f2f2f2; color: #444; } } /* ------------------------------------------------------------------------- * * Post Entry /* ------------------------------------------------------------------------- */ .content .post, .content .page { position: relative; overflow: hidden; } .blog .post, .single .post, .archive .post, .search .post, .search .page { margin-bottom: 40px; } .sticky {} /* post : search /* ------------------------------------ */ .search .page.type-page .post-thumbnail, .search .page.type-page .post-meta { display: none; } /* post : featured /* ------------------------------------ */ #flexslider-featured .flex-direction-nav { position: absolute; top: -50px; left: auto; left: 0; } #flexslider-featured .flex-direction-nav li { float: left; margin-left: 3px; } #flexslider-featured .flex-direction-nav li:first-child { float: left; } #flexslider-featured .flex-direction-nav li:last-child { float: right; } #flexslider-featured .flex-direction-nav a { background: #fff; color: #bbb; font-size: 24px; line-height: 24px; position: relative; width: 34px; height: 36px; margin: 0 0 0; display: block; text-align: center; cursor: pointer; text-indent: -999px; overflow: hidden; opacity: 1; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .3s ease; transition: all .3s ease; } #flexslider-featured .flex-direction-nav a:before { font-family: FontAwesome; line-height: 24px; position: absolute; text-align: center; left: 0; right: 0; top: 8px; text-indent: 0; } #flexslider-featured .flex-direction-nav .flex-next:before { content:"\f054"; } #flexslider-featured .flex-direction-nav .flex-prev:before { content: "\f053"; } #flexslider-featured .flex-direction-nav .flex-next:hover, #flexslider-featured .flex-direction-nav .flex-prev:hover { opacity: 1; color: #3b8dbd; } #flexslider-featured .flex-control-nav { position: absolute; top: -15px; bottom: auto; } #flexslider-featured .flex-control-nav li { margin: 0; padding: 0; margin-right: 2px; float: right; } #flexslider-featured .flex-control-nav li a { background: #ddd; width: 20px; height: 2px; text-indent: -999px; overflow: hidden; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } #flexslider-featured .flex-control-nav li a:hover { background: #ccc; } #flexslider-featured .flex-control-nav li a.flex-active { background: #3b8dbd; } .featured, .featured.flexslider { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee; } .featured .post { margin-bottom: 0; } .featured .post-title { font-size: 34px; letter-spacing: -0.7px; line-height: 1.4em; } /* post : custom loop /* ------------------------------------ */ .post-list { margin-right: -30px; } .post-list .post-row { margin-left: -30px; padding-left: 30px; float: left; width: 100%; border-bottom: 1px solid #eee; margin-bottom: 30px; position: relative; } .post-list .post-row:last-child { border: none; margin-bottom: 0; } .post-list .post, .post-list .page { width: 50%; float: right; } .post-list .post-inner { margin-right: 30px; } .post-hover:hover .post-thumbnail { opacity: 0.75; } .post-hover:hover .post-title a { color: #5299eb; } .post-hover:hover .thumb-icon { background: #fff; color: #333; } .post-inner { position: relative; overflow: hidden; } .post-thumbnail { margin: 2px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .post-thumbnail { position: relative; } .post-thumbnail img { display: block; width: 100%; height: auto; border-radius: 30px; } .post-comments { background: rgba(0,0,0,.4); font-size: 12px; line-height: 20px; color: #fff; display: block; position: absolute; top: 10px; right: 0; -webkit-box-shadow: inset -1px 0 1px rgba(0,0,0,0.2); box-shadow: inset -1px 0 1px rgba(0,0,0,0.2); } .post-comments { background: rgba(0,0,0,0.6); font-size: 12px; line-height: 20px; color: rgba(255,255,255,0.8); display: block; position: absolute; top: 14px; right: 14px; z-index: 1; border-radius: 15px; } .post-comments > span { display: block; position: relative; padding: 2px 7px; } .post-comments i { font-size: 18px; margin-right: 4px; } .post-comments:hover { background: #fff; color: #333; padding-right: 4px; } .post-meta { text-transform: uppercase; font-size: 14px; font-weight: 400; color: #bbb; margin-bottom: 0.3em; } .post-meta .post-category { float: right; margin-left: 6px; font-size: 12px;} .post-meta .post-date { float: right; font-size: 12px; width: 100%;} .post-title { color: #444; font-weight: normal; margin-bottom: 10px; font-size: 19px; font-weight: 400; line-height: 1.5em; -ms-word-wrap: break-word; word-wrap: break-word; } .post-title strong { font-weight: 600; } .post-title i { font-style: italic; } .post-title a { color: #444; } .post-title a:hover { color: #3b8dbd; } .entry.excerpt { font-size: 12px; color: #000000; line-height: 30px;font-family: tahoma;} .entry.excerpt p { margin-bottom: 0;} /* post : standard loop /* ------------------------------------ */ .post-standard { } .post-standard .post-inner { background: #fff; border-radius: 30px; margin-bottom: 30px; float: left; width: 100%; } .post-standard .post-content { padding: 20px; } .post-standard .post-title { font-size: 42px; margin-bottom: 10px; } .post-standard .post-category { margin-bottom: 10px; } .post-standard .entry { color: #666; } /* ------------------------------------------------------------------------- * * Single /* ------------------------------------------------------------------------- */ .single .post { } .single .post-category { margin-bottom: 10px; } .single .post-title { font-size: 42px; letter-spacing: -0.5px; font-weight: 600; color: #333; line-height: 1.3em; margin-bottom: 0; } .single .post-byline { font-size: 14px; text-transform: uppercase; font-weight: 600; padding: 10px 0 24px; color: #bbb; } .single .post-byline img { width: 32px;
درباره این سایت