[Emscripten] Add design tweaks to the player

This commit is contained in:
Rob Loach 2016-08-17 15:43:35 -04:00
parent 2723fe59a0
commit b20c843fa8
No known key found for this signature in database
GPG Key ID: 627C60834A74A21A
2 changed files with 16 additions and 10 deletions

View File

@ -3,20 +3,26 @@
*
* This provides the basic styling for the RetroArch web player.
*/
/**
* The logging textarea.
*/
textarea.webplayer {
font-family: monospace;
font-size: 0.8em;
}
h1 {
text-align: left;
}
div.canvas_border {
background-color:gray;
width:800px; height:600px;
margin-left: auto;
margin-right: auto;
/**
* Make sure the background of the player is black.
*/
.webplayer-container {
background-color: black;
}
/**
* Disable the border around the player.
*/
canvas.webplayer {
border: 0px none;
border: none;
outline: none;
}

View File

@ -18,7 +18,7 @@
</ul>
</div>
</nav>
<div class="bg-inverse">
<div class="bg-inverse webplayer-container">
<div class="container">
<div class="webplayer_border text-xs-center" id="canvas_div" style="display: none">
<canvas class="webplayer col-xs-12" id="canvas" tabindex="1" oncontextmenu="event.preventDefault()"></canvas>