/****************************************************************************** Copy this DCLINABOX.CSS to say _EXAMPLE.CSS and then append to the .. of the embedded terminal page or the page containing the terminal launcher. In this way local customisation will not be overwritten when the DCLinabox kit is updated. *******************************************************************************/ #vtsplash { width: 570px; height: 320px; overflow: auto; font-family: futura, "Tw Cen MT", helvetica, arial, sans; } #vtversion { font-size: 80%; margin-top: 5px; } #vtinabox { display: none; /* to start with! */ overflow: hidden; border-width: 2px; background-color: ghostwhite; box-shadow: 1px 3px 5px 1px #505050; font-size: 14px; } #vt100 { min-height: 16px; margin-bottom:0; height:4em; width:24em; border-width: 2px; border-style: groove; border-color: silver; } #vtkbd { padding: 0.3em; max-width:100%; border-width: 0 2px 2px 0; border-style: groove; border-color: silver; display: none; } #vtlle { max-width:95%; border-width: 0 2px 2px 0; border-style: groove; border-color: silver; display: none; } #vtstatus { /* dclianbox.js resizeTerminal() uses the max-height value */ height: 2.4em; min-height:2.4em; max-height:2.4em; font-height: 1em; line-height: 1em; overflow: hidden; padding: 0; margin: 0; padding-top:0.4em; font-family: "DejaVu Sans Mono", "Everson Mono", FreeMono, "Lucida Console", monospace; vertical-align: middle; font-size: 85%; letter-spacing: -1px; color: black; border-width: 0 2px 2px 2px; border-style: groove; border-color: silver; } #vtnotlogo { display: table-cell; width: 95%; max-width:95%; text-align: left; } #vtlogo { display: table-cell; width: 10%; vertical-align: middle; padding: 0.2em 1em 0 0; font-family: futura, "Tw Cen MT", helvetica, arial, sans; font-size:95%; text-align: center; white-space: pre; letter-spacing: 0px; text-shadow: 0 1px 0 rgba(255,255,255,.8); z-index: 1; } #vtcontrol { display: inline-block; margin: 0 0 0 0.5em; padding: 0; white-space: nowrap; overflow: hidden; } #vtmsg { display: inline-block; margin: -0.7em 0 0.2em 2em; padding: 0; vertical-align: middle; white-space: nowrap; font-size: 75%; } #vtbell { display: inline-block; margin: 0 0.3em 0 0.3em; padding: 0.3em; vertical-align: text-bottom; line-height: 1em; font-size: 110%; } #vtstream { display: none; font-family: "DejaVu Sans Mono", "Everson Mono", FreeMono, "Lucida Console", monospace; font-size: 10pt; border: 1px dashed red; } #leds { display: inline-block; margin: 0 0.5em 0 0.5em; vertical-align: bottom; } #led1,#led2,#led3,#led4 { display: inline-block; background-color: transparent; border: 1px solid gray; border-radius: 0.2em; height: 0.7em; width: 1.5em; margin: 0 0.2em 0 0; } #vtpaste { font-size: 90%; height: 1.2em; width: 4em; padding: 0 0 0 0; margin:0 0 0.7em 0.7em; border-width: 2px 2px 2px 2px; border-style: solid; border-color: gray; display: inline-block; vertical-align: middle; text-align: center; overflow: hidden; resize: none; } button, input, select { font-family: helvetica, arial, sans; font-size: 95%; box-sizing: content-box; outline: none; margin: 0.3em 0.2em 0.2em 0.2em; padding: 0.1em 0.5em 0 0.5em; background-color: white; border: 1px solid dimgray; border-radius:2px; box-shadow: 1px 1px lightgray; vertical-align: text-bottom; } .vtbtn:hover { background-color: ivory; border-color: black; } #vtWxH { display: inline-block; } #selectWxH { margin: 0 0 0 2px; padding: 0 0 0 2px; border-width: 1px; border-style: solid; border-color: slategray; border-radius: .2em; outline-color: transparent; outline-style: none; } #vtacme { background-color: whitesmoke; border:1px outset white; box-shadow:1px 3px 5px 1px #505050; padding:10px; font-family: "Lucida Sans","Lucinda Grande",Arial,Helvetica,Tahoma,sans-serif, "Lucida Console", "Courier New", Courier, Monaco; font-size: 12px; } .acmeDCLinabox { font-family: futura, "Tw Cen MT", helvetica, arial, sans; font-size:110%; letter-spacing:-1px; margin:0 2px 0 2px; } /* for blinking text animation (animation: blink 1s step-end infinite;) */ @keyframes blink { 50% { visibility: hidden; }} /** end **/