218 lines
3.0 KiB
Plaintext
Raw Normal View History

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
.anime-header
2017-11-03 17:10:31 +00:00
vertical
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
2017-11-07 13:37:25 +00:00
min-width 200px
2017-11-04 16:11:47 +00:00
> 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
.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-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
height auto
border-radius 3px
2016-11-30 12:33:11 +00:00
2016-11-30 15:29:36 +00:00
default-transition
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
// ...
.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
.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
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
2017-10-05 10:36:26 +00:00
&.mountable
opacity 0 !important
&.mounted
opacity 0.7 !important
.relations
2016-11-29 03:37:36 +00:00
horizontal-wrap
.relation
2016-11-29 03:37:36 +00:00
vertical
align-items center
padding 0.5rem
2016-11-29 03:37:36 +00:00
.relation-type
font-size 0.7rem
margin-top 0.1rem
.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