Zaktualizuj 'styles.css'
zmiana button, button:hover i button:active
This commit is contained in:
parent
c4dfc353ca
commit
ee88b140d2
48
styles.css
48
styles.css
@ -106,23 +106,51 @@ li a{
|
|||||||
border-radius: 7px;
|
border-radius: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button
|
.button {
|
||||||
{
|
display: block;
|
||||||
background: #b400ff;
|
height: 20px;
|
||||||
text-decoration: none;
|
width: 40%;
|
||||||
color: black;
|
background: #FF8C00;
|
||||||
|
border: 2px solid rgba(33, 68, 72, 0.59);
|
||||||
|
|
||||||
|
color: rgba(0, 0, 0, 0.55);
|
||||||
|
text-align: center;
|
||||||
|
font: bold "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
|
||||||
|
font-size: 100%;
|
||||||
|
|
||||||
|
background-color: #FF8C00;
|
||||||
|
|
||||||
|
-webkit-border-radius: 50px;
|
||||||
|
-khtml-border-radius: 50px;
|
||||||
|
-moz-border-radius: 50px;
|
||||||
|
border-radius: 50px;
|
||||||
|
|
||||||
|
-webkit-box-shadow: 0 8px 0 #995400;
|
||||||
|
-moz-box-shadow: 0 8px 0 #995400;
|
||||||
|
box-shadow: 0 8px 0 #995400;
|
||||||
|
|
||||||
|
text-shadow: 0 2px 2px rgba(255, 255, 255, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.button:hover
|
.button:hover {
|
||||||
{
|
background-color: #995400;
|
||||||
background: #d97eff;
|
|
||||||
|
-webkit-border-radius: 50px;
|
||||||
|
-khtml-border-radius: 50px;
|
||||||
|
-moz-border-radius: 50px;
|
||||||
|
border-radius: 50px;
|
||||||
|
|
||||||
|
-webkit-box-shadow: 0 8px 0 #995400;
|
||||||
|
-moz-box-shadow: 0 8px 0 #995400;
|
||||||
|
box-shadow: 0 8px 0 #995400;
|
||||||
|
|
||||||
|
text-shadow: 0 2px 2px rgba(255, 255, 255, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.button:active
|
.button:active
|
||||||
{
|
{
|
||||||
background: #ffd664;
|
background: #e67e00;
|
||||||
}
|
}
|
||||||
|
|
||||||
#content
|
#content
|
||||||
{
|
{
|
||||||
padding: 5% 15%;
|
padding: 5% 15%;
|
||||||
|
Loading…
Reference in New Issue
Block a user