364 lines
6.9 KiB
CSS
364 lines
6.9 KiB
CSS
/*-------------------------------------------------------------------------
|
|
| SAE - Scripted Amiga Emulator
|
|
| https://github.com/naTmeg/ScriptedAmigaEmulator
|
|
|
|
|
| Copyright (C) 2012-2016 Rupert Hausberger
|
|
|
|
|
| This program is free software; you can redistribute it and/or
|
|
| modify it under the terms of the GNU General Public License
|
|
| as published by the Free Software Foundation; either version 2
|
|
| of the License, or (at your option) any later version.
|
|
|
|
|
| This program is distributed in the hope that it will be useful,
|
|
| but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
| MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
| GNU General Public License for more details.
|
|
-------------------------------------------------------------------------*/
|
|
|
|
a:link { color:#24c; text-decoration:none; }
|
|
a:visited { color:#24c; text-decoration:none; }
|
|
a:hover { color:#24c; text-decoration:underline; }
|
|
|
|
body {
|
|
top:0;
|
|
left:0;
|
|
margin:0;
|
|
padding:0;
|
|
font-family:Verdana;
|
|
font-size:13px;
|
|
background-color:#f8f8f8;
|
|
-webkit-touch-callout:none;
|
|
-webkit-user-select:none;
|
|
-khtml-user-select:none;
|
|
-moz-user-select:none;
|
|
-ms-user-select:none;
|
|
user-select:none;
|
|
}
|
|
|
|
table {
|
|
white-space:nowrap;
|
|
}
|
|
td {
|
|
text-align:left;
|
|
vertical-align:top;
|
|
}
|
|
|
|
textarea {
|
|
resize:none;
|
|
font-size:13px;
|
|
font-family:monospace;
|
|
border-left:1px solid #ccc;
|
|
border-top:1px solid #ccc;
|
|
border-right:1px solid #fff;
|
|
border-bottom:1px solid #fff;
|
|
}
|
|
|
|
input[type=text] {
|
|
font-size:13px;
|
|
border-left:1px solid #ccc;
|
|
border-top:1px solid #ccc;
|
|
border-right:1px solid #fff;
|
|
border-bottom:1px solid #fff;
|
|
}
|
|
|
|
/*---------------------------------*/
|
|
|
|
.gray { color:gray; }
|
|
.green { color:green; }
|
|
.orange { color:orange; }
|
|
.red { color:red; }
|
|
|
|
.alt { text-align:left; vertical-align:top; }
|
|
.alm { text-align:left; vertical-align:middle; }
|
|
.alb { text-align:left; vertical-align:bottom; }
|
|
|
|
.act { text-align:center; vertical-align:top; }
|
|
.acm { text-align:center; vertical-align:middle; }
|
|
.acb { text-align:center; vertical-align:bottom; }
|
|
|
|
.art { text-align:right; vertical-align:top; }
|
|
.arm { text-align:right; vertical-align:middle; }
|
|
.arb { text-align:right; vertical-align:bottom; }
|
|
|
|
.label {
|
|
font-size:11px;
|
|
font-weight:bold;
|
|
color:#333;
|
|
}
|
|
.info {
|
|
font-size:11px;
|
|
color:dimgray;
|
|
}
|
|
.warn {
|
|
font-size:11px;
|
|
color:red;
|
|
}
|
|
|
|
.noscript {
|
|
margin:auto;
|
|
padding:4px;
|
|
font-size:17px;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
color:red;
|
|
}
|
|
|
|
.head {
|
|
width:100%;
|
|
margin:auto;
|
|
text-align:center;
|
|
}
|
|
|
|
.foot {
|
|
width:100%;
|
|
margin:auto;
|
|
font-size:11px;
|
|
text-align:center;
|
|
}
|
|
|
|
.linehoriz {
|
|
width:100%;
|
|
border-top:1px solid #bbb;
|
|
}
|
|
|
|
.text {
|
|
border-left:1px solid #bbb;
|
|
border-top:1px solid #bbb;
|
|
border-right:1px solid #fff;
|
|
border-bottom:1px solid #fff;
|
|
background-color:#fff;
|
|
-webkit-touch-callout:text;
|
|
-webkit-user-select:text;
|
|
-khtml-user-select:text;
|
|
-moz-user-select:text;
|
|
-ms-user-select:text;
|
|
user-select:text;
|
|
}
|
|
|
|
/*---------------------------------*/
|
|
|
|
#myVideo {
|
|
margin:auto;
|
|
}
|
|
|
|
/*---------------------------------*/
|
|
|
|
#config select {
|
|
border-left:2px solid #fff;
|
|
border-top:2px solid #fff;
|
|
border-right:1px solid #bbb;
|
|
border-bottom:1px solid #bbb;
|
|
background-color:#f8f8f8;
|
|
}
|
|
#config .button {
|
|
width:75px;
|
|
border-left:1px solid #fff;
|
|
border-top:1px solid #fff;
|
|
border-right:1px solid #bbb;
|
|
border-bottom:1px solid #bbb;
|
|
background-color:#f8f8f8;
|
|
}
|
|
#config .button:hover {
|
|
background-color:#e8e8e8;
|
|
}
|
|
#config .sbutton {
|
|
width:100px;
|
|
padding:2px;
|
|
border-left:1px solid #fff;
|
|
border-top:1px solid #fff;
|
|
border-right:1px solid #bbb;
|
|
border-bottom:1px solid #bbb;
|
|
background-color:#f8f8f8;
|
|
}
|
|
#config .sbutton:hover {
|
|
background-color:#e8e8e8;
|
|
}
|
|
|
|
#config_database {
|
|
width:720px;
|
|
padding:10px;
|
|
margin:auto;
|
|
border-left:1px solid #fff;
|
|
border-top:1px solid #fff;
|
|
border-right:1px solid #bbb;
|
|
border-bottom:1px solid #bbb;
|
|
background-color:#f0f0f0;
|
|
}
|
|
#config_database_hof {
|
|
width:75%;
|
|
margin:auto;
|
|
padding:10px;
|
|
border-left:1px solid #bbb;
|
|
border-top:1px solid #bbb;
|
|
border-right:1px solid #fff;
|
|
border-bottom:1px solid #fff;
|
|
background-color:#e8e8e8;
|
|
}
|
|
#config_database_hof .ctrl {
|
|
padding:2px;
|
|
margin:0;
|
|
border-left:1px solid #bbb;
|
|
border-top:1px solid #bbb;
|
|
border-right:1px solid #fff;
|
|
border-bottom:1px solid #fff;
|
|
background-color:#f0f0f0;
|
|
}
|
|
|
|
#config_advanced {
|
|
width:720px;
|
|
margin:auto;
|
|
padding:10px;
|
|
border-left:1px solid #fff;
|
|
border-top:1px solid #fff;
|
|
border-right:1px solid #bbb;
|
|
border-bottom:1px solid #bbb;
|
|
background-color:#f0f0f0;
|
|
display:none;
|
|
}
|
|
#config_advanced table {
|
|
width:100%;
|
|
}
|
|
|
|
#config_advanced .menu {
|
|
padding:10px;
|
|
border-left:1px solid #ccc;
|
|
border-top:1px solid #ccc;
|
|
border-right:1px solid #fff;
|
|
border-bottom:1px solid #fff;
|
|
background-color:#e8e8e8;
|
|
}
|
|
#config_advanced .menu a:link {
|
|
font-size:13px;
|
|
color:#000;
|
|
text-decoration:none;
|
|
}
|
|
#config_advanced .menu a:hover {
|
|
color:#888;
|
|
text-decoration:none;
|
|
}
|
|
|
|
#config_advanced .page {
|
|
padding:10px;
|
|
border-left:1px solid #ccc;
|
|
border-top:1px solid #ccc;
|
|
border-right:1px solid #fff;
|
|
border-bottom:1px solid #fff;
|
|
background-color:#e8e8e8;
|
|
display:none;
|
|
}
|
|
#cfg_page_video input[type="text"] {
|
|
width:60px;
|
|
}
|
|
|
|
/*---------------------------------*/
|
|
|
|
#emul {
|
|
display:none;
|
|
}
|
|
|
|
#emul button {
|
|
width:64px;
|
|
font-size:11px;
|
|
font-weight:bold;
|
|
color:#888;
|
|
border:1px solid #888;
|
|
background-color:#000;
|
|
}
|
|
#emul button:hover {
|
|
color:#ccc;
|
|
border:1px solid #ccc;
|
|
}
|
|
|
|
#controls_status {
|
|
margin:auto;
|
|
color:#888;
|
|
font-size:9px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
#dskchg_database, #dskchg_advanced {
|
|
display:none;
|
|
}
|
|
#dskchg_database table, #dskchg_advanced table {
|
|
margin:auto;
|
|
}
|
|
#dskchg_database select, #dskchg_advanced select {
|
|
font-size:11px;
|
|
font-weight:bold;
|
|
color:#888;
|
|
border:1px solid #888;
|
|
background-color:#000;
|
|
}
|
|
|
|
/*---------------------------------*/
|
|
|
|
.readme {
|
|
width:1080px;
|
|
margin:auto;
|
|
padding:10px;
|
|
border-left:1px solid #fff;
|
|
border-top:1px solid #fff;
|
|
border-right:1px solid #bbb;
|
|
border-bottom:1px solid #bbb;
|
|
background-color:#f0f0f0;
|
|
}
|
|
.readme table {
|
|
width:100%;
|
|
}
|
|
.readme table td {
|
|
vertical-align:top;
|
|
}
|
|
.readme li {
|
|
padding:1px;
|
|
}
|
|
|
|
/*---------------------------------*/
|
|
|
|
#disass {
|
|
width:720px;
|
|
padding:10px;
|
|
margin:auto;
|
|
border-left:1px solid #fff;
|
|
border-top:1px solid #fff;
|
|
border-right:1px solid #bbb;
|
|
border-bottom:1px solid #bbb;
|
|
background-color:#f0f0f0;
|
|
}
|
|
#disass select {
|
|
border-left:1px solid #fff;
|
|
border-top:1px solid #fff;
|
|
border-right:1px solid #bbb;
|
|
border-bottom:1px solid #bbb;
|
|
}
|
|
#disass input {
|
|
border-left:1px solid #bbb;
|
|
border-top:1px solid #bbb;
|
|
border-right:1px solid #fff;
|
|
border-bottom:1px solid #fff;
|
|
}
|
|
|
|
#disass .button {
|
|
width:100px;
|
|
border-left:1px solid #fff;
|
|
border-top:1px solid #fff;
|
|
border-right:1px solid #bbb;
|
|
border-bottom:1px solid #bbb;
|
|
background-color:#f8f8f8;
|
|
}
|
|
#disass .button:hover {
|
|
background-color:#e8e8e8;
|
|
}
|
|
|
|
#disass_cfg {
|
|
border-left:1px solid #bbb;
|
|
border-top:1px solid #bbb;
|
|
border-right:1px solid #fff;
|
|
border-bottom:1px solid #fff;
|
|
background-color:#e8e8e8;
|
|
display:none;
|
|
}
|
|
|
|
#disass_code {
|
|
width:100%;
|
|
display:none;
|
|
}
|