<!--CSS-Fox Nominee Badge-->

<style type="text/css">

#css-fox-nominee-dark-badge {
position: fixed;
display: block;
z-index: 10000;
top: 100px;
left: -129px;
width: 213px;
height: 125px;
background-image: url(http://css-fox.com/other/nominee-badge-v3/images/css-fox-nominee-dark-badge.svg);
background-size: cover;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
transition: all 0.8s ease;
}
a#css-fox-nominee-dark-badge:hover {
left: -20px;
}

@media only screen and (max-width: 770px),
only screen and (max-device-width: 770px) {
#css-fox-nominee-dark-badge {
left: -64.5px;
width: 106.5px;
height: 62.5px;
}
a#css-fox-nominee-dark-badge:hover {
left: -10px;
}
}

</style>

<a href="http://css-fox.com/Your_FOX_Name" id="css-fox-nominee-dark-badge" target="_blank"></a>

<!--CSS-Fox Nominee Badge-->

<style type="text/css">

#css-fox-nominee-light-badge {
position: fixed;
display: block;
z-index: 10000;
top: 50%;
margin-top: -62.5px;
right: -129px;
width: 213px;
height: 125px;
background-image: url(http://css-fox.com/other/nominee-badge-v3/images/css-fox-nominee-light-badge.svg);
background-size: cover;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
transition: all 0.8s ease;
}
a#css-fox-nominee-light-badge:hover {
right: -20px;
}

@media only screen and (max-width: 770px),
only screen and (max-device-width: 770px) {
#css-fox-nominee-light-badge {
right: -64.5px;
width: 106.5px;
height: 62.5px;
}
a#css-fox-nominee-light-badge:hover {
right: -10px;
}
}

</style>

<a href="http://css-fox.com/Your_FOX_Name" id="css-fox-nominee-light-badge" target="_blank"></a>