93 lines
1.6 KiB
Stylus
93 lines
1.6 KiB
Stylus
|
.clearfix:before, .clearfix:after
|
||
|
|
content ""
|
||
|
|
display table
|
||
|
|
line-height 0
|
||
|
|
|
||
|
|
.clearfix:after
|
||
|
|
clear both
|
||
|
|
|
||
|
|
::selection
|
||
|
|
background #F27405
|
||
|
|
|
||
|
|
.select
|
||
|
|
cursor pointer
|
||
|
|
border 1px solid #aaa
|
||
|
|
border-radius 3px
|
||
|
|
background #f0f0f0
|
||
|
|
padding 10px
|
||
|
|
&:hover
|
||
|
|
background #fff
|
||
|
|
border-color #bbb
|
||
|
|
|
||
|
|
&.disabled
|
||
|
|
background #ccc
|
||
|
|
cursor auto
|
||
|
|
|
||
|
|
.alt-input
|
||
|
|
$button-size = 65px
|
||
|
|
$num-buttons = 2
|
||
|
|
$alt-input-height = 38px
|
||
|
|
width 100%
|
||
|
|
padding-right ($button-size * $num-buttons)
|
||
|
|
box-sizing border-box
|
||
|
|
|
||
|
|
.input-wrapper
|
||
|
|
width 100%
|
||
|
|
float left
|
||
|
|
input
|
||
|
|
width 100%
|
||
|
|
box-sizing border-box
|
||
|
|
height $alt-input-height
|
||
|
|
border-radius 4px 0 0 4px
|
||
|
|
margin-bottom 0
|
||
|
|
|
||
|
|
.buttons-wrapper
|
||
|
|
margin-right -($button-size * $num-buttons)
|
||
|
|
float left
|
||
|
|
.button
|
||
|
|
float left
|
||
|
|
width $button-size
|
||
|
|
box-sizing border-box
|
||
|
|
height $alt-input-height
|
||
|
|
padding 0
|
||
|
|
border-radius 0
|
||
|
|
margin-left -1px
|
||
|
|
margin-bottom 0
|
||
|
|
.button:last-child
|
||
|
|
border-radius 0 4px 4px 0
|
||
|
|
|
||
|
|
.challenge_clauses
|
||
|
|
list-style none
|
||
|
|
margin 0
|
||
|
|
input
|
||
|
|
vertical-align top
|
||
|
|
margin-top 3px
|
||
|
|
label
|
||
|
|
display block
|
||
|
|
margin-bottom 0
|
||
|
|
&.disabled
|
||
|
|
cursor not-allowed
|
||
|
|
color #bbb
|
||
|
|
|
||
|
|
.achievement
|
||
|
|
img
|
||
|
|
float left
|
||
|
|
width 75px
|
||
|
|
h2
|
||
|
|
margin-top 0
|
||
|
|
.achievement-info
|
||
|
|
padding-left 90px
|
||
|
|
|
||
|
|
#achievements-modal
|
||
|
|
border none
|
||
|
|
animation: achievement-glow 2s infinite
|
||
|
|
|
||
|
|
$animation-glow-color = #4EABDA
|
||
|
|
|
||
|
|
@keyframes achievement-glow
|
||
|
|
0%
|
||
|
|
box-shadow 1px 1px 30px 2px $animation-glow-color
|
||
|
|
50%
|
||
|
|
box-shadow 1px 1px 45px 2px lighten($animation-glow-color, 20%)
|
||
|
|
100%
|
||
|
|
box-shadow 1px 1px 30px 2px $animation-glow-color
|