Cand micsorez pagina butoanele din header isi schimba pozitia.
Inainte de micsorare -> postimg.org/image/dcq329jrz/
Dupa micsorare -> s16.postimg.org/ni5ndg7hx/dupa.jpg
CSS buton:
Cod: Selectaţi tot
.HeaderButton {
-moz-box-shadow:inset 0px 1px 0px 0px #8f8f8f;
-webkit-box-shadow:inset 0px 1px 0px 0px #8f8f8f;
box-shadow:inset 0px 1px 0px 0px #8f8f8f;
background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#6f706c),color-stop(1,#7a7a7a));
background:-moz-linear-gradient(top,#6f706c 5%,#7a7a7a 100%);
background:-webkit-linear-gradient(top,#6f706c 5%,#7a7a7a 100%);
background:-o-linear-gradient(top,#6f706c 5%,#7a7a7a 100%);
background:-ms-linear-gradient(top,#6f706c 5%,#7a7a7a 100%);
background:linear-gradient(to bottom,#6f706c 5%,#7a7a7a 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f706c',endColorstr='#7a7a7a',GradientType=0);
background-color:#6f706c;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:3px solid #656663;
display:inline-block;
cursor:pointer;
color:white;
font-family:Arial;
font-size:12px;
font-weight:bold;
padding:5px 5px;
text-decoration:none;
text-shadow:0px 1px 0px #636363;
}
.HeaderButton:hover {
background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#7a7a7a),color-stop(1,#6f706c));
background:-moz-linear-gradient(top,#7a7a7a 5%,#6f706c 100%);
background:-webkit-linear-gradient(top,#7a7a7a 5%,#6f706c 100%);
background:-o-linear-gradient(top,#7a7a7a 5%,#6f706c 100%);
background:-ms-linear-gradient(top,#7a7a7a 5%,#6f706c 100%);
background:linear-gradient(to bottom,#7a7a7a 5%,#6f706c 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a7a7a',endColorstr='#6f706c',GradientType=0);
background-color:#7a7a7a;
}
.HeaderButton:active {
top:1px;
}
