Skip to content

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

css: switched to new themes

parent 54136a5d
Hide whitespace changes
Inline Side-by-side
Showing with 62 additions and 62 deletions
css/themes.css
View file @ 72d96ac2
...@@ -338,7 +338,7 @@ html .ui-bar-slapos-black .ui-bar-inherit, ...@@ -338,7 +338,7 @@ html .ui-bar-slapos-black .ui-bar-inherit,
html .ui-body-slapos-black .ui-bar-inherit, html .ui-body-slapos-black .ui-bar-inherit,
html body .ui-group-theme-slapos-black .ui-bar-inherit { html body .ui-group-theme-slapos-black .ui-bar-inherit {
background: 0 none; background: 0 none;
background: #222; background: #587BA3;
color: #fff; color: #fff;
text-shadow: 0 1px 0 #111111; text-shadow: 0 1px 0 #111111;
font-weight: normal; font-weight: normal;
...@@ -359,14 +359,14 @@ html .ui-page-theme-slapos-black .ui-collapsible-set .ui-collapsible h1 a.ui-btn ...@@ -359,14 +359,14 @@ html .ui-page-theme-slapos-black .ui-collapsible-set .ui-collapsible h1 a.ui-btn
html .ui-page-theme-slapos-black .ui-table thead a.ui-btn, html .ui-page-theme-slapos-black .ui-table thead a.ui-btn,
html .ui-page-theme-slapos-black .ui-table thead label, html .ui-page-theme-slapos-black .ui-table thead label,
html .ui-page-theme-slapos-black .ui-table-caption{ html .ui-page-theme-slapos-black .ui-table-caption{
color: #444; color: #235185;
text-shadow: 0 1px 0 #111111; text-shadow: 0 1px 0 #111111;
} }
/* tables & controlbars */ /* tables & controlbars */
.ui-page-theme-slapos-black .ui-table, .ui-page-theme-slapos-black .ui-table,
html .ui-page-theme-slapos-black .ui-listview.ui-icon-grid li, html .ui-page-theme-slapos-black .ui-listview.ui-icon-grid li,
html .ui-page-theme-slapos-black .ui-listview.ui-image-grid li,{ html .ui-page-theme-slapos-black .ui-listview.ui-image-grid li,{
background-color: #222; background-color: #587BA3;
border-color: rgb(232, 232, 232); border-color: rgb(232, 232, 232);
border-color: rgba(255,255,255,.3); border-color: rgba(255,255,255,.3);
} }
...@@ -376,13 +376,13 @@ html .ui-page-theme-slapos-black .ui-popup .ui-footer, ...@@ -376,13 +376,13 @@ html .ui-page-theme-slapos-black .ui-popup .ui-footer,
html .ui-page-theme-slapos-black .ui-table-wrapper .ui-btn, html .ui-page-theme-slapos-black .ui-table-wrapper .ui-btn,
html .ui-page-theme-slapos-black .ui-collapsible h1 a.ui-btn html .ui-page-theme-slapos-black .ui-collapsible h1 a.ui-btn
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 {
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 ), to( #222 )); background-image: -webkit-gradient(linear, left top, left bottom, from( #235185 ), to( #587BA3 ));
background-image: -webkit-linear-gradient( #444 , #222 ); background-image: -webkit-linear-gradient( #235185 , #587BA3 );
background-image: -moz-linear-gradient( #444 , #222 ); background-image: -moz-linear-gradient( #235185 , #587BA3 );
background-image: -ms-linear-gradient( #444 , #222 ); background-image: -ms-linear-gradient( #235185 , #587BA3 );
background-image: -o-linear-gradient( #444 , #222 ); background-image: -o-linear-gradient( #235185 , #587BA3 );
background-image: linear-gradient( #444 , #222 ); background-image: linear-gradient( #235185 , #587BA3 );
border-color: #444; border-color: #235185;
} }
/* Page background */ /* Page background */
...@@ -390,14 +390,14 @@ html .ui-page-theme-slapos-black .ui-collapsible-set .ui-collapsible h1 a.ui-btn ...@@ -390,14 +390,14 @@ html .ui-page-theme-slapos-black .ui-collapsible-set .ui-collapsible h1 a.ui-btn
.ui-page-theme-slapos-black .ui-panel-wrapper { .ui-page-theme-slapos-black .ui-panel-wrapper {
color: #fff; color: #fff;
text-shadow: 0 1px 0 #111111; text-shadow: 0 1px 0 #111111;
background: #222; background: #587BA3;
border-color: #444; border-color: #235185;
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 ), to( #222 )); background-image: -webkit-gradient(linear, left top, left bottom, from( #235185 ), to( #587BA3 ));
background-image: -webkit-linear-gradient( #444 , #222 ); background-image: -webkit-linear-gradient( #235185 , #587BA3 );
background-image: -moz-linear-gradient( #444 , #222 ); background-image: -moz-linear-gradient( #235185 , #587BA3 );
background-image: -ms-linear-gradient( #444 , #222 ); background-image: -ms-linear-gradient( #235185 , #587BA3 );
background-image: -o-linear-gradient( #444 , #222 ); background-image: -o-linear-gradient( #235185 , #587BA3 );
background-image: linear-gradient( #444 , #222 ); background-image: linear-gradient( #235185 , #587BA3 );
} }
/* Body: Read-only lists, text inputs, collapsible content */ /* Body: Read-only lists, text inputs, collapsible content */
.ui-body-slapos-black, .ui-body-slapos-black,
...@@ -410,14 +410,14 @@ html body .ui-group-theme-slapos-black .ui-body-inherit, ...@@ -410,14 +410,14 @@ html body .ui-group-theme-slapos-black .ui-body-inherit,
html .ui-page-theme-slapos-black .ui-table-wrapper { html .ui-page-theme-slapos-black .ui-table-wrapper {
color: #fff; color: #fff;
text-shadow: 0 1px 0 #111111; text-shadow: 0 1px 0 #111111;
background: #222; background: #587BA3;
border-color: #444; border-color: #235185;
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 ), to( #222 )); background-image: -webkit-gradient(linear, left top, left bottom, from( #235185 ), to( #587BA3 ));
background-image: -webkit-linear-gradient( #444 , #222 ); background-image: -webkit-linear-gradient( #235185 , #587BA3 );
background-image: -moz-linear-gradient( #444 , #222 ); background-image: -moz-linear-gradient( #235185 , #587BA3 );
background-image: -ms-linear-gradient( #444 , #222 ); background-image: -ms-linear-gradient( #235185 , #587BA3 );
background-image: -o-linear-gradient( #444 , #222 ); background-image: -o-linear-gradient( #235185 , #587BA3 );
background-image: linear-gradient( #444 , #222 ); background-image: linear-gradient( #235185 , #587BA3 );
} }
.ui-body-slapos-black { .ui-body-slapos-black {
border-width: 1px; border-width: 1px;
...@@ -494,14 +494,14 @@ html .ui-page-theme-slapos-black .ui-table-wrapper-top, ...@@ -494,14 +494,14 @@ html .ui-page-theme-slapos-black .ui-table-wrapper-top,
html .ui-page-theme-slapos-black .ui-table-wrapper-bottom, */ html .ui-page-theme-slapos-black .ui-table-wrapper-bottom, */
html .ui-page-theme-slapos-black .ui-table-wrapper-top ~ table, html .ui-page-theme-slapos-black .ui-table-wrapper-top ~ table,
html .ui-page-theme-slapos-black .ui-table-wrapper-bottom ~ table { html .ui-page-theme-slapos-black .ui-table-wrapper-bottom ~ table {
background: #222; background: #587BA3;
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 ), to( #222 )); background-image: -webkit-gradient(linear, left top, left bottom, from( #235185 ), to( #587BA3 ));
background-image: -webkit-linear-gradient( #444 , #222 ); background-image: -webkit-linear-gradient( #235185 , #587BA3 );
background-image: -moz-linear-gradient( #444 , #222 ); background-image: -moz-linear-gradient( #235185 , #587BA3 );
background-image: -ms-linear-gradient( #444 , #222 ); background-image: -ms-linear-gradient( #235185 , #587BA3 );
background-image: -o-linear-gradient( #444 , #222 ); background-image: -o-linear-gradient( #235185 , #587BA3 );
background-image: linear-gradient( #444 , #222 ); background-image: linear-gradient( #235185 , #587BA3 );
border-color: #444; border-color: #235185;
color: #fff; color: #fff;
text-shadow: 0px 1px 0px #111; text-shadow: 0px 1px 0px #111;
} }
...@@ -509,7 +509,7 @@ html .ui-page-theme-slapos-black .ui-input-clear:active, ...@@ -509,7 +509,7 @@ html .ui-page-theme-slapos-black .ui-input-clear:active,
html .ui-page-theme-slapos-black .ui-input-clear.ui-btn-active, html .ui-page-theme-slapos-black .ui-input-clear.ui-btn-active,
html .ui-page-theme-slapos-black .ui-input-action:active, html .ui-page-theme-slapos-black .ui-input-action:active,
html .ui-page-theme-slapos-black .ui-input-action.ui-btn-active { html .ui-page-theme-slapos-black .ui-input-action.ui-btn-active {
background: #222 !important; background: #587BA3 !important;
} }
/* Header Buttons */ /* Header Buttons */
.ui-page-theme-slapos-black .ui-header .ui-btn, .ui-page-theme-slapos-black .ui-header .ui-btn,
...@@ -569,16 +569,16 @@ html .ui-page-theme-slapos-black .ui-controlbar .ui-btn:hover, ...@@ -569,16 +569,16 @@ html .ui-page-theme-slapos-black .ui-controlbar .ui-btn:hover,
/* tabs */ /* tabs */
html .ui-page-theme-slapos-black .ui-collapsible h1 a.ui-btn:hover html .ui-page-theme-slapos-black .ui-collapsible h1 a.ui-btn:hover
html .ui-page-theme-slapos-black .ui-collapsible-set .ui-collapsible h1 a.ui-btn:hover { html .ui-page-theme-slapos-black .ui-collapsible-set .ui-collapsible h1 a.ui-btn:hover {
background: #222; background: #587BA3;
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 ), to( #222 )); background-image: -webkit-gradient(linear, left top, left bottom, from( #235185 ), to( #587BA3 ));
background-image: -webkit-linear-gradient( #444 , #222 ); background-image: -webkit-linear-gradient( #235185 , #587BA3 );
background-image: -moz-linear-gradient( #444 , #222 ); background-image: -moz-linear-gradient( #235185 , #587BA3 );
background-image: -ms-linear-gradient( #444 , #222 ); background-image: -ms-linear-gradient( #235185 , #587BA3 );
background-image: -o-linear-gradient( #444 , #222 ); background-image: -o-linear-gradient( #235185 , #587BA3 );
background-image: linear-gradient( #444 , #222 ); background-image: linear-gradient( #235185 , #587BA3 );
border-color: rgb(232, 232, 232); border-color: rgb(232, 232, 232);
border-color: rgba(255,255,255,.3); border-color: rgba(255,255,255,.3);
/* border-color: #444 */ /* border-color: #235185 */
color: #fff; color: #fff;
text-shadow: 0px 1px 0px #111; text-shadow: 0px 1px 0px #111;
} }
...@@ -626,15 +626,15 @@ html body .ui-group-theme-slapos-black .ui-li-count, ...@@ -626,15 +626,15 @@ html body .ui-group-theme-slapos-black .ui-li-count,
right: 0; right: 0;
line-height: 1.75em; line-height: 1.75em;
top: -14px; top: -14px;
background-color: #79AC21; background-color: #235185;
background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0,#79AC21),color-stop(1,#A3ED24)); background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0,#235185),color-stop(1,#587BA3));
background-image: -webkit-linear-gradient(top, #79AC21, #A3ED24); background-image: -webkit-linear-gradient(top, #235185, #587BA3);
background-image: linear-gradient(top, #79AC21, #A3ED24); background-image: linear-gradient(top, #235185, #587BA3);
background-image: -moz-linear-gradient(top, #79AC21, #A3ED24); background-image: -moz-linear-gradient(top, #235185, #587BA3);
background-image: -o-linear-gradient(top, #79AC21, #A3ED24); background-image: -o-linear-gradient(top, #235185, #587BA3);
background-image: -ms-linear-gradient(top, #79AC21, #A3ED24); background-image: -ms-linear-gradient(top, #235185, #587BA3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#79AC21', EndColorStr='#A3ED24'); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#235185', EndColorStr='#587BA3');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#79AC21', EndColorStr='#A3ED24')"; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#235185', EndColorStr='#587BA3')";
} }
/* Bar */ /* Bar */
html hr.ui-hr-active, html hr.ui-hr-active,
...@@ -731,13 +731,13 @@ html .ui-page-theme-slapos-black .ui-collapsible-set .ui-collapsible h1 a.ui-btn ...@@ -731,13 +731,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, html .ui-page-theme-slapos-black .ui-collapsible-set .ui-collapsible h1 a.ui-btn.ui-btn-active,
/* LOADER */ /* LOADER */
html .ui-loader.ui-body-loader-active { html .ui-loader.ui-body-loader-active {
background-color: #A3ED24; background-color: #587BA3;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#79AC21), to(#A3ED24)); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#235185), to(#587BA3));
background: -webkit-linear-gradient(bottom, #79AC21, #A3ED24); background: -webkit-linear-gradient(bottom, #235185, #587BA3);
background: linear-gradient(bottom, #79AC21, #A3ED24); background: linear-gradient(bottom, #235185, #587BA3);
background: -moz-linear-gradient(bottom, #79AC21, #A3ED24); background: -moz-linear-gradient(bottom, #235185, #587BA3);
background: -o-linear-gradient(bottom, #79AC21, #A3ED24); background: -o-linear-gradient(bottom, #235185, #587BA3);
background: -ms-linear-gradient(bottom, #79AC21, #A3ED24); background: -ms-linear-gradient(bottom, #235185, #587BA3);
color: #fff !important; color: #fff !important;
text-shadow: none; text-shadow: none;
cursor: pointer; cursor: pointer;
...@@ -795,9 +795,9 @@ html .ui-body-slapos-black .ui-focus, ...@@ -795,9 +795,9 @@ html .ui-body-slapos-black .ui-focus,
html body .ui-group-theme-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-btn-slapos-black.ui-focus,
html head + body .ui-body-slapos-black.ui-focus{ html head + body .ui-body-slapos-black.ui-focus{
-webkit-box-shadow: 0 0 6px #79AC21; -webkit-box-shadow: 0 0 6px #235185;
-moz-box-shadow: 0 0 6px #79AC21; -moz-box-shadow: 0 0 6px #235185;
box-shadow: 0 0 6px #79AC21; box-shadow: 0 0 6px #235185;
} }
/* ================================ overwriting widgets ==================================== */ /* ================================ 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