mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

#186 - Catalog tile display uniformity

Browse source
This commit is contained in:
Luke Pulverenti 2013-04-25 19:28:01 -04:00
parent 9450d06d5c
commit 322cc9ebe9
9 changed files with 231 additions and 114 deletions
Download patch file Download diff file Expand all files Collapse all files

48
dashboard-ui/css/detailtable.css Normal file
View file

@ -0,0 +1,48 @@
.detailTable {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
max-width: 1200px;
text-align: left;
}
.centeredDetailTable {
margin: auto;
}
.stretchedDetailTable {
width: 100%;
}
.detailTable a {
text-decoration: none;
}
.detailTable a:hover {
text-decoration: underline;
}
.detailTable td {
border-spacing: 0;
border-top: 1px solid #444;
border-bottom: 1px solid #444;
padding: 3px 5px;
}
.detailTable th {
border-spacing: 0;
border-bottom: 1px solid #444;
padding: 5px;
font-weight: normal;
text-align: left;
vertical-align: top;
}
.detailTable .imgUserItemRating {
width: 18px;
height: 18px;
}
.userDataCell {
width: 140px;
}

53
dashboard-ui/css/librarybrowser.css
View file

@ -33,7 +33,7 @@
}
.listHeader {
margin-top: 1em;
margin-top: .5em;
margin-bottom: 5px;
}
@ -554,53 +554,4 @@
.itemsContainer {
text-align: center;
}
.detailTable {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
max-width: 1200px;
text-align: left;
}
.centeredDetailTable {
margin: auto;
}
.stretchedDetailTable {
width: 100%;
}
.detailTable a {
text-decoration: none;
}
.detailTable a:hover {
text-decoration: underline;
}
.detailTable td {
border-spacing: 0;
border-top: 1px solid #444;
border-bottom: 1px solid #444;
padding: 3px 5px;
}
.detailTable th {
border-spacing: 0;
border-bottom: 1px solid #444;
padding: 5px;
font-weight: normal;
text-align: left;
vertical-align: top;
}
.detailTable .imgUserItemRating {
width: 18px;
height: 18px;
}
.userDataCell {
width: 140px;
}
}

61
dashboard-ui/css/posteritem.css Normal file
View file

@ -0,0 +1,61 @@
.posterItem {
margin: 3px;
text-shadow: none;
font-weight: normal!important;
display: inline-block;
font-size: 14px;
position: relative;
color: #fff;
text-decoration: none;
text-align: left;
overflow: hidden;
}
.posterItem:hover {
-moz-box-shadow: 0 0 20px 3px #2572EB;
-webkit-box-shadow: 0 0 20px 3px #2572EB;
box-shadow: 0 0 20px 3px #2572EB;
}
.posterItemImage {
background-size: contain;
background-repeat: no-repeat;
background-position: center bottom;
overflow: hidden;
}
.defaultPosterItemImage {
background-color: #999;
}
.posterItemText {
text-overflow: ellipsis;
overflow: hidden;
text-wrap: none;
white-space: nowrap;
padding: 4px 5px 4px;
background: #181818;
text-shadow: none;
}
.posterItemText + .posterItemText {
padding-top: 2px;
}
.squarePosterItem {
width: 200px;
}
.squarePosterItem .posterItemImage {
height: 200px;
background-size: 200px auto;
}
.backdropPosterItem {
width: 160px;
}
.backdropPosterItem .posterItemImage {
height: 90px;
background-size: 160px auto;
}

12
dashboard-ui/css/site.css
View file

@ -438,10 +438,8 @@ form, .readOnlyContent {
text-align: right;
top: 0;
right: 0;
width: 75px!important;
height: 75px!important;
max-width: 75px!important;
max-height: 75px!important;
width: 60px;
height: 60px;
}
.posterViewItemText {
@ -481,7 +479,7 @@ form, .readOnlyContent {
.posterViewItem img {
max-width: 190px;
max-height: 160px;
max-height: 130px;
}
}
@ -493,7 +491,7 @@ form, .readOnlyContent {
.posterViewItem img {
max-width: 270px;
max-height: 220px;
max-height: 160px;
}
}
@ -518,7 +516,7 @@ form, .readOnlyContent {
.posterViewItem img {
max-width: 310px;
max-height: 250px;
max-height: 210px;
}
}