Created
September 11, 2014 12:10
-
-
Save vimes1984/f65062f1bef688d266a3 to your computer and use it in GitHub Desktop.
stylesheet.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| html { | |
| overflow-y: scroll; | |
| margin: 0; | |
| padding: 0; | |
| /*max-width:1280px;*/ | |
| } | |
| body { | |
| background: url("/image/bg-with-astronaught.jpg") no-repeat scroll 0 0 #000000; | |
| color: #FFFFFF; | |
| font-family: Verdana, Geneva, sans-serif; | |
| margin: 0; | |
| /*max-width: 1280px;*/ | |
| padding: 0; | |
| background-position: top center; | |
| } | |
| body, td, th, input, textarea, select, a { | |
| font-size: 12px; | |
| } | |
| h1, .welcome { | |
| color: #fff; | |
| font: Verdana; | |
| margin-top: 0px; | |
| margin-bottom: 20px; | |
| font-size: 32px; | |
| font-weight: normal; | |
| text-shadow: 0 0 1px rgba(0, 0, 0, .01); | |
| } | |
| h2 { | |
| color: #fff; | |
| font-size: 16px; | |
| margin-top: 0px; | |
| margin-bottom: 5px; | |
| } | |
| p { | |
| margin-top: 0px; | |
| margin-bottom: 20px; | |
| } | |
| a, a:visited, a b { | |
| color: #38B0E3; | |
| text-decoration: underline; | |
| cursor: pointer; | |
| font-size: 11px; | |
| display: inline-table; | |
| } | |
| a:hover { | |
| text-decoration: none; | |
| } | |
| a img { | |
| border: none; | |
| } | |
| form { | |
| padding: 0; | |
| margin: 0; | |
| display: inline; | |
| } | |
| input[type='text'], input[type='password'], textarea { | |
| background: #F8F8F8; | |
| border: 1px solid #CCCCCC; | |
| padding: 3px; | |
| margin-left: 0px; | |
| margin-right: 0px; | |
| } | |
| select { | |
| background: none repeat scroll 0 0 #114164; | |
| border: 1px solid #CCCCCC; | |
| border-radius: 6px; | |
| color: #FFFFFF; | |
| padding: 2px; | |
| } | |
| label { | |
| cursor: pointer; | |
| } | |
| /* layout */ | |
| #container { | |
| width: 980px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| text-align: left; | |
| } | |
| #column-left { | |
| float: left; | |
| width: 180px; | |
| } | |
| #column-right { | |
| float: right; | |
| width: 180px; | |
| } | |
| #content { | |
| background-color: rgba(0, 0, 0, 0.75); | |
| border-width: 9px 9px 9px 9px; | |
| -webkit-border-image:url('/image/border-img.png') 9 9 9 9 stretch; | |
| -moz-border-image:url('/image/border-img.png') 9 9 9 9 stretch; | |
| border-image:url('/image/border-img.png') 9 9 9 9 fill stretch; | |
| margin-bottom: 25px; | |
| min-height: 400px; | |
| border-style:solid; | |
| position: relative; | |
| z-index:9; | |
| } | |
| #column-left + #column-right + #content, #column-left + #content { | |
| margin-left: 195px; | |
| } | |
| #column-right + #content { | |
| margin-right: 195px; | |
| } | |
| /* header */ | |
| #header { | |
| height: 90px; | |
| margin-bottom: 7px; | |
| padding-bottom: 4px; | |
| position: relative; | |
| z-index: 99; | |
| } | |
| #header #logo { | |
| position: absolute; | |
| top: 55px; | |
| left: 15px; | |
| } | |
| #language { | |
| position: absolute; | |
| top: 15px; | |
| left: 320px; | |
| width: 80px; | |
| color: #999; | |
| line-height: 17px; | |
| } | |
| #language img { | |
| cursor: pointer; | |
| margin-right: 5px; | |
| } | |
| #currency { | |
| color: #FFFFFF; | |
| line-height: 17px; | |
| /* margin-left: 34%; */ | |
| margin-top: 0%; | |
| position: absolute; | |
| width: 75px; | |
| } | |
| #currency a { | |
| border: 1px solid #FFFFFF; | |
| color: #FFFFFF; | |
| display: inline-block; | |
| margin-bottom: 2px; | |
| margin-right: 2px; | |
| padding: 2px 4px; | |
| text-decoration: none; | |
| } | |
| #currency a b { | |
| color: #fff; | |
| text-decoration: none; | |
| } | |
| #header #cart { | |
| margin-left: 79%; | |
| min-width: 345px; | |
| top: 0; | |
| z-index: 9; | |
| text-align: center; | |
| } | |
| #header #cart .heading { | |
| background: none repeat scroll 0 0 #114164; | |
| border: 2px solid #FFFFFF; | |
| border-radius: 5px; | |
| float: right; | |
| margin-right: 172px; | |
| margin-top: 15px; | |
| padding-left: 14px; | |
| padding-right: 14px; | |
| position: relative; | |
| z-index: 1; | |
| text-align: center; | |
| } | |
| #header #cart .heading h4 { | |
| color: #FFFFFF; | |
| font-size: 15px; | |
| font-weight: bold; | |
| margin-bottom: 3px; | |
| margin-top: 0; | |
| text-align: center; | |
| } | |
| #header #cart .heading a { | |
| color: #fff; | |
| text-decoration: none; | |
| text-align: center; | |
| } | |
| #header #cart .heading a span { | |
| color: #FFFFFF; | |
| /* padding-right: 15px; */ | |
| text-align: center; | |
| } | |
| #header #cart .content { | |
| clear: both; | |
| display: none; | |
| position: relative; | |
| top: -1px; | |
| padding: 8px; | |
| min-height: 150px; | |
| border-top: 1px solid #EEEEEE; | |
| border-left: 1px solid #EEEEEE; | |
| border-right: 1px solid #EEEEEE; | |
| border-bottom: 1px solid #EEEEEE; | |
| -webkit-border-radius: 0px 7px 7px 7px; | |
| -moz-border-radius: 0px 7px 7px 7px; | |
| -khtml-border-radius: 0px 7px 7px 7px; | |
| border-radius: 0px 7px 7px 7px; | |
| -webkit-box-shadow: 0px 2px 2px #DDDDDD; | |
| -moz-box-shadow: 0px 2px 2px #DDDDDD; | |
| box-shadow: 0px 2px 2px #DDDDDD; | |
| background: #FFF; | |
| } | |
| #header #cart.active .heading { | |
| margin-top: 5px; | |
| padding-top: 10px; | |
| padding-bottom: 6px; | |
| border-top: 1px solid #EEEEEE; | |
| border-left: 1px solid #EEEEEE; | |
| border-right: 1px solid #EEEEEE; | |
| -webkit-border-radius: 7px 7px 0px 0px; | |
| -moz-border-radius: 7px 7px 0px 0px; | |
| -khtml-border-radius: 7px 7px 0px 0px; | |
| border-radius: 7px 7px 0px 0px; | |
| text-align: center; | |
| } | |
| #header #cart.active .content { | |
| display: block; | |
| } | |
| .mini-cart-info table { | |
| border-collapse: collapse; | |
| width: 100%; | |
| margin-bottom: 5px; | |
| } | |
| .mini-cart-info td { | |
| color: #000; | |
| vertical-align: top; | |
| padding: 10px 5px; | |
| border-bottom: 1px solid #EEEEEE; | |
| } | |
| .mini-cart-info .image { | |
| width: 1px; | |
| } | |
| .mini-cart-info .image img { | |
| border: 1px solid #EEEEEE; | |
| text-align: left; | |
| } | |
| .mini-cart-info .name small { | |
| color: #666; | |
| } | |
| .mini-cart-info .quantity { | |
| text-align: right; | |
| } | |
| .mini-cart-info td.total { | |
| text-align: right; | |
| } | |
| .mini-cart-info .remove { | |
| text-align: right; | |
| } | |
| .mini-cart-info .remove img { | |
| cursor: pointer; | |
| } | |
| .mini-cart-total { | |
| text-align: right; | |
| } | |
| .mini-cart-total table { | |
| border-collapse: collapse; | |
| display: inline-block; | |
| margin-bottom: 5px; | |
| } | |
| .mini-cart-total td { | |
| color: #000; | |
| padding: 4px; | |
| } | |
| #header #cart .checkout { | |
| text-align: right; | |
| clear: both; | |
| } | |
| #header #cart .empty { | |
| padding-top: 50px; | |
| text-align: center; | |
| color: #000; | |
| } | |
| #header #search { | |
| margin-right: 1.3%; | |
| margin-top: 150px; | |
| position: absolute; | |
| right: 0; | |
| width: 298px; | |
| z-index: 0; | |
| } | |
| #header .button-search { | |
| background: url("/image/search.png") no-repeat scroll center center rgba(0, 0, 0, 0); | |
| border-right: 2px solid #FFFFFF; | |
| cursor: pointer; | |
| height: 24px; | |
| left: 0; | |
| position: absolute; | |
| width: 28px; | |
| } | |
| #header #search input { | |
| background: none repeat scroll 0 0 #114164; | |
| border: 2px solid #CCCCCC; | |
| border-radius: 10px; | |
| -webkit-border-radius: 10px 10px 10px 10px; | |
| -moz-border-radius: 10px 10px 10px 10px; | |
| -khtml-border-radius: 10px 10px 10px 10px; | |
| color: #FFFFFF; | |
| height: 21px; | |
| padding: 1px 1px 1px 33px; | |
| width: 75%; | |
| } | |
| #header #welcome { | |
| color: #FFFFFF; | |
| margin-left: 43%; | |
| position: absolute; | |
| text-align: right; | |
| top: 47px; | |
| width: 348px; | |
| z-index: 5; | |
| } | |
| #header .links { | |
| font-size: 10px; | |
| margin-right: 23%; | |
| margin-top: 2%; | |
| padding-right: 10px; | |
| position: absolute; | |
| right: 0; | |
| } | |
| #header .links a { | |
| float: left; | |
| display: block; | |
| padding: 0px 0px 0px 7px; | |
| color: #fff; | |
| text-decoration: none; | |
| font-size: 12px; | |
| } | |
| #header .links a + a { | |
| margin-left: 8px; | |
| border-left: 1px solid #CCC; | |
| } | |
| /* menu */ | |
| #menu { | |
| border-width: 7px 7px 7px 7px; | |
| -webkit-border-image:url('/image/border-img.png') 7 7 7 7 stretch; | |
| -moz-border-image:url('/image/border-img.png') 7 7 7 7 stretch; | |
| border-image:url('/image/border-img.png') 7 7 7 7 stretch; | |
| border-style: solid; | |
| margin-bottom: 25px; | |
| -webkit-box-shadow: 0 0 12px rgba(0,192,255,.75), 0 5px 5px rgba(0,0,0,.45); | |
| -moz-box-shadow: 0 0 12px rgba(0,192,255,.75), 0 5px 5px rgba(0,0,0,.45); | |
| box-shadow: 0 0 12px rgba(0,192,255,.75), 0 5px 5px rgba(0,0,0,.45); | |
| background-image: -webkit-linear-gradient(bottom, rgba(1,1,93,1), rgba(38,148,191,1)); | |
| background-image: -moz-linear-gradient(bottom, rgba(1,1,93,1), rgba(38,148,191,1)); | |
| background-image: -o-linear-gradient(bottom, rgba(1,1,93,1), rgba(38,148,191,1)); | |
| background-image: linear-gradient(to top, rgba(1,1,93,1), rgba(38,148,191,1)); | |
| height: 37px; | |
| margin: 9% auto 3%; | |
| /* padding: 0 15px;*/ | |
| width: 94%; | |
| } | |
| #menu ul { | |
| list-style: none; | |
| width: 100%; | |
| margin: 0 auto; | |
| } | |
| #menu > ul > li { | |
| position: relative; | |
| float: left; | |
| z-index: 20; | |
| padding: 6px 15px 15px 0px; | |
| text-align: center; | |
| } | |
| #menu > ul > li:hover { | |
| } | |
| #menu > ul > li > a { | |
| font-size: 13px; | |
| color: #FFF; | |
| line-height: 14px; | |
| text-decoration: none; | |
| display: block; | |
| padding: 6px 10px 6px 10px; | |
| margin-bottom: 5px; | |
| z-index: 11; | |
| position: relative; | |
| } | |
| #menu > ul > li:hover > a { | |
| background: #000000; | |
| -webkit-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| -khtml-border-radius: 5px; | |
| border-radius: 5px; | |
| } | |
| #menu > ul > li > div { | |
| display: none; | |
| position: absolute; | |
| z-index: 10; | |
| padding: 5px; | |
| border-width: 0px 5px 5px 5px; | |
| -webkit-border-image:url('/image/border-img.png') 9 9 9 9 stretch; | |
| -moz-border-image:url('/image/border-img.png') 9 9 9 9 stretch; | |
| border-image:url('/image/border-img.png') 9 9 9 9 fill stretch; | |
| border-style: solid; | |
| -webkit-border-radius: 0px 0px 5px 5px; | |
| -moz-border-radius: 0px 0px 5px 5px; | |
| -khtml-border-radius: 0px 0px 5px 5px; | |
| border-radius: 0px 0px 5px 5px; | |
| background-image: linear-gradient(to top, rgba(1, 1, 93, 0.71), rgba(38, 148, 191, 0.71)); | |
| -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.45); | |
| -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.45); | |
| box-shadow: 0 5px 5px rgba(0,0,0,0.45); | |
| background-image: -webkit-linear-gradient(bottom, rgba(1,1,93,.80), rgba(38,148,191,0.80)); | |
| background-image: -moz-linear-gradient(bottom, rgba(1,1,93,.80), rgba(38,148,191,0.80)); | |
| background-image: -o-linear-gradient(bottom, rgba(1,1,93,.80), rgba(38,148,191,0.80)); | |
| background-image: linear-gradient(to top, rgba(1,1,93,.80), rgba(38,148,191,0.80)); | |
| } | |
| #menu > ul > li:hover > div { | |
| display: table; | |
| } | |
| #menu > ul > li > div > ul { | |
| display: table-cell; | |
| } | |
| #menu > ul > li ul + ul { | |
| padding-left: 20px; | |
| } | |
| #menu > ul > li ul > li > a { | |
| text-decoration: none; | |
| padding: 4px; | |
| color: #FFFFFF; | |
| display: block; | |
| white-space: nowrap; | |
| min-width: 120px; | |
| } | |
| #menu > ul > li ul > li > a:hover { | |
| background: #000000; | |
| } | |
| #menu > ul > li > div > ul > li > a { | |
| color: #FFFFFF; | |
| } | |
| .breadcrumb { | |
| color: #CCCCCC; | |
| margin-bottom: 10px; | |
| } | |
| .success, .warning, .attention, .information { | |
| padding: 10px 10px 10px 33px; | |
| margin-bottom: 15px; | |
| color: #fff; | |
| border: solid 1px #000; | |
| margin-bottom: 25px; | |
| -webkit-box-shadow: 0 5px 5px rgba(0,0,0,1); | |
| -moz-box-shadow: 0 5px 5px rgba(0,0,0,.45); | |
| box-shadow: 0 5px 5px rgba(0,0,0,1); | |
| background-image: -webkit-linear-gradient(bottom, rgba(1,1,93,.61), rgba(38,148,191,.61)); | |
| background-image: -moz-linear-gradient(bottom, rgba(1,1,93,.61), rgba(38,148,191,.61)); | |
| background-image: -o-linear-gradient(bottom, rgba(1,1,93,.61), rgba(38,148,191,.61)); | |
| background-image: linear-gradient(to top, rgba(1,1,93,1), rgba(38,148,191,1)); | |
| } | |
| .success { | |
| /*background: #EAF7D9 url('../image/success.png') 10px center no-repeat;*/ | |
| color: #fff; | |
| border: solid 1px #000; | |
| margin-bottom: 25px; | |
| -webkit-box-shadow: 0 5px 5px rgba(0,0,0,1); | |
| -moz-box-shadow: 0 5px 5px rgba(0,0,0,.45); | |
| box-shadow: 0 5px 5px rgba(0,0,0,1); | |
| background-image: -webkit-linear-gradient(bottom, rgba(1,1,93,.61), rgba(38,148,191,.61)); | |
| background-image: -moz-linear-gradient(bottom, rgba(1,1,93,.61), rgba(38,148,191,.61)); | |
| background-image: -o-linear-gradient(bottom, rgba(1,1,93,.61), rgba(38,148,191,.61)); | |
| background-image: linear-gradient(to top, rgba(1,1,93,1), rgba(38,148,191,1)); | |
| z-index: 9999; | |
| opacity: 1 !important; | |
| } | |
| .warning { | |
| color: #fff; | |
| border: solid 1px #000; | |
| margin-bottom: 25px; | |
| -webkit-box-shadow: 0 5px 5px rgba(0,0,0,1); | |
| -moz-box-shadow: 0 5px 5px rgba(0,0,0,.45); | |
| box-shadow: 0 5px 5px rgba(0,0,0,1); | |
| background-image: -webkit-linear-gradient(bottom, rgba(1,1,93,.61), rgba(38,148,191,.61)); | |
| background-image: -moz-linear-gradient(bottom, rgba(1,1,93,.61), rgba(38,148,191,.61)); | |
| background-image: -o-linear-gradient(bottom, rgba(1,1,93,.61), rgba(38,148,191,.61)); | |
| background-image: linear-gradient(to top, rgba(1,1,93,1), rgba(38,148,191,1)); | |
| z-index: 9999; | |
| opacity: 1 !important; | |
| } | |
| .attention { | |
| color: #fff; | |
| border: solid 1px #000; | |
| margin-bottom: 25px; | |
| -webkit-box-shadow: 0 5px 5px rgba(0,0,0,1); | |
| -moz-box-shadow: 0 5px 5px rgba(0,0,0,.45); | |
| box-shadow: 0 5px 5px rgba(0,0,0,1); | |
| background-image: -webkit-linear-gradient(bottom, rgba(1,1,93,.61), rgba(38,148,191,.61)); | |
| background-image: -moz-linear-gradient(bottom, rgba(1,1,93,.61), rgba(38,148,191,.61)); | |
| background-image: -o-linear-gradient(bottom, rgba(1,1,93,.61), rgba(38,148,191,.61)); | |
| background-image: linear-gradient(to top, rgba(1,1,93,1), rgba(38,148,191,1)); | |
| z-index: 9999; | |
| opacity: 1 !important; | |
| } | |
| .success .close, .warning .close, .attention .close, .information .close { | |
| float: right; | |
| padding-top: 4px; | |
| padding-right: 4px; | |
| cursor: pointer; | |
| } | |
| .required { | |
| color: #FF0000; | |
| font-weight: bold; | |
| } | |
| .error { | |
| display: block; | |
| color: #FF0000; | |
| } | |
| .help { | |
| color: #999; | |
| font-size: 10px; | |
| font-weight: normal; | |
| font-family: Verdana, Geneva, sans-serif; | |
| display: block; | |
| } | |
| table.form { | |
| width: 100%; | |
| border-collapse: collapse; | |
| margin-bottom: 20px; | |
| } | |
| table.form tr td:first-child { | |
| width: 150px; | |
| } | |
| table.form > * > * > td { | |
| color: #ccc | |
| } | |
| table.form td { | |
| padding: 4px; | |
| } | |
| input.large-field, select.large-field { | |
| width: 300px; | |
| } | |
| table.list { | |
| border-collapse: collapse; | |
| width: 100%; | |
| border-top: 1px solid #DDDDDD; | |
| border-left: 1px solid #DDDDDD; | |
| margin-bottom: 20px; | |
| } | |
| table.list td { | |
| border-right: 1px solid #DDDDDD; | |
| border-bottom: 1px solid #DDDDDD; | |
| } | |
| table.list thead td { | |
| background-color: #EFEFEF; | |
| padding: 0px 5px; | |
| } | |
| table.list thead td a, .list thead td { | |
| text-decoration: none; | |
| color: #222222; | |
| font-weight: bold; | |
| } | |
| table.list tbody td { | |
| padding: 0px 5px; | |
| } | |
| table.list .left { | |
| text-align: left; | |
| padding: 7px; | |
| } | |
| table.list .right { | |
| text-align: right; | |
| padding: 7px; | |
| } | |
| table.list .center { | |
| text-align: center; | |
| padding: 7px; | |
| } | |
| table.radio { | |
| width: 100%; | |
| border-collapse: collapse; | |
| } | |
| table.radio td { | |
| padding: 5px; | |
| } | |
| table.radio td label { | |
| display: block; | |
| } | |
| table.radio tr td:first-child { | |
| width: 1px; | |
| } | |
| table.radio tr td:first-child input { | |
| margin-top: 1px; | |
| } | |
| table.radio tr.highlight:hover td { | |
| /*background: #F1FFDD;*/ | |
| cursor: pointer; | |
| } | |
| .pagination { | |
| border-top: 1px solid #EEEEEE; | |
| padding-top: 8px; | |
| display: inline-block; | |
| width: 100%; | |
| margin-bottom: 10px; | |
| } | |
| .pagination .links { | |
| float: left; | |
| } | |
| .pagination .links a { | |
| display: inline-block; | |
| border: 1px solid #EEEEEE; | |
| padding: 4px 10px; | |
| text-decoration: none; | |
| color: #A3A3A3; | |
| } | |
| .pagination .links b { | |
| display: inline-block; | |
| border: 1px solid #269BC6; | |
| padding: 4px 10px; | |
| font-weight: normal; | |
| text-decoration: none; | |
| color: #269BC6; | |
| background: #FFFFFF; | |
| } | |
| .pagination .results { | |
| float: right; | |
| padding-top: 3px; | |
| } | |
| /* button */ | |
| a.button, input.button { | |
| cursor: pointer; | |
| color: #FFFFFF; | |
| line-height: 12px; | |
| font-family: Arial, Helvetica, sans-serif; | |
| font-size: 12px; | |
| font-weight: bold; | |
| background: url('../image/button.png') repeat-x; | |
| -webkit-border-radius: 7px 7px 7px 7px; | |
| -moz-border-radius: 7px 7px 7px 7px; | |
| -khtml-border-radius: 7px 7px 7px 7px; | |
| border-radius: 7px 7px 7px 7px; | |
| -webkit-box-shadow: 0px 2px 2px #DDDDDD; | |
| -moz-box-shadow: 0px 2px 2px #DDDDDD; | |
| box-shadow: 0px 2px 2px #DDDDDD; | |
| } | |
| a.button { | |
| display: inline-block; | |
| text-decoration: none; | |
| padding: 6px 12px 6px 12px; | |
| } | |
| input.button { | |
| margin: 0; | |
| border: 0; | |
| height: 24px; | |
| padding: 0px 12px 0px 12px; | |
| } | |
| a.button:hover, input.button:hover { | |
| background-position: 0px -24px; | |
| } | |
| .buttons { | |
| /*background: #FFFFFF; | |
| border: 1px solid #EEEEEE;*/ | |
| overflow: auto; | |
| padding: 6px; | |
| margin-bottom: 20px; | |
| } | |
| .buttons .left { | |
| float: left; | |
| text-align: left; | |
| } | |
| .buttons .right { | |
| float: right; | |
| text-align: right; | |
| } | |
| .buttons .center { | |
| text-align: center; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .htabs { | |
| height: 30px; | |
| line-height: 16px; | |
| border-bottom: 1px solid #DDDDDD; | |
| } | |
| .htabs a { | |
| border-top: 1px solid #DDDDDD; | |
| border-left: 1px solid #DDDDDD; | |
| border-right: 1px solid #DDDDDD; | |
| background: #FFFFFF url('../image/tab.png') repeat-x; | |
| padding: 7px 15px 6px 15px; | |
| float: left; | |
| font-family: Arial, Helvetica, sans-serif; | |
| font-size: 13px; | |
| font-weight: bold; | |
| text-align: center; | |
| text-decoration: none; | |
| color: #000000; | |
| margin-right: 2px; | |
| display: none; | |
| } | |
| .htabs a.selected { | |
| padding-bottom: 7px; | |
| background: #FFFFFF; | |
| } | |
| .tab-content { | |
| margin-bottom: 20px; | |
| overflow: auto; | |
| padding: 10px; | |
| width: 90%; | |
| z-index: 2; | |
| } | |
| /* box */ | |
| .box { | |
| margin-bottom: 20px; | |
| } | |
| .box .box-heading { | |
| padding: 8px 10px 7px 10px; | |
| font-family: Arial, Helvetica, sans-serif; | |
| font-size: 14px; | |
| font-weight: bold; | |
| line-height: 14px; | |
| color: #fff; | |
| } | |
| .box .box-content { | |
| padding: 10px; | |
| } | |
| .box .box-catbut { | |
| width:25%; | |
| } | |
| /* box products */ | |
| .box-product { | |
| width: 100%; | |
| overflow: auto; | |
| /*margin-left: 4%;*/ | |
| } | |
| .box-product > div { | |
| display: inline-block; | |
| width: 225px; | |
| margin-right: 15px; | |
| margin-bottom: 15px; | |
| } | |
| #column-left + #column-right + #content .box-product > div { | |
| width: 165px; | |
| } | |
| .box-product .image { | |
| display: block; | |
| margin-bottom: 0px; | |
| } | |
| .box-product .image img { | |
| padding: 3px; | |
| border: 1px solid #E7E7E7; | |
| } | |
| .box-product .name a { | |
| color: #38B0E3; | |
| font-weight: bold; | |
| text-decoration: none; | |
| display: block; | |
| margin-bottom: 4px; | |
| } | |
| .box-product .price { | |
| display: block; | |
| font-weight: bold; | |
| color: #fff; | |
| margin-bottom: 4px; | |
| } | |
| .box-product .price-old { | |
| color: #Fff; | |
| text-decoration: line-through; | |
| } | |
| .box-product .price-new { | |
| font-weight: bold; | |
| } | |
| .box-product .rating { | |
| display: block; | |
| margin-bottom: 4px; | |
| } | |
| /* box category */ | |
| ul.box-category, ul.box-category ul { | |
| list-style: none; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| ul.box-category > li:first-child { | |
| padding: 0px 8px 8px 0px; | |
| } | |
| ul.box-category > li { | |
| padding: 8px 8px 8px 0px; | |
| } | |
| ul.box-category > li + li { | |
| border-top: 1px solid #EEEEEE; | |
| } | |
| ul.box-category > li > a { | |
| text-decoration: none; | |
| color: #333; | |
| } | |
| ul.box-category > li ul { | |
| display: none; | |
| } | |
| ul.box-category > li a.active { | |
| font-weight: bold; | |
| } | |
| ul.box-category > li a.active + ul { | |
| display: block; | |
| } | |
| ul.box-category > li ul > li { | |
| padding: 5px 5px 0px 10px; | |
| } | |
| ul.box-category > li ul > li > a { | |
| text-decoration: none; | |
| display: block; | |
| } | |
| ul.box-category > li ul > li > a.active { | |
| font-weight: bold; | |
| } | |
| /* box filter */ | |
| ul.box-filter, ul.box-filter ul { | |
| list-style: none; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| ul.box-filter span { | |
| font-weight: bold; | |
| border-bottom: 1px solid #EEEEEE; | |
| display: block; | |
| padding-bottom: 5px; | |
| margin-bottom: 8px; | |
| } | |
| ul.box-filter > li ul { | |
| padding-bottom: 10px; | |
| } | |
| /* content */ | |
| #content .content { | |
| padding: 10px; | |
| overflow: auto; | |
| margin-bottom: 20px; | |
| border: 1px solid #EEEEEE; | |
| } | |
| #content .content .left { | |
| float: left; | |
| width: 49%; | |
| } | |
| #content .content .right { | |
| float: right; | |
| width: 49%; | |
| } | |
| /* category */ | |
| .category-info { | |
| overflow: auto; | |
| margin-bottom: 20px; | |
| } | |
| .category-info .image { | |
| float: left; | |
| padding: 5px; | |
| margin-right: 15px; | |
| border: 1px solid #E7E7E7; | |
| } | |
| .category-list { | |
| overflow: auto; | |
| margin-bottom: 20px; | |
| } | |
| .category-list ul { | |
| float: left; | |
| width: 32%; | |
| } | |
| /* manufacturer */ | |
| .manufacturer-list { | |
| border: 1px solid #DBDEE1; | |
| padding: 5px; | |
| overflow: auto; | |
| margin-bottom: 20px; | |
| } | |
| .manufacturer-heading { | |
| background: #F8F8F8; | |
| font-size: 15px; | |
| font-weight: bold; | |
| padding: 5px 8px; | |
| margin-bottom: 6px; | |
| } | |
| .manufacturer-content { | |
| padding: 8px; | |
| } | |
| .manufacturer-list ul { | |
| float: left; | |
| width: 25%; | |
| margin: 0; | |
| padding: 0; | |
| list-style: none; | |
| margin-bottom: 10px; | |
| } | |
| /* product */ | |
| .product-filter { | |
| border-bottom: 1px solid #EEEEEE; | |
| padding-bottom: 5px; | |
| overflow: auto; | |
| } | |
| .product-filter .display { | |
| margin-right: 15px; | |
| float: left; | |
| padding-top: 4px; | |
| color: #ccc; | |
| } | |
| .product-filter .display a { | |
| font-weight: bold; | |
| } | |
| .product-filter .sort { | |
| float: right; | |
| color: #ccc; | |
| } | |
| .product-filter .limit { | |
| margin-left: 15px; | |
| float: right; | |
| color: #ccc; | |
| } | |
| .product-compare { | |
| padding-top: 6px; | |
| margin-bottom: 25px; | |
| font-weight: bold; | |
| } | |
| .product-compare a { | |
| text-decoration: none; | |
| font-weight: bold; | |
| } | |
| .product-list > div { | |
| overflow: auto; | |
| margin-bottom: 15px; | |
| } | |
| .product-list .right { | |
| float: right; | |
| margin-left: 15px; | |
| } | |
| .product-list > div + div { | |
| border-top: 1px solid #EEEEEE; | |
| padding-top: 16px; | |
| } | |
| .product-list .image { | |
| float: left; | |
| margin-right: 10px; | |
| } | |
| .product-list .image img { | |
| padding: 3px; | |
| border: 1px solid #E7E7E7; | |
| } | |
| .product-list .name { | |
| margin-bottom: 3px; | |
| } | |
| .product-list .name a { | |
| color: #38B0E3; | |
| font-weight: bold; | |
| text-decoration: none; | |
| } | |
| .product-list .description { | |
| line-height: 15px; | |
| margin-bottom: 5px; | |
| color: #ccc; | |
| } | |
| .product-list .rating { | |
| color: #ccc; | |
| } | |
| .product-list .price { | |
| float: right; | |
| height: 50px; | |
| margin-left: 8px; | |
| text-align: right; | |
| color: #fff; | |
| font-size: 12px; | |
| } | |
| .product-list .price-old { | |
| color: #F00; | |
| text-decoration: line-through; | |
| } | |
| .product-list .price-new { | |
| font-weight: bold; | |
| } | |
| .product-list .price-tax { | |
| font-size: 12px; | |
| font-weight: normal; | |
| color: #BBBBBB; | |
| } | |
| .product-list .cart { | |
| margin-bottom: 3px; | |
| } | |
| .product-list .wishlist, .product-list .compare { | |
| margin-bottom: 3px; | |
| } | |
| .product-list .wishlist a { | |
| color: #ccc; | |
| text-decoration: none; | |
| padding-left: 18px; | |
| display: block; | |
| background: url('../image/add.png') left center no-repeat; | |
| } | |
| .product-list .compare a { | |
| color: #ccc; | |
| text-decoration: none; | |
| padding-left: 18px; | |
| display: block; | |
| background: url('../image/add.png') left 60% no-repeat; | |
| } | |
| .product-grid { | |
| width: 93.8%; | |
| overflow: auto; | |
| /*margin-left: 9%;*/ | |
| margin-left:30px; | |
| /* margin-right: auto; */ | |
| } | |
| .product-grid > div { | |
| width: 215px; | |
| display: inline-block; | |
| vertical-align: top; | |
| margin-right: 20px; | |
| margin-bottom: 15px; | |
| } | |
| #column-left + #column-right + #content .product-grid > div { | |
| width: 125px; | |
| padding-right: 30px; | |
| } | |
| .product-grid .image { | |
| display: block; | |
| margin-bottom: 0px; | |
| /*width: 170px;*/ | |
| text-align: center; | |
| width: 215px; | |
| } | |
| .product-grid .image img { | |
| padding: 3px; | |
| border: 1px solid #E7E7E7; | |
| /* width: 120px; */ | |
| } | |
| .product-grid .name a { | |
| color: #38B0E3; | |
| font-weight: bold; | |
| text-decoration: none; | |
| display: block; | |
| margin-bottom: 4px; | |
| } | |
| .product-grid .description { | |
| display: none; | |
| } | |
| .product-grid .rating { | |
| display: block; | |
| margin-bottom: 4px; | |
| } | |
| .product-grid .price { | |
| display: block; | |
| font-weight: bold; | |
| color: #ccc; | |
| margin-bottom: 4px; | |
| } | |
| .product-grid .price-old { | |
| color: #F00; | |
| text-decoration: line-through; | |
| } | |
| .product-grid .price-new { | |
| font-weight: bold; | |
| } | |
| .product-grid .price .price-tax { | |
| display: none; | |
| } | |
| .product-grid .cart { | |
| margin-bottom: 3px; | |
| } | |
| .product-grid .wishlist, .product-grid .compare { | |
| margin-bottom: 3px; | |
| } | |
| .product-grid .wishlist a { | |
| color: #ccc; | |
| text-decoration: none; | |
| padding-left: 18px; | |
| display: block; | |
| background: url('../image/add.png') left center no-repeat; | |
| } | |
| .product-grid .compare a { | |
| color: #ccc; | |
| text-decoration: none; | |
| padding-left: 18px; | |
| display: block; | |
| background: url('../image/add.png') left center no-repeat; | |
| } | |
| /* Product */ | |
| .product-info { | |
| overflow: auto; | |
| margin-bottom: 20px; | |
| } | |
| .product-info > .left { | |
| float: left; | |
| margin-right: 15px; | |
| } | |
| .product-info > .left + .right { | |
| margin-left: 265px; | |
| } | |
| .product-info .image { | |
| border: 1px solid #E7E7E7; | |
| float: left; | |
| margin-bottom: 20px; | |
| padding: 10px; | |
| text-align: center; | |
| } | |
| .product-info .image-additional { | |
| width: 260px; | |
| margin-left: -10px; | |
| clear: both; | |
| overflow: hidden; | |
| } | |
| .product-info .image-additional img { | |
| border: 1px solid #E7E7E7; | |
| } | |
| .product-info .image-additional a { | |
| float: left; | |
| display: block; | |
| margin-left: 10px; | |
| /*margin-bottom: 10px;*/ | |
| } | |
| .product-info .description { | |
| border-top: 1px solid #E7E7E7; | |
| border-bottom: 1px solid #E7E7E7; | |
| padding: 5px 5px 10px 5px; | |
| margin-bottom: 10px; | |
| line-height: 20px; | |
| color: #ccc; | |
| } | |
| .product-info .description span { | |
| color: #38B0E3; | |
| } | |
| .product-info .description a { | |
| color: #4D4D4D; | |
| text-decoration: none; | |
| } | |
| .product-info .price { | |
| overflow: auto; | |
| border-bottom: 1px solid #E7E7E7; | |
| padding: 0px 5px 10px 5px; | |
| margin-bottom: 10px; | |
| font-size: 15px; | |
| font-weight: bold; | |
| color: #fff; | |
| } | |
| .product-info .price-old { | |
| color: #F00; | |
| text-decoration: line-through; | |
| } | |
| .product-info .price-new { | |
| } | |
| .product-info .price-tax { | |
| font-size: 12px; | |
| font-weight: normal; | |
| color: #999; | |
| } | |
| .product-info .price .reward { | |
| font-size: 12px; | |
| font-weight: normal; | |
| color: #999; | |
| } | |
| .product-info .price .discount { | |
| font-weight: normal; | |
| font-size: 12px; | |
| color: #4D4D4D; | |
| } | |
| .product-info .options { | |
| border-bottom: 1px solid #E7E7E7; | |
| padding: 0px 5px 10px 5px; | |
| margin-bottom: 10px; | |
| color: #fff; | |
| } | |
| .product-info .option-image { | |
| margin-top: 3px; | |
| margin-bottom: 10px; | |
| } | |
| .product-info .option-image label { | |
| display: block; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .product-info .option-image img { | |
| margin-right: 5px; | |
| border: 1px solid #CCCCCC; | |
| cursor: pointer; | |
| } | |
| .product-info .cart { | |
| border-bottom: 1px solid #E7E7E7; | |
| padding: 0px 5px 10px 5px; | |
| margin-bottom: 20px; | |
| color: #4D4D4D; | |
| } | |
| .product-info .cart div > span { | |
| color: #999; | |
| display:none; | |
| } | |
| .product-info .cart .links { | |
| margin-top:5px; | |
| display: inline-block; | |
| vertical-align: middle; | |
| } | |
| .product-info .cart .minimum { | |
| padding-top: 5px; | |
| font-size: 11px; | |
| color: #999; | |
| } | |
| .product-info .review { | |
| color: #4D4D4D; | |
| border-top: 1px solid #E7E7E7; | |
| border-left: 1px solid #E7E7E7; | |
| border-right: 1px solid #E7E7E7; | |
| margin-bottom: 10px; | |
| } | |
| .product-info .review > div { | |
| padding: 8px; | |
| border-bottom: 1px solid #E7E7E7; | |
| line-height: 20px; | |
| } | |
| .product-info .review > div > span { | |
| color: #38B0E3; | |
| } | |
| .product-info .review .share { | |
| overflow: auto; | |
| line-height: normal; | |
| } | |
| .product-info .review .share a { | |
| text-decoration: none; | |
| } | |
| .review-list { | |
| padding: 10px; | |
| overflow: auto; | |
| margin-bottom: 20px; | |
| border: 1px solid #EEEEEE; | |
| } | |
| .review-list .author { | |
| float: left; | |
| margin-bottom: 20px; | |
| } | |
| .review-list .rating { | |
| float: right; | |
| margin-bottom: 20px; | |
| } | |
| .review-list .text { | |
| clear: both; | |
| } | |
| .attribute { | |
| border-collapse: collapse; | |
| width: 100%; | |
| border-top: 1px solid #DDDDDD; | |
| border-left: 1px solid #DDDDDD; | |
| margin-bottom: 20px; | |
| } | |
| .attribute thead td, .attribute thead tr td:first-child { | |
| color: #000000; | |
| font-size: 14px; | |
| font-weight: bold; | |
| background: #F7F7F7; | |
| text-align: left; | |
| } | |
| .attribute tr td:first-child { | |
| color: #000000; | |
| font-weight: bold; | |
| text-align: right; | |
| width: 20%; | |
| } | |
| .attribute td { | |
| padding: 7px; | |
| color: #4D4D4D; | |
| text-align: center; | |
| vertical-align: top; | |
| border-right: 1px solid #DDDDDD; | |
| border-bottom: 1px solid #DDDDDD; | |
| } | |
| .compare-info { | |
| border-collapse: collapse; | |
| width: 100%; | |
| border-top: 1px solid #DDDDDD; | |
| border-left: 1px solid #DDDDDD; | |
| margin-bottom: 20px; | |
| } | |
| .compare-info thead td, .compare-info thead tr td:first-child { | |
| color: #000000; | |
| font-size: 14px; | |
| font-weight: bold; | |
| background: #F7F7F7; | |
| text-align: left; | |
| } | |
| .compare-info tr td:first-child { | |
| color: #000000; | |
| font-weight: bold; | |
| text-align: right; | |
| } | |
| .compare-info td { | |
| padding: 7px; | |
| width: 20%; | |
| color: #ccc; | |
| text-align: center; | |
| vertical-align: top; | |
| border-right: 1px solid #DDDDDD; | |
| border-bottom: 1px solid #DDDDDD; | |
| } | |
| .compare-info .name a { | |
| font-weight: bold; | |
| } | |
| .compare-info .price-old { | |
| font-weight: bold; | |
| color: #F00; | |
| text-decoration: line-through; | |
| } | |
| .compare-info .price-new { | |
| font-weight: bold; | |
| } | |
| /* wishlist */ | |
| .wishlist-info table { | |
| width: 100%; | |
| border-collapse: collapse; | |
| border-top: 1px solid #DDDDDD; | |
| border-left: 1px solid #DDDDDD; | |
| border-right: 1px solid #DDDDDD; | |
| margin-bottom: 20px; | |
| } | |
| .wishlist-info td { | |
| padding: 7px; | |
| } | |
| .wishlist-info thead td { | |
| color: #4D4D4D; | |
| font-weight: bold; | |
| background-color: #F7F7F7; | |
| border-bottom: 1px solid #DDDDDD; | |
| } | |
| .wishlist-info thead .image { | |
| text-align: center; | |
| } | |
| .wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock { | |
| text-align: left; | |
| } | |
| .wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action { | |
| text-align: right; | |
| } | |
| .wishlist-info tbody td { | |
| vertical-align: top; | |
| border-bottom: 1px solid #DDDDDD; | |
| } | |
| .wishlist-info tbody .image img { | |
| border: 1px solid #DDDDDD; | |
| } | |
| .wishlist-info tbody .image { | |
| text-align: center; | |
| } | |
| .wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock { | |
| text-align: left; | |
| } | |
| .wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action { | |
| text-align: right; | |
| } | |
| .wishlist-info tbody .price s { | |
| color: #F00; | |
| } | |
| .wishlist-info tbody .action img { | |
| cursor: pointer; | |
| } | |
| .login-content { | |
| margin-bottom: 20px; | |
| overflow: auto; | |
| } | |
| .login-content .left { | |
| float: left; | |
| width: 48%; | |
| } | |
| .login-content .right { | |
| float: right; | |
| width: 48% | |
| } | |
| .login-content .left .content, .login-content .right .content { | |
| min-height: 190px; | |
| } | |
| /* orders */ | |
| .order-list { | |
| margin-bottom: 10px; | |
| } | |
| .order-list .order-id { | |
| width: 49%; | |
| float: left; | |
| margin-bottom: 2px; | |
| } | |
| .order-list .order-status { | |
| width: 49%; | |
| float: right; | |
| text-align: right; | |
| margin-bottom: 2px; | |
| } | |
| .order-list .order-content { | |
| padding: 10px 0px; | |
| display: inline-block; | |
| width: 100%; | |
| margin-bottom: 20px; | |
| border-top: 1px solid #EEEEEE; | |
| border-bottom: 1px solid #EEEEEE; | |
| } | |
| .order-list .order-content div { | |
| float: left; | |
| width: 33.3%; | |
| } | |
| .order-list .order-info { | |
| text-align: right; | |
| } | |
| .order-detail { | |
| background: #EFEFEF; | |
| font-weight: bold; | |
| } | |
| /* returns */ | |
| .return-list { | |
| margin-bottom: 10px; | |
| } | |
| .return-list .return-id { | |
| width: 49%; | |
| float: left; | |
| margin-bottom: 2px; | |
| } | |
| .return-list .return-status { | |
| width: 49%; | |
| float: right; | |
| text-align: right; | |
| margin-bottom: 2px; | |
| } | |
| .return-list .return-content { | |
| padding: 10px 0px; | |
| display: inline-block; | |
| width: 100%; | |
| margin-bottom: 20px; | |
| border-top: 1px solid #EEEEEE; | |
| border-bottom: 1px solid #EEEEEE; | |
| } | |
| .return-list .return-content div { | |
| float: left; | |
| width: 33.3%; | |
| } | |
| .return-list .return-info { | |
| text-align: right; | |
| } | |
| .return-product { | |
| overflow: auto; | |
| margin-bottom: 20px; | |
| } | |
| .return-name { | |
| float: left; | |
| width: 31%; | |
| margin-right: 15px; | |
| } | |
| .return-model { | |
| float: left; | |
| width: 31%; | |
| margin-right: 15px; | |
| } | |
| .return-quantity { | |
| float: left; | |
| width: 31%; | |
| } | |
| .return-detail { | |
| overflow: auto; | |
| margin-bottom: 20px; | |
| } | |
| .return-reason { | |
| float: left; | |
| width: 31%; | |
| margin-right: 15px; | |
| } | |
| .return-opened { | |
| float: left; | |
| width: 31%; | |
| margin-right: 15px; | |
| } | |
| .return-opened textarea { | |
| width: 98%; | |
| vertical-align: top; | |
| } | |
| .return-captcha { | |
| float: left; | |
| } | |
| .download-list { | |
| margin-bottom: 10px; | |
| } | |
| .download-list .download-id { | |
| width: 49%; | |
| float: left; | |
| margin-bottom: 2px; | |
| } | |
| .download-list .download-status { | |
| width: 49%; | |
| float: right; | |
| text-align: right; | |
| margin-bottom: 2px; | |
| } | |
| .download-list .download-content { | |
| padding: 10px 0px; | |
| display: inline-block; | |
| width: 100%; | |
| margin-bottom: 20px; | |
| border-top: 1px solid #EEEEEE; | |
| border-bottom: 1px solid #EEEEEE; | |
| } | |
| .download-list .download-content div { | |
| float: left; | |
| width: 33.3%; | |
| } | |
| .download-list .download-info { | |
| text-align: right; | |
| } | |
| /* cart */ | |
| .cart-info table { | |
| width: 100%; | |
| margin-bottom: 15px; | |
| border-collapse: collapse; | |
| border-top: 1px solid #DDDDDD; | |
| border-left: 1px solid #DDDDDD; | |
| border-right: 1px solid #DDDDDD; | |
| } | |
| .cart-info td { | |
| padding: 7px; | |
| } | |
| .cart-info thead td { | |
| color: #4D4D4D; | |
| font-weight: bold; | |
| background-color: #F7F7F7; | |
| border-bottom: 1px solid #DDDDDD; | |
| } | |
| .cart-info thead .image { | |
| text-align: center; | |
| } | |
| .cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity { | |
| text-align: left; | |
| } | |
| .cart-info thead .price, .cart-info thead .total { | |
| text-align: right; | |
| } | |
| .cart-info tbody td { | |
| vertical-align: top; | |
| border-bottom: 1px solid #DDDDDD; | |
| } | |
| .cart-info tbody .image img { | |
| border: 1px solid #DDDDDD; | |
| } | |
| .cart-info tbody .image { | |
| text-align: center; | |
| } | |
| .cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity { | |
| text-align: left; | |
| } | |
| .cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img { | |
| position: relative; | |
| top: 4px; | |
| cursor: pointer; | |
| } | |
| .cart-info tbody .price, .cart-info tbody .total { | |
| text-align: right; | |
| } | |
| .cart-info tbody span.stock { | |
| color: #F00; | |
| font-weight: bold; | |
| } | |
| .cart-module > div { | |
| display: none; | |
| } | |
| .cart-total { | |
| border-top: 1px solid #DDDDDD; | |
| overflow: auto; | |
| padding-top: 8px; | |
| margin-bottom: 15px; | |
| } | |
| .cart-total table { | |
| float: right; | |
| } | |
| .cart-total td { | |
| padding: 3px; | |
| text-align: right; | |
| } | |
| /* checkout */ | |
| .checkout-heading { | |
| background: none repeat scroll 0 0 #000000; | |
| border: 1px solid #DBDEE1; | |
| color: #FFFFFF; | |
| font-size: 13px; | |
| font-weight: bold; | |
| margin-bottom: 15px; | |
| padding: 8px; | |
| } | |
| .checkout-heading a { | |
| color: #F6FF00; | |
| float: right; | |
| font-size: 12px; | |
| font-weight: bold; | |
| margin-top: 1px; | |
| text-decoration: none; | |
| } | |
| .checkout-content { | |
| padding: 0px 0px 15px 0px; | |
| display: none; | |
| overflow: auto; | |
| /* height: auto !important; */ | |
| } | |
| .checkout-content .left { | |
| float: left; | |
| width: 48%; | |
| } | |
| .checkout-content .right { | |
| float: right; | |
| width: 48%; | |
| } | |
| .checkout-content .buttons { | |
| clear: both; | |
| } | |
| .checkout-product table { | |
| width: 100%; | |
| border-collapse: collapse; | |
| border-top: 1px solid #DDDDDD; | |
| border-left: 1px solid #DDDDDD; | |
| border-right: 1px solid #DDDDDD; | |
| margin-bottom: 20px; | |
| } | |
| .checkout-product td { | |
| padding: 7px; | |
| } | |
| .checkout-product thead td { | |
| color: #4D4D4D; | |
| font-weight: bold; | |
| background-color: #F7F7F7; | |
| border-bottom: 1px solid #DDDDDD; | |
| } | |
| .checkout-product thead .name, .checkout-product thead .model { | |
| text-align: left; | |
| } | |
| .checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total { | |
| text-align: right; | |
| } | |
| .checkout-product tbody td { | |
| vertical-align: top; | |
| border-bottom: 1px solid #DDDDDD; | |
| } | |
| .checkout-product tbody .name, .checkout-product tbody .model { | |
| text-align: left; | |
| } | |
| .checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total { | |
| text-align: right; | |
| } | |
| .checkout-product tfoot td { | |
| text-align: right; | |
| border-bottom: 1px solid #DDDDDD; | |
| } | |
| .contact-info { | |
| overflow: auto; | |
| } | |
| .contact-info .left { | |
| float: left; | |
| width: 48%; | |
| } | |
| .contact-info .right { | |
| float: left; | |
| width: 48%; | |
| } | |
| .sitemap-info { | |
| overflow: auto; | |
| margin-bottom: 40px; | |
| } | |
| .sitemap-info .left { | |
| float: left; | |
| width: 48%; | |
| } | |
| .sitemap-info .right { | |
| float: left; | |
| width: 48%; | |
| } | |
| /* footer */ | |
| #footer { | |
| border-width: 7px 7px 7px 7px; | |
| -webkit-border-image:url('/image/border-img.png') 8 8 8 8 stretch; | |
| -moz-border-image:url('/image/border-img.png') 8 8 8 8 stretch; | |
| border-image:url('/image/border-img.png') 8 8 8 8 stretch; | |
| border-style: solid; | |
| margin-bottom: 25px; | |
| -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.45); | |
| -moz-box-shadow: 0 5px 5px rgba(0,0,0,.45); | |
| box-shadow: 0 5px 5px rgba(0,0,0,.45); | |
| background-image: -webkit-linear-gradient(bottom, rgba(1,1,93,.85), rgba(38,148,191,.85)); | |
| background-image: -moz-linear-gradient(bottom, rgba(1,1,93,.85), rgba(38,148,191,.85)); | |
| background-image: -o-linear-gradient(bottom, rgba(1,1,93,.85), rgba(38,148,191,.85)); | |
| background-image: linear-gradient(to top, rgba(1,1,93,.85), rgba(38,148,191,.85)); | |
| clear: both; | |
| color: #FFFFFF; | |
| margin-left: auto; | |
| margin-right: auto; | |
| min-height: 120px; | |
| overflow: auto; | |
| padding: 20px; | |
| width: 95%; } | |
| #footer h3 { | |
| color: #fff; | |
| font-size: 14px; | |
| margin-top: 0px; | |
| margin-bottom: 8px; | |
| } | |
| #footer .column { | |
| float: left; | |
| width: 30%; | |
| min-height: 100px; | |
| } | |
| #footer .column ul { | |
| margin-top: 0px; | |
| margin-left: 8px; | |
| padding-left: 12px; | |
| } | |
| #footer .column ul li { | |
| margin-bottom: 3px; | |
| } | |
| #footer .column a { | |
| text-decoration: none; | |
| color: #fff; | |
| } | |
| #footer .column a:hover { | |
| text-decoration: underline; | |
| } | |
| #powered { | |
| margin-top: 5px; | |
| text-align: right; | |
| clear: both; | |
| } | |
| /* banner */ | |
| .banner div { | |
| text-align: center; | |
| width: 100%; | |
| display: none; | |
| } | |
| .banner div img { | |
| margin-bottom: 20px; | |
| } | |
| .stretch { | |
| width:100%; | |
| height:100%; | |
| } | |
| .controlcentre { | |
| /* pointer-events: none; */ | |
| height:468px; | |
| margin-top: -5%; | |
| background: url('/image/slider-border-screen.png'); | |
| /* z-index:9999 | |
| */} | |
| .sidebox { | |
| width: 200px; | |
| /* height: 200px; */ | |
| /*background-color: rgba(0, 0, 0, 0.75);*/ | |
| border-width: 9px 9px 9px 9px; | |
| -webkit-border-image:url('/image/border-img.png') 9 9 9 9 stretch; | |
| -moz-border-image:url('/image/border-img.png') 9 9 9 9 stretch; | |
| border-image:url('/image/border-img.png') 9 9 9 9 fill stretch; | |
| border-style: solid; | |
| margin-bottom: 25px; | |
| -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.45); | |
| -moz-box-shadow: 0 5px 5px rgba(0,0,0,.45); | |
| box-shadow: 0 5px 5px rgba(0,0,0,.45); | |
| background-image: -webkit-linear-gradient(bottom, rgba(1,1,93,.61), rgba(38,148,191,.61)); | |
| background-image: -moz-linear-gradient(bottom, rgba(1,1,93,.61), rgba(38,148,191,.61)); | |
| background-image: -o-linear-gradient(bottom, rgba(1,1,93,.61), rgba(38,148,191,.61)); | |
| background-image: linear-gradient(to top, rgba(1,1,93,.61), rgba(38,148,191,.61)); | |
| } | |
| .announcement { | |
| border-width: 9px 9px 9px 9px; | |
| -webkit-border-image:url('/image/border-img.png') 9 9 9 9 stretch; | |
| -moz-border-image:url('/image/border-img.png') 9 9 9 9 stretch; | |
| border-image:url('/image/border-img.png') 9 9 9 9 fill stretch; | |
| border-style: solid; | |
| margin-bottom: 25px; | |
| -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.45); | |
| -moz-box-shadow: 0 5px 5px rgba(0,0,0,.45); | |
| box-shadow: 0 5px 5px rgba(0,0,0,.45); | |
| background-image: -webkit-linear-gradient(bottom, rgba(1,1,93,.61), rgba(38,148,191,.61)); | |
| background-image: -moz-linear-gradient(bottom, rgba(1,1,93,.61), rgba(38,148,191,.61)); | |
| background-image: -o-linear-gradient(bottom, rgba(1,1,93,.61), rgba(38,148,191,.61)); | |
| background-image: linear-gradient(to top, rgba(1,1,93,.61), rgba(38,148,191,.61)); | |
| } | |
| .content22 { | |
| background-color: rgba(0, 0, 0, 0.75); | |
| border-width: 9px 9px 9px 9px; | |
| -webkit-border-image:url('/image/border-img.png') 9 9 9 9 stretch; | |
| -moz-border-image:url('/image/border-img.png') 9 9 9 9 stretch; | |
| border-image:url('/image/border-img.png') 9 9 9 9 fill stretch; | |
| border-style: solid; | |
| margin-bottom: 20px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| /* min-height: 320px; */ | |
| position: relative; | |
| width: 58%; | |
| z-index: 9; | |
| } | |
| .content23 { | |
| background-color: rgba(0, 0, 0, 0.75); | |
| border-width: 9px 9px 9px 9px; | |
| -webkit-border-image:url('/image/border-img.png') 9 9 9 9 stretch; | |
| -moz-border-image:url('/image/border-img.png') 9 9 9 9 stretch; | |
| border-image:url('/image/border-img.png') 9 9 9 9 fill stretch; | |
| border-style: solid; | |
| margin-bottom: 20px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| min-height: 25px; | |
| position: relative; | |
| width: 58%; | |
| z-index: 9; | |
| } | |
| .divTable | |
| { | |
| display: table; | |
| width:auto; | |
| background-color:#eee; | |
| border:1px solid #666666; | |
| border-spacing:5px;/*cellspacing:poor IE support for this*/ | |
| /* border-collapse:separate;*/ | |
| } | |
| .divRow | |
| { | |
| display:table-row; | |
| width:auto; | |
| } | |
| .divCell | |
| { | |
| float:left;/*fix for buggy browsers*/ | |
| display:table-column; | |
| width:200px; | |
| background-color:#ccc; | |
| } | |
| .table-container | |
| { | |
| width: 100%; | |
| overflow-y: auto; | |
| _overflow: auto; | |
| margin: 0 0 1em; | |
| } | |
| .latest-product > div{ width:215px;} | |
| .latest-product .image{ width:215px;text-align:center;} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment