1
0
Fork 0

Slight shadow and depression on active state for btns

website
Mike Gerwitz 2014-03-14 20:43:36 -04:00
parent e9bdb01877
commit e082a7d8f0
1 changed files with 12 additions and 0 deletions

View File

@ -205,10 +205,20 @@ body.source #source a {
rgb(245,123,0) 0%, rgb(245,123,0) 0%,
rgb(206,93,0) 100% rgb(206,93,0) 100%
); );
box-shadow: 0.05em 0.1em #ce5c00;
} }
a.btn:hover { a.btn:hover {
text-decoration: none; text-decoration: none;
} }
a.btn:active {
position: relative;
box-shadow: none;
/* to replace shadow; appear depressed */
left: 0.05em;
top: 0.1em;
}
.btn.go { .btn.go {
border: 1px solid #4e9a06; border: 1px solid #4e9a06;
@ -226,6 +236,8 @@ a.btn:hover {
rgb(116,210,22) 0%, rgb(116,210,22) 0%,
rgb(139,226,52) 100% rgb(139,226,52) 100%
); );
box-shadow: 0.05em 0.1em #4e9a06;
} }
.btn.med { .btn.med {