Skip to content

E
ecommerce-ui
Commit cb93d5a8 authored by Sven Franck's avatar Sven Franck
Browse files
Options

css: cleanup

parent 383c7169
Hide whitespace changes
Inline Side-by-side
Showing with 108 additions and 31 deletions
css/css.css
View file @ cb93d5a8
......@@ -435,8 +435,19 @@ html body div.ui-panel a.unenhanced:active {
width: 100%;
}
/* ============================= content grid ============================= */
.span_1, .span_2, .span_3 {
.span_1 {
width: 96%; /* 2% padding-left/right */
display: block;
}
.span_2 {
width: 45%;
display: inline-block;
}
.span_3 {
width: 29%;
display: inline-block;
}
.span_1, .span_2, .span_3 {
vertical-align: middle;
padding-left: 2%;
padding-right: 2%;
......@@ -453,15 +464,6 @@ form .span_1, form .span_2 {
display: inline-block;
vertical-align: middle;
}
.span_1 {
width: 96% /* 2% padding-left/right */
}
.span_2 {
width: 45%;
}
.span_3 {
width: 29%;
}
form .span_1 {
width: 100%;
}
......@@ -562,6 +564,12 @@ tbody .large {
}
/* ================================= CUSTOM CSS =========================== */
.vert {
background-color: #79AC21;
}
.vert.light {
background-color: #A3ED24;
}
.rose.background {
background: url("../img/bg-offre02.png") no-repeat scroll right 203px #B01B99;
}
......@@ -580,11 +588,12 @@ tbody .large {
.bleu .light {
background-color: #5FC2EF;
}
.violet.backgorund {
.violet.background {
background: url("../img/bg-offre01.png") no-repeat scroll center 150px #7B40B8;
}
.violet {
background-color: #7B40B8;
color: #fff;
}
.violet .light {
background-color: #B184E0;
......@@ -597,4 +606,72 @@ tbody .large {
}
.rouge .light {
background-color: #FC8484;
}
\ No newline at end of file
}
/* all offers */
.offer > img{
padding: .25em;
}
h3.offer_tag {
font-size: 200%;
font-weight: bold;
}
.ui-header .ui-first-wrap ~ .ui-title-logo {
margin-left: 5em;
}
/* logo in header */
@media (max-width: 24em) {
.ui-header .ui-first-wrap ~ .ui-title-logo {
margin-left: 2.8em;
}
}
/* img in subheader */
.ui-subheader > img{
height: auto;
padding: 0.75em 0.25em;
vertical-align: middle;
}
/* border subheader */
@media (max-width: 60em) {
.ui-header .ui-subheader {
border-top-style: solid;
border-top-width: 1px;
display: block;
}
}
/* collapsible inside panel */
.ui-collapsible-heading-toggle {
font-size: 1em;
}
/* margin in panel listview */
.ui-collapsible-content > .ui-listview{
margin: 0 !important;
}
.ui-collapsible-content > .ui.listview li:first-child {
border-top-width: 0px;
}
.ui-collapsible-content > .ui-listview li:last-child {
border-bottom-width: 1px;
}
.ui-panel .ui-collapsible .ui-collapsible-content > .ui-listview .ui-li-divider {
border: 1px solid red;
}
/* carousel handles */
html body .ui-carousel-handle-right:not(.ui-carousel-handle-inset),
html body .ui-carousel-handle-left:not(.ui-carousel-handle-inset) {
margin-top: -10% !important;
}
.ui-carousel-controls .ui-radio {
background: 0 none;
}
.ui-carousel-controls .ui-radio label {
width: 18px;
height: 18px;
}
.ui-carousel-controls .ui-radio .ui-radio input {
left: 0;
}
html body .ui-controlbar .ui-carousel-controls .ui-btn[class*="ui-icon-"]:after {
margin-top: -8px;
margin-left: -2px;
}
css/themes.css
View file @ cb93d5a8
......@@ -622,15 +622,15 @@ html body .ui-group-theme-slapos-black .ui-li-count,
right: 0;
line-height: 1.75em;
top: -14px;
background-color: #0FBABD;
background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0,#0FBABD),color-stop(1,#94f2f1));
background-image: -webkit-linear-gradient(top, #0FBABD, #94f2f1);
background-image: linear-gradient(top, #0FBABD, #94f2f1);
background-image: -moz-linear-gradient(top, #0FBABD, #94f2f1);
background-image: -o-linear-gradient(top, #0FBABD, #94f2f1);
background-image: -ms-linear-gradient(top, #0FBABD, #94f2f1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0FBABD', EndColorStr='#94f2f1');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0FBABD', EndColorStr='#94f2f1')";
background-color: #79AC21;
background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0,#79AC21),color-stop(1,#A3ED24));
background-image: -webkit-linear-gradient(top, #79AC21, #A3ED24);
background-image: linear-gradient(top, #79AC21, #A3ED24);
background-image: -moz-linear-gradient(top, #79AC21, #A3ED24);
background-image: -o-linear-gradient(top, #79AC21, #A3ED24);
background-image: -ms-linear-gradient(top, #79AC21, #A3ED24);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#79AC21', EndColorStr='#A3ED24');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#79AC21', EndColorStr='#A3ED24')";
}
/* Button down */
......@@ -726,13 +726,13 @@ html .ui-page-theme-slapos-black .ui-collapsible-set .ui-collapsible h1 a.ui-btn
html .ui-page-theme-slapos-black .ui-collapsible-set .ui-collapsible h1 a.ui-btn.ui-btn-active,
/* LOADER */
html .ui-loader.ui-body-loader-active {
background-color: #94f2f1;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0fbabd), to(#94f2f1));
background: -webkit-linear-gradient(bottom, #0fbabd, #94f2f1);
background: linear-gradient(bottom, #0fbabd, #94f2f1);
background: -moz-linear-gradient(bottom, #0fbabd, #94f2f1);
background: -o-linear-gradient(bottom, #0fbabd, #94f2f1);
background: -ms-linear-gradient(bottom, #0fbabd, #94f2f1);
background-color: #A3ED24;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#79AC21), to(#A3ED24));
background: -webkit-linear-gradient(bottom, #79AC21, #A3ED24);
background: linear-gradient(bottom, #79AC21, #A3ED24);
background: -moz-linear-gradient(bottom, #79AC21, #A3ED24);
background: -o-linear-gradient(bottom, #79AC21, #A3ED24);
background: -ms-linear-gradient(bottom, #79AC21, #A3ED24);
color: #fff !important;
text-shadow: none;
cursor: pointer;
......@@ -789,9 +789,9 @@ html .ui-body-slapos-black .ui-focus,
html body .ui-group-theme-slapos-black .ui-focus,
html head + body .ui-btn-slapos-black.ui-focus,
html head + body .ui-body-slapos-black.ui-focus{
-webkit-box-shadow: 0 0 6px #0fbabd;
-moz-box-shadow: 0 0 6px #0fbabd;
box-shadow: 0 0 6px #0fbabd;
-webkit-box-shadow: 0 0 6px #79AC21;
-moz-box-shadow: 0 0 6px #79AC21;
box-shadow: 0 0 6px #79AC21;
}
/* ================================ overwriting widgets ==================================== */
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7