Slight shadow and depression on active state for btns
parent
e9bdb01877
commit
e082a7d8f0
12
style.css
12
style.css
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue