/* Theme Name:Fmi Theme URI:http://www.forrss.com/fmi/ Description:Fmi is an elegant blog theme with responsive and easily customizable. Tags:blue,white,two-columns,responsive-layout,custom-menu,theme-options,sticky-post Version:1.3.2 Author:Forrss Author URI: http://www.forrss.com/ Text Domain:fmi License:GNU General Public License v2.0 License URI:http://www.gnu.org/licenses/gpl.html This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * Table of Contents: * mian * header * navigation * content * post * sidebar * comments * search-form * other * footer */ /*mian*/ *{margin:0;padding:0;} *,*:before,*:after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} html{font-size:62.5%;} body{font-size:14px;font-family:"Open Sans",sans-serif;color:#555555;background:url(images/bg.png) center top repeat;} h1,h2,h3,h4,h5,h6{font-weight:normal;} img{border:0;max-width:100%;height:auto;} a{color:#737373;text-decoration:none;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;} a:hover{color:#46A8C8;text-decoration:none;} a:focus{outline:none;} ol,ul,li{list-style:none outside none;} .clear{clear:both;} .fa{color:#777777;} #container{width:100%;} #header .inner,#navigation .inner,#content .inner,#footer .inner{max-width:1000px;margin:0 auto;} /*header*/ #caption{min-height:84px;padding:0 10px;} #title{line-height:40px;float:left;padding:25px 0 19px;} #title a{display:block;font-size:32px;font-weight:bold;color:#46A8C8;text-shadow:0 0 20px #4bbee4;font-family:"Roboto",sans-serif;} #divsearch{width:270px;line-height:32px;float:right;padding:35px 0 17px;} /*navigation*/ #navigation{background:url(images/nbg.png) repeat;font-size:13px;} #nav{width:100%;line-height:34px;} #nav ul{letter-spacing:-4px;word-spacing:-4px;} #nav li{display:inline-block;position:relative;letter-spacing:normal;word-spacing:normal;} #nav .current_page_item{background:url(images/nli.png) repeat-x;} .mr li:first-child{background:url(images/nli.png) repeat-x;} #nav li a{display:block;line-height:34px;padding:0 10px;color:#ffffff;} #nav li a:hover{background:url(images/nli2.png) repeat-x;} #nav .sub-menu,#nav .children{height:0;left:0;overflow:hidden;padding:0;position:absolute;width:0;z-index:99999;top:33px;} #nav li:hover > ul, #nav .focus > ul{clip:inherit;overflow:inherit;height:inherit;width:inherit;} #nav ul ul a{padding:10px 10px;margin:0;width:180px;background:#07a9da;line-height:15px;} #nav ul ul a:hover{background:#28b6e1;} #nav ul ul li{padding:0;border-top:1px solid #6aceec;} #nav ul .sub-menu ul,#nav ul .children ul{border-left:0 none;left:100%;top:-1px;} #nav .menu-toggle{width:100%;height:34px;display:none;} #nav .menu-toggle a{width:100%;height:34px;display:block;line-height:37px;font-weight:bold;text-align:center;font-size:22px;cursor:pointer;color:#ffffff;} /*content*/ #cont{width:100%;min-height:600px;padding:0 0 50px;} #main{width:70%;float:left;padding:5px 20px 20px 0;display:inline-block;} .mscont{line-height:180%;overflow:hidden;text-align:Justify;text-justify:inter-ideograph;} .mscont img{max-width:660px;height:auto;margin:0 0 20px;} .mscont pre{line-height:16px;background:#DCEFF5;color:#333333;border-left:2px solid #46A8C8;padding:5px 9px;font-size:12px;overflow-x:auto;margin:0 0 10px;} .mscont table{border-bottom:1px solid #ededed;border-collapse:collapse;border-spacing:0;font-size:14px;line-height:2;margin:0 0 20px;width:100%;} .mscont caption,th,td{font-weight:normal;text-align:left;} .mscont caption{font-size:16px;margin:20px 0;} .mscont th{border-top:1px solid #ededed;font-weight:bold;text-transform:uppercase;} .mscont td{border-top:1px solid #ededed;padding:6px 10px 6px 0;} .mscont del{color:#333;} .mscont ins{background:#DCEFF5;text-decoration:none;} .mscont hr{background-size:4px 4px;border:0;height:1px;margin:0 0 24px;} .mscont a{color:#46A8C8;} .mscont a:hover{color:#83AA59;} .mscont li{ list-style:inside;} .mscont .alignright{float:right;margin-left:15px;} .mscont .alignleft{float:left;margin-right:15px;} .mscont code{background:#DCEFF5;} .mscont p{margin:0 0 14px;} .mscont ol li{list-style:decimal outside none;} .mscont li ol,.mscont li ul{padding:0 0 0 28px;} .mscont h1,.mscont h2,.mscont h3,.mscont h4,.mscont h5,.mscont h6{margin:0 0 10px;} .mscont blockquote{padding:5px 10px;border-left:2px solid #46A8C8;background:#dceff5;margin:0 0 14px;color:#333333;} .mscont blockquote p{margin:0;} .page-header{ font-size:14px;line-height:14px;padding:40px 0 0 10px;} .page-header span{font-weight:bold;margin:0 5px;} #nav-below{padding:0 10px 10px;line-height:20px;font-size:13px;border-bottom:1px double #EBEDED;} #nav-below .nav-previous{width:100%;padding:10px 0 0;} #nav-below .nav-next{width:100%;padding:10px 0 0;} #nav-below h3{color:#83AA59;font-size:10px;text-transform:uppercase;font-weight:bold;line-height:14px;} #page-nav-below{ padding:30px 10px 0;} #page-nav-below .nav-previous{float:left;} #page-nav-below .nav-next{float:right;} .page-links{height:30px;line-height:30px;font-size:12px;} .page-links a{margin:0 0 0 3px;text-decoration:underline;} .not-found-options{padding:10px 0 0;} .pagination{padding:40px 0 0;} .pagination .nav-links{ width:100%;height:42px;line-height:40px;position:relative;text-align:center;background:#ffffff;border:1px solid #EBEAE5;font-size:14px;font-weight:bold;} .pagination .nav-links .fa{color:#ffffff;} .pagination .nav-links a,.pagination .nav-links span{padding:0 10px;display:inline-block;height:40px;width:40px;} .pagination .nav-links a{color:#555555;} .pagination .nav-links a:hover{color:#46A8C8;} .pagination .prev{width:20px;height:40px;position:absolute;top:0;left:0;text-align:center;font-size:16px;background:#cccccc;} .pagination .prev:hover{background:#999999;} .pagination .next{width:20px;height:40px;position:absolute;top:0;right:0;text-align:center;font-size:16px;background:#cccccc;} .pagination .next:hover{background:#999999;} .pagination .current{color:#46A8C8;} .pagination .screen-reader-text,.pagination .nav-links .screen-reader-text{display:none;} /*post*/ #main .post,#main .page{padding:30px 10px 30px;border-bottom:1px solid #EBEAE5;} .entry-title{width:100%;} .entry-title a,.entry-title span{line-height:22px;font-size:20px;font-weight:bold;color:#46A8C8;} .entry-title a:hover{color:#83aa59;} .entry-meta{width:100%;line-height:26px;padding:6px 0 0;font-size:13px;} .entry-meta >span{margin:0 12px 0 0;} .entry-meta span a{padding:0 4px 0 0;display:inline-block;} .entry-meta .div2{float:right;} .entry-meta .div2 span{margin:0;} .entry-meta .div2 span a{padding:0;} .entry-content{width:100%;padding:10px 0 0;} .entry-content img{margin:0 0 5px;} .more-link{display:block;padding:10px 0 0;font-size:13px;} .entry-meta2{width:100%;line-height:20px;padding:20px 0 0;font-size:13px;} .entry-meta2 >span{margin:0 12px 0 0;} .entry-meta2 span a{padding:0 6px 0 0;display:inline-block;} .post-entry-media{font-size:0;line-height:0;margin:0 0 10px;} /*sidebar*/ #sidebar{width:30%;float:left;display:inline-block;padding:35px 0 0 10px;} #sidebar .widget{margin:0 0 30px;padding:0 10px;} #sidebar .widget-title{line-height:16px;padding:0 0 10px;font-weight:bold;color:#83AA59;text-transform:uppercase;font-size:16px;} #sidebar li{line-height:22px;padding:0 0 4px;font-size:13px;} #sidebar table{ width:100%;} #sidebar select{ max-width:100%;} #sidebar ul ul{ padding-left:10px;} /*comments*/ #comments{padding:20px 10px 0;} .navigation{line-height:30px;font-size:12px;} .navigation .alignleft{float:left;} .navigation .alignright{float:right;} .no-comments{line-height:30px;} .commentlist{padding:0 10px;} .comment,.pingback{padding:10px;border:1px solid #EBEAE5;margin:0 0 10px;background:#EFF5F7;} .comment-body{padding:0 0 10px;position:relative;} .comment-author{width:44px;height:44px;float:left;background:#ffffff;padding:1px;border:1px solid #CCCCCC;} .comment-author img{width:40px;height:40px;} .comment-meta{min-height:20px;line-height:16px;margin:0 0 0 56px;font-size:12px;} .comment-meta span{margin:0 5px 0 0;} .comment-meta .fn{font-size:13px;font-weight:bold;} .comment-content{margin:0 0 0 56px;line-height:18px;font-size:12px;text-align:Justify;text-justify:inter-ideograph;} .reply{position:absolute;top:0;right:0;line-height:20px;font-size:14px;} .reply .fa{color:#888888;} #comments .children{margin:0 0 0 56px;} #comments .children .comment{background:#FFFFFF;} #comments .children .comment-body{padding:0 0 10px;} #respond{padding:10px 10px 0;} .comment-reply-title{font-size:16px;height:40px;line-height:40px;} .comment-reply-title small{float:right;line-height:40px;font-size:14px;} .comment-reply-title small .fa{color:#888888;} .input-container{margin:0 0 8px;} .input-container span{margin:0 0 0 8px;font-size:13px;} .input-container-full{display:block;width:100%;margin:0 0 8px;} input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea{background:#FFFFFF;border:1px solid #CCCCCC;color:rgba(0, 0, 0, 0.75);display:inline-block;font-family:"Open Sans",sans-serif;font-size:13px;height:32px;outline:medium none;padding:6px 5px 4px;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;width:248px;} input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus{border:1px solid #999999;} textarea{height:120px;width:100%;resize:none;} input[type="submit"],.button{background:#cccccc; padding:0 5px;border:medium none;color:#FFFFFF;cursor:pointer;display:inline-block;margin:0;outline:medium none;position:relative;text-align:center;text-transform:uppercase;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;height:32px;} input[type="submit"]:hover,.button:hover{background:#999999;} #submit{display:none;} .logged-in-as{height:30px;line-height:20px;font-size:13px;} .comment #respond{margin:0 0 0 56px;padding:10px 0 20px;} /*search-form*/ .search-form{width:100%;height:32px;} .search-form .search-field{width:75%;float:left;font-family:inherit;font-size:13px;height:32px;} .search-submit{width:25%;height:32px;line-height:32px;text-align:center;font-family:inherit;font-size:13px;float:left;background:none;border:none;background-color:#cccccc;color:#ffffff;cursor:pointer;text-transform:uppercase;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;} .search-submit:hover{background:#999999;} /*other*/ .wp-caption{margin-bottom:1.5em;max-width:98%;} .wp-caption img[class*="wp-image-"]{margin:1.2% auto 0;max-width:100%;} .wp-caption-text{text-align:center;} .wp-caption .wp-caption-text{margin:0.8075em 0;} .sticky{} .gallery-caption{} .bypostauthor{} .alignleft{display:inline;float:left;margin-right:1.5em;} .alignright{display:inline;float:right;margin-left:1.5em;} .aligncenter{clear:both;margin:0 auto;} /*footer*/ #footer{border-top:1px solid #E6E6E6;} #foot{width:100%;height:70px;} #foot .div1{font-size:13px;float:left;padding:25px 0 25px 10px;line-height:20px;} #foot .div2{float:right;padding:25px 10px 25px 0;line-height:20px;} #foot .div2 a{margin:0 0 0 10px;} #foot a i{color:#555555;font-size:14px;} #foot a:hover .fa{color:#105cb6;} #back_top{border-radius:5px 5px 5px 5px;bottom:40px;cursor:pointer;height:40px;opacity:0.8;position:fixed;right:40px;text-align:center;width:40px;z-index:100;background:#07b0dc;color:#ffffff;} #back_top i{line-height:40px;font-size:24px;color:#ffffff;} #back_top:hover{opacity:1;} /*wp-pagenavi*/ .wp-pagenavi{padding:40px 0 0;} .wp-pagenavi a,.wp-pagenavi span{ background:#ffffff;border:1px solid #EBEAE5;padding:5px 10px;margin:0 3px 0 0;} #main .wp-pagenavi .page{ padding:5px 10px;margin:0 3px 0 0;} .wp-pagenavi a:hover, .wp-pagenavi span.current{border:1px solid #EBEAE5;} .wp-pagenavi span.current{color:#46A8C8;} /*responsive*/ @media screen and (max-width:799px) { #caption{min-height:100px;} #title{width:100%;float:none;text-align:center;padding:30px 0 0;} #linknav{width:100%;float:none;text-align:center;padding:0 0 20px;} #linknav a{margin:0 5px;} #divsearch{display:none;} #navigation{background:#07a9da;} #nav{height:auto;} #nav .menu-toggle{display:block;} #nav li{width:100%;height:auto;display:block;position:inherit;border-top:1px solid #54bede;} #nav .current_page_item{background-image:none;} .mr li:first-child{background-image:none;} #nav li a{text-align:center;} #nav li a:hover{background-image:none;background:#28b6e1;} #nav .sub-menu,#nav .children{border:none;position:inherit;height:auto;width:100%;overflow:inherit;} #nav ul ul a{padding:10px 0;width:100%;background:none;} #nav .menu{display:none;} #main{width:100%;float:none;margin:0;padding:10px 0 20px 0;} #sidebar{width:100%;float:none;margin:0;padding:40px 0 0 0;} #sidebar .widget{width:50%;float:left;padding:0 0 0 10px;} #back_top{right:-40px;} } @media screen and (max-width:479px) { #sidebar .widget{width:100%;float:none;padding:0 10px;} #foot{padding:10px 0 30px;height:auto;} #foot .div1{width:100%;float:none;padding:0 10px;text-align:center;line-height:20px;padding:5px 0;} #foot .div2{width:100%;float:none;padding:0 10px;text-align:center;line-height:30px;} }