forked from science-ation/science-ation
999 lines
28 KiB
CSS
999 lines
28 KiB
CSS
div.error, span.error{
|
|
color: red;
|
|
font-weight: bold;
|
|
border: 1px solid red;
|
|
background: #F0DCDC;
|
|
padding: 5px;
|
|
visibility: visible;
|
|
display: block;
|
|
}
|
|
|
|
div.error_hidden, span.error_hidden {
|
|
display: none !important;
|
|
}
|
|
|
|
label.error {
|
|
color: red;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.happy, span.happy {
|
|
color: green;
|
|
font-weight: bold;
|
|
border: 1px solid green;
|
|
background: #DCF0DC;
|
|
padding: 5px;
|
|
visibility: visible;
|
|
}
|
|
|
|
div.info, span.info {
|
|
color: blue;
|
|
font-weight: bold;
|
|
border: 1px solid blue;
|
|
background: #DCDCF0;
|
|
padding: 5px;
|
|
visibility: visible;
|
|
}
|
|
|
|
|
|
|
|
/* wrap on wide viewports once open */
|
|
/*
|
|
.ui-panel-page-content-open.ui-panel-page-content-position-left {
|
|
margin-right: 17em;
|
|
}
|
|
.ui-panel-page-content-open.ui-panel-page-content-position-right {
|
|
margin-left: 17em;
|
|
}
|
|
.ui-panel-page-content-open {
|
|
width: auto;
|
|
}
|
|
|
|
/* disable "dismiss" on wide viewports
|
|
.ui-panel-dismiss {
|
|
display: none;
|
|
}*/
|
|
|
|
|
|
/* same as the above but for panels with display mode "push" only
|
|
.ui-panel-page-content-open.ui-panel-page-content-position-left.ui-panel-page-content-display-push {
|
|
margin-right: 17em;
|
|
}
|
|
.ui-panel-page-content-open.ui-panel-page-content-position-right.ui-panel-page-content-display-push {
|
|
margin-left: 17em;
|
|
}
|
|
.ui-panel-page-content-open.ui-panel-page-content-display-push {
|
|
width: auto;
|
|
}
|
|
|
|
.ui-panel-dismiss-display-push {
|
|
display: none;
|
|
}
|
|
*/
|
|
|
|
/* F
|
|
-----------------------------------------------------------------------------------------------------------*/
|
|
.ui-btn-up-f, .ui-btn-hover-f, .ui-btn-down-f {
|
|
color: white;
|
|
font-weight: bold;
|
|
text-decoration: none; }
|
|
|
|
.ui-btn-up-f {
|
|
border: 1px solid #711414;
|
|
background: #ab2525;
|
|
text-shadow: 0 -1px 1px #711414;
|
|
background-image: -moz-linear-gradient(top, #c44f4f, #ab2525);
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c45e5e), color-stop(1, #9e3939));
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#c44f4f', EndColorStr='#ab2525')"; }
|
|
|
|
.ui-btn-hover-f {
|
|
border: 1px solid #6e0000;
|
|
background: #b54a4a;
|
|
text-shadow: 0 -1px 1px #690101;
|
|
background-image: -moz-linear-gradient(top, #d47272, #b54a4a);
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d47272), color-stop(1, #b54a4a));
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d47272', EndColorStr='#b54a4a')"; }
|
|
|
|
.ui-btn-down-f {
|
|
border: 1px solid #782323;
|
|
background: #c44f4f;
|
|
text-shadow: 0 -1px 1px #782323;
|
|
background-image: -moz-linear-gradient(top, #9e3939, #c44f4f);
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9e3939), color-stop(1, #c44f4f));
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9e3939', EndColorStr='#c44f4f')"; }
|
|
|
|
|
|
/* G - for green
|
|
-----------------------------------------------------------------------------------------------------------*/
|
|
/* Bar: Toolbars, dividers, slider track */
|
|
.ui-bar-g,
|
|
.ui-page-theme-g .ui-bar-inherit,
|
|
html .ui-bar-g .ui-bar-inherit,
|
|
html .ui-body-g .ui-bar-inherit,
|
|
html body .ui-group-theme-g .ui-bar-inherit {
|
|
background: #e9e9e9 /*{c-bar-background-color}*/;
|
|
border-color: #dddddd /*{c-bar-border}*/;
|
|
color: #333333 /*{c-bar-color}*/;
|
|
text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #eeeeee /*{c-bar-shadow-color}*/;
|
|
font-weight: bold;
|
|
}
|
|
.ui-bar-g {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
/* Page and overlay */
|
|
.ui-overlay-g,
|
|
.ui-page-theme-g,
|
|
.ui-page-theme-g .ui-panel-wrapper {
|
|
background: #f9f9f9 /*{c-page-background-color}*/;
|
|
border-color: #bbbbbb /*{c-page-border}*/;
|
|
color: #333333 /*{c-page-color}*/;
|
|
text-shadow: 0 /*{c-page-shadow-x}*/ 1px /*{c-page-shadow-y}*/ 0 /*{c-page-shadow-radius}*/ #f3f3f3 /*{c-page-shadow-color}*/;
|
|
}
|
|
/* Body: Read-only lists, text inputs, collapsible content */
|
|
.ui-body-g,
|
|
.ui-page-theme-g .ui-body-inherit,
|
|
html .ui-bar-g .ui-body-inherit,
|
|
html .ui-body-g .ui-body-inherit,
|
|
html body .ui-group-theme-g .ui-body-inherit,
|
|
html .ui-panel-page-container-g {
|
|
background: #ffffff /*{c-body-background-color}*/;
|
|
border-color: #dddddd /*{c-body-border}*/;
|
|
color: #333333 /*{c-body-color}*/;
|
|
text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #f3f3f3 /*{c-body-shadow-color}*/;
|
|
}
|
|
.ui-body-g {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
/* Links */
|
|
.ui-page-theme-g a,
|
|
html .ui-bar-g a,
|
|
html .ui-body-g a,
|
|
html body .ui-group-theme-g a {
|
|
color: #3388cc /*{c-link-color}*/;
|
|
font-weight: bold;
|
|
}
|
|
.ui-page-theme-g a:visited,
|
|
html .ui-bar-g a:visited,
|
|
html .ui-body-g a:visited,
|
|
html body .ui-group-theme-g a:visited {
|
|
color: #3388cc /*{c-link-visited}*/;
|
|
}
|
|
.ui-page-theme-g a:hover,
|
|
html .ui-bar-g a:hover,
|
|
html .ui-body-g a:hover,
|
|
html body .ui-group-theme-g a:hover {
|
|
color: #005599 /*{c-link-hover}*/;
|
|
}
|
|
.ui-page-theme-g a:active,
|
|
html .ui-bar-g a:active,
|
|
html .ui-body-g a:active,
|
|
html body .ui-group-theme-g a:active {
|
|
color: #005599 /*{c-link-active}*/;
|
|
}
|
|
/* Button up */
|
|
.ui-page-theme-g .ui-btn,
|
|
html .ui-bar-g .ui-btn,
|
|
html .ui-body-g .ui-btn,
|
|
html body .ui-group-theme-g .ui-btn,
|
|
html head + body .ui-btn.ui-btn-g,
|
|
/* Button visited */
|
|
.ui-page-theme-g .ui-btn:visited,
|
|
html .ui-bar-g .ui-btn:visited,
|
|
html .ui-body-g .ui-btn:visited,
|
|
html body .ui-group-theme-g .ui-btn:visited,
|
|
html head + body .ui-btn.ui-btn-g:visited {
|
|
background: #009900 /*{c-bup-background-color}*/;
|
|
border-color: #54d654 /*{c-bup-border}*/;
|
|
color: #ffffff /*{c-bup-color}*/;
|
|
text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #444444 /*{c-bup-shadow-color}*/;
|
|
}
|
|
/* Button hover */
|
|
.ui-page-theme-g .ui-btn:hover,
|
|
html .ui-bar-g .ui-btn:hover,
|
|
html .ui-body-g .ui-btn:hover,
|
|
html body .ui-group-theme-g .ui-btn:hover,
|
|
html head + body .ui-btn.ui-btn-g:hover {
|
|
background: #45af45 /*{c-bhover-background-color}*/;
|
|
border-color: #60f460 /*{c-bhover-border}*/;
|
|
color: #ffffff /*{c-bhover-color}*/;
|
|
text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #444444 /*{c-bhover-shadow-color}*/;
|
|
}
|
|
/* Button down */
|
|
.ui-page-theme-g .ui-btn:active,
|
|
html .ui-bar-g .ui-btn:active,
|
|
html .ui-body-g .ui-btn:active,
|
|
html body .ui-group-theme-g .ui-btn:active,
|
|
html head + body .ui-btn.ui-btn-g:active {
|
|
background: #45af45 /*{c-bdown-background-color}*/;
|
|
border-color: #256025 /*{c-bdown-border}*/;
|
|
color: #ffffff /*{c-bdown-color}*/;
|
|
text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #444444 /*{c-bdown-shadow-color}*/;
|
|
}
|
|
/* Active button */
|
|
.ui-page-theme-g .ui-btn.ui-btn-active,
|
|
html .ui-bar-g .ui-btn.ui-btn-active,
|
|
html .ui-body-g .ui-btn.ui-btn-active,
|
|
html body .ui-group-theme-g .ui-btn.ui-btn-active,
|
|
html head + body .ui-btn.ui-btn-g.ui-btn-active,
|
|
/* Active checkbox icon */
|
|
.ui-page-theme-g .ui-checkbox-on:after,
|
|
html .ui-bar-g .ui-checkbox-on:after,
|
|
html .ui-body-g .ui-checkbox-on:after,
|
|
html body .ui-group-theme-g .ui-checkbox-on:after,
|
|
.ui-btn.ui-checkbox-on.ui-btn-g:after,
|
|
/* Active flipswitch background */
|
|
.ui-page-theme-g .ui-flipswitch-active,
|
|
html .ui-bar-g .ui-flipswitch-active,
|
|
html .ui-body-g .ui-flipswitch-active,
|
|
html body .ui-group-theme-g .ui-flipswitch-active,
|
|
html body .ui-flipswitch.ui-bar-g.ui-flipswitch-active,
|
|
/* Active slider track */
|
|
.ui-page-theme-g .ui-slider-track .ui-btn-active,
|
|
html .ui-bar-g .ui-slider-track .ui-btn-active,
|
|
html .ui-body-g .ui-slider-track .ui-btn-active,
|
|
html body .ui-group-theme-g .ui-slider-track .ui-btn-active,
|
|
html body div.ui-slider-track.ui-body-g .ui-btn-active {
|
|
background-color: #009900 /*{c-active-background-color}*/;
|
|
border-color: #54d654 /*{c-active-border}*/;
|
|
color: #ffffff /*{c-active-color}*/;
|
|
text-shadow: 0 /*{c-active-shadow-x}*/ 1px /*{c-active-shadow-y}*/ 0 /*{c-active-shadow-radius}*/ #444444 /*{c-active-shadow-color}*/;
|
|
}
|
|
/* Active radio button icon */
|
|
.ui-page-theme-g .ui-radio-on:after,
|
|
html .ui-bar-g .ui-radio-on:after,
|
|
html .ui-body-g .ui-radio-on:after,
|
|
html body .ui-group-theme-g .ui-radio-on:after,
|
|
.ui-btn.ui-radio-on.ui-btn-g:after {
|
|
border-color: #009900 /*{c-active-background-color}*/;
|
|
}
|
|
/* Focus */
|
|
.ui-page-theme-g .ui-btn:focus,
|
|
html .ui-bar-g .ui-btn:focus,
|
|
html .ui-body-g .ui-btn:focus,
|
|
html body .ui-group-theme-g .ui-btn:focus,
|
|
html head + body .ui-btn.ui-btn-g:focus,
|
|
/* Focus buttons and text inputs with div wrap */
|
|
.ui-page-theme-g .ui-focus,
|
|
html .ui-bar-g .ui-focus,
|
|
html .ui-body-g .ui-focus,
|
|
html body .ui-group-theme-g .ui-focus,
|
|
html head + body .ui-btn-g.ui-focus,
|
|
html head + body .ui-body-g.ui-focus {
|
|
-webkit-box-shadow: 0 0 12px #009900 /*{c-active-background-color}*/;
|
|
-moz-box-shadow: 0 0 12px #009900 /*{c-active-background-color}*/;
|
|
box-shadow: 0 0 12px #009900 /*{c-active-background-color}*/;
|
|
}
|
|
|
|
/* R - for red
|
|
-----------------------------------------------------------------------------------------------------------*/
|
|
/* Bar: Toolbars, dividers, slider track */
|
|
.ui-bar-r,
|
|
.ui-page-theme-r .ui-bar-inherit,
|
|
html .ui-bar-r .ui-bar-inherit,
|
|
html .ui-body-r .ui-bar-inherit,
|
|
html body .ui-group-theme-r .ui-bar-inherit {
|
|
background: #e9e9e9 /*{c-bar-background-color}*/;
|
|
border-color: #dddddd /*{c-bar-border}*/;
|
|
color: #333333 /*{c-bar-color}*/;
|
|
text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #eeeeee /*{c-bar-shadow-color}*/;
|
|
font-weight: bold;
|
|
}
|
|
.ui-bar-r {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
/* Page and overlay */
|
|
.ui-overlay-r,
|
|
.ui-page-theme-r,
|
|
.ui-page-theme-r .ui-panel-wrapper {
|
|
background: #f9f9f9 /*{c-page-background-color}*/;
|
|
border-color: #bbbbbb /*{c-page-border}*/;
|
|
color: #333333 /*{c-page-color}*/;
|
|
text-shadow: 0 /*{c-page-shadow-x}*/ 1px /*{c-page-shadow-y}*/ 0 /*{c-page-shadow-radius}*/ #f3f3f3 /*{c-page-shadow-color}*/;
|
|
}
|
|
/* Body: Read-only lists, text inputs, collapsible content */
|
|
.ui-body-r,
|
|
.ui-page-theme-r .ui-body-inherit,
|
|
html .ui-bar-r .ui-body-inherit,
|
|
html .ui-body-r .ui-body-inherit,
|
|
html body .ui-group-theme-r .ui-body-inherit,
|
|
html .ui-panel-page-container-r {
|
|
background: #ffffff /*{c-body-background-color}*/;
|
|
border-color: #dddddd /*{c-body-border}*/;
|
|
color: #333333 /*{c-body-color}*/;
|
|
text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #f3f3f3 /*{c-body-shadow-color}*/;
|
|
}
|
|
.ui-body-r {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
/* Links */
|
|
.ui-page-theme-r a,
|
|
html .ui-bar-r a,
|
|
html .ui-body-r a,
|
|
html body .ui-group-theme-r a {
|
|
color: #8833cc /*{c-link-color}*/;
|
|
font-weight: bold;
|
|
}
|
|
.ui-page-theme-r a:visited,
|
|
html .ui-bar-r a:visited,
|
|
html .ui-body-r a:visited,
|
|
html body .ui-group-theme-r a:visited {
|
|
color: #8833cc /*{c-link-visited}*/;
|
|
}
|
|
.ui-page-theme-r a:hover,
|
|
html .ui-bar-r a:hover,
|
|
html .ui-body-r a:hover,
|
|
html body .ui-group-theme-r a:hover {
|
|
color: #550099 /*{c-link-hover}*/;
|
|
}
|
|
.ui-page-theme-r a:active,
|
|
html .ui-bar-r a:active,
|
|
html .ui-body-r a:active,
|
|
html body .ui-group-theme-r a:active {
|
|
color: #550099 /*{c-link-active}*/;
|
|
}
|
|
/* Button up */
|
|
.ui-page-theme-r .ui-btn,
|
|
html .ui-bar-r .ui-btn,
|
|
html .ui-body-r .ui-btn,
|
|
html body .ui-group-theme-r .ui-btn,
|
|
html head + body .ui-btn.ui-btn-r,
|
|
/* Button visited */
|
|
.ui-page-theme-r .ui-btn:visited,
|
|
html .ui-bar-r .ui-btn:visited,
|
|
html .ui-body-r .ui-btn:visited,
|
|
html body .ui-group-theme-r .ui-btn:visited,
|
|
html head + body .ui-btn.ui-btn-r:visited {
|
|
background: #990000 /*{c-bup-background-color}*/;
|
|
border-color: #d65454 /*{c-bup-border}*/;
|
|
color: #ffffff /*{c-bup-color}*/;
|
|
text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #444444 /*{c-bup-shadow-color}*/;
|
|
}
|
|
/* Button hover */
|
|
.ui-page-theme-r .ui-btn:hover,
|
|
html .ui-bar-r .ui-btn:hover,
|
|
html .ui-body-r .ui-btn:hover,
|
|
html body .ui-group-theme-r .ui-btn:hover,
|
|
html head + body .ui-btn.ui-btn-r:hover {
|
|
background: #af4545 /*{c-bhover-background-color}*/;
|
|
border-color: #f46060 /*{c-bhover-border}*/;
|
|
color: #ffffff /*{c-bhover-color}*/;
|
|
text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #444444 /*{c-bhover-shadow-color}*/;
|
|
}
|
|
/* Button down */
|
|
.ui-page-theme-r .ui-btn:active,
|
|
html .ui-bar-r .ui-btn:active,
|
|
html .ui-body-r .ui-btn:active,
|
|
html body .ui-group-theme-r .ui-btn:active,
|
|
html head + body .ui-btn.ui-btn-r:active {
|
|
background: #af4545 /*{c-bdown-background-color}*/;
|
|
border-color: #602525 /*{c-bdown-border}*/;
|
|
color: #ffffff /*{c-bdown-color}*/;
|
|
text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #444444 /*{c-bdown-shadow-color}*/;
|
|
}
|
|
/* Active button */
|
|
.ui-page-theme-r .ui-btn.ui-btn-active,
|
|
html .ui-bar-r .ui-btn.ui-btn-active,
|
|
html .ui-body-r .ui-btn.ui-btn-active,
|
|
html body .ui-group-theme-r .ui-btn.ui-btn-active,
|
|
html head + body .ui-btn.ui-btn-r.ui-btn-active,
|
|
/* Active checkbox icon */
|
|
.ui-page-theme-r .ui-checkbox-on:after,
|
|
html .ui-bar-r .ui-checkbox-on:after,
|
|
html .ui-body-r .ui-checkbox-on:after,
|
|
html body .ui-group-theme-r .ui-checkbox-on:after,
|
|
.ui-btn.ui-checkbox-on.ui-btn-r:after,
|
|
/* Active flipswitch background */
|
|
.ui-page-theme-r .ui-flipswitch-active,
|
|
html .ui-bar-r .ui-flipswitch-active,
|
|
html .ui-body-r .ui-flipswitch-active,
|
|
html body .ui-group-theme-r .ui-flipswitch-active,
|
|
html body .ui-flipswitch.ui-bar-r.ui-flipswitch-active,
|
|
/* Active slider track */
|
|
.ui-page-theme-r .ui-slider-track .ui-btn-active,
|
|
html .ui-bar-r .ui-slider-track .ui-btn-active,
|
|
html .ui-body-r .ui-slider-track .ui-btn-active,
|
|
html body .ui-group-theme-r .ui-slider-track .ui-btn-active,
|
|
html body div.ui-slider-track.ui-body-r .ui-btn-active {
|
|
background-color: #990000 /*{c-active-background-color}*/;
|
|
border-color: #d65454 /*{c-active-border}*/;
|
|
color: #ffffff /*{c-active-color}*/;
|
|
text-shadow: 0 /*{c-active-shadow-x}*/ 1px /*{c-active-shadow-y}*/ 0 /*{c-active-shadow-radius}*/ #444444 /*{c-active-shadow-color}*/;
|
|
}
|
|
/* Active radio button icon */
|
|
.ui-page-theme-r .ui-radio-on:after,
|
|
html .ui-bar-r .ui-radio-on:after,
|
|
html .ui-body-r .ui-radio-on:after,
|
|
html body .ui-group-theme-r .ui-radio-on:after,
|
|
.ui-btn.ui-radio-on.ui-btn-r:after {
|
|
border-color: #990000 /*{c-active-background-color}*/;
|
|
}
|
|
/* Focus */
|
|
.ui-page-theme-r .ui-btn:focus,
|
|
html .ui-bar-r .ui-btn:focus,
|
|
html .ui-body-r .ui-btn:focus,
|
|
html body .ui-group-theme-r .ui-btn:focus,
|
|
html head + body .ui-btn.ui-btn-r:focus,
|
|
/* Focus buttons and text inputs with div wrap */
|
|
.ui-page-theme-r .ui-focus,
|
|
html .ui-bar-r .ui-focus,
|
|
html .ui-body-r .ui-focus,
|
|
html body .ui-group-theme-r .ui-focus,
|
|
html head + body .ui-btn-r.ui-focus,
|
|
html head + body .ui-body-r.ui-focus {
|
|
-webkit-box-shadow: 0 0 12px #990000 /*{c-active-background-color}*/;
|
|
-moz-box-shadow: 0 0 12px #990000 /*{c-active-background-color}*/;
|
|
box-shadow: 0 0 12px #990000 /*{c-active-background-color}*/;
|
|
}
|
|
|
|
/* L - for Blue
|
|
-----------------------------------------------------------------------------------------------------------*/
|
|
/* Bar: Toolbars, dividers, slider track */
|
|
.ui-bar-l,
|
|
.ui-page-theme-l .ui-bar-inherit,
|
|
html .ui-bar-l .ui-bar-inherit,
|
|
html .ui-body-l .ui-bar-inherit,
|
|
html body .ui-group-theme-l .ui-bar-inherit {
|
|
background: #e9e9e9 /*{c-bar-background-color}*/;
|
|
border-color: #dddddd /*{c-bar-border}*/;
|
|
color: #333333 /*{c-bar-color}*/;
|
|
text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #eeeeee /*{c-bar-shadow-color}*/;
|
|
font-weight: bold;
|
|
}
|
|
.ui-bar-l {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
/* Page and overlay */
|
|
.ui-overlay-l,
|
|
.ui-page-theme-l,
|
|
.ui-page-theme-l .ui-panel-wrapper {
|
|
background: #f9f9f9 /*{c-page-background-color}*/;
|
|
border-color: #bbbbbb /*{c-page-border}*/;
|
|
color: #333333 /*{c-page-color}*/;
|
|
text-shadow: 0 /*{c-page-shadow-x}*/ 1px /*{c-page-shadow-y}*/ 0 /*{c-page-shadow-radius}*/ #f3f3f3 /*{c-page-shadow-color}*/;
|
|
}
|
|
/* Body: Read-only lists, text inputs, collapsible content */
|
|
.ui-body-l,
|
|
.ui-page-theme-l .ui-body-inherit,
|
|
html .ui-bar-l .ui-body-inherit,
|
|
html .ui-body-l .ui-body-inherit,
|
|
html body .ui-group-theme-l .ui-body-inherit,
|
|
html .ui-panel-page-container-l {
|
|
background: #ffffff /*{c-body-background-color}*/;
|
|
border-color: #dddddd /*{c-body-border}*/;
|
|
color: #333333 /*{c-body-color}*/;
|
|
text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #f3f3f3 /*{c-body-shadow-color}*/;
|
|
}
|
|
.ui-body-l {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
/* Links */
|
|
.ui-page-theme-l a,
|
|
html .ui-bar-l a,
|
|
html .ui-body-l a,
|
|
html body .ui-group-theme-l a {
|
|
color: #cc3388 /*{c-link-color}*/;
|
|
font-weight: bold;
|
|
}
|
|
.ui-page-theme-l a:visited,
|
|
html .ui-bar-l a:visited,
|
|
html .ui-body-l a:visited,
|
|
html body .ui-group-theme-l a:visited {
|
|
color: #cc3388 /*{c-link-visited}*/;
|
|
}
|
|
.ui-page-theme-l a:hover,
|
|
html .ui-bar-l a:hover,
|
|
html .ui-body-l a:hover,
|
|
html body .ui-group-theme-l a:hover {
|
|
color: #990055 /*{c-link-hover}*/;
|
|
}
|
|
.ui-page-theme-l a:active,
|
|
html .ui-bar-l a:active,
|
|
html .ui-body-l a:active,
|
|
html body .ui-group-theme-l a:active {
|
|
color: #990055 /*{c-link-active}*/;
|
|
}
|
|
/* Button up */
|
|
.ui-page-theme-l .ui-btn,
|
|
html .ui-bar-l .ui-btn,
|
|
html .ui-body-l .ui-btn,
|
|
html body .ui-group-theme-l .ui-btn,
|
|
html head + body .ui-btn.ui-btn-l,
|
|
/* Button visited */
|
|
.ui-page-theme-l .ui-btn:visited,
|
|
html .ui-bar-l .ui-btn:visited,
|
|
html .ui-body-l .ui-btn:visited,
|
|
html body .ui-group-theme-l .ui-btn:visited,
|
|
html head + body .ui-btn.ui-btn-l:visited {
|
|
background: #000099 /*{c-bup-background-color}*/;
|
|
border-color: #5454d6 /*{c-bup-border}*/;
|
|
color: #ffffff /*{c-bup-color}*/;
|
|
text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #444444 /*{c-bup-shadow-color}*/;
|
|
}
|
|
/* Button hover */
|
|
.ui-page-theme-l .ui-btn:hover,
|
|
html .ui-bar-l .ui-btn:hover,
|
|
html .ui-body-l .ui-btn:hover,
|
|
html body .ui-group-theme-l .ui-btn:hover,
|
|
html head + body .ui-btn.ui-btn-l:hover {
|
|
background: #4545af /*{c-bhover-background-color}*/;
|
|
border-color: #6060f4 /*{c-bhover-border}*/;
|
|
color: #ffffff /*{c-bhover-color}*/;
|
|
text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #444444 /*{c-bhover-shadow-color}*/;
|
|
}
|
|
/* Button down */
|
|
.ui-page-theme-l .ui-btn:active,
|
|
html .ui-bar-l .ui-btn:active,
|
|
html .ui-body-l .ui-btn:active,
|
|
html body .ui-group-theme-l .ui-btn:active,
|
|
html head + body .ui-btn.ui-btn-l:active {
|
|
background: #4545af /*{c-bdown-background-color}*/;
|
|
border-color: #252560 /*{c-bdown-border}*/;
|
|
color: #ffffff /*{c-bdown-color}*/;
|
|
text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #444444 /*{c-bdown-shadow-color}*/;
|
|
}
|
|
/* Active button */
|
|
.ui-page-theme-l .ui-btn.ui-btn-active,
|
|
html .ui-bar-l .ui-btn.ui-btn-active,
|
|
html .ui-body-l .ui-btn.ui-btn-active,
|
|
html body .ui-group-theme-l .ui-btn.ui-btn-active,
|
|
html head + body .ui-btn.ui-btn-l.ui-btn-active,
|
|
/* Active checkbox icon */
|
|
.ui-page-theme-l .ui-checkbox-on:after,
|
|
html .ui-bar-l .ui-checkbox-on:after,
|
|
html .ui-body-l .ui-checkbox-on:after,
|
|
html body .ui-group-theme-l .ui-checkbox-on:after,
|
|
.ui-btn.ui-checkbox-on.ui-btn-l:after,
|
|
/* Active flipswitch background */
|
|
.ui-page-theme-l .ui-flipswitch-active,
|
|
html .ui-bar-l .ui-flipswitch-active,
|
|
html .ui-body-l .ui-flipswitch-active,
|
|
html body .ui-group-theme-l .ui-flipswitch-active,
|
|
html body .ui-flipswitch.ui-bar-l.ui-flipswitch-active,
|
|
/* Active slider track */
|
|
.ui-page-theme-l .ui-slider-track .ui-btn-active,
|
|
html .ui-bar-l .ui-slider-track .ui-btn-active,
|
|
html .ui-body-l .ui-slider-track .ui-btn-active,
|
|
html body .ui-group-theme-l .ui-slider-track .ui-btn-active,
|
|
html body div.ui-slider-track.ui-body-l .ui-btn-active {
|
|
background-color: #000099 /*{c-active-background-color}*/;
|
|
border-color: #5454d6 /*{c-active-border}*/;
|
|
color: #ffffff /*{c-active-color}*/;
|
|
text-shadow: 0 /*{c-active-shadow-x}*/ 1px /*{c-active-shadow-y}*/ 0 /*{c-active-shadow-radius}*/ #444444 /*{c-active-shadow-color}*/;
|
|
}
|
|
/* Active radio button icon */
|
|
.ui-page-theme-l .ui-radio-on:after,
|
|
html .ui-bar-l .ui-radio-on:after,
|
|
html .ui-body-l .ui-radio-on:after,
|
|
html body .ui-group-theme-l .ui-radio-on:after,
|
|
.ui-btn.ui-radio-on.ui-btn-l:after {
|
|
border-color: #000099 /*{c-active-background-color}*/;
|
|
}
|
|
/* Focus */
|
|
.ui-page-theme-l .ui-btn:focus,
|
|
html .ui-bar-l .ui-btn:focus,
|
|
html .ui-body-l .ui-btn:focus,
|
|
html body .ui-group-theme-l .ui-btn:focus,
|
|
html head + body .ui-btn.ui-btn-l:focus,
|
|
/* Focus buttons and text inputs with div wrap */
|
|
.ui-page-theme-l .ui-focus,
|
|
html .ui-bar-l .ui-focus,
|
|
html .ui-body-l .ui-focus,
|
|
html body .ui-group-theme-l .ui-focus,
|
|
html head + body .ui-btn-l.ui-focus,
|
|
html head + body .ui-body-l.ui-focus {
|
|
-webkit-box-shadow: 0 0 12px #000099 /*{c-active-background-color}*/;
|
|
-moz-box-shadow: 0 0 12px #000099 /*{c-active-background-color}*/;
|
|
box-shadow: 0 0 12px #000099 /*{c-active-background-color}*/;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* JQM Demos custom CSS */
|
|
|
|
/* Content */
|
|
/*
|
|
.sfiab_page {
|
|
padding-top: 3em;
|
|
}
|
|
.sfiab_page > h1,
|
|
.sfiab_page > h2,
|
|
.sfiab_page > h3,
|
|
.sfiab_page > p,
|
|
.sfiab_page > ul li,
|
|
.sfiab_page > a {
|
|
font-family: 'Open Sans', sans-serif;
|
|
font-weight: 300;
|
|
}
|
|
.sfiab_page > h1 {
|
|
font-size: 2.4em;
|
|
margin: 0 0 .625em;
|
|
}
|
|
.sfiab_page > h2 {
|
|
color: #3eb249;
|
|
background-color: transparent;
|
|
border-bottom: 1px solid #ddd;
|
|
font-size: 1.6em;
|
|
padding-bottom: .2em;
|
|
margin: 0 0 .7375em;
|
|
}
|
|
.sfiab_page > h3 {
|
|
color: #3eb249;
|
|
background-color: transparent;
|
|
font-size: 1.4em;
|
|
margin: 0 0 1em;
|
|
}
|
|
.sfiab_page > p {
|
|
font-size: 1.2em;
|
|
line-height: 1.5;
|
|
}
|
|
.sfiab_page > ul:not(.jqm-list) li {
|
|
font-size: 1.2em;
|
|
line-height: 1.5;
|
|
}
|
|
.sfiab_page > p {
|
|
margin: 0 0 1.25em;
|
|
}
|
|
.sfiab_page > ul,
|
|
.sfiab_page > ol {
|
|
padding-left: 1.3em;
|
|
}
|
|
.sfiab_page > .ui-listview {
|
|
padding-left: 0;
|
|
}
|
|
.sfiab_page > a,
|
|
.sfiab_page > p a,
|
|
.sfiab_page > ul:not(.jqm-list) li a {
|
|
font-weight: 400;
|
|
text-decoration: none;
|
|
}
|
|
.sfiab_page strong {
|
|
font-weight: 700;
|
|
}
|
|
.sfiab_page > p strong {
|
|
font-weight: 400;
|
|
}
|
|
*/
|
|
|
|
/* Homepage */
|
|
/*
|
|
.jqm-home > .sfiab_page > img {
|
|
width: 400px;
|
|
max-width: 100%;
|
|
display: block;
|
|
margin: 2.5em 0;
|
|
}
|
|
.jqm-home .ui-grid-a {
|
|
margin: 2.5em -.5em -.5em;
|
|
}
|
|
.jqm-block-content {
|
|
margin: .5em;
|
|
padding: 1em;
|
|
background: #fff;
|
|
border: 1px solid #eee;
|
|
-webkit-border-radius: .3125em;
|
|
border-radius: .3125em;
|
|
font-family: 'Open Sans', sans-serif;
|
|
}
|
|
.jqm-block-content h3 {
|
|
font-size: 1.5em;
|
|
font-weight: 300;
|
|
color: #3eb249;
|
|
border-bottom: 1px solid #ddd;
|
|
padding-bottom: .25em;
|
|
margin: 0 0 .5em;
|
|
}
|
|
.jqm-block-content p {
|
|
font-size: 1.1em;
|
|
font-weight: 300;
|
|
line-height: 1.4;
|
|
margin: .7em 0;
|
|
}
|
|
.jqm-block-content p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.jqm-block-content a:link {
|
|
font-weight: 300;
|
|
text-decoration: none;
|
|
}
|
|
*/
|
|
|
|
/* Lists */
|
|
|
|
.jqm-search .jqm-list {
|
|
margin: 0 -1em 1em;
|
|
}
|
|
.jqm-list .ui-btn,
|
|
.jqm-list .ui-btn:visited,
|
|
.jqm-list .ui-li-divider {
|
|
// font-family: 'Open Sans', sans-serif;
|
|
font-weight: 300;
|
|
text-shadow: none !important;
|
|
}
|
|
.jqm-list .ui-btn:hover,
|
|
.jqm-list .ui-li-selected:hover,
|
|
.jqm-list .ui-btn:active {
|
|
color: #3388cc;
|
|
}
|
|
.jqm-list .ui-btn.ui-btn-active {
|
|
color: #fff;
|
|
}
|
|
.jqm-list .ui-li-divider {
|
|
color: #3eb249;
|
|
}
|
|
.jqm-list .ui-li-selected {
|
|
background-color: #ffffff !important;
|
|
margin-right: 0px !important;
|
|
}
|
|
.jqm-list .ui-li-disabled {
|
|
background-color: #bbbbbb !important;
|
|
}
|
|
|
|
|
|
|
|
/* Navmenu */
|
|
.leftnav_panel .ui-listview > li .ui-collapsible-heading {
|
|
margin: 0;
|
|
}
|
|
.leftnav_panel .ui-collapsible.ui-li-static {
|
|
padding: 0;
|
|
border: none !important;
|
|
}
|
|
.leftnav_panel .ui-collapsible + li > .ui-btn,
|
|
.leftnav_panel .ui-collapsible + .ui-collapsible > .ui-collapsible-heading > .ui-btn,
|
|
.leftnav_panel .ui-panel-inner > .ui-listview > li.ui-first-child .ui-btn {
|
|
border-top: none !important;
|
|
}
|
|
.leftnav_panel .ui-btn:after {
|
|
opacity: .4;
|
|
filter: Alpha(Opacity=40);
|
|
}
|
|
.leftnav_panel.jqm-panel-page-nav {
|
|
display: none;
|
|
position: absolute;
|
|
top: 178px;
|
|
left: 12px;
|
|
}
|
|
.leftnav_panel.jqm-panel-page-nav ul li:first-child a{
|
|
border-top: none;
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 75em) {
|
|
.sfiab_page {
|
|
width: 75% !important;
|
|
}
|
|
.leftnav_panel {
|
|
width: 20% !important;
|
|
}
|
|
}
|
|
|
|
|
|
@media (min-width: 60em) {
|
|
/* Can be used to change the layout of stuff in the header
|
|
.sfiab_header h2 {
|
|
padding: 1em 0 .7em;
|
|
margin: 0 1em 0 3%;
|
|
text-align: left;
|
|
}
|
|
.sfiab_header h2 img {
|
|
width: 275px;
|
|
height: 78px;
|
|
}
|
|
.sfiab_header p {
|
|
bottom: auto;
|
|
left: auto;
|
|
top: 50%;
|
|
right: 15%;
|
|
font-size: 1.2em;
|
|
margin-top: -.625em;
|
|
}
|
|
*/
|
|
|
|
.leftnav_button {
|
|
display: none !important;
|
|
}
|
|
|
|
.leftnav_panel {
|
|
visibility: visible;
|
|
position: absolute;
|
|
left: 0;
|
|
float: left;
|
|
width: 25% !important;
|
|
overflow: visible !important;
|
|
background: none;
|
|
clip: auto;
|
|
|
|
-webkit-transition: none !important;
|
|
-moz-transition: none !important;
|
|
transition: none !important;
|
|
-webkit-transform: none !important;
|
|
-moz-transform: none !important;
|
|
transform: none !important;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
/*
|
|
.jqm-panel-page .leftnav_panel {
|
|
display: none;
|
|
}
|
|
html .jqm-panel-page .leftnav_panel.jqm-panel-page-nav {
|
|
display: block;
|
|
}
|
|
.leftnav_panel .ui-panel-inner {
|
|
margin-top: 0em;
|
|
margin-bottom: 3em;
|
|
}
|
|
*/
|
|
.sfiab_page {
|
|
width: 70% !important;
|
|
padding-top: 2em;
|
|
padding-left: 2em;
|
|
padding-right: 2em;
|
|
float: right;
|
|
}
|
|
|
|
.sfiab_page.fullwidth {
|
|
width: auto;
|
|
padding-left: 15%;
|
|
padding-right: 15%;
|
|
float: none;
|
|
}
|
|
|
|
.leftnav_panel .ui-listview > li > a {
|
|
padding-left: 12.5%;
|
|
}
|
|
.leftnav_panel .ui-listview > li > span {
|
|
padding-left: 12.5%;
|
|
}
|
|
|
|
/* jquery applies a small indent to non-button list entries, this removes it so everythin lines up */
|
|
.leftnav_panel .ui-listview > li {
|
|
padding-left: 0 !important;
|
|
}
|
|
|
|
/* .leftnav_panel .ui-listview .ui-listview .ui-btn {
|
|
padding-left: 5%;
|
|
}
|
|
.leftnav_panel .ui-collapsible,
|
|
.leftnav_panel .ui-collapsible-content,
|
|
.leftnav_panel .ui-btn {
|
|
background: none !important;
|
|
border-color: #ddd !important;
|
|
}
|
|
*/
|
|
.leftnav_panel .ui-btn.ui-btn-active {
|
|
color: #3388cc !important;
|
|
}
|
|
.leftnav_panel .ui-listview .ui-btn::after {
|
|
opacity: 0;
|
|
-webkit-transition: opacity 500ms ease;
|
|
-moz-transition: opacity 500ms ease;
|
|
transition: opacity 500ms ease;
|
|
}
|
|
.leftnav_panel .ui-btn:hover::after {
|
|
opacity: .4;
|
|
}
|
|
}
|
|
@media (min-width: 35em) {
|
|
.jqm-block-content {
|
|
min-height: 18em;
|
|
}
|
|
}
|
|
|
|
/* Show priority 1 at 320px (20em x 16px) */
|
|
@media screen and (min-width: 20em) {
|
|
th.ui-table-priority-1,
|
|
td.ui-table-priority-1 {
|
|
display: table-cell;
|
|
}
|
|
}
|
|
/* Show priority 2 at 480px (30em x 16px) */
|
|
@media screen and (min-width: 70em) {
|
|
th.ui-table-priority-2,
|
|
td.ui-table-priority-2 {
|
|
display: table-cell;
|
|
}
|
|
}
|
|
|
|
/* Manually hidden */
|
|
th.ui-table-cell-hidden,
|
|
td.ui-table-cell-hidden {
|
|
display: none;
|
|
}
|
|
/* Manually shown */
|
|
th.ui-table-cell-visible,
|
|
td.ui-table-cell-visible {
|
|
display: table-cell;
|
|
}
|
|
|
|
|
|
/*
|
|
* needed for LI elements as collapsible for a unified left menu
|
|
.leftnav_collapsible {
|
|
padding: 0px !important;
|
|
border: 0px !important;
|
|
}
|
|
|
|
.leftnav_collapsible h3 {
|
|
margin-top: 0px !important;
|
|
margin-bottom: 0px !important;
|
|
border: 0px !important;
|
|
}
|
|
*/
|
|
|
|
|
|
.ui-li-count {
|
|
border-color: #ff3333 !important;
|
|
color: #ff3333 !important;
|
|
}
|
|
|
|
.ui-checkbox label.ui-btn {
|
|
font-weight: 400 !important;
|
|
}
|
|
.ui-listview > li > a.ui-btn {
|
|
font-weight: 400 !important;
|
|
white-space:normal !important;
|
|
}
|
|
|
|
|
|
/* Adjust label/fieldset ratio to make the label wide */
|
|
.ui-field-contain-wide > label {
|
|
width: 65% !important;
|
|
}
|
|
.ui-field-contain-wide > fieldset {
|
|
width: 30% !important;
|
|
}
|
|
|
|
|
|
|
|
.table_stripes>thead>th,
|
|
.table_stripes>tbody>tr:last-child {
|
|
border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
|
|
border-bottom: 1px solid rgba(0,0,0,.1);
|
|
}
|
|
.table_stripes>tbody>th,
|
|
.table_stripes>tbody>td {
|
|
border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback */
|
|
border-bottom: 1px solid rgba(0,0,0,.05);
|
|
}
|
|
.table_stripes>tbody>tr:last-child>th,
|
|
.table_stripes>tbody>tr:last-child>td {
|
|
border-bottom: 0;
|
|
}
|
|
.table_stripes>tbody>tr:nth-child(odd)>td,
|
|
.table_stripes>tbody>tr:nth-child(odd)>th {
|
|
background-color: #eeeeee; /* non-RGBA fallback */
|
|
background-color: rgba(0,0,0,.04);
|
|
}
|
|
|
|
/* Filterable select menu */
|
|
.ui-selectmenu.ui-popup .ui-input-search {
|
|
margin-left: .5em;
|
|
margin-right: .5em;
|
|
}
|
|
.ui-selectmenu.ui-dialog .ui-content {
|
|
padding-top: 0;
|
|
}
|
|
.ui-selectmenu.ui-dialog .ui-selectmenu-list {
|
|
margin-top: 0;
|
|
}
|
|
.ui-selectmenu.ui-popup .ui-selectmenu-list li.ui-first-child .ui-btn {
|
|
border-top-width: 1px;
|
|
-webkit-border-radius: 0;
|
|
border-radius: 0;
|
|
}
|
|
.ui-selectmenu.ui-dialog .ui-header {
|
|
border-bottom-width: 1px;
|
|
}
|