Skip to content

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

updated CSS files

parent 5fb28ddc
Show whitespace changes
Inline Side-by-side
Showing with 233 additions and 10 deletions
css/css.css
View file @ 3806e7aa
html body .ui-input-text.invalid {
html body .ui-input-text.invalid,
html body .required.invalid ~ label {
border: 1px solid red !important;
}
html body input ~ .ui-invalid-label {
display: none;
}
html body input.invalid ~ .ui-invalid-label {
right: 0px;
bottom: -1.25em;
color: red;
display: inline-block;
font-size: 0.6em;
height: 10px;
padding: 0px 1em;
position: absolute;
}
.bold {
font-weight: bold;
}
......@@ -8,14 +22,21 @@ html body .ui-input-text.invalid {
font-size: 80%;
line-height: 100%;
display: inline-block;
text-transform: capitalize;
}
.info:after {
content: "|";
padding: 0 .5em;
}
/* NOTE: empty elements IE8/9 require selectivzr */
.info:empty:after {
content: "";
padding: 0;
}
.info:last-child:after {
content: none;
}
.dashed a, .dashed.a {
border-style: dashed;
opacity: .75;
......@@ -46,7 +67,6 @@ html body .ui-input-text.invalid {
.ui-popup .file {
max-width: 70%;
}
.inline {
max-width: 50%;
margin: 0 auto;
......@@ -176,7 +196,7 @@ tbody .large {
margin-bottom: .25em;
}
}
/* custom signin buttons: thx Zocial http://zocial.smcllns.com/ */
/* ====================== Sign in With ===================================== */
.signin_google,
.signin_google:visited {
background: #DD4B39 !important;
......@@ -212,5 +232,169 @@ tbody .large {
-moz-box-shadow: none !important;
box-shadow: none !important;
}
/* ====================== flags =================================== */
/*
builder: http://iconizr.com/
svg flags: https://github.com/koppi/iso-country-flags-svg-collection
*/
html body .ui-btn.flag:after {
background-repeat: no-repeat;
background-size: 18px 36px;
-webkit-background-size: 18px 36px;
background-image: url("../img/flags.png");
content: "";
margin-top: 11px !important;
width: 18px;
height: 18px;
border-radius: .6em;
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
}
html body .ui-btn.flag.ui-icon-flag-cn:after {background-position: 0px 0px; }
html body .ui-btn.flag.ui-icon-flag-en:after {background-position: 0px -18px; }
/* ====================== ribbon =================================== */
.ribbon-wrapper {
width: 85px;
height: 88px;
overflow: hidden;
position: absolute;
top: -3px;
right: -3px;
}
.ribbon {
font: bold 15px Sans-Serif;
color: #333;
text-align: center;
text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: relative;
padding: 7px 0;
left: -5px;
top: 15px;
width: 120px;
background-color: #BFDC7A;
background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);
background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45);
background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45);
background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45);
color: #6a6340;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon:before, .ribbon:after {
content: "";
border-top: 3px solid #6e8900;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position:absolute;
bottom: -3px;
}
.ribbon:before {
left: 0;
}
.ribbon:after {
right: 0;
}
/* ====================== recaptcha/form spamhandling=================================== */
/* needed to prevent captcha CSS being overriden by ERP5 td height 34px */
html body div#recaptcha_area table#recaptcha_table th,
html body div#recaptcha_area table#recaptcha_table td {
height: 6px;
}
html body form input.secure_form {
display: none;
}
/* ============================== breadcrumbs ============================== */
.crumbs a.ui-btn,
.crumbs a.ui-link {
font-size: 80%;
line-height: 100%;
display: inline-block;
background: 0 none;
background-image: none;
text-decoration: none;
border: 0 none;
box-shadow: none;
-webkit-box-shadow: none;
vertical-align: middle;
margin: 0;
text-transform: capitalize;
}
.crumbs a.ui-link:hover,
.crumbs a.ui-link:active {
text-decoration: underline;
}
.crumbs a.ui-btn:after {
margin-top: -6px;
font-size: 1.2em;
}
/* ============================== status loader ============================== */
/* fadeout "heartbeat" transition with 1sec delay */
.loader_icon {
display: inline-block;
text-align: center;
width: 100%;
}
.loader_icon:after {
font-size: 2.5em;
}
.loader_message {
text-align: center;
}
.ui-loader {
-webkit-animation-timing-function: ease-in;
-webkit-animation-duration: 375ms;
-moz-animation-timing-function: ease-in;
-moz-animation-duration: 375ms;
animation-timing-function: ease-in;
animation-duration: 375ms;
}
@-webkit-keyframes fadeout {
0% { opacity: 1; }
50% { opacity: 1; }
100% { opacity: 0; }
}
@-moz-keyframes fadeout {
0% { opacity: 1; }
50% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes fadeout {
0% { opacity: 1; }
50% { opacity: 1; }
100% { opacity: 0; }
}
.ui-loader {
opacity: 0;
-webkit-animation-duration: 1000ms;
-webkit-animation-name: fadeout;
-moz-animation-duration: 1000ms;
-moz-animation-name: fadeout;
animation-duration: 1000ms;
animation-name: fadeout;
}
/* ============================== unenhanced ============================== */
/* TODO: remove once generateFromArray is done */
html body div.ui-panel a.unenhanced {
background: none repeat scroll 0 center rgba(0, 0, 0, 0);
border: 0 none;
font-size: 0.7em;
padding-top: 0.25em;
margin: 0;
}
html body div.ui-panel a.unenhanced:focus,
html body div.ui-panel a.unenhanced:hover,
html body div.ui-panel a.unenhanced:active {
background: none repeat scroll 0 center rgba(0, 0, 0, 0);
}
\ No newline at end of file
css/extensions.css
View file @ 3806e7aa
......@@ -141,6 +141,8 @@ html body .ui-input-text .ui-input-action:active {
max-width: 90%;
}
}
/* ================================= table ================================*/
html div.ui-table-wrapper-top p,
html div.ui-table-wrapper-bottom p {
margin-top: 3px;
......@@ -186,7 +188,7 @@ html div.ui-collapsible-set h1 .ui-btn[class*="ui-icon-"]:after{
}
html table.ui-table tbdoy th,
html table.ui-table tbody td {
text-align: right;
/*text-align: right;*/
padding: 0 1em;
}
@media (max-width: 20em) {
......@@ -288,6 +290,8 @@ html table tr td .ui-checkbox {
padding: 0;
height: inherit;
position: static;
box-shadow: none;
-webkit-box-shadow: none;
}
/* top radii - can use :first/last-child, because IE can't do corners anyway */
/* inherit = 0!, not inheriting = radius */
......@@ -393,9 +397,11 @@ html table tr td .ui-checkbox {
/* table borders */
.ui-table-wrapper-top {
border-width: 1px 1px 0;
margin-top: 1em;
}
.ui-table-wrapper-bottom {
border-width: 0 1px 1px;
margin-bottom: 1em;
}
/* inherit border to table ... */
.ui-table-wrapper-top ~ table,
......@@ -417,7 +423,6 @@ html table tr td .ui-checkbox {
font-weight: normal;
vertical-align: middle;
padding: .625em 1em;
}
.ui-table-wrapper-top > div, .ui-table-wrapper-bottom > div {
text-align: center;
......@@ -601,7 +606,8 @@ html table tr td .ui-checkbox {
}
}
/* ui-controlbar */
/* ================================= contolbar ============================*/
/* TODO: remove? old css */
.ui-controlbar {
position: static;
text-align: center;
......@@ -620,6 +626,39 @@ html table tr td .ui-checkbox {
display: block;
margin: 0.5em auto;
}
/* align multiple controlgroups in a controlbar on wide screens */
html body div.ui-content .ui-controlbar .ui-controlgroup {
margin: 0 3%;
}
/* shrink icon font-size (should not be set here...) */
html body .ui-controlbar .ui-btn[class*="ui-icon-"]:after {
font-size: 125%;
margin-top: -11px;
}
/* remove margin on controlbar buttons */
html body .ui-controlbar > .ui-select,
html body .ui-controlbar > .ui-btn:not(.ui-input-clear, .ui-input-action) {
width: auto;
margin: 0;
}
/* prevent controlgroup buttons from collapsing on small displays */
@media (max-width: 18em) {
html body .ui-controlbar .ui-controlgroup .ui-controlgroup-controls > * {
padding-left: .75em;
padding-right: .75em;
}
}
@media (max-width: 30em) {
html body div.ui-content .ui-controlbar .ui-controlgroup {
margin: 2% 0;
}
}
html body .ui-controlbar .ui-controlgroup .ui-controlgroup-controls > .ui-select {
padding: 0;
}
/* custom bar */
.ui-bar-plain {
padding: .7em 1em;
......
css/fontawesome.css
View file @ 3806e7aa
......@@ -558,8 +558,8 @@ html .ui-icon-screenshot:after {
html .ui-icon-remove-circle:after {
content: "\f05c";
}
html .ui-icon-ok-circle:after
html .ui-radio-on:after {
html .ui-icon-ok-circle:after,
html .ui-icon-radio-off.ui-radio-on:after {
content: "\f05d";
}
html .ui-icon-ban-circle:after {
......@@ -1025,7 +1025,7 @@ html .ui-icon-mobile-phone:after {
content: "\f10b";
}
html .ui-icon-circle-blank:after,
html .ui-radio-off:after {
html .ui-icon-radio-off:after {
content: "\f10c";
}
html .ui-icon-quote-left:after {
......
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