Skip to content
This repository was archived by the owner on Dec 25, 2018. It is now read-only.

Commit 1d8bb03

Browse files
JustAManJustAMan
committed
Beautified CSS in web dashboard
1 parent 835ad07 commit 1d8bb03

File tree

82 files changed

+15711
-82
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

82 files changed

+15711
-82
lines changed

‎MediaBrowser.WebDashboard/dashboard-ui/bower_components/Swiper/dist/css/swiper.min.css‎

Lines changed: 568 additions & 1 deletion
Large diffs are not rendered by default.

‎MediaBrowser.WebDashboard/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.css‎

Lines changed: 158 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,158 @@
1-
.actionSheet,.actionSheetContent{display:-webkit-box;display:-webkit-flex}.actionSheetContent,.actionSheetScroller{-webkit-box-orient:vertical;-webkit-box-direction:normal}.actionSheet{display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:0;border:none;max-height:84%;-webkit-border-radius:.1em!important;border-radius:.1em!important}.actionsheet-not-fullscreen{max-width:90%;max-height:90%}.actionsheet-fullscreen{max-height:none;-webkit-border-radius:0!important;border-radius:0!important}.actionSheetContent-centered{text-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.actionSheetContent{margin:0!important;padding:.4em 0!important;-webkit-flex-direction:column;flex-direction:column;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;overflow:hidden}.actionSheetMenuItem{font-weight:inherit;-webkit-box-shadow:none;box-shadow:none;-webkit-flex-shrink:0;flex-shrink:0}.actionSheetMenuItem:focus{-webkit-transform:none!important;transform:none!important}.actionsheetListItemBody{padding:.4em 1em .4em .6em!important}.actionSheetItemText{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;vertical-align:middle;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.actionSheetItemAsideText{opacity:.7;font-size:90%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-flex-shrink:0;flex-shrink:0;margin-left:5em;margin-right:.5em}.actionSheetScroller{margin-bottom:0!important;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%}.actionSheetScroller-tv{max-height:64%;max-width:60%;width:auto}.actionsheetDivider{height:.07em;margin:.25em 0;-webkit-flex-shrink:0;flex-shrink:0}.actionSheetTitle{margin:.6em 0 .7em!important;padding:0 .9em;-webkit-box-flex:0;-webkit-flex-grow:0;flex-grow:0}.actionSheetText{padding:0 1em;-webkit-box-flex:0;-webkit-flex-grow:0;flex-grow:0}.actionsheetMenuItemIcon{margin:0 .85em 0 .45em!important;padding:0!important}.actionsheet-xlargeFont{font-size:112%!important}.btnCloseActionSheet{position:fixed;top:.75em;left:.5em}
1+
.actionSheet,
2+
.actionSheetContent {
3+
display: -webkit-box;
4+
display: -webkit-flex
5+
}
6+
7+
.actionSheetContent,
8+
.actionSheetScroller {
9+
-webkit-box-orient: vertical;
10+
-webkit-box-direction: normal
11+
}
12+
13+
.actionSheet {
14+
display: flex;
15+
-webkit-box-pack: center;
16+
-webkit-justify-content: center;
17+
justify-content: center;
18+
padding: 0;
19+
border: none;
20+
max-height: 84%;
21+
-webkit-border-radius: .1em !important;
22+
border-radius: .1em !important
23+
}
24+
25+
.actionsheet-not-fullscreen {
26+
max-width: 90%;
27+
max-height: 90%
28+
}
29+
30+
.actionsheet-fullscreen {
31+
max-height: none;
32+
-webkit-border-radius: 0 !important;
33+
border-radius: 0 !important
34+
}
35+
36+
.actionSheetContent-centered {
37+
text-align: center;
38+
-webkit-box-align: center;
39+
-webkit-align-items: center;
40+
align-items: center
41+
}
42+
43+
.actionSheetContent {
44+
margin: 0 !important;
45+
padding: .4em 0 !important;
46+
-webkit-flex-direction: column;
47+
flex-direction: column;
48+
display: flex;
49+
-webkit-box-pack: center;
50+
-webkit-justify-content: center;
51+
justify-content: center;
52+
-webkit-box-flex: 1;
53+
-webkit-flex-grow: 1;
54+
flex-grow: 1;
55+
overflow: hidden
56+
}
57+
58+
.actionSheetMenuItem {
59+
font-weight: inherit;
60+
-webkit-box-shadow: none;
61+
box-shadow: none;
62+
-webkit-flex-shrink: 0;
63+
flex-shrink: 0
64+
}
65+
66+
.actionSheetMenuItem:focus {
67+
-webkit-transform: none !important;
68+
transform: none !important
69+
}
70+
71+
.actionsheetListItemBody {
72+
padding: .4em 1em .4em .6em !important
73+
}
74+
75+
.actionSheetItemText {
76+
white-space: nowrap;
77+
overflow: hidden;
78+
-o-text-overflow: ellipsis;
79+
text-overflow: ellipsis;
80+
vertical-align: middle;
81+
-webkit-box-flex: 1;
82+
-webkit-flex-grow: 1;
83+
flex-grow: 1;
84+
display: -webkit-box;
85+
display: -webkit-flex;
86+
display: flex;
87+
-webkit-box-pack: start;
88+
-webkit-justify-content: flex-start;
89+
justify-content: flex-start
90+
}
91+
92+
.actionSheetItemAsideText {
93+
opacity: .7;
94+
font-size: 90%;
95+
display: -webkit-box;
96+
display: -webkit-flex;
97+
display: flex;
98+
-webkit-box-pack: end;
99+
-webkit-justify-content: flex-end;
100+
justify-content: flex-end;
101+
-webkit-flex-shrink: 0;
102+
flex-shrink: 0;
103+
margin-left: 5em;
104+
margin-right: .5em
105+
}
106+
107+
.actionSheetScroller {
108+
margin-bottom: 0 !important;
109+
display: -webkit-box;
110+
display: -webkit-flex;
111+
display: flex;
112+
-webkit-flex-direction: column;
113+
flex-direction: column;
114+
width: 100%
115+
}
116+
117+
.actionSheetScroller-tv {
118+
max-height: 64%;
119+
max-width: 60%;
120+
width: auto
121+
}
122+
123+
.actionsheetDivider {
124+
height: .07em;
125+
margin: .25em 0;
126+
-webkit-flex-shrink: 0;
127+
flex-shrink: 0
128+
}
129+
130+
.actionSheetTitle {
131+
margin: .6em 0 .7em !important;
132+
padding: 0 .9em;
133+
-webkit-box-flex: 0;
134+
-webkit-flex-grow: 0;
135+
flex-grow: 0
136+
}
137+
138+
.actionSheetText {
139+
padding: 0 1em;
140+
-webkit-box-flex: 0;
141+
-webkit-flex-grow: 0;
142+
flex-grow: 0
143+
}
144+
145+
.actionsheetMenuItemIcon {
146+
margin: 0 .85em 0 .45em !important;
147+
padding: 0 !important
148+
}
149+
150+
.actionsheet-xlargeFont {
151+
font-size: 112% !important
152+
}
153+
154+
.btnCloseActionSheet {
155+
position: fixed;
156+
top: .75em;
157+
left: .5em
158+
}

‎MediaBrowser.WebDashboard/dashboard-ui/bower_components/emby-webcomponents/alphapicker/style.css‎

Lines changed: 163 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,163 @@
1-
.alphaPicker,.alphaPickerRow{display:-webkit-box;display:-webkit-flex;-webkit-box-direction:normal}.alphaPicker,.alphaPickerRow,.alphaPickerRow-vertical{-webkit-box-direction:normal}.alphaPicker{text-align:center;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;-webkit-align-self:center;align-self:center}.alphaPicker-vertical{line-height:1}.alphaPicker-fixed{position:fixed;bottom:5.5em;z-index:999999}.alphaPickerRow{display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-flex-direction:row;flex-direction:row}.alphaPickerRow-vertical{-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.alphaPickerButton{border:0!important;cursor:pointer;outline:0!important;vertical-align:middle;font-family:inherit;font-size:inherit;min-width:initial;margin:0;padding:.1em .4em;width:auto;-webkit-border-radius:.1em;border-radius:.1em;font-weight:400;-webkit-flex-shrink:0;flex-shrink:0;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}@media all and (max-height:50em){.alphaPicker-fixed{bottom:5em}.alphaPickerButton-vertical{padding-top:1px!important;padding-bottom:1px!important}}@media all and (max-height:49em){.alphaPicker-vertical{font-size:94%}}@media all and (max-height:44em){.alphaPicker-vertical{font-size:90%}.alphaPickerButton-vertical{padding-top:0!important;padding-bottom:0!important}}@media all and (max-height:37em){.alphaPicker-vertical{font-size:82%}}@media all and (max-height:32em){.alphaPicker-vertical{font-size:74%}}.alphaPicker-vertical.alphaPicker-tv{font-size:86%}.alphaPickerButton-tv.alphaPickerButton-vertical{padding:0}.alphaPickerButton-vertical{width:1.5em;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.alphaPickerButtonIcon{font-size:100%!important}.alphaPicker-fixed.alphaPicker-tv{bottom:1%}.alphaPicker-fixed-left{left:.4em}.alphaPicker-fixed-right{right:.4em}@media all and (min-width:62.5em){.alphaPicker-fixed-left{left:1em}.alphaPicker-fixed-right{right:1em}}@media all and (max-height:31.25em){.alphaPicker-fixed{display:none!important}}
1+
.alphaPicker,
2+
.alphaPickerRow {
3+
display: -webkit-box;
4+
display: -webkit-flex;
5+
-webkit-box-direction: normal
6+
}
7+
8+
.alphaPicker,
9+
.alphaPickerRow,
10+
.alphaPickerRow-vertical {
11+
-webkit-box-direction: normal
12+
}
13+
14+
.alphaPicker {
15+
text-align: center;
16+
display: flex;
17+
-webkit-box-orient: vertical;
18+
-webkit-flex-direction: column;
19+
flex-direction: column;
20+
-webkit-align-self: center;
21+
align-self: center
22+
}
23+
24+
.alphaPicker-vertical {
25+
line-height: 1
26+
}
27+
28+
.alphaPicker-fixed {
29+
position: fixed;
30+
bottom: 5.5em;
31+
z-index: 999999
32+
}
33+
34+
.alphaPickerRow {
35+
display: flex;
36+
-webkit-box-align: center;
37+
-webkit-align-items: center;
38+
align-items: center;
39+
-webkit-box-pack: center;
40+
-webkit-justify-content: center;
41+
justify-content: center;
42+
-webkit-box-orient: horizontal;
43+
-webkit-flex-direction: row;
44+
flex-direction: row
45+
}
46+
47+
.alphaPickerRow-vertical {
48+
-webkit-box-orient: vertical;
49+
-webkit-flex-direction: column;
50+
flex-direction: column
51+
}
52+
53+
.alphaPickerButton {
54+
border: 0 !important;
55+
cursor: pointer;
56+
outline: 0 !important;
57+
vertical-align: middle;
58+
font-family: inherit;
59+
font-size: inherit;
60+
min-width: initial;
61+
margin: 0;
62+
padding: .1em .4em;
63+
width: auto;
64+
-webkit-border-radius: .1em;
65+
border-radius: .1em;
66+
font-weight: 400;
67+
-webkit-flex-shrink: 0;
68+
flex-shrink: 0;
69+
-webkit-box-flex: 1;
70+
-webkit-flex-grow: 1;
71+
flex-grow: 1
72+
}
73+
74+
@media all and (max-height:50em) {
75+
.alphaPicker-fixed {
76+
bottom: 5em
77+
}
78+
79+
.alphaPickerButton-vertical {
80+
padding-top: 1px !important;
81+
padding-bottom: 1px !important
82+
}
83+
}
84+
85+
@media all and (max-height:49em) {
86+
.alphaPicker-vertical {
87+
font-size: 94%
88+
}
89+
}
90+
91+
@media all and (max-height:44em) {
92+
.alphaPicker-vertical {
93+
font-size: 90%
94+
}
95+
96+
.alphaPickerButton-vertical {
97+
padding-top: 0 !important;
98+
padding-bottom: 0 !important
99+
}
100+
}
101+
102+
@media all and (max-height:37em) {
103+
.alphaPicker-vertical {
104+
font-size: 82%
105+
}
106+
}
107+
108+
@media all and (max-height:32em) {
109+
.alphaPicker-vertical {
110+
font-size: 74%
111+
}
112+
}
113+
114+
.alphaPicker-vertical.alphaPicker-tv {
115+
font-size: 86%
116+
}
117+
118+
.alphaPickerButton-tv.alphaPickerButton-vertical {
119+
padding: 0
120+
}
121+
122+
.alphaPickerButton-vertical {
123+
width: 1.5em;
124+
display: -webkit-box;
125+
display: -webkit-flex;
126+
display: flex;
127+
-webkit-box-pack: center;
128+
-webkit-justify-content: center;
129+
justify-content: center;
130+
text-align: center
131+
}
132+
133+
.alphaPickerButtonIcon {
134+
font-size: 100% !important
135+
}
136+
137+
.alphaPicker-fixed.alphaPicker-tv {
138+
bottom: 1%
139+
}
140+
141+
.alphaPicker-fixed-left {
142+
left: .4em
143+
}
144+
145+
.alphaPicker-fixed-right {
146+
right: .4em
147+
}
148+
149+
@media all and (min-width:62.5em) {
150+
.alphaPicker-fixed-left {
151+
left: 1em
152+
}
153+
154+
.alphaPicker-fixed-right {
155+
right: 1em
156+
}
157+
}
158+
159+
@media all and (max-height:31.25em) {
160+
.alphaPicker-fixed {
161+
display: none !important
162+
}
163+
}

‎MediaBrowser.WebDashboard/dashboard-ui/bower_components/emby-webcomponents/appfooter/appfooter.css‎

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,16 @@
1-
.appfooter{position:fixed;left:0;right:0;z-index:1;bottom:0;-webkit-transition:-webkit-transform 180ms linear;-o-transition:transform 180ms linear;transition:transform 180ms linear;contain:layout style}.appfooter.headroom--unpinned{-webkit-transform:translateY(100%)!important;transform:translateY(100%)!important}
1+
.appfooter {
2+
position: fixed;
3+
left: 0;
4+
right: 0;
5+
z-index: 1;
6+
bottom: 0;
7+
-webkit-transition: -webkit-transform 180ms linear;
8+
-o-transition: transform 180ms linear;
9+
transition: transform 180ms linear;
10+
contain: layout style
11+
}
12+
13+
.appfooter.headroom--unpinned {
14+
-webkit-transform: translateY(100%) !important;
15+
transform: translateY(100%) !important
16+
}

‎MediaBrowser.WebDashboard/dashboard-ui/bower_components/emby-webcomponents/backdrop/style.css‎

Lines changed: 41 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,41 @@
1-
.backdropContainer{contain:layout style size}.backdropImage{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;position:absolute;top:0;left:0;right:0;bottom:0;contain:layout style}.backdropImageFadeIn{-webkit-animation:backdrop-fadein .8s ease-in normal both;animation:backdrop-fadein .8s ease-in normal both}@-webkit-keyframes backdrop-fadein{from{opacity:0}to{opacity:1}}@keyframes backdrop-fadein{from{opacity:0}to{opacity:1}}
1+
.backdropContainer {
2+
contain: layout style size
3+
}
4+
5+
.backdropImage {
6+
background-repeat: no-repeat;
7+
background-position: center center;
8+
-webkit-background-size: cover;
9+
background-size: cover;
10+
position: absolute;
11+
top: 0;
12+
left: 0;
13+
right: 0;
14+
bottom: 0;
15+
contain: layout style
16+
}
17+
18+
.backdropImageFadeIn {
19+
-webkit-animation: backdrop-fadein .8s ease-in normal both;
20+
animation: backdrop-fadein .8s ease-in normal both
21+
}
22+
23+
@-webkit-keyframes backdrop-fadein {
24+
from {
25+
opacity: 0
26+
}
27+
28+
to {
29+
opacity: 1
30+
}
31+
}
32+
33+
@keyframes backdrop-fadein {
34+
from {
35+
opacity: 0
36+
}
37+
38+
to {
39+
opacity: 1
40+
}
41+
}

0 commit comments

Comments
 (0)