220 lines
3.1 KiB
Plaintext
Raw Normal View History

2017-11-03 17:10:31 +00:00
.anime
2017-11-04 07:45:39 +00:00
vertical
2018-03-09 00:06:43 +00:00
width 100%
max-width 1700px
margin 0 auto
2017-11-04 07:45:39 +00:00
.anime-main-column
vertical
flex 1
.anime-side-column
2017-11-29 15:29:30 +00:00
sidebar
2017-11-04 07:45:39 +00:00
2017-11-08 14:50:48 +00:00
> 1250px
2017-11-04 07:45:39 +00:00
.anime
horizontal
.anime-side-column
2017-11-29 15:29:30 +00:00
sidebar-medium
2017-11-08 14:50:48 +00:00
> 1400px
.anime-side-column
2017-11-29 15:29:30 +00:00
sidebar-big
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-08 14:50:48 +00:00
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-29 23:54:09 +00:00
.anime-summary-footer-container
vertical
flex 1
justify-content flex-end
align-items flex-end
2017-11-29 23:48:02 +00:00
.anime-summary-footer
2017-11-29 23:54:09 +00:00
width 100%
2017-11-29 23:48:02 +00:00
display flex
justify-content space-between
align-items center
2017-11-05 10:02:31 +00:00
button,
.button
2017-11-29 23:54:09 +00:00
margin 0.25rem
2017-11-05 10:02:31 +00:00
2017-11-04 07:45:39 +00:00
.anime-info-table
margin 0
2017-11-04 10:09:19 +00:00
.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
2018-03-12 18:02:23 +00:00
.soundtrack
flex-basis auto
// vertical
// flex-grow 1
// margin-bottom 0.5rem
// min-width 200px
.soundtrack-anime-image
display none
2017-11-04 16:11:47 +00:00
2018-03-12 18:02:23 +00:00
// .video-container
// box-shadow shadow-light
2017-12-04 20:58:55 +00:00
2017-11-04 16:11:47 +00:00
> 500px
.anime-soundtracks
horizontal-wrap
justify-content flex-start
margin-top 0
2018-03-12 18:02:23 +00:00
.soundtrack
max-width 200px
2017-11-04 16:11:47 +00:00
2018-03-12 18:02:23 +00:00
.soundtrack-content
min-height 112px
height 112px
2017-11-04 16:11:47 +00:00
2018-03-12 18:02:23 +00:00
.soundtrack-play-button
width 48px
height 48px
font-size 1rem
2017-11-04 16:11:47 +00:00
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
2018-03-20 03:05:54 +00:00
width anime-image-large-width
height anime-image-large-height
2018-03-27 19:08:26 +00:00
border-radius ui-element-border-radius
2017-11-08 14:50:48 +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-11-08 14:50:48 +00:00
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
.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
2018-03-27 19:08:26 +00:00
border-radius ui-element-border-radius
2016-11-30 15:29:36 +00:00
object-fit cover
default-transition
2016-12-01 15:27:53 +00:00
shadow-up