mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update metadata editor
This commit is contained in:
Luke Pulverenti
parent
c08a709ad1
commit
0db16cad5a
44 changed files with 1125 additions and 438 deletions
3
dashboard-ui/thirdparty/emby-icons.html
vendored
3
dashboard-ui/thirdparty/emby-icons.html
vendored
|
|
@ -133,6 +133,9 @@ See [iron-iconset](#iron-iconset) and [iron-iconset-svg](#iron-iconset-svg) for
|
|||
<g id="wifi"><path d="M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3c-1.65-1.66-4.34-1.66-6 0zm-4-4l2 2c2.76-2.76 7.24-2.76 10 0l2-2C15.14 9.14 8.87 9.14 5 13z" /></g>
|
||||
<g id="ondemand-video"><path d="M21 3H3c-1.11 0-2 .89-2 2v12c0 1.1.89 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.11-.9-2-2-2zm0 14H3V5h18v12zm-5-6l-7 4V7z" /></g>
|
||||
<g id="closed-caption"><path d="M19 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-8 7H9.5v-.5h-2v3h2V13H11v1c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1zm7 0h-1.5v-.5h-2v3h2V13H18v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1z" /></g>
|
||||
<g id="sync"><path d="M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z" /></g>
|
||||
<g id="sync-disabled"><path d="M10 6.35V4.26c-.8.21-1.55.54-2.23.96l1.46 1.46c.25-.12.5-.24.77-.33zm-7.14-.94l2.36 2.36C4.45 8.99 4 10.44 4 12c0 2.21.91 4.2 2.36 5.64L4 20h6v-6l-2.24 2.24C6.68 15.15 6 13.66 6 12c0-1 .25-1.94.68-2.77l8.08 8.08c-.25.13-.5.25-.77.34v2.09c.8-.21 1.55-.54 2.23-.96l2.36 2.36 1.27-1.27L4.14 4.14 2.86 5.41zM20 4h-6v6l2.24-2.24C17.32 8.85 18 10.34 18 12c0 1-.25 1.94-.68 2.77l1.46 1.46C19.55 15.01 20 13.56 20 12c0-2.21-.91-4.2-2.36-5.64L20 4z" /></g>
|
||||
<g id="sync-problem"><path d="M3 12c0 2.21.91 4.2 2.36 5.64L3 20h6v-6l-2.24 2.24C5.68 15.15 5 13.66 5 12c0-2.61 1.67-4.83 4-5.65V4.26C5.55 5.15 3 8.27 3 12zm8 5h2v-2h-2v2zM21 4h-6v6l2.24-2.24C18.32 8.85 19 10.34 19 12c0 2.61-1.67 4.83-4 5.65v2.09c3.45-.89 6-4.01 6-7.74 0-2.21-.91-4.2-2.36-5.64L21 4zm-10 9h2V7h-2v6z" /></g>
|
||||
</defs>
|
||||
</svg>
|
||||
</iron-iconset-svg>
|
||||
|
|
|
|||
|
|
@ -1,238 +1,266 @@
|
|||
/* Panel */
|
||||
.ui-panel {
|
||||
width: 17em;
|
||||
min-height: 100%;
|
||||
max-height: none;
|
||||
border-width: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
display: block;
|
||||
width: 17em;
|
||||
min-height: 100%;
|
||||
max-height: none;
|
||||
border-width: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ui-panel-closed {
|
||||
width: 0;
|
||||
max-height: 100%;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
left: 0;
|
||||
clip: rect(1px,1px,1px,1px);
|
||||
width: 0;
|
||||
max-height: 100%;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
left: 0;
|
||||
clip: rect(1px,1px,1px,1px);
|
||||
}
|
||||
|
||||
.ui-panel-fixed {
|
||||
position: fixed;
|
||||
bottom: -1px; /* Fixes gap on Chrome for Android */
|
||||
padding-bottom: 1px;
|
||||
position: fixed;
|
||||
bottom: -1px; /* Fixes gap on Chrome for Android */
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
.ui-panel-display-reveal {
|
||||
z-index: 1;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.ui-panel-display-push {
|
||||
z-index: 999;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.ui-panel-display-overlay {
|
||||
z-index: 1001; /* Fixed toolbars have z-index 1000 */
|
||||
z-index: 1001; /* Fixed toolbars have z-index 1000 */
|
||||
}
|
||||
|
||||
.ui-panel-inner {
|
||||
padding: 1em;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
/* Container, page and wrapper */
|
||||
.ui-panel-page-container {
|
||||
overflow-x: visible;
|
||||
overflow-x: visible;
|
||||
}
|
||||
|
||||
.ui-panel-page-container-themed .ui-page-active {
|
||||
background: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.ui-panel-wrapper {
|
||||
position: relative;
|
||||
min-height: inherit;
|
||||
border: 0;
|
||||
overflow-x: hidden;
|
||||
z-index: 999;
|
||||
position: relative;
|
||||
min-height: inherit;
|
||||
border: 0;
|
||||
overflow-x: hidden;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
/* Fixed toolbars */
|
||||
.ui-panel-fixed-toolbar {
|
||||
overflow-x: hidden;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
/* Dismiss */
|
||||
.ui-panel-dismiss {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
z-index: 1002;
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
z-index: 1002;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ui-panel-dismiss-open {
|
||||
display: block;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Animate class is added to panel, wrapper and fixed toolbars */
|
||||
.ui-panel-animate {
|
||||
-webkit-transition: -webkit-transform 300ms ease;
|
||||
-webkit-transition-duration: 300ms;
|
||||
-moz-transition: -moz-transform 300ms ease;
|
||||
transition: transform 300ms ease;
|
||||
-webkit-transition: -webkit-transform 300ms ease;
|
||||
-webkit-transition-duration: 300ms;
|
||||
-moz-transition: -moz-transform 300ms ease;
|
||||
transition: transform 300ms ease;
|
||||
}
|
||||
|
||||
/* Fix for Windows Phone issue #6349: unset the transition for transforms in case of fixed toolbars. */
|
||||
@media screen and ( max-device-width: 768px ) {
|
||||
.ui-page-header-fixed .ui-panel-animate.ui-panel-wrapper,
|
||||
.ui-page-footer-fixed .ui-panel-animate.ui-panel-wrapper,
|
||||
.ui-panel-animate.ui-panel-fixed-toolbar {
|
||||
-ms-transition: none;
|
||||
}
|
||||
/* We need a transitionend event ... */
|
||||
.ui-panel-animate.ui-panel-fixed-toolbar {
|
||||
-ms-transition: -ms-transform 1ms;
|
||||
-ms-transform: rotate(0deg);
|
||||
}
|
||||
.ui-page-header-fixed .ui-panel-animate.ui-panel-wrapper,
|
||||
.ui-page-footer-fixed .ui-panel-animate.ui-panel-wrapper,
|
||||
.ui-panel-animate.ui-panel-fixed-toolbar {
|
||||
-ms-transition: none;
|
||||
}
|
||||
/* We need a transitionend event ... */
|
||||
.ui-panel-animate.ui-panel-fixed-toolbar {
|
||||
-ms-transition: -ms-transform 1ms;
|
||||
-ms-transform: rotate(0deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* Hardware acceleration for smoother transitions on WebKit browsers */
|
||||
.ui-panel-animate.ui-panel:not(.ui-panel-display-reveal) {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
}
|
||||
|
||||
/* Panel positioning (for overlay and push) */
|
||||
/* Panel left closed */
|
||||
.ui-panel-position-left {
|
||||
left: -17em;
|
||||
left: -17em;
|
||||
}
|
||||
/* Panel left closed animated */
|
||||
.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
|
||||
.ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
|
||||
left: 0;
|
||||
-webkit-transform: translate3d(-17em,0,0);
|
||||
-moz-transform: translate3d(-17em,0,0);
|
||||
transform: translate3d(-17em,0,0);
|
||||
left: 0;
|
||||
-webkit-transform: translate3d(-17em,0,0);
|
||||
-moz-transform: translate3d(-17em,0,0);
|
||||
transform: translate3d(-17em,0,0);
|
||||
}
|
||||
/* Panel left open */
|
||||
.ui-panel-position-left.ui-panel-display-reveal, /* Unset "panel left closed" for reveal */
|
||||
.ui-panel-open.ui-panel-position-left {
|
||||
left: 0;
|
||||
left: 0;
|
||||
}
|
||||
/* Panel left open animated */
|
||||
.ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-overlay,
|
||||
.ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-push {
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
transform: translate3d(0,0,0);
|
||||
-moz-transform: none;
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
transform: translate3d(0,0,0);
|
||||
-moz-transform: none;
|
||||
}
|
||||
/* Panel right closed */
|
||||
.ui-panel-position-right {
|
||||
right: -17em;
|
||||
right: -17em;
|
||||
}
|
||||
/* Panel right closed animated */
|
||||
.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
|
||||
.ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
|
||||
right: 0;
|
||||
-webkit-transform: translate3d(17em,0,0);
|
||||
-moz-transform: translate3d(17em,0,0);
|
||||
transform: translate3d(17em,0,0);
|
||||
right: 0;
|
||||
-webkit-transform: translate3d(17em,0,0);
|
||||
-moz-transform: translate3d(17em,0,0);
|
||||
transform: translate3d(17em,0,0);
|
||||
}
|
||||
/* Panel right open */
|
||||
.ui-panel-position-right.ui-panel-display-reveal, /* Unset "panel right closed" for reveal */
|
||||
.ui-panel-position-right.ui-panel-open {
|
||||
right: 0;
|
||||
right: 0;
|
||||
}
|
||||
/* Panel right open animated */
|
||||
.ui-panel-animate.ui-panel-open.ui-panel-position-right.ui-panel-display-overlay,
|
||||
.ui-panel-animate.ui-panel-open.ui-panel-position-right.ui-panel-display-push {
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
transform: translate3d(0,0,0);
|
||||
-moz-transform: none;
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
transform: translate3d(0,0,0);
|
||||
-moz-transform: none;
|
||||
}
|
||||
|
||||
/* Wrapper and fixed toolbars positioning (for reveal and push) */
|
||||
/* Panel left open */
|
||||
.ui-panel-page-content-position-left {
|
||||
left: 17em;
|
||||
right: -17em;
|
||||
left: 17em;
|
||||
right: -17em;
|
||||
}
|
||||
/* Panel left open animated */
|
||||
.ui-panel-animate.ui-panel-page-content-position-left {
|
||||
left: 0;
|
||||
right: 0;
|
||||
-webkit-transform: translate3d(17em,0,0);
|
||||
-moz-transform: translate3d(17em,0,0);
|
||||
transform: translate3d(17em,0,0);
|
||||
left: 0;
|
||||
right: 0;
|
||||
-webkit-transform: translate3d(17em,0,0);
|
||||
-moz-transform: translate3d(17em,0,0);
|
||||
transform: translate3d(17em,0,0);
|
||||
}
|
||||
/* Panel right open */
|
||||
.ui-panel-page-content-position-right {
|
||||
left: -17em;
|
||||
right: 17em;
|
||||
left: -17em;
|
||||
right: 17em;
|
||||
}
|
||||
/* Panel right open animated */
|
||||
.ui-panel-animate.ui-panel-page-content-position-right {
|
||||
left: 0;
|
||||
right: 0;
|
||||
-webkit-transform: translate3d(-17em,0,0);
|
||||
-moz-transform: translate3d(-17em,0,0);
|
||||
transform: translate3d(-17em,0,0);
|
||||
left: 0;
|
||||
right: 0;
|
||||
-webkit-transform: translate3d(-17em,0,0);
|
||||
-moz-transform: translate3d(-17em,0,0);
|
||||
transform: translate3d(-17em,0,0);
|
||||
}
|
||||
|
||||
/* Dismiss model open */
|
||||
.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
|
||||
left: 17em;
|
||||
left: 17em;
|
||||
}
|
||||
|
||||
.ui-panel-dismiss-open.ui-panel-dismiss-position-right {
|
||||
right: 17em;
|
||||
right: 17em;
|
||||
}
|
||||
|
||||
/* Shadows and borders */
|
||||
.ui-panel-display-reveal {
|
||||
-webkit-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
|
||||
-moz-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
|
||||
box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
|
||||
-webkit-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
|
||||
-moz-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
|
||||
box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
|
||||
}
|
||||
|
||||
.ui-panel-position-right.ui-panel-display-reveal {
|
||||
-webkit-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
|
||||
-moz-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
|
||||
box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
|
||||
-webkit-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
|
||||
-moz-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
|
||||
box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
|
||||
}
|
||||
|
||||
.ui-panel-display-overlay {
|
||||
-webkit-box-shadow: 5px 0 5px rgba(0,0,0,.15);
|
||||
-moz-box-shadow: 5px 0 5px rgba(0,0,0,.15);
|
||||
box-shadow: 5px 0 5px rgba(0,0,0,.15);
|
||||
-webkit-box-shadow: 5px 0 5px rgba(0,0,0,.15);
|
||||
-moz-box-shadow: 5px 0 5px rgba(0,0,0,.15);
|
||||
box-shadow: 5px 0 5px rgba(0,0,0,.15);
|
||||
}
|
||||
|
||||
.ui-panel-position-right.ui-panel-display-overlay {
|
||||
-webkit-box-shadow: -5px 0 5px rgba(0,0,0,.15);
|
||||
-moz-box-shadow: -5px 0 5px rgba(0,0,0,.15);
|
||||
box-shadow: -5px 0 5px rgba(0,0,0,.15);
|
||||
-webkit-box-shadow: -5px 0 5px rgba(0,0,0,.15);
|
||||
-moz-box-shadow: -5px 0 5px rgba(0,0,0,.15);
|
||||
box-shadow: -5px 0 5px rgba(0,0,0,.15);
|
||||
}
|
||||
|
||||
.ui-panel-open.ui-panel-position-left.ui-panel-display-push {
|
||||
border-right-width: 1px;
|
||||
margin-right: -1px;
|
||||
border-right-width: 1px;
|
||||
margin-right: -1px;
|
||||
}
|
||||
|
||||
.ui-panel-page-content-position-left.ui-panel-page-content-display-push {
|
||||
margin-left: 1px;
|
||||
width: auto;
|
||||
margin-left: 1px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.ui-panel-open.ui-panel-position-right.ui-panel-display-push {
|
||||
border-left-width: 1px;
|
||||
margin-left: -1px;
|
||||
border-left-width: 1px;
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
.ui-panel-page-content-position-right.ui-panel-page-content-display-push {
|
||||
margin-right: 1px;
|
||||
width: auto;
|
||||
margin-right: 1px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
/* Responsive: wrap on wide viewports once open */
|
||||
@media (min-width:55em) {
|
||||
.ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-left {
|
||||
margin-right: 17em;
|
||||
}
|
||||
.ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-right {
|
||||
margin-left: 17em;
|
||||
}
|
||||
.ui-responsive-panel .ui-panel-page-content-open {
|
||||
width: auto;
|
||||
}
|
||||
.ui-responsive-panel .ui-panel-dismiss-display-push,
|
||||
.ui-responsive-panel.ui-page-active ~ .ui-panel-dismiss-display-push {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-left {
|
||||
margin-right: 17em;
|
||||
}
|
||||
|
||||
.ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-right {
|
||||
margin-left: 17em;
|
||||
}
|
||||
|
||||
.ui-responsive-panel .ui-panel-page-content-open {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.ui-responsive-panel .ui-panel-dismiss-display-push,
|
||||
.ui-responsive-panel.ui-page-active ~ .ui-panel-dismiss-display-push {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-body-a.ui-panel {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.ui-body-b.ui-panel {
|
||||
background-color: #222;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -31,33 +31,6 @@ div.ui-controlgroup-label {
|
|||
font-size: 16px;
|
||||
}
|
||||
|
||||
/* Separators
|
||||
-----------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
/* Table opt-in classes: strokes between each row, and alternating row stripes */
|
||||
/* Classes table-stroke and table-stripe are deprecated in 1.4. */
|
||||
.table-stroke thead th,
|
||||
.table-stripe thead th,
|
||||
.table-stripe tbody tr:last-child {
|
||||
border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
|
||||
border-bottom: 1px solid rgba(0,0,0,.1);
|
||||
}
|
||||
.table-stroke tbody th,
|
||||
.table-stroke tbody td {
|
||||
border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback */
|
||||
border-bottom: 1px solid rgba(0,0,0,.05);
|
||||
}
|
||||
.table-stripe.table-stroke tbody tr:last-child th,
|
||||
.table-stripe.table-stroke tbody tr:last-child td {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.table-stripe tbody tr:nth-child(odd) td,
|
||||
.table-stripe tbody tr:nth-child(odd) th {
|
||||
background-color: #eeeeee; /* non-RGBA fallback */
|
||||
background-color: rgba(0,0,0,.04);
|
||||
}
|
||||
|
||||
/* Buttons
|
||||
-----------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
|
|
@ -224,7 +197,6 @@ html body .ui-group-theme-a .ui-bar-inherit {
|
|||
}
|
||||
|
||||
/* Page and overlay */
|
||||
.ui-body-a,
|
||||
.ui-page-theme-a .ui-panel-wrapper {
|
||||
background-color: #f9f9f9 /*{a-page-background-color}*/;
|
||||
border-color: #bbb /*{a-page-border}*/;
|
||||
|
|
@ -232,7 +204,6 @@ html body .ui-group-theme-a .ui-bar-inherit {
|
|||
}
|
||||
|
||||
/* Body: Read-only lists, text inputs, collapsible content */
|
||||
.ui-body-a,
|
||||
.ui-page-theme-a .ui-body-inherit,
|
||||
html .ui-bar-a .ui-body-inherit,
|
||||
html .ui-body-a .ui-body-inherit,
|
||||
|
|
@ -370,7 +341,6 @@ html body .ui-group-theme-b .ui-bar-inherit {
|
|||
}
|
||||
|
||||
/* Page and overlay */
|
||||
.ui-body-b,
|
||||
.ui-page-theme-b .ui-panel-wrapper {
|
||||
background-color: #252525 /*{b-page-background-color}*/;
|
||||
border-color: #454545 /*{b-page-border}*/;
|
||||
|
|
@ -378,7 +348,6 @@ html body .ui-group-theme-b .ui-bar-inherit {
|
|||
}
|
||||
|
||||
/* Body: Read-only lists, text inputs, collapsible content */
|
||||
.ui-body-b,
|
||||
.ui-page-theme-b .ui-body-inherit,
|
||||
html .ui-bar-b .ui-body-inherit,
|
||||
html .ui-body-b .ui-body-inherit,
|
||||
|
|
@ -390,29 +359,17 @@ html .ui-panel-page-container-b {
|
|||
}
|
||||
|
||||
/* Links */
|
||||
.ui-page-theme-b a,
|
||||
html .ui-bar-b a,
|
||||
html .ui-body-b a,
|
||||
html body .ui-group-theme-b a {
|
||||
.ui-body-b a {
|
||||
color: #22aadd /*{b-link-color}*/;
|
||||
font-weight: bold;
|
||||
}
|
||||
.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 {
|
||||
.ui-body-b a:visited {
|
||||
color: #22aadd /*{b-link-visited}*/;
|
||||
}
|
||||
.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 {
|
||||
.ui-body-b a:hover {
|
||||
color: #0088bb /*{b-link-hover}*/;
|
||||
}
|
||||
.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 {
|
||||
.ui-body-b a:active {
|
||||
color: #0088bb /*{b-link-active}*/;
|
||||
}
|
||||
|
||||
|
|
@ -494,27 +451,4 @@ html head + body .ui-body-b.ui-focus {
|
|||
-webkit-box-shadow: 0 0 12px #22aadd /*{b-active-background-color}*/;
|
||||
-moz-box-shadow: 0 0 12px #22aadd /*{b-active-background-color}*/;
|
||||
box-shadow: 0 0 12px #22aadd /*{b-active-background-color}*/;
|
||||
}
|
||||
|
||||
/* Structure */
|
||||
|
||||
/* Disabled
|
||||
-----------------------------------------------------------------------------------------------------------*/
|
||||
/* Class ui-disabled deprecated in 1.4. :disabled not supported by IE8 so we use [disabled] */
|
||||
|
||||
.ui-disabled,
|
||||
.ui-state-disabled,
|
||||
button[disabled] {
|
||||
filter: Alpha(Opacity=30);
|
||||
opacity: .3;
|
||||
cursor: default !important;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* Focus state outline
|
||||
-----------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.ui-btn:focus,
|
||||
.ui-btn.ui-focus {
|
||||
outline: 0;
|
||||
}
|
||||
28
dashboard-ui/thirdparty/paper-button-style.css
vendored
28
dashboard-ui/thirdparty/paper-button-style.css
vendored
|
|
@ -106,7 +106,7 @@ paper-button[raised].cancelDark {
|
|||
color: #fff;
|
||||
}
|
||||
|
||||
.ui-body-b paper-button[raised][disabled].subdued {
|
||||
.ui-body-b paper-button[raised][disabled].subduedd {
|
||||
background: #111;
|
||||
}
|
||||
|
||||
|
|
@ -379,12 +379,16 @@ paper-menu-item {
|
|||
color: inherit;
|
||||
}
|
||||
|
||||
.ui-body-a .paperCheckboxFieldDescription {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.ui-body-b .paperCheckboxFieldDescription {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.ui-body-b paper-checkbox #checkbox.paper-checkbox {
|
||||
border-color: #ccc;
|
||||
border-color: #eee;
|
||||
}
|
||||
|
||||
.ui-body-b paper-checkbox #checkbox.checked.paper-checkbox {
|
||||
|
|
@ -402,24 +406,24 @@ paper-input label, paper-textarea label {
|
|||
font-family: inherit !important;
|
||||
}
|
||||
|
||||
.ui-body-b paper-input label, .ui-body-b paper-textarea label {
|
||||
color: #858585 !important;
|
||||
.ui-body-b .paper-input-container-0 .input-content.paper-input-container label, .ui-body-b .paper-input-container-0 .input-content.paper-input-container .paper-input-label, .ui-body-b paper-textarea label {
|
||||
color: #858585;
|
||||
}
|
||||
|
||||
.ui-body-a paper-input label, .ui-body-a paper-textarea label {
|
||||
color: #656565 !important;
|
||||
.ui-body-a .paper-input-container-0 .input-content.paper-input-container label, .ui-body-a .paper-input-container-0 .input-content.paper-input-container .paper-input-label, .ui-body-a paper-textarea label {
|
||||
color: #656565;
|
||||
}
|
||||
|
||||
.ui-body-a .label-is-highlighted label {
|
||||
color: green !important;
|
||||
.ui-body-a .paper-input-container-0 .input-content.label-is-highlighted.paper-input-container label, .ui-body-a .paper-input-container-0 .input-content.label-is-highlighted.paper-input-container .paper-input-label {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.ui-body-b .label-is-highlighted label {
|
||||
color: #52B54B !important;
|
||||
.ui-body-b .paper-input-container-0 .input-content.label-is-highlighted.paper-input-container label, .ui-body-b .paper-input-container-0 .input-content.label-is-highlighted.paper-input-container .paper-input-label {
|
||||
color: #52B54B;
|
||||
}
|
||||
|
||||
.ui-body-b paper-input input, .ui-body-b paper-textarea textarea {
|
||||
color: #fff !important;
|
||||
.ui-body-b .paper-input-container-0 .input-content.paper-input-container input, .ui-body-b .paper-input-container-0 .input-content.paper-input-container textarea, .ui-body-b .paper-input-container-0 .input-content.paper-input-container iron-autogrow-textarea, .ui-body-b .paper-input-container-0 .input-content.paper-input-container .paper-input-input {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
paper-input .focused-line, paper-textarea .focused-line {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue