2017-11-08 17:21:56 +01:00

106 lines
1.6 KiB
Plaintext

.anime-list-container
vertical
width 100%
max-width 800px
margin 0 auto
margin-bottom 1rem
.anime-list
vertical
.anime-list-item
horizontal
td
display flex
align-items center
.anime-list-item-image-container
padding 0
width 39px
.anime-list-item-image
width 39px
height 39px
border-radius 2px
object-fit cover
.anime-list-item-name
flex 1
clip-long-text
a
color anime-list-item-name-color
:hover
color link-hover-color
.anime-list-item-episodes
horizontal
justify-content flex-end
text-align right
white-space nowrap
width 130px
:hover
.plus-episode
opacity 1
pointer-events auto
.anime-list-item-episodes-watched
flex 0.4
horizontal
justify-content flex-end
.plus-episode
display inline-block
cursor pointer
opacity 0
pointer-events none
margin-left 1px
transition opacity transition-speed ease
.anime-list-item-episodes-separator
flex 0.2
opacity 0.5
.anime-list-item-episodes-max
flex 0.4
opacity 0.5
.anime-list-item-rating
text-align right
justify-content flex-end
width 65px
.anime-list-item-actions
display none !important
// // Beautify icon alignment
// .raw-icon
// margin-bottom -4px
> 740px
.anime-list-item-actions
display flex !important
width 30px
:empty
display none !important
.anime-list-item-airing-date
display none !important
> 700px
.anime-list-item-airing-date
display flex !important
text-align right
width 150px
opacity 0.8
justify-content flex-end
< 1100px
.anime-list-item-rating
display none !important
.fill-screen
min-height calc(100vh - content-padding * 2 - 1rem - 43px - 23px)