/* Background configuration */ body { background-color: black; background-repeat: no-repeat; background-attachment: fixed; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-size: 100%; margin-left: auto; margin-right: auto; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0 , 0, 0, 0.5)), color-stop(0, rgba(0, 0, 0, 0))) no-repeat, url(http://i.imgur.com/7jjiaOg.png) no-repeat center fixed; } /* Put your own logo here */ div.logo { background-image: url('http://i.imgur.com/BUA8B9w.png'); left: 150px; background-repeat: no-repeat; position: relative; text-indent: -999px; } .header .logo { width: 900px; height: 82px; float: center; position: relative; } .logo { color: transparent; text-size: 1px; } /* Center of the page (box) */ .box{ border: 1px silver; background-color: rgba(0, 0, 0, 0.4); -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:20px; -webkit-box-shadow: 0px 0px 45px 5px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 45px 5px rgba(0,0,0,1); box-shadow: 0px 0px 45px 5px rgba(0,0,0,1); } /* Above each "box" header */ .box-container .header { border: 1px; background: url(http://i.imgur.com/PKalboj.png) repeat; background-color: rgba(239, 239, 239, 0.4); color: white; text-align: center;drop -webkit-box-shadow: 0px 0px 45px -5px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 45px -5px rgba(0,0,0,1); box-shadow: 0px 0px 45px -5px rgba(0,0,0,1); } /* Navigation menu configuration */ .navbar-inner { background: rgba(82, 82, 82, 0.6); text-shadow: 1px 1px 1px; border: 1px silver; border-radius: 20px; -webkit-box-shadow: 0px 0px 45px 5px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 45px 5px rgba(0,0,0,1); box-shadow: 0px 0px 45px 5px rgba(0,0,0,1); } .navbar .nav > li > a { color: white; text-decoration: none; text-shadow: 1px 1px 1px; } .navbar .nav > li > a:focus, .navbar .nav > li > a:hover, .navbar .nav li.dropdown.open>.dropdown-toggle { text-decoration: none; color: silver; text-shadow: 1px 1px 1px; background-color: transparent; } .navbar .nav > li > a:active { text-decoration: none; color: white; text-shadow: 1px 1px 1px; background-color: transparent; } .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle { background-color: #e5e5e5; } /* Spinny Heads */ .image { display: block; text-decoration: none; -webkit-transition: .5s all ease-in-out; -moz-transition: .5s all ease-in-out; -o-transition: .5s all ease-in-out; transition: .5s all ease-in-out; } .image:hover { -webkit-transform: rotate(720deg) scale(2); -moz-transform: rotate(720deg) scale(2); -o-transform: rotate(720deg) scale(2); transform: rotate(720deg) scale(2); box-shadow: 2px 2px 2px black; -webkit-box-shadow: 2px 2px 5px black; -moz-box-shadow: 0px 0px 0px #663300; -webkit-box-shadow: 0px 0px 0px #663300; box-shadow: 0px 0px 0px #663300; } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; *background-color: #f89406; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #ffffff; background-color: #faa732; *background-color: #f89406; } em{ color:white; font-style:arial; } .checkout { position: relative; left: -12px; top: 37px; }