|
|
|
@ -3,6 +3,7 @@ dark-gray = #333
|
|
|
|
gray = #777
|
|
|
|
gray = #777
|
|
|
|
green = #8FBE00
|
|
|
|
green = #8FBE00
|
|
|
|
light-blue = #40C0CB
|
|
|
|
light-blue = #40C0CB
|
|
|
|
|
|
|
|
light-gray = #EEE
|
|
|
|
light-green = #AEE239
|
|
|
|
light-green = #AEE239
|
|
|
|
light-red = #E23430
|
|
|
|
light-red = #E23430
|
|
|
|
light-yellow = #FFE476
|
|
|
|
light-yellow = #FFE476
|
|
|
|
@ -224,21 +225,23 @@ p.subtitle {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
label.select-file-label input[type="file"] {
|
|
|
|
label.select-file-label input[type="file"] {
|
|
|
|
position: fixed;
|
|
|
|
position: fixed
|
|
|
|
top: -1000px;
|
|
|
|
top: -1000px
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.select-file-label {
|
|
|
|
.select-file-label {
|
|
|
|
border: 2px solid #CCC;
|
|
|
|
border: 2px solid gray
|
|
|
|
border-radius: 4px;
|
|
|
|
border-radius: 4px
|
|
|
|
padding: 2px 5px;
|
|
|
|
padding: 2px 5px
|
|
|
|
margin-top: 5px;
|
|
|
|
margin-top: 5px
|
|
|
|
background: #EEE;
|
|
|
|
background: light-gray
|
|
|
|
display: inline-block;
|
|
|
|
display: inline-block
|
|
|
|
}
|
|
|
|
cursor: pointer
|
|
|
|
.select-file-label:hover {
|
|
|
|
transition: all 0.25s ease
|
|
|
|
background: #CCC;
|
|
|
|
|
|
|
|
}
|
|
|
|
&:hover, &:active {
|
|
|
|
.select-file-label:active {
|
|
|
|
border-color: beige
|
|
|
|
background: #BBB;
|
|
|
|
background: white
|
|
|
|
|
|
|
|
color: red
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|