2016-11-29 15:50:50 +00:00
|
|
|
.anime-grid
|
|
|
|
|
grid
|
|
|
|
|
|
|
|
|
|
.anime-grid-cell
|
|
|
|
|
grid-cell
|
2017-11-11 22:19:31 +00:00
|
|
|
saturate-up
|
2016-11-30 12:33:11 +00:00
|
|
|
shadow-up
|
2017-12-02 20:06:15 +00:00
|
|
|
default-transition
|
2016-11-29 15:50:50 +00:00
|
|
|
|
2017-11-12 10:18:16 +00:00
|
|
|
:hover
|
2017-11-28 22:40:53 +00:00
|
|
|
.anime-grid-title,
|
|
|
|
|
.anime-grid-add-button
|
2017-11-12 10:18:16 +00:00
|
|
|
opacity 1
|
|
|
|
|
|
2017-11-19 16:13:39 +00:00
|
|
|
< 450px
|
|
|
|
|
.anime-grid-cell
|
|
|
|
|
width 71px
|
|
|
|
|
height 100px
|
|
|
|
|
margin 0.3rem
|
|
|
|
|
|
2017-12-02 20:06:15 +00:00
|
|
|
.anime-grid-cell-hide
|
|
|
|
|
opacity 0.05
|
2017-12-03 15:24:49 +00:00
|
|
|
pointer-events none
|
2017-12-02 20:06:15 +00:00
|
|
|
|
2016-11-29 15:50:50 +00:00
|
|
|
.anime-grid-image
|
2017-11-12 10:18:16 +00:00
|
|
|
grid-image
|
|
|
|
|
|
|
|
|
|
.anime-grid-title
|
|
|
|
|
opacity 0
|
|
|
|
|
position absolute
|
|
|
|
|
bottom 0
|
|
|
|
|
left 0
|
|
|
|
|
width 100%
|
2017-11-13 16:10:13 +00:00
|
|
|
padding 0.7rem 0.5rem
|
2017-11-12 10:49:06 +00:00
|
|
|
background linear-gradient(to top, hsla(0, 0%, 0%, 0.8), hsla(0, 0%, 0%, 0))
|
|
|
|
|
default-transition
|
|
|
|
|
|
|
|
|
|
.anime-grid-title-text
|
2017-11-12 10:18:16 +00:00
|
|
|
text-align center
|
|
|
|
|
color white
|
|
|
|
|
text-shadow 0 0 3px black
|
2017-11-13 16:10:13 +00:00
|
|
|
font-size 80%
|
2017-11-28 22:40:53 +00:00
|
|
|
line-height 1.8em
|
|
|
|
|
|
|
|
|
|
.anime-grid-add-button
|
|
|
|
|
opacity 0
|
|
|
|
|
position absolute
|
|
|
|
|
top 5px
|
|
|
|
|
right 5px
|
|
|
|
|
padding 0.25rem
|
