2017-11-03 17:10:31 +00:00
|
|
|
.anime
|
2017-11-04 07:45:39 +00:00
|
|
|
vertical
|
|
|
|
|
|
|
|
.anime-main-column
|
|
|
|
vertical
|
|
|
|
flex 1
|
|
|
|
|
|
|
|
.anime-side-column
|
|
|
|
vertical
|
|
|
|
margin-left 0
|
|
|
|
margin-top 1rem
|
|
|
|
flex-basis 300px
|
|
|
|
|
2017-11-05 12:47:51 +00:00
|
|
|
> 1350px
|
2017-11-04 07:45:39 +00:00
|
|
|
.anime
|
|
|
|
horizontal
|
|
|
|
|
|
|
|
.anime-side-column
|
|
|
|
margin-left content-padding
|
|
|
|
margin-top 0
|
2017-11-03 17:10:31 +00:00
|
|
|
|
2016-11-28 16:06:00 +00:00
|
|
|
.anime-header
|
2017-11-03 17:10:31 +00:00
|
|
|
vertical
|
2016-11-28 16:06:00 +00:00
|
|
|
|
2017-11-03 17:10:31 +00:00
|
|
|
.anime-title
|
|
|
|
text-align center
|
|
|
|
margin-bottom 0.5rem
|
|
|
|
|
|
|
|
> 800px
|
2016-12-01 15:27:53 +00:00
|
|
|
.anime-header
|
2017-11-03 17:10:31 +00:00
|
|
|
horizontal
|
2017-11-05 10:02:31 +00:00
|
|
|
padding-bottom content-padding
|
|
|
|
border-bottom 1px solid rgba(0, 0, 0, 0.05)
|
2017-11-03 17:10:31 +00:00
|
|
|
|
|
|
|
.anime-title
|
|
|
|
text-align left
|
2016-12-01 15:27:53 +00:00
|
|
|
|
2017-11-04 07:45:39 +00:00
|
|
|
.anime-alternative-title
|
|
|
|
text-align left
|
|
|
|
|
2017-11-05 10:02:31 +00:00
|
|
|
.anime-actions
|
|
|
|
flex 1
|
|
|
|
justify-content flex-end
|
|
|
|
align-items flex-end
|
|
|
|
|
|
|
|
button,
|
|
|
|
.button
|
|
|
|
margin-right 0
|
|
|
|
margin-bottom 0
|
|
|
|
|
2017-11-04 07:45:39 +00:00
|
|
|
.anime-info-table
|
|
|
|
margin 0
|
2017-11-04 10:09:19 +00:00
|
|
|
// width 100%
|
|
|
|
// max-width 600px
|
|
|
|
|
|
|
|
.anime-info-value
|
|
|
|
text-align right
|
2017-11-04 07:45:39 +00:00
|
|
|
|
2017-11-04 16:11:47 +00:00
|
|
|
.anime-soundtracks
|
|
|
|
vertical
|
|
|
|
margin-top 1rem
|
|
|
|
|
|
|
|
.anime-soundtrack
|
|
|
|
vertical
|
2017-11-07 07:51:28 +00:00
|
|
|
// flex-basis 100%
|
2017-11-07 07:43:54 +00:00
|
|
|
flex-grow 1
|
2017-11-04 16:11:47 +00:00
|
|
|
margin-bottom 0.5rem
|
|
|
|
|
|
|
|
> 500px
|
|
|
|
.anime-soundtracks
|
|
|
|
horizontal-wrap
|
|
|
|
justify-content flex-start
|
|
|
|
margin-top 0
|
|
|
|
|
|
|
|
.anime-soundtrack
|
|
|
|
max-width 200px
|
|
|
|
margin calc(content-padding / 2)
|
|
|
|
|
|
|
|
// .anime-soundtracks
|
|
|
|
// horizontal-wrap
|
|
|
|
|
|
|
|
// .anime-soundtrack
|
|
|
|
// flex-basis 400px
|
|
|
|
// padding-bottom video-padding
|
|
|
|
|
2017-11-04 07:45:39 +00:00
|
|
|
.anime-section
|
|
|
|
margin-top 1rem
|
|
|
|
|
|
|
|
:first-child
|
|
|
|
margin-top 0 !important
|
|
|
|
|
2016-12-01 15:27:53 +00:00
|
|
|
.anime-section-name
|
|
|
|
font-weight bold
|
|
|
|
|
2016-11-28 16:06:00 +00:00
|
|
|
.anime-image-container
|
2017-10-17 14:58:28 +00:00
|
|
|
vertical
|
|
|
|
justify-content flex-start
|
|
|
|
align-items center
|
|
|
|
|
|
|
|
.anime-start-date
|
|
|
|
font-size 0.7rem
|
|
|
|
line-height 1.7em
|
|
|
|
opacity 0.65
|
|
|
|
margin-top 0.5rem
|
2016-11-28 16:06:00 +00:00
|
|
|
|
2016-11-29 15:50:50 +00:00
|
|
|
.anime-cover-image
|
2017-11-03 11:02:13 +00:00
|
|
|
// width 142px
|
2017-11-04 07:45:39 +00:00
|
|
|
width 250px
|
2016-11-28 16:06:00 +00:00
|
|
|
height auto
|
|
|
|
border-radius 3px
|
2016-11-30 12:33:11 +00:00
|
|
|
|
2016-11-30 15:29:36 +00:00
|
|
|
default-transition
|
2016-11-28 16:06:00 +00:00
|
|
|
object-fit cover
|
|
|
|
|
2016-11-30 12:33:11 +00:00
|
|
|
saturate-up
|
|
|
|
shadow-up
|
2017-11-03 17:10:31 +00:00
|
|
|
|
|
|
|
.anime-summary
|
|
|
|
// ...
|
|
|
|
|
2016-11-28 16:06:00 +00:00
|
|
|
.anime-info
|
2016-11-29 03:37:36 +00:00
|
|
|
vertical
|
2016-11-30 12:33:11 +00:00
|
|
|
flex 1
|
2016-11-30 15:29:36 +00:00
|
|
|
|
|
|
|
.space
|
|
|
|
width content-padding
|
|
|
|
height content-padding
|
2016-11-28 16:06:00 +00:00
|
|
|
|
|
|
|
.anime-alternative-title
|
|
|
|
font-size 0.9em
|
2017-07-06 19:38:19 +00:00
|
|
|
margin-top 0
|
2016-12-02 06:31:09 +00:00
|
|
|
margin-bottom 0.5rem
|
2017-11-04 07:45:39 +00:00
|
|
|
text-align center
|
2017-07-06 19:38:19 +00:00
|
|
|
font-weight normal
|
|
|
|
line-height content-line-height
|
2017-07-11 14:54:17 +00:00
|
|
|
|
|
|
|
.japanese
|
2017-11-04 07:45:39 +00:00
|
|
|
color anime-alternative-title-color !important
|
2016-11-28 16:06:00 +00:00
|
|
|
|
2017-06-08 19:54:39 +00:00
|
|
|
.anime-actions
|
2017-11-05 08:55:42 +00:00
|
|
|
horizontal
|
2017-11-05 10:02:31 +00:00
|
|
|
justify-content center
|
2017-11-03 17:10:31 +00:00
|
|
|
|
2017-11-05 08:55:42 +00:00
|
|
|
// Action button margin
|
2017-11-04 07:45:39 +00:00
|
|
|
// margin calc(content-padding - 0.5rem) -0.5rem
|
2017-06-20 12:16:23 +00:00
|
|
|
|
2017-11-05 08:55:42 +00:00
|
|
|
// Setting z-index requires setting a background as well
|
2017-11-04 07:45:39 +00:00
|
|
|
// z-index 10
|
2017-06-08 19:54:39 +00:00
|
|
|
|
2017-11-05 08:55:42 +00:00
|
|
|
// > 1450px
|
|
|
|
// .anime-actions
|
|
|
|
// position fixed
|
|
|
|
// bottom 0
|
|
|
|
// right content-padding
|
2017-06-08 19:54:39 +00:00
|
|
|
|
2017-11-04 10:09:19 +00:00
|
|
|
// .anime-rating-categories
|
|
|
|
// horizontal
|
|
|
|
// width 100%
|
|
|
|
|
|
|
|
// .anime-rating-category
|
|
|
|
// ui-element
|
|
|
|
// flex 1
|
|
|
|
// text-align center
|
|
|
|
// margin 0.5rem
|
|
|
|
|
|
|
|
// .anime-rating-category-name
|
|
|
|
// font-size 1.3rem
|
|
|
|
// margin-top 0.5rem
|
|
|
|
|
|
|
|
// .anime-rating
|
|
|
|
// margin 0.5rem
|
|
|
|
// letter-spacing 3px
|
|
|
|
// font-size 1.3rem
|
|
|
|
// color link-color
|
2017-06-08 09:51:34 +00:00
|
|
|
|
2017-06-20 18:13:04 +00:00
|
|
|
.anime-widget
|
|
|
|
margin-top 0.6rem
|
|
|
|
margin-bottom 0.4rem
|
|
|
|
|
2017-06-08 09:51:34 +00:00
|
|
|
< 800px
|
|
|
|
.anime-rating-categories
|
|
|
|
vertical
|
|
|
|
|
2017-07-21 09:25:53 +00:00
|
|
|
.anime-friends
|
|
|
|
.user-avatars
|
|
|
|
justify-content flex-start
|
|
|
|
|
2017-06-24 14:17:38 +00:00
|
|
|
.footer
|
2017-06-08 12:46:38 +00:00
|
|
|
font-size 0.8rem
|
2017-06-24 14:17:38 +00:00
|
|
|
opacity 0.7
|
2017-06-08 12:46:38 +00:00
|
|
|
margin-top 0.5rem
|
2016-11-28 16:06:00 +00:00
|
|
|
|
2017-10-05 10:36:26 +00:00
|
|
|
&.mountable
|
|
|
|
opacity 0 !important
|
|
|
|
|
|
|
|
&.mounted
|
|
|
|
opacity 0.7 !important
|
|
|
|
|
2016-11-28 16:06:00 +00:00
|
|
|
.relations
|
2016-11-29 03:37:36 +00:00
|
|
|
horizontal-wrap
|
2016-11-28 16:06:00 +00:00
|
|
|
|
|
|
|
.relation
|
2016-11-29 03:37:36 +00:00
|
|
|
vertical
|
2016-11-28 16:06:00 +00:00
|
|
|
align-items center
|
|
|
|
padding 0.5rem
|
|
|
|
|
2016-11-29 03:37:36 +00:00
|
|
|
.relation-type
|
|
|
|
font-size 0.7rem
|
|
|
|
margin-top 0.1rem
|
|
|
|
|
2016-11-28 16:06:00 +00:00
|
|
|
.relation-image
|
|
|
|
width 100px
|
2016-11-30 15:29:36 +00:00
|
|
|
height 141px
|
|
|
|
border-radius 3px
|
|
|
|
object-fit cover
|
|
|
|
default-transition
|
2016-12-01 15:27:53 +00:00
|
|
|
shadow-up
|