// vip homepage ( markup + css )

This commit is contained in:
Kevin Granger
2013-12-11 19:05:01 +01:00
parent e2f60aa6f6
commit 1284317326
9 changed files with 187 additions and 214 deletions
+21 -11
View File
@@ -1,3 +1,4 @@
@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,300italic,300,600,600italic,700,700italic,800,800italic);
@import url(../css/font-awesome.css);
html, body, div, span, applet, object, iframe,
@@ -47,7 +48,7 @@ a img {
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display: block; }
/*
/*!
* Bootstrap v3.0.0
*
* Copyright 2013 Twitter, Inc
@@ -56,7 +57,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
*
* Designed and built with all the love in the world by @mdo and @fat.
*/
/* normalize.css v2.1.0 | MIT License | git.io/normalize */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,
aside,
details,
@@ -3818,32 +3819,44 @@ textarea {
header {
z-index: 1;
position: relative;
background: white; }
background: white;
padding-bottom: 20px; }
header #banner-row {
background: black; }
header #nav-row {
background: #333333; }
header #nav-row nav {
float: right; }
width: 100%; }
header #nav-row nav .shop-phone {
float: left; }
header #nav-row nav .header_user_info {
float: right; }
header #nav-row nav #contact-link {
float: right; }
header #nav-row nav #languages-block-top {
float: right; }
header #nav-row nav #currencies-block-top {
float: right; }
header #header-row {
position: relative; }
header #header-row > .container {
position: relative; }
@media (min-width: 768px) and (max-width: 991px) {
header #header-row {
header #header-row #header_logo {
width: 250px;
top: 35px; } }
@media (min-width: 480px) and (max-width: 767px) {
header #header-row {
header #header-row #header_logo {
width: 174px;
left: 15px;
top: 48px; } }
@media (max-width: 479px) {
header #header-row {
header #header-row #header_logo {
width: 200px;
left: 50%;
margin-left: -100px;
top: 20px; } }
header .header_user_info {
float: left;
border-left: 1px solid #515151;
border-right: 1px solid #515151; }
@media (max-width: 479px) {
@@ -3859,7 +3872,6 @@ header {
header .header_user_info a {
font-size: 11px; } }
header .shop-phone {
display: block;
padding: 5px 0 10px; }
@media (max-width: 767px) {
header .shop-phone {
@@ -3873,7 +3885,6 @@ header {
color: white; }
header #currencies-block-top,
header #languages-block-top {
float: right;
border-left: 1px solid #515151;
position: relative; }
@media (max-width: 479px) {
@@ -3944,7 +3955,6 @@ header {
header #languages-block-top ul li:hover a {
background: #484848; }
header #contact-link {
float: right;
border-left: 1px solid #515151; }
@media (max-width: 479px) {
header #contact-link {