dinislage/PrestaShop
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

// vip homepage ( markup + css )

Browse Source
This commit is contained in:
Kevin Granger committed 2013-12-11 19:05:01 +01:00
1 parent e2f60aa6f6
commit 1284317326
9 files changed
+187 -214
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

themes/default-bootstrap/sass/global.sass
+31 -24
View File
@@ -42,38 +42,49 @@ textarea
#right_column
#footer
header
z-index: 1
position: relative
background: $light-background
padding-bottom: 20px
#banner-row
background: black
#nav-row
background: $dark-background
nav
float: right
width: 100%
.shop-phone
float: left
.header_user_info
float: right
#contact-link
float: right
#languages-block-top
float: right
#currencies-block-top
float: right
#header-row
position: relative
> .container
position: relative
#header_logo
// min 768px max 991px
@media (min-width: $screen-sm) and (max-width: $screen-sm-max)
width: 250px
top: 35px
// min 480px max 767px
@media (min-width: $screen-xs) and (max-width: $screen-xs-max)
width: 174px
left: 15px
top: 48px
// max 479px
@media (max-width: $screen-xs - 1)
width: 200px
left: 50%
margin-left: -100px
top: 20px
// min 768px max 991px
@media (min-width: $screen-sm) and (max-width: $screen-sm-max)
width: 250px
top: 35px
// min 480px max 767px
@media (min-width: $screen-xs) and (max-width: $screen-xs-max)
width: 174px
left: 15px
top: 48px
// max 479px
@media (max-width: $screen-xs - 1)
width: 200px
left: 50%
margin-left: -100px
top: 20px
.header_user_info
float: left
border-left: 1px solid #515151
border-right: 1px solid #515151
// max 479px
@@ -89,7 +100,6 @@ header
@media (max-width: $screen-xs - 1)
font-size: 11px
.shop-phone
display: block
padding: 5px 0 10px
// max 767px
@media (max-width: $screen-xs-max)
@@ -102,11 +112,9 @@ header
strong
color: $light-text-color
//languages/currencies
#currencies-block-top,
#languages-block-top
float: right
#languages-block-top
border-left: 1px solid #515151
position: relative
// max 479px
@@ -164,7 +172,6 @@ header
&.selected, &:hover a
background: #484848
#contact-link
float: right
border-left: 1px solid #515151
// max 479px
@media (max-width: $screen-xs - 1)
themes/default-bootstrap/sass/modules/blockcart/blockcart.scss
+3 -3
View File
@@ -127,11 +127,11 @@
#header {
#cart_block {
position: absolute;
top: 95px;
right: 0;
z-index: 10;
display:none;
position: absolute;
right: 0;
top: 95px;
height: auto;
width: 270px;
background:#484848;
themes/default-bootstrap/sass/modules/blocksearch/blocksearch.scss
+5 -4
View File
@@ -1,9 +1,10 @@
@import '../../_theme_variables';
@import "compass";
@import "theme_variables";
/* block top search */
#search_block_top {
position:absolute;
position: absolute;
right: 420px;
top: 50px;
top: 50px;
@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px
right:295px;
}
@@ -33,7 +34,7 @@
span {display:none;}
&:before {
content:"";
content:"\f002";
display:block;
font-family:$font-icon;
font-size:17px;
themes/default-bootstrap/sass/modules/blockuserinfo/blockuserinfo.scss
+6 -6
View File
@@ -1,11 +1,11 @@
@import '../../_theme_variables';
/* block top user information */
@import "compass";
@import "theme_variables";
#header_user {
clear:both;
float: right;
margin-top:50px;
position: absolute;
top: 50px;
right: 0;
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
margin-top:25px;
}