/* Theme Name: Twenty Fourteen Theme URI: http://wordpress.org/themes/twentyfourteen Author: the WordPress team Author URI: http://wordpress.org/ Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready Text Domain: twentyfourteen 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: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 4.0 - Header * 5.0 - Navigation * 6.0 - Content * 6.1 - Post Thumbnail * 6.2 - Entry Header * 6.3 - Entry Meta * 6.4 - Entry Content * 6.5 - Galleries * 6.6 - Post Formats * 6.7 - Post/Image/Paging Navigation * 6.8 - Attachments * 6.9 - Archives * 6.10 - Contributor Page * 6.11 - 404 Page * 6.12 - Full-width * 6.13 - Singular * 6.14 - Comments * 7.0 - Sidebar * 7.1 - Widgets * 7.2 - Content Sidebar Widgets * 8.0 - Footer * 9.0 - Featured Content * 10.0 - Multisite * 11.0 - Media Queries * 12.0 - Print * ----------------------------------------------------------------------------- */ /** * 1.0 Reset * * Resetting and rebuilding styles have been helped along thanks to the fine * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html * along with Nicolas Gallagher and Jonathan Neal * http://necolas.github.com/normalize.css/ and Blueprint * http://www.blueprintcss.org/ * * ----------------------------------------------------------------------------- */ *{margin:0; padding:0;} a{text-decoration:none; color:#181818; border:none; outline:none} a:focus{outline:0; outline-offset:0;} a:hover, a:active {outline: 0;} b{color:#ee1d25} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;} audio,canvas,video {display: inline-block; *display: inline; *zoom: 1;} audio:not([controls]) {display: none;} body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,th,td{border:0;outline:none;margin:0;padding:0;} html{-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} body{margin:0; padding:0; font-size:14px;font-family:Arial, Helvetica, sans-serif; /*background:#e5e4df url(images/bg.jpg) repeat;*/ background:#c7e6ff url(images/bg.jpg) repeat; -webkit-font-smoothing:antialiased} ul{list-style:none;} button, input, select, textarea {margin: 0; font-size: 100%; vertical-align: middle;} button, input {*overflow: visible; line-height: normal;} button::-moz-focus-inner, input::-moz-focus-inner {padding: 0; border: 0;} button, html input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;} label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {cursor: pointer;} input[type="search"] {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield;} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;} textarea {overflow: auto; vertical-align: top;} h1,h2,h3,h4,h5,h6{font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#212121; line-height:40px; width:99%; float:left; height:40px; text-align:left; font-weight:normal} span, strong{color:#d40107;} .span{color:#0086be;} .cleaner{font-size:0px; line-height:0px; clear:both; background:none;} .clearfix:before, .clearfix:after{content:'.'; display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0; width:0; height:0;} .clearfix:after{clear:both;} .clearfix{zoom:1;} /* End GENERAL */ header{width:100%; height:415px; margin:0 auto; background:rl(images/header_bg.png) 40% 0 no-repeat;} .center_wrapper{width:990px; height:auto; margin:0 auto;} .head_left{width:220px; height:110px; float:left;} .logo{width:201px; height:102px; float:left; margin:8px 0 10px 0; padding:0; font-size:48px; color:#FFF; font-weight:bold;} .head_right{width:730px; height:auto; float:right;} .mail_txt{width:700px; height:auto; float:right; margin:10px 5px 0 0; line-height:24px; font-size:28px; text-align:right; font-weight:bold;} .follow_us{width:280px; height:auto; float:right;} .follow_us p{width:80px; height:50px; float:left; line-height:30px; margin:10px 10px 0 10px; font-size:13px; color:#303030;} .follow_us_box{width:250px; height:auto; float:left; margin:5px 0 0 0;} .s_icon1, .s_icon2, .s_icon3, .s_icon4{ background:url(images/social.jpg) -14px -10px; width:43px; height:45px; float:left; margin:0 5px 10px 10px; border:none;} .s_icon2{background-position:-65px -10px;} .s_icon3{background-position:-116px -10px;} .s_icon4{background-position:-167px -10px;} nav{width:700px; height:49px; margin:10px auto 0 auto; clear:both; float:right} .slider{width:990px; height:305px; float:left; margin:8px 0 0 -4px; overflow:hidden; border:none;} #whole_wrapper{width:100%; height:auto; margin:0 auto; background:#FFF;} .white_wrapper{width:970px; height:auto; margin:0 auto; background:#FFF; padding:10px;} .left_panel{width:655px; height:auto; float:left; margin:0; padding:0;} .left_box, .left_box2, .left_box3{width:651px; height:auto; float:left; margin:10px 0 0 0;} .left_box2{height:210px; overflow:hidden; margin:0;} .left_img{height:143px; width:176px; float:left; border-radius:8px; margin:0 15px 0 0;} .left_img2{height:155px; width:200px; border:none; float:left; border-radius:8px; margin:0 15px 0 0;} .left_txt{height:143px; width:400px; float:left; border-radius:8px; margin:0; overflow:hidden} .left_panel p, .left_box p, .left_box2 a, .left_txt p{width:99.5%; height:auto; line-height:24px; font-size:13px; text-align:justify; float:left; font-family:Verdana, Geneva, sans-serif; color:#2d2d2d;} .main_tab{width:640px; height:auto; float:left; position:relative;} .read a{color:#2d2d2d; width:99px; height:28px; float:left; text-align:left; font-size:12px; line-height:28px; margin:5px 0; font-weight:bold; letter-spacing:0.5px;} .read a:hover, .left_box2 a:hover{color:#d40107;} .sidebar{width:300px; height:auto; float:right; margin:0; padding:0; position:relative;} .ins{ width:297px; height:228px; float:right; background:url(images/ins.jpg) no-repeat;margin:0 0 10px 0;} .news{width:290px; height:auto; float:right; border-radius:8px; background:#f5f5f6; margin:10px 0 0 0; overflow:hidden} .news_h{width:100%; height:30px; line-height:30px; font-size:16px; color:#FFF; float:left; background:#294c94; padding:0 0 0 10px} .input{border: 1px solid #adadad; background:#fff; width:240px; height:27px; float:left; margin:15px 0 0 15px; padding:0 5px; border-radius:5px;} .button, .button2{background:#d40107; color:#FFF; width:99px; height:28px; float:left; text-align:center; font-size:12px; line-height:28px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:5px 0; font-weight:bold; letter-spacing:0.5px; margin:10px 0 10px 15px; border:none;} .button2{margin:10px 0 12px 50px;} .button:hover, .button2:hover{background:#212121;} #footer{width:100%; height:120px; background:url(images/footer_bg.png) 0 99% repeat-x; margin:0; padding:0;} .footer{width:990px;height:auto;margin:0 auto} .footer ul{list-style:none;text-align:left; padding-top:10px; margin:0px } .footer ul li{list-style:none;display:inline;} .footer ul li a{color:#858587;font: bold 13px Trebuchet MS,Arial,san-serif;margin:10px 15px} .footer ul li a:hover{color:#d40107} #copywrite{color:#858587;font-size:11px;margin-top:-15px;text-align:right} .cmpny{color:#d40107} .mailto{color:#ff3700;} .tabs input[type=radio] { position: absolute; top: -9999px; left: -9999px; } .tabs { width: 640px; float: none; list-style: none; position: relative; padding: 0; margin: 5px auto; } .tabs li{ float: left; } .tabs label { display: block; padding:5px 0 0 0; color: #FFF; font-size:16px; font-weight: normal; font-family: 'Roboto', helveti; background:url(images/tab_bg.png) no-repeat; cursor: pointer; position: relative; top: 3px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width:146px; height:30px; overflow:hidden; text-align:center; } .tabs label:hover { background:url(images/tab_hover.png) no-repeat; top: 0; } [id^=tab]:checked + label { background:url(images/tab_hover.png) no-repeat; color:#FFF; top: 0; } [id^=tab]:checked ~ [id^=tab-content] { display: block; } .tab-content{ z-index: 2; display: none; text-align: left; width: 100%; font-size:14px; line-height:24px; padding-top: 10px; background: #f5f5f7; padding: 15px; color:#212121; position: absolute; top: 33px; left: 0; box-sizing: border-box; -webkit-animation-duration: 0.5s; -o-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; } .call{background:url(images/call.png) no-repeat; width:166px; height:74px; position:fixed; top:150px; right:10%; z-index:9;} /* post */ /*////////////////////////////////////////////////////////////////////////////////////////////*/ .left_box ul{margin:0 0 10px 10px; clear:left;} .left_box ul li{display:block;background:url(images/bullet.png) 0 40% no-repeat; margin:8px 0;padding:0 0 0 17px;} .left_box ol{margin:5px 0 5px 10px;} .left_box ol li{list-style:decimal;margin:5px 0;padding:0 0 0 5px;} .post-head-notfound h1,.post-head-404 h1,.post-head-archive h1,.post-head-search h1{margin-bottom:10px;font:500 22px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;color:#464646;} /*** ESSENTIAL STYLES ***/ #menu{clear:both; width:auto; margin:0; z-index:100; float:right; zoom:1;} .nav, .nav * { margin: 0; padding: 0; list-style: none; } .nav { line-height: 1.0; } .nav ul { position: absolute; top: -999em; width: 200px; /* left offset of submenus need to match (see below) */ float:right; } .nav ul li { width: 100%; } .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .nav li { float: left; position: relative; } .nav a { display: block; position: relative; } .nav li:hover ul, .nav li.sfHover ul { left: 0; top: 50px; /* match top ul list item height */ z-index: 1999; } ul.nav li:hover li ul, ul.nav li.sfHover li ul { top: -999em; } ul.nav li li:hover ul, ul.nav li li.sfHover ul { left: 13em; /* match ul width */ top: 0; } ul.nav li li:hover li ul, ul.nav li li.sfHover li ul { top: -999em; } ul.nav li li li:hover ul, ul.nav li li li.sfHover ul { left: 13em; /* match ul width */ top: 0px; } /*** DEMO SKIN ***/ .nav { float: left; } .nav a { padding:10px 11px 10px 11px; text-decoration:none; font: bold 16.5px Trebuchet MS,Arial,san-serif; } .nav a, .nav a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #000; } .nav li { } .nav li li a { color: #FFF; padding:10px; border-bottom:1px dashed #212121; } .nav li li a:visited { color: #FFF; } .nav li ul { background-color: #1582b6; background-image: -moz-linear-gradient(#1582b6, #006491); background-image: -webkit-gradient(linear, left top, left bottom, from(#1582b6), to(#006491)); background-image: -webkit-linear-gradient(#1582b6, #006491); background-image: -o-linear-gradient(#1582b6, #006491); background-image: -ms-linear-gradient(#1582b6, #006491); background-image: linear-gradient(#1582b6, #006491); border-bottom: 1px solid #dbdbdb; } .nav li:hover, .nav li.sfHover, .nav a:focus, .nav a:hover, .nav a:active { outline: 0; background-color: #d80613; background-image: -moz-linear-gradient(#f82633, #d80613); background-image: -webkit-gradient(linear, left top, left bottom, from(#f82633), to(#d80613)); background-image: -webkit-linear-gradient(#f82633, #d80613); background-image: -o-linear-gradient(#f82633, #d80613); background-image: -ms-linear-gradient(#f82633, #d80613); background-image: linear-gradient(#f82633, #d80613); border-radius:5px; color:#FFF !important; } .nav li ul li:hover, .nav li ul li.sfHover, .nav li ul li a:focus, .nav li ul li a:hover, .nav li ul li a:active { outline: 0; color: #fff; } .categry{height:auto; width:200px; float:left; margin:5px 10px 10px 5px; border:1px solid #ededed; border-radius:8px;} .categry_img img{height:143px; width:176px; float:left; border-radius:8px; margin:10px 0 0 12px; overflow:hidden;} .categry_head{width:100%; height:auto; font-size:16px; text-align:center; float:left; line-height:24px; margin:5px 0 0 0; } .categry_price, .categry_price p{width:100%; height:20px; font-size:14px; text-align:center; float:left; color:#F03;} #overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; display: none; z-index:10; } .cnt223 a{ text-decoration: none; } .popup{ width: 100%; margin: 0 auto; display: none; position: fixed; z-index: 101; } .cnt223{ min-width: 300px; width: 300px; min-height: 150px; margin: 100px auto; background: #fff; position: relative; padding: 10px; border-radius: 5px; box-shadow: 0 2px 5px #000; z-index: 210; } .cnt223 p{ clear: both; color: #555555; text-align: justify; } .cnt223 a.close{ color: #d91900; font-weight: bold; text-align:center; width:99.5%; } .cnt223 .x{ float: right; height: 35px; left: 22px; position: relative; top: -25px; width: 34px; } .cnt223 .x:hover{ cursor: pointer; } .left_box3{font-size:15px !important; position:relative !important;} .left_box3 strong{font-size:16px !important; color:#d40107 !important;} .left_box3 i{color:#1db5f4; font-size:16px !important; font-weight:bold !important} .left_box3 img{width:290px; height:271px; position:absolute !important; top:160px !important; right:0 !important; border:1px solid #d40107 !important;}