601 lines
22 KiB
CSS
601 lines
22 KiB
CSS
.ui-icon-check:after,
|
|
/* Used ui-checkbox-on twice to increase specificity. If active state has background-image for gradient this rule overrides. */
|
|
html .ui-btn.ui-checkbox-on.ui-checkbox-on:after {
|
|
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
.ui-alt-icon.ui-icon-check:after,
|
|
.ui-alt-icon .ui-icon-check:after,
|
|
html .ui-alt-icon.ui-btn.ui-checkbox-on:after,
|
|
html .ui-alt-icon .ui-btn.ui-checkbox-on:after {
|
|
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
/* Globals */
|
|
/* Font
|
|
-----------------------------------------------------------------------------------------------------------*/
|
|
|
|
/* Buttons */
|
|
.ui-btn-corner-all,
|
|
.ui-btn.ui-corner-all,
|
|
/* Slider track */
|
|
.ui-slider-track.ui-corner-all,
|
|
/* Flipswitch */
|
|
.ui-flipswitch.ui-corner-all,
|
|
/* Count bubble */
|
|
.ui-li-count {
|
|
-webkit-border-radius: .3125em /*{global-radii-buttons}*/;
|
|
border-radius: .3125em /*{global-radii-buttons}*/;
|
|
}
|
|
/* Icon-only buttons */
|
|
.ui-btn-icon-notext.ui-btn-corner-all,
|
|
.ui-btn-icon-notext.ui-corner-all {
|
|
-webkit-border-radius: 1em;
|
|
border-radius: 1em;
|
|
}
|
|
/* Radius clip workaround for cleaning up corner trapping */
|
|
.ui-btn-corner-all,
|
|
.ui-corner-all {
|
|
-webkit-background-clip: padding;
|
|
background-clip: padding-box;
|
|
}
|
|
/* Popup arrow */
|
|
.ui-popup.ui-corner-all > .ui-popup-arrow-guide {
|
|
left: .6em /*{global-radii-blocks}*/;
|
|
right: .6em /*{global-radii-blocks}*/;
|
|
top: .6em /*{global-radii-blocks}*/;
|
|
bottom: .6em /*{global-radii-blocks}*/;
|
|
}
|
|
|
|
/* Icons
|
|
-----------------------------------------------------------------------------------------------------------*/
|
|
.ui-btn-icon-left:after,
|
|
.ui-btn-icon-right:after,
|
|
.ui-btn-icon-top:after,
|
|
.ui-btn-icon-bottom:after,
|
|
.ui-btn-icon-notext:after {
|
|
background-color: #666 /*{global-icon-color}*/;
|
|
background-color: rgba(0,0,0,.3) /*{global-icon-disc}*/;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
-webkit-border-radius: 1em;
|
|
border-radius: 1em;
|
|
}
|
|
|
|
/* Icon shadow */
|
|
.ui-shadow-icon.ui-btn:after,
|
|
.ui-shadow-icon .ui-btn:after {
|
|
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
|
|
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
|
|
box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
|
|
}
|
|
/* Checkbox and radio */
|
|
.ui-btn.ui-checkbox-off:after,
|
|
.ui-btn.ui-checkbox-on:after,
|
|
.ui-btn.ui-radio-off:after,
|
|
.ui-btn.ui-radio-on:after {
|
|
display: block;
|
|
width: 18px;
|
|
height: 18px;
|
|
margin: -9px 2px 0 2px;
|
|
}
|
|
.ui-checkbox-off:after,
|
|
.ui-btn.ui-radio-off:after {
|
|
filter: Alpha(Opacity=30);
|
|
opacity: .3;
|
|
}
|
|
.ui-btn.ui-checkbox-off:after,
|
|
.ui-btn.ui-checkbox-on:after {
|
|
-webkit-border-radius: .1875em;
|
|
border-radius: .1875em;
|
|
}
|
|
.ui-radio .ui-btn.ui-radio-on:after {
|
|
background-image: none;
|
|
background-color: #fff;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-width: 5px;
|
|
border-style: solid;
|
|
}
|
|
.ui-alt-icon.ui-btn.ui-radio-on:after,
|
|
.ui-alt-icon .ui-btn.ui-radio-on:after {
|
|
background-color: #000;
|
|
}
|
|
/* Loader */
|
|
.ui-icon-loading {
|
|
background: url(images/ajax-loader.gif);
|
|
background-size: 2.875em 2.875em;
|
|
}
|
|
/* Swatches */
|
|
/* A
|
|
-----------------------------------------------------------------------------------------------------------*/
|
|
|
|
|
|
.ui-page-theme-a a:hover,
|
|
html .ui-bar-a a:hover,
|
|
html .ui-body-a a:hover,
|
|
html body .ui-group-theme-a a:hover {
|
|
color: #005599 /*{a-link-hover}*/;
|
|
}
|
|
.ui-page-theme-a a:active,
|
|
html .ui-bar-a a:active,
|
|
html .ui-body-a a:active,
|
|
html body .ui-group-theme-a a:active {
|
|
color: #005599 /*{a-link-active}*/;
|
|
}
|
|
/* Button up */
|
|
.ui-page-theme-a .ui-btn,
|
|
html .ui-bar-a .ui-btn,
|
|
html .ui-body-a .ui-btn,
|
|
html body .ui-group-theme-a .ui-btn,
|
|
html head + body .ui-btn.ui-btn-a,
|
|
.ui-page-theme-a .ui-btn:visited,
|
|
html .ui-bar-a .ui-btn:visited,
|
|
html .ui-body-a .ui-btn:visited,
|
|
html body .ui-group-theme-a .ui-btn:visited,
|
|
html head + body .ui-btn.ui-btn-a:visited {
|
|
background-color: #fff ;
|
|
}
|
|
/* Button hover */
|
|
.ui-page-theme-a .ui-btn:hover,
|
|
html .ui-bar-a .ui-btn:hover,
|
|
html .ui-body-a .ui-btn:hover,
|
|
html body .ui-group-theme-a .ui-btn:hover,
|
|
html head + body .ui-btn.ui-btn-a:hover {
|
|
background-color: #ededed ;
|
|
}
|
|
/* Button down */
|
|
.ui-page-theme-a .ui-btn:active,
|
|
html .ui-bar-a .ui-btn:active,
|
|
html .ui-body-a .ui-btn:active,
|
|
html body .ui-group-theme-a .ui-btn:active,
|
|
html head + body .ui-btn.ui-btn-a:active {
|
|
background-color: #e8e8e8 ;
|
|
}
|
|
/* Active button */
|
|
.ui-page-theme-a .ui-btn.ui-btn-active,
|
|
html .ui-bar-a .ui-btn.ui-btn-active,
|
|
html .ui-body-a .ui-btn.ui-btn-active,
|
|
html body .ui-group-theme-a .ui-btn.ui-btn-active,
|
|
html head + body .ui-btn.ui-btn-a.ui-btn-active,
|
|
/* Active checkbox icon */
|
|
.ui-page-theme-a .ui-checkbox-on:after,
|
|
html .ui-bar-a .ui-checkbox-on:after,
|
|
html .ui-body-a .ui-checkbox-on:after,
|
|
html body .ui-group-theme-a .ui-checkbox-on:after,
|
|
.ui-btn.ui-checkbox-on.ui-btn-a:after,
|
|
/* Active flipswitch background */
|
|
.ui-page-theme-a .ui-flipswitch-active,
|
|
html .ui-bar-a .ui-flipswitch-active,
|
|
html .ui-body-a .ui-flipswitch-active,
|
|
html body .ui-group-theme-a .ui-flipswitch-active,
|
|
html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,
|
|
/* Active slider track */
|
|
.ui-page-theme-a .ui-slider-track .ui-btn-active,
|
|
html .ui-bar-a .ui-slider-track .ui-btn-active,
|
|
html .ui-body-a .ui-slider-track .ui-btn-active,
|
|
html body .ui-group-theme-a .ui-slider-track .ui-btn-active,
|
|
html body div.ui-slider-track.ui-body-a .ui-btn-active {
|
|
background-color: #3388cc /*{a-active-background-color}*/;
|
|
border-color: #3388cc /*{a-active-border}*/;
|
|
color: #fff /*{a-active-color}*/;
|
|
text-shadow: 0 /*{a-active-shadow-x}*/ 1px /*{a-active-shadow-y}*/ 0 /*{a-active-shadow-radius}*/ #005599 /*{a-active-shadow-color}*/;
|
|
}
|
|
/* Active radio button icon */
|
|
.ui-page-theme-a .ui-radio-on:after,
|
|
html .ui-bar-a .ui-radio-on:after,
|
|
html .ui-body-a .ui-radio-on:after,
|
|
html body .ui-group-theme-a .ui-radio-on:after,
|
|
.ui-btn.ui-radio-on.ui-btn-a:after {
|
|
border-color: #3388cc /*{a-active-background-color}*/;
|
|
}
|
|
|
|
/* Focus state outline
|
|
-----------------------------------------------------------------------------------------------------------*/
|
|
|
|
/* Buttons and icons */
|
|
.ui-btn {
|
|
font-size: 16px;
|
|
margin: .5em 0;
|
|
padding: .7em 1em;
|
|
display: block;
|
|
position: relative;
|
|
text-align: center;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.ui-btn-icon-notext {
|
|
padding: 0;
|
|
width: 1.75em;
|
|
height: 1.75em;
|
|
text-indent: -9999px;
|
|
white-space: nowrap !important;
|
|
}
|
|
.ui-mini {
|
|
font-size: 12.5px;
|
|
}
|
|
.ui-mini .ui-btn {
|
|
font-size: inherit;
|
|
}
|
|
/* Make buttons in toolbars default to mini and inline. */
|
|
.ui-header .ui-btn,
|
|
.ui-footer .ui-btn {
|
|
font-size: 12.5px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
/* To ensure same top and left/right position when ui-btn-left/right are added to something other than buttons. */
|
|
.ui-header .ui-btn-left,
|
|
.ui-header .ui-btn-right {
|
|
font-size: 12.5px;
|
|
}
|
|
.ui-mini.ui-btn-icon-notext,
|
|
.ui-mini .ui-btn-icon-notext,
|
|
.ui-header .ui-btn-icon-notext,
|
|
.ui-footer .ui-btn-icon-notext {
|
|
font-size: 16px;
|
|
padding: 0;
|
|
}
|
|
.ui-btn-inline {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-right: .625em;
|
|
}
|
|
.ui-btn-icon-left {
|
|
padding-left: 2.5em;
|
|
}
|
|
.ui-btn-icon-right {
|
|
padding-right: 2.5em;
|
|
}
|
|
.ui-btn-icon-top {
|
|
padding-top: 2.5em;
|
|
}
|
|
.ui-btn-icon-bottom {
|
|
padding-bottom: 2.5em;
|
|
}
|
|
.ui-header .ui-btn-icon-top,
|
|
.ui-footer .ui-btn-icon-top,
|
|
.ui-header .ui-btn-icon-bottom,
|
|
.ui-footer .ui-btn-icon-bottom {
|
|
padding-left: .3125em;
|
|
padding-right: .3125em;
|
|
}
|
|
.ui-btn-icon-left:after,
|
|
.ui-btn-icon-right:after,
|
|
.ui-btn-icon-top:after,
|
|
.ui-btn-icon-bottom:after,
|
|
.ui-btn-icon-notext:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
}
|
|
.ui-btn-icon-notext:after,
|
|
.ui-btn-icon-left:after,
|
|
.ui-btn-icon-right:after {
|
|
top: 50%;
|
|
margin-top: -11px;
|
|
}
|
|
.ui-btn-icon-left:after {
|
|
left: .5625em;
|
|
}
|
|
.ui-btn-icon-right:after {
|
|
right: .5625em;
|
|
}
|
|
.ui-mini.ui-btn-icon-left:after,
|
|
.ui-mini .ui-btn-icon-left:after,
|
|
.ui-header .ui-btn-icon-left:after,
|
|
.ui-footer .ui-btn-icon-left:after {
|
|
left: .37em;
|
|
}
|
|
.ui-mini.ui-btn-icon-right:after,
|
|
.ui-mini .ui-btn-icon-right:after,
|
|
.ui-header .ui-btn-icon-right:after,
|
|
.ui-footer .ui-btn-icon-right:after {
|
|
right: .37em;
|
|
}
|
|
.ui-btn-icon-notext:after,
|
|
.ui-btn-icon-top:after,
|
|
.ui-btn-icon-bottom:after {
|
|
left: 50%;
|
|
margin-left: -11px;
|
|
}
|
|
.ui-btn-icon-top:after {
|
|
top: .5625em;
|
|
}
|
|
.ui-btn-icon-bottom:after {
|
|
top: auto;
|
|
bottom: .5625em;
|
|
}
|
|
|
|
.ui-checkbox,
|
|
.ui-radio {
|
|
margin: .5em 0;
|
|
position: relative;
|
|
}
|
|
.ui-checkbox .ui-btn,
|
|
.ui-radio .ui-btn {
|
|
margin: 0;
|
|
text-align: left;
|
|
white-space: normal; /* Nowrap + ellipsis doesn't work on label. Issue #1419. */
|
|
z-index: 2;
|
|
}
|
|
.ui-controlgroup .ui-checkbox .ui-btn.ui-focus,
|
|
.ui-controlgroup .ui-radio .ui-btn.ui-focus {
|
|
z-index: 3;
|
|
}
|
|
.ui-checkbox .ui-btn-icon-top,
|
|
.ui-radio .ui-btn-icon-top,
|
|
.ui-checkbox .ui-btn-icon-bottom,
|
|
.ui-radio .ui-btn-icon-bottom {
|
|
text-align: center;
|
|
}
|
|
.ui-controlgroup-horizontal .ui-checkbox .ui-btn:after,
|
|
.ui-controlgroup-horizontal .ui-radio .ui-btn:after {
|
|
content: none;
|
|
display: none;
|
|
}
|
|
/* Native input positioning */
|
|
.ui-checkbox input,
|
|
.ui-radio input {
|
|
position: absolute;
|
|
left: .466em;
|
|
top: 50%;
|
|
width: 22px;
|
|
height: 22px;
|
|
margin: -11px 0 0 0;
|
|
outline: 0 !important;
|
|
z-index: 1;
|
|
}
|
|
.ui-radio *:before, .ui-radio *:after{
|
|
-webkit-box-sizing: content-box;
|
|
-moz-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
}
|
|
|
|
|
|
.ui-controlgroup-horizontal .ui-checkbox input,
|
|
.ui-controlgroup-horizontal .ui-radio input {
|
|
left: 50%;
|
|
margin-left: -9px;
|
|
}
|
|
.ui-checkbox input:disabled,
|
|
.ui-radio input:disabled {
|
|
position: absolute !important;
|
|
height: 1px;
|
|
width: 1px;
|
|
overflow: hidden;
|
|
clip: rect(1px,1px,1px,1px);
|
|
}
|
|
|
|
.ui-disabled, .ui-state-disabled, button[disabled], .ui-select .ui-btn.ui-state-disabled {
|
|
filter: Alpha(Opacity=30);
|
|
opacity: .3;
|
|
cursor: default!important;
|
|
pointer-events: none;
|
|
}
|
|
|
|
|
|
.ui-checkbox-off:after, .ui-btn.ui-radio-off:after {
|
|
filter: Alpha(Opacity=30);
|
|
opacity: .3;
|
|
}
|
|
.ui-btn.ui-checkbox-off:after, .ui-btn.ui-checkbox-on:after {
|
|
-webkit-border-radius: .1875em;
|
|
border-radius: .1875em;
|
|
}
|
|
.ui-radio .ui-btn.ui-radio-on:after {
|
|
background-image: none;
|
|
background-color: #fff;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-width: 5px;
|
|
border-style: solid;
|
|
}
|
|
.ui-alt-icon.ui-btn.ui-radio-on:after, .ui-alt-icon .ui-btn.ui-radio-on:after {
|
|
background-color: #000;
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head+body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head+body .ui-btn.ui-btn-a:visited {
|
|
background-color: #f6f6f6;
|
|
border-color: #ddd;
|
|
color: #333;
|
|
text-shadow: 0 1px 0 #f3f3f3;
|
|
}
|
|
.ui-page-theme-a .ui-btn:hover, html .ui-bar-a .ui-btn:hover, html .ui-body-a .ui-btn:hover, html body .ui-group-theme-a .ui-btn:hover, html head+body .ui-btn.ui-btn-a:hover {
|
|
background-color: #ededed;
|
|
border-color: #ddd;
|
|
color: #333;
|
|
text-shadow: 0 1px 0 #f3f3f3;
|
|
}
|
|
.ui-page-theme-a .ui-btn:active, html .ui-bar-a .ui-btn:active, html .ui-body-a .ui-btn:active, html body .ui-group-theme-a .ui-btn:active, html head+body .ui-btn.ui-btn-a:active {
|
|
background-color: #e8e8e8;
|
|
border-color: #ddd;
|
|
color: #333;
|
|
text-shadow: 0 1px 0 #f3f3f3;
|
|
}
|
|
.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active, html .ui-body-a .ui-btn.ui-btn-active, html body .ui-group-theme-a .ui-btn.ui-btn-active, html head+body .ui-btn.ui-btn-a.ui-btn-active, .ui-page-theme-a .ui-checkbox-on:after, html .ui-bar-a .ui-checkbox-on:after, html .ui-body-a .ui-checkbox-on:after, html body .ui-group-theme-a .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-a:after, .ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active, html .ui-body-a .ui-flipswitch-active, html body .ui-group-theme-a .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, .ui-page-theme-a .ui-slider-track .ui-btn-active, html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active, html body .ui-group-theme-a .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-a .ui-btn-active {
|
|
background-color: #38c;
|
|
border-color: #38c;
|
|
color: #fff;
|
|
text-shadow: 0 1px 0 #059;
|
|
}
|
|
.ui-page-theme-a .ui-radio-on:after, html .ui-bar-a .ui-radio-on:after, html .ui-body-a .ui-radio-on:after, html body .ui-group-theme-a .ui-radio-on:after, .ui-btn.ui-radio-on.ui-btn-a:after {
|
|
border-color: #38c;
|
|
}
|
|
.ui-page-theme-a .ui-btn:focus, html .ui-bar-a .ui-btn:focus, html .ui-body-a .ui-btn:focus, html body .ui-group-theme-a .ui-btn:focus, html head+body .ui-btn.ui-btn-a:focus, .ui-page-theme-a .ui-focus, html .ui-bar-a .ui-focus, html .ui-body-a .ui-focus, html body .ui-group-theme-a .ui-focus, html head+body .ui-btn-a.ui-focus, html head+body .ui-body-a.ui-focus {
|
|
-webkit-box-shadow: 0 0 12px #38c;
|
|
-moz-box-shadow: 0 0 12px #38c;
|
|
box-shadow: 0 0 12px #38c;
|
|
}
|
|
.ui-bar-b, .ui-page-theme-b .ui-bar-inherit, html .ui-bar-b .ui-bar-inherit, html .ui-body-b .ui-bar-inherit, html body .ui-group-theme-b .ui-bar-inherit {
|
|
background-color: #1d1d1d;
|
|
border-color: #1b1b1b;
|
|
color: #fff;
|
|
text-shadow: 0 1px 0 #111;
|
|
font-weight: 700;
|
|
}
|
|
.ui-bar-b {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
.ui-overlay-b, .ui-page-theme-b, .ui-page-theme-b .ui-panel-wrapper {
|
|
background-color: #252525;
|
|
border-color: #454545;
|
|
color: #fff;
|
|
text-shadow: 0 1px 0 #111;
|
|
}
|
|
.ui-body-b, .ui-page-theme-b .ui-body-inherit, html .ui-bar-b .ui-body-inherit, html .ui-body-b .ui-body-inherit, html body .ui-group-theme-b .ui-body-inherit, html .ui-panel-page-container-b {
|
|
background-color: #2a2a2a;
|
|
border-color: #1d1d1d;
|
|
color: #fff;
|
|
text-shadow: 0 1px 0 #111;
|
|
}
|
|
.ui-body-b {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
.ui-page-theme-b a, html .ui-bar-b a, html .ui-body-b a, html body .ui-group-theme-b a {
|
|
color: #2ad;
|
|
font-weight: 700;
|
|
}
|
|
.ui-page-theme-b a:visited, html .ui-bar-b a:visited, html .ui-body-b a:visited, html body .ui-group-theme-b a:visited {
|
|
color: #2ad;
|
|
}
|
|
.ui-page-theme-b a:hover, html .ui-bar-b a:hover, html .ui-body-b a:hover, html body .ui-group-theme-b a:hover {
|
|
color: #08b;
|
|
}
|
|
.ui-page-theme-b a:active, html .ui-bar-b a:active, html .ui-body-b a:active, html body .ui-group-theme-b a:active {
|
|
color: #08b;
|
|
}
|
|
.ui-page-theme-b .ui-btn, html .ui-bar-b .ui-btn, html .ui-body-b .ui-btn, html body .ui-group-theme-b .ui-btn, html head+body .ui-btn.ui-btn-b, .ui-page-theme-b .ui-btn:visited, html .ui-bar-b .ui-btn:visited, html .ui-body-b .ui-btn:visited, html body .ui-group-theme-b .ui-btn:visited, html head+body .ui-btn.ui-btn-b:visited {
|
|
background-color: #333;
|
|
border-color: #1f1f1f;
|
|
color: #fff;
|
|
text-shadow: 0 1px 0 #111;
|
|
}
|
|
.ui-page-theme-b .ui-btn:hover, html .ui-bar-b .ui-btn:hover, html .ui-body-b .ui-btn:hover, html body .ui-group-theme-b .ui-btn:hover, html head+body .ui-btn.ui-btn-b:hover {
|
|
background-color: #373737;
|
|
border-color: #1f1f1f;
|
|
color: #fff;
|
|
text-shadow: 0 1px 0 #111;
|
|
}
|
|
.ui-page-theme-b .ui-btn:active, html .ui-bar-b .ui-btn:active, html .ui-body-b .ui-btn:active, html body .ui-group-theme-b .ui-btn:active, html head+body .ui-btn.ui-btn-b:active {
|
|
background-color: #404040;
|
|
border-color: #1f1f1f;
|
|
color: #fff;
|
|
text-shadow: 0 1px 0 #111;
|
|
}
|
|
.ui-page-theme-b .ui-btn.ui-btn-active, html .ui-bar-b .ui-btn.ui-btn-active, html .ui-body-b .ui-btn.ui-btn-active, html body .ui-group-theme-b .ui-btn.ui-btn-active, html head+body .ui-btn.ui-btn-b.ui-btn-active, .ui-page-theme-b .ui-checkbox-on:after, html .ui-bar-b .ui-checkbox-on:after, html .ui-body-b .ui-checkbox-on:after, html body .ui-group-theme-b .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-b:after, .ui-page-theme-b .ui-flipswitch-active, html .ui-bar-b .ui-flipswitch-active, html .ui-body-b .ui-flipswitch-active, html body .ui-group-theme-b .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active, .ui-page-theme-b .ui-slider-track .ui-btn-active, html .ui-bar-b .ui-slider-track .ui-btn-active, html .ui-body-b .ui-slider-track .ui-btn-active, html body .ui-group-theme-b .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-b .ui-btn-active {
|
|
background-color: #2ad;
|
|
border-color: #2ad;
|
|
color: #fff;
|
|
text-shadow: 0 1px 0 #08b;
|
|
}
|
|
.ui-page-theme-b .ui-radio-on:after, html .ui-bar-b .ui-radio-on:after, html .ui-body-b .ui-radio-on:after, html body .ui-group-theme-b .ui-radio-on:after, .ui-btn.ui-radio-on.ui-btn-b:after {
|
|
border-color: #2ad;
|
|
}
|
|
.ui-page-theme-b .ui-btn:focus, html .ui-bar-b .ui-btn:focus, html .ui-body-b .ui-btn:focus, html body .ui-group-theme-b .ui-btn:focus, html head+body .ui-btn.ui-btn-b:focus, .ui-page-theme-b .ui-focus, html .ui-bar-b .ui-focus, html .ui-body-b .ui-focus, html body .ui-group-theme-b .ui-focus, html head+body .ui-btn-b.ui-focus, html head+body .ui-body-b.ui-focus {
|
|
-webkit-box-shadow: 0 0 12px #2ad;
|
|
-moz-box-shadow: 0 0 12px #2ad;
|
|
box-shadow: 0 0 12px #2ad;
|
|
}
|
|
|
|
|
|
button.ui-btn-icon-notext, .ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn {
|
|
-webkit-box-sizing: content-box;
|
|
-moz-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
width: 1.75em;
|
|
}
|
|
|
|
.ui-hide-label>label, .ui-hide-label .ui-controlgroup-label, .ui-hide-label .ui-rangeslider label, .ui-hidden-accessible {
|
|
position: absolute!important;
|
|
height: 1px;
|
|
width: 1px;
|
|
overflow: hidden;
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
}
|
|
.ui-controlgroup-horizontal .ui-controlgroup-controls {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
border-radius: 3px;
|
|
}
|
|
.ui-controlgroup-horizontal .ui-controlgroup-controls label{
|
|
border:1px solid #ddd;
|
|
}
|
|
.ui-controlgroup-horizontal .ui-controlgroup-controls:before, .ui-controlgroup-horizontal .ui-controlgroup-controls:after {
|
|
content: "";
|
|
display: table;
|
|
}
|
|
.ui-controlgroup-horizontal .ui-controlgroup-controls:after {
|
|
clear: both;
|
|
}
|
|
.ui-controlgroup-horizontal .ui-controlgroup-controls>.ui-btn, .ui-controlgroup-horizontal .ui-controlgroup-controls li>.ui-btn, .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-checkbox, .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-radio, .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-select {
|
|
float: left;
|
|
clear: none;
|
|
}
|
|
.ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn, .ui-controlgroup-controls .ui-btn-icon-notext {
|
|
width: auto;
|
|
}
|
|
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn-icon-notext, .ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn-icon-notext {
|
|
width: 1.5em;
|
|
}
|
|
.ui-controlgroup-controls .ui-btn-icon-notext {
|
|
height: auto;
|
|
padding: .7em 1em;
|
|
}
|
|
.ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn {
|
|
border-bottom-width: 0;
|
|
}
|
|
.ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child {
|
|
border-bottom-width: 1px;
|
|
}
|
|
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn {
|
|
border-right-width: 0;
|
|
}
|
|
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn.ui-last-child {
|
|
border-right-width: 1px;
|
|
}
|
|
.ui-controlgroup-controls .ui-btn-corner-all, .ui-controlgroup-controls .ui-btn.ui-corner-all {
|
|
-webkit-border-radius: 0;
|
|
border-radius: 0;
|
|
}
|
|
.ui-controlgroup-controls, .ui-controlgroup-controls .ui-radio, .ui-controlgroup-controls .ui-checkbox, .ui-controlgroup-controls .ui-select, .ui-controlgroup-controls li {
|
|
-webkit-border-radius: inherit;
|
|
border-radius: inherit;
|
|
}
|
|
.ui-controlgroup-vertical .ui-btn.ui-first-child {
|
|
-webkit-border-top-left-radius: inherit;
|
|
border-top-left-radius: inherit;
|
|
-webkit-border-top-right-radius: inherit;
|
|
border-top-right-radius: inherit;
|
|
}
|
|
.ui-controlgroup-vertical .ui-btn.ui-last-child {
|
|
-webkit-border-bottom-left-radius: inherit;
|
|
border-bottom-left-radius: inherit;
|
|
-webkit-border-bottom-right-radius: inherit;
|
|
border-bottom-right-radius: inherit;
|
|
}
|
|
.ui-controlgroup-horizontal .ui-btn.ui-first-child {
|
|
-webkit-border-top-left-radius: inherit;
|
|
border-top-left-radius: inherit;
|
|
-webkit-border-bottom-left-radius: inherit;
|
|
border-bottom-left-radius: inherit;
|
|
}
|
|
.ui-controlgroup-horizontal .ui-btn.ui-last-child {
|
|
-webkit-border-top-right-radius: inherit;
|
|
border-top-right-radius: inherit;
|
|
-webkit-border-bottom-right-radius: inherit;
|
|
border-bottom-right-radius: inherit;
|
|
} |