124 lines
1.8 KiB
CSS
124 lines
1.8 KiB
CSS
body {
|
|
margin: 0.5em;
|
|
}
|
|
|
|
table {
|
|
width:85%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
tbody > tr:nth-child(odd) {
|
|
background: #ddd;
|
|
}
|
|
|
|
.align_left {
|
|
text-align:left;
|
|
}
|
|
|
|
.align_right {
|
|
text-align:right;
|
|
}
|
|
|
|
.round_all {
|
|
border-radius:0.5em;
|
|
}
|
|
|
|
.round_top {
|
|
border-radius: 0;
|
|
border-top-right-radius:0.5em;
|
|
border-top-left-radius:0.5em;
|
|
}
|
|
|
|
.round_bottom {
|
|
border-radius: 0;
|
|
border-bottom-right-radius:0.5em;
|
|
border-bottom-left-radius:0.5em;
|
|
}
|
|
|
|
.media-wrap {
|
|
text-align:center;
|
|
margin:0 auto;
|
|
}
|
|
|
|
.media {
|
|
position:relative;
|
|
vertical-align:top;
|
|
display:inline-block;
|
|
text-align:center;
|
|
width:220px;
|
|
height:319px;
|
|
margin:0.25em;
|
|
}
|
|
|
|
.name, .media_type, .airing_status, .user_rating, .completion, .age_rating {
|
|
text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.85);
|
|
background: rgba(0, 0, 0, 0.45);
|
|
color: #fff;
|
|
padding:0.25em;
|
|
text-align:right;
|
|
}
|
|
|
|
.media_type, .age_rating {
|
|
text-align:left;
|
|
}
|
|
|
|
.media > .media_metadata {
|
|
position:absolute;
|
|
bottom:0;
|
|
right:0;
|
|
}
|
|
|
|
.media > .medium_metadata {
|
|
position:absolute;
|
|
bottom: 0;
|
|
left:0;
|
|
}
|
|
|
|
.media > .name {
|
|
position:absolute;
|
|
top: 0;
|
|
}
|
|
|
|
.media:hover > .name,
|
|
.media:hover > .media_metadata > div,
|
|
.media:hover > .medium_metadata > div
|
|
{
|
|
background:rgba(0,0,0,0.9);
|
|
}
|
|
|
|
.media > .name > a {
|
|
text-align:justify;
|
|
background:none;
|
|
color:#fff;
|
|
text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.85);
|
|
}
|
|
|
|
.user_rating::before {
|
|
content: "Rating: ";
|
|
}
|
|
|
|
/* -----------------------------------------------------------------------------
|
|
Manga-list-specific styles
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.manga .media > .name {
|
|
padding:0.5em;
|
|
margin:1em;
|
|
}
|
|
|
|
.manga .media {
|
|
border:1px solid #ddd;
|
|
width:200px;
|
|
height:290px;
|
|
margin:0.25em;
|
|
}
|
|
|
|
.manga .completion::before {
|
|
content: "";
|
|
}
|
|
|
|
.manga .media_metadata {
|
|
padding: 0.25em;
|
|
margin: 0.75em;
|
|
}
|