<script>
function toggleFullScreen() {
if ((document.fullScreenElement && document.fullScreenElement !== null) ||
(!document.mozFullScreen && !document.webkitIsFullScreen)) {
if (document.documentElement.requestFullScreen) {
document.documentElement.requestFullScreen();
} else if (document.documentElement.mozRequestFullScreen) {
document.documentElement.mozRequestFullScreen();
} else if (document.documentElement.webkitRequestFullScreen) {
document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
}
} else {
if (document.cancelFullScreen) {
document.cancelFullScreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
}
}
</script>
<style>
#hexrules {
border-radius: 10px;
line-height: 32px;
font-size: 16px;
text-align: center;
display: inline-block;
color: white; width: 120px;
height: 30px;
background-color: rgb(51, 127, 46);
border: 2px solid #7bc976;
text-decoration: none;
}
#hexrules:hover {
border-radius: 10px;
line-height: 32px;
font-size: 16px;
text-align: center;
display: inline-block;
color: white; width: 120px;
height: 30px;
background-color: #7bc976;
border: 2px solid #7bc976;
text-decoration: none;
}
#fullscreenmode {
border-radius: 10px;
line-height: 32px;
font-size: 16px;
text-align: center;
display: inline-block;
color: white; width:
120px; height: 30px;
background-color: rgb(51, 127, 46);
border: 2px solid #7bc976;
text-decoration: none;
}
#fullscreenmode:hover {
border-radius: 10px;
line-height: 32px;
font-size: 16px;
text-align: center;
display: inline-block;
color: white; width:
120px; height: 30px;
background-color: #7bc976;
border: 2px solid #7bc976;
text-decoration: none;
}
</style>
<div style="width: 252px; position: absolute; z-index: 630; left: 5px; top: 5px;">
<a id="Link to rules page" href="#">(hotelname) rules</a>
<a type="button" value="Fullscreen" onclick="toggleFullScreen()" id="fullscreenmode" href="#">Fullscreen</a>
</div>