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,
html .ui-body-slapos-black .ui-bar-inherit,
html body .ui-group-theme-slapos-black .ui-bar-inherit {
background: 0 none;
background: #222;
background: #587BA3;
color: #fff;
text-shadow: 0 1px 0 #111111;
font-weight: normal;
......@@ -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 label,
html .ui-page-theme-slapos-black .ui-table-caption{
color: #444;
color: #235185;
text-shadow: 0 1px 0 #111111;
}
/* tables & controlbars */
.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-image-grid li,{
background-color: #222;
background-color: #587BA3;
border-color: rgb(232, 232, 232);
border-color: rgba(255,255,255,.3);
}
......@@ -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-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-linear-gradient( #444 , #222 );
background-image: -moz-linear-gradient( #444 , #222 );
background-image: -ms-linear-gradient( #444 , #222 );
background-image: -o-linear-gradient( #444 , #222 );
background-image: linear-gradient( #444 , #222 );
border-color: #444;
background-image: -webkit-gradient(linear, left top, left bottom, from( #235185 ), to( #587BA3 ));
background-image: -webkit-linear-gradient( #235185 , #587BA3 );
background-image: -moz-linear-gradient( #235185 , #587BA3 );
background-image: -ms-linear-gradient( #235185 , #587BA3 );
background-image: -o-linear-gradient( #235185 , #587BA3 );
background-image: linear-gradient( #235185 , #587BA3 );
border-color: #235185;
}
/* Page background */
......@@ -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 {
color: #fff;
text-shadow: 0 1px 0 #111111;
background: #222;
border-color: #444;
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 ), to( #222 ));
background-image: -webkit-linear-gradient( #444 , #222 );
background-image: -moz-linear-gradient( #444 , #222 );
background-image: -ms-linear-gradient( #444 , #222 );
background-image: -o-linear-gradient( #444 , #222 );
background-image: linear-gradient( #444 , #222 );
background: #587BA3;
border-color: #235185;
background-image: -webkit-gradient(linear, left top, left bottom, from( #235185 ), to( #587BA3 ));
background-image: -webkit-linear-gradient( #235185 , #587BA3 );
background-image: -moz-linear-gradient( #235185 , #587BA3 );
background-image: -ms-linear-gradient( #235185 , #587BA3 );
background-image: -o-linear-gradient( #235185 , #587BA3 );
background-image: linear-gradient( #235185 , #587BA3 );
}
/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-slapos-black,
......@@ -410,14 +410,14 @@ html body .ui-group-theme-slapos-black .ui-body-inherit,
html .ui-page-theme-slapos-black .ui-table-wrapper {
color: #fff;
text-shadow: 0 1px 0 #111111;
background: #222;
border-color: #444;
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 ), to( #222 ));
background-image: -webkit-linear-gradient( #444 , #222 );
background-image: -moz-linear-gradient( #444 , #222 );
background-image: -ms-linear-gradient( #444 , #222 );
background-image: -o-linear-gradient( #444 , #222 );
background-image: linear-gradient( #444 , #222 );
background: #587BA3;
border-color: #235185;
background-image: -webkit-gradient(linear, left top, left bottom, from( #235185 ), to( #587BA3 ));
background-image: -webkit-linear-gradient( #235185 , #587BA3 );
background-image: -moz-linear-gradient( #235185 , #587BA3 );
background-image: -ms-linear-gradient( #235185 , #587BA3 );
background-image: -o-linear-gradient( #235185 , #587BA3 );
background-image: linear-gradient( #235185 , #587BA3 );
}
.ui-body-slapos-black {
border-width: 1px;
......@@ -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-top ~ table,
html .ui-page-theme-slapos-black .ui-table-wrapper-bottom ~ table {
background: #222;
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 ), to( #222 ));
background-image: -webkit-linear-gradient( #444 , #222 );
background-image: -moz-linear-gradient( #444 , #222 );
background-image: -ms-linear-gradient( #444 , #222 );
background-image: -o-linear-gradient( #444 , #222 );
background-image: linear-gradient( #444 , #222 );
border-color: #444;
background: #587BA3;
background-image: -webkit-gradient(linear, left top, left bottom, from( #235185 ), to( #587BA3 ));
background-image: -webkit-linear-gradient( #235185 , #587BA3 );
background-image: -moz-linear-gradient( #235185 , #587BA3 );
background-image: -ms-linear-gradient( #235185 , #587BA3 );
background-image: -o-linear-gradient( #235185 , #587BA3 );
background-image: linear-gradient( #235185 , #587BA3 );
border-color: #235185;
color: #fff;
text-shadow: 0px 1px 0px #111;
}
......@@ -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-action:active,
html .ui-page-theme-slapos-black .ui-input-action.ui-btn-active {
background: #222 !important;
background: #587BA3 !important;
}
/* Header Buttons */
.ui-page-theme-slapos-black .ui-header .ui-btn,
......@@ -569,16 +569,16 @@ html .ui-page-theme-slapos-black .ui-controlbar .ui-btn:hover,
/* tabs */
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 {
background: #222;
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 ), to( #222 ));
background-image: -webkit-linear-gradient( #444 , #222 );
background-image: -moz-linear-gradient( #444 , #222 );
background-image: -ms-linear-gradient( #444 , #222 );
background-image: -o-linear-gradient( #444 , #222 );
background-image: linear-gradient( #444 , #222 );
background: #587BA3;
background-image: -webkit-gradient(linear, left top, left bottom, from( #235185 ), to( #587BA3 ));
background-image: -webkit-linear-gradient( #235185 , #587BA3 );
background-image: -moz-linear-gradient( #235185 , #587BA3 );
background-image: -ms-linear-gradient( #235185 , #587BA3 );
background-image: -o-linear-gradient( #235185 , #587BA3 );
background-image: linear-gradient( #235185 , #587BA3 );
border-color: rgb(232, 232, 232);
border-color: rgba(255,255,255,.3);
/* border-color: #444 */
/* border-color: #235185 */
color: #fff;
text-shadow: 0px 1px 0px #111;
}
......@@ -626,15 +626,15 @@ html body .ui-group-theme-slapos-black .ui-li-count,
right: 0;
line-height: 1.75em;
top: -14px;
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')";
background-color: #235185;
background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0,#235185),color-stop(1,#587BA3));
background-image: -webkit-linear-gradient(top, #235185, #587BA3);
background-image: linear-gradient(top, #235185, #587BA3);
background-image: -moz-linear-gradient(top, #235185, #587BA3);
background-image: -o-linear-gradient(top, #235185, #587BA3);
background-image: -ms-linear-gradient(top, #235185, #587BA3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#235185', EndColorStr='#587BA3');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#235185', EndColorStr='#587BA3')";
}
/* Bar */
html hr.ui-hr-active,
......@@ -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,
/* LOADER */
html .ui-loader.ui-body-loader-active {
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);
background-color: #587BA3;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#235185), to(#587BA3));
background: -webkit-linear-gradient(bottom, #235185, #587BA3);
background: linear-gradient(bottom, #235185, #587BA3);
background: -moz-linear-gradient(bottom, #235185, #587BA3);
background: -o-linear-gradient(bottom, #235185, #587BA3);
background: -ms-linear-gradient(bottom, #235185, #587BA3);
color: #fff !important;
text-shadow: none;
cursor: pointer;
......@@ -795,9 +795,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 #79AC21;
-moz-box-shadow: 0 0 6px #79AC21;
box-shadow: 0 0 6px #79AC21;
-webkit-box-shadow: 0 0 6px #235185;
-moz-box-shadow: 0 0 6px #235185;
box-shadow: 0 0 6px #235185;
}
/* ================================ 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