mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update events
This commit is contained in:
Luke Pulverenti
parent
ab15648bbb
commit
f8a1cdd9a2
8 changed files with 151 additions and 600 deletions
|
|
@ -1,4 +1,16 @@
|
|||
/* Panel */
|
||||
/* preset breakpoint to switch to stacked grid styles below 35em (560px) */
|
||||
@media (max-width: 35em) {
|
||||
.ui-responsive > .ui-block-a,
|
||||
.ui-responsive > .ui-block-b,
|
||||
.ui-responsive > .ui-block-c,
|
||||
.ui-responsive > .ui-block-d,
|
||||
.ui-responsive > .ui-block-e {
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Panel */
|
||||
.ui-panel {
|
||||
width: 17em;
|
||||
min-height: 100%;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,59 @@
|
|||
.ui-table {
|
||||
.ui-block-a,
|
||||
.ui-block-b,
|
||||
.ui-block-c,
|
||||
.ui-block-d,
|
||||
.ui-block-e {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
float: left;
|
||||
min-height: 1px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
/* force new row */
|
||||
.ui-block-a {
|
||||
clear: left;
|
||||
}
|
||||
li.ui-block-a,
|
||||
li.ui-block-b,
|
||||
li.ui-block-c,
|
||||
li.ui-block-d,
|
||||
li.ui-block-e {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
/* No margin in grids for 100% width button elements until we can use max-width: fill-available; */
|
||||
[class*="ui-block-"] > button.ui-btn {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
[class*="ui-block-"] > .ui-btn,
|
||||
[class*="ui-block-"] > .ui-select,
|
||||
[class*="ui-block-"] > .ui-checkbox,
|
||||
[class*="ui-block-"] > .ui-radio,
|
||||
[class*="ui-block-"] > button.ui-btn-inline,
|
||||
[class*="ui-block-"] > button.ui-btn-icon-notext {
|
||||
margin-right: .3125em;
|
||||
margin-left: .3125em;
|
||||
}
|
||||
|
||||
/* preset breakpoint to switch to stacked grid styles below 35em (560px) */
|
||||
@media (max-width: 35em) {
|
||||
.ui-responsive > .ui-block-a,
|
||||
.ui-responsive > .ui-block-b,
|
||||
.ui-responsive > .ui-block-c,
|
||||
.ui-responsive > .ui-block-d,
|
||||
.ui-responsive > .ui-block-e {
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-table {
|
||||
border: 0;
|
||||
border-collapse: collapse;
|
||||
padding: 0;
|
||||
|
|
|
|||
|
|
@ -290,218 +290,4 @@ button.ui-btn-icon-notext,
|
|||
/* Used for hiding elements by the filterable widget. You can also use this class to hide list items or buttons in controlgroups; this ensures correct corner styling. */
|
||||
.ui-screen-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
/* content configurations. */
|
||||
.ui-grid-a,
|
||||
.ui-grid-b,
|
||||
.ui-grid-c,
|
||||
.ui-grid-d,
|
||||
.ui-grid-solo {
|
||||
overflow: hidden;
|
||||
}
|
||||
.ui-block-a,
|
||||
.ui-block-b,
|
||||
.ui-block-c,
|
||||
.ui-block-d,
|
||||
.ui-block-e {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
float: left;
|
||||
min-height: 1px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
/* force new row */
|
||||
.ui-block-a {
|
||||
clear: left;
|
||||
}
|
||||
ul.ui-grid-a,
|
||||
ul.ui-grid-b,
|
||||
ul.ui-grid-c,
|
||||
ul.ui-grid-d,
|
||||
ul.ui-grid-solo,
|
||||
li.ui-block-a,
|
||||
li.ui-block-b,
|
||||
li.ui-block-c,
|
||||
li.ui-block-d,
|
||||
li.ui-block-e {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
/* No margin in grids for 100% width button elements until we can use max-width: fill-available; */
|
||||
[class*="ui-block-"] > button.ui-btn {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
[class*="ui-block-"] > .ui-btn,
|
||||
[class*="ui-block-"] > .ui-select,
|
||||
[class*="ui-block-"] > .ui-checkbox,
|
||||
[class*="ui-block-"] > .ui-radio,
|
||||
[class*="ui-block-"] > button.ui-btn-inline,
|
||||
[class*="ui-block-"] > button.ui-btn-icon-notext {
|
||||
margin-right: .3125em;
|
||||
margin-left: .3125em;
|
||||
}
|
||||
|
||||
.ui-grid-a > .ui-block-a,
|
||||
.ui-grid-a > .ui-block-b {
|
||||
/* width: 49.95%; IE7 */
|
||||
/* margin-right: -.5px; BB5 */
|
||||
width: 50%;
|
||||
}
|
||||
.ui-grid-b > .ui-block-a,
|
||||
.ui-grid-b > .ui-block-b,
|
||||
.ui-grid-b > .ui-block-c {
|
||||
/* width: 33.25%; IE7 */
|
||||
/* margin-right: -.5px; BB5 */
|
||||
width: 33.333%;
|
||||
}
|
||||
.ui-grid-c > .ui-block-a,
|
||||
.ui-grid-c > .ui-block-b,
|
||||
.ui-grid-c > .ui-block-c,
|
||||
.ui-grid-c > .ui-block-d {
|
||||
/* width: 24.925%; IE7 */
|
||||
/* margin-right: -.5px; BB5 */
|
||||
width: 25%;
|
||||
}
|
||||
.ui-grid-d > .ui-block-a,
|
||||
.ui-grid-d > .ui-block-b,
|
||||
.ui-grid-d > .ui-block-c,
|
||||
.ui-grid-d > .ui-block-d,
|
||||
.ui-grid-d > .ui-block-e {
|
||||
/* width: 19.925%; IE7 */
|
||||
width: 20%;
|
||||
}
|
||||
.ui-grid-solo > .ui-block-a {
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
|
||||
/* preset breakpoint to switch to stacked grid styles below 35em (560px) */
|
||||
@media (max-width: 35em) {
|
||||
.ui-responsive > .ui-block-a,
|
||||
.ui-responsive > .ui-block-b,
|
||||
.ui-responsive > .ui-block-c,
|
||||
.ui-responsive > .ui-block-d,
|
||||
.ui-responsive > .ui-block-e {
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Transitions originally inspired by those from jQtouch, nice work, folks */
|
||||
.ui-mobile-viewport-transitioning,
|
||||
.ui-mobile-viewport-transitioning .ui-page {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ui-page-pre-in {
|
||||
opacity: 0;
|
||||
}
|
||||
.in {
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
-webkit-animation-duration: 350ms;
|
||||
-moz-animation-timing-function: ease-out;
|
||||
-moz-animation-duration: 350ms;
|
||||
animation-timing-function: ease-out;
|
||||
animation-duration: 350ms;
|
||||
}
|
||||
.out {
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
-webkit-animation-duration: 225ms;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
-moz-animation-duration: 225ms;
|
||||
animation-timing-function: ease-in;
|
||||
animation-duration: 225ms;
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes fadein {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
@-moz-keyframes fadein {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
@keyframes fadein {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeout {
|
||||
from { opacity: 1; }
|
||||
to { opacity: 0; }
|
||||
}
|
||||
@-moz-keyframes fadeout {
|
||||
from { opacity: 1; }
|
||||
to { opacity: 0; }
|
||||
}
|
||||
@keyframes fadeout {
|
||||
from { opacity: 1; }
|
||||
to { opacity: 0; }
|
||||
}
|
||||
|
||||
.fade.out {
|
||||
opacity: 0;
|
||||
-webkit-animation-duration: 125ms;
|
||||
-webkit-animation-name: fadeout;
|
||||
-moz-animation-duration: 125ms;
|
||||
-moz-animation-name: fadeout;
|
||||
animation-duration: 125ms;
|
||||
animation-name: fadeout;
|
||||
}
|
||||
|
||||
.fade.in {
|
||||
opacity: 1;
|
||||
-webkit-animation-duration: 225ms;
|
||||
-webkit-animation-name: fadein;
|
||||
-moz-animation-duration: 225ms;
|
||||
-moz-animation-name: fadein;
|
||||
animation-duration: 225ms;
|
||||
animation-name: fadein;
|
||||
}
|
||||
|
||||
/* Hide the native input element */
|
||||
.ui-input-btn input {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
cursor: pointer;
|
||||
background: #fff;
|
||||
background: rgba(255,255,255,0);
|
||||
filter: Alpha(Opacity=0);
|
||||
opacity: .1;
|
||||
font-size: 1px;
|
||||
text-indent: -9999px;
|
||||
z-index: 2;
|
||||
}
|
||||
/* Fixes IE/WP filter alpha opacity bugs */
|
||||
.ui-input-btn.ui-state-disabled input {
|
||||
position: absolute !important;
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
overflow: hidden;
|
||||
clip: rect(1px,1px,1px,1px);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue