99 lines
1.9 KiB
Stylus
99 lines
1.9 KiB
Stylus
@import "{design}/app"
|
|
|
|
$seriesCountBackgroundColor = #678696
|
|
|
|
.thumbnailEntry
|
|
cursor: pointer
|
|
display: table
|
|
margin: 0 auto
|
|
|
|
&.draggable
|
|
cursor: copy
|
|
cursor: -webkit-grab
|
|
cursor: -moz-grab
|
|
|
|
.seriesDetails
|
|
theme('color', '$textPrimaryColor')
|
|
font-size: 14px
|
|
line-height: 1.3em
|
|
margin-top: 5px
|
|
max-width: 217px
|
|
min-height: 36px
|
|
position: relative
|
|
word-wrap: break-word
|
|
|
|
&.info-only
|
|
min-height: auto
|
|
|
|
.seriesDescription
|
|
display: none
|
|
|
|
.seriesInformation
|
|
display: flex
|
|
float: none
|
|
max-width: none
|
|
padding-right: none
|
|
|
|
.item
|
|
flex: 1
|
|
text-align: center
|
|
|
|
.icon, .value
|
|
display: inline
|
|
float: none
|
|
line-height: 25px
|
|
|
|
.value
|
|
margin-left: 0
|
|
width: auto
|
|
|
|
.seriesDescription
|
|
float: left
|
|
width: calc(100% - 50px)
|
|
|
|
.seriesInformation
|
|
display: table
|
|
float: right
|
|
padding-right: 4px
|
|
max-width: 50px
|
|
|
|
.item-frames .icon
|
|
height: 18px
|
|
|
|
.value
|
|
theme('color', '$textSecondaryColor')
|
|
display: inline-block
|
|
float: right
|
|
font-size: 12px
|
|
margin-left: 4px
|
|
width: calc(100% - 15px)
|
|
|
|
.icon
|
|
theme('color', '$activeColor')
|
|
display: inline-block
|
|
float: left
|
|
font-size: 10px
|
|
font-weight: 900
|
|
text-align: right
|
|
width: 11px
|
|
|
|
div
|
|
background-color: $seriesCountBackgroundColor
|
|
margin-top: 6px
|
|
position: relative
|
|
|
|
&:after
|
|
theme('background-color', '$activeColor')
|
|
box-shadow: 1px 1px rgba(0, 0, 0, .115)
|
|
left: -5px
|
|
position: absolute
|
|
top: -5px
|
|
|
|
&
|
|
&:after
|
|
theme('border', '1px solid $primaryBackgroundColor')
|
|
content: ''
|
|
display: inline-block
|
|
height: 11px
|
|
width: 11px
|