1
0
mirror of https://github.com/sehugg/8bitworkshop.git synced 2024-06-11 12:29:29 +00:00

tweaking emulator div styles

This commit is contained in:
Steven Hugg 2018-03-24 16:13:27 -06:00
parent 5b92659b97
commit f0591ef7c4
3 changed files with 14 additions and 13 deletions

View File

@ -60,14 +60,6 @@ div.editor {
line-height:1.25; line-height:1.25;
font-size:12pt; font-size:12pt;
} }
div.emulator {
position:absolute;
left:50%;
top:0;
width:50%;
background-color: #666;
margin-top: 20px auto 0;
}
div.debugwindow { div.debugwindow {
position:absolute; position:absolute;
left:50%; left:50%;
@ -192,22 +184,30 @@ a.dropdown-toggle {
-moz-border-radius:6px 0 6px 6px; -moz-border-radius:6px 0 6px 6px;
border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px;
} }
div.emulator {
position:absolute;
left:50%;
top:0;
width:50%;
background-color: #666;
margin-top: 20px auto 0;
height:100%;
}
.emubevel { .emubevel {
width:100%; width:100%;
height:100%; height:100%;
padding:4%; padding:5%;
background:#333; background:#333;
} }
.emuvideo { .emuvideo {
border-radius:20px; border-radius:20px;
border: 4px solid #222; border: 4px solid #222;
padding: 30px; padding: 30px;
margin-top: 20px; margin-top: 10px;
margin-bottom: 20px; margin-bottom: 10px;
background: #000; background: #000;
outline-color: #666; outline-color: #666;
width: 100%; width: 100%;
height: 100%;
} }
canvas.pixelated { canvas.pixelated {
image-rendering: optimizeSpeed; /* Older versions of FF */ image-rendering: optimizeSpeed; /* Older versions of FF */

View File

@ -133,7 +133,7 @@ ga('send', 'pageview');
</div> </div>
</div> </div>
<div class="emulator" id="emulator"> <div class="emulator" id="emulator">
<div style="margin:10px"> <div id="javatari-div" style="margin:10px; display:none">
<div id="javatari-screen" style="margin: 0 auto; box-shadow: 2px 2px 10px rgb(60, 60, 60);"></div> <div id="javatari-screen" style="margin: 0 auto; box-shadow: 2px 2px 10px rgb(60, 60, 60);"></div>
<div id="javatari-console-panel" style="margin: 0 auto; box-shadow: 2px 2px 10px rgb(60, 60, 60);"></div> <div id="javatari-console-panel" style="margin: 0 auto; box-shadow: 2px 2px 10px rgb(60, 60, 60);"></div>
</div> </div>

View File

@ -44,6 +44,7 @@ var VCSPlatform = function() {
this.getPresets = function() { return VCS_PRESETS; } this.getPresets = function() { return VCS_PRESETS; }
this.start = function() { this.start = function() {
$("#javatari-div").show();
Javatari.start(); Javatari.start();
} }