init
This commit is contained in:
Rinjae
@@ -0,0 +1,103 @@
|
||||
@charset "utf-8";
|
||||
v\:group,
|
||||
v\:shape,
|
||||
v\:line,
|
||||
v\:polyline,
|
||||
v\:rect,
|
||||
v\:oval,
|
||||
v\:fill {
|
||||
behavior : url(#default#VML);
|
||||
}
|
||||
|
||||
v\: * {behavior : url(#default#VML);}
|
||||
/*common*/
|
||||
.background text{fill:#666;font-family:'나눔고딕', '돋움', Dotum;font-size:11px}
|
||||
ul.accessibility {font-size: 1px;height: 1px; line-height: 1px; overflow: hidden; width: 1px;}
|
||||
.background .fields text{fill:#666;font-family:'나눔고딕', '돋움', Dotum;font-size:11px}
|
||||
.foreground .labels text{fill:#666;font-family:'나눔고딕', '돋움', Dotum;font-size:11px}
|
||||
.tooltip text{fill:#777;font-family:'나눔고딕', '돋움', Dotum;font-size: 11px;}
|
||||
.tooltip rect{fill:rgba(255,255,255,0.9);stroke:#ccc;stroke-width:0.5;}
|
||||
.fields text{fill:#666;font-family:'나눔고딕', '돋움', Dotum;font-size:11px}
|
||||
.guide_line{stroke:#4010ad;stroke-width:1}
|
||||
|
||||
/* Column Type */
|
||||
.Nwagon_column .background line.h{stroke:#000;stroke-width:0.2;}
|
||||
.Nwagon_column .background line.v{stroke:#000;stroke-width:0.1;}
|
||||
.Nwagon_column .foreground .columns g rect{fill-opacity:0.7;cursor:pointer;}
|
||||
.Nwagon_column .foreground .tooltip text{fill:#777;font-family:'나눔고딕', '돋움', Dotum;font-size: 9px;}
|
||||
.Nwagon_column .foreground .tooltip rect{fill:rgba(255,255,255,0.9);stroke:#ccc;stroke-width:0.5;}
|
||||
.Nwagon_column .labels text, .Nwagon_column .background text{fill:#666;font-family:'나눔고딕', '돋움', Dotum;font-size:11px;}
|
||||
|
||||
/*stacked_column*/
|
||||
.Nwagon_stacked_column .background line.h{stroke:#000;stroke-width:0.2;}
|
||||
.Nwagon_stacked_column .background line.v{stroke:#000;stroke-width:0.1;}
|
||||
.Nwagon_stacked_column .foreground .columns g rect{fill-opacity:0.7;cursor:pointer;}
|
||||
.Nwagon_stacked_column .foreground .tooltip text{fill:#777;font-family:'나눔고딕', '돋움', Dotum;font-size: 9px;}
|
||||
.Nwagon_stacked_column .foreground .tooltip rect{fill:rgba(255,255,255,0.9);stroke:#ccc;stroke-width:0.5;}
|
||||
.Nwagon_stacked_column .labels text, .Nwagon_stacked_column .background text{fill:#666;font-family:'나눔고딕', '돋움', Dotum;font-size:11px;}
|
||||
|
||||
/*multi_column*/
|
||||
.Nwagon_multi_column .background line.h{stroke:#000;stroke-width:0.2;}
|
||||
.Nwagon_multi_column .background line.v{stroke:#000;stroke-width:0.1;}
|
||||
.Nwagon_multi_column .foreground .columns g rect{fill-opacity:0.7;cursor:pointer;}
|
||||
.Nwagon_multi_column .foreground .tooltip text{fill:#777;font-family:'나눔고딕', '돋움', Dotum;font-size: 9px;}
|
||||
.Nwagon_multi_column .foreground .tooltip rect{fill:rgba(255,255,255,0.9);stroke:#ccc;stroke-width:0.5;}
|
||||
.Nwagon_multi_column .labels text, .Nwagon_stacked_column .background text{fill:#666;font-family:'나눔고딕', '돋움', Dotum;font-size:11px;}
|
||||
|
||||
/*Line*/
|
||||
.Nwagon_line .background line.h{stroke:#999;stroke-width:1;}
|
||||
.Nwagon_line .background line.h_dash{stroke:#000;stroke-width:0.3;stroke-dasharray: 3px 1px;}
|
||||
.Nwagon_line .background line.v{stroke:#999;stroke-width:1;}
|
||||
.Nwagon_line .foreground .lines g rect{fill-opacity:0.7;cursor:pointer;}
|
||||
.Nwagon_line .foreground .circles g rect{fill-opacity:0.7;cursor:pointer;}
|
||||
.Nwagon_line .foreground .circles circle{stroke-width:2px; cursor:pointer;}
|
||||
.Nwagon_line .foreground .lines path{fill:none; stroke-width:2px;}
|
||||
.Nwagon_line .labels text, .Nwagon_line .background text{fill:#666;font-family:'나눔고딕', '돋움', Dotum;font-size:11px;}
|
||||
|
||||
/*Area*/
|
||||
.Nwagon_area .background line.h{stroke:#999;stroke-width:1;}
|
||||
.Nwagon_area .background line.h_dash{stroke:#000;stroke-width:0.3;stroke-dasharray: 3px 1px;}
|
||||
.Nwagon_area .background line.v{stroke:#999;stroke-width:1;}
|
||||
.Nwagon_area .foreground .lines g rect{fill-opacity:0.7;cursor:pointer;}
|
||||
.Nwagon_area .foreground .circles g rect{fill-opacity:0.7;cursor:pointer;}
|
||||
.Nwagon_area .foreground .circles circle{stroke-width:2px; cursor:pointer;}
|
||||
.Nwagon_area .foreground .lines path{stroke-width:2px;}
|
||||
.Nwagon_area .labels text, .Nwagon_line .background text{fill:#666;font-family:'나눔고딕', '돋움', Dotum;font-size:11px;}
|
||||
|
||||
/*Jira*/
|
||||
.Nwagon_jira .background line.h{stroke:#999;stroke-width:1;}
|
||||
.Nwagon_jira .background line.h_dash{stroke:#000;stroke-width:0.3;stroke-dasharray: 3px 1px;}
|
||||
.Nwagon_jira .background line.v{stroke:#999;stroke-width:1;}
|
||||
.Nwagon_jira .foreground .lines g rect{fill-opacity:0.7;cursor:pointer;}
|
||||
.Nwagon_jira .foreground .circles g rect{fill-opacity:0.7;cursor:pointer;}
|
||||
.Nwagon_jira .foreground .circles circle{stroke-width:2px; cursor:pointer;}
|
||||
.Nwagon_jira .foreground .polygon path{stroke-width:0;}
|
||||
.Nwagon_jira .foreground .polygon .layered{fill:#FFF; stroke:#FFF; opacity:0.7}
|
||||
.Nwagon_jira .foreground .lines path{fill:none; stroke-width:2px;}
|
||||
.Nwagon_jira .labels text, .Nwagon_line .background text{fill:#666;font-family:'나눔고딕', '돋움', Dotum;font-size:11px;}
|
||||
|
||||
/*common polar/polar_pie*/
|
||||
.background path {stroke:#CCC;stroke-width:1; fill:none;}
|
||||
.background line.v{stroke:#CCC;stroke-width:1;}
|
||||
.foreground .pies .sector{stroke-width:1; stroke:#fff; cursor:pointer}
|
||||
.foreground .pies .sector{stroke-width:1; stroke:#fff; cursor:pointer}
|
||||
.xAxis text{fill:#000;font-family:'나눔고딕', '돋움', Dotum;font-size:8px;}
|
||||
.Nwagon_polar .labels text, .Nwagon_polar .background text{fill:#666;font-family:'나눔고딕', '돋움', Dotum;font-size:11px;}
|
||||
.Nwagon_polar_pie .labels text, .Nwagon_polar_pie .background text{fill:#666;font-family:'나눔고딕', '돋움', Dotum;font-size:11px;}
|
||||
.core .core_text {fill:#444;font-family:'나눔고딕', '돋움', Dotum;font-size:15px;}
|
||||
|
||||
/*pie and donut */
|
||||
.foreground .donuts .sector {stroke-width:1; stroke:#fff; cursor:pointer}
|
||||
|
||||
/* Radar Type */
|
||||
.Nwagon_radar .background .pie polyline{stroke:#000;stroke-width:0.2;}
|
||||
.Nwagon_radar .foreground .pie polyline{fill:#000;stroke:#000;stroke-width:0.2;opacity:0.1}
|
||||
.Nwagon_radar .labels text{fill:#666;font-family:'나눔고딕', '돋움', Dotum;font-size:11px;cursor:pointer;}
|
||||
.Nwagon_radar .labels text:hover{text-decoration:underline;}
|
||||
.Nwagon_radar .xAxis text{fill:#000;font-family:'나눔고딕', '돋움', Dotum;font-size:8px;}
|
||||
.Nwagon_radar .foreground polyline.polygon{opacity:0.4;}
|
||||
.Nwagon_radar .foreground circle{stroke-width:8,stroke:transparent}
|
||||
.Nwagon_radar .foreground circle.dim{fill:#fff;stroke:#aaa;stroke-width:1;}
|
||||
|
||||
/* < IE8 */
|
||||
div.label_ie {padding:0; margin:0;}
|
||||
@@ -0,0 +1,262 @@
|
||||
table {
|
||||
font-size: 11px;border-spacing: 0;border-collapse: 0;font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
|
||||
}
|
||||
select {
|
||||
font-size: 12px;font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
|
||||
}
|
||||
img{
|
||||
width:auto\9;height:auto;max-width: 100%;
|
||||
}
|
||||
|
||||
#btn_new{
|
||||
right:2;top:0;width:56;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_new.gif") no-repeat center top;
|
||||
}
|
||||
#btn_search{
|
||||
right:2;top:0;width:56;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_search.gif") no-repeat center top;
|
||||
}
|
||||
#btn_delete{
|
||||
right:2;top:0;width:56;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_delete.gif") no-repeat center top;
|
||||
}
|
||||
#btn_cancel{
|
||||
right:2;top:0;width:56;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_cancel.gif") no-repeat center top;
|
||||
}
|
||||
#btn_previous{
|
||||
right:2;top:0;width:76;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_previous.gif") no-repeat center top;
|
||||
}
|
||||
#btn_modify{
|
||||
right:2;top:0;width:56;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_modify.gif") no-repeat center top;
|
||||
}
|
||||
#btn_close{
|
||||
right:2;top:0;width:56;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_close.gif") no-repeat center top;
|
||||
}
|
||||
#btn_change{
|
||||
right:2;top:0;width:56;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_change.gif") no-repeat center top;
|
||||
}
|
||||
#btn_operate{
|
||||
right:2;top:0;width:56;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_operate.gif") no-repeat center top;
|
||||
}
|
||||
#btn_popup{
|
||||
right:2;top:0;width:20;height:19;cursor:pointer;background:url("/monitoring/images/role_search.gif") no-repeat center top;
|
||||
}
|
||||
#btn_biz_change{
|
||||
right:2;top:0;width:75;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_biz_change.gif") no-repeat center top;
|
||||
}
|
||||
#btn_role_change{
|
||||
right:2;top:0;width:75;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_role_change.gif") no-repeat center top;
|
||||
}
|
||||
#btn_initialize{
|
||||
right:2;top:0;width:66;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_initialize.gif") no-repeat center top;
|
||||
}
|
||||
#btn_clone{
|
||||
right:2;top:0;width:56;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_clone.gif") no-repeat center top;
|
||||
}
|
||||
#btn_laysync{
|
||||
right:2;top:0;width:65;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_laysync.gif") no-repeat center top;
|
||||
}
|
||||
#btn_pop_input{
|
||||
right:2;top:0;width:45;height:17;cursor:pointer;background:url("/monitoring/images/bt/pop_input.gif") no-repeat center top;
|
||||
}
|
||||
#btn_pop_delete{
|
||||
right:2;top:0;width:45;height:17;cursor:pointer;background:url("/monitoring/images/bt/pop_delete.gif") no-repeat center top;
|
||||
}
|
||||
#btn_pop_new{
|
||||
right:2;top:0;width:45;height:17;cursor:pointer;background:url("/monitoring/images/bt/pop_new.gif") no-repeat center top;
|
||||
}
|
||||
#btn_pop_modify{
|
||||
right:2;top:0;width:45;height:17;cursor:pointer;background:url("/monitoring/images/bt/pop_modify.gif") no-repeat center top;
|
||||
}
|
||||
#btn_pop_initialize{
|
||||
right:2;top:0;width:57;height:17;cursor:pointer;background:url("/monitoring/images/bt/pop_initialize.gif") no-repeat center top;
|
||||
}
|
||||
#btn_pop_detail{
|
||||
right:2;top:0;width:45;height:17;cursor:pointer;background:url("/monitoring/images/bt/pop_detail.gif") no-repeat center top;
|
||||
}
|
||||
#btn_pop_search{
|
||||
right:2;top:0;width:45;height:17;cursor:pointer;background:url("/monitoring/images/bt/pop_search.gif") no-repeat center top;
|
||||
}
|
||||
#btn_upload{
|
||||
right:2;top:0;width:66;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_upload.gif") no-repeat center top;
|
||||
}
|
||||
#btn_download{
|
||||
right:2;top:0;width:76;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_download.gif") no-repeat center top;
|
||||
}
|
||||
#btn_item_add{
|
||||
right:2;top:0;width:70;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_item_add.gif") no-repeat center top;
|
||||
}
|
||||
#btn_item_delete{
|
||||
right:2;top:0;width:70;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_item_delete.gif") no-repeat center top;
|
||||
}
|
||||
#btn_item_index{
|
||||
right:2;top:0;width:76;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_item_index.gif") no-repeat center top;
|
||||
}
|
||||
#btn_item_insert{
|
||||
right:2;top:0;width:76;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_item_insert.gif") no-repeat center top;
|
||||
}
|
||||
#btn_item_modify{
|
||||
right:2;top:0;width:76;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_item_modify.gif") no-repeat center top;
|
||||
}
|
||||
#btn_meta{
|
||||
right:2;top:0;width:80;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_meta.gif") no-repeat center top;
|
||||
}
|
||||
#btn_xml{
|
||||
right:2;top:0;width:66;height:22;cursor:pointer;background:url("/monitoring/images/bt/bt_show_xml.gif") no-repeat center top;
|
||||
}
|
||||
#btn_10min{
|
||||
right:2;top:0;width:76;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_10min.gif") no-repeat center top;
|
||||
}
|
||||
#btn_detail{
|
||||
right:2;top:0;width:56;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_detail.gif") no-repeat center top;
|
||||
}
|
||||
#btn_start{
|
||||
right:2;top:0;width:28;height:16;cursor:pointer;background:url("/monitoring/images/bt/bt_boot_sm.gif") no-repeat center top;
|
||||
}
|
||||
#btn_stop{
|
||||
right:2;top:0;width:28;height:16;cursor:pointer;background:url("/monitoring/images/bt/bt_end_sm.gif") no-repeat center top;
|
||||
}
|
||||
#btn_sync{
|
||||
right:2;top:0;width:56;height:20;cursor:pointer;background:url("/monitoring/images/bt/bt_sync.gif") no-repeat center top;
|
||||
}
|
||||
#btn_move_up{
|
||||
right:2;top:0;width:56;height:20;cursor:pointer;background:url("/monitoring/common/image/ic_up.gif") no-repeat center top;
|
||||
}
|
||||
#btn_move_down{
|
||||
right:2;top:0;width:56;height:20;cursor:pointer;background:url("/monitoring/common/image/ic_down.gif") no-repeat center top;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.button_postion{
|
||||
margin-bottom: -7px;
|
||||
}
|
||||
|
||||
.title_image{
|
||||
left:8;top:15;width:22;height:22;background:url("/monitoring/images/title_bullet.gif") no-repeat center top;border: 0;margin-bottom: -4px;
|
||||
}
|
||||
|
||||
.container{
|
||||
width:100%;
|
||||
}
|
||||
.full{
|
||||
width:100%;
|
||||
}
|
||||
.right{
|
||||
float:right;
|
||||
right:0px;
|
||||
}
|
||||
.left{
|
||||
float:left;
|
||||
left:5px;
|
||||
}
|
||||
.top{
|
||||
float:top;
|
||||
}
|
||||
.nav{
|
||||
Font-Size:11px;Font-Family:'dotum';Color:#999999;Text-Decoration:none;text-align:right;padding-right:20px;top:4px;margin: 0 0 0 0;
|
||||
}
|
||||
.title{
|
||||
Font-Size:14px;font-weight:bold;margin: 0 0 0 0;margin-bottom:
|
||||
}
|
||||
.title_line{
|
||||
width:100%;height:3px;background-color:#EEEEEE;left:5%;
|
||||
}
|
||||
.comment{
|
||||
padding-left:20px;Font-Size:11px;Font-Family:'dotum';Color:#CC9966;width:80%;left:10%;padding-top:5px;
|
||||
}
|
||||
.search_title{
|
||||
color: #000000;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
vertical-align: baseline;
|
||||
background-color: #e6f3fd;
|
||||
border-style:solid;
|
||||
border-width:1;
|
||||
border-color:#a6c9e2;
|
||||
padding: 2 10 2 10
|
||||
}
|
||||
.search_td_title{
|
||||
color: #000000;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
vertical-align: baseline;
|
||||
background-color: #e6f3fd;
|
||||
border-style:solid;
|
||||
border-width:1;
|
||||
border-color:#a6c9e2;
|
||||
vertical-align: middle;
|
||||
text-align:center;
|
||||
}
|
||||
.detail_title{
|
||||
color: #000000;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
/*vertical-align: baseline;*/
|
||||
background-color: #e6f3fd;
|
||||
padding-left: 10px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
.table_detail{
|
||||
border-color: #a6c9e2;
|
||||
border-style: solid;
|
||||
|
||||
|
||||
}
|
||||
|
||||
/*tab °ü·Ã ½ÃÀÛ*/
|
||||
|
||||
ul.tabs {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
float: left;
|
||||
list-style: none;
|
||||
height: 32px;
|
||||
border-bottom: 1px solid #eee;
|
||||
border-left: 1px solid #eee;
|
||||
width: 100%;
|
||||
font-family:"dotum";
|
||||
font-size:12px;
|
||||
}
|
||||
ul.tabs li {
|
||||
float: left;
|
||||
text-align:center;
|
||||
cursor: pointer;
|
||||
width:82px;
|
||||
height: 31px;
|
||||
line-height: 31px;
|
||||
border: 1px solid #eee;
|
||||
border-left: none;
|
||||
font-weight: bold;
|
||||
background: #fafafa;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
ul.tabs li.active {
|
||||
background: #FFFFFF;
|
||||
border-bottom: 1px solid #FFFFFF;
|
||||
}
|
||||
.tab_container {
|
||||
border: 1px solid #eee;
|
||||
border-top: none;
|
||||
clear: both;
|
||||
float: left;
|
||||
width: 248px;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
.tab_content {
|
||||
padding: 5px;
|
||||
font-size: 12px;
|
||||
display: none;
|
||||
}
|
||||
.tab_container .tab_content ul {
|
||||
width:100%;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
}
|
||||
.tab_container .tab_content ul li {
|
||||
padding:5px;
|
||||
list-style:none
|
||||
}
|
||||
|
||||
/*tab °ü·Ã Á¾·á*/
|
||||
|
||||
|
||||
@@ -0,0 +1,159 @@
|
||||
/* Àüü */
|
||||
|
||||
body {
|
||||
scrollbar-face-color: #DCDCDC;
|
||||
scrollbar-shadow-color:#FFFFFF;
|
||||
scrollbar-highlight-color:#FFFFFF;
|
||||
scrollbar-3dlight-color: #BBBBBB;
|
||||
scrollbar-darkshadow-color: #BBBBBB;
|
||||
scrollbar-track-color: #EFEFEF;
|
||||
scrollbar-arrow-color: #626262;
|
||||
}
|
||||
|
||||
table {
|
||||
font-family: µ¸¿ò;
|
||||
font-size: 9pt;
|
||||
line-height: 14px;
|
||||
color: #555555;
|
||||
}
|
||||
|
||||
|
||||
/* top */
|
||||
.sub_menu01 a:link {
|
||||
color: #002252; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu01 a:visited {
|
||||
color: #002252; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu01 a:active {
|
||||
color: #002252; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu01 a:hover {
|
||||
color: #ffffff; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu02 a:link {
|
||||
color: #5D4718; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu02 a:visited {
|
||||
color: #5D4718; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu02 a:active {
|
||||
color: #5D4718; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu02 a:hover {
|
||||
color: #ffffff; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu03 a:link {
|
||||
color: #432C5F; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu03 a:visited {
|
||||
color: #432C5F; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu03 a:active {
|
||||
color: #432C5F; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu03 a:hover {
|
||||
color: #ffffff; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu04 a:link {
|
||||
color: #514603; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu04 a:visited {
|
||||
color: #514603; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu04 a:active {
|
||||
color: #514603; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu04 a:hover {
|
||||
color: #ffffff; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu05 a:link {
|
||||
color: #580A14; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu05 a:visited {
|
||||
color: #580A14; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu05 a:active {
|
||||
color: #580A14; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu05 a:hover {
|
||||
color: #ffffff; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu06 a:link {
|
||||
color: #002830; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu06 a:visited {
|
||||
color: #002830; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu06 a:active {
|
||||
color: #002830; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu06 a:hover {
|
||||
color: #ffffff; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu07 a:link {
|
||||
color: #6A2E22; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu07 a:visited {
|
||||
color: #6A2E22; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu07 a:active {
|
||||
color: #6A2E22; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu07 a:hover {
|
||||
color: #ffffff; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
|
||||
|
||||
.sub_menu01 a:link {
|
||||
color: #05388E; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu01 a:visited {
|
||||
color: #05388E; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu01 a:active {
|
||||
color: #05388E; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
.sub_menu01 a:hover {
|
||||
color: #ffffff; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;
|
||||
}
|
||||
|
||||
.sub_menu {text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò;}
|
||||
|
||||
/* left */
|
||||
|
||||
.left_welcome {
|
||||
font-family: µ¸¿ò;
|
||||
font-size: 9pt;
|
||||
line-height: 18px;
|
||||
color: #000000;
|
||||
padding-left: 12px;
|
||||
padding-bottom: 7px;
|
||||
}
|
||||
.left_welcome_b {
|
||||
font-family: µ¸¿ò;
|
||||
font-size: 9pt;
|
||||
color: #000000;
|
||||
font-weight: bold;
|
||||
}
|
||||
.left_menu01 {
|
||||
font-family: µ¸¿ò;
|
||||
font-size: 9pt;
|
||||
color: #FF4E00;
|
||||
padding-left: 8px;
|
||||
padding-top: 7px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.left_menu02 a:link {
|
||||
color: #1B1B1B; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò; padding-left: 9px; padding-top: 5px; padding-bottom: 5px; line-height: 20px;
|
||||
}
|
||||
.left_menu02 a:visited {
|
||||
color: #1B1B1B; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò; padding-left: 9px; padding-top: 5px; padding-bottom: 5px; line-height: 20px;
|
||||
}
|
||||
.left_menu02 a:active {
|
||||
color: #1B1B1B; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò; padding-left: 9px; padding-top: 5px; padding-bottom: 5px; line-height: 20px;
|
||||
}
|
||||
.left_menu02 a:hover {
|
||||
color: #1B1B1B; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: µ¸¿ò; padding-left: 9px; padding-top: 5px; padding-bottom: 5px; line-height: 20px;
|
||||
}
|
||||
@@ -0,0 +1,83 @@
|
||||
a { text-decoration: none; padding: 0px; margin: 0px; border:0px;}
|
||||
|
||||
a:link { color: #7A5A31;}
|
||||
a:visited { color: #555555;}
|
||||
a:hover { color: #CC6600;}
|
||||
|
||||
.top {
|
||||
Font-Size : 11px;
|
||||
Font-Family : 'dotum';
|
||||
Text-Decoration : none;
|
||||
Color : #999999;
|
||||
}
|
||||
.navigator {
|
||||
Font-Size : 11px;
|
||||
Font-Family : 'dotum';
|
||||
Color : #999999;
|
||||
text-align:right;
|
||||
}
|
||||
.explain {
|
||||
Font-Size : 11px;
|
||||
Font-Family : 'dotum';
|
||||
Color : #CC9966;
|
||||
padding-left:20px
|
||||
}
|
||||
|
||||
.title {
|
||||
Font-Size : 16px;
|
||||
Font-Family : 'dotum';
|
||||
Font-Weight : bold;
|
||||
Text-Decoration : none;
|
||||
Text-Align :left;
|
||||
Border-Style:none;
|
||||
Color : #000000;
|
||||
letter-spacing:-1px;
|
||||
vertical-align:bottom;
|
||||
}
|
||||
|
||||
.titleLine{
|
||||
width: 815px;
|
||||
height:3px;
|
||||
border-top : 1px solid #DDDDDD;
|
||||
border-bottom : 1px solid #EEEEEE;
|
||||
background-color : #EEEEEE;
|
||||
left: 10px;
|
||||
top:45px
|
||||
}
|
||||
|
||||
.search {
|
||||
Font-Size : 11px;
|
||||
Font-Family : 'dotum';
|
||||
Font-Weight : bold;
|
||||
Text-Decoration : none;
|
||||
Text-Align :left;
|
||||
Border-Style:none;
|
||||
color: black
|
||||
}
|
||||
|
||||
.gridList {
|
||||
Font-Size : 11px;
|
||||
Font-Family : 'dotum';
|
||||
Text-Decoration : none;
|
||||
Text-Align :left;
|
||||
Border-Style:none;
|
||||
color: black
|
||||
}
|
||||
.btn01 {
|
||||
Font-Size : 12px;
|
||||
Font-Family : 'dotum';
|
||||
Text-Align :center;
|
||||
border-top : 1px solid #C7C0B3;
|
||||
border-left : 1px solid #C7C0B3;
|
||||
border-bottom : 1px solid #5A3C31;
|
||||
border-right : 1px solid #5A3C31;
|
||||
background-color : #7C5E53;
|
||||
color: #FFF;
|
||||
padding-top: 2px;
|
||||
height="20"
|
||||
}
|
||||
.zone {
|
||||
position:absolute;
|
||||
z-index:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
/* Àüü */
|
||||
|
||||
|
||||
body
|
||||
{
|
||||
overflow-y:hidden;
|
||||
overflow-x:hidden;
|
||||
}
|
||||
|
||||
a { text-decoration: none; padding: 0px; margin: 0px; border:0px;}
|
||||
|
||||
a:link { color: #7A5A31;}
|
||||
a:visited { color: #555555;}
|
||||
a:hover { color: #CC6600;}
|
||||
|
||||
.popTitle{
|
||||
height : 20px;
|
||||
font-family: 'dotum' ;
|
||||
font-weight: bold ;
|
||||
font-size : 14px ;
|
||||
color : #FFFFFF;
|
||||
background-color:#C2A894 ;
|
||||
text-align : left ;
|
||||
padding:2px 0px 0px 10px;
|
||||
}
|
||||
|
||||
.btn01 {
|
||||
Font-Size : 12px;
|
||||
Font-Family : 'dotum';
|
||||
Text-Align :center;
|
||||
border-top : 1px solid #C7C0B3;
|
||||
border-left : 1px solid #C7C0B3;
|
||||
border-bottom : 1px solid #5A3C31;
|
||||
border-right : 1px solid #5A3C31;
|
||||
background-color : #7C5E53;
|
||||
color: #FFF;
|
||||
padding-top: 2px;
|
||||
height="20"
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
:root {
|
||||
--css-btn-font-family: 'MICE Gothic';
|
||||
--title-font-family: 'MICE Gothic';
|
||||
--title-font-size: 24px;
|
||||
--css-btn-icon-font-size: 17px;
|
||||
--css-btn-font-size: 13px;
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
:root {
|
||||
--css-btn-font-family: 'Asap Condensed';
|
||||
--title-font-family: 'Staatliches';
|
||||
--title-font-size: 30px;
|
||||
--css-btn-icon-font-size: 18px;
|
||||
--css-btn-font-size: 14px;
|
||||
}
|
||||
@@ -0,0 +1,750 @@
|
||||
:root {
|
||||
--jexcel-border-color:#000;
|
||||
}
|
||||
|
||||
.jexcel_container {
|
||||
display:inline-block;
|
||||
padding-right:2px;
|
||||
box-sizing: border-box;
|
||||
overscroll-behavior: contain;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.jexcel_container.fullscreen {
|
||||
position:fixed;
|
||||
top:0px;
|
||||
left:0px;
|
||||
width:100%;
|
||||
height:100%;
|
||||
z-index:21;
|
||||
}
|
||||
|
||||
.jexcel_container.fullscreen .jexcel_content {
|
||||
overflow:auto;
|
||||
width:100%;
|
||||
height:100%;
|
||||
background-color:#ffffff;
|
||||
}
|
||||
|
||||
.jexcel_container.with-toolbar .jexcel > thead > tr > td {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.jexcel_container.fullscreen.with-toolbar {
|
||||
height: calc(100% - 46px);
|
||||
}
|
||||
|
||||
.jexcel_content {
|
||||
display:inline-block;
|
||||
box-sizing: border-box;
|
||||
padding-right:3px;
|
||||
padding-bottom:3px;
|
||||
position:relative;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #666 transparent;
|
||||
}
|
||||
|
||||
@supports (-moz-appearance:none) {
|
||||
.jexcel_content { padding-right:10px; }
|
||||
}
|
||||
|
||||
.jexcel_content::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
.jexcel_content::-webkit-scrollbar-track {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.jexcel_content::-webkit-scrollbar-thumb {
|
||||
background: #666;
|
||||
}
|
||||
|
||||
.jexcel {
|
||||
border-collapse: separate;
|
||||
table-layout: fixed;
|
||||
white-space: nowrap;
|
||||
empty-cells: show;
|
||||
border: 0px;
|
||||
background-color: #fff;
|
||||
width: 0;
|
||||
|
||||
border-top: 1px solid transparent;
|
||||
border-left: 1px solid transparent;
|
||||
border-right: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.jexcel > thead > tr > td
|
||||
{
|
||||
border-top: 1px solid #ccc;
|
||||
border-left: 1px solid #ccc;
|
||||
border-right: 1px solid transparent;
|
||||
border-bottom: 1px solid transparent;
|
||||
background-color: #f3f3f3;
|
||||
padding: 2px;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index:2;
|
||||
}
|
||||
|
||||
.jexcel_container.with-toolbar .jexcel > thead > tr > td
|
||||
{
|
||||
top:42px;
|
||||
}
|
||||
|
||||
.jexcel > thead > tr > td.dragging
|
||||
{
|
||||
background-color:#fff;
|
||||
opacity:0.5;
|
||||
}
|
||||
|
||||
.jexcel > thead > tr > td.selected
|
||||
{
|
||||
background-color:#dcdcdc;
|
||||
}
|
||||
|
||||
.jexcel > thead > tr > td.arrow-up
|
||||
{
|
||||
background-repeat:no-repeat;
|
||||
background-position:center right 5px;
|
||||
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E");
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
.jexcel > thead > tr > td.arrow-down
|
||||
{
|
||||
background-repeat:no-repeat;
|
||||
background-position:center right 5px;
|
||||
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E");
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
.jexcel > tbody > tr > td:first-child
|
||||
{
|
||||
position:relative;
|
||||
background-color:#f3f3f3;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.jexcel > tbody.resizable > tr > td:first-child::before
|
||||
{
|
||||
content:'\00a0';
|
||||
width:100%;
|
||||
height:3px;
|
||||
position:absolute;
|
||||
bottom:0px;
|
||||
left:0px;
|
||||
cursor:row-resize;
|
||||
}
|
||||
|
||||
.jexcel > tbody.draggable > tr > td:first-child::after
|
||||
{
|
||||
content:'\00a0';
|
||||
width:3px;
|
||||
height:100%;
|
||||
position:absolute;
|
||||
top:0px;
|
||||
right:0px;
|
||||
cursor:move;
|
||||
}
|
||||
|
||||
.jexcel > tbody > tr.dragging > td
|
||||
{
|
||||
background-color:#eee;
|
||||
opacity:0.5;
|
||||
}
|
||||
|
||||
.jexcel > tbody > tr > td
|
||||
{
|
||||
border-top:1px solid #ccc;
|
||||
border-left:1px solid #ccc;
|
||||
border-right:1px solid transparent;
|
||||
border-bottom:1px solid transparent;
|
||||
padding:4px;
|
||||
white-space: nowrap;
|
||||
box-sizing: border-box;
|
||||
line-height:1em;
|
||||
}
|
||||
|
||||
.jexcel_overflow > tbody > tr > td {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.jexcel > tbody > tr > td:last-child
|
||||
{
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.jexcel > tbody > tr > td > img
|
||||
{
|
||||
display:inline-block;
|
||||
max-width:100px;
|
||||
}
|
||||
|
||||
.jexcel > tbody > tr > td.readonly
|
||||
{
|
||||
color:rgba(0,0,0,0.3)
|
||||
}
|
||||
.jexcel > tbody > tr.selected > td:first-child
|
||||
{
|
||||
background-color:#dcdcdc;
|
||||
}
|
||||
.jexcel > tbody > tr > td > select,
|
||||
.jexcel > tbody > tr > td > input,
|
||||
.jexcel > tbody > tr > td > textarea
|
||||
{
|
||||
border:0px;
|
||||
border-radius:0px;
|
||||
outline:0px;
|
||||
width:100%;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
padding-right:2px;
|
||||
background-color:transparent;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.jexcel > tbody > tr > td > textarea
|
||||
{
|
||||
resize: none;
|
||||
padding-top:6px !important;
|
||||
}
|
||||
|
||||
.jexcel > tbody > tr > td > input[type=checkbox]
|
||||
{
|
||||
width:12px;
|
||||
margin-top:2px;
|
||||
}
|
||||
.jexcel > tbody > tr > td > input[type=radio]
|
||||
{
|
||||
width:12px;
|
||||
margin-top:2px;
|
||||
}
|
||||
|
||||
.jexcel > tbody > tr > td > select
|
||||
{
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
background-repeat: no-repeat;
|
||||
background-position-x: 100%;
|
||||
background-position-y: 40%;
|
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
|
||||
}
|
||||
|
||||
.jexcel > tbody > tr > td.jexcel_dropdown
|
||||
{
|
||||
background-repeat: no-repeat;
|
||||
background-position:top 50% right 5px;
|
||||
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E");
|
||||
text-overflow: ellipsis;
|
||||
overflow-x:hidden;
|
||||
}
|
||||
|
||||
.jexcel > tbody > tr > td.jexcel_dropdown.jexcel_comments
|
||||
{
|
||||
background:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E") top 50% right 5px no-repeat, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=') top right no-repeat;
|
||||
}
|
||||
|
||||
.jexcel > tbody > tr > td > .color
|
||||
{
|
||||
width:90%;
|
||||
height:10px;
|
||||
margin:auto;
|
||||
}
|
||||
|
||||
.jexcel > tbody > tr > td > a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.jexcel > tbody > tr > td.highlight > a {
|
||||
color: blue;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jexcel > tfoot > tr > td
|
||||
{
|
||||
border-top: 1px solid #ccc;
|
||||
border-left: 1px solid #ccc;
|
||||
border-right: 1px solid transparent;
|
||||
border-bottom: 1px solid transparent;
|
||||
background-color: #f3f3f3;
|
||||
padding: 2px;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.jexcel .highlight {
|
||||
background-color:rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
.jexcel .highlight-top {
|
||||
border-top:1px solid #000; /* var(--jexcel-border-color);*/
|
||||
box-shadow: 0px -1px #ccc;
|
||||
}
|
||||
|
||||
.jexcel .highlight-left {
|
||||
border-left:1px solid #000; /* var(--jexcel-border-color);*/
|
||||
box-shadow: -1px 0px #ccc;
|
||||
}
|
||||
|
||||
.jexcel .highlight-right {
|
||||
border-right:1px solid #000; /* var(--jexcel-border-color);*/
|
||||
}
|
||||
|
||||
.jexcel .highlight-bottom {
|
||||
border-bottom:1px solid #000; /* var(--jexcel-border-color);*/
|
||||
}
|
||||
|
||||
.jexcel .highlight-top.highlight-left {
|
||||
box-shadow: -1px -1px #ccc;
|
||||
-webkit-box-shadow: -1px -1px #ccc;
|
||||
-moz-box-shadow: -1px -1px #ccc;
|
||||
}
|
||||
|
||||
.jexcel .highlight-selected
|
||||
{
|
||||
background-color:rgba(0,0,0,0.0);
|
||||
}
|
||||
.jexcel .selection
|
||||
{
|
||||
background-color:rgba(0,0,0,0.05);
|
||||
}
|
||||
.jexcel .selection-left
|
||||
{
|
||||
border-left:1px dotted #000;
|
||||
}
|
||||
.jexcel .selection-right
|
||||
{
|
||||
border-right:1px dotted #000;
|
||||
}
|
||||
.jexcel .selection-top
|
||||
{
|
||||
border-top:1px dotted #000;
|
||||
}
|
||||
.jexcel .selection-bottom
|
||||
{
|
||||
border-bottom:1px dotted #000;
|
||||
}
|
||||
.jexcel_corner
|
||||
{
|
||||
position:absolute;
|
||||
background-color: rgb(0, 0, 0);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
border: 1px solid rgb(255, 255, 255);
|
||||
top:-2000px;
|
||||
left:-2000px;
|
||||
cursor:crosshair;
|
||||
box-sizing: initial;
|
||||
z-index:30;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.jexcel .editor
|
||||
{
|
||||
outline:0px solid transparent;
|
||||
overflow:visible;
|
||||
white-space: nowrap;
|
||||
text-align:left;
|
||||
padding:0px;
|
||||
box-sizing: border-box;
|
||||
overflow:visible !important;
|
||||
}
|
||||
|
||||
.jexcel .editor > input
|
||||
{
|
||||
padding-left:4px;
|
||||
}
|
||||
|
||||
.jexcel .editor .jupload
|
||||
{
|
||||
position:fixed;
|
||||
top:100%;
|
||||
z-index:40;
|
||||
user-select:none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-size: .875rem;
|
||||
letter-spacing: .2px;
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
|
||||
box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
|
||||
padding:10px;
|
||||
background-color:#fff;
|
||||
width:300px;
|
||||
min-height:225px;
|
||||
margin-top:2px;
|
||||
}
|
||||
|
||||
.jexcel .editor .jupload img
|
||||
{
|
||||
width:100%;
|
||||
height:auto;
|
||||
}
|
||||
|
||||
.jexcel .editor .jexcel_richtext
|
||||
{
|
||||
position:fixed;
|
||||
top:100%;
|
||||
z-index:40;
|
||||
user-select:none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-size: .875rem;
|
||||
letter-spacing: .2px;
|
||||
-webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
|
||||
box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
|
||||
padding:10px;
|
||||
background-color:#fff;
|
||||
min-width:280px;
|
||||
max-width:310px;
|
||||
margin-top:2px;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
.jexcel .editor .jclose:after
|
||||
{
|
||||
position:absolute;
|
||||
top:0;
|
||||
right:0;
|
||||
margin:10px;
|
||||
content:'close';
|
||||
font-family:'Material icons';
|
||||
font-size:24px;
|
||||
width:24px;
|
||||
height:24px;
|
||||
line-height:24px;
|
||||
cursor:pointer;
|
||||
text-shadow: 0px 0px 5px #fff;
|
||||
}
|
||||
|
||||
.jexcel, .jexcel td, .jexcel_corner
|
||||
{
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-user-drag: none;
|
||||
-khtml-user-drag: none;
|
||||
-moz-user-drag: none;
|
||||
-o-user-drag: none;
|
||||
user-drag: none;
|
||||
}
|
||||
|
||||
.jexcel_textarea
|
||||
{
|
||||
position:absolute;
|
||||
top:-999px;
|
||||
left:-999px;
|
||||
width:1px;
|
||||
height:1px;
|
||||
}
|
||||
.jexcel .dragline
|
||||
{
|
||||
position:absolute;
|
||||
}
|
||||
.jexcel .dragline div
|
||||
{
|
||||
position:relative;
|
||||
top:-6px;
|
||||
height:5px;
|
||||
width:22px;
|
||||
}
|
||||
.jexcel .dragline div:hover
|
||||
{
|
||||
cursor:move;
|
||||
}
|
||||
|
||||
.jexcel .onDrag
|
||||
{
|
||||
background-color:rgba(0,0,0,0.6);
|
||||
}
|
||||
|
||||
.jexcel .error
|
||||
{
|
||||
border:1px solid red;
|
||||
}
|
||||
|
||||
.jexcel thead td.resizing
|
||||
{
|
||||
border-right-style:dotted !important;
|
||||
border-right-color:red !important;
|
||||
}
|
||||
|
||||
.jexcel tbody tr.resizing > td
|
||||
{
|
||||
border-bottom-style:dotted !important;
|
||||
border-bottom-color:red !important;
|
||||
}
|
||||
|
||||
.jexcel tbody td.resizing
|
||||
{
|
||||
border-right-style:dotted !important;
|
||||
border-right-color:red !important;
|
||||
}
|
||||
|
||||
.jexcel .jdropdown-header
|
||||
{
|
||||
border:0px !important;
|
||||
outline:none !important;
|
||||
width:100% !important;
|
||||
height:100% !important;
|
||||
padding:0px !important;
|
||||
padding-left:8px !important;
|
||||
}
|
||||
|
||||
.jexcel .jdropdown-container
|
||||
{
|
||||
margin-top:1px;
|
||||
}
|
||||
|
||||
.jexcel .jdropdown-container-header {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
height: inherit;
|
||||
}
|
||||
|
||||
.jexcel .jdropdown-picker
|
||||
{
|
||||
border:0px !important;
|
||||
padding:0px !important;
|
||||
width:inherit;
|
||||
height:inherit;
|
||||
}
|
||||
|
||||
.jexcel .jexcel_comments
|
||||
{
|
||||
background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=');
|
||||
background-repeat: no-repeat;
|
||||
background-position: top right;
|
||||
}
|
||||
|
||||
.jexcel .sp-replacer
|
||||
{
|
||||
margin: 2px;
|
||||
border:0px;
|
||||
}
|
||||
|
||||
.jexcel > thead > tr.jexcel_filter > td > input
|
||||
{
|
||||
border:0px;
|
||||
width:100%;
|
||||
outline:none;
|
||||
}
|
||||
|
||||
.jexcel_about {
|
||||
float: right;
|
||||
font-size: 0.7em;
|
||||
padding: 2px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
display: none;
|
||||
}
|
||||
.jexcel_about a {
|
||||
color: #ccc;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.jexcel_about img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.jexcel_filter
|
||||
{
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
margin-bottom:4px;
|
||||
}
|
||||
|
||||
.jexcel_filter > div
|
||||
{
|
||||
padding:8px;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.jexcel_pagination
|
||||
{
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.jexcel_pagination > div
|
||||
{
|
||||
display:flex;
|
||||
padding:10px;
|
||||
}
|
||||
|
||||
.jexcel_pagination > div:last-child
|
||||
{
|
||||
padding-right:10px;
|
||||
padding-top:10px;
|
||||
}
|
||||
|
||||
.jexcel_pagination > div > div
|
||||
{
|
||||
text-align:center;
|
||||
width:36px;
|
||||
height:36px;
|
||||
line-height:34px;
|
||||
border:1px solid #ccc;
|
||||
box-sizing: border-box;
|
||||
margin-left:2px;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.jexcel_page
|
||||
{
|
||||
font-size:0.8em;
|
||||
}
|
||||
|
||||
.jexcel_page_selected
|
||||
{
|
||||
font-weight:bold;
|
||||
background-color:#f3f3f3;
|
||||
}
|
||||
|
||||
.jexcel_toolbar
|
||||
{
|
||||
display:flex;
|
||||
background-color:#f3f3f3;
|
||||
border:1px solid #ccc;
|
||||
padding:4px;
|
||||
margin:0px 2px 4px 1px;
|
||||
position:sticky;
|
||||
top:0px;
|
||||
z-index:21;
|
||||
}
|
||||
|
||||
.jexcel_toolbar:empty
|
||||
{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.jexcel_toolbar i.jexcel_toolbar_item
|
||||
{
|
||||
width:24px;
|
||||
height:24px;
|
||||
padding:4px;
|
||||
cursor:pointer;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
.jexcel_toolbar i.jexcel_toolbar_item:hover
|
||||
{
|
||||
background-color:#ddd;
|
||||
}
|
||||
|
||||
.jexcel_toolbar select.jexcel_toolbar_item
|
||||
{
|
||||
margin-left:2px;
|
||||
margin-right:2px;
|
||||
display:inline-block;
|
||||
border:0px;
|
||||
background-color:transparent;
|
||||
padding-right:10px;
|
||||
}
|
||||
|
||||
.jexcel .dragging-left
|
||||
{
|
||||
background-repeat: no-repeat;
|
||||
background-position:top 50% left 0px;
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M14 7l-5 5 5 5V7z'/%3E%3Cpath fill='none' d='M24 0v24H0V0h24z'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
.jexcel .dragging-right
|
||||
{
|
||||
background-repeat: no-repeat;
|
||||
background-position:top 50% right 0px;
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M10 17l5-5-5-5v10z'/%3E%3Cpath fill='none' d='M0 24V0h24v24H0z'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
.jexcel_tabs .jexcel_tab
|
||||
{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.jexcel_tabs .jexcel_tab_link
|
||||
{
|
||||
display:inline-block;
|
||||
padding:10px;
|
||||
padding-left:20px;
|
||||
padding-right:20px;
|
||||
margin-right:5px;
|
||||
margin-bottom:5px;
|
||||
background-color:#f3f3f3;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.jexcel_tabs .jexcel_tab_link.selected
|
||||
{
|
||||
background-color:#ddd;
|
||||
}
|
||||
|
||||
.jexcel_hidden_index > tbody > tr > td:first-child,
|
||||
.jexcel_hidden_index > thead > tr > td:first-child,
|
||||
.jexcel_hidden_index > colgroup > col:first-child
|
||||
{
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.jexcel .jrating {
|
||||
display: inline-flex;
|
||||
}
|
||||
.jexcel .jrating > div {
|
||||
zoom: 0.55;
|
||||
}
|
||||
|
||||
.jexcel .copying-top {
|
||||
border-top:1px dashed #000;
|
||||
}
|
||||
|
||||
.jexcel .copying-left {
|
||||
border-left:1px dashed #000;
|
||||
}
|
||||
|
||||
.jexcel .copying-right {
|
||||
border-right:1px dashed #000;
|
||||
}
|
||||
|
||||
.jexcel .copying-bottom {
|
||||
border-bottom:1px dashed #000;
|
||||
}
|
||||
|
||||
.jexcel .jexcel_column_filter {
|
||||
background-repeat: no-repeat;
|
||||
background-position: top 50% right 5px;
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
padding: 0px;
|
||||
padding-left: 6px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.jexcel thead .jexcel_freezed {
|
||||
left: 0px;
|
||||
z-index: 3 !important;
|
||||
box-shadow: 2px 0px 2px 0.2px #ccc !important;
|
||||
-webkit-box-shadow: 2px 0px 2px 0.2px #ccc !important;
|
||||
-moz-box-shadow: 2px 0px 2px 0.2px #ccc !important;
|
||||
}
|
||||
|
||||
.jexcel tbody .jexcel_freezed {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
box-shadow: 1px 1px 1px 1px #ccc !important;
|
||||
-webkit-box-shadow: 2px 4px 4px 0.1px #ccc !important;
|
||||
-moz-box-shadow: 2px 4px 4px 0.1px #ccc !important;
|
||||
}
|
||||
@@ -0,0 +1,183 @@
|
||||
:root {
|
||||
--jexcel_header_color: #888;
|
||||
--jexcel_header_color_highlighted: #444;
|
||||
--jexcel_header_background: #313131;
|
||||
--jexcel_header_background_highlighted: #777;
|
||||
--jexcel_content_color: #777;
|
||||
--jexcel_content_color_highlighted: #333;
|
||||
--jexcel_content_background: #3e3e3e;
|
||||
--jexcel_content_background_highlighted: #777;
|
||||
--jexcel_menu_background: #7e7e7e;
|
||||
--jexcel_menu_background_highlighted: #ebebeb;
|
||||
--jexcel_menu_color: #ddd;
|
||||
--jexcel_menu_color_highlighted: #222;
|
||||
--jexcel_border_color: #5f5f5f;
|
||||
--jexcel_border_color_highlighted: #999;
|
||||
--active_color: #eee;
|
||||
--active-color: var(--active_color);
|
||||
}
|
||||
|
||||
.jexcel {
|
||||
border-bottom: 1px solid var(--jexcel_border_color);
|
||||
border-right: 1px solid var(--jexcel_border_color);
|
||||
}
|
||||
|
||||
.jexcel > tbody > tr > td,
|
||||
.jexcel > thead > tr > td {
|
||||
border-top: 1px solid var(--jexcel_border_color);
|
||||
border-left: 1px solid var(--jexcel_border_color);
|
||||
background-color: var(--jexcel_content_background);
|
||||
color: var(--jexcel_content_color);
|
||||
}
|
||||
|
||||
.jexcel > tbody > tr > td:first-child,
|
||||
.jexcel > thead > tr > td {
|
||||
background-color: var(--jexcel_header_background);
|
||||
color: var(--jexcel_header_color);
|
||||
}
|
||||
|
||||
.jexcel > thead > tr > td.selected,
|
||||
.jexcel > tbody > tr.selected > td:first-child {
|
||||
background-color: var(--jexcel_header_background_highlighted);
|
||||
color: var(--jexcel_header_color_highlighted);
|
||||
}
|
||||
|
||||
.jexcel > tbody > tr > td.jexcel_cursor a {
|
||||
color: var(--active-color);
|
||||
}
|
||||
|
||||
.jexcel_pagination > div > div {
|
||||
color: var(--jexcel_header_color);
|
||||
background: var(--jexcel_header_background);
|
||||
border: 1px solid var(--jexcel_border_color);
|
||||
}
|
||||
|
||||
.jexcel_page,
|
||||
.jexcel_container input,
|
||||
.jexcel_container select {
|
||||
color: var(--jexcel_header_color);
|
||||
background: var(--jexcel_header_background);
|
||||
border: 1px solid var(--jexcel_border_color);
|
||||
}
|
||||
|
||||
.jexcel_contextmenu {
|
||||
border: 1px solid var(--jexcel_border_color);
|
||||
background: var(--jexcel_menu_background);
|
||||
color: var(--jexcel_menu_color);
|
||||
box-shadow: var(--jexcel_menu_box_shadow);
|
||||
-webkit-box-shadow: var(--jexcel_menu_box_shadow);
|
||||
-moz-box-shadow: var(--jexcel_menu_box_shadow);
|
||||
}
|
||||
|
||||
.jexcel_contextmenu > div a {
|
||||
color: var(--jexcel_menu_color);
|
||||
}
|
||||
|
||||
.jexcel_contextmenu > div:not(.contextmenu-line):hover a {
|
||||
color: var(--jexcel_menu_color_highlighted);
|
||||
}
|
||||
|
||||
.jexcel_contextmenu > div:not(.contextmenu-line):hover {
|
||||
background: var(--jexcel_menu_background_highlighted);
|
||||
}
|
||||
|
||||
.jexcel_dropdown .jdropdown-container,
|
||||
.jexcel_dropdown .jdropdown-content {
|
||||
background-color: var(--jexcel_content_background);
|
||||
color: var(--jexcel_content_color);
|
||||
}
|
||||
|
||||
.jexcel_dropdown .jdropdown-item {
|
||||
color: var(--jexcel_content_color);
|
||||
}
|
||||
|
||||
.jexcel_dropdown .jdropdown-item:hover,
|
||||
.jexcel_dropdown .jdropdown-selected,
|
||||
.jexcel_dropdown .jdropdown-cursor {
|
||||
background-color: var(--jexcel_content_background_highlighted);
|
||||
color: var(--jexcel_content_color_highlighted);
|
||||
}
|
||||
|
||||
.jexcel .jcalendar-content {
|
||||
background-color: var(--jexcel_header_background);
|
||||
color: var(--jexcel_header_color);
|
||||
}
|
||||
|
||||
.jexcel .jcalendar-content > table {
|
||||
background-color: var(--jexcel_content_background);
|
||||
color: var(--jexcel_content_color);
|
||||
}
|
||||
|
||||
.jexcel .jcalendar-weekday {
|
||||
background-color: var(--jexcel_content_background_highlighted);
|
||||
color: var(--jexcel_content_color_highlighted);
|
||||
}
|
||||
|
||||
.jexcel .jcalendar-sunday {
|
||||
color: var(--jexcel_header_color);
|
||||
}
|
||||
|
||||
.jexcel .jcalendar-selected {
|
||||
background-color: var(--jexcel_content_background_highlighted);
|
||||
color: var(--jexcel_content_color_highlighted);
|
||||
}
|
||||
|
||||
.jexcel_toolbar i.jexcel_toolbar_item {
|
||||
color: var(--jexcel_content_color);
|
||||
}
|
||||
|
||||
.jexcel_toolbar i.jexcel_toolbar_item:hover {
|
||||
background: var(--jexcel_content_background_highlighted);
|
||||
color: var(--jexcel_content_color_highlighted);
|
||||
}
|
||||
|
||||
.jexcel_toolbar {
|
||||
background: var(--jexcel_header_background);
|
||||
}
|
||||
|
||||
.jexcel_content::-webkit-scrollbar-track {
|
||||
background: var(--jexcel_background_head);
|
||||
}
|
||||
|
||||
.jexcel_content::-webkit-scrollbar-thumb {
|
||||
background: var(--jexcel_background_head_highlighted);
|
||||
}
|
||||
|
||||
|
||||
.jexcel_border_main {
|
||||
border: 1px solid #000;
|
||||
border-color: var(--jexcel_border_color_highlighted);
|
||||
}
|
||||
|
||||
.jexcel .highlight {
|
||||
background-color: var(--jexcel_content_background_highlighted);
|
||||
}
|
||||
|
||||
.jexcel .highlight-bottom {
|
||||
border-bottom: 1px solid var(--jexcel_border_color_highlighted);
|
||||
}
|
||||
.jexcel .highlight-right {
|
||||
border-right: 1px solid var(--jexcel_border_color_highlighted);
|
||||
}
|
||||
.jexcel .highlight-left {
|
||||
border-left: 1px solid var(--jexcel_border_color_highlighted);
|
||||
}
|
||||
.jexcel .highlight-top {
|
||||
border-top: 1px solid var(--jexcel_border_color_highlighted);
|
||||
}
|
||||
.jexcel .copying-top {
|
||||
border-top-color: var(--jexcel_border_color_highlighted);
|
||||
}
|
||||
.jexcel .copying-right {
|
||||
border-right-color: var(--jexcel_border_color_highlighted);
|
||||
}
|
||||
.jexcel .copying-left {
|
||||
border-left-color: var(--jexcel_border_color_highlighted);
|
||||
}
|
||||
.jexcel .copying-bottom {
|
||||
border-bottom-color: var(--jexcel_border_color_highlighted);
|
||||
}
|
||||
.jexcel_border_main, .jexcel .highlight-top.highlight-left, .jexcel .highlight-top, .jexcel .highlight-left {
|
||||
-webkit-box-shadow: unset;
|
||||
box-shadow: unset;
|
||||
}
|
||||
Vendored
+1312
File diff suppressed because it is too large
Load Diff
+886
@@ -0,0 +1,886 @@
|
||||
/*!
|
||||
* jQuery UI CSS Framework 1.12.1
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://api.jqueryui.com/category/theming/
|
||||
*/
|
||||
.ui-draggable-handle {
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
}
|
||||
/* Layout helpers
|
||||
----------------------------------*/
|
||||
.ui-helper-hidden {
|
||||
display: none;
|
||||
}
|
||||
.ui-helper-hidden-accessible {
|
||||
border: 0;
|
||||
clip: rect(0 0 0 0);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
}
|
||||
.ui-helper-reset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
line-height: 1.3;
|
||||
text-decoration: none;
|
||||
font-size: 100%;
|
||||
list-style: none;
|
||||
}
|
||||
.ui-helper-clearfix:before,
|
||||
.ui-helper-clearfix:after {
|
||||
content: "";
|
||||
display: table;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.ui-helper-clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
.ui-helper-zfix {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
filter:Alpha(Opacity=0); /* support: IE8 */
|
||||
}
|
||||
|
||||
.ui-front {
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-disabled {
|
||||
cursor: default !important;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
.ui-icon {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-top: -.25em;
|
||||
position: relative;
|
||||
text-indent: -99999px;
|
||||
overflow: hidden;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.ui-widget-icon-block {
|
||||
left: 50%;
|
||||
margin-left: -8px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-resizable {
|
||||
position: relative;
|
||||
}
|
||||
.ui-resizable-handle {
|
||||
position: absolute;
|
||||
font-size: 0.1px;
|
||||
display: block;
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
}
|
||||
.ui-resizable-disabled .ui-resizable-handle,
|
||||
.ui-resizable-autohide .ui-resizable-handle {
|
||||
display: none;
|
||||
}
|
||||
.ui-resizable-n {
|
||||
cursor: n-resize;
|
||||
height: 7px;
|
||||
width: 100%;
|
||||
top: -5px;
|
||||
left: 0;
|
||||
}
|
||||
.ui-resizable-s {
|
||||
cursor: s-resize;
|
||||
height: 7px;
|
||||
width: 100%;
|
||||
bottom: -5px;
|
||||
left: 0;
|
||||
}
|
||||
.ui-resizable-e {
|
||||
cursor: e-resize;
|
||||
width: 7px;
|
||||
right: -5px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-resizable-w {
|
||||
cursor: w-resize;
|
||||
width: 7px;
|
||||
left: -5px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-resizable-se {
|
||||
cursor: se-resize;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
right: 1px;
|
||||
bottom: 1px;
|
||||
}
|
||||
.ui-resizable-sw {
|
||||
cursor: sw-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
left: -5px;
|
||||
bottom: -5px;
|
||||
}
|
||||
.ui-resizable-nw {
|
||||
cursor: nw-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
left: -5px;
|
||||
top: -5px;
|
||||
}
|
||||
.ui-resizable-ne {
|
||||
cursor: ne-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
right: -5px;
|
||||
top: -5px;
|
||||
}
|
||||
.ui-selectable {
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
}
|
||||
.ui-selectable-helper {
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
border: 1px dotted black;
|
||||
}
|
||||
.ui-sortable-handle {
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
}
|
||||
.ui-accordion .ui-accordion-header {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
margin: 2px 0 0 0;
|
||||
padding: .5em .5em .5em .7em;
|
||||
font-size: 100%;
|
||||
}
|
||||
.ui-accordion .ui-accordion-content {
|
||||
padding: 1em 2.2em;
|
||||
border-top: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
.ui-autocomplete {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
cursor: default;
|
||||
}
|
||||
.ui-menu {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: block;
|
||||
outline: 0;
|
||||
}
|
||||
.ui-menu .ui-menu {
|
||||
position: absolute;
|
||||
}
|
||||
.ui-menu .ui-menu-item {
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
/* support: IE10, see #8844 */
|
||||
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
|
||||
}
|
||||
.ui-menu .ui-menu-item-wrapper {
|
||||
position: relative;
|
||||
padding: 3px 1em 3px .4em;
|
||||
}
|
||||
.ui-menu .ui-menu-divider {
|
||||
margin: 5px 0;
|
||||
height: 0;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
border-width: 1px 0 0 0;
|
||||
}
|
||||
.ui-menu .ui-state-focus,
|
||||
.ui-menu .ui-state-active {
|
||||
margin: -1px;
|
||||
}
|
||||
|
||||
/* icon support */
|
||||
.ui-menu-icons {
|
||||
position: relative;
|
||||
}
|
||||
.ui-menu-icons .ui-menu-item-wrapper {
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
/* left-aligned */
|
||||
.ui-menu .ui-icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: .2em;
|
||||
margin: auto 0;
|
||||
}
|
||||
|
||||
/* right-aligned */
|
||||
.ui-menu .ui-menu-icon {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
.ui-button {
|
||||
padding: .4em 1em;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
line-height: normal;
|
||||
margin-right: .1em;
|
||||
cursor: pointer;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
/* Support: IE <= 11 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.ui-button,
|
||||
.ui-button:link,
|
||||
.ui-button:visited,
|
||||
.ui-button:hover,
|
||||
.ui-button:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* to make room for the icon, a width needs to be set here */
|
||||
.ui-button-icon-only {
|
||||
width: 2em;
|
||||
box-sizing: border-box;
|
||||
text-indent: -9999px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* no icon support for input elements */
|
||||
input.ui-button.ui-button-icon-only {
|
||||
text-indent: 0;
|
||||
}
|
||||
|
||||
/* button icon element(s) */
|
||||
.ui-button-icon-only .ui-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -8px;
|
||||
margin-left: -8px;
|
||||
}
|
||||
|
||||
.ui-button.ui-icon-notext .ui-icon {
|
||||
padding: 0;
|
||||
width: 2.1em;
|
||||
height: 2.1em;
|
||||
text-indent: -9999px;
|
||||
white-space: nowrap;
|
||||
|
||||
}
|
||||
|
||||
input.ui-button.ui-icon-notext .ui-icon {
|
||||
width: auto;
|
||||
height: auto;
|
||||
text-indent: 0;
|
||||
white-space: normal;
|
||||
padding: .4em 1em;
|
||||
}
|
||||
|
||||
/* workarounds */
|
||||
/* Support: Firefox 5 - 40 */
|
||||
input.ui-button::-moz-focus-inner,
|
||||
button.ui-button::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.ui-controlgroup {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
}
|
||||
.ui-controlgroup > .ui-controlgroup-item {
|
||||
float: left;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.ui-controlgroup > .ui-controlgroup-item:focus,
|
||||
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
|
||||
z-index: 9999;
|
||||
}
|
||||
.ui-controlgroup-vertical > .ui-controlgroup-item {
|
||||
display: block;
|
||||
float: none;
|
||||
width: 100%;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
text-align: left;
|
||||
}
|
||||
.ui-controlgroup-vertical .ui-controlgroup-item {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.ui-controlgroup .ui-controlgroup-label {
|
||||
padding: .4em 1em;
|
||||
}
|
||||
.ui-controlgroup .ui-controlgroup-label span {
|
||||
font-size: 80%;
|
||||
}
|
||||
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
|
||||
border-left: none;
|
||||
}
|
||||
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
|
||||
border-top: none;
|
||||
}
|
||||
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
|
||||
border-right: none;
|
||||
}
|
||||
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
/* Spinner specific style fixes */
|
||||
.ui-controlgroup-vertical .ui-spinner-input {
|
||||
|
||||
/* Support: IE8 only, Android < 4.4 only */
|
||||
width: 75%;
|
||||
width: calc( 100% - 2.4em );
|
||||
}
|
||||
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
|
||||
border-top-style: solid;
|
||||
}
|
||||
|
||||
.ui-checkboxradio-label .ui-icon-background {
|
||||
box-shadow: inset 1px 1px 1px #ccc;
|
||||
border-radius: .12em;
|
||||
border: none;
|
||||
}
|
||||
.ui-checkboxradio-radio-label .ui-icon-background {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-radius: 1em;
|
||||
overflow: visible;
|
||||
border: none;
|
||||
}
|
||||
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
|
||||
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
|
||||
background-image: none;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-width: 4px;
|
||||
border-style: solid;
|
||||
}
|
||||
.ui-checkboxradio-disabled {
|
||||
pointer-events: none;
|
||||
}
|
||||
.ui-datepicker {
|
||||
width: 17em;
|
||||
padding: .2em .2em 0;
|
||||
display: none;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-header {
|
||||
position: relative;
|
||||
padding: .2em 0;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-prev,
|
||||
.ui-datepicker .ui-datepicker-next {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
width: 1.8em;
|
||||
height: 1.8em;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-prev-hover,
|
||||
.ui-datepicker .ui-datepicker-next-hover {
|
||||
top: 1px;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-prev {
|
||||
left: 2px;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-next {
|
||||
right: 2px;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-prev-hover {
|
||||
left: 1px;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-next-hover {
|
||||
right: 1px;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-prev span,
|
||||
.ui-datepicker .ui-datepicker-next span {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -8px;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-title {
|
||||
margin: 0 2.3em;
|
||||
line-height: 1.8em;
|
||||
text-align: center;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-title select {
|
||||
font-size: 1em;
|
||||
margin: 1px 0;
|
||||
}
|
||||
.ui-datepicker select.ui-datepicker-month,
|
||||
.ui-datepicker select.ui-datepicker-year {
|
||||
width: 45%;
|
||||
}
|
||||
.ui-datepicker table {
|
||||
width: 100%;
|
||||
font-size: .9em;
|
||||
border-collapse: collapse;
|
||||
margin: 0 0 .4em;
|
||||
}
|
||||
.ui-datepicker th {
|
||||
padding: .7em .3em;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
border: 0;
|
||||
}
|
||||
.ui-datepicker td {
|
||||
border: 0;
|
||||
padding: 1px;
|
||||
}
|
||||
.ui-datepicker td span,
|
||||
.ui-datepicker td a {
|
||||
display: block;
|
||||
padding: .2em;
|
||||
text-align: right;
|
||||
text-decoration: none;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-buttonpane {
|
||||
background-image: none;
|
||||
margin: .7em 0 0 0;
|
||||
padding: 0 .2em;
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-buttonpane button {
|
||||
float: right;
|
||||
margin: .5em .2em .4em;
|
||||
cursor: pointer;
|
||||
padding: .2em .6em .3em .6em;
|
||||
width: auto;
|
||||
overflow: visible;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* with multiple calendars */
|
||||
.ui-datepicker.ui-datepicker-multi {
|
||||
width: auto;
|
||||
}
|
||||
.ui-datepicker-multi .ui-datepicker-group {
|
||||
float: left;
|
||||
}
|
||||
.ui-datepicker-multi .ui-datepicker-group table {
|
||||
width: 95%;
|
||||
margin: 0 auto .4em;
|
||||
}
|
||||
.ui-datepicker-multi-2 .ui-datepicker-group {
|
||||
width: 50%;
|
||||
}
|
||||
.ui-datepicker-multi-3 .ui-datepicker-group {
|
||||
width: 33.3%;
|
||||
}
|
||||
.ui-datepicker-multi-4 .ui-datepicker-group {
|
||||
width: 25%;
|
||||
}
|
||||
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
|
||||
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
|
||||
border-left-width: 0;
|
||||
}
|
||||
.ui-datepicker-multi .ui-datepicker-buttonpane {
|
||||
clear: left;
|
||||
}
|
||||
.ui-datepicker-row-break {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
/* RTL support */
|
||||
.ui-datepicker-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-prev {
|
||||
right: 2px;
|
||||
left: auto;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-next {
|
||||
left: 2px;
|
||||
right: auto;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-prev:hover {
|
||||
right: 1px;
|
||||
left: auto;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-next:hover {
|
||||
left: 1px;
|
||||
right: auto;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane {
|
||||
clear: right;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
|
||||
float: left;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
|
||||
.ui-datepicker-rtl .ui-datepicker-group {
|
||||
float: right;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
|
||||
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
|
||||
border-right-width: 0;
|
||||
border-left-width: 1px;
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
.ui-datepicker .ui-icon {
|
||||
display: block;
|
||||
text-indent: -99999px;
|
||||
overflow: hidden;
|
||||
background-repeat: no-repeat;
|
||||
left: .5em;
|
||||
top: .3em;
|
||||
}
|
||||
.ui-dialog {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: .2em;
|
||||
outline: 0;
|
||||
}
|
||||
.ui-dialog .ui-dialog-titlebar {
|
||||
padding: .4em 1em;
|
||||
position: relative;
|
||||
}
|
||||
.ui-dialog .ui-dialog-title {
|
||||
float: left;
|
||||
margin: .1em 0;
|
||||
white-space: nowrap;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.ui-dialog .ui-dialog-titlebar-close {
|
||||
position: absolute;
|
||||
right: .3em;
|
||||
top: 50%;
|
||||
width: 20px;
|
||||
margin: -10px 0 0 0;
|
||||
padding: 1px;
|
||||
height: 20px;
|
||||
}
|
||||
.ui-dialog .ui-dialog-content {
|
||||
position: relative;
|
||||
border: 0;
|
||||
padding: .5em 1em;
|
||||
background: none;
|
||||
overflow: auto;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane {
|
||||
text-align: left;
|
||||
border-width: 1px 0 0 0;
|
||||
background-image: none;
|
||||
margin-top: .5em;
|
||||
padding: .3em 1em .5em .4em;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
|
||||
float: right;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane button {
|
||||
margin: .5em .4em .5em 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ui-dialog .ui-resizable-n {
|
||||
height: 2px;
|
||||
top: 0;
|
||||
}
|
||||
.ui-dialog .ui-resizable-e {
|
||||
width: 2px;
|
||||
right: 0;
|
||||
}
|
||||
.ui-dialog .ui-resizable-s {
|
||||
height: 2px;
|
||||
bottom: 0;
|
||||
}
|
||||
.ui-dialog .ui-resizable-w {
|
||||
width: 2px;
|
||||
left: 0;
|
||||
}
|
||||
.ui-dialog .ui-resizable-se,
|
||||
.ui-dialog .ui-resizable-sw,
|
||||
.ui-dialog .ui-resizable-ne,
|
||||
.ui-dialog .ui-resizable-nw {
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
}
|
||||
.ui-dialog .ui-resizable-se {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.ui-dialog .ui-resizable-sw {
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.ui-dialog .ui-resizable-ne {
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.ui-dialog .ui-resizable-nw {
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.ui-draggable .ui-dialog-titlebar {
|
||||
cursor: move;
|
||||
}
|
||||
.ui-progressbar {
|
||||
height: 2em;
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ui-progressbar .ui-progressbar-value {
|
||||
margin: -1px;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-progressbar .ui-progressbar-overlay {
|
||||
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
|
||||
height: 100%;
|
||||
filter: alpha(opacity=25); /* support: IE8 */
|
||||
opacity: 0.25;
|
||||
}
|
||||
.ui-progressbar-indeterminate .ui-progressbar-value {
|
||||
background-image: none;
|
||||
}
|
||||
.ui-selectmenu-menu {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: none;
|
||||
}
|
||||
.ui-selectmenu-menu .ui-menu {
|
||||
overflow: auto;
|
||||
overflow-x: hidden;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
line-height: 1.5;
|
||||
padding: 2px 0.4em;
|
||||
margin: 0.5em 0 0 0;
|
||||
height: auto;
|
||||
border: 0;
|
||||
}
|
||||
.ui-selectmenu-open {
|
||||
display: block;
|
||||
}
|
||||
.ui-selectmenu-text {
|
||||
display: block;
|
||||
margin-right: 20px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.ui-selectmenu-button.ui-button {
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
width: 14em;
|
||||
}
|
||||
.ui-selectmenu-icon.ui-icon {
|
||||
float: right;
|
||||
margin-top: 0;
|
||||
}
|
||||
.ui-slider {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
.ui-slider .ui-slider-handle {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
width: 1.2em;
|
||||
height: 1.2em;
|
||||
cursor: default;
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
}
|
||||
.ui-slider .ui-slider-range {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
font-size: .7em;
|
||||
display: block;
|
||||
border: 0;
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
/* support: IE8 - See #6727 */
|
||||
.ui-slider.ui-state-disabled .ui-slider-handle,
|
||||
.ui-slider.ui-state-disabled .ui-slider-range {
|
||||
filter: inherit;
|
||||
}
|
||||
|
||||
.ui-slider-horizontal {
|
||||
height: .8em;
|
||||
}
|
||||
.ui-slider-horizontal .ui-slider-handle {
|
||||
top: -.3em;
|
||||
margin-left: -.6em;
|
||||
}
|
||||
.ui-slider-horizontal .ui-slider-range {
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-slider-horizontal .ui-slider-range-min {
|
||||
left: 0;
|
||||
}
|
||||
.ui-slider-horizontal .ui-slider-range-max {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.ui-slider-vertical {
|
||||
width: .8em;
|
||||
height: 100px;
|
||||
}
|
||||
.ui-slider-vertical .ui-slider-handle {
|
||||
left: -.3em;
|
||||
margin-left: 0;
|
||||
margin-bottom: -.6em;
|
||||
}
|
||||
.ui-slider-vertical .ui-slider-range {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.ui-slider-vertical .ui-slider-range-min {
|
||||
bottom: 0;
|
||||
}
|
||||
.ui-slider-vertical .ui-slider-range-max {
|
||||
top: 0;
|
||||
}
|
||||
.ui-spinner {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ui-spinner-input {
|
||||
border: none;
|
||||
background: none;
|
||||
color: inherit;
|
||||
padding: .222em 0;
|
||||
margin: .2em 0;
|
||||
vertical-align: middle;
|
||||
margin-left: .4em;
|
||||
margin-right: 2em;
|
||||
}
|
||||
.ui-spinner-button {
|
||||
width: 1.6em;
|
||||
height: 50%;
|
||||
font-size: .5em;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
cursor: default;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
right: 0;
|
||||
}
|
||||
/* more specificity required here to override default borders */
|
||||
.ui-spinner a.ui-spinner-button {
|
||||
border-top-style: none;
|
||||
border-bottom-style: none;
|
||||
border-right-style: none;
|
||||
}
|
||||
.ui-spinner-up {
|
||||
top: 0;
|
||||
}
|
||||
.ui-spinner-down {
|
||||
bottom: 0;
|
||||
}
|
||||
.ui-tabs {
|
||||
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
|
||||
padding: .2em;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav {
|
||||
margin: 0;
|
||||
padding: .2em .2em 0;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav li {
|
||||
list-style: none;
|
||||
float: left;
|
||||
position: relative;
|
||||
top: 0;
|
||||
margin: 1px .2em 0 0;
|
||||
border-bottom-width: 0;
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
|
||||
float: left;
|
||||
padding: .5em 1em;
|
||||
text-decoration: none;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
|
||||
margin-bottom: -1px;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
|
||||
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
|
||||
cursor: text;
|
||||
}
|
||||
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ui-tabs .ui-tabs-panel {
|
||||
display: block;
|
||||
border-width: 0;
|
||||
padding: 1em 1.4em;
|
||||
background: none;
|
||||
}
|
||||
.ui-tooltip {
|
||||
padding: 8px;
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
max-width: 300px;
|
||||
}
|
||||
body .ui-tooltip {
|
||||
border-width: 2px;
|
||||
}
|
||||
Vendored
+443
@@ -0,0 +1,443 @@
|
||||
/*!
|
||||
* jQuery UI CSS Framework 1.12.1
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://api.jqueryui.com/category/theming/
|
||||
*
|
||||
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityError=15&bgImgOpacityHighlight=25&bgImgOpacityActive=50&bgImgOpacityHover=100&bgImgOpacityDefault=80&bgImgOpacityContent=100&bgImgOpacityHeader=100&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=%23666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=%23aaaaaa&iconColorError=%23cc0000&fcError=%235f3f3f&borderColorError=%23f1a899&bgTextureError=flat&bgColorError=%23fddfdf&iconColorHighlight=%23777620&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgTextureHighlight=flat&bgColorHighlight=%23fffa90&iconColorActive=%23ffffff&fcActive=%23ffffff&borderColorActive=%23003eff&bgTextureActive=flat&bgColorActive=%23007fff&iconColorHover=%23555555&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgTextureHover=flat&bgColorHover=%23ededed&iconColorDefault=%23777777&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgTextureDefault=flat&bgColorDefault=%23f6f6f6&iconColorContent=%23444444&fcContent=%23333333&borderColorContent=%23dddddd&bgTextureContent=flat&bgColorContent=%23ffffff&iconColorHeader=%23444444&fcHeader=%23333333&borderColorHeader=%23dddddd&bgTextureHeader=flat&bgColorHeader=%23e9e9e9&cornerRadius=0&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
|
||||
*/
|
||||
|
||||
|
||||
/* Component containers
|
||||
----------------------------------*/
|
||||
.ui-widget {
|
||||
font-family: Arial,Helvetica,sans-serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
.ui-widget .ui-widget {
|
||||
font-size: 1em;
|
||||
}
|
||||
.ui-widget input,
|
||||
.ui-widget select,
|
||||
.ui-widget textarea,
|
||||
.ui-widget button {
|
||||
font-family: Arial,Helvetica,sans-serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
.ui-widget.ui-widget-content {
|
||||
border: 1px solid #c5c5c5;
|
||||
}
|
||||
.ui-widget-content {
|
||||
border: 1px solid #dddddd;
|
||||
background: #ffffff;
|
||||
color: #333333;
|
||||
}
|
||||
.ui-widget-content a {
|
||||
color: #333333;
|
||||
}
|
||||
.ui-widget-header {
|
||||
border: none; /*1px solid #dddddd;*/
|
||||
background: #333; /*#e9e9e9;*/
|
||||
color: #fff; /*#333333;*/
|
||||
font-weight: bold;
|
||||
}
|
||||
.ui-widget-header a {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
/* Interaction states
|
||||
----------------------------------*/
|
||||
.ui-state-default,
|
||||
.ui-widget-content .ui-state-default,
|
||||
.ui-widget-header .ui-state-default,
|
||||
.ui-button,
|
||||
|
||||
/* We use html here because we need a greater specificity to make sure disabled
|
||||
works properly when clicked or hovered */
|
||||
html .ui-button.ui-state-disabled:hover,
|
||||
html .ui-button.ui-state-disabled:active {
|
||||
border: 1px solid #c5c5c5;
|
||||
background: #f6f6f6;
|
||||
font-weight: normal;
|
||||
color: #454545;
|
||||
}
|
||||
.ui-state-default a,
|
||||
.ui-state-default a:link,
|
||||
.ui-state-default a:visited,
|
||||
a.ui-button,
|
||||
a:link.ui-button,
|
||||
a:visited.ui-button,
|
||||
.ui-button {
|
||||
color: #454545;
|
||||
text-decoration: none;
|
||||
}
|
||||
.ui-state-hover,
|
||||
.ui-widget-content .ui-state-hover,
|
||||
.ui-widget-header .ui-state-hover,
|
||||
.ui-state-focus,
|
||||
.ui-widget-content .ui-state-focus,
|
||||
.ui-widget-header .ui-state-focus,
|
||||
.ui-button:hover,
|
||||
.ui-button:focus {
|
||||
border: 1px solid #cccccc;
|
||||
background: #ededed;
|
||||
font-weight: normal;
|
||||
color: #2b2b2b;
|
||||
}
|
||||
.ui-state-hover a,
|
||||
.ui-state-hover a:hover,
|
||||
.ui-state-hover a:link,
|
||||
.ui-state-hover a:visited,
|
||||
.ui-state-focus a,
|
||||
.ui-state-focus a:hover,
|
||||
.ui-state-focus a:link,
|
||||
.ui-state-focus a:visited,
|
||||
a.ui-button:hover,
|
||||
a.ui-button:focus {
|
||||
color: #2b2b2b;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.ui-visual-focus {
|
||||
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
|
||||
}
|
||||
.ui-state-active,
|
||||
.ui-widget-content .ui-state-active,
|
||||
.ui-widget-header .ui-state-active,
|
||||
a.ui-button:active,
|
||||
.ui-button:active,
|
||||
.ui-button.ui-state-active:hover {
|
||||
border: 1px solid #003eff;
|
||||
background: #007fff;
|
||||
font-weight: normal;
|
||||
color: #ffffff;
|
||||
}
|
||||
.ui-icon-background,
|
||||
.ui-state-active .ui-icon-background {
|
||||
border: #003eff;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.ui-state-active a,
|
||||
.ui-state-active a:link,
|
||||
.ui-state-active a:visited {
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-highlight,
|
||||
.ui-widget-content .ui-state-highlight,
|
||||
.ui-widget-header .ui-state-highlight {
|
||||
border: 1px solid #dad55e;
|
||||
background: #fffa90;
|
||||
color: #777620;
|
||||
}
|
||||
.ui-state-checked {
|
||||
border: 1px solid #dad55e;
|
||||
background: #fffa90;
|
||||
}
|
||||
.ui-state-highlight a,
|
||||
.ui-widget-content .ui-state-highlight a,
|
||||
.ui-widget-header .ui-state-highlight a {
|
||||
color: #777620;
|
||||
}
|
||||
.ui-state-error,
|
||||
.ui-widget-content .ui-state-error,
|
||||
.ui-widget-header .ui-state-error {
|
||||
border: 1px solid #f1a899;
|
||||
background: #fddfdf;
|
||||
color: #5f3f3f;
|
||||
}
|
||||
.ui-state-error a,
|
||||
.ui-widget-content .ui-state-error a,
|
||||
.ui-widget-header .ui-state-error a {
|
||||
color: #5f3f3f;
|
||||
}
|
||||
.ui-state-error-text,
|
||||
.ui-widget-content .ui-state-error-text,
|
||||
.ui-widget-header .ui-state-error-text {
|
||||
color: #5f3f3f;
|
||||
}
|
||||
.ui-priority-primary,
|
||||
.ui-widget-content .ui-priority-primary,
|
||||
.ui-widget-header .ui-priority-primary {
|
||||
font-weight: bold;
|
||||
}
|
||||
.ui-priority-secondary,
|
||||
.ui-widget-content .ui-priority-secondary,
|
||||
.ui-widget-header .ui-priority-secondary {
|
||||
opacity: .7;
|
||||
filter:Alpha(Opacity=70); /* support: IE8 */
|
||||
font-weight: normal;
|
||||
}
|
||||
.ui-state-disabled,
|
||||
.ui-widget-content .ui-state-disabled,
|
||||
.ui-widget-header .ui-state-disabled {
|
||||
opacity: .35;
|
||||
filter:Alpha(Opacity=35); /* support: IE8 */
|
||||
background-image: none;
|
||||
}
|
||||
.ui-state-disabled .ui-icon {
|
||||
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
|
||||
}
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
.ui-icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.ui-icon,
|
||||
.ui-widget-content .ui-icon {
|
||||
background-image: url("/monitoring/images/ui-icons_444444_256x240.png");
|
||||
}
|
||||
.ui-widget-header .ui-icon {
|
||||
background-image: url("/monitoring/images/ui-icons_444444_256x240.png");
|
||||
}
|
||||
.ui-state-hover .ui-icon,
|
||||
.ui-state-focus .ui-icon,
|
||||
.ui-button:hover .ui-icon,
|
||||
.ui-button:focus .ui-icon {
|
||||
background-image: url("/monitoring/images/ui-icons_555555_256x240.png");
|
||||
}
|
||||
.ui-state-active .ui-icon,
|
||||
.ui-button:active .ui-icon {
|
||||
background-image: url("/monitoring/images/ui-icons_ffffff_256x240.png");
|
||||
}
|
||||
.ui-state-highlight .ui-icon,
|
||||
.ui-button .ui-state-highlight.ui-icon {
|
||||
background-image: url("/monitoring/images/ui-icons_777620_256x240.png");
|
||||
}
|
||||
.ui-state-error .ui-icon,
|
||||
.ui-state-error-text .ui-icon {
|
||||
background-image: url("/monitoring/images/ui-icons_cc0000_256x240.png");
|
||||
}
|
||||
.ui-button .ui-icon {
|
||||
background-image: url("/monitoring/images/ui-icons_777777_256x240.png");
|
||||
}
|
||||
|
||||
/* positioning */
|
||||
.ui-icon-blank { background-position: 16px 16px; }
|
||||
.ui-icon-caret-1-n { background-position: 0 0; }
|
||||
.ui-icon-caret-1-ne { background-position: -16px 0; }
|
||||
.ui-icon-caret-1-e { background-position: -32px 0; }
|
||||
.ui-icon-caret-1-se { background-position: -48px 0; }
|
||||
.ui-icon-caret-1-s { background-position: -65px 0; }
|
||||
.ui-icon-caret-1-sw { background-position: -80px 0; }
|
||||
.ui-icon-caret-1-w { background-position: -96px 0; }
|
||||
.ui-icon-caret-1-nw { background-position: -112px 0; }
|
||||
.ui-icon-caret-2-n-s { background-position: -128px 0; }
|
||||
.ui-icon-caret-2-e-w { background-position: -144px 0; }
|
||||
.ui-icon-triangle-1-n { background-position: 0 -16px; }
|
||||
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
|
||||
.ui-icon-triangle-1-e { background-position: -32px -16px; }
|
||||
.ui-icon-triangle-1-se { background-position: -48px -16px; }
|
||||
.ui-icon-triangle-1-s { background-position: -65px -16px; }
|
||||
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
|
||||
.ui-icon-triangle-1-w { background-position: -96px -16px; }
|
||||
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
|
||||
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
|
||||
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
|
||||
.ui-icon-arrow-1-n { background-position: 0 -32px; }
|
||||
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
|
||||
.ui-icon-arrow-1-e { background-position: -32px -32px; }
|
||||
.ui-icon-arrow-1-se { background-position: -48px -32px; }
|
||||
.ui-icon-arrow-1-s { background-position: -65px -32px; }
|
||||
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
|
||||
.ui-icon-arrow-1-w { background-position: -96px -32px; }
|
||||
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
|
||||
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
|
||||
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
|
||||
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
|
||||
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
|
||||
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
|
||||
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
|
||||
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
|
||||
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
|
||||
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
|
||||
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
|
||||
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
|
||||
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
|
||||
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
|
||||
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
|
||||
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
|
||||
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
|
||||
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
|
||||
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
|
||||
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
|
||||
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
|
||||
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
|
||||
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
|
||||
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
|
||||
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
|
||||
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
|
||||
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
|
||||
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
|
||||
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
|
||||
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
|
||||
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
|
||||
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
|
||||
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
|
||||
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
|
||||
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
|
||||
.ui-icon-arrow-4 { background-position: 0 -80px; }
|
||||
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
|
||||
.ui-icon-extlink { background-position: -32px -80px; }
|
||||
.ui-icon-newwin { background-position: -48px -80px; }
|
||||
.ui-icon-refresh { background-position: -64px -80px; }
|
||||
.ui-icon-shuffle { background-position: -80px -80px; }
|
||||
.ui-icon-transfer-e-w { background-position: -96px -80px; }
|
||||
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
|
||||
.ui-icon-folder-collapsed { background-position: 0 -96px; }
|
||||
.ui-icon-folder-open { background-position: -16px -96px; }
|
||||
.ui-icon-document { background-position: -32px -96px; }
|
||||
.ui-icon-document-b { background-position: -48px -96px; }
|
||||
.ui-icon-note { background-position: -64px -96px; }
|
||||
.ui-icon-mail-closed { background-position: -80px -96px; }
|
||||
.ui-icon-mail-open { background-position: -96px -96px; }
|
||||
.ui-icon-suitcase { background-position: -112px -96px; }
|
||||
.ui-icon-comment { background-position: -128px -96px; }
|
||||
.ui-icon-person { background-position: -144px -96px; }
|
||||
.ui-icon-print { background-position: -160px -96px; }
|
||||
.ui-icon-trash { background-position: -176px -96px; }
|
||||
.ui-icon-locked { background-position: -192px -96px; }
|
||||
.ui-icon-unlocked { background-position: -208px -96px; }
|
||||
.ui-icon-bookmark { background-position: -224px -96px; }
|
||||
.ui-icon-tag { background-position: -240px -96px; }
|
||||
.ui-icon-home { background-position: 0 -112px; }
|
||||
.ui-icon-flag { background-position: -16px -112px; }
|
||||
.ui-icon-calendar { background-position: -32px -112px; }
|
||||
.ui-icon-cart { background-position: -48px -112px; }
|
||||
.ui-icon-pencil { background-position: -64px -112px; }
|
||||
.ui-icon-clock { background-position: -80px -112px; }
|
||||
.ui-icon-disk { background-position: -96px -112px; }
|
||||
.ui-icon-calculator { background-position: -112px -112px; }
|
||||
.ui-icon-zoomin { background-position: -128px -112px; }
|
||||
.ui-icon-zoomout { background-position: -144px -112px; }
|
||||
.ui-icon-search { background-position: -160px -112px; }
|
||||
.ui-icon-wrench { background-position: -176px -112px; }
|
||||
.ui-icon-gear { background-position: -192px -112px; }
|
||||
.ui-icon-heart { background-position: -208px -112px; }
|
||||
.ui-icon-star { background-position: -224px -112px; }
|
||||
.ui-icon-link { background-position: -240px -112px; }
|
||||
.ui-icon-cancel { background-position: 0 -128px; }
|
||||
.ui-icon-plus { background-position: -16px -128px; }
|
||||
.ui-icon-plusthick { background-position: -32px -128px; }
|
||||
.ui-icon-minus { background-position: -48px -128px; }
|
||||
.ui-icon-minusthick { background-position: -64px -128px; }
|
||||
.ui-icon-close { background-position: -80px -128px; }
|
||||
.ui-icon-closethick { background-position: -96px -128px; }
|
||||
.ui-icon-key { background-position: -112px -128px; }
|
||||
.ui-icon-lightbulb { background-position: -128px -128px; }
|
||||
.ui-icon-scissors { background-position: -144px -128px; }
|
||||
.ui-icon-clipboard { background-position: -160px -128px; }
|
||||
.ui-icon-copy { background-position: -176px -128px; }
|
||||
.ui-icon-contact { background-position: -192px -128px; }
|
||||
.ui-icon-image { background-position: -208px -128px; }
|
||||
.ui-icon-video { background-position: -224px -128px; }
|
||||
.ui-icon-script { background-position: -240px -128px; }
|
||||
.ui-icon-alert { background-position: 0 -144px; }
|
||||
.ui-icon-info { background-position: -16px -144px; }
|
||||
.ui-icon-notice { background-position: -32px -144px; }
|
||||
.ui-icon-help { background-position: -48px -144px; }
|
||||
.ui-icon-check { background-position: -64px -144px; }
|
||||
.ui-icon-bullet { background-position: -80px -144px; }
|
||||
.ui-icon-radio-on { background-position: -96px -144px; }
|
||||
.ui-icon-radio-off { background-position: -112px -144px; }
|
||||
.ui-icon-pin-w { background-position: -128px -144px; }
|
||||
.ui-icon-pin-s { background-position: -144px -144px; }
|
||||
.ui-icon-play { background-position: 0 -160px; }
|
||||
.ui-icon-pause { background-position: -16px -160px; }
|
||||
.ui-icon-seek-next { background-position: -32px -160px; }
|
||||
.ui-icon-seek-prev { background-position: -48px -160px; }
|
||||
.ui-icon-seek-end { background-position: -64px -160px; }
|
||||
.ui-icon-seek-start { background-position: -80px -160px; }
|
||||
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
|
||||
.ui-icon-seek-first { background-position: -80px -160px; }
|
||||
.ui-icon-stop { background-position: -96px -160px; }
|
||||
.ui-icon-eject { background-position: -112px -160px; }
|
||||
.ui-icon-volume-off { background-position: -128px -160px; }
|
||||
.ui-icon-volume-on { background-position: -144px -160px; }
|
||||
.ui-icon-power { background-position: 0 -176px; }
|
||||
.ui-icon-signal-diag { background-position: -16px -176px; }
|
||||
.ui-icon-signal { background-position: -32px -176px; }
|
||||
.ui-icon-battery-0 { background-position: -48px -176px; }
|
||||
.ui-icon-battery-1 { background-position: -64px -176px; }
|
||||
.ui-icon-battery-2 { background-position: -80px -176px; }
|
||||
.ui-icon-battery-3 { background-position: -96px -176px; }
|
||||
.ui-icon-circle-plus { background-position: 0 -192px; }
|
||||
.ui-icon-circle-minus { background-position: -16px -192px; }
|
||||
.ui-icon-circle-close { background-position: -32px -192px; }
|
||||
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
||||
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
||||
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
||||
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
||||
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
||||
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
||||
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
||||
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
||||
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
||||
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
||||
.ui-icon-circle-check { background-position: -208px -192px; }
|
||||
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
||||
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
||||
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
||||
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
||||
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
||||
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
||||
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
||||
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
||||
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
||||
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
||||
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
||||
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Corner radius */
|
||||
.ui-corner-all,
|
||||
.ui-corner-top,
|
||||
.ui-corner-left,
|
||||
.ui-corner-tl {
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
.ui-corner-all,
|
||||
.ui-corner-top,
|
||||
.ui-corner-right,
|
||||
.ui-corner-tr {
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
.ui-corner-all,
|
||||
.ui-corner-bottom,
|
||||
.ui-corner-left,
|
||||
.ui-corner-bl {
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.ui-corner-all,
|
||||
.ui-corner-bottom,
|
||||
.ui-corner-right,
|
||||
.ui-corner-br {
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay {
|
||||
background: #aaaaaa;
|
||||
opacity: .3;
|
||||
filter: Alpha(Opacity=30); /* support: IE8 */
|
||||
}
|
||||
.ui-widget-shadow {
|
||||
-webkit-box-shadow: 0px 0px 5px #666666;
|
||||
box-shadow: 0px 0px 5px #666666;
|
||||
}
|
||||
@@ -0,0 +1,142 @@
|
||||
/*!
|
||||
* jQuery contextMenu - Plugin for simple contextMenu handling
|
||||
*
|
||||
* Version: 1.6.6
|
||||
*
|
||||
* Authors: Rodney Rehm, Addy Osmani (patches for FF)
|
||||
* Web: http://medialize.github.com/jQuery-contextMenu/
|
||||
*
|
||||
* Licensed under
|
||||
* MIT License http://www.opensource.org/licenses/mit-license
|
||||
* GPL v3 http://opensource.org/licenses/GPL-3.0
|
||||
*
|
||||
*/
|
||||
|
||||
.context-menu-list {
|
||||
margin:0;
|
||||
padding:0;
|
||||
|
||||
min-width: 120px;
|
||||
max-width: 250px;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
list-style-type: none;
|
||||
|
||||
border: 1px solid #DDD;
|
||||
background: #EEE;
|
||||
|
||||
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
|
||||
-ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
|
||||
-o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
|
||||
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.context-menu-item {
|
||||
padding: 2px 2px 2px 24px;
|
||||
background-color: #EEE;
|
||||
position: relative;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: -moz-none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.context-menu-separator {
|
||||
padding-bottom:0;
|
||||
border-bottom: 1px solid #DDD;
|
||||
}
|
||||
|
||||
.context-menu-item > label > input,
|
||||
.context-menu-item > label > textarea {
|
||||
-webkit-user-select: text;
|
||||
-moz-user-select: text;
|
||||
-ms-user-select: text;
|
||||
user-select: text;
|
||||
}
|
||||
|
||||
.context-menu-item.hover {
|
||||
cursor: pointer;
|
||||
background-color: #39F;
|
||||
}
|
||||
|
||||
.context-menu-item.disabled {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.context-menu-input.hover,
|
||||
.context-menu-item.disabled.hover {
|
||||
cursor: default;
|
||||
background-color: #EEE;
|
||||
}
|
||||
|
||||
.context-menu-submenu:after {
|
||||
content: ">";
|
||||
color: #666;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 3px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* icons
|
||||
#protip:
|
||||
In case you want to use sprites for icons (which I would suggest you do) have a look at
|
||||
http://css-tricks.com/13224-pseudo-spriting/ to get an idea of how to implement
|
||||
.context-menu-item.icon:before {}
|
||||
*/
|
||||
.context-menu-item.icon { min-height: 18px; background-repeat: no-repeat; background-position: 4px 2px; }
|
||||
.context-menu-item.icon-edit { background-image: url(images/page_white_edit.png); }
|
||||
.context-menu-item.icon-cut { background-image: url(images/cut.png); }
|
||||
.context-menu-item.icon-copy { background-image: url(images/page_white_copy.png); }
|
||||
.context-menu-item.icon-paste { background-image: url(images/page_white_paste.png); }
|
||||
.context-menu-item.icon-delete { background-image: url(images/page_white_delete.png); }
|
||||
.context-menu-item.icon-add { background-image: url(images/page_white_add.png); }
|
||||
.context-menu-item.icon-quit { background-image: url(images/door.png); }
|
||||
|
||||
/* vertically align inside labels */
|
||||
.context-menu-input > label > * { vertical-align: top; }
|
||||
|
||||
/* position checkboxes and radios as icons */
|
||||
.context-menu-input > label > input[type="checkbox"],
|
||||
.context-menu-input > label > input[type="radio"] {
|
||||
margin-left: -17px;
|
||||
}
|
||||
.context-menu-input > label > span {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.context-menu-input > label,
|
||||
.context-menu-input > label > input[type="text"],
|
||||
.context-menu-input > label > textarea,
|
||||
.context-menu-input > label > select {
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.context-menu-input > label > textarea {
|
||||
height: 100px;
|
||||
}
|
||||
.context-menu-item > .context-menu-list {
|
||||
display: none;
|
||||
/* re-positioned by js */
|
||||
right: -5px;
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
.context-menu-item.hover > .context-menu-list {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.context-menu-accesskey {
|
||||
text-decoration: underline;
|
||||
}
|
||||
@@ -0,0 +1,259 @@
|
||||
/*rules for the plot target div. These will be cascaded down to all plot elements according to css rules*/
|
||||
.jqplot-target {
|
||||
position: relative;
|
||||
color: #666666;
|
||||
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
|
||||
font-size: 1em;
|
||||
/* height: 300px;
|
||||
width: 400px;*/
|
||||
}
|
||||
|
||||
/*rules applied to all axes*/
|
||||
.jqplot-axis {
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
||||
.jqplot-xaxis {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.jqplot-x2axis {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.jqplot-yaxis {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis, .jqplot-yMidAxis {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
/*rules applied to all axis tick divs*/
|
||||
.jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick, .jqplot-yMidAxis-tick {
|
||||
position: absolute;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
|
||||
.jqplot-xaxis-tick {
|
||||
top: 0px;
|
||||
/* initial position untill tick is drawn in proper place */
|
||||
left: 15px;
|
||||
/* padding-top: 10px;*/
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.jqplot-x2axis-tick {
|
||||
bottom: 0px;
|
||||
/* initial position untill tick is drawn in proper place */
|
||||
left: 15px;
|
||||
/* padding-bottom: 10px;*/
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.jqplot-yaxis-tick {
|
||||
right: 0px;
|
||||
/* initial position untill tick is drawn in proper place */
|
||||
top: 15px;
|
||||
/* padding-right: 10px;*/
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.jqplot-yaxis-tick.jqplot-breakTick {
|
||||
right: -20px;
|
||||
margin-right: 0px;
|
||||
padding:1px 5px 1px 5px;
|
||||
/*background-color: white;*/
|
||||
z-index: 2;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
|
||||
left: 0px;
|
||||
/* initial position untill tick is drawn in proper place */
|
||||
top: 15px;
|
||||
/* padding-left: 10px;*/
|
||||
/* padding-right: 15px;*/
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.jqplot-yMidAxis-tick {
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.jqplot-xaxis-label {
|
||||
margin-top: 10px;
|
||||
font-size: 11pt;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jqplot-x2axis-label {
|
||||
margin-bottom: 10px;
|
||||
font-size: 11pt;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jqplot-yaxis-label {
|
||||
margin-right: 10px;
|
||||
/* text-align: center;*/
|
||||
font-size: 11pt;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jqplot-yMidAxis-label {
|
||||
font-size: 11pt;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
|
||||
/* text-align: center;*/
|
||||
font-size: 11pt;
|
||||
margin-left: 10px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jqplot-meterGauge-tick {
|
||||
font-size: 0.75em;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.jqplot-meterGauge-label {
|
||||
font-size: 1em;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
table.jqplot-table-legend {
|
||||
margin-top: 12px;
|
||||
margin-bottom: 12px;
|
||||
margin-left: 12px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
table.jqplot-table-legend, table.jqplot-cursor-legend {
|
||||
background-color: rgba(255,255,255,0.6);
|
||||
border: 1px solid #cccccc;
|
||||
position: absolute;
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
||||
td.jqplot-table-legend {
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
/*
|
||||
These rules could be used instead of assigning
|
||||
element styles and relying on js object properties.
|
||||
*/
|
||||
|
||||
/*
|
||||
td.jqplot-table-legend-swatch {
|
||||
padding-top: 0.5em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
tr.jqplot-table-legend:first td.jqplot-table-legend-swatch {
|
||||
padding-top: 0px;
|
||||
}
|
||||
*/
|
||||
|
||||
td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jqplot-table-legend .jqplot-series-hidden {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
div.jqplot-table-legend-swatch-outline {
|
||||
border: 1px solid #cccccc;
|
||||
padding:1px;
|
||||
}
|
||||
|
||||
div.jqplot-table-legend-swatch {
|
||||
width:0px;
|
||||
height:0px;
|
||||
border-top-width: 5px;
|
||||
border-bottom-width: 5px;
|
||||
border-left-width: 6px;
|
||||
border-right-width: 6px;
|
||||
border-top-style: solid;
|
||||
border-bottom-style: solid;
|
||||
border-left-style: solid;
|
||||
border-right-style: solid;
|
||||
}
|
||||
|
||||
.jqplot-title {
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
padding-bottom: 0.5em;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
table.jqplot-cursor-tooltip {
|
||||
border: 1px solid #cccccc;
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
||||
|
||||
.jqplot-cursor-tooltip {
|
||||
border: 1px solid #cccccc;
|
||||
font-size: 0.75em;
|
||||
white-space: nowrap;
|
||||
background: rgba(208,208,208,0.5);
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {
|
||||
border: 1px solid #cccccc;
|
||||
font-size: 0.75em;
|
||||
white-space: nowrap;
|
||||
background: rgba(208,208,208,0.5);
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.jqplot-point-label {
|
||||
font-size: 0.75em;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
td.jqplot-cursor-legend-swatch {
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.jqplot-cursor-legend-swatch {
|
||||
width: 1.2em;
|
||||
height: 0.7em;
|
||||
}
|
||||
|
||||
.jqplot-error {
|
||||
/* Styles added to the plot target container when there is an error go here.*/
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.jqplot-error-message {
|
||||
/* Styling of the custom error message div goes here.*/
|
||||
position: relative;
|
||||
top: 46%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
div.jqplot-bubble-label {
|
||||
font-size: 0.8em;
|
||||
/* background: rgba(90%, 90%, 90%, 0.15);*/
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
color: rgb(20%, 20%, 20%);
|
||||
}
|
||||
|
||||
div.jqplot-bubble-label.jqplot-bubble-label-highlight {
|
||||
background: rgba(90%, 90%, 90%, 0.7);
|
||||
}
|
||||
|
||||
div.jqplot-noData-container {
|
||||
text-align: center;
|
||||
background-color: rgba(96%, 96%, 96%, 0.3);
|
||||
}
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
.jqplot-target{position:relative;color:#666;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:1em}.jqplot-axis{font-size:.75em}.jqplot-xaxis{margin-top:10px}.jqplot-x2axis{margin-bottom:10px}.jqplot-yaxis{margin-right:10px}.jqplot-y2axis,.jqplot-y3axis,.jqplot-y4axis,.jqplot-y5axis,.jqplot-y6axis,.jqplot-y7axis,.jqplot-y8axis,.jqplot-y9axis,.jqplot-yMidAxis{margin-left:10px;margin-right:10px}.jqplot-axis-tick,.jqplot-xaxis-tick,.jqplot-yaxis-tick,.jqplot-x2axis-tick,.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick,.jqplot-yMidAxis-tick{position:absolute;white-space:pre}.jqplot-xaxis-tick{top:0;left:15px;vertical-align:top}.jqplot-x2axis-tick{bottom:0;left:15px;vertical-align:bottom}.jqplot-yaxis-tick{right:0;top:15px;text-align:right}.jqplot-yaxis-tick.jqplot-breakTick{right:-20px;margin-right:0;padding:1px 5px 1px 5px;z-index:2;font-size:1.5em}.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick{left:0;top:15px;text-align:left}.jqplot-yMidAxis-tick{text-align:center;white-space:nowrap}.jqplot-xaxis-label{margin-top:10px;font-size:11pt;position:absolute}.jqplot-x2axis-label{margin-bottom:10px;font-size:11pt;position:absolute}.jqplot-yaxis-label{margin-right:10px;font-size:11pt;position:absolute}.jqplot-yMidAxis-label{font-size:11pt;position:absolute}.jqplot-y2axis-label,.jqplot-y3axis-label,.jqplot-y4axis-label,.jqplot-y5axis-label,.jqplot-y6axis-label,.jqplot-y7axis-label,.jqplot-y8axis-label,.jqplot-y9axis-label{font-size:11pt;margin-left:10px;position:absolute}.jqplot-meterGauge-tick{font-size:.75em;color:#999}.jqplot-meterGauge-label{font-size:1em;color:#999}table.jqplot-table-legend{margin-top:12px;margin-bottom:12px;margin-left:12px;margin-right:12px}table.jqplot-table-legend,table.jqplot-cursor-legend{background-color:rgba(255,255,255,0.6);border:1px solid #ccc;position:absolute;font-size:.75em}td.jqplot-table-legend{vertical-align:middle}td.jqplot-seriesToggle:hover,td.jqplot-seriesToggle:active{cursor:pointer}.jqplot-table-legend .jqplot-series-hidden{text-decoration:line-through}div.jqplot-table-legend-swatch-outline{border:1px solid #ccc;padding:1px}div.jqplot-table-legend-swatch{width:0;height:0;border-top-width:5px;border-bottom-width:5px;border-left-width:6px;border-right-width:6px;border-top-style:solid;border-bottom-style:solid;border-left-style:solid;border-right-style:solid}.jqplot-title{top:0;left:0;padding-bottom:.5em;font-size:1.2em}table.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em}.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,0.5);padding:1px}.jqplot-highlighter-tooltip,.jqplot-canvasOverlay-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,0.5);padding:1px}.jqplot-point-label{font-size:.75em;z-index:2}td.jqplot-cursor-legend-swatch{vertical-align:middle;text-align:center}div.jqplot-cursor-legend-swatch{width:1.2em;height:.7em}.jqplot-error{text-align:center}.jqplot-error-message{position:relative;top:46%;display:inline-block}div.jqplot-bubble-label{font-size:.8em;padding-left:2px;padding-right:2px;color:rgb(20%,20%,20%)}div.jqplot-bubble-label.jqplot-bubble-label-highlight{background:rgba(90%,90%,90%,0.7)}div.jqplot-noData-container{text-align:center;background-color:rgba(96%,96%,96%,0.3)}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
+7
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Vendored
+1
File diff suppressed because one or more lines are too long
@@ -0,0 +1,625 @@
|
||||
|
||||
/*******************************************************
|
||||
/* 기본 스타일 */
|
||||
/*******************************************************/
|
||||
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote{margin:0px;padding:0px;}
|
||||
|
||||
body {
|
||||
margin: 0px 0px 0px 0px;
|
||||
padding: 0px 0px 10px 0px;
|
||||
font-family:돋움, 돋움체, Tahoma, Arial;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
color: #fff;
|
||||
background-color:#000;
|
||||
|
||||
scrollbar-face-color:#EBEBEB;
|
||||
scrollbar-shadow-color:#CDCDCD;
|
||||
scrollbar-highlight-color:#CDCDCD;
|
||||
scrollbar-3dlight-color:#F3F3F3;
|
||||
scrollbar-darkshadow-color:#F3F3F3;
|
||||
scrollbar-track-color:#F3F3F3;
|
||||
scrollbar-arrow-color:#FFFFFD;
|
||||
}
|
||||
|
||||
body.popup { background: #FFFFFF url(../image/monitoring/blank.gif) no-repeat; font-size: 12px; line-height: 18px; padding: 0px 20px 0px 20px;}
|
||||
div { clear:both; padding: 0px; font: 12px 돋움, 돋움체, Tahoma, Arial; color: #FFF; }
|
||||
strong { letter-spacing:0px;}
|
||||
/* 기본 table 스타일 */
|
||||
table, th, td, ul, p, h1, h2 { font: 14px 돋움, 돋움체,Tahoma; color: #FFF; line-height: 20px}
|
||||
table { border-collapse: collapse; word-break: break-all;border:0px}
|
||||
td {padding: 0px; border:0px}
|
||||
/*******************************************************
|
||||
/* 링크된 텍스트 글자 색상 스타일 */
|
||||
/*******************************************************/
|
||||
img { border: 0px; margin: 0px;}
|
||||
div img { vertical-align: middle}
|
||||
/*******************************************************
|
||||
/* link style */
|
||||
/*******************************************************/
|
||||
a { text-decoration: none; padding: 0px; margin: 0px; border:0px;}
|
||||
|
||||
a:link { color: #888888;}
|
||||
a:visited { color: #656565;}
|
||||
a:hover { color: #FF9900;}
|
||||
|
||||
.cursorHand{ cursor: hand;}
|
||||
|
||||
/*******************************************************
|
||||
/* input style */
|
||||
/*******************************************************/
|
||||
input, select { vertical-align:middle; margin-bottom:3px;}
|
||||
input { color: #333 ;padding:4px 5px 0px 5px; line-height: 100%;}
|
||||
select,textarea { font-family: Arial, Helvetica, sans-serif, 돋움, 돋움체; color: #666666 ; font-size : 12px; border: 1px solid #b7b7b7; }
|
||||
select { margin: 0px; line-height: 100%;}
|
||||
select.multi { margin: 0px; line-height: 150%;}
|
||||
textarea { padding: 2px;line-height: 150%;margin-bottom:3px;}
|
||||
textarea.none { border: 0px; overflow: auto; background: transparent;}
|
||||
textarea.border0, select.border0, input.border0{ border: 0px;}
|
||||
input.none { border: 0px; color: #FFFFFF; font-weight:bold; background-color: transparent; }
|
||||
.bgcEE { background-color: #EEEEEE;}
|
||||
/*******************************************************
|
||||
/* text style */
|
||||
/*******************************************************/
|
||||
.textNode { color: #FF9900; font: 600 20px Arial, 돋움체; }
|
||||
.textChannel{ color: #FFF;}
|
||||
|
||||
.textGroup { color: #66CCFF}
|
||||
/*******************************************************
|
||||
/* layout */
|
||||
/*******************************************************/
|
||||
/* 전체 기본 layout */
|
||||
#top { width:100%; height:80px; vertical-align:top;
|
||||
background: transparent url(../image/common/monitoringTopBg02.jpg) no-repeat top left; }
|
||||
#middle, .mainCont{ width:1231px; font: 14px bold 돋움체, Tahoma, Arial; margin:0px 10px 0px 10px}
|
||||
#bottom { vertical-align:top; margin: 0px 0px 0px 0px;}
|
||||
|
||||
/* top layout */
|
||||
#topLeft { width:300px; padding:21px 0px 5px 22px; vertical-align:top;}
|
||||
.topRight { width:312px; padding:4px 10px 0px 0px; text-align: right; vertical-align:top; background: transparent url(../image/common/monitoringTopBgRight.jpg) no-repeat top right;}
|
||||
.topMenuArea{ padding-top:8px; font-size:0px; text-align:center; vertical-align:top}
|
||||
.mainMenuSlash{ padding:0px 20px 0px 20px; }
|
||||
.time { width:187px; height:20px; background: #072C41 url(../image/common/timeBg.gif) no-repeat; color:#FFF; text-align:center;font-size: 13px; padding-top:6px }
|
||||
.quickLink { margin-right:15px; margin-top:2px}
|
||||
|
||||
.subMenuBg, .subMenuBg01, .subMenuBg02, .subMenuBg03 { width:607px; height:30px; vertical-align:top; text-align:center; margin-top:6px; position:absolute; top:34px; left:323px; visibility:hidden}
|
||||
.subMenuBg { background: #9A9C6E url(../image/menu/subMenuBg.gif) no-repeat}
|
||||
.subMenuBg01 { background: #9A9C6E url(../image/menu/subMenuBg01.jpg) no-repeat}
|
||||
.subMenuBg02 { background: #9A9C6E url(../image/menu/subMenuBg02.jpg) no-repeat}
|
||||
.subMenuBg03 { background: #9A9C6E url(../image/menu/subMenuBg03.jpg) no-repeat}
|
||||
.subMenuBg img, .subMenuBg01 img, .subMenuBg02 img, .subMenuBg03 img { margin: 7px 25px 2px 25px}
|
||||
/* middle layout */
|
||||
|
||||
/* main layout */
|
||||
|
||||
/* bottom layout */
|
||||
|
||||
|
||||
/*******************************************************
|
||||
/* Title style */
|
||||
/*******************************************************/
|
||||
.mainTitle01 { padding: 2px 5px 3px 7px}
|
||||
|
||||
.titleChannel{ text-align: center; padding-top: 1px;}
|
||||
.titleSession{ padding: 8px; background-color: #807F68}
|
||||
.textSession { color: #FFF; font:bold 16px Tahoma; margin:13px 0px 0px 26px}
|
||||
/*******************************************************/
|
||||
/* box text-align */
|
||||
/*******************************************************/
|
||||
.left { text-align: left;}
|
||||
.center { text-align: center;}
|
||||
.right { text-align: right;}
|
||||
|
||||
/* float style */
|
||||
.floatLeft {display: inline; float:left;}
|
||||
.floatLeftBig {display: inline; float:left; margin:7px 0px 0px 2px;}
|
||||
.floatRight {display: inline; float:right;}
|
||||
/*******************************************************
|
||||
/* node style */
|
||||
/*******************************************************/
|
||||
.nodeS { width:142px; height:220px; margin: -5px 5px 3px 5px; background: transparent url(../image/node/nodS_001.png) no-repeat; text-align:left}
|
||||
.nodeSOn { width:142px; height:220px; margin: -5px 5px 3px 5px; background: transparent url(../image/node/nodS_001.png) no-repeat; text-align:left}
|
||||
.nodeSDown { width:142; height:220px; margin: -5px 5px 3px 5px; background: transparent url(../image/node/image003.png) no-repeat;}
|
||||
.nodeSNone { width:142px; height:220px; margin: -5px 5px 3px 5px; background: transparent url(../image/node/boxNodeSNoneBg001.png) no-repeat;}
|
||||
.nodeB { width:196px; height:395px; margin: 0px 2px 0px 2px; background: transparent url(../image/node/boxNodeBBg.gif) no-repeat;}
|
||||
.nodeBOn { width:196px; height:395px; margin: 0px 2px 0px 2px; background: transparent url(../image/node/boxNodeBOnBg.gif) no-repeat;}
|
||||
.nodeBDown { width:196px; height:395px; margin: 0px 2px 0px 2px; background: transparent url(../image/node/boxNodeBDownBg.gif) no-repeat;}
|
||||
.nodeBDown02 { width:196px; height:395px; margin: 0px 2px 0px 2px; background: transparent url(../image/node/boxNodeBDownBg02.gif) no-repeat;}
|
||||
.nodeBDownBatch { width:196px; height:395px; margin: 0px 2px 0px 2px; background: transparent url(../image/node/boxNodeBDownBgBatch.gif) no-repeat;}
|
||||
.nodeBNone { width:196px; height:395px; margin: 0px 2px 0px 2px; background: transparent url(../image/node/boxNodeBNoneBg.gif) no-repeat;}
|
||||
.nodeBNone02{ width:196px; height:395px; margin: 0px 2px 0px 2px; background: transparent url(../image/node/boxNodeBNoneBg02.gif) no-repeat;}
|
||||
.nodeBNoneBatch { width:196px; height:395px; margin: 0px 2px 0px 2px; background: transparent url(../image/node/boxNodeBNoneBgBatch.gif) no-repeat;}
|
||||
|
||||
.nodeNo { width:99px; height:22px; text-align:right; padding:5px 40px 0px 0px}
|
||||
.nodeNoBox { width:146px; height:39px; margin:5px 0px 0px 14px}
|
||||
.nodeBNo { margin:7px 0px 0px 130px}
|
||||
.adapterBBox img.nodeBNo { margin:0px 0px 0px 79px; vertical-align:-4px}
|
||||
.nodeBDown div.nodeNo, .nodeBDown02 div.nodeNo, .nodeBDownBatch div.nodeNo { text-align:right; padding:6px 0px 0px 50px}
|
||||
|
||||
.adapterRTBox { width:100px; height:26px; margin-left: 11px; margin-top: 0px; background: transparent url(../image/node/adapterRTBg.png) no-repeat; text-align:right; padding:0px 5px 0xp 0px}
|
||||
.adapterRTBox img { display: block; margin:3px 9px 3px 2px;}
|
||||
.adapterBox { width:100px; height:26px; margin-left: 11px; margin-top: 4px; background: transparent url(../image/node/adapterBg001.png) no-repeat; text-align:right; padding:0px 5px 0xp 0px}
|
||||
.adapterBox img { display: block; margin:3px 9px 3px 2px;}
|
||||
/* channal adapter style */
|
||||
.adapterBBox { width:145px; height:186px; margin: 0px 0px 0px 12px; background: transparent url(../image/node/adapterBBg.gif) no-repeat; padding:3px 0px 0px 5px; font-size:0px;}
|
||||
.adapterBBox img.adapterBBall{ margin:5px 2px 6px 3px}
|
||||
.adapterBBox img.adapterBall{ display: block; margin:2px 2px 2px 6px;}
|
||||
|
||||
.adapterBBox02 { width:145px; height:154px; margin: 0px 0px 0px 12px; background: transparent url(../image/node/adapterBBg02.gif) no-repeat; padding:0px 0px 0px 2px; font-size:0px;}
|
||||
.adapterBBoxBatch { width:145px; height:154px; margin: 0px 0px 0px 12px; background: transparent url(../image/node/adapterBBgBatch.gif) no-repeat; padding:0px 0px 0px 2px; font-size:0px;}
|
||||
.adapterBBox02 img.adapterBBall, .adapterBBoxBatch img.adapterBBall{ margin:0px 2px 4px 3px}
|
||||
.adapterBBox02 img.adapterBall, .adapterBBoxBatch img.adapterBall{ display: block; margin:2px 2px 2px 6px;}
|
||||
|
||||
.instanceArea{ width:95px; height:33px; margin-left: 10px; margin-bottom: 0px}
|
||||
.instanceLine{ width:95px; border-top: 1px solid #989792; border-bottom: 1px solid #989792; margin-top:8px}
|
||||
.instanceLine2{ width:95px; border-top: 1px solid #989792; border-bottom: 1px solid #989792;}
|
||||
.instanceBox{ border: 1px solid #4D7171; background-color: #003336; padding:1px 1px 2px 2px }
|
||||
.instanceBox img { margin:0px 1px 1px 0px;}
|
||||
|
||||
.instanceAreaB { width:145px; height:79px; margin-left: 12px; margin-top: 2px;background: transparent url(../image/node/instanceAreaB.gif) no-repeat;}
|
||||
.instanceList { width:135px; height:60px; margin:7px 5px 5px 5px }
|
||||
.instanceBar { height: 36px; border-right: 1px solid #FFF; border-left: 1px solid #FFF; background-color: #FFF; padding:2px 0px 0px 0px; vertical-align:bottom; font-size:0px }
|
||||
.instanceGreen { background-color: #339944;font-size:0px}
|
||||
.instanceYellow { background-color: #FFCC00;font-size:0px}
|
||||
.instanceGray { background-color: #6C6C6C;font-size:0px}
|
||||
.instanceRed { background-color: #FF0000;font-size:0px}
|
||||
.instanceNum { font-size:0px; height:25px; vertical-align:top}
|
||||
|
||||
.systemBox { width:80px; height:43px; margin: 4px 0px 2px 7px; background: transparent url(../image/node/systemBg.gif) no-repeat; padding:4px 0px 0px 30px}
|
||||
.barBg { width:40px; height:8px; padding-bottom:3px}
|
||||
.barBg div { height:8px; font-size:0px;}
|
||||
.barGreen { height:8px; background: transparent url(../image/node/barGreen.gif) repeat-x;}
|
||||
.barYellow { height:8px; background: transparent url(../image/node/barYellow.gif) repeat-x;}
|
||||
.barRed { height:8px; background: transparent url(../image/node/barRed.gif) repeat-x;}
|
||||
.textSystem { font: bold 14px/14px DotumChe; color: #3399FF; padding:0px 2px 0px 1px; text-align: right;}
|
||||
|
||||
.systemBBox { width:93px; height:60px; margin: 3px 0px 0px 12px; background: transparent url(../image/node/systemBBg.gif) no-repeat; padding:8px 0px 0px 52px}
|
||||
.barBBg { width:52px; height:13px; padding-bottom:7px; }
|
||||
.barBBg div { height:13px; font-size:0px;}
|
||||
.barBGreen { height:13px; background: transparent url(../image/node/barBGreen.gif) repeat-x;}
|
||||
.barBYellow { height:13px; background: transparent url(../image/node/barBYellow.gif) repeat-x;}
|
||||
.barBRed { height:13px; background: transparent url(../image/node/barBRed.gif) repeat-x;}
|
||||
.textSystemB{ font: bold 20px/20px DotumChe; color: #3399FF; padding:0px 5px 0px 1px; text-align: right }
|
||||
|
||||
.conCountBox,.conCountBox02{ width:97px; height:24px; margin: 0px 0px 0px 7px; background: transparent url(../image/node/conCountBg.gif) no-repeat;
|
||||
font:18px/18px Arial; color: #3399FF; padding:4px 5px 0px 0px; text-align:right;}
|
||||
.conCountBox02{ font:16px/18px Arial;}
|
||||
.conCountBBox, .conCountBBox02{ width:138px; height:39px; margin: 3px 0px 0px 12px; background: transparent url(../image/node/conCountBBg.gif) no-repeat;
|
||||
font: 600 24px/24px Arial; color: #3399FF; padding:8px 7px 0px 0px; text-align:right;}
|
||||
.conCountBBox02{ font:600 20px/22px Arial;}
|
||||
|
||||
.tranBox { width:836px; margin:20px 0px;}
|
||||
.tranBox01 { width:100%; height: 403px; margin-top:15px}/*main bigTable view*/
|
||||
.tranBox02 { width:100%; margin-top:5px}/*sub tranBox view*/
|
||||
.peakdayBox { width:390px; height: 209px; margin:20px 0px 0px 5px; position:absolute; right:3%}
|
||||
.obstacleBox{ width:100%; height: 154px; margin-top:0px}
|
||||
|
||||
|
||||
/*****************************************************************************************/
|
||||
/* table00 style
|
||||
/**************************************************************************************** */
|
||||
table.table00 { width: 100%; margin: 0px; word-break: break-all;}
|
||||
|
||||
/* th */
|
||||
table.table00 th {border: 1px solid #666; text-align: center; height: 20px; padding: 1px 5px 1px 5px; background-color: #494949; color: #CCC; font:bold 18px Tahoma;}
|
||||
table.table00 th.rowspan { line-height: 100%; height: 9px; padding: 2px 5px 0px 5px;}
|
||||
table th.view {width: 110px; background-color: #494949;}
|
||||
table.table00 th.sum, table.table00 th.sumRight { height: 24px; border-top: 3px double #666; border-bottom: 3px double #666; background-color: #05303E; color: #FB0;padding: 0px 5px 0px 5px; }
|
||||
table.table00 th.sumRight { text-align: right;}
|
||||
|
||||
table.table00 th a:link {color: #CCC;}
|
||||
table.table00 th a:visited {color: #CCC;}
|
||||
table.table00 th a:hover {color: #6699CC;}
|
||||
|
||||
/* td */
|
||||
table.table00 td {border: 1px solid #666; line-height: 140%; height: 20px; padding: 2px 5px 1px 5px; color: #FFF; font:bold 15px Tahoma; background-color: #000}
|
||||
table.table00 td.second, table.table00 tr.second td {background-color: #191919;}
|
||||
table.table00 td.th01 {background-color: #1D1D1C; color: #CCC;}
|
||||
table.table00 tr.second td.th02 {background-color: #151414; color: #CCC;}
|
||||
.second {background-color: #191919;}
|
||||
table.table00 td.img {padding: 1px 4px 1px 4px; vertical-align: middle;}
|
||||
table.table00 td.english {font-family:Tahoma;}
|
||||
|
||||
table.table00 td table td {border: 0px solid #666; line-height: 140%; padding: 0px;}
|
||||
table.table00 td.rowspan {height: 12px; line-height: 120%; padding: 3px 5px 0px 5px;}
|
||||
table.table00 td.emphasis{background-color: #FFEECC;}
|
||||
table td.styleNone {padding: 0px; border: 0px; margin: 0px;}
|
||||
table td.sum {background-color: #05303E; color: #FBO; font-size:16px}
|
||||
|
||||
table.table00 td a:link { color: #FFFFEE;}
|
||||
table.table00 td a:visited { color: #FFFFEE;}
|
||||
table.table00 td a:hover { color: #FFEE99;}
|
||||
|
||||
|
||||
/*****************************************************************************************/
|
||||
/* table01 style
|
||||
/**************************************************************************************** */
|
||||
table.table01 { width: 100%; margin: 0px; word-break: break-all;}
|
||||
|
||||
/* th */
|
||||
table.table01 th {border: 1px solid #666; text-align: center; height: 22px; padding: 3px 5px 2px 5px; background-color: #494949; color: #CCC; font:bold 18px Tahoma;}
|
||||
table.table01 th.rowspan { line-height: 100%; height: 9px; padding: 2px 5px 0px 5px;}
|
||||
table th.view {width: 110px; background-color: #494949;}
|
||||
table.table01 th.sum, table.table01 th.sumRight { height: 24px; border-top: 3px double #666; border-bottom: 3px double #666; background-color: #05303E; color: #FB0;padding: 0px 5px 0px 5px; }
|
||||
table.table01 th.sumRight { text-align: right;}
|
||||
|
||||
table.table01 th a:link {color: #CCC;}
|
||||
table.table01 th a:visited {color: #CCC;}
|
||||
table.table01 th a:hover {color: #6699CC;}
|
||||
|
||||
/* td */
|
||||
table.table01 td {border: 1px solid #666; line-height: 140%; height: 22px; padding: 4px 5px 1px 5px; color: #FFF; font:bold 15px Tahoma; background-color: #000}
|
||||
table.table01 td.second, table.table01 tr.second td {background-color: #191919;}
|
||||
table.table01 td.th01 {background-color: #1D1D1C; color: #CCC;}
|
||||
table.table01 tr.second td.th02 {background-color: #151414; color: #CCC;}
|
||||
.second {background-color: #191919;}
|
||||
table.table01 td.img {padding: 1px 5px 1px 5px; vertical-align: middle;}
|
||||
table.table01 td.english {font-family:Tahoma;}
|
||||
|
||||
table.table01 td table td {border: 0px solid #666; line-height: 140%; padding: 0px;}
|
||||
table.table01 td.rowspan {height: 12px; line-height: 120%; padding: 3px 5px 0px 5px;}
|
||||
table.table01 td.emphasis{background-color: #FFEECC;}
|
||||
table td.styleNone {padding: 0px; border: 0px; margin: 0px;}
|
||||
table td.sum {background-color: #05303E; color: #FBO; font-size:16px}
|
||||
|
||||
table.table01 td a:link { color: #FFFFEE;}
|
||||
table.table01 td a:visited { color: #FFFFEE;}
|
||||
table.table01 td a:hover { color: #FFEE99;}
|
||||
|
||||
/*****************************************************************************************/
|
||||
/* tableBig style
|
||||
/**************************************************************************************** */
|
||||
table.tableBig { width: 100%; margin: 0px; word-break: break-all;}
|
||||
|
||||
/* th */
|
||||
table.tableBig th {border: 1px solid #666; text-align: center; height: 46px; padding: 3px 5px 2px 5px; background-color: #494949; color: #CCC; font:500 32px Tahoma;}
|
||||
table.tableBig th.rowspan { line-height: 100%; height: 30px; padding: 2px 5px 0px 5px;}
|
||||
table th.view {width: 150px; background-color: #494949;}
|
||||
table.tableBig th.sum, table.tableBig th.sumRight { height: 46px; border-top: 3px double #666; border-bottom: 3px double #666; background-color: #05303E; color: #FB0;padding: 0px 5px 0px 5px; }
|
||||
table.tableBig th.sumRight { text-align: right;}
|
||||
|
||||
table.tableBig th a:link {color: #CCC;}
|
||||
table.tableBig th a:visited {color: #CCC;}
|
||||
table.tableBig th a:hover {color: #6699CC;}
|
||||
|
||||
table.table01 th.sumRight a:link, table.table01 th.sum a:link,
|
||||
table.tableBig th.sumRight a:link, table.tableBig th.sum a:link {color: #FB0;}
|
||||
table.table01 th.sumRight a:visited,table.table01 th.sum a:visited,
|
||||
table.tableBig th.sumRight a:visited,table.tableBig th.sum a:visited {color: #FB0;}
|
||||
table.table01 th.sumRight a:hover, table.table01 th.sum a:hover,
|
||||
table.tableBig th.sumRight a:hover, table.tableBig th.sum a:hover {color: #FE0;}
|
||||
|
||||
/* td */
|
||||
table.tableBig td {border: 1px solid #666; line-height: 140%; height: 46px; padding: 3px 5px 1px 5px; color: #FFF; font:normal 32px Tahoma; background-color: #000}
|
||||
table.tableBig td.second, table.tableBig tr.second td {background-color: #191919;}
|
||||
table.tableBig td.th01 {background-color: #1D1D1C; color: #CCC; font-weight:bold; letter-spacing:-2px}
|
||||
table.tableBig tr.second td.th02 {background-color: #151414; color: #CCC; font-weight:bold; letter-spacing:-2px}
|
||||
.second {background-color: #191919;}
|
||||
table.tableBig td.img {padding: 1px 5px 1px 5px; vertical-align: middle;}
|
||||
table.tableBig td.english {font-family:Tahoma;}
|
||||
table.tableBig td table td {border: 0px solid #666; line-height: 140%; padding: 0px;}
|
||||
table.tableBig td.rowspan {height: 12px; line-height: 120%; padding: 3px 5px 0px 5px;}
|
||||
table.tableBig td.emphasis{background-color: #FFEECC;}
|
||||
table td.styleNone {padding: 0px; border: 0px; margin: 0px;}
|
||||
table td.sum {background-color: #05303E; color: #FBO; font-size:32px}
|
||||
|
||||
table.tableBig td a:link { color: #FFF;}
|
||||
table.tableBig td a:visited { color: #FFF;}
|
||||
table.tableBig td a:hover { color: #FFEE99;}
|
||||
|
||||
table.table01 td.th01 a:link, table.table01 td.th02 a:link, table.tableBig td.th01 a:link, table.tableBig td.th02 a:link { color: #CCC;}
|
||||
table.table01 td.th01 a:visited, table.table01 td.th02 a:visited, table.tableBig td.th01 a:visited, table.tableBig td.th02 a:visited { color: #CCC;}
|
||||
table.table01 td.th01 a:hover, table.table01 td.th02 a:hover, table.tableBig td.th01 a:hover, table.tableBig td.th02 a:hover { color: #FFCC00;}
|
||||
|
||||
|
||||
/*****************************************************************************************/
|
||||
/* tableBig2 style
|
||||
/**************************************************************************************** */
|
||||
table.tableBig2 { width: 100%; margin: 0px; word-break: break-all;}
|
||||
|
||||
/* th */
|
||||
table.tableBig2 th {border: 1px solid #666; text-align: center; height: 40px; padding: 1px 5px 1px 5px; background-color: #494949; color: #CCC; font: 34px Tahoma;}
|
||||
table.tableBig2 th.rowspan { line-height: 100%; height: 30px; padding: 2px 5px 0px 5px;}
|
||||
table th.view {width: 150px; background-color: #494949;}
|
||||
table.tableBig2 th.sum, table.tableBig2 th.sumRight { height: 46px; border-top: 3px double #666; border-bottom: 3px double #666; background-color: #05303E; color: #FB0;padding: 0px 5px 0px 5px; }
|
||||
table.tableBig2 th.sumRight { text-align: right;}
|
||||
|
||||
table.tableBig2 th a:link {color: #CCC;}
|
||||
table.tableBig2 th a:visited {color: #CCC;}
|
||||
table.tableBig2 th a:hover {color: #6699CC;}
|
||||
|
||||
table.table00 th.sumRight a:link, table.table00 th.sum a:link,
|
||||
table.tableBig2 th.sumRight a:link, table.tableBig2 th.sum a:link {color: #FB0;}
|
||||
table.table00 th.sumRight a:visited,table.table00 th.sum a:visited,
|
||||
table.tableBig2 th.sumRight a:visited,table.tableBig2 th.sum a:visited {color: #FB0;}
|
||||
table.table00 th.sumRight a:hover, table.table00 th.sum a:hover,
|
||||
table.tableBig2 th.sumRight a:hover, table.tableBig2 th.sum a:hover {color: #FE0;}
|
||||
|
||||
/* td */
|
||||
table.tableBig2 td {border: 1px solid #666; line-height: 140%; height: 40px; padding: 2px 5px 1px 5px; color: #FFF; font:normal 30px Tahoma; background-color: #000}
|
||||
table.tableBig2 td.second, table.tableBig2 tr.second td {background-color: #191919;}
|
||||
table.tableBig2 td.th01 {background-color: #1D1D1C; color: #CCC; font-weight:bold; letter-spacing:-2px}
|
||||
table.tableBig2 tr.second td.th02 {background-color: #151414; color: #CCC; font-weight:bold; letter-spacing:-2px}
|
||||
.second {background-color: #191919;}
|
||||
table.tableBig2 td.img {padding: 1px 5px 1px 5px; vertical-align: middle;}
|
||||
table.tableBig2 td.english {font-family:Tahoma;}
|
||||
table.tableBig2 td table td {border: 0px solid #666; line-height: 140%; padding: 0px;}
|
||||
table.tableBig2 td.rowspan {height: 12px; line-height: 120%; padding: 3px 5px 0px 5px;}
|
||||
table.tableBig2 td.emphasis{background-color: #FFEECC;}
|
||||
table td.styleNone {padding: 0px; border: 0px; margin: 0px;}
|
||||
table td.sum {background-color: #05303E; color: #FBO; font-size:32px}
|
||||
|
||||
table.tableBig2 td a:link { color: #FFF;}
|
||||
table.tableBig2 td a:visited { color: #FFF;}
|
||||
table.tableBig2 td a:hover { color: #FFEE99;}
|
||||
|
||||
table.table00 td.th01 a:link, table.table00 td.th02 a:link, table.tableBig2 td.th01 a:link, table.tableBig2 td.th02 a:link { color: #CCC;}
|
||||
table.table00 td.th01 a:visited, table.table00 td.th02 a:visited, table.tableBig2 td.th01 a:visited, table.tableBig2 td.th02 a:visited { color: #CCC;}
|
||||
table.table00 td.th01 a:hover, table.table00 td.th02 a:hover, table.tableBig2 td.th01 a:hover, table.tableBig2 td.th02 a:hover { color: #FFCC00;}
|
||||
|
||||
|
||||
|
||||
/*****************************************************************************************/
|
||||
/* table02 style
|
||||
/**************************************************************************************** */
|
||||
table.table02 { width: 370px; margin-left: 15px; margin-top: 5px; word-break: break-all;}
|
||||
|
||||
/* th */
|
||||
table.table02 th {border: 1px solid #999; text-align: center; height: 22px; padding: 3px 5px 2px 5px; background-color: #4B5449; color: #CCC; font:bold 18px 돋움체,Tahoma;}
|
||||
table.table02 th a:link {color: #CCC;}
|
||||
table.table02 th a:visited {color: #CCC;}
|
||||
table.table02 th a:hover {color: #6699CC;}
|
||||
|
||||
/* td */
|
||||
table.table02 td {border: 1px solid #999; line-height: 140%; height: 22px; padding: 4px 5px 1px 5px; color: #FFF; font:bold 15px 돋움체, Tahoma; background-color: #283B19}
|
||||
table.table02 td a:link { color: #FFFFEE;}
|
||||
table.table02 td a:visited { color: #FFFFEE;}
|
||||
table.table02 td a:hover { color: #FFEE99;}
|
||||
|
||||
|
||||
/*****************************************************************************************/
|
||||
/* table03 style
|
||||
/**************************************************************************************** */
|
||||
table.table03 { width:100%; margin: 0px; word-break: break-all;}
|
||||
|
||||
/* th */
|
||||
table.table03 th {border: 1px solid #666; text-align: center; height: 22px; padding: 3px 5px 2px 5px; background-color: #494949; color: #CCC; font:bold 18px Tahoma;}
|
||||
table.table03 th.rowspan { line-height: 100%; height: 9px; padding: 2px 5px 0px 5px;}
|
||||
table th.view {width: 110px; background-color: #494949;}
|
||||
table.table03 th.sum, table.table03 th.sumRight { height: 24px; border-top: 3px double #666; border-bottom: 3px double #666; background-color: #05303E; color: #FB0;padding: 0px 5px 0px 5px; }
|
||||
table.table03 th.sumRight { text-align: right;}
|
||||
|
||||
/* td */
|
||||
table.table03 td {border: 1px solid #666; line-height: 140%; height: 22px; padding: 4px 5px 1px 5px; color: #FFF; font:bold 15px Tahoma; background-color: #000}
|
||||
table.table03 td.second, table.table03 tr.second td {background-color: #191919;}
|
||||
table.table03 td.th01 {background-color: #1D1D1C; color: #CCC;}
|
||||
table.table03 tr.second td.th02 {background-color: #151414; color: #CCC;}
|
||||
.second {background-color: #191919;}
|
||||
table.table03 td.img {padding: 1px 5px 1px 5px; vertical-align: middle;}
|
||||
table.table03 td.english {font-family:Tahoma;}
|
||||
|
||||
table.table03 td table td {border: 0px solid #666; line-height: 140%; padding: 0px;}
|
||||
table.table03 td.rowspan {height: 12px; line-height: 120%; padding: 3px 5px 0px 5px;}
|
||||
table.table03 td.emphasis{background-color: #FFEECC;}
|
||||
table td.styleNone {padding: 0px; border: 0px; margin: 0px;}
|
||||
table td.sum {background-color: #05303E; color: #FBO; font-size:16px}
|
||||
|
||||
|
||||
/*****************************************************************************************/
|
||||
/* table04 style
|
||||
/**************************************************************************************** */
|
||||
table.table04 { width: 600px; margin-left: 15px; margin-top: 5px; word-break: nowrap;}
|
||||
|
||||
/* th */
|
||||
table.table04 th {border: 1px solid #999; text-align: center; height: 16px; padding: 3px 5px 2px 5px; background-color: #4B5449; color: #CCC; font:bold 14px 돋움체,Tahoma;}
|
||||
table.table04 th a:link {color: #CCC;}
|
||||
table.table04 th a:visited {color: #CCC;}
|
||||
table.table04 th a:hover {color: #6699CC;}
|
||||
|
||||
/* td */
|
||||
table.table04 td {border: 1px solid #999; line-height: 140%; height: 22px; padding: 4px 5px 1px 5px; color: #FFF; font:bold 15px 돋움체, Tahoma; background-color: #283B19}
|
||||
table.table04 td a:link { color: #FFFFEE;}
|
||||
table.table04 td a:visited { color: #FFFFEE;}
|
||||
table.table04 td a:hover { color: #FFEE99;}
|
||||
|
||||
|
||||
|
||||
/* 테이블 기타 관련 */
|
||||
.ellipsis{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
|
||||
|
||||
|
||||
/*******************************************************/
|
||||
/* 버튼 관련 */
|
||||
/*******************************************************/
|
||||
|
||||
/***********************************************/
|
||||
/* box */
|
||||
/************************************/
|
||||
.moniBox01 {background: transparent url(../image/box/moniBox01.gif) no-repeat top left; padding: 5px 5px 4px 5px; height:524px}
|
||||
.moniBox02 {background: #9F9F9F url(../image/box/moniBox02.gif) repeat-x top left;}
|
||||
.moniBox03 {background: transparent url(../image/box/moniBox03.gif) no-repeat top right;}
|
||||
.moniBox04 {background: transparent url(../image/box/moniBox04.gif) repeat-y top left;}
|
||||
.moniBox05 {background: transparent url(../image/box/moniBox05.gif) repeat-y top right;}
|
||||
.moniBox06 {background: transparent url(../image/box/moniBox06.gif) no-repeat bottom left;}
|
||||
.moniBox07 {background: transparent url(../image/box/moniBox07.gif) repeat-x bottom left;}
|
||||
.moniBox08 {background: transparent url(../image/box/moniBox08.gif) no-repeat bottom right;}
|
||||
|
||||
/* 업무별모니터링 channelBox */
|
||||
.channelBox00 {background: #093D43 url(../image/box/channelBox00.jpg) repeat-x; width:816px; height:425px}
|
||||
.channelBox01 {background: transparent url(../image/box/channelBox01.jpg) no-repeat top left; padding: 21px 7px 8px 8px; height:396px }
|
||||
.channelBox02 {background: transparent url(../image/box/channelBox02.jpg) repeat-x top left; width:816px;}
|
||||
.channelBox03 {background: transparent url(../image/box/channelBox03.jpg) no-repeat top right;}
|
||||
.channelBox04 {background: transparent url(../image/box/channelBox04.jpg) repeat-y top left;}
|
||||
.channelBox05 {background: transparent url(../image/box/channelBox05.jpg) repeat-y top right;}
|
||||
.channelBox06 {background: transparent url(../image/box/channelBox06.jpg) no-repeat bottom left;}
|
||||
.channelBox07 {background: transparent url(../image/box/channelBox07.jpg) repeat-x bottom left;}
|
||||
.channelBox08 {background: transparent url(../image/box/channelBox08.jpg) no-repeat bottom right;}
|
||||
|
||||
/* 전체모니터링 channelBox */
|
||||
.channelBoxBg01 {background: #063A3D url(../image/box/channelBoxBg01.jpg) repeat-x top left; width:608px; height:253px; margin:2px 2px 1px 2px}
|
||||
.channelBoxBg02 {background: transparent url(../image/box/channelBoxBg02.jpg) repeat-x top left; width:608px; height:224px; margin:2px}
|
||||
.channelBoxLeft {background: transparent url(../image/box/channelBoxLeft.jpg) no-repeat top left; height:100%; text-align:center}
|
||||
.channelBoxRight01{background: transparent url(../image/box/channelBoxRight01.jpg) no-repeat top right;height:100%;}
|
||||
.channelBoxRight02{background: transparent url(../image/box/channelBoxRight03.jpg) no-repeat top right;height:100%;}
|
||||
|
||||
.channelTitleBg { width:260px; height:26px; margin:5px; background: transparent url(../image/common/channelTitleBg.gif) no-repeat top left; text-align:center; font-size:0px }
|
||||
.channelTitleBg02{ width:260px; height:26px; background: transparent url(../image/common/channelTitleBg02.gif) no-repeat top left; text-align:center; font-size:0px }
|
||||
|
||||
.instanceSmsBox00 {background: #0A4420 url(../image/box/instanceSmsBox00.jpg) repeat-x; width:400px; height:425px}
|
||||
.instanceSmsBox01 {background: transparent url(../image/box/instanceSmsBox01.gif) no-repeat top left;width:400px; height:425px }
|
||||
.instanceSmsBox02 {background: #0A4420 url(../image/box/instanceSmsBox00.jpg) repeat-x top left; width:400px; height:425px; margin-left:4px}
|
||||
.instanceSmsBox03 {background: transparent url(../image/box/instanceSmsBox03.gif) no-repeat top right;}
|
||||
.instanceSmsBox04 {background: transparent url(../image/box/instanceSmsBox02.gif) repeat-y top left;}
|
||||
.instanceSmsBox05 {background: transparent url(../image/box/instanceSmsBox02.gif) repeat-y top right;}
|
||||
.instanceSmsBox06 {background: transparent url(../image/box/instanceSmsBox06.gif) no-repeat bottom left;}
|
||||
.instanceSmsBox07 {background: transparent url(../image/box/instanceSmsBox02.gif) repeat-x bottom left;}
|
||||
.instanceSmsBox08 {background: transparent url(../image/box/instanceSmsBox08.gif) no-repeat bottom right;}
|
||||
.instanceSmsBox10 {background: #363B10 url(../image/box/instanceSmsBox10.jpg) repeat-x; width:400px; height:425px}
|
||||
.instanceSmsBox11 {background: transparent url(../image/box/instanceSmsBox01.gif) no-repeat top left;width:400px; height:425px }
|
||||
.instanceSmsBox12 {background: #363B10 url(../image/box/instanceSmsBox10.jpg) repeat-x top left; width:400px; height:425px; margin-left:4px}
|
||||
.instanceSmsBox13 {background: transparent url(../image/box/instanceSmsBox13.gif) no-repeat top right;}
|
||||
.instanceSmsBox14 {background: transparent url(../image/box/instanceSmsBox12.gif) repeat-y top left;}
|
||||
.instanceSmsBox15 {background: transparent url(../image/box/instanceSmsBox12.gif) repeat-y top right;}
|
||||
.instanceSmsBox16 {background: transparent url(../image/box/instanceSmsBox16.gif) no-repeat bottom left;}
|
||||
.instanceSmsBox17 {background: transparent url(../image/box/instanceSmsBox12.gif) repeat-x bottom left;}
|
||||
.instanceSmsBox18 {background: transparent url(../image/box/instanceSmsBox18.gif) no-repeat bottom right;}
|
||||
.instanceSmsBox20 {background: #260F41 url(../image/box/instanceSmsBox20.jpg) repeat-x; width:400px; height:425px}
|
||||
.instanceSmsBox21 {background: transparent url(../image/box/instanceSmsBox21.gif) no-repeat top left;width:400px; height:425px }
|
||||
.instanceSmsBox22 {background: #260F41 url(../image/box/instanceSmsBox20.jpg) repeat-x top left; width:400px; height:425px; margin-left:4px}
|
||||
.instanceSmsBox23 {background: transparent url(../image/box/instanceSmsBox23.gif) no-repeat top right;}
|
||||
.instanceSmsBox24 {background: transparent url(../image/box/instanceSmsBox22.gif) repeat-y top left;}
|
||||
.instanceSmsBox25 {background: transparent url(../image/box/instanceSmsBox22.gif) repeat-y top right;}
|
||||
.instanceSmsBox26 {background: transparent url(../image/box/instanceSmsBox26.gif) no-repeat bottom left;}
|
||||
.instanceSmsBox27 {background: transparent url(../image/box/instanceSmsBox22.gif) repeat-x bottom left;}
|
||||
.instanceSmsBox28 {background: transparent url(../image/box/instanceSmsBox28.gif) no-repeat bottom right;}
|
||||
|
||||
.instanceSmsTitle01{ width:400px; height:37px; background: #fff url(../image/box/instanceSmsTitleBg01.jpg) no-repeat; text-align:center; padding-top:8px}
|
||||
.instanceSmsTitle02{ width:400px; height:37px; background: transparent url(../image/box/instanceSmsTitleBg02.jpg) no-repeat; text-align:center; padding-top:8px }
|
||||
.instanceSmsTitle03{ width:400px; height:37px; background: transparent url(../image/box/instanceSmsTitleBg03.jpg) no-repeat; text-align:center; padding-top:8px }
|
||||
.instanceSmsTitle04{ width:400px; height:37px; background: #fff url(../image/box/instanceSmsTitleBg01.jpg) no-repeat; text-align:right; padding-top:8px}
|
||||
|
||||
.instanceState01 { width:372px; height: 254px; background: transparent url(../image/node/instanceState01.gif) no-repeat; margin:18px 0px 20px 13px; padding-left:2px }
|
||||
.instanceState02 { width:372px; height: 254px; background: transparent url(../image/node/instanceState03.gif) no-repeat; margin:18px 0px 20px 13px; padding-left:2px}
|
||||
.instanceState01 img, .instanceState02 img { margin: 42px 0px 60px 93px}
|
||||
|
||||
.tableBoxBg01 {background: #000033 url(../image/box/tableBoxBg.jpg) repeat-y top left; margin-top:5px}
|
||||
.tableBox01 {background: transparent url(../image/box/tableBox01.jpg) no-repeat top left; padding: 7px;}
|
||||
.tableBox02 {background: transparent url(../image/box/tableBox02.jpg) repeat-x top left;}
|
||||
.tableBox03 {background: transparent url(../image/box/tableBox03.jpg) no-repeat top right;}
|
||||
.tableBox04 {background: transparent url(../image/box/tableBox04.gif) repeat-y top left;}
|
||||
.tableBox05 {background: transparent url(../image/box/tableBox05.gif) repeat-y top right;}
|
||||
.tableBox06 {background: transparent url(../image/box/tableBox06.jpg) no-repeat bottom left;}
|
||||
.tableBox07 {background: transparent url(../image/box/tableBox07.gif) repeat-x bottom left;}
|
||||
.tableBox08 {background: transparent url(../image/box/tableBox08.jpg) no-repeat bottom right;}
|
||||
|
||||
.tableBoxBg02 {background: #000033 url(../image/box/tableBoxBg.jpg) repeat-y top right; margin-top:4px}
|
||||
.tableBox011 {background: transparent url(../image/box/tableBox011.gif) no-repeat top left; padding: 7px; }
|
||||
.tableBox021 {background: transparent url(../image/box/tableBox02.jpg) repeat-x top right;}
|
||||
.tableBox031 {background: transparent url(../image/box/tableBox031.gif) no-repeat top right;}
|
||||
.tableBox041 {background: transparent url(../image/box/tableBox04.gif) repeat-y top left;}
|
||||
.tableBox051 {background: transparent url(../image/box/tableBox05.gif) repeat-y top right;}
|
||||
.tableBox061 {background: transparent url(../image/box/tableBox061.gif) no-repeat bottom left; height:100%}
|
||||
.tableBox071 {background: transparent url(../image/box/tableBox07.gif) repeat-x bottom left;}
|
||||
.tableBox081 {background: transparent url(../image/box/tableBox081.gif) no-repeat bottom right;}
|
||||
|
||||
.tableBox01 div, .tableBox011 div { padding:1px 3px 6px 3px; vertical-align: middle}
|
||||
.tableBox01 div img, .tableBox011 div img { vertical-align: top}
|
||||
|
||||
.popBgBox01 {background: transparent url(../image/popup/popBgBox01.gif) no-repeat top left; padding: 5px;}
|
||||
.popBgBox02 {background: #595755 url(../image/popup/popBgBox02.gif) repeat-x top left;}
|
||||
.popBgBox03 {background: transparent url(../image/popup/popBgBox03.gif) no-repeat top right;}
|
||||
.popBgBox04 {background: transparent url(../image/popup/popBgBox04.gif) repeat-y top left;}
|
||||
.popBgBox05 {background: transparent url(../image/popup/popBgBox05.gif) repeat-y top right;}
|
||||
.popBgBox06 {background: transparent url(../image/popup/popBgBox06.gif) no-repeat bottom left;}
|
||||
.popBgBox07 {background: transparent url(../image/popup/popBgBox07.gif) repeat-x bottom left;}
|
||||
.popBgBox08 {background: transparent url(../image/popup/popBgBox08.gif) no-repeat bottom right;}
|
||||
|
||||
.boxYellow { border:3px solid #ECCC00; background-color: #223326; padding:1px;}
|
||||
.boxRed { border:3px solid #EE3300; background-color: #111522; padding:1px;}
|
||||
.boxBlue { border:3px solid #2233DD; background-color: #223326; padding:1px;}
|
||||
.boxOrange { border:3px solid #FF9900; background-color: #111522; padding:1px;}
|
||||
.boxYellowBg{ background: #223326 url(../image/popup/popBoxBg03.gif) repeat-x top left; padding:20px 20px 20px 20px; text-align:center}
|
||||
.boxRedBg { background: #111522 url(../image/popup/popBoxBg02.gif) repeat-x top left; padding:5px 0px 1px 5px;}
|
||||
.boxBlueBg { background: #111522 url(../image/popup/popBoxBg02.gif) repeat-x top left; padding:5px 0px 1px 5px;}
|
||||
.boxOrangeBg{ background: #223326 url(../image/popup/popBoxBg01.gif) repeat-x top left; padding:5px 0px 1px 5px;}
|
||||
|
||||
.boxYellowBg table {width:270px; }
|
||||
.boxYellowBg table td {width:90px; vertical-align:top; text-align:center; vertical-align:bottom;}
|
||||
|
||||
.boxYellowBg img, .boxRedBg img, .boxBlueBg img, .boxOrangeBg img {padding:0px 2px 5px 0px; vertical-align:middle}
|
||||
.boxYellowBg span, .boxRedBg span, .boxBlueBg span, .boxOrangeBg span {margin:0px 2px 5px 0px; font: 14px/150% Dotumche;}
|
||||
.boxYellowTitle, .boxRedTitle, .boxBlueTitle, .boxOrangeTitle { height:23px; color: #FFF; font:bold 14px Dotumche; word-spacing:-1px;}
|
||||
.boxYellowTitle img, .boxRedTitle img, .boxYellowTitle img, .boxRedTitle img{ vertical-align:top}
|
||||
.boxYellowTitle span, .boxRedTitle span, .boxBlueTitle span, .boxOrangeTitle span{ vertical-align:-6px; color: #FFF; font:bold 14px/100% Dotumche; word-spacing:-1px;}
|
||||
.boxYellowTitle { border-left:3px solid #ECCC00; border-right:3px solid #ECCC00; background-color: #ECCC00;}
|
||||
.boxRedTitle { border-left:3px solid #EE3300; border-right:3px solid #EE3300; background-color: #EE3300;}
|
||||
.boxBlueTitle { border-left:3px solid #2233DD; border-right:3px solid #2233DD; background-color: #2233DD;}
|
||||
.boxOrangeTitle { border-left:3px solid #FF9900; border-right:3px solid #FF9900; background-color: #FF9900;}
|
||||
|
||||
.gageBox { width:70px; height:220px; font-size:0px; background: transparent url(../image/popup/gageBoxBg.gif) no-repeat top left;}
|
||||
.gageBox div{ vertical-align:bottom}
|
||||
.gageBgGreen { background: #33CC00 url(../image/popup/gageGreen.gif) repeat-y bottom left;}
|
||||
.gageStartGreen { background: transparent url(../image/popup/gageGreenStart.gif) no-repeat bottom left;}
|
||||
.gageEndGreen { background: transparent url(../image/popup/gageGreenEnd.gif) no-repeat top left;}
|
||||
.gageBgRed { background: #FF3300 url(../image/popup/gageRed.gif) repeat-y bottom left; }
|
||||
.gageStartRed { background: transparent url(../image/popup/gageRedStart.gif) no-repeat bottom left;}
|
||||
.gageEndRed { background: transparent url(../image/popup/gageRedEnd.gif) no-repeat top left;}
|
||||
.gageTextGreen { font:bold 18pt/100% Dotumche; margin:10px 0px 10px 8px; color:#7AFF51; text-align:center}
|
||||
.gageTextRed { font:bold 18pt/100% Dotumche; margin:10px 0px 10px 8px; color:#FF5C51; text-align:center}
|
||||
|
||||
table.gageBox { width:70px; height:220px; font-size:0px; background: transparent url(../image/popup/gageBoxBg.gif) no-repeat top left;}
|
||||
table.gageBox tr td {padding:10px; vertical-align:bottom}
|
||||
|
||||
/* help popup style */
|
||||
#helpBox {}
|
||||
.helpBox01 {background: transparent url(../image/monitoring/helpBox01.gif) no-repeat top left; padding: 4px 14px 14px 14px; height:280px}
|
||||
.helpBox02 {background: #276072 url(../image/monitoring/helpBox02.gif) repeat-x top left;}
|
||||
.helpBox03 {background: transparent url(../image/monitoring/helpBox03.gif) no-repeat top right;}
|
||||
.helpBox04 {background: transparent url(../image/monitoring/helpBox04.gif) repeat-y top left;}
|
||||
.helpBox05 {background: transparent url(../image/monitoring/helpBox05.gif) repeat-y top right;}
|
||||
.helpBox06 {background: transparent url(../image/monitoring/helpBox06.gif) no-repeat bottom left;}
|
||||
.helpBox07 {background: transparent url(../image/monitoring/helpBox07.gif) repeat-x bottom left;}
|
||||
.helpBox08 {background: transparent url(../image/monitoring/helpBox08.gif) no-repeat bottom right;}
|
||||
|
||||
.helpBox011 {background: transparent url(../image/monitoring/helpBox01.gif) no-repeat top left; padding: 5px 14px 14px 14px; height:79px}
|
||||
.helpBox021 {background: #276072 url(../image/monitoring/helpBox021.gif) repeat-x top left;}
|
||||
.helpBox031 {background: transparent url(../image/monitoring/helpBox031.gif) no-repeat top right;}
|
||||
.helpBox041 {background: transparent url(../image/monitoring/helpBox041.gif) repeat-y top left;}
|
||||
.helpBox051 {background: transparent url(../image/monitoring/helpBox051.gif) repeat-y top right;}
|
||||
.helpBox061 {background: transparent url(../image/monitoring/helpBox061.gif) no-repeat bottom left;}
|
||||
.helpBox071 {background: transparent url(../image/monitoring/helpBox071.gif) repeat-x bottom left;}
|
||||
.helpBox081 {background: transparent url(../image/monitoring/helpBox081.gif) no-repeat bottom right;}
|
||||
|
||||
.helpInnerBox01 {background: transparent url(../image/monitoring/helpInnerBox01.gif) no-repeat top left; padding: 10px 10px 7px 10px; height:210px; font:normal 14px/18px 돋움, Tahoma; color: #333;}
|
||||
.helpInnerBox02 {background: #FFF url(../image/monitoring/helpInnerBox02.gif) repeat-x top left;}
|
||||
.helpInnerBox03 {background: transparent url(../image/monitoring/helpInnerBox03.gif) no-repeat top right;}
|
||||
.helpInnerBox04 {background: transparent url(../image/monitoring/helpInnerBox04.gif) repeat-y top left;}
|
||||
.helpInnerBox05 {background: transparent url(../image/monitoring/helpInnerBox05.gif) repeat-y top right;}
|
||||
.helpInnerBox06 {background: transparent url(../image/monitoring/helpInnerBox06.gif) no-repeat bottom left;}
|
||||
.helpInnerBox07 {background: transparent url(../image/monitoring/helpInnerBox07.gif) repeat-x bottom left;}
|
||||
.helpInnerBox08 {background: transparent url(../image/monitoring/helpInnerBox08.gif) no-repeat bottom right;}
|
||||
|
||||
.helpTitle { background: transparent url(../image/monitoring/helpTitleIcon.gif) no-repeat 5px 25px; height: 45px; padding: 14px 0px 0px 30px; font:bold 16px/18px 돋움, Tahoma; color: #FFF;}
|
||||
.helpClose { padding: 0px 5px 0px 0px; vertical-align:top}
|
||||
/*******************************************************/
|
||||
/* popup style */
|
||||
/*******************************************************/
|
||||
|
||||
/*******************************************************/
|
||||
/* etc */
|
||||
/*******************************************************/
|
||||
.widthAuto{ width: auto; }
|
||||
.width100p{ width: 100%; }
|
||||
.width98p{ width: 98%; }
|
||||
|
||||
.hr01 {width: 100%; height: 1px; color:#eeeeee;}
|
||||
hr.green { height: 2px; color:#E8F5C8;}
|
||||
.scroll{
|
||||
scrollbar-face-color:#EBEBEB;
|
||||
scrollbar-shadow-color:#CDCDCD;
|
||||
scrollbar-highlight-color:#CDCDCD;
|
||||
scrollbar-3dlight-color:#F3F3F3;
|
||||
scrollbar-darkshadow-color:#F3F3F3;
|
||||
scrollbar-track-color:#F3F3F3;
|
||||
scrollbar-arrow-color:#FFFFFD;
|
||||
}
|
||||
@@ -0,0 +1,194 @@
|
||||
ul, li{margin: 0; padding: 0; list-style: none;}
|
||||
html, body, *{margin:0; padding:0; font-family:"맑은고딕", Malgun Gothic, "돋움", dotum, sans-serif;}
|
||||
body {background-color:#2d3742;}
|
||||
|
||||
/* 상단 슬라이드 GNB */
|
||||
/* GNB 메뉴바 내려옴 */
|
||||
#gnb_effect {width:706px; height:104px; position:fixed; left:600px; top:-92px; z-index:99999;
|
||||
transition:0.5s;-webkit-transition:0.5s; -moz-transition:0.5s; background:url(../images/dashboard2/gnb.png)no-repeat;}
|
||||
#gnb_effect.down {top:0; transition:0.5s;-webkit-transition:0.5s; -moz-transition:0.5s;}
|
||||
#gnb_content{width:500px; margin:0 auto; }
|
||||
|
||||
#gnb_button{float:none; position:relative; width:122px; height:15px; top:24px; margin:0 auto; tranform:rotate(90deg) 0.01s; text-indent:-99999px; background:url(../images/dashboard2/btn_gnb_open.png); cursor:pointer;}
|
||||
.down #gnb_button {width:122px; height:15px; top:9px; background:url(../images/dashboard2/btn_gnb_close.png); }
|
||||
|
||||
/* GNB 서브메뉴*/
|
||||
#gnb_container {width:500px; margin-top:18px;}
|
||||
#gnb_container > .gnb_menu > li > a {font-size:17px; color:#fff; font-weight:bold; text-decoration:none;}
|
||||
#gnb_container > .gnb_menu > li > ul > li > a {font-size:13px; color:#fff; font-weight:bold; text-decoration:none;}
|
||||
|
||||
#gnb_container > ul.gnb_menu > li > ul.gnb_sub {position:relative; width:480px; height:25px; top:13px; border-radius:5px;background-color:#10649a; }
|
||||
#gnb_container > ul.gnb_menu > li:nth-child(1) > ul.gnb_sub {left:16px;}
|
||||
#gnb_container > ul.gnb_menu > li:nth-child(2) > ul.gnb_sub {left:-150px;}
|
||||
#gnb_container > ul.gnb_menu > li:nth-child(3) > ul.gnb_sub {left:-317px;}
|
||||
#gnb_container > ul.gnb_menu > li > ul.gnb_sub > li {display:block; float:left; width:80px; height:25px; line-height:2; text-align:center; }
|
||||
#gnb_container > ul.gnb_menu > li > ul.gnb_sub > li a {display:block; width:100%; height:100%; }
|
||||
|
||||
.gnb_menu > li {display:block; float:left; width:33.33333%; height:50px; position:relative; }
|
||||
.gnb_menu > li > a {display:block; height:15px; line-height:1; text-align:center;}
|
||||
ul.gnb_menu li a:hover {background:url();}
|
||||
.gnb_menu > li:nth-child(2) > a {border-left:1px solid #86b5d8; border-right:1px solid #86b5d8;}
|
||||
|
||||
ul.gnb_sub{display:none;}
|
||||
*+html ul.gnb_menu li {display:inline-block; zoom:1;}
|
||||
*+html ul.gnb_menu li {display:inline; zoom:1;}
|
||||
*html ul.gnb_sub {zoom:1; position:relative;}
|
||||
*+html ul.gnb_sub {zoom:1; position:relative;}
|
||||
ul.gnb_sub li {float:none;}
|
||||
ul.gnb_menu:after {height:0; visibility:hidden; content:"."; display:block; clear:both;}
|
||||
|
||||
|
||||
/* 페이지 본문 */
|
||||
section {display:block; position: relative; margin-left:30px; width:1848px; clear:both;}
|
||||
header{position:relaitve; display: block; width: 1846px; height: 70px; margin-left:30px;}
|
||||
header .logo {display: block; float:left; position:relative; margin:24px 0 0 2px; width: 300px;}
|
||||
header .logo li{display: inline-block;}
|
||||
header .logo li:first-child {width: 47px; text-indent:-999999999px; background:url(../images/dashboard2/logo-eactive.png)no-repeat;}
|
||||
header .logo li:last-child {color:#fff; font-weight:bold; font-size: 22px; }
|
||||
header .time {display: block; float:left; position:relative; padding:3px 0px 3px 10px; left:1180px; margin-top:24px; font-size:18px; color:#fff; text-align:center;}
|
||||
header .quickLink {display: block; float:left; position:relative; height:24px; padding:3px 13px 3px 13px; margin-top:25px; right:-1080px; font-size:12px; background-color:#9199a2; border-radius:3px;}
|
||||
header .quickLink span {color:#000; margin-right:5px;}
|
||||
header .quickLink select {width:70px; padding-left:7px; border:1px solid #9199a2;}
|
||||
|
||||
header .topMenu{display: block; float:left; position:relative; left:1196px; margin-top:25px;}
|
||||
header .topMenu li{position:relaitve; float:left; width:30px; height:30px; margin-left:7px; border-radius:3px; text-indent:-99999px;}
|
||||
.reLoad {float:left; width:30px; height:30px; background:url(../images/dashboard2/icon_reload.png)no-repeat 6px 6px; background-color:#626971; cursor: pointer;}
|
||||
header .topMenu li.soundOff {float:left; width:30px; height:30px; background:url(../images/dashboard2/icon_soundoff.png)no-repeat 6px 6px; background-color:#626971; cursor: pointer;}
|
||||
header .topMenu li.soundOn {float:left; width:30px; height:30px; background:url(../images/dashboard2/icon_soundon.png)no-repeat 6px 6px; background-color:#626971; cursor: pointer;}
|
||||
header .topMenu li.popOff {float:left; width:30px; height:30px; background:url(../images/dashboard2/icon_popoff.png)no-repeat 6px 4px; background-color:#626971; cursor: pointer;}
|
||||
header .topMenu li.popMin {float:left; width:30px; height:30px; background:url(../images/dashboard2/icon_popmin.png)no-repeat 6px 4px; background-color:#626971; cursor: pointer;}
|
||||
header .topMenu li.popMax {float:left; width:30px; height:30px; background:url(../images/dashboard2/icon_popmax.png)no-repeat 6px 4px; background-color:#626971; cursor: pointer;}
|
||||
|
||||
.moniwrap{display:block; position:relative; float:left; width:1846px; margin:0 0 20px 30px;}
|
||||
.moniwrap > div{display:block; position:relative; float:left; width:600px; border:1px solid #53677c; background-color:#000;}
|
||||
|
||||
div .moniNSG{padding-left:14px; border-right:none; border-bottom:none;}
|
||||
div .moniDSG{padding-left:14px; border-right:none; border-bottom:none;}
|
||||
div .moniGSG{padding-left:14px; border-bottom:none;}
|
||||
div .moniZSG{padding-left:14px; border-right:none;}
|
||||
div .moniISG{padding-left:14px; border-right:none;}
|
||||
div .moniASG{padding-left:14px;}
|
||||
|
||||
.titMoni{display:block; width:272px; height:22px; margin:0 auto; margin-bottom:8px; font-size:14px; color:#000; text-align:center; background:url(../images/dashboard2/tit_monitor.png)no-repeat;}
|
||||
|
||||
div .monitorOn {position:relative; display:block; float:left; width:290px; height:95px; margin:0 8px 8px 0; background-color:#0d5c8a; border-radius:10px;}
|
||||
div .monitorOn h2 {display:inline-block; float:left; width:23px; margin:9px 10px 9px 0; font-size:20px; text-align:right; font-weight:bold; line-height:1; color:#edf1f4;}
|
||||
|
||||
div .monitorOn button {position:absolute; left:33px; display:inline-block; float:left; width:70px; height:18px; padding:0 10px 3px 10px; margin-top:12px; background-color:#0d5c8a; border:1px solid #a8c4d5; border-radius:10px; font-size:11px; color:#fff; cursor:pointer;}
|
||||
|
||||
div .monitorOff {position:relative; display:block; float:left; width:290px; height:95px; margin:0 8px 8px 0; background-color:#36444e; border-radius:10px;}
|
||||
|
||||
/* 추가 버튼 */
|
||||
div .monitorOn button.butRed {position:absolute; left:33px; display:inline-block; float:left; width:70px; height:18px; padding:0 10px 3px 10px; margin-top:12px; background-color:#ff3c00; border:none; border-radius:10px; font-size:11px; color:#fff; cursor:pointer;}
|
||||
|
||||
div .monitorOn button.butGreen {position:absolute; left:33px; display:inline-block; float:left; width:70px; height:18px; padding:0 10px 3px 10px; margin-top:12px; background-color:#0cac1e; border:none; border-radius:10px; font-size:11px; color:#fff; cursor:pointer;}
|
||||
|
||||
div .monitorOn button.butYellow {position:absolute; left:33px; display:inline-block; float:left; width:70px; height:18px; padding:0 10px 3px 10px; margin-top:12px; background-color:#ead700; border:none; border-radius:10px; font-size:11px; color:#544d00; cursor:pointer;}
|
||||
|
||||
/* //추가 버튼 */
|
||||
|
||||
div .monitorOff h2 {display:inline-block; float:left; width:23px; margin:9px 10px 9px 0; font-size:20px; text-align:right; font-weight:bold; line-height:1; color:#737c83;}
|
||||
div .monitorOff button {position:absolute; left:33px; display:inline-block; float:left; width:70px; height:18px; padding:0 10px 3px 10px; margin-top:12px; background-color:#36444e; border:1px solid #737c83; border-radius:10px; font-size:11px; color:#737c83; cursor:pointer;}
|
||||
|
||||
div .monitorOn button span, div .monitorOn buttoff span,div .monitorOff button span, div .monitorOff buttoff span {position:relative; font-size:8px; margin-left:2px; top:-1px;}
|
||||
|
||||
.monitorOn .cpuMonitor {display:inline-block; float:right; margin:10px 10px 4px 0; }
|
||||
.monitorOn .cpuMonitor li{display:inline-block; width:50px; height:23px; border-right:1px solid #5996c3; line-height:1;}
|
||||
.monitorOn .cpuMonitor li:last-child{border-right:none;}
|
||||
.monitorOn .cpuMonitor li p{float:left; padding-left:10px; font-size:10px; color:#dee5eb;}
|
||||
.monitorOn .cpuMonitor li span{float:left; display:block; padding-left:10px; font-size:13px;font-weight:bold; color:#fff;}
|
||||
|
||||
.monitorOff .cpuMonitor {display:inline-block; float:right; margin:10px 10px 4px 0; }
|
||||
.monitorOff .cpuMonitor li{display:inline-block; width:50px; height:23px; border-right:1px solid #616c74; line-height:1;}
|
||||
.monitorOff .cpuMonitor li:last-child{border-right:none;}
|
||||
.monitorOff .cpuMonitor li p{float:left; padding-left:10px; font-size:10px; color:#616c74;}
|
||||
.monitorOff .cpuMonitor li span{float:left; display:block; padding-left:10px; font-size:13px;font-weight:bold; color:#616c74;}
|
||||
|
||||
/* .monitorNumWrap{display:inline-block; float:left; width:107px; height:46px; margin:0 6px 0 6px; padding-top:5px; background:url(../images/dashboard2/back_num.png)no-repeat;} */
|
||||
.monitorNumWrap{display:inline-block; float:left; width:107px; height:46px; margin:0 6px 0 6px; padding-top:5px;}
|
||||
.monitorNumWrap li:nth-child(1), .monitorNumWrap li:nth-child(6) {margin-left:7px;}
|
||||
|
||||
.monitorNumBlue {display:inline-block; float:left; width:16px; height:16px; margin:0 3px 3px 0; border-radius:3px; font-size:11px; text-align:center; color:#fff; font-weight:bold; background-color:#00a2ff;}
|
||||
.monitorNumRed {display:inline-block; float:left; width:16px; height:16px; margin:0 3px 3px 0; border-radius:3px; font-size:11px; text-align:center; color:#fff; font-weight:bold; background-color:#f5304a;}
|
||||
.monitorNumGrey {display:inline-block; float:left; width:16px; height:16px; margin:0 3px 3px 0; border-radius:3px; font-size:11px; text-align:center; color:#fff; font-weight:bold; background-color:#a0aabf;}
|
||||
|
||||
/*.monitorNumRed{display:inline-block; float:left; width:107px; height:46px; margin:0 6px 0 6px; padding-top:5px; background:url(/EMSWeb/WebContent/images/dashboard2/back_num.png)no-repeat;}
|
||||
.monitorNumRed li {display:inline-block; float:left; width:16px; height:16px; margin:0 3px 3px 0; border-radius:3px; font-size:11px; text-align:center; color:#fff; font-weight:bold; background-color:#f5304a;}
|
||||
.monitorNumRed li:nth-child(1), .monitorNumRed li:nth-child(6) {margin-left:7px;}*/
|
||||
|
||||
.monitorTotal {position:relative; display:inline-block; float:right; right:7px; width:154px; height:40px; padding:4px 10px 0 0; margin-top:1px; background:url(../images/dashboard2/back_total.png)no-repeat; font-size:25px; color:#fff; font-weight:bold; text-align:right;}
|
||||
.monitorNone {position:relative; display:inline-block; float:right; right:7px; width:154px; height:40px; padding:10px 10px 0 0; margin-top:1px; background:url(../images/dashboard2/back_total.png)no-repeat; font-size:19px; color:#737c83; font-weight:bold; text-align:right;}
|
||||
.monitorDown {position:relative; display:inline-block; float:right; right:7px; width:154px; height:40px; padding:10px 10px 0 0; margin-top:1px; background:url(../images/dashboard2/back_total.png)no-repeat; font-size:19px; color:red; font-weight:bold; text-align:right;}
|
||||
|
||||
/* 거래처리 집계현황 */
|
||||
.tradeTable {display:block; position:relative; float:left; width:1832px; margin:0 0 20px 30px; background-color:#000; border:1px solid #4e555f;word-break:break-all;}
|
||||
.titTable{display:block; width:272px; height:22px; margin:0 auto; margin-bottom:8px; font-size:14px; color:#fff; text-align:center; background:url(../images/dashboard2/tit_board.png)no-repeat;}
|
||||
.tradeTable {padding-left:14px; }
|
||||
.tradeTable .tradeGroup {float:left; width:905px; margin-bottom:5px; border-collapse:collapse; border-spacing:0;}
|
||||
.tradeTable .tradeGroup thead tr th:first-child {width:100px;}
|
||||
.tradeTable .tradeGroup thead tr th {height:25px; width:131px; font-size:14px; border-right:1px solid #000; background-color:#bac2ca;}
|
||||
.tradeTable .tradeGroup tbody tr {border:1px solid #bac2ca;}
|
||||
.tradeTable .tradeGroup thead tr th:last-child {border-right:1px solid #bac2ca;}
|
||||
.tradeTable .tradeGroup tbody tr th {height:25px; font-size:14px; color:#fff; border-right:1px solid #bac2ca; background-color:#014a7e;}
|
||||
.tradeTable .tradeGroup tbody tr td {padding-right:10px; font-size:14px; color:#fff; text-align:right; border:1px solid #bac2ca; background-color:#001128;}
|
||||
.tradeTable .allTrans {float:left; width:905px; height:25px; margin:0px 0 10px 0; border-collapse:collapse; border-spacing:0; font-size:14px; color:#fff; background-color:#474e58;}
|
||||
.tradeTable .allTrans tr th {width:100px; background-color:#014a7e;}
|
||||
.tradeTable .allTrans tr th, .tradeTable .allTrans tr td {height:25px; border:1px solid #bac2ca;}
|
||||
.tradeTable .allTrans tr td p, .tradeTable .allTrans tr td span{display:inline-block;}
|
||||
.tradeTable .allTrans tr td p {float:left; padding-left:10px;}
|
||||
.tradeTable .allTrans tr td span {float:right; padding-right:10px;}
|
||||
.tradeTable .tradeGroup tbody .total th, .tradeTable .tradeGroup tbody .total td {color:#ffd118;background-color:#01304d;}
|
||||
.tradeTable .tradeGroup tbody .total td {font-weight:bold; font-size:16px;}
|
||||
|
||||
/* 거래처리 집계현황 Big */
|
||||
.tradeTableBig {display:block; position:relative; float:left; width:1832px; margin:0 0 5px 30px; background-color:#000; border:1px solid #4e555f;}
|
||||
.titTableBig{display:block; width:505px; height:48px; margin:0 auto; margin-bottom:1px; font-size:24px; line-height:1.6; color:#fff; text-align:center; background:url(../images/dashboard2/tit_board_mid.png)no-repeat;}
|
||||
.tradeTableBig {padding-left:14px; }
|
||||
.tradeTableBig .tradeGroupBig {width:1820px; margin-bottom:5px; border-collapse:collapse; border-spacing:0;}
|
||||
.tradeTableBig .tradeGroupBig thead tr th:first-child {width:200px; height:43px; font-size:27px;}
|
||||
.tradeTableBig .tradeGroupBig thead tr th {width:267px; font-size:27px; border-right:1px solid #000; background-color:#bac2ca;}
|
||||
.tradeTableBig .tradeGroupBig tbody tr {border:1px solid #bac2ca;}
|
||||
.tradeTableBig .tradeGroupBig thead tr th:last-child {border-right:1px solid #bac2ca;}
|
||||
.tradeTableBig .tradeGroupBig tbody tr th {height:43px; font-size:27px; color:#fff; border-right:1px solid #bac2ca; background-color:#014a7e;}
|
||||
.tradeTableBig .tradeGroupBig tbody tr td {padding-right:10px; font-size:27px; color:#fff; text-align:right; border:1px solid #bac2ca; background-color:#001128;}
|
||||
.tradeTableBig .allTransBig {width:1820px; height:43px; margin:10px 0 10px 0; border-collapse:collapse; border-spacing:0; font-size:27px; color:#fff; background-color:#474e58;}
|
||||
.tradeTableBig .allTransBig tr th {width:200px; background-color:#014a7e;}
|
||||
.tradeTableBig .allTransBig tr th, .tradeTableBig .allTransBig tr td {height:43px; border:1px solid #bac2ca;}
|
||||
.tradeTableBig .allTransBig tr td p, .tradeTableBig .allTransBig tr td span{display:inline-block;}
|
||||
.tradeTableBig .allTransBig tr td p {float:left; padding-left:10px;}
|
||||
.tradeTableBig .allTransBig tr td span {float:right; padding-right:10px;}
|
||||
.tradeTableBig .tradeGroupBig tbody .total th, .tradeTableBig .tradeGroupBig tbody .total td {color:#ffd118;background-color:#01304d;}
|
||||
.tradeTableBig .tradeGroupBig tbody .total td {font-weight:bold;color:#ffd118;}
|
||||
|
||||
/* 장애통보현황 */
|
||||
.smsTable {display:block; position:relative; float:left; width:1220px; padding-left:14px; margin:0 0 10px 0; background-color:#000; border:1px solid #4e555f;}
|
||||
.smsTable .tradeGroup {float:left; width:1206px; margin-bottom:10px; border-collapse:collapse; border-spacing:0;}
|
||||
.smsTable .tradeGroup thead tr th:first-child {width:100px;}
|
||||
.smsTable .tradeGroup thead tr th {height:25px; font-size:14px; border-right:1px solid #000; background-color:#bac2ca;}
|
||||
.smsTable .tradeGroup tbody tr {border:1px solid #bac2ca;}
|
||||
.smsTable .tradeGroup thead tr th:last-child {border-right:1px solid #bac2ca;}
|
||||
.smsTable .tradeGroup tbody tr th {height:25px; font-size:14px; color:#fff; border-right:1px solid #bac2ca; background-color:#014a7e;}
|
||||
.smsTable .tradeGroup tbody tr td {font-size:14px; color:#fff; text-align:center; border:1px solid #bac2ca; background-color:#001128;}
|
||||
.smsTable .tradeGroup tbody tr td:last-child {text-align:left; padding-left:10px;}
|
||||
|
||||
/* Peak Day */
|
||||
.peakTable {display:block; position:relative; float:left; width:576px; padding-left:14px; margin:0 0 20px 20px; background-color:#000; border:1px solid #4e555f;}
|
||||
.peakTable .tradeGroup {float:left; width:562px; margin-bottom:10px; border-collapse:collapse; border-spacing:0;}
|
||||
.peakTable .tradeGroup thead tr th:first-child {width:100px;}
|
||||
.peakTable .tradeGroup thead tr th {height:25px; font-size:14px; border-right:1px solid #000; background-color:#bac2ca;}
|
||||
.peakTable .tradeGroup tbody tr {border:1px solid #bac2ca;}
|
||||
.peakTable .tradeGroup thead tr th:last-child {border-right:1px solid #bac2ca;}
|
||||
.peakTable .tradeGroup tbody tr th {height:25px; font-size:14px; color:#fff; border-right:1px solid #bac2ca; background-color:#014a7e;}
|
||||
.peakTable .tradeGroup tbody tr td {font-size:14px; color:#fff; border:1px solid #bac2ca; background-color:#001128;}
|
||||
|
||||
.peakTable .allTrans {float:left; width:562px; height:25px; margin:0px 0 10px 0; border-collapse:collapse; border-spacing:0; font-size:14px; text-align:center; color:#fff; background-color:#474e58;}
|
||||
.peakTable .allTrans tr th:first-child {width:100px;}
|
||||
.peakTable .allTrans tr th, .peakTable .allTrans tr td {height:25px; border:1px solid #bac2ca;}
|
||||
|
||||
/* 팝업 */
|
||||
#pop {position:absolute; width:140px;color:#fff;border-radius:8px; top:0px; left:0px; text-align:center; background-color:#ee3300; box-shadow: 1px 3px 7px 3px rgba(0,0,0,0.4);}
|
||||
#pop ul {display:block; height:20px; font-size:13px; line-height:1.7; text-align:center;}
|
||||
#pop ul li {display:inline-block; line-height:2; font-weight:bold;}
|
||||
#pop ul #close {position:relative; float:right; margin-right:8px; top:5px; width:16px; height:16px; text-indent:-99999px; cursor:pointer; background:url(../images/dashboard2/close.png)no-repeat;}
|
||||
#pop ol {display:block; width:calc(100% - 10px); height:auto; margin:5px; padding:3px; font-size:12px; background:linear-gradient(to top, #1b1f2b, #3e4353); border:1px solid #202121; box-sizing:border-box; }
|
||||
#pop ol li {height:17px; text-align:left;}
|
||||
@@ -0,0 +1,120 @@
|
||||
|
||||
/*******************************************************
|
||||
/* 기본 스타일 */
|
||||
/*******************************************************/
|
||||
html, body {height:100%;}
|
||||
|
||||
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote{margin:0px;padding:0px;}
|
||||
|
||||
body {
|
||||
margin: 0px 0px 0px 0px;
|
||||
padding: 0px 0px 0px 0px;
|
||||
font-family:돋움, 돋움체, Tahoma, Arial;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
color: #555;
|
||||
|
||||
scrollbar-face-color:#EBEBEB;
|
||||
scrollbar-shadow-color:#CDCDCD;
|
||||
scrollbar-highlight-color:#CDCDCD;
|
||||
scrollbar-3dlight-color:#F3F3F3;
|
||||
scrollbar-darkshadow-color:#F3F3F3;
|
||||
scrollbar-track-color:#F3F3F3;
|
||||
scrollbar-arrow-color:#FFFFFD;
|
||||
}
|
||||
|
||||
div { clear:both; padding: 0px; font: 12px 돋움, 돋움체, Tahoma, Arial }
|
||||
strong { letter-spacing:0px;}
|
||||
/* 기본 table 스타일 */
|
||||
table, th, td, ul, p, h1, h2 { font: 12px 돋움, 돋움체,Tahoma}
|
||||
table { border-collapse: collapse; word-break: break-all;border:0px}
|
||||
td {padding: 0px; border:0px}
|
||||
/*******************************************************
|
||||
/* 링크된 텍스트 글자 색상 스타일 */
|
||||
/*******************************************************/
|
||||
img { border: 0px; margin: 0px;}
|
||||
div img { vertical-align: middle}
|
||||
/*******************************************************
|
||||
/* link style */
|
||||
/*******************************************************/
|
||||
a { text-decoration: none; padding: 0px; margin: 0px; border:0px;}
|
||||
|
||||
a:link { color: #888888;}
|
||||
a:visited { color: #656565;}
|
||||
a:hover { color: #FF9900;}
|
||||
|
||||
.cursorHand{ cursor: hand;}
|
||||
|
||||
.submenu { color: #C4BAAA;}
|
||||
.submenu a:link { color: #FFFFFF;}
|
||||
.submenu a:visited { color: #FFFFFF;}
|
||||
.submenu a:hover { color: #FFCC00;}
|
||||
.submenu a.on:link { color: #FFCC00;}
|
||||
.submenu a.on:visited{ color: #FFCC00;}
|
||||
.submenu a.on:hover { color: #FFCC00;}
|
||||
/*******************************************************
|
||||
/* input style */
|
||||
/*******************************************************/
|
||||
|
||||
/*******************************************************
|
||||
/* text style */
|
||||
/*******************************************************/
|
||||
.userName {color: #663333;}
|
||||
/*******************************************************
|
||||
/* layout */
|
||||
/*******************************************************/
|
||||
/* 전체 기본 layout */
|
||||
.submenu {line-height:130%}
|
||||
|
||||
.leftmenu { width:167px; height:50px; padding: 0px 0px 0px 0px; background: #B7A84C url(../images/common/leftmenuBg.gif) no-repeat; text-align:center; color:#FFF; font:bold 16px}
|
||||
.leftSubmenuOut { width:167px; height:24px; padding: 0px 5px 0px 15px; background: #D3D79E url(../images/common/leftmenuSpotOut.gif) no-repeat 6px 9px; text-align:left; color: #663300}
|
||||
.leftSubmenuOn { width:167px; height:24px; padding: 0px 5px 0px 15px; background: #F5F5F5 url(../images/common/leftmenuSpotOn.gif) no-repeat 6px 9px; text-align:left; color: #663300}
|
||||
.leftSubmenuOut a:link { color: #663300;}
|
||||
.leftSubmenuOut a:visited { color: #663300;}
|
||||
.leftSubmenuOut a:hover { color: #FF3300;}
|
||||
.leftSubmenuOn a:link { color: #663300;}
|
||||
.leftSubmenuOn a:visited { color: #663300;}
|
||||
.leftSubmenuOn a:hover { color: #663300;}
|
||||
/* middle layout */
|
||||
|
||||
/* main layout */
|
||||
|
||||
/* bottom layout */
|
||||
|
||||
|
||||
/*******************************************************/
|
||||
/* box text-align */
|
||||
/*******************************************************/
|
||||
.left { text-align: left;}
|
||||
.center { text-align: center;}
|
||||
.right { text-align: right;}
|
||||
|
||||
/* float style */
|
||||
.floatLeft {display: inline; float:left;}
|
||||
.floatRight {display: inline; float:right;}
|
||||
|
||||
/***********************************************/
|
||||
/* box */
|
||||
/************************************/
|
||||
|
||||
/*******************************************************/
|
||||
/* popup style */
|
||||
/*******************************************************/
|
||||
|
||||
/*******************************************************/
|
||||
/* etc */
|
||||
/*******************************************************/
|
||||
.widthAuto{ width: auto; }
|
||||
.width100p{ width: 100%; }
|
||||
.width98p{ width: 98%; }
|
||||
|
||||
.hr01 {width: 100%; height: 1px; color:#eeeeee;}
|
||||
.scroll{
|
||||
scrollbar-face-color:#EBEBEB;
|
||||
scrollbar-shadow-color:#CDCDCD;
|
||||
scrollbar-highlight-color:#CDCDCD;
|
||||
scrollbar-3dlight-color:#F3F3F3;
|
||||
scrollbar-darkshadow-color:#F3F3F3;
|
||||
scrollbar-track-color:#F3F3F3;
|
||||
scrollbar-arrow-color:#FFFFFD;
|
||||
}
|
||||
@@ -0,0 +1,115 @@
|
||||
|
||||
/*******************************************************
|
||||
/* 기본 스타일 */
|
||||
/*******************************************************/
|
||||
html, body {height:100%;}
|
||||
|
||||
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote{margin:0px;padding:0px;}
|
||||
|
||||
body {
|
||||
margin: 0px 0px 0px 0px;
|
||||
padding: 0px 0px 0px 0px;
|
||||
font-family:돋움, 돋움체, Tahoma, Arial;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
color: #fff;
|
||||
background: #FFFFFF url(../image/indexonly/common/bottomBg.jpg) repeat-x bottom left;
|
||||
text-align:center;
|
||||
|
||||
scrollbar-face-color:#EBEBEB;
|
||||
scrollbar-shadow-color:#CDCDCD;
|
||||
scrollbar-highlight-color:#CDCDCD;
|
||||
scrollbar-3dlight-color:#F3F3F3;
|
||||
scrollbar-darkshadow-color:#F3F3F3;
|
||||
scrollbar-track-color:#F3F3F3;
|
||||
scrollbar-arrow-color:#FFFFFD;
|
||||
}
|
||||
|
||||
div { clear:both; padding: 0px; font: 12px 돋움, 돋움체, Tahoma, Arial }
|
||||
strong { letter-spacing:0px;}
|
||||
/* 기본 table 스타일 */
|
||||
table, th, td, ul, p, h1, h2 { font: 12px 돋움, 돋움체,Tahoma}
|
||||
table { border-collapse: collapse; word-break: break-all;border:0px}
|
||||
td {padding: 0px; border:0px}
|
||||
/*******************************************************
|
||||
/* 링크된 텍스트 글자 색상 스타일 */
|
||||
/*******************************************************/
|
||||
img { border: 0px; margin: 0px;}
|
||||
div img { vertical-align: middle}
|
||||
/*******************************************************
|
||||
/* link style */
|
||||
/*******************************************************/
|
||||
a { text-decoration: none; padding: 0px; margin: 0px; border:0px;}
|
||||
|
||||
a:link { color: #888888;}
|
||||
a:visited { color: #656565;}
|
||||
a:hover { color: #FF9900;}
|
||||
|
||||
.cursorHand{ cursor: hand;}
|
||||
|
||||
/*******************************************************
|
||||
/* input style */
|
||||
/*******************************************************/
|
||||
|
||||
/*******************************************************
|
||||
/* text style */
|
||||
/*******************************************************/
|
||||
|
||||
/*******************************************************
|
||||
/* layout */
|
||||
/*******************************************************/
|
||||
/* 전체 기본 layout */
|
||||
|
||||
/* middle layout */
|
||||
|
||||
/* main layout */
|
||||
|
||||
/* bottom layout */
|
||||
|
||||
|
||||
/*******************************************************/
|
||||
/* box text-align */
|
||||
/*******************************************************/
|
||||
.left { text-align: left;}
|
||||
.center { text-align: center;}
|
||||
.right { text-align: right;}
|
||||
|
||||
/* float style */
|
||||
.floatLeft {display: inline; float:left;}
|
||||
.floatRight {display: inline; float:right;}
|
||||
|
||||
/***********************************************/
|
||||
/* box */
|
||||
/************************************/
|
||||
.bottomImg { background: transparent url(../image/indexonly/common/bottomImg.gif) no-repeat bottom left; margin-bottom:39px; width:100%; height:90%;position:absolute;}
|
||||
.topBg { background: transparent url(../image/indexonly/common/topBg.jpg) repeat-x top left; width:100%; height :100%;}
|
||||
.topImg { background: transparent url(../image/indexonly/common/topImg.jpg) no-repeat top left; height:100%}
|
||||
.topImg img { vertical-align:top}
|
||||
|
||||
.linkBox { width:736px; height:355px; margin:20px 0 0 0px;position:absolute;left :28%}
|
||||
.linkBox01 { background: transparent url(../image/indexonly/common/linkBox11.gif) no-repeat top left; width:358px; height:173px; text-align:center; padding-right:5px; margin-bottom:10px}
|
||||
.linkBox02 { background: transparent url(../image/indexonly/common/linkBox12.gif) no-repeat top left; width:358px; height:173px; text-align:center; padding-left:5px; margin:0px 0px 10px 10px}
|
||||
.linkBox03 { background: transparent url(../image/indexonly/common/linkBox13.gif) no-repeat top left; width:358px; height:165px; text-align:center; padding-right:5px; padding-top:8px;}
|
||||
.linkBox04 { background: transparent url(../image/indexonly/common/linkBox14.gif) no-repeat top left; width:358px; height:165px; text-align:center; padding-left:5px; padding-top:8px; margin-left:10px}
|
||||
.linkBox01 img, .linkBox02 img, .linkBox03 img, .linkBox04 img{margin-top:112px}
|
||||
/*******************************************************/
|
||||
/* popup style */
|
||||
/*******************************************************/
|
||||
|
||||
/*******************************************************/
|
||||
/* etc */
|
||||
/*******************************************************/
|
||||
.widthAuto{ width: auto; }
|
||||
.width100p{ width: 100%; }
|
||||
.width98p{ width: 98%; }
|
||||
|
||||
.hr01 {width: 100%; height: 1px; color:#eeeeee;}
|
||||
.scroll{
|
||||
scrollbar-face-color:#EBEBEB;
|
||||
scrollbar-shadow-color:#CDCDCD;
|
||||
scrollbar-highlight-color:#CDCDCD;
|
||||
scrollbar-3dlight-color:#F3F3F3;
|
||||
scrollbar-darkshadow-color:#F3F3F3;
|
||||
scrollbar-track-color:#F3F3F3;
|
||||
scrollbar-arrow-color:#FFFFFD;
|
||||
}
|
||||
@@ -0,0 +1,455 @@
|
||||
|
||||
/*******************************************************
|
||||
/* 기본 스타일 */
|
||||
/*******************************************************/
|
||||
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote{margin:0px;padding:0px;}
|
||||
|
||||
body {
|
||||
margin: 0px 0px 0px 0px;
|
||||
padding: 0px 0px 10px 0px;
|
||||
font-family:돋움, 돋움체, Tahoma, Arial;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
color: #fff;
|
||||
background-color:#000;
|
||||
|
||||
scrollbar-face-color:#EBEBEB;
|
||||
scrollbar-shadow-color:#CDCDCD;
|
||||
scrollbar-highlight-color:#CDCDCD;
|
||||
scrollbar-3dlight-color:#F3F3F3;
|
||||
scrollbar-darkshadow-color:#F3F3F3;
|
||||
scrollbar-track-color:#F3F3F3;
|
||||
scrollbar-arrow-color:#FFFFFD;
|
||||
}
|
||||
body.popup { background: #FFFFFF url(../image/monitoring/blank.gif) no-repeat; font-size: 12px; line-height: 18px; padding: 0px 20px 0px 20px;}
|
||||
div {clear:both; padding: 0px; font: 12px 돋움, 돋움체, Tahoma, Arial; color: #FFF; }
|
||||
strong {letter-spacing:0px;}
|
||||
/* 기본 table 스타일 */
|
||||
table, th, td, ul, p, h1, h2 { font: 14px 돋움, 돋움체,Tahoma; color: #FFF; line-height: 20px}
|
||||
table { border-collapse: collapse; word-break: break-all;border:0px}
|
||||
td {padding: 0px; border:0px}
|
||||
/*******************************************************
|
||||
/* 링크된 텍스트 글자 색상 스타일 */
|
||||
/*******************************************************/
|
||||
img { border: 0px; margin: 0px;}
|
||||
div img { vertical-align: middle}
|
||||
/*******************************************************
|
||||
/* link style */
|
||||
/*******************************************************/
|
||||
a { text-decoration: none; padding: 0px; margin: 0px; border:0px;}
|
||||
|
||||
a:link { color: #888888;}
|
||||
a:visited { color: #656565;}
|
||||
a:hover { color: #FF9900;}
|
||||
|
||||
.cursorHand{ cursor: hand;}
|
||||
|
||||
/*******************************************************
|
||||
/* input style */
|
||||
/*******************************************************/
|
||||
input, select { vertical-align:middle;margin-bottom:3px;}
|
||||
input { color: #333 ;padding:4px 5px 0px 5px; line-height: 100%;}
|
||||
select,textarea { font-family: Arial, Helvetica, sans-serif, 돋움, 돋움체; color: #666666 ; font-size : 12px; border: 1px solid #b7b7b7; }
|
||||
select { margin: 0px; line-height: 100%;}
|
||||
select.multi { margin: 0px; line-height: 150%;}
|
||||
textarea { padding: 2px;line-height: 150%;margin-bottom:3px;}
|
||||
textarea.none { border: 0px; overflow: auto; background: transparent;}
|
||||
textarea.border0, select.border0, input.border0{ border: 0px;}
|
||||
input.none { border: 0px; color: #FFFFFF; font-weight:bold; background-color: transparent; }
|
||||
.bgcEE { background-color: #EEEEEE;}
|
||||
/*******************************************************
|
||||
/* text style */
|
||||
/*******************************************************/
|
||||
.textNode { color: #FF9900; font: 600 20px Arial, 돋움체; }
|
||||
.textChannel{ color: #FFF;}
|
||||
|
||||
.textGroup { color: #66CCFF}
|
||||
/*******************************************************
|
||||
/* layout */
|
||||
/*******************************************************/
|
||||
/* 전체 기본 layout */
|
||||
#top { width:1253px; height:80px; vertical-align:top;
|
||||
background: transparent url(../image/common/monitoringTopBg.jpg) no-repeat top left; }
|
||||
#middle, .mainCont{ width:1231px; font: 14px bold 돋움체, Tahoma, Arial; margin:0px 10px 0px 10px}
|
||||
#bottom { vertical-align:top; margin: 0px 0px 0px 0px;}
|
||||
|
||||
/* top layout */
|
||||
#topLeft { width:300px; padding:21px 0px 5px 22px; vertical-align:top;}
|
||||
.topRight { width:312px; padding:4px 10px 0px 0px; text-align: right; vertical-align:top}
|
||||
.topMenuArea{ padding-top:8px; font-size:0px; text-align:center; vertical-align:top}
|
||||
.mainMenuSlash{ padding:0px 20px 0px 20px; }
|
||||
.time { width:187px; height:20px; background: #072C41 url(../image/common/timeBg.gif) no-repeat; color:#FFF; text-align:center;font-size: 14px; padding-top:6px }
|
||||
.quickLink { margin-right:15px; margin-top:2px}
|
||||
|
||||
.subMenuBg { background: #9A9C6E url(../image/menu/subMenuBg.gif); width:607px; height:30px; vertical-align:top; text-align:center; margin-top:6px}
|
||||
.subMenuBg img { margin: 7px 25px 2px 25px}
|
||||
/* middle layout */
|
||||
|
||||
/* main layout */
|
||||
|
||||
/* bottom layout */
|
||||
|
||||
|
||||
/*******************************************************
|
||||
/* Title style */
|
||||
/*******************************************************/
|
||||
.mainTitle01 { padding: 2px 5px 3px 7px}
|
||||
|
||||
.titleChannel{ text-align: center; padding-top: 1px;}
|
||||
.titleSession{ padding: 8px; background-color: #807F68}
|
||||
.textSession { color: #FFF; font:bold 16px Tahoma; margin:13px 0px 0px 26px}
|
||||
/*******************************************************/
|
||||
/* box text-align */
|
||||
/*******************************************************/
|
||||
.left { text-align: left;}
|
||||
.center { text-align: center;}
|
||||
.right { text-align: right;}
|
||||
|
||||
/* float style */
|
||||
.floatLeft {display: inline; float:left;}
|
||||
.floatRight {display: inline; float:right;}
|
||||
/*******************************************************
|
||||
/* node style */
|
||||
/*******************************************************/
|
||||
.nodeS { width:136px; height:190px; margin: 0px 5px 3px 5px; background: transparent url(../image/node/boxNodeSBg.gif) no-repeat; text-align:left}
|
||||
.nodeSOn { width:136px; height:190px; margin: 0px 5px 3px 5px; background: transparent url(../image/node/boxNodeSBg.gif) no-repeat; text-align:left}
|
||||
.nodeSDown { width:136px; height:190px; margin: 0px 5px 3px 5px; background: transparent url(../image/node/boxNodeSDownBg.gif) no-repeat;}
|
||||
.nodeSNone { width:136px; height:190px; margin: 0px 5px 3px 5px; background: transparent url(../image/node/boxNodeSNoneBg.png) no-repeat;}
|
||||
.nodeB { width:196px; height:395px; margin: 0px 2px 0px 2px; background: transparent url(../image/node/boxNodeBBg.gif) no-repeat;}
|
||||
.nodeBOn { width:196px; height:395px; margin: 0px 2px 0px 2px; background: transparent url(../image/node/boxNodeBOnBg.gif) no-repeat;}
|
||||
.nodeBDown { width:196px; height:395px; margin: 0px 2px 0px 2px; background: transparent url(../image/node/boxNodeBDownBg.gif) no-repeat;}
|
||||
.nodeBNone { width:196px; height:395px; margin: 0px 2px 0px 2px; background: transparent url(../image/node/boxNodeBNoneBg.gif) no-repeat;}
|
||||
|
||||
.nodeNo { width:99px; height:22px; text-align:right; padding:5px 40px 0px 0px}
|
||||
.nodeNoBox { width:146px; height:39px; margin:5px 0px 0px 14px}
|
||||
.adapterBBox img.nodeBNo { margin:0px 0px 0px 79px; vertical-align:-4px}
|
||||
.nodeBDown div.nodeNo { text-align:right; padding:5px 0px 0px 50px}
|
||||
|
||||
.adapterBox { width:100px; height:28px; margin-left: 8px; margin-bottom: 3px; background: transparent url(../image/node/adapterBg.gif) no-repeat; text-align:right; padding:2px 5px 0xp 0px}
|
||||
.adapterBox img { display: block; margin:3px 7px 2px 2px;}
|
||||
/* channal adapter style */
|
||||
.adapterBBox{ width:145px; height:186px; margin: 0px 0px 0px 12px; background: transparent url(../image/node/adapterBBg.gif) no-repeat; padding:3px 0px 0px 5px; font-size:0px;}
|
||||
.adapterBBox img.adapterBBall{ margin:5px 2px 6px 3px}
|
||||
.adapterBBox img.adapterBall{ display: block; margin:2px 2px 2px 6px;}
|
||||
|
||||
.instanceArea{ width:95px; height:43px; margin-left: 10px; margin-bottom: 3px}
|
||||
.instanceLine{ width:95px; border-top: 1px solid #989792; border-bottom: 1px solid #989792; margin-top:8px}
|
||||
.instanceLine2{ width:95px; border-top: 1px solid #989792; border-bottom: 1px solid #989792;}
|
||||
.instanceBox{ border: 1px solid #4D7171; background-color: #003336; padding:1px 1px 2px 2px }
|
||||
.instanceBox img { margin:0px 1px 1px 0px;}
|
||||
|
||||
.instanceAreaB { width:145px; height:79px; margin-left: 12px; margin-top: 2px;background: transparent url(../image/node/instanceAreaB.gif) no-repeat;}
|
||||
.instanceList { width:135px; height:60px; margin:7px 5px 5px 5px }
|
||||
.instanceBar { height: 36px; border-right: 1px solid #FFF; border-left: 1px solid #FFF; background-color: #FFF; padding:2px 0px 0px 0px; vertical-align:bottom; font-size:0px }
|
||||
.instanceGreen { background-color: #339944;font-size:0px}
|
||||
.instanceYellow { background-color: #FFCC00;font-size:0px}
|
||||
.instanceGray { background-color: #6C6C6C;font-size:0px}
|
||||
.instanceRed { background-color: #FF0000;font-size:0px}
|
||||
.instanceNum { font-size:0px; height:25px; vertical-align:top}
|
||||
|
||||
.systemBox { width:80px; height:43px; margin: 4px 0px 2px 7px; background: transparent url(../image/node/systemBg.gif) no-repeat; padding:4px 0px 0px 30px}
|
||||
.barBg { width:40px; height:8px; padding-bottom:3px}
|
||||
.barBg div { height:8px; font-size:0px;}
|
||||
.barGreen { height:8px; background: transparent url(../image/node/barGreen.gif) repeat-x;}
|
||||
.barYellow { height:8px; background: transparent url(../image/node/barYellow.gif) repeat-x;}
|
||||
.barRed { height:8px; background: transparent url(../image/node/barRed.gif) repeat-x;}
|
||||
.textSystem { font: bold 14px/14px DotumChe; color: #3399FF; padding:0px 2px 0px 1px; text-align: right;}
|
||||
|
||||
.systemBBox { width:93px; height:60px; margin: 3px 0px 0px 12px; background: transparent url(../image/node/systemBBg.gif) no-repeat; padding:8px 0px 0px 52px}
|
||||
.barBBg { width:52px; height:13px; padding-bottom:7px; }
|
||||
.barBBg div { height:13px; font-size:0px;}
|
||||
.barBGreen { height:13px; background: transparent url(../image/node/barBGreen.gif) repeat-x;}
|
||||
.barBYellow { height:13px; background: transparent url(../image/node/barBYellow.gif) repeat-x;}
|
||||
.barBRed { height:13px; background: transparent url(../image/node/barBRed.gif) repeat-x;}
|
||||
.textSystemB{ font: bold 20px/20px DotumChe; color: #3399FF; padding:0px 5px 0px 1px; text-align: right }
|
||||
|
||||
.conCountBox,.conCountBox02{ width:97px; height:24px; margin: 0px 0px 0px 7px; background: transparent url(../image/node/conCountBg.gif) no-repeat;
|
||||
font:18px/18px Arial; color: #3399FF; padding:4px 5px 0px 0px; text-align:right;}
|
||||
.conCountBox02{ font:16px/18px Arial;}
|
||||
.conCountBBox, .conCountBBox02{ width:138px; height:39px; margin: 3px 0px 0px 12px; background: transparent url(../image/node/conCountBBg.gif) no-repeat;
|
||||
font: 600 24px/24px Arial; color: #3399FF; padding:8px 7px 0px 0px; text-align:right;}
|
||||
.conCountBBox02{ font:600 20px/22px Arial;}
|
||||
|
||||
.tranBox { width:836px; height: 239px; margin-top:5px}
|
||||
.tranBox01 { width:100%; height: 403px; margin-top:5px}/*main bigTable view*/
|
||||
.tranBox02 { width:100%; margin-top:5px}/*sub tranBox view*/
|
||||
.peakdayBox { width:390px; height: 239px; margin:5px 0px 0px 5px;}
|
||||
.obstacleBox{ width:100%; height: 154px; margin-top:5px}
|
||||
|
||||
/*****************************************************************************************/
|
||||
/* table01 style
|
||||
/**************************************************************************************** */
|
||||
table.table01 { width: 100%; margin: 0px; word-break: break-all;}
|
||||
|
||||
/* th */
|
||||
table.table01 th {border: 1px solid #666; text-align: center; height: 22px; padding: 3px 5px 2px 5px; background-color: #494949; color: #CCC; font:bold 18px Tahoma;}
|
||||
table.table01 th.rowspan { line-height: 100%; height: 9px; padding: 2px 5px 0px 5px;}
|
||||
table th.view {width: 110px; background-color: #494949;}
|
||||
table.table01 th.sum, table.table01 th.sumRight { height: 24px; border-top: 3px double #666; border-bottom: 3px double #666; background-color: #05303E; color: #FB0;padding: 0px 5px 0px 5px; }
|
||||
table.table01 th.sumRight { text-align: right;}
|
||||
|
||||
table.table01 th a:link {color: #CCC;}
|
||||
table.table01 th a:visited {color: #CCC;}
|
||||
table.table01 th a:hover {color: #6699CC;}
|
||||
|
||||
/* td */
|
||||
table.table01 td {border: 1px solid #666; line-height: 140%; height: 22px; padding: 4px 5px 1px 5px; color: #FFF; font:bold 15px Tahoma; background-color: #000}
|
||||
table.table01 td.second, table.table01 tr.second td {background-color: #191919;}
|
||||
table.table01 td.th01 {background-color: #1D1D1C; color: #CCC;}
|
||||
table.table01 tr.second td.th02 {background-color: #151414; color: #CCC;}
|
||||
.second {background-color: #191919;}
|
||||
table.table01 td.img {padding: 1px 5px 1px 5px; vertical-align: middle;}
|
||||
table.table01 td.english {font-family:Tahoma;}
|
||||
|
||||
table.table01 td table td {border: 0px solid #666; line-height: 140%; padding: 0px;}
|
||||
table.table01 td.rowspan {height: 12px; line-height: 120%; padding: 3px 5px 0px 5px;}
|
||||
table.table01 td.emphasis{background-color: #FFEECC;}
|
||||
table td.styleNone {padding: 0px; border: 0px; margin: 0px;}
|
||||
table td.sum {background-color: #05303E; color: #FBO; font-size:16px}
|
||||
|
||||
table.table01 td a:link { color: #FFFFEE;}
|
||||
table.table01 td a:visited { color: #FFFFEE;}
|
||||
table.table01 td a:hover { color: #FFEE99;}
|
||||
|
||||
/*****************************************************************************************/
|
||||
/* tableBig style
|
||||
/**************************************************************************************** */
|
||||
table.tableBig { width: 100%; margin: 0px; word-break: break-all;}
|
||||
|
||||
/* th */
|
||||
table.tableBig th {border: 1px solid #666; text-align: center; height: 46px; padding: 3px 5px 2px 5px; background-color: #494949; color: #CCC; font:500 32px Tahoma;}
|
||||
table.tableBig th.rowspan { line-height: 100%; height: 30px; padding: 2px 5px 0px 5px;}
|
||||
table th.view {width: 150px; background-color: #494949;}
|
||||
table.tableBig th.sum, table.tableBig th.sumRight { height: 46px; border-top: 3px double #666; border-bottom: 3px double #666; background-color: #05303E; color: #FB0;padding: 0px 5px 0px 5px; }
|
||||
table.tableBig th.sumRight { text-align: right;}
|
||||
|
||||
table.tableBig th a:link {color: #CCC;}
|
||||
table.tableBig th a:visited {color: #CCC;}
|
||||
table.tableBig th a:hover {color: #6699CC;}
|
||||
|
||||
table.table01 th.sumRight a:link, table.table01 th.sum a:link,
|
||||
table.tableBig th.sumRight a:link, table.tableBig th.sum a:link {color: #FB0;}
|
||||
table.table01 th.sumRight a:visited,table.table01 th.sum a:visited,
|
||||
table.tableBig th.sumRight a:visited,table.tableBig th.sum a:visited {color: #FB0;}
|
||||
table.table01 th.sumRight a:hover, table.table01 th.sum a:hover,
|
||||
table.tableBig th.sumRight a:hover, table.tableBig th.sum a:hover {color: #FE0;}
|
||||
|
||||
/* td */
|
||||
table.tableBig td {border: 1px solid #666; line-height: 140%; height: 46px; padding: 3px 5px 1px 5px; color: #FFF; font:normal 32px Tahoma; background-color: #000}
|
||||
table.tableBig td.second, table.tableBig tr.second td {background-color: #191919;}
|
||||
table.tableBig td.th01 {background-color: #1D1D1C; color: #CCC; font-weight:bold; letter-spacing:-2px}
|
||||
table.tableBig tr.second td.th02 {background-color: #151414; color: #CCC; font-weight:bold; letter-spacing:-2px}
|
||||
.second {background-color: #191919;}
|
||||
table.tableBig td.img {padding: 1px 5px 1px 5px; vertical-align: middle;}
|
||||
table.tableBig td.english {font-family:Tahoma;}
|
||||
table.tableBig td table td {border: 0px solid #666; line-height: 140%; padding: 0px;}
|
||||
table.tableBig td.rowspan {height: 12px; line-height: 120%; padding: 3px 5px 0px 5px;}
|
||||
table.tableBig td.emphasis{background-color: #FFEECC;}
|
||||
table td.styleNone {padding: 0px; border: 0px; margin: 0px;}
|
||||
table td.sum {background-color: #05303E; color: #FBO; font-size:32px}
|
||||
|
||||
table.tableBig td a:link { color: #FFF;}
|
||||
table.tableBig td a:visited { color: #FFF;}
|
||||
table.tableBig td a:hover { color: #FFEE99;}
|
||||
|
||||
table.table01 td.th01 a:link, table.table01 td.th02 a:link, table.tableBig td.th01 a:link, table.tableBig td.th02 a:link { color: #CCC;}
|
||||
table.table01 td.th01 a:visited, table.table01 td.th02 a:visited, table.tableBig td.th01 a:visited, table.tableBig td.th02 a:visited { color: #CCC;}
|
||||
table.table01 td.th01 a:hover, table.table01 td.th02 a:hover, table.tableBig td.th01 a:hover, table.tableBig td.th02 a:hover { color: #FFCC00;}
|
||||
|
||||
/*****************************************************************************************/
|
||||
/* table02 style
|
||||
/**************************************************************************************** */
|
||||
table.table02 { width: 370px; margin-left: 15px; margin-top: 5px; word-break: break-all;}
|
||||
|
||||
/* th */
|
||||
table.table02 th {border: 1px solid #999; text-align: center; height: 22px; padding: 3px 5px 2px 5px; background-color: #4B5449; color: #CCC; font:bold 18px 돋움체,Tahoma;}
|
||||
table.table02 th a:link {color: #CCC;}
|
||||
table.table02 th a:visited {color: #CCC;}
|
||||
table.table02 th a:hover {color: #6699CC;}
|
||||
|
||||
/* td */
|
||||
table.table02 td {border: 1px solid #999; line-height: 140%; height: 22px; padding: 4px 5px 1px 5px; color: #FFF; font:bold 15px 돋움체, Tahoma; background-color: #283B19}
|
||||
table.table02 td a:link { color: #FFFFEE;}
|
||||
table.table02 td a:visited { color: #FFFFEE;}
|
||||
table.table02 td a:hover { color: #FFEE99;}
|
||||
|
||||
/* 테이블 기타 관련 */
|
||||
.ellipsis{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
|
||||
|
||||
|
||||
/*******************************************************/
|
||||
/* 버튼 관련 */
|
||||
/*******************************************************/
|
||||
|
||||
/***********************************************/
|
||||
/* box */
|
||||
/************************************/
|
||||
.moniBox01 {background: transparent url(../image/box/moniBox01.gif) no-repeat top left; padding: 5px 5px 4px 5px; height:453px}
|
||||
.moniBox02 {background: #9F9F9F url(../image/box/moniBox02.gif) repeat-x top left;}
|
||||
.moniBox03 {background: transparent url(../image/box/moniBox03.gif) no-repeat top right;}
|
||||
.moniBox04 {background: transparent url(../image/box/moniBox04.gif) repeat-y top left;}
|
||||
.moniBox05 {background: transparent url(../image/box/moniBox05.gif) repeat-y top right;}
|
||||
.moniBox06 {background: transparent url(../image/box/moniBox06.gif) no-repeat bottom left;}
|
||||
.moniBox07 {background: transparent url(../image/box/moniBox07.gif) repeat-x bottom left;}
|
||||
.moniBox08 {background: transparent url(../image/box/moniBox08.gif) no-repeat bottom right;}
|
||||
|
||||
/* 업무별모니터링 channelBox */
|
||||
.channelBox00 {background: #093D43 url(../image/box/channelBox00.jpg) repeat-x; width:816px; height:425px}
|
||||
.channelBox01 {background: transparent url(../image/box/channelBox01.jpg) no-repeat top left; padding: 21px 7px 8px 8px; height:396px }
|
||||
.channelBox02 {background: transparent url(../image/box/channelBox02.jpg) repeat-x top left; width:816px;}
|
||||
.channelBox03 {background: transparent url(../image/box/channelBox03.jpg) no-repeat top right;}
|
||||
.channelBox04 {background: transparent url(../image/box/channelBox04.jpg) repeat-y top left;}
|
||||
.channelBox05 {background: transparent url(../image/box/channelBox05.jpg) repeat-y top right;}
|
||||
.channelBox06 {background: transparent url(../image/box/channelBox06.jpg) no-repeat bottom left;}
|
||||
.channelBox07 {background: transparent url(../image/box/channelBox07.jpg) repeat-x bottom left;}
|
||||
.channelBox08 {background: transparent url(../image/box/channelBox08.jpg) no-repeat bottom right;}
|
||||
|
||||
/* 전체모니터링 channelBox */
|
||||
.channelBoxBg01 {background: #063A3D url(../image/box/channelBoxBg01.jpg) repeat-x top left; width:608px; height:224px; margin:2px 2px 1px 2px}
|
||||
.channelBoxBg02 {background: transparent url(../image/box/channelBoxBg02.jpg) repeat-x top left; width:608px; height:224px; margin:2px}
|
||||
.channelBoxLeft {background: transparent url(../image/box/channelBoxLeft.jpg) no-repeat top left; height:100%; text-align:center}
|
||||
.channelBoxRight01{background: transparent url(../image/box/channelBoxRight01.jpg) no-repeat top right;height:100%;}
|
||||
.channelBoxRight02{background: transparent url(../image/box/channelBoxRight03.jpg) no-repeat top right;height:100%;}
|
||||
|
||||
.channelTitleBg { width:260px; height:26px; background: transparent url(../image/common/channelTitleBg.gif) no-repeat top left; text-align:center; font-size:0px }
|
||||
.channelTitleBg02{ width:260px; height:26px; background: transparent url(../image/common/channelTitleBg02.gif) no-repeat top left; text-align:center; font-size:0px }
|
||||
|
||||
.instanceSmsBox00 {background: #0A4420 url(../image/box/instanceSmsBox00.jpg) repeat-x; width:400px; height:425px}
|
||||
.instanceSmsBox01 {background: transparent url(../image/box/instanceSmsBox01.gif) no-repeat top left;width:400px; height:425px }
|
||||
.instanceSmsBox02 {background: #0A4420 url(../image/box/instanceSmsBox00.jpg) repeat-x top left; width:400px; height:425px; margin-left:4px}
|
||||
.instanceSmsBox03 {background: transparent url(../image/box/instanceSmsBox03.gif) no-repeat top right;}
|
||||
.instanceSmsBox04 {background: transparent url(../image/box/instanceSmsBox02.gif) repeat-y top left;}
|
||||
.instanceSmsBox05 {background: transparent url(../image/box/instanceSmsBox02.gif) repeat-y top right;}
|
||||
.instanceSmsBox06 {background: transparent url(../image/box/instanceSmsBox06.gif) no-repeat bottom left;}
|
||||
.instanceSmsBox07 {background: transparent url(../image/box/instanceSmsBox02.gif) repeat-x bottom left;}
|
||||
.instanceSmsBox08 {background: transparent url(../image/box/instanceSmsBox08.gif) no-repeat bottom right;}
|
||||
.instanceSmsBox10 {background: #363B10 url(../image/box/instanceSmsBox10.jpg) repeat-x; width:400px; height:425px}
|
||||
.instanceSmsBox11 {background: transparent url(../image/box/instanceSmsBox01.gif) no-repeat top left;width:400px; height:425px }
|
||||
.instanceSmsBox12 {background: #363B10 url(../image/box/instanceSmsBox10.jpg) repeat-x top left; width:400px; height:425px; margin-left:4px}
|
||||
.instanceSmsBox13 {background: transparent url(../image/box/instanceSmsBox13.gif) no-repeat top right;}
|
||||
.instanceSmsBox14 {background: transparent url(../image/box/instanceSmsBox12.gif) repeat-y top left;}
|
||||
.instanceSmsBox15 {background: transparent url(../image/box/instanceSmsBox12.gif) repeat-y top right;}
|
||||
.instanceSmsBox16 {background: transparent url(../image/box/instanceSmsBox16.gif) no-repeat bottom left;}
|
||||
.instanceSmsBox17 {background: transparent url(../image/box/instanceSmsBox12.gif) repeat-x bottom left;}
|
||||
.instanceSmsBox18 {background: transparent url(../image/box/instanceSmsBox18.gif) no-repeat bottom right;}
|
||||
.instanceSmsBox20 {background: #260F41 url(../image/box/instanceSmsBox20.jpg) repeat-x; width:400px; height:425px}
|
||||
.instanceSmsBox21 {background: transparent url(../image/box/instanceSmsBox21.gif) no-repeat top left;width:400px; height:425px }
|
||||
.instanceSmsBox22 {background: #260F41 url(../image/box/instanceSmsBox20.jpg) repeat-x top left; width:400px; height:425px; margin-left:4px}
|
||||
.instanceSmsBox23 {background: transparent url(../image/box/instanceSmsBox23.gif) no-repeat top right;}
|
||||
.instanceSmsBox24 {background: transparent url(../image/box/instanceSmsBox22.gif) repeat-y top left;}
|
||||
.instanceSmsBox25 {background: transparent url(../image/box/instanceSmsBox22.gif) repeat-y top right;}
|
||||
.instanceSmsBox26 {background: transparent url(../image/box/instanceSmsBox26.gif) no-repeat bottom left;}
|
||||
.instanceSmsBox27 {background: transparent url(../image/box/instanceSmsBox22.gif) repeat-x bottom left;}
|
||||
.instanceSmsBox28 {background: transparent url(../image/box/instanceSmsBox28.gif) no-repeat bottom right;}
|
||||
|
||||
.instanceSmsTitle01{ width:400px; height:37px; background: #fff url(../image/box/instanceSmsTitleBg01.jpg) no-repeat; text-align:center; padding-top:8px}
|
||||
.instanceSmsTitle02{ width:400px; height:37px; background: transparent url(../image/box/instanceSmsTitleBg02.jpg) no-repeat; text-align:center; padding-top:8px }
|
||||
.instanceSmsTitle03{ width:400px; height:37px; background: transparent url(../image/box/instanceSmsTitleBg03.jpg) no-repeat; text-align:center; padding-top:8px }
|
||||
|
||||
.instanceState01 { width:372px; height: 254px; background: transparent url(../image/node/instanceState01.gif) no-repeat; margin:18px 0px 0px 13px; padding-left:2px }
|
||||
.instanceState02 { width:372px; height: 254px; background: transparent url(../image/node/instanceState03.gif) no-repeat; margin:18px 0px 0px 13px; padding-left:2px}
|
||||
.instanceState01 img, .instanceState02 img { margin: 42px 0px 60px 93px}
|
||||
|
||||
.tableBoxBg01 {background: #000033 url(../image/box/tableBoxBg.jpg) repeat-y top left; margin-top:5px}
|
||||
.tableBox01 {background: transparent url(../image/box/tableBox01.jpg) no-repeat top left; padding: 7px;}
|
||||
.tableBox02 {background: transparent url(../image/box/tableBox02.jpg) repeat-x top left;}
|
||||
.tableBox03 {background: transparent url(../image/box/tableBox03.jpg) no-repeat top right;}
|
||||
.tableBox04 {background: transparent url(../image/box/tableBox04.gif) repeat-y top left;}
|
||||
.tableBox05 {background: transparent url(../image/box/tableBox05.gif) repeat-y top right;}
|
||||
.tableBox06 {background: transparent url(../image/box/tableBox06.jpg) no-repeat bottom left;}
|
||||
.tableBox07 {background: transparent url(../image/box/tableBox07.gif) repeat-x bottom left;}
|
||||
.tableBox08 {background: transparent url(../image/box/tableBox08.jpg) no-repeat bottom right;}
|
||||
|
||||
.tableBoxBg02 {background: #000033 url(../image/box/tableBoxBg.jpg) repeat-y top right; margin-top:5px}
|
||||
.tableBox011 {background: transparent url(../image/box/tableBox011.gif) no-repeat top left; padding: 7px; }
|
||||
.tableBox021 {background: transparent url(../image/box/tableBox02.jpg) repeat-x top right;}
|
||||
.tableBox031 {background: transparent url(../image/box/tableBox031.gif) no-repeat top right;}
|
||||
.tableBox041 {background: transparent url(../image/box/tableBox04.gif) repeat-y top left;}
|
||||
.tableBox051 {background: transparent url(../image/box/tableBox05.gif) repeat-y top right;}
|
||||
.tableBox061 {background: transparent url(../image/box/tableBox061.gif) no-repeat bottom left; height:100%}
|
||||
.tableBox071 {background: transparent url(../image/box/tableBox07.gif) repeat-x bottom left;}
|
||||
.tableBox081 {background: transparent url(../image/box/tableBox081.gif) no-repeat bottom right;}
|
||||
|
||||
.tableBox01 div, .tableBox011 div { padding:1px 3px 6px 3px; vertical-align: middle}
|
||||
.tableBox01 div img, .tableBox011 div img { vertical-align: top}
|
||||
|
||||
.popBgBox01 {background: transparent url(../image/popup/popBgBox01.gif) no-repeat top left; padding: 5px;}
|
||||
.popBgBox02 {background: #595755 url(../image/popup/popBgBox02.gif) repeat-x top left;}
|
||||
.popBgBox03 {background: transparent url(../image/popup/popBgBox03.gif) no-repeat top right;}
|
||||
.popBgBox04 {background: transparent url(../image/popup/popBgBox04.gif) repeat-y top left;}
|
||||
.popBgBox05 {background: transparent url(../image/popup/popBgBox05.gif) repeat-y top right;}
|
||||
.popBgBox06 {background: transparent url(../image/popup/popBgBox06.gif) no-repeat bottom left;}
|
||||
.popBgBox07 {background: transparent url(../image/popup/popBgBox07.gif) repeat-x bottom left;}
|
||||
.popBgBox08 {background: transparent url(../image/popup/popBgBox08.gif) no-repeat bottom right;}
|
||||
|
||||
.boxYellow { border:3px solid #ECCC00; background-color: #223326; padding:1px;}
|
||||
.boxRed { border:3px solid #EE3300; background-color: #111522; padding:1px;}
|
||||
.boxBlue { border:3px solid #2233DD; background-color: #223326; padding:1px;}
|
||||
.boxOrange { border:3px solid #FF9900; background-color: #111522; padding:1px;}
|
||||
.boxYellowBg{ background: #223326 url(../image/popup/popBoxBg01.gif) repeat-x top left; padding:5px 0px 1px 5px;}
|
||||
.boxRedBg { background: #111522 url(../image/popup/popBoxBg02.gif) repeat-x top left; padding:5px 0px 1px 5px;}
|
||||
.boxBlueBg { background: #111522 url(../image/popup/popBoxBg02.gif) repeat-x top left; padding:5px 0px 1px 5px;}
|
||||
.boxOrangeBg{ background: #223326 url(../image/popup/popBoxBg01.gif) repeat-x top left; padding:5px 0px 1px 5px;}
|
||||
.boxYellowBg img, .boxRedBg img, .boxBlueBg img, .boxOrangeBg img {padding:0px 2px 5px 0px; vertical-align:middle}
|
||||
.boxYellowBg span, .boxRedBg span, .boxBlueBg span, .boxOrangeBg span {margin:0px 2px 5px 0px; font: 16px/150% Dotumche;}
|
||||
.boxYellowTitle, .boxRedTitle, .boxBlueTitle, .boxOrangeTitle { height:23px; color: #FFF; font:bold 14px Dotumche; word-spacing:-1px;}
|
||||
.boxYellowTitle img, .boxRedTitle img, .boxYellowTitle img, .boxRedTitle img{ vertical-align:top}
|
||||
.boxYellowTitle span, .boxRedTitle span, .boxBlueTitle span, .boxOrangeTitle span{ vertical-align:-6px; color: #FFF; font:bold 18px/100% Dotumche; word-spacing:-1px;}
|
||||
.boxYellowTitle { border-left:3px solid #ECCC00; border-right:3px solid #ECCC00; background-color: #ECCC00;}
|
||||
.boxRedTitle { border-left:3px solid #EE3300; border-right:3px solid #EE3300; background-color: #EE3300;}
|
||||
.boxBlueTitle { border-left:3px solid #2233DD; border-right:3px solid #2233DD; background-color: #2233DD;}
|
||||
.boxOrangeTitle { border-left:3px solid #FF9900; border-right:3px solid #FF9900; background-color: #FF9900;}
|
||||
|
||||
/* help popup style */
|
||||
#helpBox {}
|
||||
.helpBox01 {background: transparent url(../image/monitoring/helpBox01.gif) no-repeat top left; padding: 4px 14px 14px 14px; height:280px}
|
||||
.helpBox02 {background: #276072 url(../image/monitoring/helpBox02.gif) repeat-x top left;}
|
||||
.helpBox03 {background: transparent url(../image/monitoring/helpBox03.gif) no-repeat top right;}
|
||||
.helpBox04 {background: transparent url(../image/monitoring/helpBox04.gif) repeat-y top left;}
|
||||
.helpBox05 {background: transparent url(../image/monitoring/helpBox05.gif) repeat-y top right;}
|
||||
.helpBox06 {background: transparent url(../image/monitoring/helpBox06.gif) no-repeat bottom left;}
|
||||
.helpBox07 {background: transparent url(../image/monitoring/helpBox07.gif) repeat-x bottom left;}
|
||||
.helpBox08 {background: transparent url(../image/monitoring/helpBox08.gif) no-repeat bottom right;}
|
||||
|
||||
.helpBox011 {background: transparent url(../image/monitoring/helpBox01.gif) no-repeat top left; padding: 5px 14px 14px 14px; height:79px}
|
||||
.helpBox021 {background: #276072 url(../image/monitoring/helpBox021.gif) repeat-x top left;}
|
||||
.helpBox031 {background: transparent url(../image/monitoring/helpBox031.gif) no-repeat top right;}
|
||||
.helpBox041 {background: transparent url(../image/monitoring/helpBox041.gif) repeat-y top left;}
|
||||
.helpBox051 {background: transparent url(../image/monitoring/helpBox051.gif) repeat-y top right;}
|
||||
.helpBox061 {background: transparent url(../image/monitoring/helpBox061.gif) no-repeat bottom left;}
|
||||
.helpBox071 {background: transparent url(../image/monitoring/helpBox071.gif) repeat-x bottom left;}
|
||||
.helpBox081 {background: transparent url(../image/monitoring/helpBox081.gif) no-repeat bottom right;}
|
||||
|
||||
.helpInnerBox01 {background: transparent url(../image/monitoring/helpInnerBox01.gif) no-repeat top left; padding: 10px 10px 7px 10px; height:210px; font:normal 14px/18px 돋움, Tahoma; color: #333;}
|
||||
.helpInnerBox02 {background: #FFF url(../image/monitoring/helpInnerBox02.gif) repeat-x top left;}
|
||||
.helpInnerBox03 {background: transparent url(../image/monitoring/helpInnerBox03.gif) no-repeat top right;}
|
||||
.helpInnerBox04 {background: transparent url(../image/monitoring/helpInnerBox04.gif) repeat-y top left;}
|
||||
.helpInnerBox05 {background: transparent url(../image/monitoring/helpInnerBox05.gif) repeat-y top right;}
|
||||
.helpInnerBox06 {background: transparent url(../image/monitoring/helpInnerBox06.gif) no-repeat bottom left;}
|
||||
.helpInnerBox07 {background: transparent url(../image/monitoring/helpInnerBox07.gif) repeat-x bottom left;}
|
||||
.helpInnerBox08 {background: transparent url(../image/monitoring/helpInnerBox08.gif) no-repeat bottom right;}
|
||||
|
||||
.helpTitle { background: transparent url(../image/monitoring/helpTitleIcon.gif) no-repeat 5px 25px; height: 45px; padding: 14px 0px 0px 30px; font:bold 16px/18px 돋움, Tahoma; color: #FFF;}
|
||||
.helpClose { padding: 0px 5px 0px 0px; vertical-align:top}
|
||||
/*******************************************************/
|
||||
/* popup style */
|
||||
/*******************************************************/
|
||||
|
||||
/*******************************************************/
|
||||
/* etc */
|
||||
/*******************************************************/
|
||||
.widthAuto{ width: auto; }
|
||||
.width100p{ width: 100%; }
|
||||
.width98p{ width: 98%; }
|
||||
|
||||
.hr01 {width: 100%; height: 1px; color:#eeeeee;}
|
||||
hr.green { height: 2px; color:#E8F5C8;}
|
||||
.scroll{
|
||||
scrollbar-face-color:#EBEBEB;
|
||||
scrollbar-shadow-color:#CDCDCD;
|
||||
scrollbar-highlight-color:#CDCDCD;
|
||||
scrollbar-3dlight-color:#F3F3F3;
|
||||
scrollbar-darkshadow-color:#F3F3F3;
|
||||
scrollbar-track-color:#F3F3F3;
|
||||
scrollbar-arrow-color:#FFFFFD;
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
@charset "utf-8";
|
||||
|
||||
.left_box .title{color:#fff; background:#333;}/* theme */
|
||||
|
||||
.content_top{background:#333;}/* theme */
|
||||
.content_top .path > li a{color:rgba(255,255,255,0.7);}/* theme */
|
||||
.content_top .path > li a:hover{color:rgba(255,255,255,1);}/* theme */
|
||||
.search_condition th{background: rgba(51,51,51,0.1);}
|
||||
.table_row th{background: rgba(51,51,51,0.1);}
|
||||
|
||||
/* jq grid */
|
||||
.ui-widget-header {background: #333; color: #fff;} /* 팝업창 header */
|
||||
.ui-widget-content .ui-state-default{background: rgba(51,51,51,0.1);}/* table column title */
|
||||
.ui-state-active, .ui-widget-content .ui-state-active{border:0; background: #333; color: #ffffff;} /* 조회중 */
|
||||
|
||||
.ui-jqgrid-ftable tr {background:rgba(51,51,51,0.1);} /*footer*/
|
||||
|
||||
/*w2ui-grid*/
|
||||
.w2ui-grid .w2ui-grid-body .w2ui-col-group {background: rgba(51,51,51,0.1);}
|
||||
.w2ui-grid .w2ui-grid-body div.w2ui-col-header {background: rgba(51,51,51,0.1);}
|
||||
.w2ui-grid-summary table tr {background: rgba(51,51,51,0.1);}
|
||||
@@ -0,0 +1,30 @@
|
||||
@charset "utf-8";
|
||||
|
||||
.gnb .depth1 > li:hover > a{color:#008cc5;} /* theme */
|
||||
.gnb .depth1 > li > .red_box{background:#008cc5;}/* theme */
|
||||
.gnb .depth2 > li > a:hover{color:#008cc5;}/* theme */
|
||||
|
||||
.left_box .title{color:#fff; background:#008cc5;}/* theme */
|
||||
.left_box .depth3 > li:hover > a, .left_box .depth3 > li.on > a{color:#008cc5;}/* theme */
|
||||
|
||||
.content_top{background:#008cc5;}/* theme */
|
||||
.content_top .path > li a{color:rgba(255,255,255,0.7);}/* theme */
|
||||
.content_top .path > li a:hover{color:rgba(255,255,255,1);}/* theme */
|
||||
.content_middle .title{color:#008cc5;}/* theme */
|
||||
ul.tabs li.active {color:#008cc5;}/* 활성중인 탭 */
|
||||
.search_condition th{background: rgba(0,140,197,0.1);}
|
||||
.table_row th{background: rgba(0,140,197,0.1);}
|
||||
|
||||
/* jq grid */
|
||||
.popup_box .title {color: #008cc5;} /* 팝업창 내 타이틀 */
|
||||
.ui-widget-header {background: #008cc5; color: #fff;} /* 팝업창 header */
|
||||
.ui-widget-content .ui-state-default{background: rgba(0,140,197,0.1);}/* table column title */
|
||||
.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-focus{background: rgba(0,140,197,0.1);}/* table cell */
|
||||
.ui-state-active, .ui-widget-content .ui-state-active{border:0; background: #008cc5; color: #ffffff;} /* 조회중 */
|
||||
|
||||
.ui-jqgrid-ftable tr {background:rgba(0,140,197,0.1);} /*footer*/
|
||||
|
||||
/*w2ui-grid*/
|
||||
.w2ui-grid .w2ui-grid-body .w2ui-col-group {background: rgba(0,140,197,0.1);}
|
||||
.w2ui-grid .w2ui-grid-body div.w2ui-col-header {background: rgba(0,140,197,0.1);}
|
||||
.w2ui-grid-summary table tr {background: rgba(0,140,197,0.1);}
|
||||
@@ -0,0 +1,31 @@
|
||||
@charset "utf-8";
|
||||
|
||||
.gnb .depth1 > li:hover > a{color:#16a085;} /* theme */
|
||||
.gnb .depth1 > li > .red_box{background:#16a085;}/* theme */
|
||||
.gnb .depth2 > li > a:hover{color:#16a085;}/* theme */
|
||||
|
||||
.left_box .title{color:#fff; background:#16a085;}/* theme */
|
||||
.left_box .depth3 > li:hover > a, .left_box .depth3 > li.on > a{color:#16a085;}/* theme */
|
||||
|
||||
.content_top{background:#16a085;}/* theme */
|
||||
.content_top .path > li a{color:rgba(255,255,255,0.7);}/* theme */
|
||||
.content_top .path > li a:hover{color:rgba(255,255,255,1);}/* theme */
|
||||
.content_middle .title{color:#16a085;}/* theme */
|
||||
ul.tabs li.active {color:#16a085;}/* 활성중인 탭 */
|
||||
.search_condition th{background: rgba(22,160,133,0.1);}
|
||||
.table_row th{background: rgba(22,160,133,0.1);}
|
||||
|
||||
/* jq grid */
|
||||
.popup_box .title {color: #16a085;} /* 팝업창 내 타이틀 */
|
||||
|
||||
.ui-widget-header {background: #16a085; color: #fff;} /* 팝업창 header */
|
||||
.ui-widget-content .ui-state-default{background: rgba(22,160,133,0.1);}/* table column title */
|
||||
.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-focus{background: rgba(22,160,133,0.1);}/* table cell */
|
||||
.ui-state-active, .ui-widget-content .ui-state-active{border:0; background: #16a085; color: #ffffff;} /* 조회중 */
|
||||
|
||||
.ui-jqgrid-ftable tr {background:rgba(22,160,133,0.1);} /*footer*/
|
||||
|
||||
/*w2ui-grid*/
|
||||
.w2ui-grid .w2ui-grid-body .w2ui-col-group {background: rgba(22,160,133,0.1);}
|
||||
.w2ui-grid .w2ui-grid-body div.w2ui-col-header {background: rgba(22,160,133,0.1);}
|
||||
.w2ui-grid-summary table tr {background: rgba(22,160,133,0.1);}
|
||||
@@ -0,0 +1,31 @@
|
||||
@charset "utf-8";
|
||||
|
||||
.gnb .depth1 > li:hover > a{color:#e74c3c;} /* theme */
|
||||
.gnb .depth1 > li > .red_box{background:#e74c3c;}/* theme */
|
||||
.gnb .depth2 > li > a:hover{color:#e74c3c;}/* theme */
|
||||
|
||||
.left_box .title{color:#fff; background:#e74c3c;}/* theme */
|
||||
.left_box .depth3 > li:hover > a, .left_box .depth3 > li.on > a{color:#e74c3c;}/* theme */
|
||||
|
||||
.content_top{background:#e74c3c;}/* theme */
|
||||
.content_top .path > li a{color:rgba(255,255,255,0.7);}/* theme */
|
||||
.content_top .path > li a:hover{color:rgba(255,255,255,1);}/* theme */
|
||||
.content_middle .title{color:#e74c3c;}/* theme */
|
||||
ul.tabs li.active {color:#e74c3c;}/* 활성중인 탭 */
|
||||
.search_condition th{background: rgba(231,76,60,0.1);}
|
||||
.table_row th{background: rgba(231,76,60,0.1);}
|
||||
|
||||
/* jq grid */
|
||||
.popup_box .title {color: #e74c3c;} /* 팝업창 내 타이틀 */
|
||||
|
||||
.ui-widget-header {background: #e74c3c; color: #fff;} /* 팝업창 header */
|
||||
.ui-widget-content .ui-state-default{background: rgba(231,76,60,0.1);}/* table column title */
|
||||
.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-focus{background: rgba(231,76,60,0.1);}/* table cell */
|
||||
.ui-state-active, .ui-widget-content .ui-state-active{border:0; background: #e74c3c; color: #ffffff;} /* 조회중 */
|
||||
|
||||
.ui-jqgrid-ftable tr {background:rgba(231,76,60,0.1);} /*footer*/
|
||||
|
||||
/*w2ui-grid*/
|
||||
.w2ui-grid .w2ui-grid-body .w2ui-col-group {background: rgba(231,76,60,0.1);}
|
||||
.w2ui-grid .w2ui-grid-body div.w2ui-col-header {background: rgba(231,76,60,0.1);}
|
||||
.w2ui-grid-summary table tr {background: rgba(231,76,60,0.1);}
|
||||
@@ -0,0 +1,31 @@
|
||||
@charset "utf-8";
|
||||
|
||||
.gnb .depth1 > li:hover > a{color:#ff80c0;} /* theme */
|
||||
.gnb .depth1 > li > .red_box{background:#ff80c0;}/* theme */
|
||||
.gnb .depth2 > li > a:hover{color:#ff80c0;}/* theme */
|
||||
|
||||
.left_box .title{color:#fff; background:#ff80c0;}/* theme */
|
||||
.left_box .depth3 > li:hover > a, .left_box .depth3 > li.on > a{color:#ff80c0;}/* theme */
|
||||
|
||||
.content_top{background:#ff80c0;}/* theme */
|
||||
.content_top .path > li a{color:rgba(255,255,255,0.7);}/* theme */
|
||||
.content_top .path > li a:hover{color:rgba(255,255,255,1);}/* theme */
|
||||
.content_middle .title{color:#ff80c0;}/* theme */
|
||||
ul.tabs li.active {color:#ff80c0;}/* 활성중인 탭 */
|
||||
.search_condition th{background: #ffd2ff;}
|
||||
.table_row th{background: #ffd2ff;}
|
||||
|
||||
/* jq grid */
|
||||
.popup_box .title {color: #ff80c0;} /* 팝업창 내 타이틀 */
|
||||
|
||||
.ui-widget-header {background: #ff80c0; color: #fff;} /* 팝업창 header */
|
||||
.ui-widget-content .ui-state-default{background: #ffd2ff;}/* table column title */
|
||||
.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-focus{background: #ffd2ff;}/* table cell */
|
||||
.ui-state-active, .ui-widget-content .ui-state-active{border:0; background: #ff80c0; color: #ffffff;} /* 조회중 */
|
||||
|
||||
.ui-jqgrid-ftable tr {background:#ffd2ff;} /*footer*/
|
||||
|
||||
/*w2ui-grid*/
|
||||
.w2ui-grid .w2ui-grid-body .w2ui-col-group {background: #ffd2ff;}
|
||||
.w2ui-grid .w2ui-grid-body div.w2ui-col-header {background: #ffd2ff;}
|
||||
.w2ui-grid-summary table tr {background: #ffd2ff;}
|
||||
@@ -0,0 +1,31 @@
|
||||
@charset "utf-8";
|
||||
|
||||
.gnb .depth1 > li:hover > a{color:#be8200;} /* theme */
|
||||
.gnb .depth1 > li > .red_box{background:#be8200;}/* theme */
|
||||
.gnb .depth2 > li > a:hover{color:#be8200;}/* theme */
|
||||
|
||||
.left_box .title{color:#fff; background:#febd36;}/* theme */
|
||||
.left_box .depth3 > li:hover > a, .left_box .depth3 > li.on > a{color:#be8200;}/* theme */
|
||||
|
||||
.content_top{background:#febd36;}/* theme */
|
||||
.content_top .path > li a{color:#fff;}/* theme */
|
||||
.content_top .path > li a:hover{color:rgba(190,130,0,1);}/* theme */
|
||||
.content_middle .title{color:#be8200;}/* theme */
|
||||
ul.tabs li.active {color:#be8200;}/* 활성중인 탭 */
|
||||
.search_condition th{background: rgba(253,189,53,0.1);}
|
||||
.table_row th{background: rgba(254,189,54,0.1);}
|
||||
|
||||
/* jq grid */
|
||||
.popup_box .title {color: #be8200;} /* 팝업창 내 타이틀 */
|
||||
|
||||
.ui-widget-header {background: #febd36; color: #fff;} /* 팝업창 header */
|
||||
.ui-widget-content .ui-state-default{background: rgba(254,189,54,0.1);}/* table column title */
|
||||
.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-focus{background: rgba(254,189,54,0.1);}/* table cell */
|
||||
.ui-state-active, .ui-widget-content .ui-state-active{border:0; background: #febd36; color: #ffffff;} /* 조회중 */
|
||||
|
||||
.ui-jqgrid-ftable tr {background:rgba(254,189,54,0.2);} /*footer*/
|
||||
|
||||
/*w2ui-grid*/
|
||||
.w2ui-grid .w2ui-grid-body .w2ui-col-group {background: rgba(254,189,54,0.2);}
|
||||
.w2ui-grid .w2ui-grid-body div.w2ui-col-header {background: rgba(254,189,54,0.2);}
|
||||
.w2ui-grid-summary table tr {background: rgba(254,189,54,0.2);}
|
||||
@@ -0,0 +1,354 @@
|
||||
/*Grid*/
|
||||
.ui-jqgrid {
|
||||
position: relative;
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.ui-jqgrid .ui-jqgrid-view {position: relative;left:0; top: 0; padding: 0; font-size:11px; z-index:100;}
|
||||
.ui-jqgrid .ui-common-table {border-width: 0px; border-style: none; border-spacing: 0px; padding: 0;}
|
||||
/* caption*/
|
||||
.ui-jqgrid .ui-jqgrid-titlebar {height:19px; padding: .3em .2em .2em .3em; position: relative; font-size: 12px; border-left: 0 none;border-right: 0 none; border-top: 0 none;}
|
||||
.ui-jqgrid .ui-jqgrid-caption {text-align: left;}
|
||||
.ui-jqgrid .ui-jqgrid-title { margin: .1em 0 .2em; }
|
||||
.ui-jqgrid .ui-jqgrid-titlebar-close { position: absolute;top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height:18px; cursor:pointer;}
|
||||
.ui-jqgrid .ui-jqgrid-titlebar-close span { display: block; margin: 1px; }
|
||||
.ui-jqgrid .ui-jqgrid-titlebar-close:hover { padding: 0; }
|
||||
/* header*/
|
||||
.ui-jqgrid .ui-jqgrid-hdiv {position: relative; margin: 0;padding: 0; overflow: hidden; border-left: 0 none !important; border-top : 0 none !important; border-right : 0 none !important;}
|
||||
.ui-jqgrid .ui-jqgrid-hbox {float: left; padding-right: 20px;}
|
||||
.ui-jqgrid .ui-jqgrid-htable {table-layout:fixed;margin:0;border-collapse: separate;}
|
||||
.ui-jqgrid .ui-jqgrid-htable th { height: 27px; padding: 0 2px 0 2px;}
|
||||
.ui-jqgrid .ui-jqgrid-htable th div {overflow: hidden; position:relative;margin: .1em 0em .1em 0em;}
|
||||
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {overflow: hidden;white-space: nowrap;text-align:center;border-top : 0 none;border-bottom : 0 none;}
|
||||
.ui-th-column-header, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column-header {overflow: hidden;white-space: nowrap;text-align:center;border-top : 0 none; height: 26px;}
|
||||
.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {border-left : 0 none;}
|
||||
.ui-th-rtl, .ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {border-right : 0 none;}
|
||||
.ui-first-th-ltr {border-right: 1px solid; }
|
||||
.ui-first-th-rtl {border-left: 1px solid; }
|
||||
.ui-jqgrid .ui-th-div-ie {white-space: nowrap; zoom :1; height:17px;}
|
||||
.ui-jqgrid .ui-jqgrid-resize {height:20px !important;position: relative; cursor :e-resize;display: inline;overflow: hidden;}
|
||||
.ui-jqgrid .ui-grid-ico-sort {overflow:hidden;position:absolute; display: inline-block !important; cursor: pointer !important;}
|
||||
.ui-jqgrid .ui-icon-asc {margin-top:-3px; height:12px;}
|
||||
.ui-jqgrid .ui-icon-desc {margin-top:3px;margin-left:-1px;height:12px;}
|
||||
.ui-jqgrid .ui-i-asc {margin-top:0;height:18px;}
|
||||
.ui-jqgrid .ui-i-desc {margin-top:0;margin-left:12px;height:18px;}
|
||||
.ui-jqgrid .ui-single-sort-asc {margin-top:0;height:18px;}
|
||||
.ui-jqgrid .ui-single-sort-desc {margin-top:-1px;height:18px;}
|
||||
.ui-jqgrid .ui-jqgrid-sortable {cursor:default;height:14px}
|
||||
.ui-jqgrid tr.ui-search-toolbar th { }
|
||||
.ui-jqgrid .ui-search-table td.ui-search-clear { width:25px;}
|
||||
.ui-jqgrid tr.ui-search-toolbar td > input { padding-right: 0px; width: 95%;}
|
||||
.ui-jqgrid tr.ui-search-toolbar select {}
|
||||
/* body */
|
||||
.ui-jqgrid .ui-jqgrid-bdiv {position: relative; margin: 0; padding:0; overflow: auto; text-align:left;z-index: 101;}
|
||||
.ui-jqgrid .ui-jqgrid-btable {table-layout:fixed; margin:0; outline-style: none; border-collapse: separate;}
|
||||
.ui-jqgrid tr.jqgrow { outline-style: none; }
|
||||
.ui-jqgrid tr.jqgroup { outline-style: none; }
|
||||
.ui-jqgrid tr.jqgrow td {font-weight: normal; overflow: hidden; white-space: pre; height: 23px;padding: 1px 2px 1px 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
|
||||
.ui-jqgrid tr.jqgfirstrow td {padding: 0 2px 0 2px;border-right-width: 1px; border-right-style: solid; height:auto;}
|
||||
.ui-jqgrid tr.jqgroup td {font-weight: normal; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
|
||||
.ui-jqgrid tr.jqfoot td {font-weight: bold; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
|
||||
.ui-jqgrid tr.ui-row-ltr td {text-align:left;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;}
|
||||
.ui-jqgrid tr.ui-row-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;}
|
||||
.ui-jqgrid td.jqgrid-rownum { padding: 0 2px 0 2px; margin: 0; border: 0 none;}
|
||||
.ui-jqgrid .ui-jqgrid-resize-mark { width:2px; left:0; background-color:#777; cursor: e-resize; cursor: col-resize; position:absolute; top:0; height:100px; overflow:hidden; display:none; border:0 none; z-index: 99999;}
|
||||
/* footer */
|
||||
.ui-jqgrid .ui-jqgrid-sdiv {position: relative; margin: 0;padding: 0; overflow: hidden; border-left: 0 none !important; border-top : 0 none !important; border-right : 0 none !important;}
|
||||
.ui-jqgrid .ui-jqgrid-ftable {table-layout:fixed; margin-bottom:0;border-collapse: separate;}
|
||||
.ui-jqgrid tr.footrow td {font-weight: bold; overflow: hidden; white-space:nowrap; height: 20px;padding: 0 2px 0 2px;border-top-width: 1px; border-top-color: inherit; border-top-style: solid;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
|
||||
.ui-jqgrid tr.footrow-ltr td {text-align:left;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;}
|
||||
.ui-jqgrid tr.footrow-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;}
|
||||
/* Pager*/
|
||||
.ui-jqgrid .ui-jqgrid-pager { border-left: 0 none !important;border-right: 0 none !important; border-bottom: 0 none !important; border-top: 0 none; margin: 0 !important; padding: 0 !important; position: relative; height: auto; min-height: 28px; white-space: nowrap;overflow: hidden;font-size:11px; z-index:101}
|
||||
.ui-jqgrid .ui-jqgrid-toppager .ui-pager-control, .ui-jqgrid .ui-jqgrid-pager .ui-pager-control {position: relative;border-left: 0;border-bottom: 0;border-top: 0; height: 28px;}
|
||||
.ui-jqgrid .ui-pg-table {position: relative; padding: 1px 0; width:auto; margin: 0;}
|
||||
.ui-jqgrid .ui-pg-table td {font-weight:normal; vertical-align:middle; padding:0px 1px;}
|
||||
.ui-jqgrid .ui-pg-button { height:auto}
|
||||
.ui-jqgrid .ui-pg-button span { display: block; margin: 2px; float:left;}
|
||||
.ui-jqgrid .ui-pg-button:hover { padding: 0;}
|
||||
.ui-jqgrid .ui-state-disabled:hover {padding:0px;}
|
||||
.ui-jqgrid .ui-pg-input,.ui-jqgrid .ui-jqgrid-toppager .ui-pg-input { height:14px;width: auto;font-size:.9em; margin:0;line-height: inherit;border: none; padding: 3px 2px}
|
||||
.ui-jqgrid .ui-pg-selbox, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-selbox {font-size:.9em; line-height:inherit; display:block; height:19px; margin: 0; padding: 3px 0px; border:none;}
|
||||
.ui-jqgrid .ui-separator {height: 18px; border-left: 2px solid #ccc ;}
|
||||
.ui-separator-li {height: 2px; border : none;border-top: 2px solid #ccc ; margin: 0; padding: 0; width:100%}
|
||||
.ui-jqgrid .dropdownmenu {
|
||||
padding: 3px 0 3px 0;
|
||||
margin-left: 4px;
|
||||
}
|
||||
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
|
||||
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div
|
||||
{padding:1px 0;float:left;position:relative; line-height: 20px;}
|
||||
.ui-jqgrid .ui-jqgrid-pager .ui-pg-button,
|
||||
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button
|
||||
{ cursor:pointer; }
|
||||
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon,
|
||||
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon
|
||||
{float:left;margin: 2px; width:18px;}
|
||||
.ui-jqgrid td input, .ui-jqgrid td select, .ui-jqgrid td textarea { margin: 0; padding-top:5px;padding-bottom: 5px;}
|
||||
.ui-jqgrid td textarea {width:auto;height:auto;}
|
||||
.ui-jqgrid .ui-jqgrid-toppager {border-left: 0 none !important;border-right: 0 none !important; border-top: 0 none !important; margin: 0 !important; padding: 0 !important; position: relative;white-space: nowrap;overflow: hidden;}
|
||||
.ui-jqgrid .ui-jqgrid-pager .ui-pager-table,
|
||||
.ui-jqgrid .ui-jqgrid-toppager .ui-pager-table
|
||||
{
|
||||
width:100%;
|
||||
table-layout:fixed;
|
||||
height:100%;
|
||||
}
|
||||
.ui-jqgrid .ui-jqgrid-pager .ui-paging-info,
|
||||
.ui-jqgrid .ui-jqgrid-toppager .ui-paging-info
|
||||
{
|
||||
font-weight: normal;
|
||||
height:auto;
|
||||
margin-top:3px;
|
||||
margin-right:4px;
|
||||
display: inline;
|
||||
}
|
||||
.ui-jqgrid .ui-jqgrid-pager .ui-paging-pager,
|
||||
.ui-jqgrid .ui-jqgrid-toppager .ui-paging-pager
|
||||
{
|
||||
table-layout:auto;
|
||||
height:100%;
|
||||
}
|
||||
.ui-jqgrid .ui-jqgrid-pager .navtable,
|
||||
.ui-jqgrid .ui-jqgrid-toppager .navtable
|
||||
{
|
||||
float:left;
|
||||
table-layout:auto;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
/*.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {padding:1px 0;float:left;position:relative; line-height: 20px; margin-right:3px;}
|
||||
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button { cursor:pointer; }
|
||||
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon {float:left;margin: 2px; width:18px;}
|
||||
*/
|
||||
|
||||
/*subgrid*/
|
||||
.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {display: block;}
|
||||
.ui-jqgrid .ui-subgrid {margin:0;padding:0; width:100%;}
|
||||
.ui-jqgrid .ui-subgrid table {table-layout: fixed;}
|
||||
.ui-jqgrid .ui-subgrid tr.ui-subtblcell td {height:18px;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
|
||||
.ui-jqgrid .ui-subgrid td.subgrid-data {border-top: 0 none !important; border-left: 0 none !important;}
|
||||
.ui-jqgrid .ui-subgrid td.subgrid-cell {border-width: 0 1px 1px 0;}
|
||||
.ui-jqgrid .ui-th-subgrid {height:20px;}
|
||||
/* loading */
|
||||
.ui-jqgrid .loading {position: absolute; top: 45%;left: 45%;width: auto;z-index:101;padding: 6px; margin: 5px;text-align: center;font-weight: bold;display: none;border-width: 2px !important; font-size:11px;}
|
||||
.ui-jqgrid .jqgrid-overlay {display:none;z-index:100;}
|
||||
/* IE * html .jqgrid-overlay {width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');} */
|
||||
* .jqgrid-overlay iframe {position:absolute;top:0;left:0;z-index:-1;}
|
||||
/* IE width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/
|
||||
/* end loading div */
|
||||
/* toolbar */
|
||||
.ui-jqgrid .ui-userdata {border-left: 0 none; border-right: 0 none; height : 27px;overflow: hidden; }
|
||||
/*Modal Window */
|
||||
.ui-jqdialog { font-size:11px !important; }
|
||||
.ui-jqdialog { display: none; width: 300px; position: absolute; padding: .2em; font-size:11px; overflow:visible;}
|
||||
.ui-jqdialog .ui-jqdialog-titlebar { padding: .3em .2em; position: relative; height:20px;}
|
||||
.ui-jqdialog .ui-jqdialog-title { margin: .3em .2em .2em .2em;}
|
||||
.ui-jqdialog .ui-jqdialog-titlebar-close { position: absolute; top: 50%; width: 19px; margin: -12px 0 0 0; padding: 1px; height: 18px; cursor:pointer;}
|
||||
|
||||
.ui-jqdialog .ui-jqdialog-titlebar-close span { display: block; margin: 1px; }
|
||||
.ui-jqdialog .ui-jqdialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:focus { padding: 0; }
|
||||
.ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content { border: 0; padding: .3em .2em; background: none; height:auto;}
|
||||
.ui-jqdialog .ui-jqconfirm {padding: .4em 1em; border-width:3px;position:absolute;bottom:10px;right:10px;overflow:visible;display:none;height:80px;width:220px;text-align:center;}
|
||||
.ui-jqdialog>.ui-resizable-se { bottom: -3px; right: -3px}
|
||||
.ui-jqgrid>.ui-resizable-se { bottom: -3px; right: -3px }
|
||||
/* end Modal window*/
|
||||
/* Form edit */
|
||||
.ui-jqdialog-content .FormGrid {margin: 0; overflow:auto;position:relative;}
|
||||
.ui-jqdialog-content .EditTable { width: 100%; margin-bottom:0;}
|
||||
.ui-jqdialog-content .DelTable { width: 100%; margin-bottom:0;}
|
||||
.EditTable td input, .EditTable td select, .EditTable td textarea {margin: 0;}
|
||||
.EditTable td textarea { width:auto; height:auto;}
|
||||
.ui-jqdialog-content td.EditButton {text-align: right;border-top: 0 none;border-left: 0 none;border-right: 0 none; padding-bottom:5px; padding-top:5px;}
|
||||
.ui-jqdialog-content td.navButton {text-align: center; border-left: 0 none;border-top: 0 none;border-right: 0 none; padding-bottom:5px; padding-top:5px;}
|
||||
.ui-jqdialog-content input.FormElement {padding: .5em .3em; margin-bottom: 3px}
|
||||
.ui-jqdialog-content select.FormElement {padding:.3em; margin-bottom: 3px;}
|
||||
.ui-jqdialog-content .data-line {padding-top:.1em;border: 0 none;}
|
||||
|
||||
.ui-jqdialog-content .CaptionTD {vertical-align: middle;border: 0 none; padding: 2px;white-space: nowrap;}
|
||||
.ui-jqdialog-content .DataTD {padding: 2px; border: 0 none; vertical-align: top;}
|
||||
.ui-jqdialog-content .form-view-data {white-space:pre}
|
||||
.fm-button { height: 18px; display: inline-block; margin:2px 4px 0 0; padding: .6em .5em .2em .5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
|
||||
.fm-button-icon-left { padding-left: 1.9em; }
|
||||
.fm-button-icon-right { padding-right: 1.9em; }
|
||||
.fm-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px; }
|
||||
.fm-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px;}
|
||||
#nData, #pData { float: left; margin:3px;padding: 0; width: 15px; }
|
||||
.ViewTable {
|
||||
border-width: 0;
|
||||
border-style: none;
|
||||
border-spacing: 1px;
|
||||
padding: 4px;
|
||||
table-layout: fixed;
|
||||
}
|
||||
.ViewTable .CaptionTD, .ViewTable .DataTD {padding : 4px;}
|
||||
/* End Eorm edit */
|
||||
/*cell edit*/
|
||||
.ui-jqgrid .edit-cell {
|
||||
padding: 4px 0px 4px 4px;
|
||||
}
|
||||
.ui-jqgrid .selected-row, div.ui-jqgrid .selected-row td {font-style : normal;border-left: 0 none;}
|
||||
/* inline edit actions button*/
|
||||
.ui-inline-del.ui-state-hover span, .ui-inline-edit.ui-state-hover span,
|
||||
.ui-inline-save.ui-state-hover span, .ui-inline-cancel.ui-state-hover span {
|
||||
margin: -1px;
|
||||
}
|
||||
.ui-inline-del, .ui-inline-cancel {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.ui-jqgrid .inline-edit-cell {
|
||||
padding: 4px 0px 4px 4px;
|
||||
}
|
||||
/* Tree Grid */
|
||||
.ui-jqgrid .tree-wrap {float: left; position: relative;height: 18px;white-space: nowrap;overflow: hidden;}
|
||||
.ui-jqgrid .tree-minus {position: absolute; height: 18px; width: 18px; overflow: hidden;}
|
||||
.ui-jqgrid .tree-plus {position: absolute; height: 18px; width: 18px; overflow: hidden;}
|
||||
.ui-jqgrid .tree-leaf {position: absolute; height: 18px; width: 18px;overflow: hidden;}
|
||||
.ui-jqgrid .treeclick {cursor: pointer;}
|
||||
/* moda dialog */
|
||||
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;}
|
||||
/* width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/
|
||||
.ui-jqgrid-dnd tr td {border-right-width: 1px; border-right-color: inherit; border-right-style: solid; height:20px}
|
||||
/* RTL Support */
|
||||
.ui-jqgrid .ui-jqgrid-caption-rtl {text-align: right;}
|
||||
.ui-jqgrid .ui-jqgrid-hbox-rtl {float: right;}
|
||||
.ui-jqgrid .ui-jqgrid-resize-ltr {float: right;margin: -2px -2px -2px 0;}
|
||||
.ui-jqgrid .ui-jqgrid-resize-rtl {float: left;margin: -2px 0 -1px -3px;}
|
||||
.ui-jqgrid .ui-sort-rtl {left:0;}
|
||||
.ui-jqgrid .tree-wrap-ltr {float: left;}
|
||||
.ui-jqgrid .tree-wrap-rtl {float: right;}
|
||||
.ui-jqgrid .ui-ellipsis {-moz-text-overflow:ellipsis;text-overflow:ellipsis;}
|
||||
|
||||
/* Toolbar Search Menu , Nav menu*/
|
||||
.ui-search-menu,
|
||||
.ui-nav-menu {
|
||||
position: absolute;
|
||||
padding: 2px 5px;
|
||||
z-index:99999;
|
||||
-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
|
||||
-moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
|
||||
box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
|
||||
}
|
||||
.ui-search-menu.ui-menu .ui-menu-item,
|
||||
.ui-nav-menu.ui-menu .ui-menu-item
|
||||
{
|
||||
list-style-image: none;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
.ui-search-menu.ui-menu .ui-menu-item a,
|
||||
.ui-nav-menu.ui-menu .ui-menu-item a
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.ui-search-menu.ui-menu .ui-menu-item a.g-menu-item:hover,
|
||||
.ui-nav-menu.ui-menu .ui-menu-item a.g-menu-item:hover
|
||||
{
|
||||
margin: -1px;
|
||||
font-weight: normal;
|
||||
}
|
||||
.ui-jqgrid .ui-search-table { padding: 0; border: 0 none; height:20px; width:100%;}
|
||||
.ui-jqgrid .ui-search-table .ui-search-oper { width:20px; }
|
||||
a.g-menu-item, a.soptclass, a.clearsearchclass { cursor: pointer; }
|
||||
.ui-jqgrid .ui-jqgrid-view input,
|
||||
.ui-jqgrid .ui-jqgrid-view select,
|
||||
.ui-jqgrid .ui-jqgrid-view textarea,
|
||||
.ui-jqgrid .ui-jqgrid-view button {
|
||||
font-size: 11px;
|
||||
}
|
||||
.ui-jqgrid .ui-scroll-popup {width: 95px;}
|
||||
.ui-search-table select,
|
||||
.ui-search-table input
|
||||
{
|
||||
padding: 4px 3px;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-pg-table .ui-pg-button.ui-state-disabled:hover > .ui-separator {
|
||||
margin-left: 3px;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-pg-table .ui-pg-button.ui-state-disabled:hover > .ui-pg-div > .ui-icon {
|
||||
margin-left: 3px;
|
||||
margin-right: 3px;
|
||||
}
|
||||
/* Column menu */
|
||||
.ui-jqgrid .ui-jqgrid-htable .colmenu {
|
||||
position:absolute;
|
||||
right:1px;
|
||||
height:100%;
|
||||
color : black;
|
||||
}
|
||||
.ui-jqgrid .ui-jqgrid-htable .colmenu-rtl {
|
||||
right:auto;
|
||||
left : 1px;
|
||||
}
|
||||
.ui-jqgrid .ui-jqgrid-htable .colmenuspan {
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-htable .ui-th-div {
|
||||
height:17px;
|
||||
margin-top:5px;
|
||||
display:inine-block;
|
||||
}
|
||||
.column-menu, .ui-search-menu {
|
||||
padding: 10px 10px;
|
||||
}
|
||||
.column-menu .divider {
|
||||
background-color: #e5e5e5;
|
||||
height: 1px;
|
||||
padding:0 0;
|
||||
margin: 5px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ui-menu-item .ui-common-table .menu_icon {
|
||||
white-space: pre;
|
||||
padding-right: 4px;
|
||||
padding-left: 4px;
|
||||
width : auto;
|
||||
}
|
||||
.ui-menu-item .ui-common-table .menu_icon .ui-icon {
|
||||
display : inline-block;
|
||||
position: relative;
|
||||
}
|
||||
td.menu_text {
|
||||
width: auto;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.ui-search-menu .ui-menu-item {
|
||||
padding : 0 0;
|
||||
}
|
||||
.ui-col-menu .ui-menu-item td.menu_text{
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
padding-left : 1px;
|
||||
}
|
||||
.ui-col-menu .ui-menu-item td.menu_icon{
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ui-col-menu .ui-menu-item td.menu_icon input{
|
||||
margin: 2px 0;
|
||||
|
||||
}
|
||||
#search_menu .ui-menu-item div {
|
||||
margin: 3px 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#search_menu .ui-menu-item div input,
|
||||
#search_menu .ui-menu-item div select
|
||||
{
|
||||
padding: 3px 2px;
|
||||
}
|
||||
#search_menu .search_buttons {
|
||||
display:inline-block;
|
||||
width:50%;
|
||||
}
|
||||
#column_menu.ui-menu .ui-menu-item {
|
||||
position :static;
|
||||
}
|
||||
Vendored
+1
File diff suppressed because one or more lines are too long
@@ -0,0 +1,354 @@
|
||||
/*Grid*/
|
||||
.ui-jqgrid {
|
||||
position: relative;
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.ui-jqgrid .ui-jqgrid-view {position: relative;left:0; top: 0; padding: 0; font-size:11px; z-index:100;}
|
||||
.ui-jqgrid .ui-common-table {border-width: 0px; border-style: none; border-spacing: 0px; padding: 0;}
|
||||
/* caption*/
|
||||
.ui-jqgrid .ui-jqgrid-titlebar {height:19px; padding: .3em .2em .2em .3em; position: relative; font-size: 12px; border-left: 0 none;border-right: 0 none; border-top: 0 none;}
|
||||
.ui-jqgrid .ui-jqgrid-caption {text-align: left;}
|
||||
.ui-jqgrid .ui-jqgrid-title { margin: .1em 0 .2em; }
|
||||
.ui-jqgrid .ui-jqgrid-titlebar-close { position: absolute;top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height:18px; cursor:pointer;}
|
||||
.ui-jqgrid .ui-jqgrid-titlebar-close span { display: block; margin: 1px; }
|
||||
.ui-jqgrid .ui-jqgrid-titlebar-close:hover { padding: 0; }
|
||||
/* header*/
|
||||
.ui-jqgrid .ui-jqgrid-hdiv {position: relative; margin: 0;padding: 0; overflow: hidden; border-left: 0 none !important; border-top : 0 none !important; border-right : 0 none !important;}
|
||||
.ui-jqgrid .ui-jqgrid-hbox {float: left; padding-right: 20px;}
|
||||
.ui-jqgrid .ui-jqgrid-htable {table-layout:fixed;margin:0;border-collapse: separate;}
|
||||
.ui-jqgrid .ui-jqgrid-htable th { height: 27px; padding: 0 2px 0 2px;}
|
||||
.ui-jqgrid .ui-jqgrid-htable th div {overflow: hidden; position:relative;margin: .1em 0em .1em 0em;}
|
||||
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {overflow: hidden;white-space: nowrap;text-align:center;border-top : 0 none;border-bottom : 0 none;}
|
||||
.ui-th-column-header, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column-header {overflow: hidden;white-space: nowrap;text-align:center;border-top : 0 none; height: 26px;}
|
||||
.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {border-left : 0 none;}
|
||||
.ui-th-rtl, .ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {border-right : 0 none;}
|
||||
.ui-first-th-ltr {border-right: 1px solid; }
|
||||
.ui-first-th-rtl {border-left: 1px solid; }
|
||||
.ui-jqgrid .ui-th-div-ie {white-space: nowrap; zoom :1; height:17px;}
|
||||
.ui-jqgrid .ui-jqgrid-resize {height:20px !important;position: relative; cursor :e-resize;display: inline;overflow: hidden;}
|
||||
.ui-jqgrid .ui-grid-ico-sort {overflow:hidden;position:absolute; display: none !important; cursor: pointer !important;}
|
||||
.ui-jqgrid .ui-icon-asc {margin-top:-3px; height:12px;}
|
||||
.ui-jqgrid .ui-icon-desc {margin-top:3px;margin-left:-1px;height:12px;}
|
||||
.ui-jqgrid .ui-i-asc {margin-top:0;height:18px;}
|
||||
.ui-jqgrid .ui-i-desc {margin-top:0;margin-left:12px;height:18px;}
|
||||
.ui-jqgrid .ui-single-sort-asc {margin-top:0;height:18px;}
|
||||
.ui-jqgrid .ui-single-sort-desc {margin-top:-1px;height:18px;}
|
||||
.ui-jqgrid .ui-jqgrid-sortable {cursor:default;height:14px}
|
||||
.ui-jqgrid tr.ui-search-toolbar th { }
|
||||
.ui-jqgrid .ui-search-table td.ui-search-clear { width:25px;}
|
||||
.ui-jqgrid tr.ui-search-toolbar td > input { padding-right: 0px; width: 95%;}
|
||||
.ui-jqgrid tr.ui-search-toolbar select {}
|
||||
/* body */
|
||||
.ui-jqgrid .ui-jqgrid-bdiv {position: relative; margin: 0; padding:0; overflow: auto; text-align:left;z-index: 101;}
|
||||
.ui-jqgrid .ui-jqgrid-btable {table-layout:fixed; margin:0; outline-style: none; border-collapse: separate;}
|
||||
.ui-jqgrid tr.jqgrow { outline-style: none; }
|
||||
.ui-jqgrid tr.jqgroup { outline-style: none; }
|
||||
.ui-jqgrid tr.jqgrow td {font-weight: normal; overflow: hidden; word-break: break-all;white-space: pre-wrap; height: 23px;padding: 1px 2px 1px 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
|
||||
.ui-jqgrid tr.jqgfirstrow td {padding: 0 2px 0 2px;border-right-width: 1px; border-right-style: solid; height:auto;}
|
||||
.ui-jqgrid tr.jqgroup td {font-weight: normal; overflow: hidden; word-break: break-all; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
|
||||
.ui-jqgrid tr.jqfoot td {font-weight: bold; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
|
||||
.ui-jqgrid tr.ui-row-ltr td {text-align:left;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;}
|
||||
.ui-jqgrid tr.ui-row-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;}
|
||||
.ui-jqgrid td.jqgrid-rownum { padding: 0 2px 0 2px; margin: 0; border: 0 none;}
|
||||
.ui-jqgrid .ui-jqgrid-resize-mark { width:2px; left:0; background-color:#777; cursor: e-resize; cursor: col-resize; position:absolute; top:0; height:100px; overflow:hidden; display:none; border:0 none; z-index: 99999;}
|
||||
/* footer */
|
||||
.ui-jqgrid .ui-jqgrid-sdiv {position: relative; margin: 0;padding: 0; overflow: hidden; border-left: 0 none !important; border-top : 0 none !important; border-right : 0 none !important;}
|
||||
.ui-jqgrid .ui-jqgrid-ftable {table-layout:fixed; margin-bottom:0;border-collapse: separate;}
|
||||
.ui-jqgrid tr.footrow td {font-weight: bold; overflow: hidden; white-space:nowrap; height: 20px;padding: 0 2px 0 2px;border-top-width: 1px; border-top-color: inherit; border-top-style: solid;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
|
||||
.ui-jqgrid tr.footrow-ltr td {text-align:left;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;}
|
||||
.ui-jqgrid tr.footrow-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;}
|
||||
/* Pager*/
|
||||
.ui-jqgrid .ui-jqgrid-pager { border-left: 0 none !important;border-right: 0 none !important; border-bottom: 0 none !important; border-top: 0 none; margin: 0 !important; padding: 0 !important; position: relative; height: auto; min-height: 28px; white-space: nowrap;overflow: hidden;font-size:11px; z-index:101}
|
||||
.ui-jqgrid .ui-jqgrid-toppager .ui-pager-control, .ui-jqgrid .ui-jqgrid-pager .ui-pager-control {position: relative;border-left: 0;border-bottom: 0;border-top: 0; height: 28px;}
|
||||
.ui-jqgrid .ui-pg-table {position: relative; padding: 1px 0; width:auto; margin: 0;}
|
||||
.ui-jqgrid .ui-pg-table td {font-weight:normal; vertical-align:middle; padding:0px 1px;}
|
||||
.ui-jqgrid .ui-pg-button { height:auto}
|
||||
.ui-jqgrid .ui-pg-button span { display: block; margin: 2px; float:left;}
|
||||
.ui-jqgrid .ui-pg-button:hover { padding: 0;}
|
||||
.ui-jqgrid .ui-state-disabled:hover {padding:0px;}
|
||||
.ui-jqgrid .ui-pg-input,.ui-jqgrid .ui-jqgrid-toppager .ui-pg-input { height:14px;width: auto;font-size:.9em; margin:0;line-height: inherit;border: none; padding: 3px 2px}
|
||||
.ui-jqgrid .ui-pg-selbox, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-selbox {font-size:.9em; line-height:inherit; display:block; height:19px; margin: 0; padding: 3px 0px; border:none;}
|
||||
.ui-jqgrid .ui-separator {height: 18px; border-left: 2px solid #ccc ;}
|
||||
.ui-separator-li {height: 2px; border : none;border-top: 2px solid #ccc ; margin: 0; padding: 0; width:100%}
|
||||
.ui-jqgrid .dropdownmenu {
|
||||
padding: 3px 0 3px 0;
|
||||
margin-left: 4px;
|
||||
}
|
||||
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
|
||||
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div
|
||||
{padding:1px 0;float:left;position:relative; line-height: 20px;}
|
||||
.ui-jqgrid .ui-jqgrid-pager .ui-pg-button,
|
||||
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button
|
||||
{ cursor:pointer; }
|
||||
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon,
|
||||
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon
|
||||
{float:left;margin: 2px; width:18px;}
|
||||
.ui-jqgrid td input, .ui-jqgrid td select, .ui-jqgrid td textarea { margin: 0; padding-top:5px;padding-bottom: 5px;}
|
||||
.ui-jqgrid td textarea {width:auto;height:auto;}
|
||||
.ui-jqgrid .ui-jqgrid-toppager {border-left: 0 none !important;border-right: 0 none !important; border-top: 0 none !important; margin: 0 !important; padding: 0 !important; position: relative;white-space: nowrap;overflow: hidden;}
|
||||
.ui-jqgrid .ui-jqgrid-pager .ui-pager-table,
|
||||
.ui-jqgrid .ui-jqgrid-toppager .ui-pager-table
|
||||
{
|
||||
width:100%;
|
||||
table-layout:fixed;
|
||||
height:100%;
|
||||
}
|
||||
.ui-jqgrid .ui-jqgrid-pager .ui-paging-info,
|
||||
.ui-jqgrid .ui-jqgrid-toppager .ui-paging-info
|
||||
{
|
||||
font-weight: normal;
|
||||
height:auto;
|
||||
margin-top:3px;
|
||||
margin-right:4px;
|
||||
display: inline;
|
||||
}
|
||||
.ui-jqgrid .ui-jqgrid-pager .ui-paging-pager,
|
||||
.ui-jqgrid .ui-jqgrid-toppager .ui-paging-pager
|
||||
{
|
||||
table-layout:auto;
|
||||
height:100%;
|
||||
}
|
||||
.ui-jqgrid .ui-jqgrid-pager .navtable,
|
||||
.ui-jqgrid .ui-jqgrid-toppager .navtable
|
||||
{
|
||||
float:left;
|
||||
table-layout:auto;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
/*.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {padding:1px 0;float:left;position:relative; line-height: 20px; margin-right:3px;}
|
||||
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button { cursor:pointer; }
|
||||
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon {float:left;margin: 2px; width:18px;}
|
||||
*/
|
||||
|
||||
/*subgrid*/
|
||||
.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {display: block;}
|
||||
.ui-jqgrid .ui-subgrid {margin:0;padding:0; width:100%;}
|
||||
.ui-jqgrid .ui-subgrid table {table-layout: fixed;}
|
||||
.ui-jqgrid .ui-subgrid tr.ui-subtblcell td {height:18px;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
|
||||
.ui-jqgrid .ui-subgrid td.subgrid-data {border-top: 0 none !important; border-left: 0 none !important;}
|
||||
.ui-jqgrid .ui-subgrid td.subgrid-cell {border-width: 0 1px 1px 0;}
|
||||
.ui-jqgrid .ui-th-subgrid {height:20px;}
|
||||
/* loading */
|
||||
.ui-jqgrid .loading {position: absolute; top: 45%;left: 45%;width: auto;z-index:101;padding: 6px; margin: 5px;text-align: center;font-weight: bold;display: none;border-width: 2px !important; font-size:11px;}
|
||||
.ui-jqgrid .jqgrid-overlay {display:none;z-index:100;}
|
||||
/* IE * html .jqgrid-overlay {width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');} */
|
||||
* .jqgrid-overlay iframe {position:absolute;top:0;left:0;z-index:-1;}
|
||||
/* IE width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/
|
||||
/* end loading div */
|
||||
/* toolbar */
|
||||
.ui-jqgrid .ui-userdata {border-left: 0 none; border-right: 0 none; height : 27px;overflow: hidden; }
|
||||
/*Modal Window */
|
||||
.ui-jqdialog { font-size:11px !important; }
|
||||
.ui-jqdialog { display: none; width: 300px; position: absolute; padding: .2em; font-size:11px; overflow:visible;}
|
||||
.ui-jqdialog .ui-jqdialog-titlebar { padding: .3em .2em; position: relative; height:20px;}
|
||||
.ui-jqdialog .ui-jqdialog-title { margin: .3em .2em .2em .2em;}
|
||||
.ui-jqdialog .ui-jqdialog-titlebar-close { position: absolute; top: 50%; width: 19px; margin: -12px 0 0 0; padding: 1px; height: 18px; cursor:pointer;}
|
||||
|
||||
.ui-jqdialog .ui-jqdialog-titlebar-close span { display: block; margin: 1px; }
|
||||
.ui-jqdialog .ui-jqdialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:focus { padding: 0; }
|
||||
.ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content { border: 0; padding: .3em .2em; background: none; height:auto;}
|
||||
.ui-jqdialog .ui-jqconfirm {padding: .4em 1em; border-width:3px;position:absolute;bottom:10px;right:10px;overflow:visible;display:none;height:80px;width:220px;text-align:center;}
|
||||
.ui-jqdialog>.ui-resizable-se { bottom: -3px; right: -3px}
|
||||
.ui-jqgrid>.ui-resizable-se { bottom: -3px; right: -3px }
|
||||
/* end Modal window*/
|
||||
/* Form edit */
|
||||
.ui-jqdialog-content .FormGrid {margin: 0; overflow:auto;position:relative;}
|
||||
.ui-jqdialog-content .EditTable { width: 100%; margin-bottom:0;}
|
||||
.ui-jqdialog-content .DelTable { width: 100%; margin-bottom:0;}
|
||||
.EditTable td input, .EditTable td select, .EditTable td textarea {margin: 0;}
|
||||
.EditTable td textarea { width:auto; height:auto;}
|
||||
.ui-jqdialog-content td.EditButton {text-align: right;border-top: 0 none;border-left: 0 none;border-right: 0 none; padding-bottom:5px; padding-top:5px;}
|
||||
.ui-jqdialog-content td.navButton {text-align: center; border-left: 0 none;border-top: 0 none;border-right: 0 none; padding-bottom:5px; padding-top:5px;}
|
||||
.ui-jqdialog-content input.FormElement {padding: .5em .3em; margin-bottom: 3px}
|
||||
.ui-jqdialog-content select.FormElement {padding:.3em; margin-bottom: 3px;}
|
||||
.ui-jqdialog-content .data-line {padding-top:.1em;border: 0 none;}
|
||||
|
||||
.ui-jqdialog-content .CaptionTD {vertical-align: middle;border: 0 none; padding: 2px;white-space: nowrap;}
|
||||
.ui-jqdialog-content .DataTD {padding: 2px; border: 0 none; vertical-align: top;}
|
||||
.ui-jqdialog-content .form-view-data {white-space:pre}
|
||||
.fm-button { height: 18px; display: inline-block; margin:2px 4px 0 0; padding: .6em .5em .2em .5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
|
||||
.fm-button-icon-left { padding-left: 1.9em; }
|
||||
.fm-button-icon-right { padding-right: 1.9em; }
|
||||
.fm-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px; }
|
||||
.fm-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px;}
|
||||
#nData, #pData { float: left; margin:3px;padding: 0; width: 15px; }
|
||||
.ViewTable {
|
||||
border-width: 0;
|
||||
border-style: none;
|
||||
border-spacing: 1px;
|
||||
padding: 4px;
|
||||
table-layout: fixed;
|
||||
}
|
||||
.ViewTable .CaptionTD, .ViewTable .DataTD {padding : 4px;}
|
||||
/* End Eorm edit */
|
||||
/*cell edit*/
|
||||
.ui-jqgrid .edit-cell {
|
||||
padding: 4px 0px 4px 4px;
|
||||
}
|
||||
.ui-jqgrid .selected-row, div.ui-jqgrid .selected-row td {font-style : normal;border-left: 0 none;}
|
||||
/* inline edit actions button*/
|
||||
.ui-inline-del.ui-state-hover span, .ui-inline-edit.ui-state-hover span,
|
||||
.ui-inline-save.ui-state-hover span, .ui-inline-cancel.ui-state-hover span {
|
||||
margin: -1px;
|
||||
}
|
||||
.ui-inline-del, .ui-inline-cancel {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.ui-jqgrid .inline-edit-cell {
|
||||
padding: 4px 0px 4px 4px;
|
||||
}
|
||||
/* Tree Grid */
|
||||
.ui-jqgrid .tree-wrap {float: left; position: relative;height: 18px;white-space: nowrap;overflow: hidden;}
|
||||
.ui-jqgrid .tree-minus {position: absolute; height: 18px; width: 18px; overflow: hidden;}
|
||||
.ui-jqgrid .tree-plus {position: absolute; height: 18px; width: 18px; overflow: hidden;}
|
||||
.ui-jqgrid .tree-leaf {position: absolute; height: 18px; width: 18px;overflow: hidden;}
|
||||
.ui-jqgrid .treeclick {cursor: pointer;}
|
||||
/* moda dialog */
|
||||
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;}
|
||||
/* width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/
|
||||
.ui-jqgrid-dnd tr td {border-right-width: 1px; border-right-color: inherit; border-right-style: solid; height:20px}
|
||||
/* RTL Support */
|
||||
.ui-jqgrid .ui-jqgrid-caption-rtl {text-align: right;}
|
||||
.ui-jqgrid .ui-jqgrid-hbox-rtl {float: right;}
|
||||
.ui-jqgrid .ui-jqgrid-resize-ltr {float: right;margin: -2px -2px -2px 0;}
|
||||
.ui-jqgrid .ui-jqgrid-resize-rtl {float: left;margin: -2px 0 -1px -3px;}
|
||||
.ui-jqgrid .ui-sort-rtl {left:0;}
|
||||
.ui-jqgrid .tree-wrap-ltr {float: left;}
|
||||
.ui-jqgrid .tree-wrap-rtl {float: right;}
|
||||
.ui-jqgrid .ui-ellipsis {-moz-text-overflow:ellipsis;text-overflow:ellipsis;}
|
||||
|
||||
/* Toolbar Search Menu , Nav menu*/
|
||||
.ui-search-menu,
|
||||
.ui-nav-menu {
|
||||
position: absolute;
|
||||
padding: 2px 5px;
|
||||
z-index:99999;
|
||||
-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
|
||||
-moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
|
||||
box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
|
||||
}
|
||||
.ui-search-menu.ui-menu .ui-menu-item,
|
||||
.ui-nav-menu.ui-menu .ui-menu-item
|
||||
{
|
||||
list-style-image: none;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
.ui-search-menu.ui-menu .ui-menu-item a,
|
||||
.ui-nav-menu.ui-menu .ui-menu-item a
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.ui-search-menu.ui-menu .ui-menu-item a.g-menu-item:hover,
|
||||
.ui-nav-menu.ui-menu .ui-menu-item a.g-menu-item:hover
|
||||
{
|
||||
margin: -1px;
|
||||
font-weight: normal;
|
||||
}
|
||||
.ui-jqgrid .ui-search-table { padding: 0; border: 0 none; height:20px; width:100%;}
|
||||
.ui-jqgrid .ui-search-table .ui-search-oper { width:20px; }
|
||||
a.g-menu-item, a.soptclass, a.clearsearchclass { cursor: pointer; }
|
||||
.ui-jqgrid .ui-jqgrid-view input,
|
||||
.ui-jqgrid .ui-jqgrid-view select,
|
||||
.ui-jqgrid .ui-jqgrid-view textarea,
|
||||
.ui-jqgrid .ui-jqgrid-view button {
|
||||
font-size: 11px;
|
||||
}
|
||||
.ui-jqgrid .ui-scroll-popup {width: 95px;}
|
||||
.ui-search-table select,
|
||||
.ui-search-table input
|
||||
{
|
||||
padding: 4px 3px;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-pg-table .ui-pg-button.ui-state-disabled:hover > .ui-separator {
|
||||
margin-left: 3px;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-pg-table .ui-pg-button.ui-state-disabled:hover > .ui-pg-div > .ui-icon {
|
||||
margin-left: 3px;
|
||||
margin-right: 3px;
|
||||
}
|
||||
/* Column menu */
|
||||
.ui-jqgrid .ui-jqgrid-htable .colmenu {
|
||||
position:absolute;
|
||||
right:1px;
|
||||
height:100%;
|
||||
color : black;
|
||||
}
|
||||
.ui-jqgrid .ui-jqgrid-htable .colmenu-rtl {
|
||||
right:auto;
|
||||
left : 1px;
|
||||
}
|
||||
.ui-jqgrid .ui-jqgrid-htable .colmenuspan {
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
.ui-jqgrid .ui-jqgrid-htable .ui-th-div {
|
||||
height:17px;
|
||||
margin-top:5px;
|
||||
display:inine-block;
|
||||
}
|
||||
.column-menu, .ui-search-menu {
|
||||
padding: 10px 10px;
|
||||
}
|
||||
.column-menu .divider {
|
||||
background-color: #e5e5e5;
|
||||
height: 1px;
|
||||
padding:0 0;
|
||||
margin: 5px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ui-menu-item .ui-common-table .menu_icon {
|
||||
white-space: pre;
|
||||
padding-right: 4px;
|
||||
padding-left: 4px;
|
||||
width : auto;
|
||||
}
|
||||
.ui-menu-item .ui-common-table .menu_icon .ui-icon {
|
||||
display : inline-block;
|
||||
position: relative;
|
||||
}
|
||||
td.menu_text {
|
||||
width: auto;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.ui-search-menu .ui-menu-item {
|
||||
padding : 0 0;
|
||||
}
|
||||
.ui-col-menu .ui-menu-item td.menu_text{
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
padding-left : 1px;
|
||||
}
|
||||
.ui-col-menu .ui-menu-item td.menu_icon{
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ui-col-menu .ui-menu-item td.menu_icon input{
|
||||
margin: 2px 0;
|
||||
|
||||
}
|
||||
#search_menu .ui-menu-item div {
|
||||
margin: 3px 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#search_menu .ui-menu-item div input,
|
||||
#search_menu .ui-menu-item div select
|
||||
{
|
||||
padding: 3px 2px;
|
||||
}
|
||||
#search_menu .search_buttons {
|
||||
display:inline-block;
|
||||
width:50%;
|
||||
}
|
||||
#column_menu.ui-menu .ui-menu-item {
|
||||
position :static;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,239 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* reset */
|
||||
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
|
||||
fieldset,img {border:0 none}
|
||||
dl,ul,ol,menu,li {list-style:none}
|
||||
blockquote, q {quotes: none}
|
||||
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
|
||||
input,select,textarea,button {vertical-align:middle}
|
||||
button {border:0 none;background-color:transparent;cursor:pointer}
|
||||
body{position:relative; font-size:62.5%; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum, sans-serif;}
|
||||
body,th,td,input,select,textarea,button {font-size:12px;line-height:1.5;color:#333} /* color값은 디자인가이드에 맞게사용 */
|
||||
a {color:#333;text-decoration:none}
|
||||
a:active, a:hover {text-decoration:none}
|
||||
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
|
||||
/* reset */
|
||||
|
||||
html{height:100%;}
|
||||
body{height:100%;}
|
||||
iframe{border:0;}
|
||||
.topMenu{float:left; position:absolute; top:0; left:0; width:100%; height:80px; overflow-y:hidden; transition:height 0.3s;}
|
||||
.leftMenu{float:left; width:180px; height:calc(100% - 80px); padding-top:80px;}
|
||||
.rightCon{float:left; width:calc(100% - 180px); height:calc(100% - 80px); padding-top:80px;}
|
||||
header, section, footer, .topmenu_wrap, .gnb_wrap{width:100%; box-sizing:border-box;}
|
||||
|
||||
.btn_img{cursor:pointer;}
|
||||
.btn_auto{width:69px; height:32px; border:0; background:url(../img/btn_auto.png) no-repeat;}
|
||||
.btn_add{width:69px; height:32px; border:0; background:url(../img/btn_add.png) no-repeat;}
|
||||
.btn_addAll{width:69px; height:32px; border:0; background:url(../img/btn_addAll.png) no-repeat;}
|
||||
.btn_remove{width:69px; height:32px; border:0; background:url(../img/btn_remove.png) no-repeat;}
|
||||
.btn_removeAll{width:69px; height:32px; border:0; background:url(../img/btn_removeAll.png) no-repeat;}
|
||||
.btn_pop_add{width:57px; height:22px; border:0; background:url(../img/btn_pop_add.png) no-repeat;}
|
||||
.btn_download{width:104px; height:32px; border:0; background:url(../img/btn_download.png) no-repeat;}
|
||||
.btn_allAdd{width:104px; height:32px; border:0; background:url(../img/btn_allAdd.png) no-repeat;}
|
||||
.btn_allDelete{width:104px; height:32px; border:0; background:url(../img/btn_allDelete.png) no-repeat;}
|
||||
|
||||
header.sub{position:relative; padding-top:80px;}
|
||||
.topmenu_box > ul > li{float:left;}
|
||||
.gnb nav .depth1 > li{float:left;}
|
||||
|
||||
.gnb_wrap{position:absolute; top:0; box-sizing:border-box; width:100%; height:80px; font-size:0; line-height:0; z-index:100;}
|
||||
.gnb_wrap h1{display:inline-block; width:230px; height:80px; box-sizing:border-box; padding-left:10px; /* padding-top:30px; */ vertical-align:top;}/*line-height:80px;*/
|
||||
.gnb_wrap h1 img{vertical-align:middle;}
|
||||
.topmenu_box{position:absolute; top:0; right:0;}
|
||||
.topmenu_box > ul{display:inline-block;}
|
||||
.topmenu_box > ul li{display: inline-block;}
|
||||
.topmenu_box > ul li a {position:relative; display:block; width:120px; height: 80px; line-height: 20px; box-sizing: border-box; color: #666; font-size:14px; text-align:center; opacity:0.7; transition:all 0.3s;margin-top:20px;}
|
||||
.topmenu_box > ul li:hover a{opacity:1;}
|
||||
.topmenu_box > ul li a img{display:inline-block; margin-right:10px; vertical-align:middle;}
|
||||
.topmenu_box > ul li:last-child > a:before{content:''; position:absolute; top:34px; left:0; display:inline-block; width:1px; height:13px; background:#ddd;}
|
||||
|
||||
.topmenu_box .service_type{display:inline-block; width:85px; height:80px; line-height:80px; box-sizing:border-box; border-left:1px solid #ddd; font-size:14px; color:#000; text-align:center; vertical-align:top;}
|
||||
.topmenu_box .service_type .title{display:inline-block; width:100%; height:100%;}
|
||||
.topmenu_box .service_type .title .icon{display:inline-block; width:10px; height:7px; line-height:0; transform-origin:center center; transition:transform 0.3s;}
|
||||
.topmenu_box .service_type .list{display:none; width:100%; line-height:25px;}
|
||||
.topmenu_box .service_type .list > li > a{display:inline-block; width:100%; height:25px; line-height:25px; background:white; border-top:1px solid #eee; text-align:center;}
|
||||
.topmenu_box .service_type .list > li > a:hover{background:#ddd;}
|
||||
/* .topmenu_box ul li span.red{color:rgba(255,96,78,1); animation: blink 2s linear infinite;}
|
||||
@keyframes blink {
|
||||
0% { color:rgba(255,96,78,0);}
|
||||
50% { color:rgba(255,96,78,1); }
|
||||
100% { color:rgba(255,96,78,0); }
|
||||
} */
|
||||
|
||||
.gnb_bg{position:absolute; top:80px; left:0; display:none; width:100%; height:382px; box-sizing:border-box; background:white; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);}
|
||||
.gnb{position:absolute; top:0px; left:230px; display:inline-block; height:80px; overflow-y:hidden;}
|
||||
.gnb:hover{height:auto; overflow-y:visible;}
|
||||
.gnb:hover + .gnb_bg{display:block;}
|
||||
.gnb h1{float:left; display:block; width:auto; height:100%; line-height:80px;}
|
||||
.gnb nav{display:inline-block;}
|
||||
|
||||
.gnb .depth1 > li{position:relative;}
|
||||
.gnb .depth1 > li > a{position:relative; display:block; box-sizing:border-box; color:#000; font-size:14px; width:160px; height:80px; text-align:center; line-height:80px; letter-spacing:-0.5px; opacity:0.7; transition:all 0.3s;}
|
||||
.gnb .depth1 > li > a:after{content:''; position:absolute; top:34px; right:0; display:inline-block; width:1px; height:13px; background:#ddd;}
|
||||
.gnb .depth1 > li:first-child > a:before{content:''; position:absolute; top:34px; left:0; display:inline-block; width:1px; height:13px; background:#ddd;}
|
||||
/*
|
||||
.gnb .depth1 > li:hover .red_box{transform:scaleX(1);}
|
||||
.gnb .depth1 > li:hover > a{opacity:1;}
|
||||
.gnb .depth1 > li > .red_box{display:block; position:absolute; width:100%; height:2px; top:78px; box-sizing:border-box; background:#ed1c24; transform-origin:center center; transform:scaleX(0); transition:all 0.3s;}
|
||||
*/
|
||||
.gnb .depth2{position:absolute; left:0; top:80px; width:160px; height:410px; box-sizing:border-box; padding:20px 0; border-right:1px solid #eee; text-align:center; z-index:9;}
|
||||
.gnb .depth2.first{border-left:1px solid #eee;}
|
||||
.gnb .depth2 > li > a{display:block; color:#000; font-size:13px; line-height:30px;}
|
||||
.gnb .depth2 > li > a:hover{color:#ff0000;}
|
||||
|
||||
|
||||
.left_box{position:absolute; display:inline-block; width:230px; height:100%; box-sizing:border-box; border-top:1px solid #ddd;}
|
||||
.right_box{display:inline-block; width:100%; min-height:100%; box-sizing:border-box; border-top:1px solid #ddd; border-left:1px solid #ddd; background:white;}
|
||||
|
||||
|
||||
.left_box .title{font-size:20px; color:#333; font-weight:normal; height:50px; line-height:50px; padding-left:10px; box-sizing:border-box; background:#eee;}
|
||||
.left_box .depth3{padding:15px 0 15px 16px;}
|
||||
.left_box .depth3 > li > a{display:block; font-size:12px; color:#000; height:40px; line-height:40px; text-align:left;}
|
||||
.left_box .depth3 > li:hover > a, .left_box .depth3 > li.on > a{color:#ed1c24;}
|
||||
|
||||
.content_top{position:fixed; top:0; left:0; padding:0 30px; width:100%; height:50px; line-height:50px; background:#eee; border-top:1px solid #ddd; border-left:1px solid #ddd; z-index:100;}
|
||||
.content_top .path{}
|
||||
.content_top .path > li{display:inline-block;}
|
||||
.content_top .path > li a{display:block; height:50px; line-height:50px; padding-left:10px; font-size:12px; color:#999;}
|
||||
.content_top .path > li a:hover{color:#666;}
|
||||
.content_top .path > li a:before{content:'>'; margin-right:10px;}
|
||||
.content_top .path > li:first-child a:before{content:'';}
|
||||
|
||||
.content_middle{position:relative; padding:30px; margin-top:50px; box-sizing:border-box;}
|
||||
.content_middle .search_wrap{position:absolute; right:30px; top:30px;}
|
||||
.content_middle .search_wrap img{cursor:pointer; vertical-align:middle;}
|
||||
.content_middle .title{position:relative; display:inline-block; height:32px; line-height:32px; margin-bottom:15px; font-size:16px; color:#000;}
|
||||
.content_middle .title_adptdetail{position:relative; display:inline-block; height:32px; line-height:32px; margin-bottom:15px; font-size:16px; color:#be8200;}
|
||||
.content_middle .title .tooltip{position:absolute; top:100%; left:0; display:none; min-width:500px; padding:10px; line-height:20px; font-size:12px; color:white; border-radius:3px; background:rgba(17,17,17,0.8); z-index:999;}
|
||||
.content_middle .title:hover .tooltip{display:inline-block;}
|
||||
.content_middle .title .tooltip:after{content:""; position:absolute; top:-10px; left:10%; border-width:5px; border-style:solid; border-color:transparent transparent rgba(17,17,17,0.8) transparent;}
|
||||
.content_middle .title .ie7_class23.tooltip{background:#111;} /* ie9 미만 */
|
||||
|
||||
.popup_box{position:relative; padding:10px; box-sizing:border-box;}
|
||||
.popup_box .search_wrap{position:absolute; right:10px; top:10px;}
|
||||
.popup_box .search_wrap img{cursor:pointer;}
|
||||
.popup_box .title{position:relative; display:inline-block; height:32px; line-height:32px; margin-bottom:15px; font-size:16px; color:#000;}
|
||||
|
||||
.popup_scrollbox{padding:10px; width: calc(100% - 20px);; border:0;}
|
||||
.popup_scrollbox .search_wrap{position:absolute; right:40px; top:10px; border:1px}
|
||||
.popup_scrollbox .search_wrap img{cursor:pointer;}
|
||||
.popup_scrollbox .title{position:relative; display:inline-block; height:32px; line-height:32px; margin-bottom:15px; font-size:16px; color:#000;}
|
||||
|
||||
|
||||
.dropdown{display:inline-block; vertical-align:middle;}
|
||||
.dropdown select {
|
||||
appearance:none;
|
||||
-webkit-appearance: none; /*Removes default chrome and safari style*/
|
||||
-moz-appearance: none; /* Removes Default Firefox style*/
|
||||
background: url(../img/dropdown_arrow.png) no-repeat 95% 13px; /*Adds background-image*/
|
||||
text-indent: 0.01px; /* Removes default arrow from firefox*/
|
||||
text-overflow: ""; /*Removes default arrow from firefox*/
|
||||
box-sizing:border-box; width:100%; height:34px; border-radius:3px; padding-left:5px; padding-right:20px; font-size: 12px; color:black; border: 1px solid #ccc; transition:all 0.2s;
|
||||
}
|
||||
.dropdown select::-ms-expand { /* for IE 11 */
|
||||
display: none;
|
||||
}
|
||||
.dropdown select:focus{border:1px solid #666; outline:0;}
|
||||
|
||||
.table_cmt{margin-bottom:15px; font-size:12px;}
|
||||
.table_row_title{margin-bottom:15px; font-size:16px;}
|
||||
.table_row{width:100%; margin-bottom:15px; border:0; border-top:1px solid #a3a9b1; border-left:1px solid #a3a9b1; font-size:12px; color:#333;}
|
||||
.table_row caption{display:none;}
|
||||
.table_row td{height:30px; padding:0 15px; border-right:1px solid #a3a9b1; border-bottom:1px solid #a3a9b1;}
|
||||
.table_row th{padding:0 10px; border-right:1px solid #ebebec; border-bottom:1px solid #a3a9b1; text-align:left; background:#f6f6f6;}
|
||||
.table_row .select-style {width: 100%; overflow: hidden; background: #fff url(../img/icon_arrow_down.png) no-repeat right 50%; border:1px solid #ebebec;}
|
||||
.table_row .select-style select {width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; appearance: none;}
|
||||
.table_row .select-style select:focus {outline: none;}
|
||||
.table_row input[type="text"], .table_row input[type="number"], .table_row input[type="password"]{width:100%; border:1px solid #ebebec; padding:2px;}
|
||||
.table_row textarea{width:100%; border:1px solid #ebebec; padding:2px;}
|
||||
.table_row input[type="radio"] + label{margin:0 10px 0 5px;}
|
||||
.table_row input[readonly]{background:#ebebec;}
|
||||
.table_row td *{vertical-align:middle;}
|
||||
.table_row th.center{height:30px; border-right:1px solid #a3a9b1; text-align:center;}
|
||||
|
||||
.table_inner{width:100%; border:0; font-size:12px; color:#333;}
|
||||
.table_inner td{padding:0; border:0;}
|
||||
.table_inner .select-style {width: 100%; overflow: hidden; background: #fff url(../img/icon_arrow_down.png) no-repeat right 50%; border:1px solid #ebebec;}
|
||||
.table_inner .select-style select {width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; appearance: none;}
|
||||
.table_inner .select-style select:focus {outline: none;}
|
||||
.table_inner input[type="text"], .table_row input[type="number"], .table_row input[type="password"]{width:100%; border:1px solid #ebebec; padding:2px;}
|
||||
.table_inner textarea{width:100%; border:1px solid #ebebec; padding:2px;}
|
||||
.table_inner input[type="radio"] + label{margin:0 10px 0 5px;}
|
||||
.table_inner input[readonly]{background:#ebebec;}
|
||||
.table_inner td *{vertical-align:middle;}
|
||||
|
||||
.diagram_wrap{border:1px solid #a3a9b1; padding:10px; margin-bottom:15px;}
|
||||
.diagram_wrap .adapter_wrap{font-size:0;}
|
||||
.diagram_wrap .title_wrap{margin-bottom:15px; font-size:0;}
|
||||
.diagram_wrap .title_wrap .title_box{height:30px; line-height:30px; box-sizing:border-box; font-size:12px; text-align:center; border:1px dashed #a3a9b1; border-radius:3px; vertical-align:top;}
|
||||
.table_diagram{width:100%; height:200px; margin-bottom:15px; border:1px dashed #a3a9b1; border-radius:3px; font-size:0px; line-height:200px;}
|
||||
.diagram_wrap .table_diagram_wrap:last-child .table_diagram{margin-bottom:0;}
|
||||
.table_diagram .side_col{display:inline-block; width:40px; box-sizing:border-box; background:white; color:white; font-size:12px; text-align:center; vertical-align:middle; line-height:30px;}
|
||||
.table_diagram .center_col{display:inline-block; width:300px; box-sizing:border-box; padding:5px; border:1px dashed #a3a9b1; border-radius:3px; background:white; color:#111; font-size:12px; text-align:center; vertical-align:middle; line-height:30px;}
|
||||
.table_diagram .contents_col{position:relative; display:inline-block; width:calc(46% - 150px); height:200px; box-sizing:border-box; background:white; color:#111; font-size:12px; vertical-align:middle; line-height:30px;}
|
||||
.table_diagram .contents_col .top_wrap{position:absolute; top:0; left:20px; display:inline-block;}
|
||||
.table_diagram .contents_col .middle_wrap{position:absolute; top:50%; left:0; margin-top:-29px; padding:0 20px; width:100%; height:58px; box-sizing:border-box; line-height:58px;}
|
||||
.table_diagram .contents_col .bottom_wrap{position:absolute; bottom:5px; left:20px;}
|
||||
.table_diagram .select-style {width: 100%; overflow: hidden; background: #fff url(../img/icon_arrow_down.png) no-repeat right 50%;}
|
||||
.table_diagram .select-style select {width: 110%; border: none; box-shadow: none; background-color: transparent; background-image: none; appearance: none;}
|
||||
.table_diagram .select-style select:focus {outline: none;}
|
||||
.table_diagram input[type="text"], .table_diagram input[type="number"]{width:100%; border:1px solid #ebebec; padding:2px;}
|
||||
.table_diagram input[readonly]{background:#ebebec;}
|
||||
.table_diagram *{vertical-align:middle;}
|
||||
.table_diagram .arrow_wrap{position:absolute; top:50%; left:0; margin-top:-29px; width:100%; font-size:0;}
|
||||
.table_diagram .arrow_wrap .head_left{display:inline-block; width:40px; height:58px; background:url(../img/left_arrow_head.png) center center no-repeat;}
|
||||
.table_diagram .arrow_wrap .body_left{display:inline-block; width:calc(100% - 310px); height:58px; background:url(../img/left_arrow_body.png) center center repeat-x;}
|
||||
.table_diagram .arrow_wrap .tale_left{display:inline-block; width:270px; height:58px; background:url(../img/left_arrow_tale.png) center center no-repeat;}
|
||||
.table_diagram .arrow_wrap .head_right{display:inline-block; width:40px; height:58px; background:url(../img/right_arrow_head.png) center center no-repeat;}
|
||||
.table_diagram .arrow_wrap .body_right{display:inline-block; width:calc(100% - 310px); height:58px; background:url(../img/right_arrow_body.png) center center repeat-x;}
|
||||
.table_diagram .arrow_wrap .tale_right{display:inline-block; width:270px; height:58px; background:url(../img/right_arrow_tale.png) center center no-repeat;}
|
||||
|
||||
.search_condition{width:100%; margin-bottom:15px; border:0; border-top:1px solid #a3a9b1; border-left:1px solid #a3a9b1; font-size:12px; color:#333;}
|
||||
.search_condition td{height:30px; padding:0 15px; border-right:1px solid #a3a9b1; border-bottom:1px solid #a3a9b1;}
|
||||
.search_condition th{padding:0 10px; border-right:1px solid #ebebec; border-bottom:1px solid #a3a9b1; text-align:center; background:#f6f6f6;}
|
||||
.search_condition .select-style {width: 100%; overflow: hidden; background: #fff url(../img/icon_arrow_down.png) no-repeat right 50%; border:1px solid #ebebec;}
|
||||
.search_condition .select-style select {width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; appearance: none;}
|
||||
.search_condition .select-style select:focus {outline: none;}
|
||||
.search_condition input[type="text"]{width:100%; border:1px solid #ebebec; padding:2px;}
|
||||
.search_condition input[readonly]{background:#ebebec;}
|
||||
.search_condition input[type="radio"] + label{margin:0 10px 0 5px;}
|
||||
.search_condition td *{vertical-align:middle;}
|
||||
|
||||
ul.tabs{height:32px; border-bottom:1px solid #a3a9b1; box-sizing:border-box;}
|
||||
ul.tabs li {position: relative; float: left; height: 32px; line-height: 32px; box-sizing:border-box; padding:0 20px; border: 1px solid #a3a9b1; border-left: none; font-weight: bold; background: #fafafa; overflow: hidden; text-align: center; cursor: pointer;}
|
||||
ul.tabs li:first-child{border-left:1px solid #a3a9b1;}
|
||||
ul.tabs li.active {background: #FFFFFF; border-bottom: 1px solid #FFFFFF; color:#ed1c24;}
|
||||
.tab_container {border: 1px solid #a3a9b1; border-top: none; clear: both; float: left; width: 100%; background: #FFFFFF; margin-bottom:15px;}
|
||||
.tab_content {display: block; padding:10px; font-size: 12px;}
|
||||
|
||||
.transform_title{height:60px; line-height:60px; font-size:16px; border-top:1px solid #a3a9b1;}
|
||||
ul.transform{border-top:1px solid #a3a9b1; border-bottom:1px solid #a3a9b1; font-size:0;}
|
||||
ul.transform li{display:inline-block; width:33.3%; box-sizing:border-box; font-size:12px; vertical-align:top;}
|
||||
ul.transform li .box_wrap{margin:20px 0; border-left:1px solid #eee;}
|
||||
ul.transform li:nth-child(3n+1) .box_wrap{border-left:0;}
|
||||
ul.transform li:nth-child(4), ul.transform li:nth-child(5), ul.transform li:nth-child(6){border-top:1px solid #eee;}
|
||||
ul.transform li .box{position:relative; box-sizing:border-box; padding:0 20px;}
|
||||
ul.transform li .tit{margin-bottom:15px; font-size:16px;}
|
||||
ul.transform li .con{font-size:12px;}
|
||||
|
||||
.ui-widget{font-family:"맑은고딕", Malgun Gothic, '돋움', dotum, sans-serif; z-index:0;}
|
||||
.ui-jqgrid .ui-pg-input, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-input{height:20px; line-height:0px;} /* jqgrid pagination 인풋 높이 (익스에서 커서가 움직이는 거 방지하기 위함)*/
|
||||
|
||||
/*datepicker*/
|
||||
.ui-datepicker-trigger{cursor:pointer;}
|
||||
.hasDatepicker{cursor:pointer;}
|
||||
|
||||
#modal-overlay {
|
||||
position: fixed;
|
||||
top:0;
|
||||
left:0;
|
||||
z-index: 100;
|
||||
background: black;
|
||||
display: block;
|
||||
opacity: .75;
|
||||
filter: alpha(opacity=75);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
Reference in New Issue
Block a user