jellyfin-web/dashboard-ui/thirdparty/paper-button-style.css
2016-08-03 00:30:22 -04:00

217 lines
3.8 KiB
CSS

button[is="emby-button"]:not(.fab).blue {
color: #03a9f4;
}
button[is="emby-button"]:not(.fab).blue:hover {
background: #e1f5f3;
}
button[is="emby-button"].fab.blue {
background: #03a9f4;
}
button[is="emby-button"].menuButton {
color: #212121;
text-align: left;
}
button[is="emby-button"].menuButton:hover {
background: #e1f5f3;
}
button[is="emby-button"].submit {
color: #52B54B;
}
button[is="emby-button"].raised.submit, button[is="emby-button"].raised:not(.subdued):not(.cancel) {
background: #52B54B;
color: #fff;
}
button[is="emby-button"].more {
color: #EC407A;
}
button[is="emby-button"].raised.more {
background: #EC407A;
color: #fff;
}
button[is="emby-button"].secondary {
color: #4285f4;
}
button[is="emby-button"].raised.secondary {
background: #4285f4;
color: #fff;
}
button[is="emby-button"].accent {
color: #52B54B;
}
button[is="emby-button"].raised.accent {
background: #52B54B;
color: #fff;
}
button[is="emby-button"].alt {
color: #F57F17;
}
button[is="emby-button"].raised.alt {
background: #F57F17;
color: #fff;
}
.ui-body-b button[is="emby-button"].cancel {
color: #444;
}
.ui-body-b button[is="emby-button"].raised.cancel {
background: #444;
color: #fff;
}
button[is="emby-button"].cancelDark {
color: #444;
}
button[is="emby-button"].raised.cancelDark {
background: #444;
color: #fff;
}
.ui-body-b button[is="emby-button"].subdued:not([disabled]) {
color: #404040;
}
.ui-body-b button[is="emby-button"].raised.subdued:not([disabled]) {
background: #404040;
color: #fff;
}
.ui-body-b button[is="emby-button"].raised[disabled].subduedd {
background: #111;
}
button[is="emby-button"] span {
vertical-align: middle;
}
button[is="emby-button"].iconRight iron-icon {
position: absolute;
right: 5px;
top: 5px;
}
.clearButton {
background: transparent;
border: 0;
padding: 0;
cursor: pointer;
outline: none;
color: inherit;
width: 100%;
vertical-align: middle;
font-family: inherit;
font-weight: inherit;
}
.clearLink {
text-decoration: none;
font-weight: inherit !important;
vertical-align: middle;
color: inherit !important;
}
button[is="emby-button"].mini:not(.fab) {
padding: 0.4em 0.7em;
}
button[is="emby-button"].mini:not(.fab) iron-icon {
height: 20px;
width: 20px;
}
button[is="emby-button"].notext {
min-width: 2.8em;
padding-left: .25em !important;
padding-right: .25em !important;
}
button[is="emby-button"].notext iron-icon {
margin-right: 0;
}
.fab.green {
background-color: #81c784 !important;
}
.fab.orange {
background-color: #ffd54f !important;
}
.fab.red {
background-color: #e57373 !important;
}
.ui-body-b .paperListLabel, .ui-body-b .fieldDescription, .ui-body-b .selectLabelUnfocused, .ui-body-b .inputLabelUnfocused, .ui-body-b .textareaLabelUnfocused {
color: #ccc;
}
.ui-body-b .paperList {
background-color: #2b2b2b;
}
div.dialogHeader {
padding: .35em .5em;
display: flex;
align-items: center;
line-height: normal;
font-size: 110%;
}
.ui-body-a div.dialogHeader {
background-color: #52B54B;
color: #fff;
}
.ui-body-a .dialogHeader a {
color: #fff !important;
text-transform: uppercase;
}
.ui-body-b div.dialogHeader {
background-color: #101010;
}
.dialogHeaderTitle {
margin-left: .75em;
}
.dialog.popupEditor h2.dialogHeader {
font-weight: inherit !important;
line-height: 36px;
padding: 0 1em;
margin-top: .7em;
}
.dialogHeader button {
margin-top: 0;
margin-bottom: 0;
}
.dialog.popupEditor {
padding-bottom: 100px;
}
.formDialog.background-theme-b {
background-color: #181818;
}
.ui-body-b .listItem .secondary {
color: #aaa;
}