mirror of
https://github.com/wassname/side-by-side.git
synced 2026-09-04 16:44:32 +08:00
116 lines
1.6 KiB
Stylus
116 lines
1.6 KiB
Stylus
$lighter = #EEE
|
|
$light = #CCC
|
|
$neutral = #888
|
|
$dark = #333
|
|
$darker = #222
|
|
|
|
body
|
|
color: $darker
|
|
background: $lighter
|
|
font-family: "Noticia Text", serif
|
|
padding-bottom: 36px
|
|
|
|
.pure-menu.pure-menu-open
|
|
height: 36px
|
|
color: $lighter
|
|
background: $darker
|
|
li
|
|
a
|
|
color: $light
|
|
&:hover
|
|
background: $dark
|
|
color: $lighter
|
|
&.active
|
|
&:hover
|
|
color: $darker
|
|
background: $light
|
|
color: $lighter
|
|
|
|
.pure-g-r
|
|
.version
|
|
height: 26px
|
|
padding: 5px 0px
|
|
vertical-align: middle
|
|
|
|
.pure-menu.menu-main
|
|
margin-bottom: 1em
|
|
|
|
.pure-menu.menu-verses
|
|
position: fixed
|
|
left: 0
|
|
bottom: 0
|
|
:hover
|
|
cursor: pointer
|
|
.arrow
|
|
left: -15px
|
|
line-height: 22px
|
|
position: absolute
|
|
|
|
.version
|
|
vertical-align: top
|
|
display: inline-block
|
|
letter-spacing: normal
|
|
word-spacing: normal
|
|
|
|
.version-container
|
|
border-top: 1px solid $light
|
|
position: relative
|
|
padding: 0px 10px
|
|
|
|
.version-menu
|
|
color: $lighter
|
|
padding: 0px 10px
|
|
position: relative
|
|
|
|
.section
|
|
color: $lighter
|
|
background: $dark
|
|
padding: 1px 5px
|
|
border-radius: 5px
|
|
position: absolute
|
|
line-height: 20px
|
|
left: 0px
|
|
top: -6px
|
|
|
|
.pick
|
|
background: $dark
|
|
color: $light
|
|
position: fixed
|
|
left: 0
|
|
bottom: 36px
|
|
|
|
width: 100%
|
|
.pick-in
|
|
padding: 10px
|
|
|
|
z-index: 2
|
|
max-height: 50%
|
|
overflow: auto
|
|
|
|
a
|
|
color: $neutral
|
|
|
|
table
|
|
margin: auto
|
|
min-width: 50%
|
|
th
|
|
text-align: left
|
|
color: $lighter
|
|
td,th
|
|
padding: 5px 15px
|
|
tr.switch:hover
|
|
background: $darker
|
|
cursor: pointer
|
|
|
|
.disabled
|
|
color: $neutral
|
|
|
|
max_columns = 6
|
|
for columns in 1 .. max_columns
|
|
.cols-{columns}
|
|
.version
|
|
width: (100 / columns)%
|
|
|
|
.version-padded
|
|
padding: 0px (100 / (5 * columns))%
|