Merge pull request #3401 from RobLoach/tweaks

[Emscripten] Add design tweaks to the player
This commit is contained in:
Andrés 2016-08-17 14:44:55 -05:00 committed by GitHub
commit a2529620ad
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. * This provides the basic styling for the RetroArch web player.
*/ */
/**
* The logging textarea.
*/
textarea.webplayer { textarea.webplayer {
font-family: monospace; font-family: monospace;
font-size: 0.8em; font-size: 0.8em;
} }
h1 { /**
text-align: left; * Make sure the background of the player is black.
} */
div.canvas_border { .webplayer-container {
background-color:gray; background-color: black;
width:800px; height:600px;
margin-left: auto;
margin-right: auto;
} }
/**
* Disable the border around the player.
*/
canvas.webplayer { canvas.webplayer {
border: 0px none; border: none;
outline: none;
} }

View File

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