mirror of
https://github.com/libretro/RetroArch
synced 2025-04-07 13:23:32 +00:00
Merge pull request #3401 from RobLoach/tweaks
[Emscripten] Add design tweaks to the player
This commit is contained in:
commit
a2529620ad
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user