TheCoreDev/sterivein
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update new css

Browse Source
This commit is contained in:
Manuel Raynaud
2013-09-13 18:18:48 +02:00
parent 30beedd025
commit 7ef4987c07
5 changed files with 112 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
templates/default/assets/less/thelia/global.less
View File

@@ -6,6 +6,16 @@
// Collapse
.no-js .collapse { display: block!important; }
// thumbnail
.thumbnail {
&.active,
&:active {
border-style: solid;
border-width: 2px;
}
&.active { border-color: @gray-light; }
}
// Layout
.main { margin-bottom: @line-height-computed; }
.layout-col-1,

52
templates/default/assets/less/thelia/product.less
View File

@@ -9,11 +9,16 @@
// Availibility
.availability {
display: block;
// In Stock
&.in-stock {}
.in-stock {
font-style: italic;
text-transform: uppercase;
}
// Out of Stock
&.out-of-stock {}
.out-of-stock {}
}
@@ -61,11 +66,33 @@
margin-bottom: @line-height-computed;
}
.product-thumbnails {
> ul {
#product-thumbnails {
.carousel-inner {
margin: 0 auto;
width: 90%;
}
.carousel-control {
background-image: none;
display: none; // Need js
width: 4%; margin-top: -4px;
.icon-prev {
&:before {
.icon(@chevron-left);
}
}
.icon-next {
&:before {
.icon(@chevron-right);
}
}
}
ul {
.list-inline;
li {
width: 20%;
margin: 0;
> li {
margin: 0; padding: 0;
width: 19%;
}
}
}
@@ -80,13 +107,12 @@
}
.product-price {
margin-bottom: @line-height-computed;
.availability {
.availibity-label { .sr-only; }
font-style: italic;
text-transform: uppercase;
position: absolute;
right: 15px;
}
}
.product-cart {
background: @option-bg;
border: 1px solid @option-border;
border-radius: @option-border-radius;
margin-bottom: @line-height-computed; padding: @option-padding;
}
}

40
templates/default/assets/less/thelia/variables.less
View File

@@ -5,7 +5,7 @@
@FontAwesomePath: "../font/fontawesome";
//bootstrap font
@icon-font-path: "../font/bootstrap/";
@icon-font-path: "../font/bootstrap/";
// Grid system
@grid-float-breakpoint: @screen-desktop;
@@ -14,9 +14,9 @@
@legend-border-color: transparent;
// Buttons
@btn-default-color: #333;
@btn-default-bg: #f5f5f5;
@btn-default-border: #ccc;
@btn-default-color: #333;
@btn-default-bg: #f5f5f5;
@btn-default-border: #ccc;
@btn-primary-color: #fff;
@btn-primary-bg: @brand-primary;
@@ -74,14 +74,14 @@
@block-subheading-font-size: ceil(@font-size-base * 1.1); // 15.4px
// Thelia : Block Links
@block-nav-bg: transparent;
@block-nav-hover-bg: #f7f7f7;
@block-nav-border: #eee;
@block-nav-color: #747474;
@block-nav-bg: transparent;
@block-nav-hover-bg: #f7f7f7;
@block-nav-border: #eee;
@block-nav-color: #747474;
// Thelia : Block Links
@block-links-bg: transparent;
@block-links-hover-bg: #f7f7f7;
@block-links-hover-bg: darken(@body-bg, 8%);
@block-links-border: #fff;
@block-links-color: #747474;
@@ -112,25 +112,3 @@
@option-heading-border: darken(@body-bg, 12.5%); //#dfdfdf
@option-heading-color: @text-color;
@option-heading-font-size: @font-size-base;
// Callout
@callout-bg: @body-bg;
@callout-border: #ddd;
@callout-text: @text-color;
@callout-success-text: @state-success-text;
@callout-success-border: @state-success-border;
@callout-success-bg: @state-success-bg;
@callout-warning-text: @state-warning-text;
@callout-warning-border: @state-warning-border;
@callout-warning-bg: @state-warning-bg;
@callout-danger-text: @state-danger-text;
@callout-danger-border: @state-danger-border;
@callout-danger-bg: @state-danger-bg;
@callout-info-text: @state-info-text;
@callout-info-border: @state-info-border;
@callout-info-bg: @state-info-bg;