/* common */ @media print { .hidden-print, .hidden-print * { display: none !important; } } *{margin:0;padding:0;} html{background:#2d2f38 ;height: 100%;} body{background:#2d2f38 ;color:#fff;font-family:Arial,sans-serif;font-size:12px;line-height:1.25;position:relative;padding:4px 8px 0 0} strong{font-weight: bold} h2{font-size:1.2em;margin:0 0 8px 8px;color:#93c138;background:url(../gfx/backgrounds/h2.png) repeat-x left center;padding:0 0 4px 16px} h2 span {background-color :#2d2f38;color:#fff;line-height:10px;padding:0 8px} h3{font-size:1.1em;margin:8px 0;} ul, li {list-style-type:none} a{text-decoration:none;cursor: pointer;transition: color 0.4s;} a:hover{color:#93c138 !important;transition: color 0.2s;} :focus {outline:none} ::-moz-focus-inner {border:0} input:focus,textarea:focus,select:focus,.btn:focus{outline:1px solid #93c138;outline-offset:1px} input[type="checkbox"] {vertical-align: middle;margin: 3px} /* helpers */ .spacer{height:1px;width:100%;clear:both} .divider{height:1px;background-color:#bbb;border-bottom: 1px solid #FFFFFF;margin:8px 0;clear:both} .truncate{display:inline-block;white-space:nowrap !important;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;} .ajaxcss {display:block;float:left;} .ajaxcss div{height:11px;width:4px;display:inline-block;background-color: #AAFF00;outline: 1px solid transparent;border:1px solid #637048;-webkit-animation:ajaxcss_loader 1.5s linear infinite;animation:ajaxcss_loader 1.5s linear infinite;-webkit-transform: scale(.9);transform: scale(.9);opacity:.9;} .ajaxcss div:nth-child(1){-webkit-animation-delay:0.39s;animation-delay:0.39s;margin-right:2px;} .ajaxcss div:nth-child(2){-webkit-animation-delay:0.52s;animation-delay:0.52s;margin-right:2px;} .ajaxcss div:nth-child(3){-webkit-animation-delay:0.65s;animation-delay:0.65s;margin-right:6px;} @-webkit-keyframes ajaxcss_loader{0%{-webkit-transform:scale3d(.9,.9,.9);opacity:.9}30%{-webkit-transform:scale3d(1.2,1.2,1.2);opacity:1}100%{-webkit-transform:scale3d(.5,.5,.5);opacity:0.01;}} @keyframes ajaxcss_loader{0%{transform:scale3d(.9,.9,.9);opacity:.9}30%{transform:scale3d(1.2,1.2,1.2);opacity:1;}100%{transform:scale3d(.5,.5,.5);opacity:0.01; }} /* progress bar */ .progress-bar {position: relative;text-align: left;background-color: #1a1a1a;height: 15px;width: 330px;margin: 0;border-radius: 3px;box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;} .progress-light {box-shadow: 0 1px 5px #444 inset;background-color: #565A69;} .progress-bar span {display: inline-block;overflow: hidden;height: 100%;border-radius: 2px;box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;transition: width .4s ease-in-out;} .progress-perc {position: absolute;width: 330px;top: 0px;color: #fff;text-align: center;line-height:16px} .progress-bar span .progress-perc {top: 0px;color: #000;line-height:16px} .progress-green span {position: absolute;top:0;background-color: #93C138;background-image: -webkit-linear-gradient(top, #98E500, #93C138);background-image: -moz-linear-gradient(top, #98E500, #93C138);background-image: -ms-linear-gradient(top, #98E500, #93C138);background-image: -o-linear-gradient(top, #98E500, #93C138);background-image: linear-gradient(top, #98E500, #93C138); } .progress-shine span {position: relative;} .progress-shine span::after {content: '';opacity: 0;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff;border-radius: 2px;-webkit-animation: animate-shine 2s ease-out infinite;-moz-animation: animate-shine 2s ease-out infinite; animation: animate-shine 2s ease-out infinite; } @-webkit-keyframes animate-shine{0% {opacity: 0; width: 0;}50% {opacity: .5;}100% {opacity: 0; width: 95%;}} @-moz-keyframes animate-shine{0% {opacity: 0; width: 0;}50% {opacity: .5;}100% {opacity: 0; width: 95%;}} @keyframes animate-shine {0% {opacity: 0; width: 0;}50% {opacity: .5;}100% {opacity: 0; width: 95%;}} /* tmp */ #content{float:left;width:958px;padding:0 12px;color:#fff} #content .btn {margin-bottom:16px;} div.nowraprow{white-space:nowrap;} div.nowraprow > div{display:inline-block;vertical-align:top;white-space:normal;} .ui-state-hover{outline:1px dashed #93C137;background-color:#E4EECC !important;transition: background-color 0.5s;} #workarea li.ui-state-hover{padding:8px 8px 14px 8px;margin:4px 4px 10px 4px;} .ui-state-nohover{outline:none;} .placeholder, .ui-state-active{outline:1px solid #93C137;} .filter-active{outline:2px solid #93C137;} .channelsearch{display:none;float:right;margin-right:40px;background-image: url(../gfx/icons/search.png);background-repeat: no-repeat;background-position: left;background-position: 8px;background-size: 14px 14px;padding-left: 30px; width: 75px;border-radius: 3px;border-width: 1px;} .iochannelsearch{display:none;float:right;margin-right:40px;background-image: url(../gfx/icons/search.png);background-repeat: no-repeat;background-position: left;background-position: 8px;background-size: 14px 14px;padding-left: 30px; width: 75px;border-radius: 3px;border-width: 1px;} .dragged {position: absolute !important;z-index: 2000 !important;text-shadow: 1px 1px 1px #333;} .row-hover{background-color:rgba(255, 255, 255, 0.04) !important;outline:1px dashed rgba(228, 250, 206, .3);} body.dragging, body.dragging * {cursor: move !important;} /* info list */ ul#info strong{width:180px;display:block;margin-right:8px;float:left} ul#resource_grid_list li{margin-bottom:8px} .btn,.btn_disabled{display:inline-block;box-sizing:border-box;font-size:13px;line-height:16px;color:#fff;transition: color 0.4s;background:#2e2e2e url(../gfx/backgrounds/btn.gif) repeat-x top;border-top:1px solid #555;border-left:1px solid #555;border-bottom:1px solid #555;border-right:1px solid #555;min-width:120px;border-radius:3px;margin-left:4px;padding:2px 8px;} .btn:hover:enabled{cursor:pointer;color:#93c138;transition: color 0.2s;} .btn:active:enabled{cursor:pointer;background:#000;border:1px solid #555;color:#93C138} .btn:disabled{background:#777;border:1px solid #666;color:#CCC} .btn_disabled{background:#777;border:1px solid #666;color:#CCC} /* sys load list */ ul#sysLoad strong{width:180px;display:block;margin-right:8px;float:left} /* adv sys load list */ ul#advSysLoad strong{width:180px;display:block;margin-right:8px;float:left} div.submit{float:right} /* overviews & summaries */ #summaries #resourcify,#summaries .resourcify{background:#191919;width:100% !important;min-width:200px;float:left;position:relative;border-radius:5px;border:1px solid #111;margin:0 0 12px 12px;} #companions_summaries_container {background:#191919;width:100% !important;min-width:200px;float:left;position:relative;border-radius:5px;border:1px solid #111;margin:0 0 12px 12px;min-height:29px;} #companions_summaries #resourcify,#companions_summaries .resourcify,#companions_not_connected .resourcify { border:none;margin:0;width:100% !important;min-width:200px;background:none} .toolbox_new_ext{border-bottom:1px solid #3B3B3B;padding-bottom:4px;margin-bottom:8px} #toolbox{background-color:#191919;border:1px solid #111;border-radius:3px;padding:8px;color:#fff;width:80px} #toolbox li a{text-decoration:none;color:#5F843A;z-index:9} #toolbox li a:hover{cursor:move;} #toolbox li a.active{padding:0} #toolbox li{text-align:center;margin-bottom:8px;} #toolbox li a span{width:36px;height:36px;margin:0 auto;display:block;box-shadow:0 1px 2px #888;background-repeat:no-repeat;background-position:center;} #toolbox li#new a span{background:url(../gfx/functions/new.png);} #toolbox li#new_default a span{background:url(../gfx/functions/wmshare.png);} #toolbox li#textarea a span{background:url(../gfx/functions/textarea.png);} #toolbox li#header a span{background:url(../gfx/functions/header.png)} #toolbox li#line a span{background:url(../gfx/functions/line.png)} #toolbox li#submenu a span{background:url(../gfx/functions/submenu.png)} #toolbox li#color a span{background:url(../gfx/functions/color.png)} #toolbox li#rule a span{background:url(../gfx/functions/rule.png)} #toolbox li#button a span{background:url(../gfx/functions/button.png)} #toolbox li#image a span{background:url(../gfx/functions/image.png)} #toolbox li#background a span{background:url(../gfx/functions/background.png)} #toolbox li#link a span{background:url(../gfx/functions/link.png)} #toolbox li#symbol a span{background:url(../gfx/functions/symbol.png)} #toolbox li#symbollib a span{background:url(../gfx/functions/change_symbollib.png)} #toolbox li#anchor a span{background:url(../gfx/functions/anchor.png)} #toolbox li#node a span{background:url(../gfx/functions/node.png)} #toolbox li#node a span:hover{background:url(../gfx/icons/nodeactive.png)} #toolbox li#group_edit a span,#toolbox li#window a span{background:url(../gfx/functions/window.png)} #toolbox li#new a.active span,#toolbox li#new a:hover span{background:url(../gfx/functions/new_active.png);} #toolbox li#new_default a.active span,#toolbox li#new_default a:hover span{background:url(../gfx/functions/wmshare_active.png);} #toolbox li#textarea a.active span,#toolbox li#textarea a:hover span{background:url(../gfx/functions/textarea_active.png);} #toolbox li#header a.active span,#toolbox li#header a:hover span{background:url(../gfx/functions/header_active.png)} #toolbox li#line a.active span,#toolbox li#line a:hover span{background:url(../gfx/functions/line_active.png)} #toolbox li#submenu a.active span,#toolbox li#submenu a:hover span{background:url(../gfx/functions/submenu_active.png)} #toolbox li#color a.active span,#toolbox li#color a:hover span{background:url(../gfx/functions/color_active.png)} #toolbox li#rule a.active span,#toolbox li#rule a:hover span{background:url(../gfx/functions/rule_active.png)} #toolbox li#button a.active span,#toolbox li#button a:hover span{background:url(../gfx/functions/button_active.png)} #toolbox li#image a.active span,#toolbox li#image a:hover span{background:url(../gfx/functions/image_active.png)} #toolbox li#background a.active span,#toolbox li#background a:hover span{background:url(../gfx/functions/background_active.png)} #toolbox li#link a.active span,#toolbox li#link a:hover span{background:url(../gfx/functions/link_active.png)} #toolbox li#symbol a.active span,#toolbox li#symbol a:hover span{background:url(../gfx/functions/symbol_active.png)} #toolbox li#symbollib a.active span,#toolbox li#symbollib a:hover span{background:url(../gfx/functions/change_symbollib_active.png)} #toolbox li#anchor a.active span,#toolbox li#anchor a:hover span{background:url(../gfx/functions/anchor_active.png)} #toolbox li#group_edit a.active span,#toolbox li#group_edit a:hover span,#toolbox li#window a.active span,#toolbox li#window a:hover span{background:url(../gfx/functions/window_active.png)} #workarea_container{background:rgba(255, 255, 255, 0.91);color:#191919;width:720px;margin-left:16px;border-radius:3px;border:1px solid #eee;padding:4px;margin:0 0 16px 16px;/*transition: width .2s, height .2s;*/} #workarea{width:100%;height:660px;position:relative;z-index:0;/*transition: width .2s, height .2s;*/} #workarea .row{position:relative;white-space:nowrap;background-color:#fff;border:1px solid #bbb;border-radius:3px;margin:4px 4px 10px 4px;padding:8px;z-index:100;box-shadow:0 1px 2px #aaa,inset 1px 2px 1px rgba(255,255,255,0.8), inset -1px -2px 1px rgba(0,0,0,0.05);min-height:1em;} #workarea .row h2{color:inherit !important} #workarea .row > * {white-space:normal;} .workarea_grid{background:url(../gfx/backgrounds/workarea.png);border-left:1px solid #bbb;border-top:1px solid #bbb;} #workarea ul.submenu{background:url(../gfx/backgrounds/workarea.png);border:1px solid #bbb;height:59px} #workarea li.active{border:2px solid #93C137} #viewarea .row .btn, #workarea .row .btn {width:auto;} #viewarea .row .settings_container,#viewarea .row .param_container,#workarea .row .param_container {padding:4px;border:1px dashed #5f843a;margin-top:8px} #viewarea li.row div.settings_container table td {padding:1px} #workarea .row td.crud{width:40px} #workarea .row .param_container table {border-collapse:collapse} #workarea .row .param_container table td {padding:4px} #workarea .row .param_container table tr.odd {background-color:#d8d8d8;border-bottom:2px solid #c0c0c0} #workarea .row .param_container .cond {width:40px} /* #viewarea .row h3, #workarea .row h3{font-size:1em;font-weight:normal} */ #viewarea .row td.name, #workarea .row td.name{width:200px} #viewarea .row p.hint,#workarea .row p.hint{padding:4px;background-color:inhterit;color:#000;margin-bottom:8px;border-radius:3px;width:auto;white-space:normal;} #viewarea li.header, #workarea .header{border-top:0;border-left:0;border-right:0;border-radius:0;border-bottom:2px solid #000;background:transparent;padding:16px 8px 2px 8px !important;box-shadow:none;} #viewarea .header h2,#workarea .header h2{margin:0;border:0;padding:0;color:#000;background:none} #workarea .row p.hint:hover{background:url(../gfx/backgrounds/overlay.png);color:#fff !important} #viewarea h1 {background:url(../gfx/backgrounds/header.png);color:#fff;padding:6px 8px;margin:4px 4px;border-radius:4px 4px 0 0;font-size:1em} #workarea_container h1 {background:url(../gfx/backgrounds/header.png);color:#fff;padding:6px 8px;margin-bottom:4px;border-radius:4px 4px 0 0;font-size:1em} /* #workarea .row_channel, #viewarea .channel {background:url(../gfx/resourcify/channel.png) 4px 12px no-repeat;padding-left:18px !important} #workarea .row_parameter, #viewarea .parameter {background: url(../gfx/resourcify/parameter.png) 4px 12px no-repeat;padding-left:18px !important} #workarea .row_alarm, #viewarea .alarm {background: url(../gfx/resourcify/alarm.png) 4px 12px no-repeat;padding-left:18px !important} #workarea .row_curve, #viewarea .curve {background: url(../gfx/resourcify/curve.png) 4px 12px no-repeat;padding-left:18px !important} #workarea .row_timeschedule, #viewarea .timeschedule {background: url(../gfx/resourcify/timeschedule.png) 4px 12px no-repeat;padding-left:18px !important} #workarea .row_summary, #viewarea .summary {background:url(../gfx/resourcify/summary.png) 4px 12px no-repeat;padding-left:18px !important} */ /*TMP*/ /*#viewarea li.channel,#viewarea li.parameter#viewarea li.alarm#viewarea li.curve#viewarea li.timeschedule#viewarea li.summary{background-color:#fff} */ #viewarea li.channel strong,#viewarea li.channel label{background: url(../gfx/resourcify/channel.png) 0px 1px no-repeat;padding-left:18px !important} #viewarea li.iochannel strong,#viewarea li.iochannel label{background: url(../gfx/resourcify/iochannel.png) 0px 1px no-repeat;padding-left:18px !important} #viewarea li.parameter strong/*#viewarea li.parameter label*/{background: url(../gfx/resourcify/parameter.png) 0px 1px no-repeat;padding-left:18px !important} #viewarea li.alarm strong{background: url(../gfx/resourcify/alarm.png) 0px 1px no-repeat;padding-left:18px !important} #viewarea li.curve strong{background: url(../gfx/resourcify/curve.png) 0px 1px no-repeat;padding-left:18px !important} #viewarea li.timeschedule strong{background: url(../gfx/resourcify/timeschedule.png) 0px 1px no-repeat;padding-left:18px !important} /*TMP*/ table td{vertical-align:top} table tr td.channel_name{background: url(../gfx/resourcify/channel.png) 2px 7px no-repeat;padding-left:18px !important} table tr td.parameter_name{background: url(../gfx/resourcify/parameter.png) 2px 7px no-repeat;padding-left:18px !important} table tr td.alarm_name{background: url(../gfx/resourcify/alarm.png) 2px 7px no-repeat;padding-left:18px !important} table tr td.curve_name{background: url(../gfx/resourcify/curve.png) 2px 7px no-repeat;padding-left:18px !important} table tr td.timeschedule_name{background: url(../gfx/resourcify/timeschedule.png) 2px 7px no-repeat;padding-left:18px !important} table tr td.iochannel_name{background: url(../gfx/resourcify/iochannel.png) 2px 7px no-repeat;padding-left:18px !important} table tr td.logvalue_name{background: url(../gfx/resourcify/logvalue.png) 2px 7px no-repeat;padding-left:18px !important} li label {font-weight:bold} li label.parameter_name{font-weight:bold;background: url(../gfx/resourcify/parameter.png) 0px 1px no-repeat;padding-left:18px !important} li label.iochannel_name{font-weight:bold;background: url(../gfx/resourcify/iochannel.png) 0px 1px no-repeat;padding-left:18px !important} li label.channel_name{font-weight:bold;background: url(../gfx/resourcify/channel.png) 0px 1px no-repeat;padding-left:18px !important} li label.alarm_name{font-weight:bold;background: url(../gfx/resourcify/alarm.png) 0px 1px no-repeat;padding-left:18px !important} tr td p.alarm_name{background: url(../gfx/resourcify/alarm.png) 0px 1px no-repeat;padding-left:18px !important} tr td p.alarm_name a.delete{font-size:14px !important;font-weight:900;color:#cc0000;margin-left:4px} #viewarea li label.name,#workarea li label.name{font-weight:bold} #workarea li.channel,#workarea li.parameter#workarea li.alarm#workarea li.curve#workarea li.timeschedule#workarea li.summary{background-color:#fff} #workarea li.channel strong,#workarea li.channel label{background: url(../gfx/resourcify/channel.png) 0px 1px no-repeat;padding-left:18px !important} #workarea li.parameter strong,#workarea li.parameter label{background: url(../gfx/resourcify/parameter.png) 0px 1px no-repeat;padding-left:18px !important} #workarea li.alarm strong{background: url(../gfx/resourcify/alarm.png) 0px 1px no-repeat;padding-left:18px !important} #workarea li.curve strong{background: url(../gfx/resourcify/curve.png) 0px 1px no-repeat;padding-left:18px !important} #workarea li.timeschedule strong{background: url(../gfx/resourcify/timeschedule.png) 0px 1px no-repeat;padding-left:18px !important} #workarea li.iochannel strong,#workarea li.iochannel label{background:url(../gfx/resourcify/iochannel.png) 0px 1px no-repeat;padding-left:18px !important} #workarea li.parameter label{font-weight:bold} #viewarea li.parameter label {display:block;font-weight:bold;float:left;} #workarea li.parameter strong,#workarea li.channel strong,#workarea li.timeschedule strong,#workarea li.alarm strong,#workarea li.iochannel strong{display:block;float:left;} #viewarea li.parameter strong,#viewarea li.channel strong,#viewarea li.timeschedule strong,#viewarea li.alarm strong,#viewarea li.iochannel strong {display:block;float:left;} table.registermap th {padding:4px !important;} table.registermap td {padding:2px !important;} table.registermap tr {border-top:1px solid #ccc;} table.registermap tr.anchor {background-color:#fff !important; border-bottom:2px solid #000 !important;} table.registermap tr.anchor td {height:34px;vertical-align: bottom;} table.registermap td.anchor strong {background:url(../gfx/functions/anchor_icon.png) 0px 0px/14px 14px no-repeat;padding-left:22px !important;} table.registermap .ui-state-highlight{display:table-row;background-color:#E4EECC !important;outline:2px dotted #93C137;line-height: 18px;position: relative;} table.registermap .ui-state-highlight td:first-child{position: relative;} table.registermap .ui-state-highlight td:first-child:before{content:'';position: absolute;left: -10px;top: 6px;width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 8px solid #93C137;} a.btn span.on:before {content:'';display:inline-block;width:22px;height:22px;margin:-6px 4px -6px 0;background:url(../gfx/icons/on.png);background-size:cover;} a.btn span.off:before {content:'';display:inline-block;width:22px;height:22px;margin:-6px 4px -6px 0;background:url(../gfx/icons/off.png);background-size:cover;} a.btn span.print:before {content:'';display:inline-block;width:16px;height:16px;margin:-3px 8px -3px 0;background:url(../gfx/icons/utskrift.png);background-size:cover;} a.btn span.export:before {content:'';display:inline-block;width:16px;height:16px;margin:-3px 8px -3px 0;background:url(../gfx/icons/export.png);background-size:cover;} a.btn span.new:before {content:'';display:inline-block;width:16px;height:18px;margin:-3px 8px -4px 0;background:url(../gfx/icons/new.png);background-size:cover;} /* external devices */ div.type ul li span.run{display:block;float:left;background:url(../gfx/icons/StatusStop24.png) 0 0 no-repeat;width:24px;height:24px;padding-right:8px;margin-right:8px;} div.type ul li span.stop{display:block;float:left;background:url(../gfx/icons/StatusPlay24.png) 0 0 no-repeat;width:24px;height:24px;padding-right:8px;margin-right:8px;} /* XXX, same used for summaries??? */ ul#tools{position:absolute;top:-1px;right:0;background-color:rgba(25,25,25,0.7);z-index:3000;padding:3px} .crosshair{position:absolute;border-color:#F00;border-style:solid;width:5px;height:5px;} ul#tools li{float:left;} ul#tools li a{margin:0 0px 0 4px} span.add{width:12px;height:13px;background:url(../gfx/icons/add.png) no-repeat;display:inline-block} span.delete{width:12px;height:13px;background:url(../gfx/icons/delete.png) no-repeat;display:inline-block} a.add_row{width:12px;height:13px;background:url(../gfx/icons/add.png) no-repeat;display:block} a.delete_row_disabled,a.delete_background_disabled,a.delete_object_disabled,a.delete_resource_disabled,a.delete_row,a.delete_background,a.delete_object,a.delete_resource{margin-left:4px;width:12px;height:13px;background:url(../gfx/icons/delete.png) no-repeat;display:block} a.delete_row_disabled,a.delete_background_disabled,a.delete_object_disabled,a.delete_resource_disabled{-webkit-filter:grayscale(100%);filter:grayscale(100%)} a.edit_row_disabled,a.edit_row,a.edit_object{width:16px;height:16px;background:url(../gfx/icons/edit.png) no-repeat;display:block} a.edit_row_disabled{-webkit-filter:grayscale(100%);filter:grayscale(100%)} a.delete_all_disabled,a.delete_all{margin-left:4px;width:12px;height:13px;background:url(../gfx/icons/deleteall.png) no-repeat;background-size: cover;display:block} a.delete_all_disabled{-webkit-filter:grayscale(100%);filter:grayscale(100%)} a.sign_row{width:16px;height:16px;background:url(../gfx/icons/sign.png) no-repeat;display:block} a.info_row{width:16px;height:16px;background:url(../gfx/icons/info.png) no-repeat;display:block} a.warning_row{width:21px;height:18px;background:url(../gfx/icons/system_error_status.png) no-repeat;background-size:21px 18px;display:block} span.warning_row{width:15px;height:13px;background:url(../gfx/icons/system_error_status.png) no-repeat;background-size:15px 13px;display:block} #workarea li.row p.hint ul#tools{left:10px;top:10px;width:40px} #row_option {margin:4px;background-color:#191919;border:1px solid #000;border-radius:3px;box-shadow:0 3px 3px #000;position:absolute;top:0;z-index:200 !important} #row_option a.close{float:right;margin-right:6px;color:#fff} #row_option li a{text-decoration:none;color:#5F843A} #row_option li a:hover{font-weight:bold} #row_option li{float:left;width:80px;padding:0 4px 5px 4px;text-align:center;} #row_option li a span{margin:0 auto;display:block;width:34px;height:34px} #row_option li#plot a span{background:url(../gfx/functions/plot.png);} #row_option li#table a span{background:url(../gfx/functions/table.png)} #row_option li#value a span,#row_option li#format a span{background:url(../gfx/functions/value.png)} #row_option li#edit a span{background:url(../gfx/functions/editvalue.png)} #row_option li#active_meter a span{background:url(../gfx/functions/active_meter.png);} #row_option li#symbol a span{background:url(../gfx/functions/symbol.png);} #row_option li#submenu a span{background:url(../gfx/functions/submenu.png)} #row_option li#plot a:hover span{background:url(../gfx/functions/plot_active.png);} #row_option li#table a:hover span{background:url(../gfx/functions/table_active.png)} #row_option li#value a:hover span,#row_option li#format a:hover span{width:36px;height:36px;background:url(../gfx/functions/value_active.png)} #row_option li#submenu a:hover span{background:url(../gfx/functions/submenu_active.png)} #row_option li#edit a:hover span{background:url(../gfx/functions/editvalue_active.png)} #row_option li#active_meter a:hover span{background:url(../gfx/functions/active_meter_active.png)} #row_option li#symbol a:hover span{background:url(../gfx/functions/symbol_active.png)} #row_option li#cancel a{width:16px;height:16px;background:url(../gfx/icons/cancel.png) no-repeat} #viewarea{background-color:#fff;color:#191919;width:720px;min-height:480px;position:relative;z-index:0;border-radius:3px;border:1px solid #000;margin:0 0 16px 16px;} #viewarea .row{position:relative;white-space:nowrap;background-color:#fff;border:1px solid #bbb;border-radius:3px;margin:4px;padding:8px 4px;position:relative;z-index:10;box-shadow:0 0px 2px #ccc;min-height:15px;} #viewarea .object{font-weight:bold;z-index:1;white-space:nowrap;position:absolute;} #viewarea .object strong {font-weight:bold;} #workarea .active_meter,#viewarea .active_meter{background-color:#eee;border:1px solid #484658;width:61px;height:16px;padding:0 !important;border-radius:3px;} #workarea .bar,#viewarea .bar {height:18px} .anchorpoint {position:absolute;z-index:2;} .anchorpoint > div {position:relative;} /* file manager */ #folders{background-color:#191919;border:1px solid #111;border-radius:3px;padding:16px 8px 8px 8px;color:#fff;float:left;margin-left:12px;width:170px} #folders li a{text-decoration:none;color:#fff} #folders li a:hover{font-weight:bold;color:#5F843A;} #folders li a.active{font-weight:bold;padding:0} #folders li{text-align:center;margin-bottom:8px;} #folders li a span{margin:0 auto;display:block;width:37px;height:32px;background:url(../gfx/icons/folder.png) center no-repeat;} #folders li a.open{color:#93c138 !important;font-weight:700;} #folders li a.open span{margin:0 auto;display:block;width:45px;height:31px;background:url(../gfx/icons/folder_open.png) center no-repeat;} #files {width:750px;min-height:517px;background-color: rgba(255, 255, 255, 0.91);margin-left:12px;border-radius:3px;padding:4px} #files h3 { font-size:1.1em;margin:4px 0 12px 0;background:url(../gfx/icons/folder_small.png) no-repeat;padding-left:28px} #files h3 .btn{float:right} #filetable table .download a{width:12px;height:13px;margin:0 auto;background-image:url(../gfx/icons/delete.png)} form{background-color:#191919;padding:8px;margin:0 8px 8px 0px;width:900px;border-radius:3px;border:1px solid #111;color:#fff} form label{display:block;margin:0 8px 4px 0} form fieldset{border:0} form fieldset.inline label{float:left} form fieldset.submit {margin-bottom:0} form fieldset.submit input {float:right} input.number{width:100px} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;margin:0;} input[type=number] {-moz-appearance:textfield;} form fieldset.toggleable, form fieldset div.toggleable_content{padding:8px} form fieldset.toggleable h4:hover{cursor:pointer} form fieldset.toggleable h4.open {background:url(../gfx/icons/close.png) no-repeat right} form fieldset.toggleable h4.closed {background:url(../gfx/icons/open.png) no-repeat right} /* overviews */ .ghost-select > span { background-color: rgba(228, 250, 206, .2);border: 1px dotted #333;width: 100%;height: 100%;float: left;} .ghost-select { display: none;z-index: 9000;position: absolute !important;cursor: default !important;} #workarea .object{ position:absolute; width:auto; background-repeat:no-repeat !important; z-index:2; font-weight:bold; white-space: nowrap } #workarea .object:hover{background-color:rgba(228, 250, 206, .2);z-index:4;} #workarea .ui-draggable:hover{box-shadow: 0px 0px 0px 1px #93C137;} #workarea .ui-draggable-dragging{opacity: .7;z-index:5 !important;} #workarea .found,#workarea .found:hover{background-color:rgba(228, 250, 206, .5) !important;z-index:4;box-shadow: 0px 0px 0px 1px #5F843A;} #workarea .highlight{background-color:rgba(228, 250, 206, 1) !important;box-shadow: 0px 0px 0px 1px #5F843A;transition: all .4s ease;} #workarea .object_rule{ background-color:#fff; padding:4px; border-radius:3px; z-index:8; position:absolute; top:4px;left:4px; box-shadow:0 3px 3px #000; } #workarea .object_rule a.close{color:#cc0000;float:right;font-weight:bold} #workarea .object_rule td.crud{width:40px} #workarea .object_rule table {border-collapse:collapse} #workarea .object_rule table td {padding:4px} #workarea .object_rule table tr.odd {background-color:#d8d8d8;border-bottom:2px solid #c0c0c0} #workarea .object_rule .cond {width:30px} #workarea .object_rule .btn{float:right} #workarea .attached_rule{border:2px dashed #000} #workarea .textarea{border:1px dotted #777;padding:4px !important;} #viewarea .textarea{padding:4px;} #viewarea .textarea p,#workarea .textarea p{display:inline-block;white-space: nowrap;} #viewarea li.textarea p,#workarea li.textarea p{display:inline-block;white-space: pre-wrap;} #viewarea .link,#workarea .link{color:#fff;font-size:13px;background:#2e2e2e url(../gfx/backgrounds/btn.gif) repeat-x top !important;border-top:1px solid #555;border-left:1px solid #555;border-bottom:1px solid #555;border-right:1px solid #555;border-radius:3px;padding:2px 8px !important;} #viewarea .ui-draggable,#workarea .ui-draggable{cursor:move} #viewarea .link a,#workarea .link a, #viewarea .link p.hint,#workarea .link p.hint{color:#fff} #viewarea .link a.summary, #workarea .link a.summary{background: url(../gfx/resourcify/summary.png) 0 1px no-repeat;padding-left:18px} #viewarea .link a.overview,#workarea .link a.overview{background: url(../gfx/resourcify/overview.png) -2px 1px no-repeat;padding-left:18px} #viewarea .link a.url,#workarea .link a.url{background: url(../gfx/resourcify/url.png) 0 2px no-repeat;padding-left:18px} #viewarea .link a.file,#workarea .link a.file{background: url(../gfx/icons/export.png) -2px 1px no-repeat;padding-left:18px} #viewarea li.link:hover{cursor:pointer;} #viewarea li.link:hover a {color:#93c138;} #viewarea li.link:active{cursor:pointer;background:#000;border:1px solid #555;color:#93C138} div#fixed_width{width:1100px;} #viewarea table.markers td{background-position:4px 6px !important} a.toggle_closed{background:url(../gfx/icons/open.png) 0 0 no-repeat;display:block;margin-right:12px;float:right;width:19px;height:9px} a.toggle_open{background:url(../gfx/icons/close.png) 0 0 no-repeat;display:block;margin-right:12px;float:right;width:19px;height:9px} /* #workarea h3{ font-size:1em; font-weight:normal; padding-left:14px; background-position:0 3px !important; background-repeat:no-repeat !important; } #workarea .channel {background:url(../gfx/resourcify/channel.png)} #workarea .alarm {background:url(../gfx/resourcify/alarm.png)} #workarea .parameter {background:url(../gfx/resourcify/parameter.png)} #workarea .curve {background:url(../gfx/resourcify/curve.png)} #workarea .timeschedule {background:url(../gfx/resourcify/timeschedule.png)} #workarea .summary {background:url(../gfx/resourcify/summary.png)} #workarea .overview {background:url(../gfx/resourcify/overview.png)} */ /* plot stuff */ #plot_container{margin-left:12px;width:900px} #plot_form{padding:8px 10px} #plot_wrapper{position:relative} div#plot{background-color:#fff;height:480px;width:600;border-radius:3px;color:#000;margin-bottom:12px;border:1px solid #000} div#plot_center{height:480px;line-height:480px;width:600;text-align:center;color:#676767;font-style:italic;font-size:15px;} div#plot_overview{float:right;width:160px;height:125px} ul#plot_tools{background:url(../gfx/backgrounds/plot_tools.png);width:18px;text-align:center;z-index:10;position:absolute;border-top-left-radius:3px;border-bottom-left-radius:3px;padding:8px} ul#plot_tools li#pan,ul#plot_tools li#zoom{margin-bottom:8px} ul#plot_tools li#pan a{display:block;width:15px;height:17px;background:url(../gfx/functions/hand.png) no-repeat} ul#plot_tools li#pan a.active{background:url(../gfx/functions/hand_active.png) no-repeat} ul#plot_tools li#zoom a{display:block;width:18px;height:16px;background:url(../gfx/functions/zoom.png) no-repeat} ul#plot_tools li#zoom a.active{background:url(../gfx/functions/zoom_active.png) no-repeat} ul#plot_tools li#reset_zoom a{display:block;width:18px;height:16px;background:url(../gfx/functions/reset_zoom.png) no-repeat} ul#plot_tools li#reset_zoom a.active{display:block;width:18px;height:16px;background:url(../gfx/functions/reset_zoom_active.png) no-repeat} #files h3{color:#2D2F38 !important} #datarows .legend{background-color:#fff;border-radius:3px;padding:0 4px 4px 4px} table.datarows th{background:url(../gfx/backgrounds/header.png);color:#fff;padding:6px 8px;text-align:left} table.datarows caption{background-color:inherit;border-radius:5px 5px 0 0;border-right:1px solid #fff;/*color:#369*/color:#191919 ;font-weight:700;padding:4px 8px 6px 8px;text-align:left} table.datarows{width:100%;border-collapse:collapse;color:#000} table.datarows tr{background-color:#fff} table.datarows tr.odd{background-color:#d8d8d8;border-bottom:2px solid #c0c0c0;} table.datarows tr td{padding:4px} table.datarows tr td a.delete{display:block;width:12px;height:13px;background:url(../gfx/icons/delete.png) no-repeat} /* form grid */ div.formgrid{background-color:rgba(255, 255, 255, 0.91);padding:4px;border-radius:3px;margin-bottom:25px;color:#000} div.formgrid .header{background:url(../gfx/backgrounds/header.png);color:#fff;padding:6px 8px;margin-top:0;border-radius:4px 4px 0 0} div.formgrid .header a.delete_row{float:right} div.formgrid label{font-weight:bold;color:000;display:block} div.formgrid .inline label{float:left} div.formgrid form{padding:0;background-color:transparent;color:#000;border:0;margin:0;width:auto} div.formgrid h3{margin:0} div.formgrid form > fieldset{padding:0 !important;margin:0} div.formgrid form div.griderize > fieldset > fieldset{background-color:#F8F8F8;padding:6px 8px} div.formgrid form fieldset.odd{background-color:#D8D8D8 !important;border-bottom:1px solid #C6C6C6} div.formgrid form fieldset.line{border-bottom:1px solid #ccc} div.formgrid table th{background:url(../gfx/backgrounds/header.png);color:#fff;padding:6px 8px;text-align:left;border-radius:4px 4px 0 0} div.formgrid table caption{background-color:inherit;border-radius:5px 5px 0 0;border-right:1px solid #fff;/*color:#369*/color:#191919;font-weight:700;padding:4px 8px 6px 8px;text-align:left} div.formgrid table{width:100%;border-collapse:collapse;color:#000} div.formgrid table tr{background-color:#fff} div.formgrid table tr.odd{background-color:#d8d8d8;border-bottom:1px solid #666} div.formgrid table tr td{padding:4px;vertical-align:top} div.formgrid table tr td .input,div.formgrid table tr td .dropdown{margin-top:8px} div.formgrid table tr td.submit{text-align:right} div.formgrid table tr td.inline label{display:block;float:left} div.formgrid table tr td label p{font-weight:normal} div.formgrid .submit label{padding:0 !important;margin:0 !important} div.formgrid .submit label input{margin:0 !important} #toolbox .mod_noscript a.devtype span{background:url(../gfx/devices/noscript.png)} #toolbox .mod_noscript a.devtype.active span,#toolbox .mod_noscript a.devtype:hover span{background:url(../gfx/devices/noscript_active.png)} #toolbox .mod_modbus a.devtype span{background:url(../gfx/devices/modbus.png)} #toolbox .mod_modbus a.devtype.active span,#toolbox .mod_modbus a.devtype:hover span{background:url(../gfx/devices/modbus_active.png)} #toolbox .mod_unknown a.devtype span{background:url(../gfx/devices/unknown.png)} #toolbox .mod_unknown a.devtype.active span,#toolbox .mod_unknown a.devtype:hover span{background:url(../gfx/devices/unknown_active.png)} table.mod_info {border-collapse: collapse} table.mod_info td{border:0;vertical-align:middle} #workarea li td.mod_csn{font-size:1.4em;font-weight:bold;padding-right:12px;border-right:1px solid #000} #workarea li td.mod_ident{padding:4px 12px 8px 24px} #workarea li td.mod_ident p.mod_sn{float:left} #workarea li td a.lock_open{background:url(../gfx/functions/lock_open.png) 0 0 no-repeat;display:block;width:13px;height:18px} #workarea li td a.lock_closed{background:url(../gfx/functions/lock_closed.png) 0 0 no-repeat;display:block;width:13px;height:18px} #workarea li td.mod_ident a.lock_open,#workarea li td.mod_ident a.lock_closed{float:left;margin-left:4px} #workarea li td.mod_ident strong{width:40px;display:block;float:left} #workarea li td.image span{background-repeat:no-repeat;background-position:center center;display:block;width:80px;height:40px} /* #workarea li.mod_64000 td.image span {background-image:url(../gfx/devices/mod_64000.png)} #workarea li.mod_64001 td.image span{background-image:url(../gfx/devices/mod_64001.png)} #workarea li.mod_64002 td.image span{background-image:url(../gfx/devices/mod_64002.png)} #workarea li.mod_64003 td.image span{background-image:url(../gfx/devices/mod_64003.png)} */ #workarea li.mod_unknown td.image span{background-image:url(../gfx/devices/mod_unknown.png)} /* #workarea li.mod_base td.image span{background-image:url(../gfx/devices/mod_base.png)} */ ul#workarea li td.image span.run{display:block;float:left;background:url(../gfx/icons/StatusStop24.png) 0 0 no-repeat;width:24px;height:24px;padding-left:8px;margin-left:8px;} ul#workarea li td.image span.stop{display:block;float:left;background:url(../gfx/icons/StatusPlay24.png) 0 0 no-repeat;width:24px;height:24px;padding-left:8px;margin-left:8px;} #workarea li.mod_ok{background-color:#E4EECC;background:linear-gradient(#F4FFDB, #E4EECC);border:1px solid #93C137} #workarea li.mod_error{background-color:#d8d8d8;outline:2px dashed #cc3333} #workarea li.mod_disabled{background-color:#EECCCC;outline:2px dashed #cc3333} #workarea li.mod_warning{background-color:#fffbe8;border:1px solid #999;} #workarea li.mod_stopped{background-color:#d8d8d8;background:linear-gradient(#f2f2f2, #d8d8d8);border:1px solid #999;} #workarea li.mod_unknown{background-color:rgba(255, 255, 255, 0.9);border:1px solid #ccc;box-shadow:none;} #workarea .divider{border-bottom:1px solid #fff;} li.mod_error .divider, li.mod_disabled .divider, li.mod_stopped .divider {background-color:#999;} #toolbox li#new a{cursor:pointer} .dragged_application,.dragged_channel,.dragged_iochannel,.dragged_alarm,.dragged_parameter,.dragged_logvalue,.dragged_curve,.dragged_timeschedule,.dragged_summary,.dragged_overview{background-position:3px 4px;background-repeat:no-repeat;background-color:#fff;font-weight:700;border-radius:2px;padding:1px 3px 1px 17px} .dragged_application{background-image:url(../gfx/resourcify/application.png)} .dragged_channel{background-image:url(../gfx/resourcify/channel.png)} .dragged_iochannel{background-image:url(../gfx/resourcify/iochannel.png)} .dragged_alarm{background-image:url(../gfx/resourcify/alarm.png)} .dragged_parameter{background-image:url(../gfx/resourcify/parameter.png)} .dragged_logvalue{background-image:url(../gfx/resourcify/logvalue.png)} .dragged_curve{background-image:url(../gfx/resourcify/curve.png)} .dragged_timeschedule{background-image:url(../gfx/resourcify/timeschedule.png)} .dragged_summary{background-image:url(../gfx/resourcify/summary.png)} .dragged_overview{background-image:url(../gfx/resourcify/overview.png)} li.row div.ios{margin-bottom:8px; position:relative;width:684px} /* div.ultrabase{position:relative;background:url(../gfx/connect/ultra.png) no-repeat;height:440px;width:684px} div.exd8{position:relative;background:url(../gfx/connect/exd8.png) no-repeat;height:122px;width:684px} div.exdi12{position:relative;background:url(../gfx/connect/exdi12.png) no-repeat;height:176px;width:684px} div.exm28{position:relative;background:url(../gfx/connect/exm28.png) no-repeat;height:352px;width:684px} div.exa12{position:relative;background:url(../gfx/connect/exa12.png) no-repeat;height:176px;width:684px} */ a.open_module{background:url(../gfx/icons/open.png) right no-repeat;float:right;width:100%;height:27px;margin:-8px 0 -10px 0;} a.close_module{background:url(../gfx/icons/close.png) right no-repeat;float:right;width:100%;height:27px;margin:-8px 0 -10px 0;} p.io_list{position:absolute;width:230px;} .io_list a.open{background:url(../gfx/icons/open_dark.png) 0 6px no-repeat;display:block;float:left;width:14px;height:14px} .io_list a.iochannel{color: #333;font-weight:bold;} .io_list a.iochannel:hover{color: #93c138} div.subio{z-index:999;display:none;padding-left:2px;background-color:#fff !important;border-radius:3px;width:230px;position:absolute;border:1px solid #b0b0b0} div.subio a.iochannel{color:#333;font-weight:bold} div.subio a.iochannel:hover{color:#93c138;} div.subio a.close{background:url(../gfx/icons/close_dark.png) 0 6px no-repeat;display:block;float:left;width:14px;height:14px} div.io_modmenu a{background:url(../gfx/icons/wrench.png) 0 0 no-repeat;padding-left: 16px; font-weight:bold; color: #333} div.io_modmenu a.iochannel:hover{color: #93c138} .iochannel_node{background:url(../gfx/icons/wrench.png) 0 2px no-repeat;margin-right:4px;display:block;float:right;width:11px;height:16px} .mo{background:url(../gfx/icons/manual_override.png) 0 0 no-repeat;margin-right:4px;display:block;float:right;width:11px;height:13px} .mo_active{background:url(../gfx/icons/manual_override_active.png) 0 0 no-repeat;margin-right:4px;display:block;float:right;width:11px;height:13px} .mo_allowed{background:url(../gfx/icons/manual_override.png) 0 0 no-repeat;margin-right:4px;display:block;float:right;width:11px;height:13px} .overview_mo_active{background:url(../gfx/icons/manual_override_active.png) 0 0 no-repeat;padding-left:13px} .iochannel_value{margin-right:8px;display:block;float:right;color:#333;} .iochannel_none{margin-right:4px;display:block;float:right;width:11px;height:16px} div.subio li.sub{margin-left:14px} td.sys_info_first_col{width:190px !important} /* iounit in summary */ .summary_grid .io_list a.name,#viewarea .io_list a.name{color:#333;font-weight:bold;background:url(../gfx/icons/open_dark.png) 0 6px no-repeat;display:block;float:left;height:14px;padding-left:14px;} .summary_grid .io_list span.unit,#viewarea .io_list span.unit{float:right;margin-right:8px} .summary_grid .io_list strong.name,#viewarea .io_list strong.name{color:#333;font-weight:bold;display:block;float:left;height:14px} .summary_grid .io_list span.value,#viewarea .io_list span.value{margin-right:8px;display:block;float:right} #workarea li.iounit .io_list a.name{white-space:nowrap !important} #viewarea div.subio{box-shadow:0 1px 2px #bbb} #viewarea div.subio span.unit,#viewarea div.subio span.value{display:block;float:right} #viewarea div.subio span.unit{margin-right:8px} #viewarea div.subio a.iochannel,#viewarea div.subio strong.iochannel{float:left;padding-left:14px} #viewarea div.subio ul li{float:left;width:216px;background-color:#fff} #viewarea div.subio a.iochannel{background:url(../gfx/icons/close_dark.png) 0 6px no-repeat} /* external devices */ div.ext_stat_container,div.ext_io_container{background:url(../gfx/backgrounds/transp_block.png);border-radius:3px;margin-top:8px;padding:0} div.ext_stat_container h4,div.ext_io_container h4{margin-bottom:0;background-position:0 0,99.5% 8px;background-repeat:repeat,no-repeat;padding:4px 8px} div.ext_stat_container h4:hover,div.ext_io_container h4:hover{cursor:pointer} h4.ext_toggle_open{background-image:url(../gfx/backgrounds/transp_block.png),url(../gfx/icons/open.png)} h4.ext_toggle_close{background-image:url(../gfx/backgrounds/transp_block.png),url(../gfx/icons/close.png)} div.ext_stat_container table,div.ext_io_container table{border-collapse:collapse;width:46%;float:left;margin:8px 0} div.ext_stat_container table.statistics,div.ext_io_container table.input{float:left;margin:8px 24px 8px 12px} div.ext_stat_container table td,div.ext_io_container table td{border-bottom:1px solid rgba(0,0,0,0.06)!important;box-shadow:0 2px rgba(255,255,255,0.3)!important;padding-top: 3px;} /* share devices */ div.share_stat_container,div.share_io_container{background:url(../gfx/backgrounds/transp_block.png);border-radius:3px;margin-bottom:8px;margin-top:12px;padding:0} div.share_stat_container h4,div.share_io_container h4{margin-bottom:0;background-position:0 0,99.5% 8px;background-repeat:repeat,no-repeat;padding:4px 8px} div.share_stat_container h4:hover{cursor:pointer} h4.share_toggle_open{background-image:url(../gfx/backgrounds/transp_block.png),url(../gfx/icons/open.png)} h4.share_toggle_close{background-image:url(../gfx/backgrounds/transp_block.png),url(../gfx/icons/close.png)} div.share_stat_container table,div.share_io_container table{border-collapse:collapse;width:46%;float:left;margin:8px 0} div.share_stat_container table.statistics,div.share_io_container table.input{float:left;margin:8px 24px 8px 12px} div.share_stat_container table td{border-bottom:1px solid #93C138!important} a.delete_devtype{ z-index:2;position:absolute; top:-4px; left:50px; background:url(../gfx/icons/cancel.png) no-repeat; width:16px; height:16px; } a.delete_devtype:hover{cursor:pointer !important} a.resourcelink{color:#000;} a.resourcelink label, a.resourcelink strong{cursor:pointer !important;} /* application config */ #resources{width:744px;margin-left:12px} .resource_container{background-color: rgba(255, 255, 255, 0.91);border-radius:3px;margin-bottom:8px;padding:4px 8px} .resource_container h3{color:#333;margin:0;padding:8px 0;} .resource_container h3:hover{cursor:pointer} .resource_container h3.toggle_open{background:url(../gfx/icons/open.png) center right no-repeat} .resource_container h3.toggle_close{background:url(../gfx/icons/close.png) center right no-repeat} .resource_container table td input.name{float:left} .resource_container table td a.reset{margin-left:2px;float:left;width:16px;height:16px;display:block;background:url(../gfx/icons/reset.png) 0 0 no-repeat} .resource_container .griderize{margin-bottom:8px;} table td span.editable{position:absolute;right:4px;top:4px;width:16px;height:16px;display:block;background:url(../gfx/icons/edit.png) 0 0 no-repeat} /* support manuals */ div#support_manuals div.manual{background-color:#191919;border-radius:3px;margin-bottom:8px;width:320px;padding:12px} div#support_manuals span#quickstart_manual{background:url(../gfx/icons/quickguide_manual.png) no-repeat;float:left;display:block;width:76px;height:94px} div#support_manuals span#user_manual{background:url(../gfx/icons/user_manual.png) no-repeat;float:left;display:block;width:76px;height:94px} div#support_manuals span#config_manual{background:url(../gfx/icons/config_manual.png) no-repeat;float:left;display:block;width:76px;height:94px} div#support_manuals span#reference_manual{background:url(../gfx/icons/reference_manual.png) no-repeat;float:left;display:block;width:76px;height:94px} div#support_manuals a.manual_link{margin-left:12px;border-radius:3px;border:1px solid #555;background:#2e2e2e url(../gfx/backgrounds/btn.gif) repeat-x;color:#fff;padding:2px 8px} div#support_manuals a.manual_link span{background:url(../gfx/icons/pdf.png) no-repeat;padding-left:22px} /* log data, XXX:remove for new version */ div#logviews_container{margin-left:12px;background-color:#191919;border:1px solid #121212;border-radius:5px;} div#logviews{max-height:480px;overflow:auto;overflow-x:hidden;padding:8px} div#logviews ul{margin-top:8px;margin-left:4px} div#logviews li a,div#logviews strong{color:#fff} div#logviews li a:hover{color:#93C138;font-weight:700} /* alarm dispatch,data sendout, external_device_sendout */ table#dispatch_sendout tr.odd{ background-color:#d8d8d8; border-bottom:0 } table#dispatch_sendout tr.header{ border-bottom:1px solid #fff } table#dispatch_sendout td.test_sendout_disabled a, table#dispatch_sendout td.delete_disabled a, table#dispatch_sendout td.edit_disabled a, table#dispatch_sendout td.new_disabled a, table#dispatch_sendout td.info a, table#dispatch_sendout td.new a, table#dispatch_sendout td.delete a, table#dispatch_sendout td.edit a, table#external_device_sendout td.edit a, table#external_device_sendout td.delete a, table#external_device_sendout td.edit_disabled a, table#external_device_sendout td.delete_disabled a, table#external_device_sendout td.new a, table#external_device_sendout td.new_disabled a, table#dispatch_sendout td.test_sendout a{ display:block;background-repeat:no-repeat } table#dispatch_sendout td.info a{ width:16px; height:16px; margin:0 auto 0 23px; background-image:url(../gfx/icons/info.png) } table#external_device_sendout td.new a, table#external_device_sendout td.new_disabled a, table#dispatch_sendout td.new_disabled a, table#dispatch_sendout td.new a{ width:16px; height:18px; margin:0 auto 0 23px; background-image:url(../gfx/icons/new.png) } table#external_device_sendout td.delete_disabled a, table#dispatch_sendout td.delete_disabled a, table#external_device_sendout td.delete a, table#dispatch_sendout td.delete a{ width:12px; height:13px; margin:0 auto; background-image:url(../gfx/icons/delete.png) } table#external_device_sendout td.edit_disabled a, table#dispatch_sendout td.edit_disabled a, table#external_device_sendout td.edit a, table#dispatch_sendout td.edit a{ width:16px; height:16px; margin:0 auto; background-image:url(../gfx/icons/edit.png) } table#dispatch_sendout td.test_sendout_disabled a, table#dispatch_sendout td.test_sendout a{ width:17px; height:17px; margin:0 auto; background-image:url(../gfx/icons/test_sendout.png) } table#dispatch_sendout td.test_sendout_disabled a, table#dispatch_sendout td.new_disabled a, table#dispatch_sendout td.edit_disabled a, table#external_device_sendout td.delete_disabled a, table#external_device_sendout td.edit_disabled a, table#external_device_sendout td.new_disabled a, table#dispatch_sendout td.delete_disabled a{ -webkit-filter:grayscale(100%);filter:grayscale(100%) } table#dispatch_sendout td.data_sendout p{ background:url(../gfx/resourcify/logvalue.png) 0 2px no-repeat; padding-left:14px} table#dispatch_sendout td.alarmgroup_sendout p{ background:url(../gfx/resourcify/alarm.png) 0 2px no-repeat; padding-left:14px } table#dispatch_sendout td.external_sendout p{ background:url(../gfx/resourcify/external_sendout.png) 0 2px no-repeat; padding-left:14px } table#dispatch_sendout td.active{ width:16px } table#dispatch_sendout tr.inactive td{ color:#999 } /* common toggle */ h4.toggle_open{background:url(../gfx/icons/open.png) center right no-repeat;} h4.toggle_close{background:url(../gfx/icons/close.png) center right no-repeat;} h4.toggle_open,h4.toggle_close{cursor:pointer !important} #advanced_settings{padding:12px;background-color:#ececec;border-radius:3px;margin-bottom:6px;border:1px solid #ccc;box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25);} .timeEntry-control, .dateEntry-control{vertical-align: middle;} .contrastBackground{background:transparent url(../../../lang/guides/grid_contrast.png) !important} /*#viewarea .window, {background: url(../gfx/resourcify/summary.png) 0 1px no-repeat;padding-left:18px}*/ #workarea .window{background: #fff url(../gfx/backgrounds/btn.gif) repeat-x top;padding-left:18px } /*#workarea .button{background: #fff url(../gfx/backgrounds/btn.gif) repeat-x top;padding-left:18px } - conflict with summary row li.button */ /* button "dialog", overview */ #workarea div#settings_dialog{position:absolute;width:698px;z-index:10;background-attachment:fixed;box-shadow:0 3px 6px #000;background-color:#000;background:url(../gfx/backgrounds/dialog_top_lft.png) left top no-repeat,url(../gfx/backgrounds/dialog_top_rgt.png) right top no-repeat,url(../gfx/backgrounds/dialog_btm_rgt.png) right bottom no-repeat,url(../gfx/backgrounds/dialog_btm_lft.png) left bottom no-repeat,url(../gfx/backgrounds/dialog_top_glare.png) center top no-repeat,url(../gfx/backgrounds/dialog_btm_glare.png) center bottom no-repeat,url(../gfx/backgrounds/dialog_lft.png) left top repeat-y,url(../gfx/backgrounds/dialog_rgt.png) right top repeat-y,url(../gfx/backgrounds/dialog_top.png) left top repeat-x,#000 url(../gfx/backgrounds/dialog_btm.png) left bottom repeat-x;margin:62px auto 16px auto;padding:8px 8px 8px 8px} #workarea div#settings_dialog form{background-color:#191919;color:#fff;padding:0;margin-top:32px;width:100%} #workarea div#settings_dialog form h3{background-color:#000;padding:4px 8px 8px;font-size:1.1em;font-weight:700;position:absolute;top:9px;left:8px;right:9px;border-bottom: 1px solid #8ABC25;margin:0} #workarea div#settings_dialog form>fieldset{margin-bottom:0;padding-bottom:0} #workarea div#settings_dialog form fieldset{border:0} #workarea div#settings_dialog form fieldset fieldset{padding:6px 12px} #workarea div#settings_dialog form fieldset.submit{ background-color:#000; background-image:url(../gfx/backgrounds/dialog_mdl_glare.png),url(../gfx/backgrounds/dialog_mdl_top.png); background-position:center top,left top; background-repeat:no-repeat,repeat-x; color:#e0e0e0; margin-bottom:0 !important; padding:8px 16px; text-align:right } #workarea div#settings_dialog form div.param_container{ background-color:#fff; padding:4px; color:#333; border-radius:2px } /* fix, width, bar table names */ div#viewarea table.markers td.row_header{width:60%} div#viewarea table.markers td span{margin-right:24px} /* table wrappings */ /* TODO: implement wrapping options in griderize? */ #notes table tbody tr td:nth-child(2){word-wrap:break-word;max-width:500px} #notes table tbody tr td:nth-child(4){white-space:nowrap} #backups table tbody tr td:nth-child(2){word-wrap:break-word;max-width:350px} #appbackups table tbody tr td:nth-child(2){word-wrap:break-word;max-width:350px} #sysbackups table tbody tr td:nth-child(2){word-wrap:break-word;max-width:350px} #alarm_table table tbody tr td:nth-child(3){word-wrap:break-word;max-width:500px} /* summaries */ div.showresinput{position:relative;min-height:19px} div.showresinput label{display:inline-block} div.showresinput div.inputcontainer{position:absolute;right:4px;top:0} div.showresinput div.inputcontainer select{width:60px;margin:-3px 0} div.showresinput div.inputcontainer input.number{margin:-3px 0} div.showresinput div.inputcontainer input.btn{margin:-3px 0 -3px 4px;width:80px} /* manual link icon*/ #manualinfo{display:inline;position:relative;top:6px;left:4px;} #manualinfobox{text-align: center;} div#infobox{background-color:#191919;border:1px solid #111;border-radius:3px;padding:8px;color:#fff;width:80px;margin-top:10px;float:left} div#infobox_logged_data{margin-left:12px;background-color:#191919;border:1px solid #121212;border-radius:5px;margin-top:10px;padding:8px} div#infobox_folder{background-color:#191919;border:1px solid #111;border-radius:3px;padding:16px 8px 8px 8px;color:#fff;float:left;margin-left:12px;width:170px;margin-top:10px} /* companion list, alarm_active */ div#companion_list{padding-bottom:4px;overflow:auto} div#companion_list span.module_name{background:url(../gfx/resourcify/alarm.png) no-repeat;padding-left:14px; } div#companion_list label.not_connected span.module_name{background:url(../gfx/icons/not_connected.png) no-repeat;padding-left:14px} div#companion_list label {margin-left:14px;float:left} /* companions, index */ div#companions_not_connected div.companion span.not_connected{padding-left:14px;float:right;padding-right:10px;color:#cc0000;font-weight:normal;} div#companions_summaries a#totalAlarmCount { float:right;background: url(../gfx/resourcify/alarmgroup.png) no-repeat;padding-right:17px;padding-left:0px;margin-right:8px;background-position: right 0px top 1px;} div#companions_summaries hr.green {border-bottom: 1px solid #93c138;border-top:0px;margin:5px 8px 0px 8px;} div#companions_summaries span.warning_row {float:right;cursor:pointer;} /*div#companions_summaries span.companion_name {cursor:pointer;}*/ div#companions_summaries div.label a.alarm_link {float:right;padding-left:5px;} div#companions_summaries div.label a.alarm_link span.alarm_count { float:right;background: url(../gfx/resourcify/alarm.png) no-repeat;padding-right:17px;margin-right:8px;background-position: right 0px top 1px;} div#companions_summaries div.companion div.resourcify { margin-bottom:-10px; } div#companions_summaries div.companion:last-child div.resourcify { margin-bottom:0px; } /*div#loadCompanions { width: 100% !important;min-width: 200px;background: #191919 url(../gfx/icons/open.png) center right 10px no-repeat; } div#loadCompanions #companions_header { cursor:pointer;margin-bottom:7px; } div#loadCompanions.loading { background:#191919 url(/themes/default/gfx/icons/ajax-loader.gif) center right 10px no-repeat; }*/ div#loadCompanions { width: 100% !important;min-width: 200px;/*min-height:29px;*/ } div#loadCompanions.arrow {background: #191919 url(../gfx/icons/open.png) center right 10px no-repeat; } div#companions_summaries div.resourcify div.label span#show_toggle {float:right;width:27px;height:15px; cursor:pointer} div#companions_summaries div.resourcify div.label span#show_toggle.close {background: #191919 url(../gfx/icons/close.png) center right 10px no-repeat; } div#companions_summaries div.resourcify div.label span#show_toggle.open {background: #191919 url(../gfx/icons/open.png) center right 10px no-repeat; } div#companions_summaries div.resourcify div.label.toggle {cursor:pointer} div#loadCompanions #companions_header { cursor:pointer;margin-bottom:7px; } div#loadCompanions.loading { background:#191919 url(/themes/default/gfx/icons/ajax-loader.gif) center right 10px no-repeat; }