2010-09-18 17:00:23 +00:00
|
|
|
/*
|
2010-10-31 13:39:31 +00:00
|
|
|
Copyright (c) 2010 Brian Silverman, Barry Silverman, Ed Spittles
|
2010-09-18 17:00:23 +00:00
|
|
|
|
|
|
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
|
of this software and associated documentation files (the "Software"), to deal
|
|
|
|
in the Software without restriction, including without limitation the rights
|
|
|
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
|
copies of the Software, and to permit persons to whom the Software is
|
|
|
|
furnished to do so, subject to the following conditions:
|
|
|
|
|
|
|
|
The above copyright notice and this permission notice shall be included in
|
|
|
|
all copies or substantial portions of the Software.
|
|
|
|
|
|
|
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
|
THE SOFTWARE.
|
|
|
|
*/
|
|
|
|
|
2010-09-18 16:56:48 +00:00
|
|
|
body {
|
|
|
|
background: white;
|
|
|
|
color: black;
|
2010-09-18 23:59:41 +00:00
|
|
|
font-family :Verdana, Arial, Helvetica, Sans-Serif;
|
2010-09-18 17:29:45 +00:00
|
|
|
font-size: 12px;
|
2010-09-18 16:56:48 +00:00
|
|
|
}
|
|
|
|
|
2010-10-02 16:37:33 +00:00
|
|
|
#title {
|
|
|
|
font-size: 30px;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
2010-09-18 16:56:48 +00:00
|
|
|
div.frame {
|
|
|
|
margin-left: 10px;
|
2010-10-02 16:37:33 +00:00
|
|
|
min-width: 1120px; /* ugh - prevent memtable flowing underneath chip */
|
|
|
|
}
|
|
|
|
|
|
|
|
div.leftcolumn {
|
|
|
|
width: 804px; /* ugh - matches the div.chip width + border */
|
|
|
|
}
|
|
|
|
|
|
|
|
div.rightcolumn {
|
2010-10-31 13:39:31 +00:00
|
|
|
padding-left: 8px;
|
2010-10-02 16:37:33 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
div.footer {
|
|
|
|
clear: both;
|
|
|
|
padding-top: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
div.nochip {
|
|
|
|
display:none;
|
|
|
|
}
|
|
|
|
|
|
|
|
div#chipsurround {
|
|
|
|
height: 600px; /* matches the div.chip height */
|
2010-09-18 16:56:48 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
div.chip {
|
|
|
|
background: lightgray;
|
|
|
|
border: 2px solid gray;
|
2010-10-02 16:37:33 +00:00
|
|
|
position: absolute; /* must be absolute to contain the canvas */
|
2010-09-18 16:56:48 +00:00
|
|
|
width: 800px;
|
|
|
|
height: 600px;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
canvas.chip {
|
|
|
|
position: absolute;
|
2010-10-02 16:37:33 +00:00
|
|
|
width: 600px; /* square chip image same height as div.chip */
|
|
|
|
height: 600px; /* square */
|
|
|
|
}
|
|
|
|
|
|
|
|
div.twobuttons{
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
|
2010-11-01 18:30:22 +00:00
|
|
|
div.morebuttons{
|
2010-10-02 16:37:33 +00:00
|
|
|
float:left;
|
2010-09-18 16:56:48 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
div.buttons{
|
2010-10-02 16:37:33 +00:00
|
|
|
/* top: -5px; */
|
2010-09-18 16:56:48 +00:00
|
|
|
}
|
|
|
|
|
2010-10-02 16:37:33 +00:00
|
|
|
div.status {
|
|
|
|
clear: left;
|
|
|
|
padding-top: 10px;
|
|
|
|
padding-bottom: 10px;
|
2010-09-18 16:56:48 +00:00
|
|
|
font-family: monospace;
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
|
2010-10-02 16:37:33 +00:00
|
|
|
img.navbutton {
|
2010-09-18 16:56:48 +00:00
|
|
|
border: 0px;
|
|
|
|
}
|
|
|
|
|
2010-10-02 16:37:33 +00:00
|
|
|
img.navplay {
|
2010-09-18 17:29:45 +00:00
|
|
|
margin-right: 5px;
|
2010-09-18 16:56:48 +00:00
|
|
|
border: 0px;
|
|
|
|
}
|
|
|
|
|
2010-10-02 16:37:33 +00:00
|
|
|
img.navstop {
|
2010-09-18 16:56:48 +00:00
|
|
|
position: absolute;
|
|
|
|
border: 0px;
|
|
|
|
}
|
|
|
|
|
2010-10-02 16:37:33 +00:00
|
|
|
span.expertcheckbox {
|
|
|
|
margin-left: 20px;
|
2010-09-25 21:32:29 +00:00
|
|
|
}
|
|
|
|
|
2010-09-18 16:56:48 +00:00
|
|
|
table.memtable {
|
|
|
|
font-family: monospace;
|
|
|
|
font-size: 12px;
|
|
|
|
border-spacing: 0px;
|
2010-10-31 13:39:31 +00:00
|
|
|
overflow: auto;
|
2010-09-18 16:56:48 +00:00
|
|
|
}
|
2010-09-18 23:59:41 +00:00
|
|
|
|
2010-10-02 16:37:33 +00:00
|
|
|
div#layoutControlPanel{
|
|
|
|
display:none;
|
|
|
|
margin-top: 2px;
|
|
|
|
margin-bottom: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
div#expertControlPanel{
|
|
|
|
display:none;
|
|
|
|
}
|
|
|
|
|
|
|
|
span.animatebox{
|
|
|
|
border:thin solid;
|
|
|
|
padding:2px;
|
|
|
|
border-color:gray;
|
|
|
|
}
|
|
|
|
|
|
|
|
a#linkHere{
|
|
|
|
padding:2px;
|
|
|
|
}
|
|
|
|
|
2010-11-08 22:03:47 +00:00
|
|
|
textarea#consolebox{
|
|
|
|
font-family:courier,monospace;
|
|
|
|
border: 1px solid gray;
|
|
|
|
margin: 2px;
|
|
|
|
padding: 2px;
|
|
|
|
width: 80em;
|
|
|
|
}
|
|
|
|
|
2010-10-02 16:37:33 +00:00
|
|
|
div#logstreamscroller{
|
|
|
|
overflow:auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
table.logstream {
|
|
|
|
font-family: monospace;
|
|
|
|
font-size: 12px;
|
|
|
|
border-spacing: 2px;
|
|
|
|
text-align:center;
|
2010-09-25 21:32:29 +00:00
|
|
|
}
|
2010-10-31 13:39:31 +00:00
|
|
|
|
|
|
|
/* Splitter */
|
|
|
|
#frame {
|
|
|
|
height: 750px;
|
|
|
|
}
|
|
|
|
|
|
|
|
div.leftcolumn, div.rightcolumn, {
|
|
|
|
overflow: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
div#righttopdiv, div#tracingdiv {
|
|
|
|
overflow: auto;
|
|
|
|
background-color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
div.rightcolumn {
|
|
|
|
background-color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vsplitbar {
|
|
|
|
width: 5px;
|
|
|
|
background: #aaa;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vsplitbar {
|
|
|
|
width: 6px;
|
|
|
|
background: #669 url(3rdparty/img/vgrabber.gif) no-repeat center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vsplitbar:hover, .vsplitbar.active {
|
|
|
|
background: #c66 url(3rdparty/img/vgrabber.gif) no-repeat center;
|
|
|
|
opacity: 0.7;
|
|
|
|
filter: alpha(opacity=70); /* IE */
|
|
|
|
background: #c99;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hsplitbar {
|
|
|
|
height: 6px;
|
|
|
|
background: #669 url(3rdparty/img/hgrabber.gif) no-repeat center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hsplitbar.active, .hsplitbar:hover {
|
|
|
|
background: #c66 url(3rdparty/img/hgrabber.gif) no-repeat center;
|
|
|
|
}
|
2010-11-09 00:35:12 +00:00
|
|
|
|
|
|
|
span#plain {
|
|
|
|
display: block;
|
|
|
|
margin-bottom: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|