Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*reset setting*/
- *{
- margin: 0;
- padding: 0;
- }
- body{
- background: url(../images/bg3.jpg);
- }
- /*thu thuat*/
- #head{
- position: fixed;
- width: 100%;
- z-index: 4;
- }
- #head #topHead{
- height: 40px;
- background: url(../images/tophead.jpg);
- }
- #head #topHead #child-top{
- width: 970px;
- height: 31px;
- margin: auto;
- font-family: arial, sans-serif;
- }
- #head #topHead #child-top p{
- color: #f0f0f0;
- text-align: center;
- padding-top: 5px;
- font-size: 0.8em;
- }
- #head #topHead #child-top ul{
- float: right;
- margin-top: -26px;
- }
- #head #topHead #child-top ul li.s a img{
- margin-top: 5px;
- }
- #head #topHead #child-top ul li.login{
- font-weight: bold;
- text-transform: uppercase;
- padding-left: 40px;
- }
- #head #topHead #child-top ul li{
- display: inline;
- color: #f0f0f0;
- padding-left: 15px;
- font-size: 0.9em;
- }
- /*nav*/
- #head #nav{
- height: 52px;
- background: #ffffff;
- display: block;
- }
- #head #nav #child-nav{
- width: 970px;
- height: 50px;
- margin: auto;
- clear: both;
- border: #ffffff solid 1px;
- }
- #head #nav #child-nav:after{
- clear: both;
- content: ".";
- height: 0;
- line-height: 0;
- visibility: hidden;
- display: block;
- }
- #head #nav #child-nav img.img{
- float: left;
- /*margin-top: -20px;*/
- }
- #head #nav #child-nav ul{
- margin-left: 350px;
- margin-top: 20px;
- }
- #head #nav #child-nav ul li{
- display: inline;
- padding: 0px 10px;
- }
- #head #nav #child-nav ul.navi li a{
- font-family: Arial, sans-serif;
- font-size: 0.9em;
- font-weight: bold;
- text-transform: uppercase;
- text-decoration: none;
- color: #020222;
- }
- #head #nav #child-nav ul.navi li a:hover{
- color: #df7e7e;
- padding-bottom: 13px;
- background: url(../images/bg-social-tooltip.png) center bottom no-repeat;
- }
- #head #nav #child-nav #bag{
- float: right;
- margin-right: 50px;
- margin-top: -25px;
- }
- /*catalog*/
- #head #catalog{
- clear:both;
- }
- #head #catalog{
- background: url(../images/catalog.jpg);
- height: 51px;
- }
- #head #catalog #menu ul.menu{
- margin-left: 0px;
- padding-left: 0px;
- text-align: left;
- }
- #head #catalog #child-catalog{
- width: 970px;
- height: 51px;
- margin: auto;
- }
- #head #catalog #child-catalog ul{
- }
- #head #catalog #child-catalog ul li.cf{
- margin-left: 25px;
- }
- #head #catalog #child-catalog ul li{
- display: inline;
- padding: 5px;
- vertical-align: -15px;
- }
- #head #catalog #child-catalog ul li a{
- color: #989696;
- font-family: arial, sans-serif;
- font-size: 0.8em;
- text-decoration: none;
- }
- #head #catalog #child-catalog ul li a:hover{
- color: #000000;
- }
- /*-----------------------------------------------------------------------------------------------------------------------------------*/
- /*content
- #content{
- border: #0d0c0c solid 1px;
- width: 970px;
- margin: auto;
- }
- */
- #content{
- padding-top: 90px;
- }
- #content #cLeft{
- width: 970px;
- margin: auto;
- clear: both;
- background: #ffffff;
- padding-bottom: 50px;
- }
- #content #cLeft .whatnew{
- margin-top: 80px;
- }
- #content #cLeft h3{
- padding-top: 80px;
- padding-bottom: 20px;
- margin-left: 30px;
- margin-right: 30px;
- border-bottom: #989494 solid 1px;
- margin-bottom: 20px;
- }
- #content #cLeft table{
- }
- #content #cLeft img.last{
- margin-top: 30px;
- }
- #content #cLeft #new-pro .new1{
- float: left;
- height: 300px;
- width: 191px;
- /*border: red solid 1px;*/
- margin: 5px 25px;
- }
- #content #cLeft #new-pro .new1 p{
- font-size: 0.8em;
- }
- #content #cLeft #new-pro{
- height: 310px;
- /*border: #0819f8 solid 1px;*/
- }
- #content #cLeft #trending{
- margin-bottom: 100px;
- margin-top: 10px;
- }
- #content #cLeft #trending ul li{
- display: inline;
- }
- }
- #content #cLeft #trending ul li.pro-last{
- margin-right: 0px;
- }
- #content .wrap .cRightProduct .bullet .ProductShow {
- list-style:url(../images/bac-bullet-square.gif);
- }
- #content .wrap .cRightProduct .bullet .ProductShow li {
- margin-left:20px;
- margin-bottom:5px;
- }
- a.title {
- font-weight: bold;
- font-size:12px;
- text-decoration:none;
- color:#000000;
- }
- a.title:hover {
- color:#999;
- }
- a.roll {
- background:#FFF center center no-repeat #000;
- height: 223px;
- position: absolute;
- width: 191px;
- z-index: 3;
- -webkit-box-shadow: 0px 0px 4px #000;
- -moz-box-shadow: 0px 0px 4px #000;
- box-shadow: 0px 0px 4px #000;
- }
- .button {
- position:absolute;
- z-index:3;
- margin-top:180px;
- margin-left:45px;
- outline:#ffffff solid 1.5px;
- }
- img.button:hover {
- outline:#F00 solid 1.5px;
- }
- p.title {
- margin-top:5px;
- font-family:Arial, Helvetica, sans-serif;
- text-align:justify;
- }
- span.price {
- font-family:Arial, Helvetica, sans-serif;
- font-size:15px;
- font-weight:bold;
- color:#F00;
- margin-left:5px;
- }
- .imgborder {
- border:#CCC solid 1px;
- width: 191px;
- height:223px;
- }
- /*footer*/
- #footer{
- clear:both;
- background: url(images/bg-skyline.png) no-repeat bottom #141414;
- color: #ffffff;
- height: 450px;
- }
- #footer #child-footer{
- border-top: #959292 solid 1px;
- }
- #footer #child-footer li{
- list-style: none;
- }
- #footer #child-footer a{
- text-decoration: none;
- color: #bfbfbf;
- }
- #footer #child-footer{
- width: 970px;
- margin: auto;
- position: relative;
- }
- #footer #child-footer h3{
- color: #d8cece;
- text-transform: uppercase;
- font-size: 0.9em;
- padding-top: 30px;
- }
- #footer #child-footer ul{
- margin-left: 20px;
- margin-top: 30px;
- }
- #footer #child-footer ul.social li{
- display: inline;
- padding: 30px;
- }
- #footer #child-footer #list{
- float: left;
- width: 175px;
- margin-right: 17px;
- }
- #footer #child-footer #list h3{
- text-align: left;
- padding-left: 15px;
- }
- #footer #child-footer #list ul li{
- margin-left: 0;
- }
- #footer #child-footer #list ul li a{
- text-align: left;
- }
- #footer #child-footer #list ul li a:hover{
- color: #1fe6d2;
- }
- #footer #child-footer #fBottom{
- float: left;
- position: absolute;
- left: 10px;
- top: 380px;
- width: 970px;
- border-top: #efdddd dashed 1px;
- padding-top: 10px;
- }
- #footer #child-footer #fBottom h2{
- float: left;
- }
- #footer #child-footer #fBottom ul{
- float: right;
- margin-right: 10px;
- }
- #footer #child-footer #fBottom ul li{
- display: inline;
- padding: 0px 15px;
- text-align: right;
- border-right: #d3cccc solid 1px;
- }
- #footer #child-footer #fBottom ul li.li-last{
- border-right: none;
- }
- #footer #child-footer #fBottom ul li a:hover{
- color: #1fe6d2;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement