milas/jellyfish-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Beautified CSS in web dashboard

Browse source
This commit is contained in:
Vasily 2018-10-23 01:13:23 +03:00
parent 6bfd795635
commit 78eeb99284
82 changed files with 15711 additions and 82 deletions
Download patch file Download diff file Expand all files Collapse all files

223
dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.css vendored
View file

@ -1 +1,222 @@
.emby-button,.fab{-webkit-box-sizing:border-box;-webkit-box-align:center}.button-flat,.button-link{background:0 0}.emby-button,.paper-icon-button-light{text-align:center;font-family:inherit;color:inherit;outline:0!important;-webkit-tap-highlight-color:transparent;position:relative}.emby-button{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;box-sizing:border-box;margin:0 .29em;font-size:inherit;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;cursor:pointer;z-index:0;padding:.86em 1em;border:0;vertical-align:middle;-webkit-border-radius:.2em;border-radius:.2em;font-weight:600;text-decoration:none;line-height:1.35}.emby-button::-moz-focus-inner{border:0}.button-flat:hover{opacity:.5}.button-link{margin:0;padding:0;vertical-align:initial}.button-link-inline{display:inline}.button-link:hover{text-decoration:underline}.emby-button-focusscale{-webkit-transition:-webkit-transform 180ms ease-out!important;-o-transition:transform 180ms ease-out!important;transition:transform 180ms ease-out!important;-webkit-transform-origin:center center;transform-origin:center center}.emby-button-focusscale:focus{-webkit-transform:scale(1.16);transform:scale(1.16);z-index:1}.emby-button>i{font-size:1.36em}.button-link>i{font-size:1em}.fab{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-border-radius:50%;border-radius:50%;padding:.6em;box-sizing:border-box;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.emby-button.block{display:block;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin:.25em 0;width:100%}.paper-icon-button-light{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 .29em;background:0 0;font-size:inherit;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;cursor:pointer;z-index:0;min-width:initial;min-height:initial;width:auto;height:auto;padding:.556em;border:0;vertical-align:middle;overflow:hidden;-webkit-border-radius:50%;border-radius:50%;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.paper-icon-button-light::-moz-focus-inner{border:0}.paper-icon-button-light[disabled]{opacity:.3}.paper-icon-button-light>i{font-size:1.66956521739130434em;position:relative;z-index:1;vertical-align:middle}.paper-icon-button-light>img{width:1.72em;max-height:100%;position:relative;z-index:1;vertical-align:middle}.emby-button-foreground{position:relative;z-index:1}.icon-button-focusscale{-webkit-transition:-webkit-transform 180ms ease-out!important;-o-transition:transform 180ms ease-out!important;transition:transform 180ms ease-out!important;-webkit-transform-origin:center center;transform-origin:center center}.icon-button-focusscale:focus{-webkit-transform:scale(1.3);transform:scale(1.3);z-index:1}.btnFilterWithBubble{position:relative}.filterButtonBubble{color:#fff;position:absolute;top:0;right:0;width:1.6em;height:1.6em;z-index:100000000;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-size:82%;-webkit-border-radius:100em;border-radius:100em;-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);background:#03A9F4;font-weight:700}
.emby-button,
.fab {
-webkit-box-sizing: border-box;
-webkit-box-align: center
}
.button-flat,
.button-link {
background: 0 0
}
.emby-button,
.paper-icon-button-light {
text-align: center;
font-family: inherit;
color: inherit;
outline: 0 !important;
-webkit-tap-highlight-color: transparent;
position: relative
}
.emby-button {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-align-items: center;
align-items: center;
box-sizing: border-box;
margin: 0 .29em;
font-size: inherit;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
cursor: pointer;
z-index: 0;
padding: .86em 1em;
border: 0;
vertical-align: middle;
-webkit-border-radius: .2em;
border-radius: .2em;
font-weight: 600;
text-decoration: none;
line-height: 1.35
}
.emby-button::-moz-focus-inner {
border: 0
}
.button-flat:hover {
opacity: .5
}
.button-link {
margin: 0;
padding: 0;
vertical-align: initial
}
.button-link-inline {
display: inline
}
.button-link:hover {
text-decoration: underline
}
.emby-button-focusscale {
-webkit-transition: -webkit-transform 180ms ease-out !important;
-o-transition: transform 180ms ease-out !important;
transition: transform 180ms ease-out !important;
-webkit-transform-origin: center center;
transform-origin: center center
}
.emby-button-focusscale:focus {
-webkit-transform: scale(1.16);
transform: scale(1.16);
z-index: 1
}
.emby-button>i {
font-size: 1.36em
}
.button-link>i {
font-size: 1em
}
.fab {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-border-radius: 50%;
border-radius: 50%;
padding: .6em;
box-sizing: border-box;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
text-align: center
}
.emby-button.block {
display: block;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin: .25em 0;
width: 100%
}
.paper-icon-button-light {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 .29em;
background: 0 0;
font-size: inherit;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
cursor: pointer;
z-index: 0;
min-width: initial;
min-height: initial;
width: auto;
height: auto;
padding: .556em;
border: 0;
vertical-align: middle;
overflow: hidden;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.paper-icon-button-light::-moz-focus-inner {
border: 0
}
.paper-icon-button-light[disabled] {
opacity: .3
}
.paper-icon-button-light>i {
font-size: 1.66956521739130434em;
position: relative;
z-index: 1;
vertical-align: middle
}
.paper-icon-button-light>img {
width: 1.72em;
max-height: 100%;
position: relative;
z-index: 1;
vertical-align: middle
}
.emby-button-foreground {
position: relative;
z-index: 1
}
.icon-button-focusscale {
-webkit-transition: -webkit-transform 180ms ease-out !important;
-o-transition: transform 180ms ease-out !important;
transition: transform 180ms ease-out !important;
-webkit-transform-origin: center center;
transform-origin: center center
}
.icon-button-focusscale:focus {
-webkit-transform: scale(1.3);
transform: scale(1.3);
z-index: 1
}
.btnFilterWithBubble {
position: relative
}
.filterButtonBubble {
color: #fff;
position: absolute;
top: 0;
right: 0;
width: 1.6em;
height: 1.6em;
z-index: 100000000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
font-size: 82%;
-webkit-border-radius: 100em;
border-radius: 100em;
-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
background: #03A9F4;
font-weight: 700
}