@@ -3,6 +3,30 @@ html, body {border: 0; margin: 0; padding: 0; cursor: default; overflow: hidden;
33html , body , input , select , button , textarea {font-family : Tahoma, Arial, Helvetica, sans-serif;}
44.light-theme { color-scheme : light; }
55.dark-theme { color-scheme : dark; }
6+ : root {
7+ --menu-color : # 000000 ;
8+ --menu-background-color : # ffffff ;
9+ --menu-border-color : # d0d0d0 ;
10+
11+ --menu-disabled-color : # c0c0c0 ;
12+ --menu-disabled-background-color : # ffffff ;
13+
14+ --menu-highlight-color : # ffffff ;
15+ --menu-highlight-background-color : # cfdeef ;
16+
17+ --settings-background-color : # fafafa ;
18+ }
19+ category-list .rightalign-labelsize panel-label ::part (size ) {
20+ margin-left : auto;
21+ }
22+ category-list .hide-textoverflow panel-label ::part (text ) {
23+ overflow : hidden;
24+ text-overflow : ellipsis;
25+ }
26+ dialog {
27+ background-color : var (--settings-background-color );
28+ border-color : var (--menu-border-color );
29+ }
630form {margin : 0 ;}
731div # preload {width : 0px ; height : 0px ; display : none; background-image : url(../ images/toolbar.png); background-image : url(../ images/tstatus.png); background-image : url(../ images/t_bg.png); background-image : url(../ images/r_bg.gif); background-image : url(../ images/i_bg.gif); background-image : url(../ images/asc.gif); background-image : url(../ images/desc.gif); background-image : url(../ images/close.png); background-image : url(../ images/file.gif); background-image : url(../ images/dir.gif); background-image : url(../ images/pnl_open.gif); background-image : url(../ images/pnl_close.gif)}
832div # cover {width : 100% ; height : 100% ; left : 0px ; top : 0px ; position : absolute; z-index : 500 ; background : # FFFFFF }
@@ -28,24 +52,18 @@ div#sc ul li {margin: 0; padding: 0}
2852div # sc li div {line-height : 14px ; padding : 4px ; font-weight : bold; font-size : 11px ;}
2953div # sc li .se_act div {background-color : # 808080 ; color : # FFFFFF }
3054ul .CMenu {width : 150px ; left : 0px ; top : 0px ; display : none; border : 1px solid # A0A0A0 ; border-right : 2px solid # A0A0A0 ; border-bottom : 2px solid # 808080 ; background : # F0F0F0 ; text-decoration : none; padding : 2px 0 0 2px ; margin : 0 ; list-style-type : none; z-index : 1000 }
31- ul .CMenu li {float : left; margin-right : 1px ; position : relative; width : 150px ; background : # FFFFFF }
32- ul .CMenu li a {display : block}
33- ul .CMenu li a .dis {color : # C0C0C0 }
34- ul .CMenu li a .dis : hover {background-color : # FFFFFF ; color : # C0C0C0 }
35- ul .CMenu li a {line-height : 16px ; padding : 3px 4px 3px 16px ; font-weight : normal}
36- ul .CMenu li hr {width : 90% ; border-top : 1px solid # D0D0D0 ; height : 0px ; margin-top : 2px ; margin-bottom : 2px ; }
55+ ul .CMenu li {float : left; margin-right : 1px ; position : relative; width : 150px ; background : var (--menu-background-color ); }
56+ ul .CMenu li a {display : block; line-height : 16px ; padding : 3px 4px 3px 16px ; font-weight : normal; background-color : var (--menu-background-color ); color : var (--menu-color );}
57+ ul .CMenu li ul li a .dis , ul .CMenu li a .dis { color : var (--menu-disabled-color ); }
58+ ul .CMenu li hr {width : 90% ; border-top : 1px solid var (--menu-border-color ); height : 0px ; margin-top : 2px ; margin-bottom : 2px ; }
3759.ie ul .CMenu li hr { line-height : 1px ; font-size : 1px ; margin : 0 }
3860ul .CMenu li a .exp {background : transparent url(../ images/menuexp.gif) no-repeat scroll 140px center; }
3961ul .CMenu li a .sel {background : transparent url(../ images/menusel.gif) no-repeat scroll 4px center}
40- ul .CMenu li a : hover {background-color : # CFDEEF ; color : # 000000 }
62+ ul .CMenu li a : not (. dis ) : hover {background-color : var ( --menu-highlight-background-color ) ; color : var ( --menu-highlight-color ) }
4163
4264ul .CMenu li : hover ul {display : block; position : absolute; top : 0 ; left : 146px ; width : 150px ;}
4365ul .CMenu li : hover ul li ul {display : none;}
44- ul .CMenu li : hover ul li a {display : block; background-color : # FFFFFF ; color : # 000000 }
45- ul .CMenu li : hover ul li a : hover {background-color : # CFDEEF ; color : # 000000 }
4666ul .CMenu li : hover ul .left {left : -150px }
47- ul .CMenu li ul li a .dis {color : # C0C0C0 }
48- ul .CMenu li ul li a .dis : hover {background-color : # FFFFFF ; color : # C0C0C0 }
4967
5068span .htkey {text-align : right; position : absolute; right : 16px ; z-index : 100 }
5169# sel {width : 0px ; height : 0px ; position : absolute; left : 0px ; top : 0px ; border : 1px dotted # 000000 ; display : none; z-index : 1000 }
@@ -78,51 +96,23 @@ div#t div#plugins {background: transparent url(../images/plugin.png) no-repeat 0
7896div # t a # mnu_go {margin : 3px 0 0 0 ; padding : 3px }
7997div # t # ind {margin-top : 2px ; background : transparent url(../ images/ajax-loader.gif) no-repeat 0px center; width : 32px ; margin-right : 2px ; line-height : 26px ; cursor : default; }
8098
81- input .Textbox , input .Button , select {border : 1px solid # B0B0B0 ; font-size : 11px ; padding : 2px }
99+ input .Textbox , button , input .Button , select {border : 1px solid # B0B0B0 ; font-size : 11px ; padding : 2px }
82100Input .TextboxShort {border : 1px solid # B0B0B0 ; font-size : 11px ; padding : 2px ; width : 50px }
83101Input .TextboxMid {border : 1px solid # B0B0B0 ; font-size : 11px ; padding : 2px ; width : 110px }
84102Input .TextboxLarge {border : 1px solid # B0B0B0 ; font-size : 11px ; padding : 2px ; width : 220px }
85103Input .TextboxVShort {border : 1px solid # B0B0B0 ; font-size : 11px ; padding : 2px ; width : 30px }
86- input .Button {padding : 1px 10px ; background : # F0F0F0 url(../ images/ h.gif) repeat-x center bottom; width : 80px ; height : 19px ; border : 1px solid # A0A0A0 ; cursor : pointer }
87- input .Button [disabled ] { opacity : 0.3 ; cursor : default }
88- input .Button : not ([disabled ]): hover { background-color : # F5F5F5 ; }
89- input .Button : not ([disabled ]): hover : active { background-color : # FAFAFA ; }
90- # pview { display : flex; padding-right : 0px ; }
91- # pview > span { flex : 1 ; }
104+ button , input .Button {padding : 1px 10px ; background : # F0F0F0 url(../ images/ h.gif) repeat-x center bottom; width : 80px ; height : 19px ; border : 1px solid # A0A0A0 ; cursor : pointer }
105+ button [disabled ], input .Button [disabled ] { opacity : 0.3 ; cursor : default }
106+ button : not ([disabled ]): hover , input .Button : not ([disabled ]): hover { background-color : # F5F5F5 ; }
107+ button : not ([disabled ]): hover : active , input .Button : not ([disabled ]): hover : active { background-color : # FAFAFA ; }
92108# pview_save_view_button { align-self : center; width : 38px ; height : 19px ; padding : 0px ; line-height : 2px ; font-size : 19px ; }
93- # pview_cont .label-text { white-space : pre; }
94- .pview_custom_view .label-icon { background-image : none; background-color : # F0F0F0 ; border : 1px solid rgba (128 , 128 , 128 , 0.2 ); border-radius : 0.8em ; min-width : 14px ; min-height : 14px ; display : flex; font-style : normal; }
95- .pview_custom_view .label-icon > span { flex : 1 ; text-align : center; font-size : 11px ; font-weight : bold; }
96109
97110select {margin-top : 5px }
98111a {font-size : 11px ; color : # 686868 }
99112table # maincont {margin : 5px 0 0 0 ; min-width : 600px ;}
100113table # maincont td .uicell {vertical-align : top; padding : 0 }
101114
102- div # CatList {width : 0px ; border : 1px solid # A0A0A0 ; background-color : # FFFFFF ; overflow-y : auto; overflow-x : hidden; min-width : 160px ; }
103- div # CatList ul { margin : 0 ; padding : 0 ; list-style : none; white-space : nowrap}
104- div # CatList ul li { display : flex; padding : 3px ; flex-flow : row nowrap; align-items : center; height : 16px ; font-size : 11px ; cursor : pointer; border : 0px solid # FFFFFF ; overflow : hidden;}
105- div # CatList ul li .sel {background-color : # CFDEEF ; border-color : # CFDEEF }
106- div # CatList ul li div { margin-right : 0.5em ; }
107- div # CatList .label-prefix { flex : 0 0 auto; display : flex; flex-flow : row nowrap; opacity : 0.1 ; font-family : monospace; font-size : 19px ; margin-left : -2px ; margin-right : 2px ; }
108- div # CatList .label-prefix div { margin-right : 0px ; width : 12px ; }
109- .label-icon { min-width : 16px ; min-height : 16px ; background-image : url(../ images/tstatus.png); background-repeat : no-repeat; }
110- .label-icon img { width : 16px ; height : 16px ; }
111- .-_-_-all-_-_- .label-icon , # -_-_-all-_-_- .label-icon {background-position : 0px -176px ;}
112- # -_-_-dls-_-_- .label-icon {background-position : 0px 0px ;}
113- # -_-_-com-_-_- .label-icon {background-position : 0px -16px ;}
114- # -_-_-act-_-_- .label-icon {background-position : 0px -160px ;}
115- # -_-_-iac-_-_- .label-icon {background-position : 0px -32px ;}
116- # -_-_-err-_-_- .label-icon {background-position : 0px -96px ;}
117- .label-count , .label-size { background-color : # F0F0F0 ; padding : 0.1em 0.3em 0.1em 0.3em ; border-radius : 0.8em ; }
118- # CatList .rightalign-labelsize .label-size {
119- margin-left : auto;
120- }
121- # CatList .hide-textoverflow .label-text {
122- overflow : hidden;
123- text-overflow : ellipsis;
124- }
125- # flabel_cont li : not (.-_-_-all-_-_- ) .label-icon { background-position : 0px -32px ; }
115+ # CatList { display : block; margin : 0 ; padding : 0 ; width : 0px ; border : 1px solid # A0A0A0 ; background-color : # FFFFFF ; overflow-y : auto; overflow-x : hidden; min-width : 160px ; }
126116
127117.stable-icon {background-image : url(../ images/tstatus.png); background-repeat : no-repeat}
128118.Status_Down {background-position : 0px 0px }
@@ -148,7 +138,7 @@ div#stg {width: 600px; height: 560px; position: absolute; left: 0px; top: 50px;
148138div # stg_c {overflow : hidden}
149139div # stg-header { background-image : url(../ images/settings.gif); }
150140
151- div # stg .lm {width : 120px ; height : 511px ; margin : 5px ; margin-right : 0 ; padding : 5px ; float : left; position : relative; background-color : # FFFFFF ; border : 1px solid # D0D0D0 ; overflow : auto}
141+ div # stg .lm {width : 120px ; height : 511px ; margin : 5px ; margin-right : 0 ; padding : 5px ; float : left; position : relative; background-color : var ( --menu-background-color ) ; border : 1px solid var ( --menu-border-color ) ; overflow : auto}
152142.ie div # stg .lm {width : 125px ; position : static;}
153143.ie9 div # stg .lm {position : static}
154144.ie div # stg {width : 605px ;}
@@ -171,7 +161,7 @@ div.algnright {text-align: right; clear: right}
171161.lm li a {color : # 000000 ; padding : 1px 2px }
172162.lm li a .focus {background-color : # E0E0E0 }
173163.ie .lm li a {margin : 0 0 0 -5px ; padding : 0 }
174- .stg_con { display : none; float : right; position : relative; width : 450px ; height : 500px ; margin : 4px ; background-color : # FAFAFA }
164+ .stg_con { display : none; float : right; position : relative; width : 450px ; height : 500px ; margin : 4px ; background-color : var ( --settings-background-color ); }
175165.ie9 .stg_con {position : static}
176166fieldset {margin : 4px }
177167* > fieldset {border : 1px solid # D0D0D0 ; -moz-border-radius : 6px ; -webkit-border-radius : 6px ; border-radius : 6px ;}
@@ -220,7 +210,7 @@ div.graph_tab {background-color: #FFFFFF; overflow: hidden; display: block; -moz
220210.graph_tab_tooltip { position : absolute; border : 1px solid # fdd ; padding : 2px ; background-color : # fee ; color : black; font-size : 11px ; font-weight : bold; font-family : Tahoma, Arial, Helvetica, sans-serif; opacity : 0.80 ; }
221211
222212div .table_tab {background-color : # FFFFFF ; overflow : hidden; display : block; -moz-user-select : none; -moz-user-focus : normal; -moz-user-input : enabled; user-select : none; }
223- div # List {border : 1px solid # A0A0A0 ;}
213+ div # List , . main-table {border : 1px solid # A0A0A0 ;}
224214
225215div .cont {padding : 6px ; font-size : 11px ;}
226216
@@ -275,8 +265,6 @@ span#loadimg {padding: 20px; background: transparent url(../images/ajax-loader.g
275265div # HDivider : hover , div # VDivider : hover { background : # A0A0A0 ; }
276266textarea { overflow : auto; }
277267
278- .catpanel { background : url(../ images/pnl_open.gif) 2px no-repeat; background-color : # F0F0F0 ; border-bottom : 1px solid # A0A0A0 ; border-top : 1px solid # A0A0A0 ; padding : 2px 21px ; margin : 0px ; line-height : 16px ; font-size : 11px ; cursor : pointer; -moz-user-select : none; -moz-user-focus : normal; -moz-user-input : enabled; user-select : none; }
279-
280268div # tadd-header {background-image : url(../ images/world.gif)}
281269div # tadd {display : none; left : 100px ; top : 100px ; position : absolute; margin : 0 auto }
282270div # tadd label {text-align : right; width : 75px ; padding-right : 20px ; float : left }
0 commit comments