Skip to content

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

css: removed ui-panel-inner as it's no longer used

parent b7eed5a9
Hide whitespace changes
Inline Side-by-side
Showing with 42 additions and 85 deletions
css/themes.css
View file @ 0729697a
......@@ -278,27 +278,7 @@ html body .ui-header .ui-group-theme-slapos-white a:visited,
font-weight: normal;
line-height: 325% /* could also be 3.25em, but this is more flexible, while being crap! */;
}
/* subheader will be normal */
/* Button special handling: panel listitems */
.ui-page-theme-slapos-white .ui-panel-inner li .ui-btn,
html .ui-bar-slapos-white .ui-panel-inner li .ui-btn,
html .ui-body-slapos-white .ui-panel-inner li .ui-btn,
html .ui-body-slapos-white .ui-panel-inner li.ui-li-static,
html body .ui-panel-inner li .ui-btn.ui-btn-slapos-white,
html body .ui-panel-inner li .ui-group-theme-slapos-white .ui-btn,
[class*="ui-group-theme-"] .ui-panel-inner li .ui-btn.ui-btn-slapos-white,
/* Button visited */
.ui-page-theme-slapos-white .ui-panel-inner li .ui-btn:visited,
html .ui-bar-slapos-white .ui-panel-inner li .ui-btn:visited,
html .ui-body-slapos-white .ui-panel-inner li .ui-btn:visited,
html body .ui-panel-inner li .ui-btn.ui-btn-slapos-white:visited,
html body .ui-panel-inner li .ui-group-theme-slapos-white .ui-btn:visited,
[class*="ui-group-theme-"] .ui-panel-inner li .ui-btn.ui-btn-slapos-white:visited {
/* background: none repeat scroll 0 0 #fff; this makes all the elements blank */
border-color: rgb(232, 232, 232);
border-color: rgba(255,255,255,.3);
}
/* dropshadow */
html body .ui-group-theme-slapos-white li {
border-top: 1px solid #111;
......@@ -559,29 +539,6 @@ html body .ui-header .ui-group-theme-slapos-black .ui-btn:hover,
font-weight: normal;
line-height: 325% /* could also be 3.25em, but this is more flexible, while being crap! */;
}
/* Button special handling: listitem , collapsibles */
.ui-page-theme-slapos-black .ui-panel-inner li .ui-btn,
html .ui-bar-slapos-black .ui-panel-inner li .ui-btn,
html .ui-body-slapos-black .ui-panel-inner li .ui-btn,
html .ui-body-slapos-black .ui-panel-inner li.ui-li-static,
html body .ui-panel-inner .ui-collapsible .ui-collapsible-heading a.ui-btn.ui-collapsible-heading-toggle,
html body .ui-panel-inner .ui-group-theme-slapos-black .ui-collapsible .ui-collapsible-heading a.ui-btn.ui-collapsible-heading-toggle,
html body .ui-panel-inner li .ui-btn.ui-btn-slapos-black,
html body .ui-panel-inner li .ui-group-theme-slapos-black .ui-btn,
[class*="ui-group-theme-"] .ui-panel-inner li .ui-btn.ui-btn-slapos-black,
/* Button visited */
.ui-page-theme-slapos-black .ui-panel-inner li .ui-btn:visited,
html .ui-bar-slapos-black .ui-panel-inner li .ui-btn:visited,
html .ui-body-slapos-black .ui-panel-inner li .ui-btn:visited,
html body .ui-panel-inner .ui-collapsible .ui-collapsible-heading a.ui-btn.ui-collapsible-heading-toggle:visited,
html body .ui-panel-inner .ui-group-theme-slapos-black .ui-collapsible .ui-collapsible-heading a.ui-btn.ui-collapsible-heading-toggle:visited
html body .ui-panel-inner li .ui-btn.ui-btn-slapos-black:visited,
html body .ui-panel-inner li .ui-group-theme-slapos-black .ui-btn:visited,
[class*="ui-group-theme-"] .ui-panel-inner li .ui-btn.ui-btn-slapos-black:visited {
background: none repeat scroll 0 0 transparent;
border-color: rgb(232, 232, 232);
border-color: rgba(255,255,255,.3);
}
/* dropshadow */
html body .ui-group-theme-slapos-black li {
border-top: 1px solid #111;
......@@ -1000,17 +957,17 @@ html div.ui-page div.ui-content .ui-content-element .ui-controlgroup .ui-btn:aft
margin-top: -11px;
}
.panel .ui-panel-inner .panel_element {
.ui-panel .panel_element {
margin-left: -1em;
margin-right: -1em;
}
.panel .ui-panel-inner .panel_element.panel_element_first {
.ui-panel .panel_element.panel_element_first {
margin-top: -1em;
}
.panel .ui-panel-inner .panel_element.panel_element_last {
.ui-panel .panel_element.panel_element_last {
margin-bottom: -1em;
}
.panel .panel_element.panel_header {
.ui-panel .panel_element.panel_header {
border-width: 0;
padding-top: 1px;
top: -1px;
......@@ -1218,7 +1175,7 @@ html .ui-panel .ui-header > * {
font-weight: normal;
}
/* panel closer */
html .ui-panel-inner .ui-btn.ui-panel-close {
html .ui-panel .ui-btn.ui-panel-close {
background-color: transparent;
background-image: none;
margin: 0;
......@@ -1232,10 +1189,10 @@ html body .ui-panel .ui-collapsible .ui-collapsible-content > .ui-input-search {
margin: auto;
border-radius: 0;
}
html .ui-panel-inner .ui-btn.ui-panel-close:hover {
html .ui-panel .ui-btn.ui-panel-close:hover {
border-color: transparent;
}
html .ui-panel-inner .ui-btn.ui-panel-close:after {
html .ui-panel .ui-btn.ui-panel-close:after {
font-size: 1.25em;
}
html .ui-btn.ui-panel-close {
......@@ -1256,22 +1213,22 @@ html .ui-btn.ui-panel-close {
}
}
/* panel search input overriding width */
html .ui-panel-inner .ui-input-search {
html .ui-panel .ui-input-search {
margin: 2% 1%;
}
@media (max-width: 30em) {
html .ui-panel-inner .ui-input-search {
html .ui-panel .ui-input-search {
width: 77%;
}
}
@media (max-width: 25em) {
html .ui-panel-inner .ui-input-search {
html .ui-panel .ui-input-search {
width: 77%;
}
}
@media (max-width: 20em) {
html .ui-panel-inner .ui-input-search {
html .ui-panel .ui-input-search {
width: 77%;
}
}
......@@ -1444,12 +1401,12 @@ html .ui-filterable {
/* ================================== listview ============================ */
/* no bold h123456 */
.ui-page .ui-listview > li h1,
.ui-page .ui-listview > li h2,
.ui-page .ui-listview > li h3,
.ui-page .ui-listview > li h4,
.ui-page .ui-listview > li h5,
.ui-page .ui-listview > li h6 {
html body .ui-page .ui-listview > li h1,
html body .ui-page .ui-listview > li h2,
html body .ui-page .ui-listview > li h3,
html body .ui-page .ui-listview > li h4,
html body .ui-page .ui-listview > li h5,
html body .ui-page .ui-listview > li h6 {
font-weight: normal;
display: table-cell; /* not sure about this....*/
}
......@@ -1562,7 +1519,7 @@ html .ui-filterable {
white-space: nowrap;
text-overflow: ellipsis;
}
/* Text position */
/* Text position - no problem on responsive but on regular listview items */
.ui-listview.responsive h1,
.ui-listview.responsive h2,
.ui-listview.responsive h3 {
......@@ -1675,24 +1632,24 @@ html .ui-panel-inner .ui-listview .ui-li-divider {
padding: 0.5em 1em;
border: 0 none;
}
html .ui-panel-inner .ui-listview li a {
padding: 0.4em 2.75em !important;
html .ui-panel .ui-listview li a {
/* padding: 0.4em 2.75em !important; */
}
.ui-panel-inner .ui-listview > li h1,
.ui-panel-inner .ui-listview > li h2,
.ui-panel-inner .ui-listview > li h3,
.ui-panel-inner .ui-listview > li h4,
.ui-panel-inner .ui-listview > li h5,
.ui-panel-inner .ui-listview > li h6 {
html .ui-panel .ui-listview > li h1,
html .ui-panel .ui-listview > li h2,
html .ui-panel .ui-listview > li h3,
html .ui-panel .ui-listview > li h4,
html .ui-panel .ui-listview > li h5,
html .ui-panel .ui-listview > li h6 {
font-size: .9em;
margin: 0;
}
.ui-panel-inner .ui-listview > li p {
.ui-panel .ui-listview > li p {
font-size: .7em;
margin: 0;
}
.ui-panel-inner .ui-listview .ui-li-has-thumb > img:first-child,
.ui-panel-inner .ui-listview .ui-li-has-thumb > .ui-btn > img:first-child {
html .ui-panel .ui-listview .ui-li-has-thumb > img:first-child,
html .ui-panel .ui-listview .ui-li-has-thumb > .ui-btn > img:first-child {
max-height: 2.5em;
max-width: 2.5em;
overflow: hidden;
......@@ -1826,35 +1783,35 @@ html .ui-btn.ui-checkbox-on.ui-checkbox-on:after {
}
/* filterable */
html .ui-panel-inner .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear,
html .ui-panel-inner .ui-input-search .ui-input-action,
html .ui-panel .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear,
html .ui-panel .ui-input-search .ui-input-action,
html .ui-input-text .ui-input-clear,
html .ui-input-text .ui-input-clear:hover {
background-image: none;
}
html .ui-panel-inner .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear {
html .ui-panel .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear {
margin: -9px 0.3125em 0;
}
html .ui-input-search .ui-input-clear:after,
html .ui-input-search .ui-input-action:after {
margin-top: -12px;
}
html .ui-panel-inner .ui-input-search .ui-input-clear:after,
html .ui-panel-inner .ui-input-search .ui-input-action:after {
html .ui-panel .ui-input-search .ui-input-clear:after,
html .ui-panel .ui-input-search .ui-input-action:after {
margin-top: -16px;
}
/* reset */
html.ui-nosvg .ui-panel-inner .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear,
html.ui-nosvg .ui-panel-inner .ui-input-search .ui-input-action {
html.ui-nosvg .ui-panel .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear,
html.ui-nosvg .ui-panel .ui-input-search .ui-input-action {
margin: -15px 0.3125em 0;
}
html .ui-panel-inner .ui-input-search .ui-input-clear:after,
html .ui-panel-inner .ui-input-search .ui-input-action:after {
html .ui-panel .ui-input-search .ui-input-clear:after,
html .ui-panel .ui-input-search .ui-input-action:after {
font-size: 1.25em;
}
/*
html .ui-panel-inner .ui-input-search .ui-input-clear:focus,
html .ui-panel-inner .ui-input-search .ui-input-action:focus {
html .ui-panel .ui-input-search .ui-input-clear:focus,
html .ui-panel .ui-input-search .ui-input-action:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
......@@ -1896,7 +1853,7 @@ html .ui-collapsible {
html .ui-collapsible h1 {
font-size: .9em;
}
html .ui-panel-inner .ui-collapsible h1 a.ui-collapsible-heading-toggle {
html .ui-panel .ui-collapsible h1 a.ui-collapsible-heading-toggle {
padding: 0.4em 2.75em !important;
font-weight: bold;
}
......
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