235 lines
12 KiB
CSS
235 lines
12 KiB
CSS
html {BORDER-STYLE:_none; HEIGHT:100%;}
|
||
body {MARGIN: 5px; FONT-COLOR: black; FONT-FAMILY: Arial; HEIGHT:100%;}
|
||
|
||
@media print{
|
||
body {ZOOM: 87%; BACKGROUND-COLOR: #FFFFFF;}
|
||
#pagebreak {PAGE-BREAK-AFTER: always;}
|
||
|
||
/* popup-menu */
|
||
#menu {DISPLAY: none; FILTER:blendTrans(Duration=0.3);}
|
||
input {DISPLAY: none;}
|
||
#menucaption {DISPLAY: none;}
|
||
#menuitems {DISPLAY: none;}
|
||
}
|
||
@media screen{
|
||
body {ZOOM: 120%; BACKGROUND-COLOR: #ECE9D8;}
|
||
#pagebreak {DISPLAY: none;}
|
||
|
||
/* popup-menu */
|
||
#menu,
|
||
.submenu {BACKGROUND-COLOR: buttonface; POSITION: absolute; WIDTH: 180px; BORDER-STYLE: outset; BORDER-WIDTH: 2px; Z-INDEX: 200; VISIBILITY: hidden; FILTER:blendTrans(Duration=0.3); FONT-SIZE: 70%;}
|
||
input {CURSOR: hand;}
|
||
#menucaption {BACKGROUND-COLOR: blue; COLOR: white; TEXT-ALIGN:center;}
|
||
#menuitems {PADDING: 5px;}
|
||
#menuitemcaption {WIDTH: 79%;}
|
||
#menuitemsub {WIDTH: 6%; POSITION: relative; TOP:-3px; CURSOR: hand;}
|
||
}
|
||
|
||
#reporthead {WIDTH: 800px; HEIGHT: 35px; BACKGROUND-COLOR: white; BORDER-BOTTOM: 1px solid black; FONT-SIZE: 100%;}
|
||
|
||
#recipehead, #orderhead {WIDTH: 800px; BACKGROUND-COLOR: silver; FONT-SIZE: 70%;}
|
||
|
||
#headcaption {FONT-WEIGHT: bolder; TEXT-DECORATION: underline; CLEAR:both;}
|
||
|
||
#headline,
|
||
#recipeheadline,
|
||
#orderheadline,
|
||
#runprogsummaryline {LINE-HEIGHT: 90%;}
|
||
|
||
#headitem,
|
||
#recipeheaditem {FLOAT: left; WIDTH: 33%;}
|
||
#headitemcaption,
|
||
#recipeheaditemcaption {FLOAT: left; WIDTH: 40%;}
|
||
#headitemvalue,
|
||
#recipeheaditemvalue {FLOAT: left; WIDTH: 40%;}
|
||
#headitemunit,
|
||
#recipeheaditemunit {WIDTH: 20%;}
|
||
|
||
#steps {WIDTH: 800px; BORDER-TOP: 1px solid black; BORDER-BOTTOM: 1px solid black; BACKGROUND-COLOR:white;}
|
||
#step {CLEAR: both; BORDER-TOP: 1px solid silver; OVERFLOW:hidden;}
|
||
|
||
#stepno {FLOAT: left; WIDTH: 4%; PADDING-RIGHT: 2px; CLEAR: both; TEXT-ALIGN: right; FONT-WEIGHT:bold;}
|
||
|
||
#stepsubno {FLOAT: left; WIDTH: 2%; FONT-SIZE: 60%}
|
||
.stepjump {COLOR:yellow; BACKGROUND-COLOR:blue;}
|
||
|
||
#time {FLOAT: left; WIDTH: 10%; LETTER-SPACING: 0px; WORD-SPACING: 0px; FONT: 53%; OVERFLOW: visible;}
|
||
|
||
#limitsoll,
|
||
#timesoll {FLOAT: left; WIDTH: 49%; OVERFLOW: hidden; COLOR:blue;}
|
||
#limitist,
|
||
#timeist {FLOAT: left; WIDTH: 49%; OVERFLOW: hidden; COLOR:green; FONT: italic;}
|
||
|
||
#werte {WIDTH: 100%; FONT: 70%; OVERFLOW: hidden; LINE-HEIGHT:90%}
|
||
|
||
|
||
#value_caption {FLOAT: left; WIDTH: 30%; FONT-WEIGHT: _bolder; }
|
||
#value_recipe,
|
||
#value_default,
|
||
#value_setvalue,
|
||
#value_current {FLOAT: left; WIDTH: 10%; TEXT-ALIGN:right; MARGIN-RIGHT:1%;}
|
||
|
||
#unit_recipe,
|
||
#unit_default,
|
||
#unit_setvalue,
|
||
#unit_current {FLOAT: left; WIDTH: 5%; OVERFLOW:hidden;}
|
||
|
||
#value_recipe,
|
||
#unit_recipe {COLOR:blue;}
|
||
#value_default,
|
||
#unit_default {COLOR:gray;}
|
||
#value_setvalue,
|
||
#unit_setvalue {}
|
||
#value_current,
|
||
#unit_current {COLOR:green; FONT: italic;}
|
||
|
||
#steptype016w1i,#steptype017w1i,#steptype018w1i,
|
||
#steptype019w1i,#steptype020w1i,#steptype021w1i,#steptype022w1i,#steptype023w1i,
|
||
#steptype024w1i,#steptype027w1i,#steptype029w1i,#steptype030w1i,#steptype031w1i,
|
||
#steptype032w1i,#steptype033w1i,#steptype050w1i,#steptype051w1i,
|
||
#steptype016w2i,#steptype017w2i,#steptype018w2i,
|
||
#steptype019w2i,#steptype020w2i,#steptype021w2i,#steptype022w2i,#steptype023w2i,
|
||
#steptype024w2i,#steptype027w2i,#steptype029w2i,#steptype030w2i,#steptype031w2i,
|
||
#steptype032w2i,#steptype033w2i,#steptype050w2i,#steptype051w2i,
|
||
#steptype016w3i,#steptype017w3i,#steptype018w3i,
|
||
#steptype019w3i,#steptype020w3i,#steptype021w3i,#steptype022w3i,#steptype023w3i,
|
||
#steptype024w3i,#steptype027w3i,#steptype029w3i,#steptype030w3i,#steptype031w3i,
|
||
#steptype032w3i,#steptype033w3i,#steptype050w3i,#steptype051w3i,
|
||
#steptype016w4i,#steptype017w4i,#steptype018w4i,
|
||
#steptype019w4i,#steptype020w4i,#steptype021w4i,#steptype022w4i,#steptype023w4i,
|
||
#steptype024w4i,#steptype027w4i,#steptype029w4i,#steptype030w4i,#steptype031w4i,
|
||
#steptype032w4i,#steptype033w4i,#steptype050w4i,#steptype051w4i,
|
||
#steptype016w5i,#steptype017w5i,#steptype018w5i,
|
||
#steptype019w5i,#steptype020w5i,#steptype021w5i,#steptype022w5i,#steptype023w5i,
|
||
#steptype024w5i,#steptype027w5i,#steptype029w5i,#steptype030w5i,#steptype031w5i,
|
||
#steptype032w5i,#steptype033w5i,#steptype050w5i,#steptype051w5i,
|
||
#steptype016w6i,#steptype017w6i,#steptype018w6i,
|
||
#steptype019w6i,#steptype020w6i,#steptype021w6i,#steptype022w6i,#steptype023w6i,
|
||
#steptype024w6i,#steptype027w6i,#steptype029w6i,#steptype030w6i,#steptype031w6i,
|
||
#steptype032w6i,#steptype033w6i,#steptype050w6i,#steptype051w6i,
|
||
{DISPLAY:none; FLOAT: left; WIDTH: 21%; TEXT-ALIGN: right; FONT: italic 70%; COLOR: blue; OVERFLOW: hidden}
|
||
|
||
#steptype016w1s,#steptype017w1s,#steptype018w1s,
|
||
#steptype019w1s,#steptype020w1s,#steptype021w1s,#steptype022w1s,#steptype023w1s,
|
||
#steptype024w1s,#steptype027w1s,#steptype029w1s,#steptype030w1s,#steptype031w1s,
|
||
#steptype032w1s,#steptype033w1s,#steptype050w1s,#steptype051w1s,
|
||
#steptype016w2s,#steptype017w2s,#steptype018w2s,
|
||
#steptype019w2s,#steptype020w2s,#steptype021w2s,#steptype022w2s,#steptype023w2s,
|
||
#steptype024w2s,#steptype027w2s,#steptype029w2s,#steptype030w2s,#steptype031w2s,
|
||
#steptype032w2s,#steptype033w2s,#steptype050w2s,#steptype051w2s,
|
||
#steptype016w3s,#steptype017w3s,#steptype018w3s,
|
||
#steptype019w3s,#steptype020w3s,#steptype021w3s,#steptype022w3s,#steptype023w3s,
|
||
#steptype024w3s,#steptype027w3s,#steptype029w3s,#steptype030w3s,#steptype031w3s,
|
||
#steptype032w3s,#steptype033w3s,#steptype050w3s,#steptype051w3s,
|
||
#steptype016w4s,#steptype017w4s,#steptype018w4s,
|
||
#steptype019w4s,#steptype020w4s,#steptype021w4s,#steptype022w4s,#steptype023w4s,
|
||
#steptype024w4s,#steptype027w4s,#steptype029w4s,#steptype030w4s,#steptype031w4s,
|
||
#steptype032w4s,#steptype033w4s,#steptype050w4s,#steptype051w4s,
|
||
#steptype016w5s,#steptype017w5s,#steptype018w5s,
|
||
#steptype019w5s,#steptype020w5s,#steptype021w5s,#steptype022w5s,#steptype023w5s,
|
||
#steptype024w5s,#steptype027w5s,#steptype029w5s,#steptype030w5s,#steptype031w5s,
|
||
#steptype032w5s,#steptype033w5s,#steptype050w5s,#steptype051w5s,
|
||
#steptype016w6s,#steptype017w6s,#steptype018w6s,
|
||
#steptype019w6s,#steptype020w6s,#steptype021w6s,#steptype022w6s,#steptype023w6s,
|
||
#steptype024w6s,#steptype027w6s,#steptype029w6s,#steptype030w6s,#steptype031w6s,
|
||
#steptype032w6s,#steptype033w6s,#steptype050w6s,#steptype051w6s
|
||
{FLOAT: left; WIDTH: 31%; TEXT-ALIGN: right; FONT: 70%; OVERFLOW: hidden}
|
||
|
||
#steptype016w1m,#steptype017w1m,#steptype018w1m,
|
||
#steptype019w1m,#steptype020w1m,#steptype021w1m,#steptype022w1m,#steptype023w1m,
|
||
#steptype024w1m,#steptype027w1m,#steptype029w1m,#steptype030w1m,#steptype031w1m,
|
||
#steptype032w1m,#steptype033w1m,#steptype050w1m,#steptype051w1m,
|
||
#steptype016w2m,#steptype017w2m,#steptype018w2m,
|
||
#steptype019w2m,#steptype020w2m,#steptype021w2m,#steptype022w2m,#steptype023w2m,
|
||
#steptype024w2m,#steptype027w2m,#steptype029w2m,#steptype030w2m,#steptype031w2m,
|
||
#steptype032w2m,#steptype033w2m,#steptype050w2m,#steptype051w2m,
|
||
#steptype016w3m,#steptype017w3m,#steptype018w3m,
|
||
#steptype019w3m,#steptype020w3m,#steptype021w3m,#steptype022w3m,#steptype023w3m,
|
||
#steptype024w3m,#steptype027w3m,#steptype029w3m,#steptype030w3m,#steptype031w3m,
|
||
#steptype032w3m,#steptype033w3m,#steptype050w3m,#steptype051w3m,
|
||
#steptype016w4m,#steptype017w4m,#steptype018w4m,
|
||
#steptype019w4m,#steptype020w4m,#steptype021w4m,#steptype022w4m,#steptype023w4m,
|
||
#steptype024w4m,#steptype027w4m,#steptype029w4m,#steptype030w4m,#steptype031w4m,
|
||
#steptype032w4m,#steptype033w4m,#steptype050w4m,#steptype051w4m,
|
||
#steptype016w5m,#steptype017w5m,#steptype018w5m,
|
||
#steptype019w5m,#steptype020w5m,#steptype021w5m,#steptype022w5m,#steptype023w5m,
|
||
#steptype024w5m,#steptype027w5m,#steptype029w5m,#steptype030w5m,#steptype031w5m,
|
||
#steptype032w5m,#steptype033w5m,#steptype050w5m,#steptype051w5m,
|
||
#steptype016w6m,#steptype017w6m,#steptype018w6m,
|
||
#steptype019w6m,#steptype020w6m,#steptype021w6m,#steptype022w6m,#steptype023w6m,
|
||
#steptype024w6m,#steptype027w6m,#steptype029w6m,#steptype030w6m,#steptype031w6m,
|
||
#steptype032w6m,#steptype033w6m,#steptype050w6m,#steptype051w6m,
|
||
{WIDTH:90%; FONT: 70%; OVERFLOW: hidden}
|
||
|
||
#name
|
||
{FLOAT: left; WIDTH: 20%; OVERFLOW: hidden; FONT: bold;}
|
||
|
||
|
||
#runprog
|
||
{FLOAT: left; WIDTH: 5%; OVERFLOW: hidden; FONT: 90%; FONT: bold}
|
||
|
||
/* technologischer block */
|
||
#steptype027 {PADDING-BOTTOM: 0.3%; BACKGROUND-COLOR: #E0FFFF; CLEAR: both}
|
||
#text {FLOAT: left; WIDTH:50%; FONT-SIZE:17px; OVERFLOW:_hidden; HEIGHT:20px; TEXT-ALIGN:center; PADDING-TOP:3px;}
|
||
|
||
/* rezeptende */
|
||
#steptype050 {PADDING-BOTTOM: 0.3%; BACKGROUND-COLOR: #FFD0A0; CLEAR: both; HEIGHT: 20px;}
|
||
#steptype050stepno {DISPLAY: _none;}
|
||
#steptype050stepsubno {DISPLAY: none;}
|
||
#steptype050text {FLOAT: left; WIDTH: 25%; OVERFLOW: hidden; FONT: 90%;}
|
||
|
||
/* bewegungsprogramm im schritt */
|
||
#runprog {POSITION: relative; LEFT: 48%; WIDTH: 52%; BACKGROUND-COLOR: #E6E6F0; FONT: 70%; PADDING-LEFT: 1.5%; CLEAR: both}
|
||
#runcaption {WIDTH: 19%; FLOAT: left;}
|
||
#runvalue {WIDTH: 30%; FLOAT: left;}
|
||
|
||
/* farbe f<>r kommentar #FFE6E6 */
|
||
#steptext {FONT: 80%; CLEAR: both; LINE-HEIGHT: 90%;}
|
||
#name_pk {FLOAT: left; PADDING-RIGHT: 2%;}
|
||
#action_pk {FLOAT: left; PADDING-RIGHT: 2%;}
|
||
#metric_pk {}
|
||
|
||
/* schalter im schritt */
|
||
#flags {POSITION: relative; LEFT: 48%; WIDTH: 52%; BACKGROUND-COLOR: #F0E6B6; FONT: 70%; PADDING-LEFT: 0.5%; CLEAR: both}
|
||
|
||
/* kommentar */
|
||
#comment {WIDTH: 100%; BACKGROUND-COLOR: #D5BEDE; MARGIN-LEFT: 10%; CLEAR: both; TEXT-ALIGN:center; FONT-SIZE: 90%;}
|
||
/* chemikalien */
|
||
#component {WIDTH: 90%; POSITION: relative; LEFT: 10%; BACKGROUND-COLOR: #FFFFE4; LINE-HEIGHT: 90%; CLEAR: both;}
|
||
#componentname {WIDTH: 30%; FLOAT: left; PADDING-LEFT:15%; OVERFLOW: hidden; FONT: 90%; CLEAR: both;}
|
||
#componentphysicalclose {WIDTH: 10%; FLOAT: left; FONT-SIZE: 75%; COLOR:gray;}
|
||
#componentpercent {WIDTH: 8%; FLOAT: left; TEXT-ALIGN: right; FONT-SIZE: 90%; COLOR:blue;}
|
||
#componentunitpercent {WIDTH: 4%; FLOAT: left; FONT-SIZE: 90%; COLOR:blue;}
|
||
#componentdefault {WIDTH: 8%; FLOAT: left; TEXT-ALIGN: right; FONT-SIZE: 90%; COLOR:gray;}
|
||
#componentunitdefault {WIDTH: 4%; FLOAT: left; FONT-SIZE: 90%; COLOR:gray;}
|
||
#componentsetvalue {WIDTH: 8%; FLOAT: left; TEXT-ALIGN: right; FONT-SIZE: 90%;}
|
||
#componentunitsetvalue {WIDTH: 4%; FLOAT: left; FONT-SIZE: 90%;}
|
||
#componentcurrent {WIDTH: 8%; FLOAT: left; TEXT-ALIGN: right; FONT-SIZE: 90%; COLOR:green;}
|
||
#componentunitcurrent {WIDTH: 4%; FLOAT: left; FONT-SIZE: 90%; COLOR:green;}
|
||
#componentnumber {TEXT-ALIGN: right; FONT-SIZE: 90%; OVERFLOW: hidden}
|
||
|
||
.editable {CURSOR:hand; BACKGROUND-COLOR:black; COLOR:white !important; BORDER:1px solid white;}
|
||
|
||
#aep_ovrl {
|
||
background-color: black;
|
||
-moz-opacity: 0.7; opacity: 0.7;
|
||
top: 0; left: 0; position: fixed;
|
||
width: 100%; height:100%; z-index: 99;
|
||
}
|
||
#aep_ww { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}
|
||
#aep_win { margin: 20% auto 0 auto; width: 400px; text-align: left;}
|
||
#aep_w {background-color: white; padding: 3px; border: 1px solid black; background-color: #EEE;}
|
||
#aep_t {color: white; margin: 0 0 2px 3px; font-family: Arial, sans-serif; font-size: 10pt;}
|
||
#aep_text {width: 100%;}
|
||
#aep_w span {font-family: Arial, sans-serif; font-size: 10pt;}
|
||
#aep_w div {text-align: right; margin-top: 5px;}
|
||
#aep_ovrl {
|
||
position: absolute;
|
||
filter:alpha(opacity=70);
|
||
top: expression(eval(document.body.scrollTop));
|
||
width: expression(eval(document.body.clientWidth));
|
||
}
|
||
#aep_ww {
|
||
position: absolute;
|
||
top: expression(eval(document.body.scrollTop));
|
||
} |