Make the button more colorful.

nb/hide-http
Alex Kern 11 years ago
parent 2f83d7cf15
commit d6c60e9f2a

@ -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
}
} }

Loading…
Cancel
Save