CSS Buton pc'de gözüküyor sitede gözükmüyor.

[tankdream]

Selamun aleyküm beyler siteye eklediğim üst butonlar pcde index.html yi açtığımda gözüküyor ancak sitede değişik gözüküyor ssler aşağıda...


Site üst butonları pcde böyle gözüküyor ;

Site üst butonları nette böyle gözüküyor;

Kodlar;
/**
* CSS Buttons Generator for your pleasure!
* http://www.dextronet.com/css-buttons-generator
*
* (c) Ondrej Zabojnik <zabojnik@dextronet.com>, released under the MIT license
*
* Usage:
* <a href="" class="shiny-button"><strong>Ko-cuce.net</strong><br>www.kingofpvp.com</a>
*
*/


.shiny-button {
display: inline-block;
text-align: center;
border-width: 1px;
border-style: solid;
text-transform: uppercase;
text-decoration: none;
line-height: 1.1;
font-weight: normal;
font-family: sans-serif;
color: #FFFFFF;
font-size: 8px;
background-color: #8A5802;
background-image: -webkit-linear-gradient(top, #8f5b02 0%, #a06d15 48%, #8A5802 49%, #8A5802 82%, #a66a02 100%);
background-image: -moz-linear-gradient(top, #8f5b02 0%, #a06d15 48%, #8A5802 49%, #8A5802 82%, #a66a02 100%);
background-image: -o-linear-gradient(top, #8f5b02 0%, #a06d15 48%, #8A5802 49%, #8A5802 82%, #a66a02 100%);
background-image: linear-gradient(top, #8f5b02 0%, #a06d15 48%, #8A5802 49%, #8A5802 82%, #a66a02 100%);
border-color: hsl(38, 38%, 27%);
-webkit-box-shadow: inset 0 0 1px 1px #d08503, 0 0 1px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 0 1px 1px #d08503, 0 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 0 1px 1px #d08503, 0 0 1px 3px rgba(0, 0, 0, 0.15);
-webkit-text-shadow: 1px 1px 1px #251801;
-moz-text-shadow: 1px 1px 1px #251801;
-o-text-shadow: 1px 1px 1px #251801;
text-shadow: 1px 1px 1px #251801;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding: 1.2000000000000002px 3px 1.2000000000000002px 3px;
}


.shiny-button strong {
letter-spacing: 1px;
font-size: 22px;
}


.shiny-button:hover {
color: #FFFFFF;
background-color: #996202;
background-image: -webkit-linear-gradient(top, #9e6502 0%, #ae7616 48%, #996202 49%, #996202 82%, #b57402 100%);
background-image: -moz-linear-gradient(top, #9e6502 0%, #ae7616 48%, #996202 49%, #996202 82%, #b57402 100%);
background-image: -o-linear-gradient(top, #9e6502 0%, #ae7616 48%, #996202 49%, #996202 82%, #b57402 100%);
background-image: linear-gradient(top, #9e6502 0%, #ae7616 48%, #996202 49%, #996202 82%, #b57402 100%);
border-color: hsl(38, 39%, 30%);
-webkit-box-shadow: inset 0 0 1px 1px #da8c03, 0 0 1px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 0 1px 1px #da8c03, 0 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 0 1px 1px #da8c03, 0 0 1px 3px rgba(0, 0, 0, 0.15);
-webkit-text-shadow: 1px 1px 1px #342201;
-moz-text-shadow: 1px 1px 1px #342201;
-o-text-shadow: 1px 1px 1px #342201;
text-shadow: 1px 1px 1px #342201;
}


.shiny-button:active {
color: #FFFFFF;
background-color: #7b4e02;
background-image: -webkit-linear-gradient(top, #714802 0%, #8A5802 100%);
background-image: -moz-linear-gradient(top, #714802 0%, #8A5802 100%);
background-image: -o-linear-gradient(top, #714802 0%, #8A5802 100%);
background-image: linear-gradient(top, #714802 0%, #8A5802 100%);
padding: 2.2px 3px 0.20000000000000018px 3px;
}
_________________________________________________________________