91 lines
1.8 KiB
Stylus

html, body
color textColor
background-color rgb(254, 254, 254)
a
color mainColor
&:hover
color hoverColor
#header
background-color rgb(245, 245, 245)
background-image url("/images/characters/pencil-girl.png")
background-repeat no-repeat
background-size auto 100%
background-position 100% 0%
#slogan
color rgb(120, 120, 120)
#content
background-color transparent
a
color linkColor
&:hover
color linkHoverColor
.active
color activeLinkColor
&:hover
color @color
.navigation-link
color rgb(160, 160, 160)
&.active
&:hover
color rgb(80, 80, 80)
text-shadow 1px 1px 3px rgba(4, 4, 4, 0.1)
.saving
opacity 0.5 !important
input[type="text"]
input[type="email"]
input[type="password"]
input[type="url"]
input[type="number"]
textarea
color rgb(32, 32, 32)
background-color rgb(255, 255, 255)
box-shadow none
border 1px solid rgba(0, 0, 0, 0.1)
&:focus
color rgb(0, 0, 0)
box-shadow 0 0 6px alpha(mainColor, 20%)
border 1px solid mainColor
&:disabled
background-color rgb(224, 224, 224)
cursor not-allowed
button
select
border 1px solid rgb(170, 170, 170)
color rgb(32, 32, 32)
background linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.04) 100%)
box-shadow 0 0 2px rgb(255, 255, 255), 0 -2px 5px rgba(0, 0, 0, 0.08) inset
&:focus
color rgb(0, 0, 0)
box-shadow 0 0 6px alpha(mainColor, 20%)
border 1px solid mainColor
input[type="submit"]:hover
button:hover
.button:hover
cursor pointer
background linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.04) 100%)
text-decoration none
button[disabled]
opacity 0.5
&:hover
cursor not-allowed
color rgb(32, 32, 32)
background linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.04) 100%)
.user-name
a
color rgb(16, 16, 16)
.list-provider-name-highlight
color rgb(48, 48, 48)