67 lines
1.1 KiB
Stylus
67 lines
1.1 KiB
Stylus
@media only screen and (max-width: 1024px)
|
|
#header
|
|
background-image none
|
|
|
|
@media only screen and (max-width: 930px)
|
|
#title, #slogan
|
|
display none
|
|
|
|
.navigation-text
|
|
display none
|
|
|
|
.navigation-button i.fa
|
|
margin-right 0
|
|
|
|
.episodes-behind
|
|
&:before
|
|
content '+'
|
|
&:after
|
|
content ''
|
|
|
|
#content
|
|
padding contentPaddingMobile
|
|
|
|
#header
|
|
text-align center
|
|
|
|
#navigation
|
|
float none
|
|
display inline-block
|
|
width auto
|
|
|
|
.profile
|
|
left contentPaddingMobile * -1 !important
|
|
top contentPaddingMobile * -1 !important
|
|
min-width calc(100% + 2rem) !important
|
|
|
|
@media only screen and (min-width: 1100px)
|
|
.anime-list-image
|
|
display block
|
|
|
|
@media only screen and (max-width: 560px)
|
|
#navigation
|
|
padding 0
|
|
|
|
.navigation-link-right
|
|
display none
|
|
|
|
.navigation-button i.fa
|
|
font-size 1.5em
|
|
|
|
// Remove admin icon
|
|
@media only screen and (max-width: 612px)
|
|
.navigation-link-right[href='/admin']
|
|
display none
|
|
|
|
@media only screen and (max-width: 320px)
|
|
.navigation-button i.fa
|
|
font-size 1.4em
|
|
|
|
@media only screen and (max-height: 700px)
|
|
.anime-list-image
|
|
top 0.5em
|
|
transform translate(10%, 0)
|
|
|
|
.anime:hover
|
|
.anime-list-image
|
|
transform translate(0, 0) |