Skip to content

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

css: updated to latest generator css

parent 4ca43fc2
Expand all Show whitespace changes
Inline Side-by-side
Showing with 171 additions and 283 deletions
css/css.css
View file @ b6a3bf4a
......@@ -4,7 +4,8 @@ html body .ui-select .ui-btn.invalid,
html body .required.invalid ~ label {
border: 1px solid red !important;
}
html body label.required_label:after {
html body label.required_label:not(.ui-btn):after,
html body legend.required_label:after {
content: "*";
position: absolute;
width: 100%;
......@@ -172,7 +173,7 @@ span.static {
}
}
.downloads:before {
content: "·";
content: "·";
}
.inline-icon {
padding: 0 .5em;
......@@ -326,6 +327,11 @@ html body form input.secure_form {
display: none;
}
/* ============================== breadcrumbs ============================== */
/* make sure content does not flow next to crumbs*/
.crumbs {
display: block;
clear: both;
}
.crumbs a.ui-btn,
.crumbs a.ui-link {
font-size: 80%;
......@@ -358,11 +364,6 @@ html body form input.secure_form {
margin-top: -6px;
font-size: 1.2em;
}
@media (max-width: 40em) {
.crumbs {
display: none;
}
}
/* ============================== status loader ============================== */
/* fadeout "heartbeat" transition with 1sec delay */
.loader_icon {
......@@ -435,13 +436,28 @@ html body div.ui-panel a.unenhanced:active {
width: 100%;
}
/* ============================= content grid ============================= */
.span_1, .span_2 {
/* everything wrapped in a span as sibling of content goes top! */
html div.ui-content > .span_1,
html div.ui-content > .span_2,
html div.ui-content > .span_3 {
vertical-align: top;
}
.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;
width: 45%;
padding-left: 2%;
padding-right: 2%;
/* ~ 98% for 2 col layout */
padding-top: 2%;
}
/* form need no padding and align top */
......@@ -450,53 +466,39 @@ form .span_1, form .span_2 {
padding-left: 0%;
padding-right: 0%;
}
.span_1 textarea {
.span_2 textarea {
width: 57.5%;
display: inline-block;
vertical-align: middle;
}
.span_2 {
width: 96% /* 2% padding-left/right */
}
form .span_1 {
width: 100%;
}
form .span_2 {
width: 50%;
}
form .span_3 {
width: 33%;
}
/* mh.... no!*/
form {
margin-left: auto;
margin-right: auto;
}
@media (max-width: 40em) {
.span_1, .span_2, form .span_1, form .span_2 {
width: 100%;
padding: .25em 0;
form {
max-width: 80%; /* allow scrolling! */
margin: auto;
}
.span_1 textarea {
width: 100%;
.span_1, .span_2, .span_3, form .span_1, form .span_2, form .span_3 {
width: auto; /* 100 does not work... why? */
display: block;
padding: .25em 0;
}
}
.span_1 .ui-table-wrapper .ui-input-search,
.span_2 .ui-table-wrapper .ui-input-search{
width: auto;
margin: 0;
box-shadow: none;
-webkit-box-shadow: none;
border-width: 0;
border-bottom-width: 1px;
}
/* this should always be set on the parent whatever widget (controlbar...)
.span_1 .ui-input-search,
.span_2 .ui-input-search {
width: 50%;
}
@media (max-width: 45em) {
.span_1 .ui-input-search,
.span_2 .ui-input-search {
.span_2 textarea {
width: 100%;
}
}
@media (min-width: 45em) {
.span_1 .ui-input-search,
.span_2 .ui-input-search {
width: 60%;
}
}
*/
/* ======================== status (red...) ========================= */
html body div.ui-page a.ui-btn.error.status,
html body div.ui-page a.ui-btn.error.status:hover,
......@@ -546,71 +548,14 @@ tbody .large {
.dyno {
padding-top: 1em;
padding-bottom: 1em;
width: 100%;
}
.ui-panel .dyno {
.ui-panel .dyno,
.ui-content .span_1 .dyno,
.ui-content .span_2 .dyno,
.ui-content .span_3 .dyno {
padding: 0;
}
/* ================================= CUSTOM CSS =========================== */
/* no hover on listitems */
.teaser {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 300px;
}
@media (max-width: 24em) {
.teaser {
padding-top: 3em;
}
}
body {
/* background: url("../img/bg.jpg") repeat scroll 0 0 #DDCBBF !important; */
}
@media (min-width: 24em) {
.ui-page-theme-slapos-white ul.ui-listview .ui-btn:hover {
background: #fff;
-webkit-box-shadow: 0 0 6px #0fbabd;
-moz-box-shadow: 0 0 6px #0fbabd;
box-shadow: 0 0 6px #0fbabd;
}
}
.ui-page-theme-slapos-white, .ui-page-theme-slapos-white .ui-panel-wrapper {
background: none repeat scroll 0 0 #FFFFFF;
color: #aaa;
}
html .ui-page-theme-slapos-white .ui-input-clear:active,
html .ui-page-theme-slapos-white .ui-input-clear.ui-btn-active,
html .ui-page-theme-slapos-white .ui-input-action:active,
html .ui-page-theme-slapos-white .ui-input-action.ui-btn-active {
background: #fff !important;
}
/* Header Buttons */
.ui-page-theme-slapos-white .ui-header .ui-btn,
html .ui-bar-slapos-white .ui-header .ui-btn,
html .ui-bar-slapos-white.ui-header .ui-btn,
html .ui-body-slapos-white .ui-header .ui-btn,
html body .ui-header .ui-btn.ui-btn-slapos-white,
html body .ui-header .ui-group-theme-slapos-white .ui-btn,
.ui-header [class*="ui-group-theme-"] .ui-btn.ui-btn-slapos-white,
/* Button visited */
.ui-page-theme-slapos-white .ui-header .ui-btn:visited,
html .ui-bar-slapos-white .ui-header .ui-btn:visited,
html .ui-body-slapos-white .ui-header .ui-btn:visited,
html body .ui-header .ui-btn.ui-btn-slapos-white:visited,
html body .ui-header .ui-group-theme-slapos-white .ui-btn:visited,
.ui-header [class*="ui-group-theme-"] .ui-btn.ui-btn-slapos-white:visited,
.ui-page-theme-slapos-white .ui-header a:visited,
html .ui-bar-slapos-white .ui-header a:visited,
html .ui-body-slapos-white .ui-header a:visited,
html body .ui-header a.ui-btn-slapos-white:visited,
html body .ui-header .ui-group-theme-slapos-white a:visited,
.ui-header [class*="ui-group-theme-"] a.ui-btn-slapos-white:visited {
color: #aaa;
}
.override_header .ui-wrap a.ui-btn,
.override_header .ui-controlgroup a.ui-btn,
.override_header .ui-wrap a.ui-btn:before {
border: 0 none;
.dyno > div.ui-table-wrapper:first-child {
margin: 0;
}
css/themes.css
View file @ b6a3bf4a
This diff is collapsed.
ext/libs/jquery-mobile/extensions.css
View file @ b6a3bf4a
......@@ -233,33 +233,6 @@ html .ui-table-caption {
padding: 0.25em 0;
}
/* font-size */
/*
html table.ui-table {
font-size: 90%;
}
html div.ui-table-wrapper-top > *,
html div.ui-table-wrapper-bottom > *,
html div.ui-collapsible-set {
font-size: 100%;
}
@media (min-width: 40em) {
html table.ui-table {
font-size: 80%;
}
html div.ui-collapsible-set table.ui-table {
font-size: 90%;
}
html div.ui-table-wrapper-top > *,
html div.ui-table-wrapper-bottom > *,
html div.ui-collapsible-set {
font-size: 90%;
}
html table thead th a.ui-btn {
font-size: 100%;
}
}
*/
/* shrink icon font-size (should not be set here...) */
.ui-page .ui-table-wrapper-top .ui-btn[class*="ui-icon-"]:after ,
.ui-page .ui-table-wrapper-bottom .ui-btn[class*="ui-icon-"]:after,
......@@ -353,14 +326,13 @@ html table.ui-table tbody th {
padding-top: 0;
width: auto;
}
/* NOTE: why? white is white and black is black... because hover should active swatch */
html table tbody th .ui-checkbox .ui-btn,
html table tbody th .ui-checkbox .ui-btn:hover,
html table tbody th .ui-checkbox:hover,
html table tbody th .ui-radio .ui-btn,
html table tbody th .ui-radio .ui-btn:hover,
/* why? white is white and black is black...
html table tbody td .ui-controlgroup-controls .ui-btn,
html table tbody td .ui-controlgroup-controls .ui-btn:hover */
{
html table tbody th .ui-radio:hover {
background-color: transparent;
background-image: none;
}
......@@ -509,9 +481,9 @@ html table tr td .ui-radio label.ui-btn {
box-shadow: none /* iOS3 */ !important;
}
.ui-table-wrapper-top div > .ui-select,
.ui-table-wrapper-top div > .ui-btn:not(.ui-input-clear, .ui-input-action),
.ui-table-wrapper-top div > .ui-btn:not(.ui-input-clear):not(.ui-input-action),
.ui-table-wrapper-bottom div > .ui-select,
.ui-table-wrapper-bottom div > .ui-btn:not(.ui-input-clear, .ui-input-action) {
.ui-table-wrapper-bottom div > .ui-btn:not(.ui-input-clear):not(.ui-input-action) {
width: auto;
margin: 0;
}
......@@ -604,6 +576,16 @@ html table tr td .ui-radio label.ui-btn {
padding-top: 0;
padding-bottom: 0;
}
/* search input */
.ui-table-wrapper .ui-input-search,
.ui-table-wrapper .ui-input-text {
width: auto;
margin: 0;
box-shadow: none;
-webkit-box-shadow: none;
border-width: 0;
border-bottom-width: 1px;
}
.ui-table .ui-controlgroup-controls .ui-btn-icon-notext {
padding-top: .5em;
......@@ -805,9 +787,9 @@ html table tr td .ui-radio label.ui-btn {
/* ================================= contolbar ============================*/
.ui-controlbar {
position: static;
text-align: center;
/* text-align: center; */
white-space: pre-line;
line-height: 0;
/* line-height: 0; will prevent any content inside a controlbar */
display: block;
margin: 0 auto 1em;
}
......@@ -820,11 +802,13 @@ html table tr td .ui-radio label.ui-btn {
line-height: 1.4em;
margin: 0 auto 1em;
}
/* this breaks so much...
.ui-controlbar > * {
display: inline-block;
vertical-align: middle;
padding: 0;
}
*/
.ui-controlbar .ui-input-search {
display: block;
margin: 0 auto;
......@@ -844,7 +828,7 @@ html body .ui-controlbar .ui-btn[class*="ui-icon-"]:after {
}
/* remove margin on controlbar buttons */
html body .ui-controlbar > .ui-select,
html body .ui-controlbar > .ui-btn:not(.ui-input-clear, .ui-input-action) {
html body .ui-controlbar > .ui-btn:not(.ui-input-clear):not(.ui-input-action) {
width: auto;
margin: 0;
}
......@@ -859,6 +843,9 @@ html body .ui-controlbar > .ui-btn:not(.ui-input-clear, .ui-input-action) {
html body div.ui-content .ui-controlbar .ui-controlgroup {
margin: 2% 0;
}
html body .ui-controlbar ~ .ui-listview {
padding: .5em 0;
}
}
@media (min-width: 30em) {
html body .ui-content .ui-controlbar {
......
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