0byt3m1n1
Path:
/
home1
/
aserty
/
public_html
/
bonniescraftygifts.com
/
iFzj4
/
configCHM
/
Jump
/
0-aserty
/
appartsoft.info
/
wp-content
/
themes
/
knightzon
/
[
Home
]
File: style-alt.css
@import url("assets/css/base.css"); @import url("assets/css/skeleton.css"); @import url("assets/fonts/stylesheet.css"); /* HTML5 ✰ Boilerplate*/ html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { font: 14px/21px "DroidSansRegular",HelveticaNeue, Arial, sans-serif; color: #444; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; background-color:#3f454c; background-image:; } #box-wrap { width:980px; margin:0 auto; } /* Table of Content ================================================== #Site Styles #Page Styles #Media Queries /* ==|== primary styles ===================================================== base ========================================================================== */ #header, #main, #footer{width:100%;display:block;} .left{float:left;} .right{float:right;} .rows{width:100%;display:block;margin-bottom:15px;} ul, ol, li{margin:0; padding:0; list-style:none;} a, .article-best, .advertise a img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.2s ease; } .title-box { font-size:1em; font: 14px/21px "DroidSansRegular",HelveticaNeue, Arial, sans-serif; color:white; } .subtitle { font-size:1em; font: 14px/21px "DroidSansRegular",HelveticaNeue, Arial, sans-serif; color:white; background:#3f454c; margin-bottom:23px; padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-transform:uppercase; } .title-prod { color: #0196CD; font-size: 1em; line-height: 1.4em; margin-bottom: 8px; font: 14px/21px "DroidSansRegular",HelveticaNeue, Arial, sans-serif; } .title-prod a { color: #0196CD; text-decoration:none; } .title-prod a:hover { text-shadow:0 0 2px white; text-decoration:underline; } .spacer { height:1px; width:100%; display:block; margin-bottom:30px; } .blue {color:#0196cd;} /* ==|== primary styles ===================================================== header ========================================================================== */ #header { background-color:#3f454c; } /*top Head */ #top-head { width:100%; display:block; background-color:#31353a; border-bottom:1px solid #22262a; color:#7c8c9c; font-family:"open_sansregular", arial, helvetica; font-size:0.7em; padding:0.5% 0; } #top-head .hello, #top-head .nav-top { margin-bottom:0; } #top-head .nav-top a { color:#7c8c9c; text-decoration:none; float:right; margin-left:25px; } #top-head .nav-top a:hover { color:white; } /*sec-head*/ #sec-head { width:100%; display:block; background-color:#3f454c; border-top:1px solid #53585e; padding-top:2%; } #sec-head .banner-top a { float:right; } #sec-head .banner-top a img { max-width: 100%; height: auto; margin:0 auto; } #sec-head .banner-top, #logo { } /*MENU ===================================================================*/ #menu-wrap { background-color:#5a646e; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; margin-top:30px; } #menu { /*-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset; -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset; box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;*/ } #menu:before, #menu:after { content: ""; display: table; } #menu:after { clear: both; } #menu { zoom:1; } #menu > li { float: left; border-right: 1px solid #3f454c; box-shadow: 1px 0 0 #6b747c; position: relative; } #menu li:last-child { border-right: 0px solid #3f454c; box-shadow: 0px 0 0 #6b747c; } #menu li:after { border-right:1px solid #6b747c; } #menu a { float: left; padding: 12px 30px; color: #fff; font: 1em "DroidSansBold", Arial, Helvetica; font-weight:normal; text-decoration: none; } #menu li:hover > a, #menu li.active > a { color: #3f454c; background:#cccccc; } #menu li:hover:first-child > a, #menu li.active:first-child > a { -moz-border-radius: 8px 0 0 0; -webkit-border-radius: 8px 0 0 0; border-radius: 8px 0 0 0; } /*Rounded Corner menu for the last li /*#menu li:hover:last-child > a, #menu li.active:last-child > a { -moz-border-radius: 0 8px 0 0; -webkit-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0; }*/ *html #menu li a:hover { /* IE6 only */ color: #fafafa; } #menu ul { margin: 20px 0 0 0; _margin: 0; /*IE6 only*/ opacity: 0; visibility: hidden; position: absolute; top: 40px; left: 0; z-index: 10; background: #cccccc; -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0,.3); -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0,.3); box-shadow: 0px 4px 8px rgba(0, 0, 0,.3); border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } #menu li:hover > ul { opacity: 1; visibility: visible; margin: 0; } #menu ul ul { top: 0; left: 150px; padding-left:30px; margin: 0 0 0 20px; width:309%; background-image:url(assets/img/shad-menu.png); background-repeat:no-repeat; background-position: -2px 50%; border-radius:0 5px 5px 0 ; -moz-box-shadow: 3px 4px 8px rgba(0, 0, 0,.3); -webkit-box-shadow: 3px 4px 8px rgba(0, 0, 0,.3); box-shadow: 3px 4px 8px rgba(0, 0, 0,.3); _margin: 0; /*IE6 only*/ } #menu ul ul li a:hover:before { border-top: 0px solid transparent; border-bottom: 0px solid transparent; border-left: 0px solid #5c6670; } #menu ul ul > li { float: left; -moz-box-shadow: 0 0px 0 #a09e9e, 0 0px 0 #e6e6e6; -webkit-box-shadow: 0 0px 0 #a09e9e, 0 0px 0 #e6e6e6; box-shadow: 0 0px 0 #a09e9e, 0 0px 0 #e6e6e6; } #menu ul li { float: none; display: block; border: 0; border-bottom: 1px solid #a09e9e _line-height: 0; /*IE6 only*/ -moz-box-shadow: 0 1px 0 #a09e9e, 0 2px 0 #e6e6e6; -webkit-box-shadow: 0 1px 0 #a09e9e, 0 2px 0 #e6e6e6; box-shadow: 0 1px 0 #a09e9e, 0 2px 0 #e6e6e6; padding-top: 2px; padding-bottom:2px; } #menu ul li:first-child { position: relative; } #menu ul li:last-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #menu ul li.down a{ position: relative; } #menu ul li.down > a:hover:before { content: ''; position: absolute; right: 10px; top: 40%; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #5c6670; } #menu ul a { color:#3f454c; font-family:"DroidSansBold", arail, helvetica; padding: 10px; width: 130px; _height: 10px; /*IE6 only*/ display: block; white-space: nowrap; float: none; text-transform: none; z-index:-0; } #menu ul a:hover { color:#5a646e; } /*Hidden Select Menu responsive*/ .select-wrap select { display: none; } /* ==|== primary styles ===================================================== Intro ========================================================================== */ #intro { width: 100%; display: block; position: relative; background-color: #CCC; padding: 2.5% 0; height: auto; } .outer-rounded { padding:2%; background-color:#bbbdbe; width: 96%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .inner-rounded { background:#eeeeee; padding:1%; -moz-box-shadow: inset 0 0 5px white; -webkit-box-shadow: inset 0 0 5px white; box-shadow: inner 0 0 5px white; position:relative; z-index: 1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .inner-rounded:before { content: ' '; position: absolute; top: 92%; width: 100%; height:39px; background:url("assets/img/shadow2.png") bottom center no-repeat; z-inde:0; } .inner-rounded.large:before { background:url("assets/img/shadow.png") bottom center no-repeat; } #banner-fade { margin:0 auto; position:relative; z-inde:-1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; display:block; } ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;} li.bjqs-slide{position:absolute; display:none;} ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;} ul.bjqs-controls.v-centered li a{position:absolute;z-index:0;} ul.bjqs-controls.v-centered li.bjqs-prev a, ul.bjqs-controls.v-centered li.bjqs-next a { -webkit-transition : 0s; -moz-transition : 0s; -o-transition : 0s; -ms-transition : 0s; transition : 0s; } ul.bjqs-controls.v-centered li.bjqs-next a, ul.bjqs-controls.v-centered li.bjqs-prev a { background-image:url(assets/img/arrwo-slide.png); background-repeat: no-repeat; width:55px; height:55px; text-indent:-9999px; } ul.bjqs-controls.v-centered li.bjqs-next a { right:0; background-position: -70px 0; } ul.bjqs-controls.v-centered li.bjqs-prev a { left:0; background-position: 0 0; } ul.bjqs-controls.v-centered li.bjqs-next a:hover { background-position: -70px -59px; } ul.bjqs-controls.v-centered li.bjqs-prev a:hover { background-position: 0 -59px ; } ol.bjqs-markers{display:none;} p.bjqs-caption{display:none;width:96%;margin:0;padding:2%;position:absolute;bottom:0;} /*Search ------------*/ #search { position:relative; z-index:0; overflow:hidden; height:auto; padding-bottom:2.7%; background-color:#5a646e; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; } #search .title-box { background:#3f454c; padding:10px; margin-bottom:34px; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; } .search-form { width:92%; display:block; margin: 0 auto; } .search-form .controls { margin-bottom:0px; position:relative; } /* setting the width and height of the SELECT element to match the replacing graphics */ select.select, select.select2{ position:relative; z-index:10; width:180px !important; height:33px !important; line-height:26px; left:5px; top:-3px; } /* dynamically created SPAN, placed below the SELECT */ span.select, span.select2{ position:absolute; bottom:0; float:left; left:0; width:209px; height:40px; line-height:46px; text-indent:10px; background:url(assets/img/select.png) no-repeat 0 0; cursor:default; z-index:1; } select.select option, select.select2 option { background-color:#3f454c; color:#cccccc; font-family:"DroidSansBold", arail, helvetica; } input.keyword { background-color: #C6D0DB; width: 83%; height: 17px; padding: 6px 10px; border: 1px solid #62676C; box-shadow: 0 0 0 3px #626C76; -moz-box-shadow: 0 0 0 3px #626C76; -webkit-box-shadow: 0 0 0 3px #626C76; border-radius:3px; margin-left:5px; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {input[type="text"], input[type="password"], input[type="email"], textarea, select border:1px solid #62676c; color: #444; -moz-box-shadow: 0 0 0 5px #626c76; -webkit-box-shadow: 0 0 0 5px #626c76; box-shadow: 0 0 0 5px #626c76; } .controls.button { overflow:hidden; padding: 4% 1.5%; border-radius:10px; background: #3e454d; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNlNDU0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MzVjNjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #3e454d 0%, #535c65 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e454d), color-stop(100%,#535c65)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3e454d 0%,#535c65 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3e454d 0%,#535c65 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3e454d 0%,#535c65 100%); /* IE10+ */ background: linear-gradient(to bottom, #3e454d 0%,#535c65 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e454d', endColorstr='#535c65',GradientType=0 ); /* IE6-8 */ } input[type="reset"].reset, input[type="submit"].search-btn { border:none; margin:0px 1.8%; float:left; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 0 5px #3F3F3F; -moz-box-shadow:0 0 5px #3F3F3F; -webkit-box-shadow:0 0 5px #3F3F3F; } input.reset { width:32%; height:33px; padding-left:20px; padding-top:0px; background: #e55f5f; /* Old browsers */ background-image: url(assets/img/ex.png) ; background-image: url(assets/img/ex.png), -moz-linear-gradient(top, #e55f5f 0%, #ac2b2b 100%); /* FF3.6+ */ background-image: url(assets/img/ex.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e55f5f), color-stop(100%,#ac2b2b)); /* Chrome,Safari4+ */ background-image: url(assets/img/ex.png), -webkit-linear-gradient(top, #e55f5f 0%,#ac2b2b 100%); /* Chrome10+,Safari5.1+ */ background-image: url(assets/img/ex.png), -o-linear-gradient(top, #e55f5f 0%,#ac2b2b 100%); /* Opera 11.10+ */ background-image: url(assets/img/ex.png), -ms-linear-gradient(top, #e55f5f 0%,#ac2b2b 100%); /* IE10+ */ background-image: url(assets/img/ex.png), linear-gradient(to bottom, #e55f5f 0%,#ac2b2b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e55f5f', endColorstr='#ac2b2b',GradientType=0 ); /* IE6-9 */ background-repeat:no-repeat; background-position: 50% 50%; } .lte9 input.reset{ background-image:url(assets/img/ex.png); } input[type="submit"].search-btn { width:60%; height:33px; padding-top:3px; float:left; font-size:1.1em; color:#1b1b1b; font-family:"DroidSansBold", arial, helvetica; text-shadow: 0em 0.1em 0.2em rgba(255, 255, 255, 0.7); background: #00afee; /* Old browsers */ background-image: url(assets/img/loop.png) ; background-image: url(assets/img/loop.png), -moz-linear-gradient(top, #00afee 0%, #0189b6 100%); /* FF3.6+ */ background-image: url(assets/img/loop.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00afee), color-stop(100%,#0189b6)); /* Chrome,Safari4+ */ background-image: url(assets/img/loop.png), -webkit-linear-gradient(top, #00afee 0%,#0189b6 100%); /* Chrome10+,Safari5.1+ */ background-image: url(assets/img/loop.png), -o-linear-gradient(top, #00afee 0%,#0189b6 100%); /* Opera 11.10+ */ background-image: url(assets/img/loop.png), -ms-linear-gradient(top, #00afee 0%,#0189b6 100%); /* IE10+ */ background-image: url(assets/img/loop.png), linear-gradient(to bottom, #00afee 0%,#0189b6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00afee', endColorstr='#0189b6',GradientType=0 ); /* IE6-9 */ background-repeat:no-repeat; background-position: 95% 50%; } input[type="reset"].reset:hover { background: #e25a5a url(assets/img/ex.png) 50% 50% no-repeat;/* Old browsers */ background-image: ; background-repeat: background-position: ; } input[type="submit"].search-btn:hover { background: #00aceb url(assets/img/loop.png) 95% 50% no-repeat; } input[type="reset"].reset:active { background: #a71818; /* Old browsers */ background-image: url(assets/img/ex.png) ; background-repeat:no-repeat; background-position: 50% 50%; } input[type="submit"].search-btn:active { background: #0e769d; /* Old browsers */ background-image: url(assets/img/loop.png) ; background-repeat:no-repeat; background-position: 95% 50%; } /* ==|== primary styles ===================================================== Main ========================================================================== */ #main { position:relative; background-color:#f5f5f5; padding-top:85px; padding-bottom:50px; } /*Scroller ----------*/ .scroller { height:40px; background:#edb800; position:absolute; top:0; left:0; width:100%; text-align:center; overflow:hidden; } .scroller p { color:#000; line-height:38px; font-size:1em; margin-bottom:0px; padding-top:5px; } .scroller a.bx-prev, .scroller a.bx-next { display:none; } /*Featured Product*/ .featprod { overflow:hidden; border-bottom:1px dotted #a4a6a9; padding-bottom:16px; margin-bottom:20px; } .img-result { background:#eeeeee; -moz-box-shadow: inset 0 0 5px #888; -webkit-box-shadow: inset 0 0 5px#888; box-shadow: inset 0 0 5px #888; padding:10px; float:left; overflow:hidden; width:18%; margin-right: 20px; margin-bottom: 15px; } .img-result img { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #d9d9d9; } .featprod .wrap-rslt { overflow:hidden; } .featprod .rslt { } .featprod .rslt li { display:block; margin-bottom:8px; } .featprod .rslt a.info { background:url("assets/img/info2.png") 0 0 no-repeat; width: 24px; height:24px; -webkit-transition : 0s; -moz-transition : 0s; -o-transition : 0s; -ms-transition : 0s; transition : 0s; } .featprod .rslt a.info:hover { background-position:0 -28px; } .featprod .rslt .count { display:inline-block; margin:0 2px; } .featprod .rslt a.review { color:#0196cd; text-decoration: none; } .featprod .rslt a.review:hover { text-decoration: underline; } .featprod .price-break, .featprod .real-price { font-family:"DroidSansBold", arial, helvetica; text-align:right; display:block; } .price-break { text-decoration: line-through; color:#b3b7bc; } .real-price { color:#0196cd; font-size:1.7em; } .featprod .cartbut-wrap {float:right;} /*Cart Button */ .cartbut-wrap { width: 79px; height: 31px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:6px; text-align:center; border:1px solid white; background: #b6b6b6; /* Old browsers */ background: -moz-linear-gradient(top, #b6b6b6 0%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6b6b6), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b6b6b6 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b6b6b6 0%,#f2f2f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b6b6b6 0%,#f2f2f2 100%); /* IE10+ */ background: linear-gradient(to bottom, #b6b6b6 0%,#f2f2f2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6b6b6', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ } .cartbut-wrap .cart-button { width:78px; height:31px; margin:0 auto; display:block; padding:0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow: 0px 1px 3px #a4a4a4; background: #f9f9f9; /* Old browsers */ background-image: url(assets/img/plucart.png) ; background-image: url(assets/img/plucart.png), -moz-linear-gradient(top, #f9f9f9 0%, #eaeaea 100%); /* FF3.6+ */ background-image: url(assets/img/plucart.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */ background-image: url(assets/img/plucart.png), -webkit-linear-gradient(top, #f9f9f9 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */ background-image: url(assets/img/plucart.png), -o-linear-gradient(top, #f9f9f9 0%,#eaeaea 100%); /* Opera 11.10+ */ background-image: url(assets/img/plucart.png), -ms-linear-gradient(top, #f9f9f9 0%,#eaeaea 100%); /* IE10+ */ background-image: url(assets/img/plucart.png), linear-gradient(to bottom, #f9f9f9 0%,#eaeaea 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */ background-position: 50% 50%; background-repeat:no-repeat; } .cartbut-wrap .cart-button:hover { background:#f6f6f6 url(assets/img/plucart.png) 50% 50% no-repeat ; } /*Pagination*/ .paginate-wrap { width:100%; overflow:hidden; background:url(assets/img/doted-page.png) top left repeat-x; } #pagination { overflow:hidden; float:right; } #pagination li{ font-size:13px; text-align:right; margin-left:5px; display:inline; float:left; } #pagination li a { padding: 3px 11px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none; } #pagination .previous-off, #pagination .next-off { color:#666666; display:block; padding:3px 8px; } #pagination .active { padding: 3px 11px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; text-decoration:none; color:white; display:block; background: #019ed1; -moz-box-shadow: inset 0 0 5px #444444; -webkit-box-shadow: inset 0 0 5px #444444 ; box-shadow: inset 0 0 5px #444444; } #pagination .next a { border:1px solid #dcdcdc; background: #ffffff; /* Old browsers */ padding: 2px 10px; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #ffffff 0%, #ededed 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#ededed 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ededed 99%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#ededed 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */ } #pagination a:link, #pagination a:visited { color:#3f454c; display:block; } #pagination a:hover{ color:white; background: #01b6dc; } /*Tech Article */ .box-art { width:95%; padding:15px; background:#fafafa; -moz-box-shadow: inset 0 0 5px #cbcbcb; -webkit-box-shadow: inset 0 0 5px #cbcbcb; box-shadow: inset 0 0 5px #cbcbcb; overflow:hidden; } .box-art .current-tpc { border-bottom:1px dotted #aaafb4; padding-bottom:15px; margin-bottom:5px; width:100%; overflow:hidden; } .box-art .current-tpc .date { font-size:0.8em; } .box-art .current-tpc .title-sdbr { color:#0196cd; text-transform:none; font-size:1.3em; } .box-art .current-tpc .title-sdbr a { color:#0196cd; text-decoration:none; } .box-art .current-tpc .title-sdbr a:hover {text-decoration:underline;} .current-tpc img.techbigthumb, .list-tech img.techlitthumb { width:181px; height:129px; padding:8px; float:left; margin-right:25px; margin-bottom:15px; background:white; border:1px solid #dddddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .list-tech img.techlitthumb { width:54px; height:54px; padding:4px; margin-right:10px; margin-bottom:10px; } a.read-full { color:#0196cd; text-transform:uppercase; font-size:0.8em; display:block; text-decoration:none; margin:10px 0; font-family:"DroidSansBold", arial, helvetica; } a.read-full:hover { color:#3f454c; } /*List Tect*/ .box-art .list-tech {overflow:hidden;} .list-tech li { float:left; border-right:1px dotted #aaafb4; padding-right:12px; margin-right:12px; width:29%; overflow:hidden; } .list-tech li:last-child { border:none; } .list-tech li p { margin-bottom:0px; } .list-tech li p a.read-full {margin:2px 0;display:block;} /* =========================================================================== Aside (sidebar) ===========================================================================*/ #sidebar { } .title-sdbr { font: normal 1.5em "DroidSansBold", arail, helvetica; color:#3f454c; text-transform: uppercase; line-height:1.3em; } .stack-aside { margin-bottom:40px; } .list-bestseler .article-best { border-bottom:1px dotted #cfd0d2; padding:10px 5px 10px; display:block; overflow:hidden; } .list-bestseler .article-best:hover { background:#e3e3e3; cursor:pointer; } .list-bestseler .article-best h2 { color:#0196cd; font-size:1em; line-height:1.4em; margin-bottom:8px; } .list-bestseler .article-best .thumb-besler { border:2px solid #dddddd; float:left; width:72px; height:75px; margin-right:10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:5px; background:white; } .list-bestseler .article-best .desc { overflow:hidden; } .list-bestseler .article-best .desc p { overflow:hidden; font-size:11px; margin-bottom:3px; line-height:1.2em } .article-best .stars { margin-bottom:5px; } .article-best .caption a { float:left; margin-left:0px; margin-right:8px; -webkit-transition: 0s; -moz-transition:0s; -o-transition:0s; -ms-transition:0s; transition: 0s; } .caption a.info { width: 18px; height: 18px; background: url(assets/img/info.png) 0 0 no-repeat; } .caption a.shop-bag { background:url(assets/img/cart.png) 0 0 no-repeat; width:21px; height:19px; display:inline-block; } .caption a.info:hover { background-position: 0 -27px; } .caption a.shop-bag:hover { background-position: 0 -28px; } /*Categories -----------------------------------------------------------*/ .categories li { border-bottom:1px dotted #cfd0d2; border-top:1px dotted #cfd0d2; position:relative; } .categories li a { display:block; padding:7px 0; color:#5a646e; text-decoration:none; position:relative; } .categories li a:hover { background:#0196cd; color:white; text-decoration:none; padding-left:5px; } /*advertise -------------------------------------------------------------*/ .advertise{ width:100%; display:block; text-align:center; margin:20px 0 0px 0; } .advertise a {overflow:hidden;padding:10px;} .advertise a img{ margin:0 auto;} .advertise a:hover img { box-shadow:0 0 10px #A5A5A5; float:none; margin:0 auto; } /* BLog Page ===============================================================*/ .featprod.blog-wrap {margin-bottom:28px;} .blog-item { /*overflow:hidden;*/ } .blog-title { font-size:1.4em ; line-height:1.2em; color:#0196cd; } .blog-title a { color:#0196cd; text-decoration:none; } .blog-title a:hover { text-decoration: underline; text-shadow:0 1px #fff; } /*meta*/ .meta { overflow:hidden; border-top:1px dotted #a4a6a9; padding-top:10px; } .meta span { float:left; margin-right:15px; padding-left:22px; padding-top:3px; background:url(assets/img/info-icon1.png) 0 50% no-repeat; margin-bottom: 15px; } .meta span.ethic{background:url(assets/img/info-icon2.png) 3px 50% no-repeat;padding-left:28px} .meta span.komeng{background:url(assets/img/info-icon3.png) 0 50% no-repeat;padding-left:26px} p{margin-bottom:5;} a.read-full { display:inline; margin:0; margin-left:4px; } .meta.detailmeta { margin-top:30px; } /*product page===========================================================*/ .wrapitem-product, .wraplist-blog { overflow:hidden; } #item-product { background: #EEE; -moz-box-shadow: inset 0 0 5px #888; -webkit-box-shadow: inset 0 0 5px#888; box-shadow: inset 0 0 5px #888; padding: 10px; width: 200px; float: left; overflow: hidden; margin: 0px 6px 18px 6px; position:relative; } #item-product img.list-blogthumb {margin:0 auto;} /* _______________________________________ 02 OVERLAY FADE _______________________________________ */ .overlay_fade { position:relative; width:197px; height:190px; border: 1px solid #D9D9D9; overflow:hidden; margin:0 auto; margin-bottom:15px; text-align:center; } .overlay_fade img.thumb-fprod { width:100%; border:none; } .overlay_fade .overlay_zoom { position:absolute; top:0px; width:88%; height:100%; padding:12px; background-image: url("../img/icons/zoom.png"); background-repeat:no-repeat; background-position:center center; /* Opacity */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0; /* Opacity Transition */ -webkit-transition:opacity .4s ease-in; -moz-transition:opacity .4s ease-in; -o-transition:opacity .4s ease-in; -ms-transition:opacity .4s ease-in; transition:opacity .4s ease-in; } .overlay_fade .overlay_zoom img{ margin:8px auto; } .overlay_fade .overlay_zoom p { color:#00aeef; text-shadow: 1px 0 1px black; margin-top:10px; } .overlay_fade:hover .overlay_zoom { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1; } .overlay_fade .zoom_white { background-color:rgba(255, 255, 255, 0.7); } .overlay_fade .zoom_black { background-color:rgba(0, 0, 0, 0.7); } /*Detail Blog Page ======================================================*/ .featprod.detail-blogwrap { margin-bottom:28px; border-bottom: 0px; } blockquote { position:relative; padding: 9px 20px 0 80px; border-left:none; } blockquote p { color:#018abe; line-height:1.7em; } blockquote:before { content: ""; display: block; background:url("assets/img/quote.png") 0 0 no-repeat; position:absolute; } blockquote:before { content: open-quote; height: 40px; left:-0px; width:50px; } .prevnext a { float:right; padding-right:20px; margin-left:10px; text-decoration:none; color:#5a646e; display:inline-block; } .prevnext a.nextP { background:url(assets/img/nextprev.png) 100% 0 no-repeat } .prevnext a.nextP:hover, .prevnext a.prevP:hover { background-position: 100% 128%; background-repeat: none; } .prevnext a.prevP { background:url(assets/img/prevnext.png) 100% 0% no-repeat } .spread-share { background:white; border:1px solid #d7d7d7; width:93%; padding:3%; overflow:hidden; margin:0 auto; margin-bottom:25px; } .spread-share span { float:left; color:#5b8dc4; padding-top:5px; } .spread-share .links { float:right; overflow:hidden; } .spread-share .links a { float:left; width:39px; height:30px; margin-left:8px; background-position: 0 0px; background-repeat:no-repeat; } .spread-share .links a:hover { background-position: 0 2px; } .spread-share .links a.fb{background-image:url(assets/img/share-fb.png);} .spread-share .links a.tw{background-image: url(assets/img/share-tw.png);} .spread-share .links a.google{background-image: url(assets/img/share-gogle.png);} .spread-share .links a.linkd{background-image: url(assets/img/share-linked.png);} .spread-share .links a.thumblr{background-image: url(assets/img/share-tumblr.png);} .spread-share .links a.robo{background-image: url(assets/img/share-robo.png);} .spread-share .links a.message{background-image: url(assets/img/share-msg.png);} /*About Author*/ .author-about { overflow:hidden; background:url(assets/img/bg-title.png) left bottom repeat-x; margin-bottom:25px; } .author-about img.img-author { float:left; width:78px; height:78px; margin-right:15px; margin-bottom:7px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 1px 5px #666; -moz-box-shadow: 0 1px 5px #666666; -webkit-box-shadow: 0 1px 5px #666; } /*list related Post*/ .list-blogitem { width:220px; float:left; margin-right:18px; margin-bottom:18px; overflow:hidden; } .list-blogitem:last-child { margin-right:0px; } .list-blogitem #item-product { width:194px !important; } /*Detail Product ===========================================================*/ /*Breadcrumb */ .breadcrumb { wdith:100%; display:block; border-bottom:1px dotted #b4b8bc; padding-bottom:15px; margin-bottom:15px; } .breadcrumb p { margin-bottom:2px; } .breadcrumb a, .breadcrumb span { display:inline; text-decoration:none; color:#249dd0; } .breadcrumb span { display:block; } /*Detail Product*/ .detail-product { width:96%; display:block; overflow:hidden; margin-bottom:30px; } .detail-product .dtl-thumbwrap { width:59%; float: left; margin-right:20px; } .detail-product .detail-inround { width:96%; height:auto; position:relative; text-align:center; padding: 2%; padding-top: 13px; background-color: #BBBDBE; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow:hidden; margin-bottom: 15px } .detail-inround img.thumb-dtl { margin:0 auto; border-radius:5px; border:8px solid #eeeeee; } .detail-inround span {display:block;} .detail-product .detail-inround .shadow-dtl { width:346px; height:11px; background:url(assets/img/shadow-dtl.png) 0 0 no-repeat; bottom:0; right:0; left:0; margin:0 auto; } .dtl-thumbwrap .share-dtl { width:100%; overflow:hidden; } .dtl-thumbwrap .share-dtl a {display:inline; width:22%;} .detail-desc { overflow:hidden; } .detail-desc .title-detail { font: 2em "DroidSansBold", arial, helvetica; color:#3f454c; line-height:1.3em; } .detail-desc h1, .detail-desc .reviews, .detail-desc .price, .detail-desc .categori, .detail-desc .code { border-bottom:1px dotted #cbcdd0; padding-bottom:8px; margin-bottom:10px; width:100%; display:block; overflow:hidden; } .detail-desc h1{font-weight:normal;} /*rating stars*/ .jquery-ratings-star { width: 19px; height: 18px; background-image: url('assets/img/empty-star.png'); background-repeat: no-repeat; position: relative; float: left; cursor:pointer; } .jquery-ratings-full { background-image: url('assets/img/full-star.png'); } .stars span {display:inline;padding:0 5px;} .stars .ratings {float:left; margin-right:4px;} .price span{margin-left:10px;display:inline;} .price a.but-cart{width:166px;height:54px;display:block;} .price a.but-cart:hover{padding-left:5px;} .detail-desc .cartbut-wrap { width: 182px; height:48px; } .detail-desc .cartbut-wrap .cart-button { text-decoration: none; font: 1.2em "DroidSansBold", arial, helvetica; text-transform: uppercase; color: #5A646E; width: 124px; text-align: center; padding-top: 15px; padding-left: 55px; background-position: 5% 50%; background-repeat: no-repeat; } .detail-desc .cartbut-wrap .cart-button:hover { background:#f6f6f6 url(assets/img/plucart.png) 5% 50% no-repeat ; } .detail-desc .categori a { display:inline; text-decoration:none; color:#0196cd; } .detail-desc .code{display: inline;border-bottom: 0;} /*banner Yellow*/ .banner-yellow { background: #e3e4e4; width:95%; padding:5px 7px; overflow:hidden; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-bottom:25px; position:relative; -moz-box-shadow: inset 0 0 5px #888; -webkit-box-shadow: inset 0 0 5px#888; box-shadow: inset 0 0 5px #888; } .banner-yellow img.thumbyelow { width:89px; height:89px; margin-top:10px; margin-right:10px; float:left; border:2px solid #dddddd; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } .banner-yellow .desc { overflow:hidden; padding:10px 20px 10px 10px; } .banner-yellow h1 { font: 1.5em "DroidSansBold", arial, helvetica; line-height:1em; margin-bottom:5px; text-transofrm:uppercase; color:#3f454c; text-shadow:0 1px white; } .banner-yellow p { font-size:14px; text-shadow:0 1px #F6F6F6; } .banner-yellow .close { display:block; position:absolute; right:10px; top:10px; width:15px; height:16px; } .banner-yellow .buynow { font-family:"DroidSansBold", arial, helvetica; color:#0492c7; text-decoration:none; } /*Tabs*/ #tabs_wrapper { width: 96% } #tabs_container { border-bottom: 1px solid #ccc; } #tabs { list-style: none; overflow:hidden; margin-bottom:-2px; } #tabs li { display: inline-block; border-radius:5px 5px 0 0; } #tabs li a { padding-top: 10px; padding-bottom: 8px; padding-left: 36px; padding-right:10px; line-height: 18px; color:white; background-color:#048cbf; background-repeat: no-repeat; border:1px solid #dddddd; border-bottom:1px solid white; font-family:"DroidSansBold", arial, helvetica; text-transform:uppercase; text-decoration:none; border-radius:0; border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; } #tabs li a.first { background-image:url(assets/img/info4.png) ; background-position: 10px -24px ; } #tabs li a.second { background-image:url(assets/img/star-tabs.png) ; background-position: 10px -22px ; } #tabs li.active a.second { background-position: 10px 9px; } #tabs li.active a.first { background-position: 10px 8px; } #tabs li a:hover { } #tabs li.active a { color:#0490c5; background-color:white; } #tabs_content_container { border: 1px solid #ccc; border-top: none; padding: 18px 10px; background:#fff; } .tab_content { display: none; } .tab_content img.thumb-tabs { border-radius:5px; border:2px solid #dfdfdf; float:left; margin-right:20px; margin-bottom:20px; } .tab_content .desc-tabs { overflow:hidden; } .tab_content p.title-destumb { font-family:"DroidSansBold", arial, helvetica; margin-bottom:5px; color:#048ec3; text-transform:uppercase; } /* ==|== primary styles ===================================================== Footer ========================================================================== */ #footer { background:#5a646e; height:auto; } #footer #footer-first { width:100%; padding:20px 0; padding-top:30px; overflow:hidden; border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; overflow:hidden; background:url(assets/img/line-foot.png) bottom left repeat-x; border-bottom:1px solid #3f454c; } #footer #footer-first nav.nav{float:left;margin-right:20px;} #footer-first .nav-header { padding: 3px 0px; font: normal 1.2em "DroidSansBold", arail, helvetica; text-transform:uppercase; color:white; padding-bottom:15px; } #footer-first .nav li{margin-bottom:4px;} #footer-first .nav li a{color:white ; text-decoration:none;} #footer-first .nav > li > a:hover{text-decoration:none;background-color:transparent;padding-left:3px; text-shadow:0 1px black;} .share { float:right; } .share p {margin-bottom:0px;} .share a { width: 39px; height: 37px; float:left; margin-right:8px; margin-bottom:8px; display:inline-block; background-image:url(assets/img/share.png); background-repeat:no-repeat; background-position: -4px 0; } .share a:hover { background-position: -4px 2px; } .share a.fb{background-position: -48px 0;} .share a.fb:hover{background-position: -48px 2px;} .share a.tw{background-position: -93px 0;} .share a.tw:hover{background-position: -93px 2px;} .share a.google{background-position: -137px 0;} .share a.google:hover{background-position: -137px 2px;} .share a.dribble{background-position: -181px 0;} .share a.dribble:hover{background-position: -181px 2px;} .share a.linkd{background-position: -222px 0;} .share a.linkd:hover{background-position: -222px 2px;} /*footer second */ #footer-second { width:100%; padding:8px 0; border-top:1px solid #8c939a; } #footer-second .logobottom {margin-left:0px;} #footer-second .logobottom a.amzonlogo{float:left;} #footer-second .logobottom a.amzonlogo img { padding-top:12px; } .logobottom p.copyright { color:white; float:left; padding-top:12px; margin-left:10px; font-size:11px; } #footer-second .payment { float:right; text-align:right; padding-top:10px; } /*Doc Widget switch */ #switchstyle { position: fixed; margin: 0px; padding: 0px; top: 50%; left: 0px; list-style: none; z-index:9999; } #switchstyle .docwrap { width: 100px; } #switchstyle .docwrap a { display: block; margin-left: -2px; font-size:1.2em; text-decoration:none; color:white; width: 80px; line-height:5em; padding-left:30px; background: #cccccc; /* Old browsers */ border:1px solid #AFAFAF; border-radius:0px 10px 10px 0px; -moz-border-radius:0px 10px 10px 0px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -khtml-border-top-right-radius: 10px; } /* ==|== non-semantic helper classes ======================================== */ .nocallout {-webkit-touch-callout: none;} textarea[contenteditable] {-webkit-appearance: none;} .gifhidden {position: absolute; left: -100%;} .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; }