[ADD] theme saas-15
This commit is contained in:
Design
@@ -0,0 +1,144 @@
|
||||
/* Colors */
|
||||
|
||||
@color-clouds: #d3dce3;
|
||||
@color-silver: #b5c0c9;
|
||||
@color-concrete: #9ea5ab;
|
||||
@color-stone: #778089;
|
||||
@color-concrete-dark: #566b7f;
|
||||
@color-asphalt: #324465;
|
||||
@color-midnight: #28354d;
|
||||
|
||||
@color-blue-light: #b2ccdc;
|
||||
@color-turquoise-light: #7fc5c5;
|
||||
@color-green-light: #92c1a9;
|
||||
@color-yellow-light: #efe6bc;
|
||||
@color-orange-light: #d3ad7c;
|
||||
@color-red-light: #d9a3a3;
|
||||
@color-pink-light: lighten(@color-pink, 20%);
|
||||
@color-purple-light: #c1badb;
|
||||
@color-brown-light: lighten(@color-brown, 20%);
|
||||
|
||||
@color-blue: #5a8eaf;
|
||||
@color-turquoise: #1fb1b0;
|
||||
@color-green: #5e9c7d;
|
||||
@color-yellow: #e5ca77;
|
||||
@color-orange: #ce8b35;
|
||||
@color-red: #c04e4e;
|
||||
@color-pink: #f74b94;
|
||||
@color-purple: #8578b9;
|
||||
@color-brown: #7b5844;
|
||||
|
||||
@color-blue-dark: #2b6990;
|
||||
@color-turquoise-dark: #1b7f7e;
|
||||
@color-green-dark: #27AE60;
|
||||
@color-yellow-dark: #dbb132;
|
||||
@color-orange-dark: #c37005;
|
||||
@color-red-dark: #C0392B;
|
||||
@color-pink-dark: #ea3884;
|
||||
@color-purple-dark: #5a4f8b;
|
||||
@color-brown-dark: #604434;
|
||||
|
||||
@color-wind: #f7f7f7;
|
||||
@color-clay: #dfddda;
|
||||
@color-sand: #cbc8bc;
|
||||
@color-beach: #f3bf91;
|
||||
@color-forest: #254c3a;
|
||||
@color-twilight: #38334f;
|
||||
@color-burgundy: #923838;
|
||||
@color-marine: #202733;
|
||||
|
||||
/* GRAYS --------------------------------------------------------- */
|
||||
|
||||
@gray-ultra-darker: lighten(#000, 10%);
|
||||
@gray-ultra-dark: lighten(#000, 15%);
|
||||
@gray-darker: lighten(#000, 20%);
|
||||
@gray-dark: lighten(#000, 40%);
|
||||
@gray: lighten(#000, 55%);
|
||||
@gray-light: lighten(#000, 70%);
|
||||
@gray-lighter: lighten(#000, 80%);
|
||||
|
||||
/* Backgrounds Colors ------------------------------------------------*/
|
||||
|
||||
@bg-blue: background(@color-blue);
|
||||
@bg-turquoise: background(@color-turquoise);
|
||||
@bg-green: background(@color-green);
|
||||
@bg-yellow: background(@color-yellow);
|
||||
@bg-orange: background(@color-orange);
|
||||
@bg-red: background(@color-red);
|
||||
@bg-pink: background(@color-pink);
|
||||
@bg-purple: background(@color-purple);
|
||||
@bg-brown: background(@color-brown);
|
||||
|
||||
@bg-blue-dark: background(@color-blue-dark);
|
||||
@bg-turquoise-dark: background(@color-turquoise-dark);
|
||||
@bg-green-dark: background(@color-green-dark);
|
||||
@bg-yellow-dark: background(@color-yellow-dark);
|
||||
@bg-orange-dark: background(@color-orange-dark);
|
||||
@bg-red-dark: background(@color-red-dark);
|
||||
@bg-pink-dark: background(@color-pink-dark);
|
||||
@bg-purple-dark: background(@color-purple-dark);
|
||||
@bg-brown-dark: background(@color-brown-dark);
|
||||
|
||||
@bg-blue-light: background(@color-blue-light);
|
||||
@bg-turquoise-light: background(@color-turquoise-light);
|
||||
@bg-green-light: background(@color-green-light);
|
||||
@bg-yellow-light: background(@color-yellow-light);
|
||||
@bg-orange-light: background(@color-orange-light);
|
||||
@bg-red-light: background(@color-red-light);
|
||||
@bg-pink-light: background(@color-pink-light);
|
||||
@bg-purple-light: background(@color-purple-light);
|
||||
@bg-brown-light: background(@color-brown-light);
|
||||
|
||||
@bg-clouds: background(@color-clouds);
|
||||
@bg-silver: background(@color-silver);
|
||||
@bg-concrete: background(@color-concrete);
|
||||
@bg-stone: background(@color-stone);
|
||||
@bg-asphalt: background(@color-asphalt);
|
||||
@bg-midnight: background(@color-midnight);
|
||||
|
||||
@bg-marine: background(@color-marine);
|
||||
@bg-wind: background(@color-wind);
|
||||
@bg-sand: background(@color-sand);
|
||||
@bg-beach: background(@color-beach);
|
||||
@bg-forest: background(@color-forest);
|
||||
@bg-twilight: background(@color-twilight);
|
||||
@bg-burgundy: background(@color-burgundy);
|
||||
|
||||
.text-blue { color: @color-blue !important;}
|
||||
.text-turquoise { color: @color-turquoise !important;}
|
||||
.text-green { color: @color-green !important;}
|
||||
.text-yellow { color: @color-yellow !important;}
|
||||
.text-orange { color: @color-orange !important;}
|
||||
.text-red { color: @color-red !important;}
|
||||
.text-pink { color: @color-pink !important;}
|
||||
.text-purple { color: @color-purple !important;}
|
||||
.text-brown { color: @color-brown !important;}
|
||||
|
||||
.text-blue-dark { color: @color-blue-dark !important;}
|
||||
.text-turquoise-dark { color: @color-turquoise-dark !important;}
|
||||
.text-green-dark { color: @color-green-dark !important;}
|
||||
.text-yellow-dark { color: @color-yellow-dark !important;}
|
||||
.text-orange-dark { color: @color-orange-dark !important;}
|
||||
.text-red-dark { color: @color-red-dark !important;}
|
||||
.text-pink-dark { color: @color-pink-dark !important;}
|
||||
.text-purple-dark { color: @color-purple-dark !important;}
|
||||
.text-brown-dark { color: @color-brown-dark !important;}
|
||||
|
||||
.text-blue-light { color: @color-blue-light !important;}
|
||||
.text-turquoise-light { color: @color-turquoise-light !important;}
|
||||
.text-green-light { color: @color-green-light !important;}
|
||||
.text-yellow-light { color: @color-yellow-light !important;}
|
||||
.text-orange-light { color: @color-orange-light !important;}
|
||||
.text-red-light { color: @color-red-light !important;}
|
||||
.text-pink-light { color: @color-pink-light !important;}
|
||||
.text-purple-light { color: @color-purple-light !important;}
|
||||
.text-brown-light { color: @color-brown-light !important;}
|
||||
|
||||
.text-white { color: white !important;}
|
||||
.text-clouds { color: @color-clouds !important;}
|
||||
.text-silver { color: @color-silver !important;}
|
||||
.text-concrete { color: @color-concrete !important;}
|
||||
.text-stone { color: @color-stone !important;}
|
||||
.text-asphalt { color: @color-asphalt !important;}
|
||||
.text-midnight { color: @color-midnight !important;}
|
||||
.text-black { color: black !important;}
|
||||
@@ -0,0 +1,80 @@
|
||||
/* Theme Selector */
|
||||
|
||||
#theme_customize_modal {
|
||||
* {
|
||||
background-color: #3d4546;
|
||||
font-family: "Lato-Regular";
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
border-bottom: none;
|
||||
.close {
|
||||
color: #fff;
|
||||
text-shadow: 0 1px 0 #000;
|
||||
}
|
||||
}
|
||||
.modal-title {
|
||||
color: @gray;
|
||||
font-size: 22px;
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
color: white;
|
||||
.panel-body {
|
||||
margin-top: -25px;
|
||||
}
|
||||
.panel {
|
||||
border: none;
|
||||
}
|
||||
table td {
|
||||
label {
|
||||
font-weight: normal;
|
||||
.enark-layout-combi {
|
||||
margin: 0 auto;
|
||||
padding: 10px;
|
||||
}
|
||||
&.checked {
|
||||
* {
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
}
|
||||
background: #586263;
|
||||
}
|
||||
img {
|
||||
height: 30px !important;
|
||||
margin: 6px;
|
||||
width: 50px;
|
||||
box-shadow: none;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 50px;
|
||||
border: 2px solid @gray-dark;
|
||||
}
|
||||
|
||||
&.enark-fonts-combi {
|
||||
box-shadow: none;
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
span{
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.modal-h6 {
|
||||
font-size: 12px;
|
||||
}
|
||||
h5 {
|
||||
border-top: 1px solid #555;
|
||||
color: #aaa;
|
||||
font-size: 16px;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,152 @@
|
||||
body {
|
||||
background-image:
|
||||
linear-gradient(
|
||||
fade(white, 0%) 30%,
|
||||
fade(white, 90%) 80%),
|
||||
@bg-pattern-01;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
#wrap {
|
||||
background-color: fade(white, 80%);
|
||||
}
|
||||
|
||||
#wrapwrap {
|
||||
color: @gray;
|
||||
}
|
||||
|
||||
hr {
|
||||
border-color: @gray-lighter;
|
||||
}
|
||||
|
||||
/* Navbar ----------------------------------------------------------- */
|
||||
|
||||
@navbar-default-bg: fade(@color-alpha, 0%);
|
||||
@navbar-default-link-color: darken(@color-alpha, 20%);
|
||||
@navbar-default-link-hover-color: @color-delta;
|
||||
|
||||
@navbar-default-link-active-color: white;
|
||||
@navbar-default-link-active-bg: @color-alpha;
|
||||
|
||||
/* Footer ----------------------------------------------------------- */
|
||||
|
||||
footer {
|
||||
background: fade(@color-alpha, 0%) !important;
|
||||
}
|
||||
|
||||
#wrapwrap footer {
|
||||
background-color: none;
|
||||
color: @gray-dark;
|
||||
}
|
||||
|
||||
footer .container .pull-left {
|
||||
color: @color-alpha;
|
||||
}
|
||||
|
||||
footer ul li a {
|
||||
color: @color-gamma;
|
||||
}
|
||||
|
||||
footer ul li a:hover {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
footer h4 {
|
||||
color: @color-delta;
|
||||
padding-bottom: 12px;
|
||||
text-transform: uppercase;
|
||||
a {
|
||||
color: @color-delta;
|
||||
}
|
||||
}
|
||||
footer .fa {
|
||||
color: @color-epsilon;
|
||||
}
|
||||
|
||||
footer .container.mt16.mb8 {
|
||||
border-top: 1px solid @color-alpha;
|
||||
color: @color-alpha;
|
||||
.pull-left {
|
||||
color: @color-alpha;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_icon_box */
|
||||
|
||||
.s_icon_box_box:hover .s_icon_box_icon .fa, .s_icon_box_box:hover .s_icon_box_content h4 {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-alpha;
|
||||
}
|
||||
|
||||
/* s_icon_box_square */
|
||||
|
||||
.s_icon_box_square_box:hover .s_icon_box_square_icon {
|
||||
border-color: @color-alpha;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_icon_box_square_box:hover h4 {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_circle */
|
||||
|
||||
.s_icon_box_circle_box:hover .s_icon_box_circle_icon {
|
||||
border-color: @color-alpha;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_icon_box_circle_box:hover h4 {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
|
||||
/* s_big_icon_circle */
|
||||
|
||||
.s_big_icon_circle_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 4px solid @color-alpha;
|
||||
h5 {
|
||||
color: @color-alpha;
|
||||
}
|
||||
}
|
||||
|
||||
.s_big_icon_circle_box:hover .s_big_icon_circle_icon {
|
||||
background-color: fade(@color-alpha, 100%) !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h5 {
|
||||
color: @color-alpha;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_big_icon_square */
|
||||
|
||||
.s_big_icon_square_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid @color-alpha;
|
||||
h5 {
|
||||
color: @color-alpha;
|
||||
}
|
||||
}
|
||||
|
||||
.s_big_icon_square_box:hover .s_big_icon_square_icon {
|
||||
background-color: fade(@color-alpha, 100%) !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h5 {
|
||||
color: @color-alpha;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,152 @@
|
||||
body {
|
||||
background-image:
|
||||
linear-gradient(
|
||||
fade(white, 25%) 30%,
|
||||
fade(@color-alpha, 50%)),
|
||||
@bg-pattern-02;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
#wrap {
|
||||
background-color: fade(white, 55%);
|
||||
}
|
||||
|
||||
#wrapwrap {
|
||||
color: @gray-dark;
|
||||
}
|
||||
|
||||
hr {
|
||||
border-color: @gray;
|
||||
}
|
||||
|
||||
/* Navbar ----------------------------------------------------------- */
|
||||
|
||||
@navbar-default-bg: fade(@color-alpha, 0%);
|
||||
@navbar-default-link-color: darken(@color-alpha, 20%);
|
||||
@navbar-default-link-hover-color: @color-delta;
|
||||
|
||||
@navbar-default-link-active-color: white;
|
||||
@navbar-default-link-active-bg: @color-alpha;
|
||||
|
||||
/* Footer ----------------------------------------------------------- */
|
||||
|
||||
footer {
|
||||
background: fade(@color-alpha, 0%) !important;
|
||||
}
|
||||
|
||||
#wrapwrap footer {
|
||||
background-color: none;
|
||||
color: @gray-dark;
|
||||
}
|
||||
|
||||
footer .container .pull-left {
|
||||
color: @color-alpha;
|
||||
}
|
||||
|
||||
footer ul li a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
footer ul li a:hover {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
footer h4 {
|
||||
color: @color-delta;
|
||||
padding-bottom: 12px;
|
||||
text-transform: uppercase;
|
||||
a {
|
||||
color: @color-delta;
|
||||
}
|
||||
}
|
||||
footer .fa {
|
||||
color: @color-epsilon;
|
||||
}
|
||||
|
||||
footer .container.mt16.mb8 {
|
||||
border-top: 1px solid white;
|
||||
color: white;
|
||||
.pull-left {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_icon_box */
|
||||
|
||||
.s_icon_box_box:hover .s_icon_box_icon .fa, .s_icon_box_box:hover .s_icon_box_content h4 {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-alpha;
|
||||
}
|
||||
|
||||
/* s_icon_box_square */
|
||||
|
||||
.s_icon_box_square_box:hover .s_icon_box_square_icon {
|
||||
border-color: @color-alpha;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_icon_box_square_box:hover h4 {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_circle */
|
||||
|
||||
.s_icon_box_circle_box:hover .s_icon_box_circle_icon {
|
||||
border-color: @color-alpha;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_icon_box_circle_box:hover h4 {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
|
||||
/* s_big_icon_circle */
|
||||
|
||||
.s_big_icon_circle_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 4px solid @color-alpha;
|
||||
h5 {
|
||||
color: @color-alpha;
|
||||
}
|
||||
}
|
||||
|
||||
.s_big_icon_circle_box:hover .s_big_icon_circle_icon {
|
||||
background-color: fade(@color-alpha, 100%) !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h5 {
|
||||
color: @color-alpha;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_big_icon_square */
|
||||
|
||||
.s_big_icon_square_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid @color-alpha;
|
||||
h5 {
|
||||
color: @color-alpha;
|
||||
}
|
||||
}
|
||||
|
||||
.s_big_icon_square_box:hover .s_big_icon_square_icon {
|
||||
background-color: fade(@color-alpha, 100%) !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h5 {
|
||||
color: @color-alpha;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,148 @@
|
||||
body {
|
||||
background:
|
||||
linear-gradient(
|
||||
fade(white, 6%) 40%,
|
||||
fade(white, 60%)),
|
||||
@bg-pattern-03;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
#wrap {
|
||||
background-color: fade(darken(@color-beta, 30%), 40%);
|
||||
}
|
||||
|
||||
#wrapwrap {
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* Navbar ----------------------------------------------------------- */
|
||||
|
||||
@navbar-default-bg: fade(@color-alpha, 0%);
|
||||
@navbar-default-link-color: lighten(@color-alpha, 30%);
|
||||
@navbar-default-link-hover-color: white;
|
||||
|
||||
@navbar-default-link-active-color: white;
|
||||
@navbar-default-link-active-bg: @color-alpha;
|
||||
|
||||
/* Footer ----------------------------------------------------------- */
|
||||
|
||||
footer {
|
||||
background: fade(@color-alpha, 0%) !important;
|
||||
}
|
||||
|
||||
#wrapwrap footer {
|
||||
background-color: none;
|
||||
color: @gray-darker;
|
||||
}
|
||||
|
||||
footer .container .pull-left {
|
||||
color: @color-alpha;
|
||||
}
|
||||
|
||||
footer ul li a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
footer ul li a:hover {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
footer h4 {
|
||||
color: @color-delta;
|
||||
padding-bottom: 12px;
|
||||
text-transform: uppercase;
|
||||
a {
|
||||
color: @color-delta;
|
||||
}
|
||||
}
|
||||
footer .fa {
|
||||
color: @color-epsilon;
|
||||
}
|
||||
|
||||
footer .container.mt16.mb8 {
|
||||
border-top: 1px solid white;
|
||||
color: white;
|
||||
.pull-left {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_icon_box */
|
||||
|
||||
.s_icon_box_box:hover .s_icon_box_icon .fa, .s_icon_box_box:hover .s_icon_box_content h4 {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-alpha;
|
||||
}
|
||||
|
||||
/* s_icon_box_square */
|
||||
|
||||
.s_icon_box_square_box:hover .s_icon_box_square_icon {
|
||||
border-color: @color-alpha;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_icon_box_square_box:hover h4 {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_circle */
|
||||
|
||||
.s_icon_box_circle_box:hover .s_icon_box_circle_icon {
|
||||
border-color: @color-alpha;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_icon_box_circle_box:hover h4 {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
|
||||
/* s_big_icon_circle */
|
||||
|
||||
.s_big_icon_circle_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 4px solid @color-alpha;
|
||||
h5 {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.s_big_icon_circle_box:hover .s_big_icon_circle_icon {
|
||||
background-color: fade(@color-alpha, 100%) !important;
|
||||
border-color: white;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h5 {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_big_icon_square */
|
||||
|
||||
.s_big_icon_square_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid @color-alpha;
|
||||
h5 {
|
||||
color: @color-alpha;
|
||||
}
|
||||
}
|
||||
|
||||
.s_big_icon_square_box:hover .s_big_icon_square_icon {
|
||||
background-color: fade(@color-alpha, 100%) !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h5 {
|
||||
color: @color-alpha;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,157 @@
|
||||
body {
|
||||
background:
|
||||
linear-gradient(
|
||||
fade(@color-alpha, 35%),
|
||||
fade(black, 70%) 75%),
|
||||
@bg-pattern-04;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
#wrap {
|
||||
background-color: fade(darken(@color-alpha, 20%), 50%);
|
||||
}
|
||||
|
||||
@text-color: @gray-lighter;
|
||||
@headings-color: white;
|
||||
|
||||
.modal {
|
||||
color: #888;
|
||||
.h1, .h2, .h3, .h4, .h5 {
|
||||
color: #333;
|
||||
}
|
||||
h1, h2, h3, h4, h5 {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
/* Navbar ----------------------------------------------------------- */
|
||||
|
||||
@navbar-default-bg: fade(@color-alpha, 0%);
|
||||
@navbar-default-link-color: lighten(@color-alpha, 30%);
|
||||
@navbar-default-link-hover-color: white;
|
||||
|
||||
@navbar-default-link-active-color: white;
|
||||
@navbar-default-link-active-bg: @color-alpha;
|
||||
|
||||
/* Footer ----------------------------------------------------------- */
|
||||
|
||||
footer {
|
||||
background: fade(@color-alpha, 0%) !important;
|
||||
}
|
||||
|
||||
#wrapwrap footer {
|
||||
background-color: none;
|
||||
color: @gray-lighter;
|
||||
}
|
||||
|
||||
footer .container .pull-left {
|
||||
color: @color-alpha;
|
||||
}
|
||||
|
||||
footer ul li a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
footer ul li a:hover {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
footer h4 {
|
||||
color: @color-beta;
|
||||
padding-bottom: 12px;
|
||||
text-transform: uppercase;
|
||||
a {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
footer .fa {
|
||||
color: white;
|
||||
}
|
||||
|
||||
footer .container.mt16.mb8 {
|
||||
border-top: 1px solid white;
|
||||
color: white;
|
||||
.pull-left {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_icon_box */
|
||||
|
||||
.s_icon_box_box:hover .s_icon_box_icon .fa, .s_icon_box_box:hover .s_icon_box_content h4 {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-alpha;
|
||||
}
|
||||
|
||||
/* s_icon_box_square */
|
||||
|
||||
.s_icon_box_square_box:hover .s_icon_box_square_icon {
|
||||
border-color: @color-alpha;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_icon_box_square_box:hover h4 {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_circle */
|
||||
|
||||
.s_icon_box_circle_box:hover .s_icon_box_circle_icon {
|
||||
border-color: @color-alpha;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_icon_box_circle_box:hover h4 {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
|
||||
/* s_big_icon_circle */
|
||||
|
||||
.s_big_icon_circle_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 4px solid @color-alpha;
|
||||
h5 {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.s_big_icon_circle_box:hover .s_big_icon_circle_icon {
|
||||
background-color: fade(@color-alpha, 100%) !important;
|
||||
border-color:@color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h5 {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_big_icon_square */
|
||||
|
||||
.s_big_icon_square_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid @color-alpha;
|
||||
h5 {
|
||||
color: @color-alpha;
|
||||
}
|
||||
}
|
||||
|
||||
.s_big_icon_square_box:hover .s_big_icon_square_icon {
|
||||
background-color: fade(@color-alpha, 100%) !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h5 {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,151 @@
|
||||
|
||||
#wrapwrap {
|
||||
background-image:
|
||||
linear-gradient(
|
||||
fade(black, 0%),
|
||||
fade(black, 45%)),
|
||||
@bg-pattern-05;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
#wrap {
|
||||
background-color: fade(black, 15%);
|
||||
}
|
||||
|
||||
@text-color: @gray-light;
|
||||
@headings-color: @gray-lighter;
|
||||
|
||||
.modal {
|
||||
color: #888;
|
||||
.h1, .h2, .h3, .h4, .h5 {
|
||||
color: #333;
|
||||
}
|
||||
h1, h2, h3, h4, h5 {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
/* Navbar ----------------------------------------------------------- */
|
||||
|
||||
@navbar-default-bg: fade(@color-alpha, 0%);
|
||||
@navbar-default-link-color: lighten(@color-alpha, 20%);
|
||||
@navbar-default-link-hover-color: white;
|
||||
|
||||
@navbar-default-link-active-color: white;
|
||||
@navbar-default-link-active-bg: @color-alpha;
|
||||
|
||||
/* Footer ----------------------------------------------------------- */
|
||||
|
||||
footer {
|
||||
background: fade(@color-alpha, 0%) !important;
|
||||
}
|
||||
|
||||
#wrapwrap footer {
|
||||
background-color: none;
|
||||
color: @gray-lighter;
|
||||
}
|
||||
|
||||
footer .container .pull-left {
|
||||
color: @color-alpha;
|
||||
}
|
||||
|
||||
footer ul li a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
footer ul li a:hover {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
footer h4 {
|
||||
color: @color-beta;
|
||||
padding-bottom: 12px;
|
||||
text-transform: uppercase;
|
||||
a {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
footer .fa {
|
||||
color: white;
|
||||
}
|
||||
|
||||
footer .container.mt16.mb8 {
|
||||
border-top: 1px solid white;
|
||||
color: white;
|
||||
.pull-left {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_icon_box_square */
|
||||
|
||||
.s_icon_box_square_box:hover .s_icon_box_square_icon {
|
||||
border-color: @color-alpha;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_icon_box_square_box:hover h4 {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_circle */
|
||||
|
||||
.s_icon_box_circle_box:hover .s_icon_box_circle_icon {
|
||||
border-color: @color-alpha;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_icon_box_circle_box:hover h4 {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
|
||||
/* s_big_icon_circle */
|
||||
|
||||
.s_big_icon_circle_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 4px solid @color-alpha;
|
||||
h5 {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.s_big_icon_circle_box:hover .s_big_icon_circle_icon {
|
||||
background-color: fade(@color-alpha, 100%) !important;
|
||||
border-color:@color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h5 {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_big_icon_square */
|
||||
|
||||
.s_big_icon_square_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid @color-alpha;
|
||||
h5 {
|
||||
color: @color-alpha;
|
||||
}
|
||||
}
|
||||
|
||||
.s_big_icon_square_box:hover .s_big_icon_square_icon {
|
||||
background-color: fade(@color-alpha, 100%) !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h5 {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,155 @@
|
||||
body {
|
||||
background-image:
|
||||
linear-gradient(
|
||||
fade(black, 20%),
|
||||
fade(black, 0%)),
|
||||
@bg-pattern-06;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
#wrap {
|
||||
background-color: fade(black, 40%);
|
||||
}
|
||||
|
||||
@text-color: @gray-light;
|
||||
@headings-color: white;
|
||||
|
||||
.modal {
|
||||
color: #888;
|
||||
.h1, .h2, .h3, .h4, .h5 {
|
||||
color: #333;
|
||||
}
|
||||
h1, h2, h3, h4, h5 {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
border-color: @gray;
|
||||
}
|
||||
|
||||
/* Navbar ----------------------------------------------------------- */
|
||||
|
||||
@navbar-default-bg: fade(@color-alpha, 0%);
|
||||
@navbar-default-link-color: lighten(@color-alpha, 20%);
|
||||
@navbar-default-link-hover-color: white;
|
||||
|
||||
@navbar-default-link-active-color: white;
|
||||
@navbar-default-link-active-bg: @color-alpha;
|
||||
|
||||
/* Footer ----------------------------------------------------------- */
|
||||
|
||||
footer {
|
||||
background: fade(@color-alpha, 0%) !important;
|
||||
}
|
||||
|
||||
#wrapwrap footer {
|
||||
background-color: none;
|
||||
color: @gray-lighter;
|
||||
}
|
||||
|
||||
footer .container .pull-left {
|
||||
color: @color-alpha;
|
||||
}
|
||||
|
||||
footer ul li a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
footer ul li a:hover {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
footer h4 {
|
||||
color: white;
|
||||
padding-bottom: 12px;
|
||||
text-transform: uppercase;
|
||||
a {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
footer .fa {
|
||||
color: white;
|
||||
}
|
||||
|
||||
footer .container.mt16.mb8 {
|
||||
border-top: 1px solid white;
|
||||
color: white;
|
||||
.pull-left {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_icon_box_square */
|
||||
|
||||
.s_icon_box_square_box:hover .s_icon_box_square_icon {
|
||||
border-color: @color-alpha;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_icon_box_square_box:hover h4 {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_circle */
|
||||
|
||||
.s_icon_box_circle_box:hover .s_icon_box_circle_icon {
|
||||
border-color: @color-alpha;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_icon_box_circle_box:hover h4 {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
|
||||
/* s_big_icon_circle */
|
||||
|
||||
.s_big_icon_circle_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 4px solid @color-alpha;
|
||||
h5 {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.s_big_icon_circle_box:hover .s_big_icon_circle_icon {
|
||||
background-color: fade(@color-alpha, 100%) !important;
|
||||
border-color:@color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h5 {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_big_icon_square */
|
||||
|
||||
.s_big_icon_square_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid @color-alpha;
|
||||
h5 {
|
||||
color: @color-alpha;
|
||||
}
|
||||
}
|
||||
|
||||
.s_big_icon_square_box:hover .s_big_icon_square_icon {
|
||||
background-color: fade(@color-alpha, 100%) !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h5 {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,214 @@
|
||||
/* GRAYS --------------------------------------------------------- */
|
||||
/* Adjust to vary the intensity of texts ans headings ------------ */
|
||||
|
||||
@gray-darker: lighten(#000, 20%);
|
||||
@gray-dark: lighten(#000, 40%);
|
||||
@gray: lighten(#000, 55%);
|
||||
@gray-light: lighten(#000, 70%);
|
||||
@gray-lighter: lighten(#000, 80%);
|
||||
|
||||
/* COLORS --------------------------------------------------------- */
|
||||
|
||||
@color-alpha: @color-concrete;
|
||||
@color-beta: @color-silver;
|
||||
@color-gamma: @color-stone;
|
||||
@color-delta: @color-concrete-dark;
|
||||
@color-epsilon: @color-midnight;
|
||||
|
||||
/* COLORED BG -------------------------------------------------------- */
|
||||
|
||||
.bg-alpha {
|
||||
.bg-clouds;
|
||||
}
|
||||
.bg-beta {
|
||||
.bg-silver;
|
||||
}
|
||||
.bg-gamma {
|
||||
.bg-stone;
|
||||
}
|
||||
.bg-delta {
|
||||
.bg-concrete-dark;
|
||||
}
|
||||
.bg-epsilon {
|
||||
.bg-asphalt;
|
||||
}
|
||||
|
||||
/* TEXT & LINKS -------------------------------------------------------- */
|
||||
|
||||
@text-muted: @color-alpha;
|
||||
@link-color: @color-alpha;
|
||||
@link-hover-color: @color-gamma;
|
||||
|
||||
/* BUTTONS --------------------------------------------------------- */
|
||||
|
||||
@btn-primary-bg: @color-concrete;
|
||||
@btn-success-bg: @color-blue;
|
||||
@btn-info-bg: @color-asphalt;
|
||||
@btn-warning-bg: @color-red;
|
||||
@btn-danger-bg: @color-red-dark;
|
||||
|
||||
.btn .fa {
|
||||
color: white;}
|
||||
|
||||
.btn-default .fa {
|
||||
color: @gray-dark;
|
||||
}
|
||||
|
||||
#wrap {
|
||||
border: 1px solid fade(@color-beta, 30%);
|
||||
}
|
||||
|
||||
/* eCommerce */
|
||||
|
||||
#products_grid .oe_product section {
|
||||
padding: 4px 15px 24px 10px;
|
||||
border-top: 1px dotted @color-gamma;
|
||||
background-color: fade(@color-alpha, 65%);
|
||||
h5 a {
|
||||
color: white;
|
||||
font-weight: 300;
|
||||
}
|
||||
&:hover {
|
||||
background-color: fade(@color-alpha, 90%);
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-epsilon;
|
||||
}
|
||||
}
|
||||
|
||||
#products_grid_before {
|
||||
ul {
|
||||
font-size: 15px;
|
||||
li {
|
||||
a {
|
||||
font-size: 16px;
|
||||
color: @gray-light;
|
||||
margin: 1px 0px;
|
||||
|
||||
&:hover, &:focus {
|
||||
transition: all 0.3s ease-in-out;
|
||||
background-color: fade(@gray-lighter, 30%);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#products_grid_before .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: #fff;
|
||||
background-color: fade(@color-alpha, 40%);
|
||||
padding: 6px 6px;
|
||||
}
|
||||
|
||||
/* s_icon_box */
|
||||
|
||||
.bg-beta .s_icon_box_box:hover .s_icon_box_icon .fa {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-delta !important;
|
||||
}
|
||||
|
||||
.bg-beta .s_icon_box_box:hover .s_icon_box_content h4 {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-delta !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_square */
|
||||
|
||||
.bg-beta .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_icon_box_square_box:hover .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_icon_box_square_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_circle */
|
||||
|
||||
.bg-beta .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_icon_box_circle_box:hover .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_icon_box_circle_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_big_icon_circle */
|
||||
|
||||
.bg-beta .s_big_icon_circle_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid white !important;
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_big_icon_circle_box:hover .s_big_icon_circle_icon {
|
||||
background-color: white !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_big_icon_square */
|
||||
|
||||
.bg-beta .s_big_icon_square_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid white !important;
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_big_icon_square_box:hover .s_big_icon_square_icon {
|
||||
background-color: white !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,325 @@
|
||||
/* GRAYS --------------------------------------------------------- */
|
||||
/* Adjust to vary the intensity of texts ans headings ------------ */
|
||||
|
||||
@gray-darker: lighten(#000, 20%);
|
||||
@gray-dark: lighten(#000, 40%);
|
||||
@gray: lighten(#000, 55%);
|
||||
@gray-light: lighten(#000, 70%);
|
||||
@gray-lighter: lighten(#000, 80%);
|
||||
|
||||
/* COLORS --------------------------------------------------------- */
|
||||
|
||||
@color-alpha: @color-blue-dark;
|
||||
@color-beta: @color-concrete;
|
||||
@color-gamma: @color-turquoise;
|
||||
@color-delta: @color-asphalt;
|
||||
@color-epsilon: @color-midnight;
|
||||
|
||||
/* COLORED BG -------------------------------------------------------- */
|
||||
|
||||
.bg-alpha {
|
||||
.bg-clouds;
|
||||
}
|
||||
.bg-beta {
|
||||
.bg-silver;
|
||||
}
|
||||
.bg-gamma {
|
||||
.bg-concrete-dark;
|
||||
}
|
||||
.bg-delta {
|
||||
.bg-turquoise-dark;
|
||||
}
|
||||
.bg-epsilon {
|
||||
.bg-concrete;
|
||||
}
|
||||
|
||||
/* TEXTS & LINKS --------------------------------------------------- */
|
||||
|
||||
@text-muted: @color-gamma;
|
||||
@link-color: @color-beta;
|
||||
@link-hover-color: @color-alpha;
|
||||
|
||||
/* BUTTONS --------------------------------------------------------- */
|
||||
|
||||
@btn-primary-bg: @color-turquoise;
|
||||
@btn-success-bg: @color-turquoise-dark;
|
||||
@btn-info-bg: @color-blue;
|
||||
@btn-warning-bg: @color-orange;
|
||||
@btn-danger-bg: @color-red;
|
||||
|
||||
.btn .fa {
|
||||
color: white;}
|
||||
|
||||
.btn-default .fa {
|
||||
color: @gray-dark;}
|
||||
|
||||
#wrap {
|
||||
border: 1px solid fade(@color-beta, 30%);
|
||||
}
|
||||
|
||||
/* eCommerce */
|
||||
|
||||
#products_grid .oe_product section {
|
||||
padding: 4px 15px 24px 10px;
|
||||
border-top: 1px dotted @color-gamma;
|
||||
background-color: fade(@color-alpha, 40%);
|
||||
h5 a {
|
||||
color: white;
|
||||
font-weight: 300;
|
||||
}
|
||||
&:hover {
|
||||
background-color: fade(@color-alpha, 85%);
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-epsilon;
|
||||
}
|
||||
}
|
||||
|
||||
#products_grid_before {
|
||||
ul {
|
||||
font-size: 15px;
|
||||
li {
|
||||
a {
|
||||
font-size: 16px;
|
||||
color: @gray-light;
|
||||
margin: 1px 0px;
|
||||
|
||||
&:hover, &:focus {
|
||||
background-color: fade(@gray-lighter, 30%);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#products_grid_before .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
|
||||
color: #fff;
|
||||
background-color: fade(@color-alpha, 40%);
|
||||
padding: 6px 6px;
|
||||
}
|
||||
|
||||
/* s_icon_box */
|
||||
|
||||
.bg-delta .s_icon_box_box:hover .s_icon_box_icon .fa {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
|
||||
.bg-delta .s_icon_box_box:hover .s_icon_box_content h4 {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_square */
|
||||
|
||||
.bg-delta .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_icon_box_square_box:hover .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_icon_box_square_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_circle */
|
||||
|
||||
.bg-delta .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_icon_box_circle_box:hover .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_icon_box_circle_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_big_icon_circle */
|
||||
|
||||
.bg-delta .s_big_icon_circle_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid white !important;
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_big_icon_circle_box:hover .s_big_icon_circle_icon {
|
||||
background-color: white !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_big_icon_square */
|
||||
|
||||
.bg-delta .s_big_icon_square_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid white !important;
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_big_icon_square_box:hover .s_big_icon_square_icon {
|
||||
background-color: white !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------*/
|
||||
|
||||
/* s_icon_box */
|
||||
|
||||
.bg-gamma .s_icon_box_box:hover .s_icon_box_icon .fa {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-delta !important;
|
||||
}
|
||||
|
||||
.bg-gamma .s_icon_box_box:hover .s_icon_box_content h4 {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-delta !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_square */
|
||||
|
||||
.bg-gamma .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-gamma .s_icon_box_square_box:hover .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-gamma .s_icon_box_square_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_circle */
|
||||
|
||||
.bg-gamma .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-gamma .s_icon_box_circle_box:hover .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-gamma .s_icon_box_circle_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_big_icon_circle */
|
||||
|
||||
.bg-gamma .s_big_icon_circle_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid white !important;
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-gamma .s_big_icon_circle_box:hover .s_big_icon_circle_icon {
|
||||
background-color: white !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_big_icon_square */
|
||||
|
||||
.bg-gamma .s_big_icon_square_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid white !important;
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-gamma .s_big_icon_square_box:hover .s_big_icon_square_icon {
|
||||
background-color: white !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,325 @@
|
||||
/* GRAYS --------------------------------------------------------- */
|
||||
/* Adjust to vary the intensity of texts ans headings ------------ */
|
||||
|
||||
@gray-darker: lighten(#000, 20%);
|
||||
@gray-dark: lighten(#000, 40%);
|
||||
@gray: lighten(#000, 55%);
|
||||
@gray-light: lighten(#000, 70%);
|
||||
@gray-lighter: lighten(#000, 80%);
|
||||
|
||||
/* COLORS --------------------------------------------------------- */
|
||||
|
||||
@color-alpha: @color-blue;
|
||||
@color-beta: @color-blue-dark;
|
||||
@color-gamma: @color-concrete-dark;
|
||||
@color-delta: @color-asphalt;
|
||||
@color-epsilon: @color-midnight;
|
||||
|
||||
/* COLORED BG -------------------------------------------------------- */
|
||||
|
||||
.bg-alpha {
|
||||
.bg-silver;
|
||||
}
|
||||
.bg-beta {
|
||||
.bg-concrete;
|
||||
}
|
||||
.bg-gamma {
|
||||
.bg-blue;
|
||||
}
|
||||
.bg-delta {
|
||||
.bg-concrete-dark;
|
||||
}
|
||||
.bg-epsilon {
|
||||
.bg-blue-dark;
|
||||
}
|
||||
|
||||
/* TEXTS & LINKS --------------------------------------------------- */
|
||||
|
||||
@text-muted: @color-alpha;
|
||||
@link-color: @color-alpha;
|
||||
@link-hover-color: @color-gamma;
|
||||
|
||||
/* BUTTONS --------------------------------------------------------- */
|
||||
|
||||
@btn-primary-bg: @color-concrete;
|
||||
@btn-success-bg: @color-blue;
|
||||
@btn-info-bg: @color-asphalt;
|
||||
@btn-warning-bg: @color-red;
|
||||
@btn-danger-bg: @color-red-dark;
|
||||
|
||||
.btn .fa {
|
||||
color: white;}
|
||||
|
||||
.btn-default .fa {
|
||||
color: @gray-dark;}
|
||||
|
||||
#wrap {
|
||||
border: 1px solid fade(@color-beta, 25%);
|
||||
}
|
||||
|
||||
/* eCommerce */
|
||||
|
||||
#products_grid .oe_product section {
|
||||
padding: 4px 15px 24px 10px;
|
||||
border-top: 1px dotted @color-gamma;
|
||||
background-color: fade(@color-alpha, 40%);
|
||||
h5 a {
|
||||
color: white;
|
||||
font-weight: 300;
|
||||
}
|
||||
&:hover {
|
||||
background-color: fade(@color-alpha, 85%);
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-epsilon;
|
||||
}
|
||||
}
|
||||
|
||||
#products_grid_before {
|
||||
ul {
|
||||
font-size: 15px;
|
||||
li {
|
||||
a {
|
||||
font-size: 16px;
|
||||
color: @gray-light;
|
||||
margin: 1px 0px;
|
||||
|
||||
&:hover, &:focus {
|
||||
background-color: fade(@gray-lighter, 30%);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#products_grid_before .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
|
||||
color: #fff;
|
||||
background-color: fade(@color-alpha, 40%);
|
||||
padding: 6px 6px;
|
||||
}
|
||||
|
||||
/* s_icon_box */
|
||||
|
||||
.bg-delta .s_icon_box_box:hover .s_icon_box_icon .fa {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
|
||||
.bg-delta .s_icon_box_box:hover .s_icon_box_content h4 {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_square */
|
||||
|
||||
.bg-delta .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_icon_box_square_box:hover .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_icon_box_square_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_circle */
|
||||
|
||||
.bg-delta .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_icon_box_circle_box:hover .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_icon_box_circle_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_big_icon_circle */
|
||||
|
||||
.bg-delta .s_big_icon_circle_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid white !important;
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_big_icon_circle_box:hover .s_big_icon_circle_icon {
|
||||
background-color: white !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_big_icon_square */
|
||||
|
||||
.bg-delta .s_big_icon_square_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid white !important;
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_big_icon_square_box:hover .s_big_icon_square_icon {
|
||||
background-color: white !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*------------------*/
|
||||
|
||||
/* s_icon_box */
|
||||
|
||||
.bg-gamma .s_icon_box_box:hover .s_icon_box_icon .fa {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-delta !important;
|
||||
}
|
||||
|
||||
.bg-gamma .s_icon_box_box:hover .s_icon_box_content h4 {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-delta !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_square */
|
||||
|
||||
.bg-gamma .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-gamma .s_icon_box_square_box:hover .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-gamma .s_icon_box_square_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_circle */
|
||||
|
||||
.bg-gamma .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-gamma .s_icon_box_circle_box:hover .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-gamma .s_icon_box_circle_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_big_icon_circle */
|
||||
|
||||
.bg-gamma .s_big_icon_circle_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid white !important;
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-gamma .s_big_icon_circle_box:hover .s_big_icon_circle_icon {
|
||||
background-color: white !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_big_icon_square */
|
||||
|
||||
.bg-gamma .s_big_icon_square_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid white !important;
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-gamma .s_big_icon_square_box:hover .s_big_icon_square_icon {
|
||||
background-color: white !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,206 @@
|
||||
/* GRAYS --------------------------------------------------------- */
|
||||
/* Adjust to vary the intensity of texts ans headings ------------ */
|
||||
|
||||
@gray-darker: lighten(#000, 20%);
|
||||
@gray-dark: lighten(#000, 40%);
|
||||
@gray: lighten(#000, 55%);
|
||||
@gray-light: lighten(#000, 70%);
|
||||
@gray-lighter: lighten(#000, 80%);
|
||||
|
||||
/* COLORS --------------------------------------------------------- */
|
||||
|
||||
@color-alpha: @color-turquoise;
|
||||
@color-beta: @color-concrete-dark;
|
||||
@color-gamma: @color-turquoise-dark;
|
||||
@color-delta: darken(@color-turquoise-dark, 30%);
|
||||
@color-epsilon: darken(@color-turquoise-dark, 50%);
|
||||
|
||||
/* COLORED BG -------------------------------------------------------- */
|
||||
|
||||
.bg-alpha {
|
||||
.bg-silver;
|
||||
}
|
||||
.bg-beta {
|
||||
.bg-concrete-dark;
|
||||
}
|
||||
.bg-gamma {
|
||||
.bg-turquoise-dark;
|
||||
}
|
||||
.bg-delta {
|
||||
.bg-turquoise;
|
||||
}
|
||||
.bg-epsilon {
|
||||
.bg-marine;
|
||||
}
|
||||
|
||||
/* TEXTS & LINKS --------------------------------------------------- */
|
||||
|
||||
@text-muted: @color-alpha;
|
||||
@link-color: @color-alpha;
|
||||
@link-hover-color: @color-gamma;
|
||||
|
||||
/* BUTTONS --------------------------------------------------------- */
|
||||
|
||||
@btn-primary-bg: @color-turquoise;
|
||||
@btn-success-bg: @color-green;
|
||||
@btn-info-bg: @color-yellow-dark;
|
||||
@btn-warning-bg: @color-orange;
|
||||
@btn-danger-bg: @color-red;
|
||||
|
||||
.btn .fa {
|
||||
color: white;}
|
||||
|
||||
.btn-default .fa {
|
||||
color: @gray-dark;}
|
||||
|
||||
#wrap {
|
||||
border: 1px solid fade(@color-alpha, 25%);
|
||||
}
|
||||
|
||||
/* eCommerce */
|
||||
|
||||
#products_grid .oe_product section {
|
||||
padding: 4px 15px 24px 10px;
|
||||
border-top: 1px dotted @color-gamma;
|
||||
background-color: fade(@color-alpha, 50%);
|
||||
h5 a {
|
||||
color: white;
|
||||
font-weight: 300;
|
||||
}
|
||||
&:hover {
|
||||
background-color: fade(@color-alpha, 85%);
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-epsilon;
|
||||
}
|
||||
}
|
||||
|
||||
#products_grid_before {
|
||||
ul {
|
||||
font-size: 15px;
|
||||
li {
|
||||
a {
|
||||
font-size: 16px;
|
||||
color: @gray-lighter;
|
||||
margin: 1px 0px;
|
||||
|
||||
&:hover, &:focus {
|
||||
background-color: fade(@gray-lighter, 30%);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#products_grid_before .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
|
||||
color: #fff;
|
||||
background-color: fade(@color-alpha, 40%);
|
||||
padding: 6px 6px;
|
||||
}
|
||||
|
||||
/* s_icon_box */
|
||||
|
||||
.bg-delta .s_icon_box_box:hover .s_icon_box_icon .fa, .bg-delta .s_icon_box_box:hover .s_icon_box_content h4 {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-delta !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_square */
|
||||
|
||||
.bg-delta .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_icon_box_square_box:hover .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_icon_box_square_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_circle */
|
||||
|
||||
.bg-delta .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_icon_box_circle_box:hover .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_icon_box_circle_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_big_icon_circle */
|
||||
|
||||
.bg-delta .s_big_icon_circle_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid white !important;
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_big_icon_circle_box:hover .s_big_icon_circle_icon {
|
||||
background-color: white !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_big_icon_square */
|
||||
|
||||
.bg-delta .s_big_icon_square_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid white !important;
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_big_icon_square_box:hover .s_big_icon_square_icon {
|
||||
background-color: white !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,325 @@
|
||||
/* GRAYS --------------------------------------------------------- */
|
||||
/* Adjust to vary the intensity of texts ans headings ------------ */
|
||||
|
||||
@gray-darker: lighten(#000, 20%);
|
||||
@gray-dark: lighten(#000, 40%);
|
||||
@gray: lighten(#000, 55%);
|
||||
@gray-light: lighten(#000, 70%);
|
||||
@gray-lighter: lighten(#000, 80%);
|
||||
|
||||
/* COLORS --------------------------------------------------------- */
|
||||
|
||||
@color-alpha: @color-blue;
|
||||
@color-beta: @color-blue-dark;
|
||||
@color-gamma: @color-turquoise;
|
||||
@color-delta: @color-asphalt;
|
||||
@color-epsilon: @color-midnight;
|
||||
|
||||
/* COLORED BG -------------------------------------------------------- */
|
||||
|
||||
.bg-alpha {
|
||||
.bg-silver;
|
||||
}
|
||||
.bg-beta {
|
||||
.bg-concrete;
|
||||
}
|
||||
.bg-gamma {
|
||||
.bg-marine;
|
||||
}
|
||||
.bg-delta {
|
||||
.bg-blue-dark;
|
||||
}
|
||||
.bg-epsilon {
|
||||
.bg-midnight;
|
||||
}
|
||||
|
||||
/* TEXTS & LINKS --------------------------------------------------- */
|
||||
|
||||
@text-muted: @color-alpha;
|
||||
@link-color: @color-alpha;
|
||||
@link-hover-color: @color-gamma;
|
||||
|
||||
/* BUTTONS --------------------------------------------------------- */
|
||||
|
||||
@btn-primary-bg: @color-turquoise;
|
||||
@btn-success-bg: @color-green;
|
||||
@btn-info-bg: @color-yellow-dark;
|
||||
@btn-warning-bg: @color-orange;
|
||||
@btn-danger-bg: @color-red;
|
||||
|
||||
.btn .fa {
|
||||
color: white;}
|
||||
|
||||
.btn-default .fa {
|
||||
color: @gray-dark;}
|
||||
|
||||
#wrap {
|
||||
border: 1px solid fade(@color-alpha, 25%);
|
||||
}
|
||||
|
||||
/* eCommerce */
|
||||
|
||||
#products_grid .oe_product section {
|
||||
padding: 4px 15px 24px 10px;
|
||||
border-top: 1px dotted @color-gamma;
|
||||
background-color: fade(@color-alpha, 40%);
|
||||
h5 a {
|
||||
color: white;
|
||||
font-weight: 300;
|
||||
}
|
||||
&:hover {
|
||||
background-color: fade(@color-alpha, 85%);
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-epsilon;
|
||||
}
|
||||
}
|
||||
|
||||
#products_grid_before {
|
||||
ul {
|
||||
font-size: 15px;
|
||||
li {
|
||||
a {
|
||||
font-size: 16px;
|
||||
color: @gray-light;
|
||||
margin: 1px 0px;
|
||||
|
||||
&:hover, &:focus {
|
||||
background-color: fade(@gray-lighter, 30%);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#products_grid_before .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
|
||||
color: #fff;
|
||||
background-color: fade(@color-alpha, 40%);
|
||||
padding: 6px 6px;
|
||||
}
|
||||
|
||||
/* s_icon_box */
|
||||
|
||||
.bg-beta .s_icon_box_box:hover .s_icon_box_icon .fa {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-delta !important;
|
||||
}
|
||||
|
||||
.bg-beta .s_icon_box_box:hover .s_icon_box_content h4 {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-delta !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_square */
|
||||
|
||||
.bg-beta .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_icon_box_square_box:hover .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_icon_box_square_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_circle */
|
||||
|
||||
.bg-beta .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_icon_box_circle_box:hover .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_icon_box_circle_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_big_icon_circle */
|
||||
|
||||
.bg-beta .s_big_icon_circle_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid white !important;
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_big_icon_circle_box:hover .s_big_icon_circle_icon {
|
||||
background-color: white !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_big_icon_square */
|
||||
|
||||
.bg-beta .s_big_icon_square_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid white !important;
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_big_icon_square_box:hover .s_big_icon_square_icon {
|
||||
background-color: white !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* --------------- */
|
||||
|
||||
/* s_icon_box */
|
||||
|
||||
.bg-delta .s_icon_box_box:hover .s_icon_box_icon .fa {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-delta !important;
|
||||
}
|
||||
|
||||
.bg-delta .s_icon_box_box:hover .s_icon_box_content h4 {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_square */
|
||||
|
||||
.bg-delta .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_icon_box_square_box:hover .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_icon_box_square_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_circle */
|
||||
|
||||
.bg-delta .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_icon_box_circle_box:hover .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_icon_box_circle_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_big_icon_circle */
|
||||
|
||||
.bg-delta .s_big_icon_circle_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid white !important;
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_big_icon_circle_box:hover .s_big_icon_circle_icon {
|
||||
background-color: white !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_big_icon_square */
|
||||
|
||||
.bg-delta .s_big_icon_square_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid white !important;
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_big_icon_square_box:hover .s_big_icon_square_icon {
|
||||
background-color: white !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,393 @@
|
||||
/* GRAYS --------------------------------------------------------- */
|
||||
/* Adjust to vary the intensity of texts ans headings ------------ */
|
||||
|
||||
@gray-darker: lighten(#000, 20%);
|
||||
@gray-dark: lighten(#000, 35%);
|
||||
@gray: lighten(#000, 45%);
|
||||
@gray-light: lighten(#000, 70%);
|
||||
@gray-lighter: lighten(#000, 80%);
|
||||
|
||||
/* COLORS --------------------------------------------------------- */
|
||||
|
||||
@color-alpha: @gray;
|
||||
@color-beta: @gray-lighter;
|
||||
@color-gamma: @gray-light;
|
||||
@color-delta: @gray-darker;
|
||||
@color-epsilon: @gray-dark;
|
||||
|
||||
/* COLORED BG -------------------------------------------------------- */
|
||||
|
||||
.bg-gray-darker {
|
||||
background: @gray-darker;
|
||||
color: white;
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: white;
|
||||
}
|
||||
p {
|
||||
color: @gray-lighter;
|
||||
}
|
||||
& .text-muted {
|
||||
color: @color-alpha;
|
||||
}
|
||||
& .fa {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-gray-dark {
|
||||
background: @gray-dark;
|
||||
color: white;
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: white;
|
||||
}
|
||||
p {
|
||||
color: @gray-lighter;
|
||||
}
|
||||
& .text-muted {
|
||||
color: @color-alpha;
|
||||
}
|
||||
& .fa {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-gray {
|
||||
background: @gray;
|
||||
color: white;
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: white;
|
||||
}
|
||||
p {
|
||||
color: @gray-lighter;
|
||||
}
|
||||
& .text-muted {
|
||||
color: @color-alpha;
|
||||
}
|
||||
& .fa {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-gray-light {
|
||||
background: @gray-light;
|
||||
color: white;
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: white;
|
||||
}
|
||||
p {
|
||||
color: @gray-dark;
|
||||
}
|
||||
& .text-muted {
|
||||
color: @color-alpha;
|
||||
}
|
||||
& .fa {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-alpha {
|
||||
.bg-gray-light;
|
||||
}
|
||||
.bg-beta {
|
||||
.bg-gray;
|
||||
}
|
||||
.bg-gamma {
|
||||
.bg-black;
|
||||
}
|
||||
.bg-delta {
|
||||
.bg-gray-dark;
|
||||
}
|
||||
.bg-epsilon {
|
||||
.bg-gray-darker;
|
||||
}
|
||||
|
||||
/* TEXT & LINKS -------------------------------------------------------- */
|
||||
|
||||
@text-muted: @color-alpha;
|
||||
@link-color: @color-alpha;
|
||||
@link-hover-color: @color-gamma;
|
||||
|
||||
/* BUTTONS --------------------------------------------------------- */
|
||||
|
||||
@btn-primary-bg: @color-concrete;
|
||||
@btn-success-bg: @color-blue;
|
||||
@btn-info-bg: @color-green;
|
||||
@btn-warning-bg: @color-orange;
|
||||
@btn-danger-bg: @color-red-dark;
|
||||
|
||||
.btn .fa {
|
||||
color: white;}
|
||||
|
||||
.btn-default .fa {
|
||||
color: @gray-dark;}
|
||||
|
||||
#wrap {
|
||||
border: 1px solid fade(@color-delta, 20%);
|
||||
}
|
||||
|
||||
/* eCommerce */
|
||||
|
||||
#products_grid .oe_product section {
|
||||
padding: 4px 15px 24px 10px;
|
||||
border-top: 1px dotted @color-gamma;
|
||||
background-color: fade(@color-alpha, 40%);
|
||||
h5 a {
|
||||
color: white;
|
||||
font-weight: 300;
|
||||
}
|
||||
&:hover {
|
||||
background-color: fade(@color-alpha, 85%);
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
#products_grid_before {
|
||||
ul {
|
||||
font-size: 15px;
|
||||
li {
|
||||
a {
|
||||
font-size: 16px;
|
||||
color: @gray-light;
|
||||
margin: 1px 0px;
|
||||
|
||||
&:hover, &:focus {
|
||||
background-color: fade(@gray-lighter, 30%);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#products_grid_before .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
|
||||
color: #fff;
|
||||
background-color: fade(@color-alpha, 40%);
|
||||
padding: 6px 6px;
|
||||
}
|
||||
|
||||
/* s_icon_box */
|
||||
|
||||
.bg-beta .s_icon_box_box:hover .s_icon_box_icon .fa {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-delta !important;
|
||||
}
|
||||
|
||||
.bg-beta .s_icon_box_box:hover .s_icon_box_content h4 {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-delta !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_square */
|
||||
|
||||
.bg-beta .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_icon_box_square_box:hover .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_icon_box_square_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_circle */
|
||||
|
||||
.bg-beta .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_icon_box_circle_box:hover .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_icon_box_circle_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_big_icon_circle */
|
||||
|
||||
.bg-beta .s_big_icon_circle_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid white !important;
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_big_icon_circle_box:hover .s_big_icon_circle_icon {
|
||||
background-color: white !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_big_icon_square */
|
||||
|
||||
.bg-beta .s_big_icon_square_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid white !important;
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_big_icon_square_box:hover .s_big_icon_square_icon {
|
||||
background-color: white !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* --------------- */
|
||||
|
||||
/* s_icon_box */
|
||||
|
||||
.bg-delta .s_icon_box_box:hover .s_icon_box_icon .fa {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: @color-delta !important;
|
||||
}
|
||||
|
||||
.bg-delta .s_icon_box_box:hover .s_icon_box_content h4 {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_square */
|
||||
|
||||
.bg-delta .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_icon_box_square_box:hover .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_icon_box_square_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_circle */
|
||||
|
||||
.bg-delta .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: @color-alpha !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_icon_box_circle_box:hover .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_icon_box_circle_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_big_icon_circle */
|
||||
|
||||
.bg-delta .s_big_icon_circle_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid white !important;
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_big_icon_circle_box:hover .s_big_icon_circle_icon {
|
||||
background-color: white !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_big_icon_square */
|
||||
|
||||
.bg-delta .s_big_icon_square_icon {
|
||||
background-color: fade(@color-alpha, 0%) !important;
|
||||
border: 6px solid white !important;
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-delta .s_big_icon_square_box:hover .s_big_icon_square_icon {
|
||||
background-color: white !important;
|
||||
border-color: @color-alpha;
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: @color-alpha !important;
|
||||
}
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,52 @@
|
||||
@font-family-sans-serif: "BebasNeue Regular";
|
||||
@font-family-base: "Ubuntu-Regular";
|
||||
@font-size-base: 16px;
|
||||
@line-height-base: 1.3;
|
||||
|
||||
#wrapwrap {
|
||||
font-family: @font-family-base;
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: @font-family-sans-serif;
|
||||
}
|
||||
|
||||
@font-size-h1: floor((@font-size-base * 3.4));
|
||||
@font-size-h2: floor((@font-size-base * 3.0));
|
||||
@font-size-h3: ceil((@font-size-base * 2.7));
|
||||
@font-size-h4: ceil((@font-size-base * 1.9));
|
||||
@font-size-h5: ceil((@font-size-base * 1.65));
|
||||
@font-size-h6: ceil((@font-size-base * 1.25));
|
||||
|
||||
.lead {
|
||||
font-size: 19px;
|
||||
}
|
||||
|
||||
#wrapwrap footer {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#wrapwrap footer h4 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.oe_product .oe_product_cart section h5 a {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
#products_grid_before .main-category {
|
||||
font-size: 22px;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
#products_grid_before ul li a {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.nav.navbar-nav.navbar-right {
|
||||
font-family: @font-family-sans-serif;
|
||||
font-size: 21px;
|
||||
letter-spacing: 0.5px;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
@font-family-sans-serif: "MavenPro-Regular";
|
||||
@font-family-base: "Muli-Regular";
|
||||
@btn-font-weight: normal;
|
||||
|
||||
#wrapwrap {
|
||||
font-family: @font-family-base;
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: @font-family-sans-serif;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
@font-size-base: 15px;
|
||||
|
||||
@font-size-h1: floor((@font-size-base * 3.0));
|
||||
@font-size-h2: floor((@font-size-base * 2.6));
|
||||
@font-size-h3: ceil((@font-size-base * 2.15));
|
||||
@font-size-h4: ceil((@font-size-base * 1.85));
|
||||
@font-size-h5: ceil((@font-size-base * 1.25));
|
||||
@font-size-h6: ceil((@font-size-base * 0.85));
|
||||
|
||||
#wrapwrap footer h4 {
|
||||
font-size: 19px;
|
||||
}
|
||||
|
||||
.oe_product .oe_product_cart section h5 a {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#products_grid_before .main-category {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#products_grid_before ul li a {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.nav.navbar-nav.navbar-right {
|
||||
font-family: @font-family-sans-serif;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
@font-family-sans-serif: "Raleway-Regular";
|
||||
@font-family-base: "Abel-Regular";
|
||||
@font-size-base: 18px;
|
||||
|
||||
#wrapwrap {
|
||||
font-family: @font-family-base;
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: @font-family-sans-serif;
|
||||
}
|
||||
|
||||
.text-muted {
|
||||
font-family: "Abel-Regular";
|
||||
text-transform: none;
|
||||
letter-spacing: -0.5px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
#wrapwrap footer h4 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.oe_product .oe_product_cart section h5 a {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
#products_grid_before .main-category {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#products_grid_before ul li a {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.nav.navbar-nav.navbar-right {
|
||||
font-family: @font-family-base;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
@font-family-sans-serif: "AlegreyaSansSC-Light";
|
||||
@font-family-base: "DroidSerif";
|
||||
@btn-font-weight: normal;
|
||||
|
||||
#wrapwrap {
|
||||
font-family: @font-family-base;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: @font-family-sans-serif;
|
||||
}
|
||||
|
||||
@font-size-base: 17px;
|
||||
|
||||
@font-size-h1: floor((@font-size-base * 2.80));
|
||||
@font-size-h2: floor((@font-size-base * 2.50));
|
||||
@font-size-h3: ceil((@font-size-base * 2.0));
|
||||
@font-size-h4: ceil((@font-size-base * 1.75));
|
||||
@font-size-h5: ceil((@font-size-base * 1.55));
|
||||
@font-size-h6: ceil((@font-size-base * 1.25));
|
||||
|
||||
#wrapwrap footer h4 {
|
||||
font-size: 16px;
|
||||
}
|
||||
.oe_product .oe_product_cart section h5 a {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#products_grid_before .main-category {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.nav.navbar-nav.navbar-right {
|
||||
font-family: @font-family-sans-serif;
|
||||
font-size: 20px;
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
@font-family-sans-serif: "Quattrocento-Bold";
|
||||
@font-family-base: "Bitter-Regular";
|
||||
@font-size-base: 15px;
|
||||
|
||||
#wrapwrap {
|
||||
font-family: @font-family-base;
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: @font-family-sans-serif;
|
||||
}
|
||||
|
||||
.text-muted {
|
||||
font-family: "Bitter-Regular";
|
||||
}
|
||||
|
||||
.oe_product .oe_product_cart section h5 a {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#products_grid_before .main-category {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.nav.navbar-nav.navbar-right {
|
||||
font-family: @font-family-sans-serif;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
@font-family-sans-serif: "Vollkorn-Italic";
|
||||
@font-family-base: "PT_Sans-Web-Italic";
|
||||
@font-size-base: 16px;
|
||||
|
||||
#wrapwrap {
|
||||
font-family: @font-family-base;
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: @font-family-sans-serif;
|
||||
}
|
||||
|
||||
.text-muted {
|
||||
font-family: "PT_Sans-Web-Italic";
|
||||
}
|
||||
|
||||
#wrapwrap footer h4 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.oe_product .oe_product_cart section h5 a {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#products_grid_before .main-category {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
#products_grid_before ul li a {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.nav.navbar-nav.navbar-right {
|
||||
font-family: "Vollkorn-Regular";
|
||||
text-transform: uppercase;
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
#wrapwrap {
|
||||
|
||||
header:first-child .navbar {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
#wrap {
|
||||
width: 85%;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 40px;
|
||||
margin-top: 40px;
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
width: 90%;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-default {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
footer {
|
||||
.container {
|
||||
width: 85%;
|
||||
.row {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
margin-top: 20px;
|
||||
padding: 50px 0 30px;
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
.container.mt16.mb8 {
|
||||
padding: 24px 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
#wrapwrap {
|
||||
width: 100%;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user