| b.liu | e958203 | 2025-04-17 19:18:16 +0800 | [diff] [blame] | 1 | /*Contents of stylesheet.css*/
|
| 2 |
|
| 3 | body { margin: 0px; font:normal 12px Arial, Helvetica, sans-serif; color:#333; background:#fff}
|
| 4 | a {text-decoration:none; color:#000 }
|
| 5 | a:hover {color: #FF0000;cursor:pointer; }
|
| 6 | a:focus { outline:0 }
|
| 7 | a img { border:0; }
|
| 8 | .clear { clear:both; height:0; line-height:0; font-size:1px; }
|
| 9 | .clearCrm { display:block; [display:block; display:none;]; *display:block; }
|
| 10 | form, .navigation ul li, .navigation ul, .homeBox h2, .boxInner h3, .boxInner p, .leftMenu, .leftMenu li { margin:0; padding:0; }
|
| 11 | /*.mainColumn { min-height:455px; } */
|
| 12 | .header, .mainColumn, .footer { width:964px; margin:auto; background:#fff }
|
| 13 | .header { background:url(//192.168.1.1/images/nav-left.png) no-repeat left bottom #fff; }
|
| 14 | .header, .mainColumn { border-left:19px solid #fff; border-right:19px solid #fff }
|
| 15 | .lable14 { float: left; width:80%; text-align:left; margin:0 auto 10px auto; font-weight:bold; color:#f00; }
|
| 16 | .logo, .loginArea, .navigation ul li, .homeBox, .footer div, .footer span, .leftBar, .content, .navigation .date, .navigation ul
|
| 17 | { float:left; }
|
| 18 |
|
| 19 | .logo { width:100px; padding:10px 7px; }
|
| 20 | .loginArea { width:840px; text-align:right; padding:25px 10px 0 0; line-height:18px; }
|
| 21 | .loginArea span a { color:#000; }
|
| 22 | .loginArea span a:hover { text-decoration:underline }
|
| 23 | .navigation { background:url(//192.168.1.1/images/nav-right.png) no-repeat right top; height:38px; margin-left:8px }
|
| 24 | .navigation ul, .navigation .date { background:url(//192.168.1.1/images/nav-bg.png) repeat-x; height:38px; }
|
| 25 | .navigation .date { width:186px; text-align:right; font-size:11px; color:#fff; line-height:32px; padding:0 4px 0 0 }
|
| 26 | .navigation ul li { list-style:none; width:125px; height:22px; padding:5px 1px 0 0; background:url(//192.168.1.1/images/nav-divider.gif) right 5px no-repeat }
|
| 27 | .navigation ul li a { margin:0 0px; text-align:center; display:block; font-size:14px; color:#ffffff; padding:3px 0; }
|
| 28 | .navigation ul li a.on,.navigation ul li a.on:hover, .navigation ul li a:hover { color:#094d96; background:url(//192.168.1.1/images/nav-hover-bg.gif) no-repeat center 0 }
|
| 29 | .navigation ul li a.on { font-weight:bold }
|
| 30 |
|
| 31 |
|
| 32 | .homeBox { width:314px; background:#f0f6ea; min-height:420px; margin-bottom:10px; }
|
| 33 | .marginLR { margin:0 11px; }
|
| 34 | .homeBox h2 { font-size:20px; font-weight:normal; color:#62635f; padding:3px 10px 4px 30px; background:#d3d8cc; }
|
| 35 | .boxInner a { display:block; background:#f0f6ea; padding:10px 15px 10px 30px; color:#333 }
|
| 36 | .boxInner a:hover { background:#e1f1fe }
|
| 37 | .boxInner a span.heading1 { font-size:16px; color:#52587a; font-weight:bold; padding-bottom:10px; display:block }
|
| 38 | .boxInner a label.link1 { color:#52587a; font-weight:bold; float: right; display:block; text-decoration:underline }
|
| 39 |
|
| 40 | .brdr1 { border-bottom:1px solid #c4c8bd }
|
| 41 | .brdr2 { border-top:1px solid #fff }
|
| 42 |
|
| 43 | .leftBar { width:234px; padding:15px 0; }
|
| 44 | .leftMenu { list-style:none;}
|
| 45 | .leftMenu li a { display:block; padding:10px 10px 10px 22px; font-size:14px; color:#0e6b99; background:#ececec; border-bottom:1px solid #c9c9c9; margin-right:8px; }
|
| 46 | .leftMenu li a:hover { background:#D4D4D4; color:#fff }
|
| 47 | .leftMenu li.on a { background:#545686; color:#fff }
|
| 48 | .leftMenu li.on { background:url(//192.168.1.1/images/bullet1.gif) 225px 50% no-repeat; color:#fff; font-weight:bold; }
|
| 49 | .leftMenu li.active { background:url(//192.168.1.1/images/bullet1.gif) 225px 50% no-repeat; color:#111; font-weight:bold; }
|
| 50 | .leftMenu li ul li.menu-three-level.on a
|
| 51 | {
|
| 52 | background:url(//192.168.1.1/images/submenu_selected_focus.png) 225px 50% no-repeat; color:#0e6b99; padding:10px 0;margin-right:8px;
|
| 53 | }
|
| 54 |
|
| 55 | .leftMenu li ul li a
|
| 56 | {
|
| 57 | background: #BCD2EE url(//192.168.1.1/images/submenu_selected_focus.png) no-repeat;
|
| 58 | padding-left: 35px;
|
| 59 | color: #0e6b99;
|
| 60 | font-size: 14px;
|
| 61 | }
|
| 62 |
|
| 63 |
|
| 64 | .leftMenu li ul li.on { padding-left: 0;
|
| 65 | background: #87CEEB url(//192.168.1.1/images/submenu_selected_focus.png) no-repeat;
|
| 66 | padding-left: 35px;
|
| 67 | color:#fff;
|
| 68 | font-weight:bold;
|
| 69 | margin-right:8px;
|
| 70 | }
|
| 71 |
|
| 72 | .thirdmenu{padding-left:0px;}
|
| 73 | .menu-three-level{ padding-left:0px; }
|
| 74 | .content { width:680px; padding:15px 0px 15px 40px; min-height:409px; margin-bottom:5px; padding-right:10px; }
|
| 75 | .contQS { padding-right:242px; min-height:360px }
|
| 76 | .content label { display:block; padding:12px 0 5px 0; font-weight:bold; color:#666 }
|
| 77 | .content label.subttl { font-weight:normal; }
|
| 78 | .content label.subttl1 { font-weight:bold; margin-top:0px; }
|
| 79 | .content h1 { color:#555789; font-weight:bold; font-size:15px; margin:0; padding:0 0 5px 0 ; }
|
| 80 | .subhdng { display:block; color:#000; padding:0 0 5px 0; }
|
| 81 | .content input.textfield, .content input.textfield1, .content select, select.combox1, select.combox2, .content input.textfield2 { border:1px solid #999999; padding:2px 1px 1px 4px; color:#333; font:normal 12px Arial, Helvetica, sans-serif; list-style:14px; width:180px; margin-bottom:1px; height:18px }
|
| 82 | .content input.textNTPfield{ border:1px solid #999999; padding:2px 1px 1px 4px; color:#333; font:normal 12px Arial, Helvetica, sans-serif; list-style:14px; width:300px; margin-bottom:7px; height:18px }
|
| 83 |
|
| 84 | /*.content input.button { border:1px solid #7c7d7a; border-left-color:#a4a4a1; border-top-color:#c0c1bd; background:#c0c1bd;
|
| 85 | /*.content input.button { border:1px solid #7c7d7a; border-left-color:#a4a4a1; border-top-color:#c0c1bd; background:#c0c1bd;
|
| 86 | -moz-border-radius: 3px; -webkit-border-radius : 3px; font:bold 13px Arial; color:#000000; cursor:pointer; padding:5px 15px; }*/
|
| 87 |
|
| 88 | .content input.button { border:1px solid #959692; background: url(//192.168.1.1/images/button-bg2.png) repeat-x #d9d9d9; -moz-border-radius: 3px; -webkit-border-radius : 3px; font:bold 13px Arial; color:#000000; cursor:pointer; padding:5px 15px; }
|
| 89 | .content a.help { height:26px; width:26px; background:url(//192.168.1.1/images/help.png) no-repeat; float:right; margin-bottom:-15px }
|
| 90 | .content select, select.combox1, .select.combox2 { padding:1px; height:23px; width:187px; }
|
| 91 | select.combox1 { margin:10px 0 0 20px; }
|
| 92 | select.combox2 { width: 340px; margin:15px 0 0 20px; }
|
| 93 | .content .formBox { border-bottom:1px solid #adaeab; padding-bottom:10px; margin-bottom:5px; }
|
| 94 | .content input.textfield1 { width:45px; *margin:0 0 -5px 0 }
|
| 95 | .content input.chk { margin:3px 5px -2px 5px; padding:0; *margin:-8px 5px 8px 5px }
|
| 96 | .lablText { margin:0; font-size:12px; line-height:24px; padding:0; position:absolute; *line-height:30px; }
|
| 97 | .content input.textfield2 { width:80px; *float:left; *margin:-2px 5px 2px 0 }
|
| 98 | strong.dot { font-size:14px; color:#333; margin:0 5px; }
|
| 99 | .content select.combo1 { width:80px; *float:left; *margin:2px 0 -2px 0 }
|
| 100 |
|
| 101 | .title_row { margin-bottom:5px; }
|
| 102 | .title_row span { float:left; background: url(//192.168.1.1/images/tab-bg1.png) no-repeat right top #e9dfdf ; padding:0px 22px 0px 8px; font-size:14px; line-height:28px; color:#666; margin-right:2px }
|
| 103 | .title_row span.on { background: url(//192.168.1.1/images/tab-bg2.png) no-repeat right top #545785; color:#ffffff }
|
| 104 |
|
| 105 | .devices { float:left; width:300px; padding:20px 0 0 0; margin:5px 0 0 0; font-size:13px; font-weight:bold }
|
| 106 | .devices img, .devices label { float:left; margin:0 5px 0 0 } .devices img { margin-top:-15px }
|
| 107 | .footer { width:964px; }
|
| 108 | .footer div.footerLft, .footer div.footerRgt { background:url(//192.168.1.1/images/footer-bg-lt.png) no-repeat ; float:left;width:10px; height:39px; }
|
| 109 | .footer div.footerRgt { background:url(//192.168.1.1/images/footer-bg-rt.png) no-repeat ; }
|
| 110 | .footer .footerMast { background:#bbb; height:39px; width:944px; float:left }
|
| 111 | .footer .footerMast div { width:644px; padding:13px 0 0 15px; }
|
| 112 | .footer span { height:26px; margin:12px 0 0 0 }
|
| 113 | .footer span.footerTxt { width:119px; padding:0px 0 0 10px; margin:12px 0 0 0 }
|
| 114 | .footer span.logoTxt{ font-size:18px; font-weight:bold; letter-spacing:1px;width:154px; margin:7px 0 0 0; }
|
| 115 |
|
| 116 | .loginBody { background:#f2f2f2 }
|
| 117 | .liginbox { width:600px; margin:100px auto 0 auto; color:#666666; }
|
| 118 | .liginbox span { padding-left:92px; }
|
| 119 | .liginbox span_webdav { padding-left:0px; }
|
| 120 |
|
| 121 | .box1 { border:1px solid #5b7176; margin:10px 0; padding:1px; background:#fff }
|
| 122 | .title_box { background:url(//192.168.1.1/images/nav-bg.png) repeat-x; padding:7px 28px; color:#fff; font-weight:bold; }
|
| 123 | .box2 { text-align:right; padding:7px 20px; background:url(//192.168.1.1/images/login-bg.png) repeat-x #d2deba }
|
| 124 | .box2 select { width:125px; padding:2px; height:24px; border:1px solid #5b7176; color:#666; }
|
| 125 | .box3 { border-top:1px solid #fff; padding:15px 18px 15px 30px; background:url(//192.168.1.1/images/login-bg2.png) repeat-x 0 bottom }
|
| 126 | .quicksetupbox3 { border-top:1px solid #fff; padding:15px 18px 15px 30px; background:url(//192.168.1.1/images/button-bg2.png) repeat-x 0 bottom }
|
| 127 | .liginbox label { display:block; font-size:14px; font-weight:normal }
|
| 128 | .liginbox label.version { display: inline; font-size: 12px; padding-left:50px; }
|
| 129 | .liginbox label.copy { display: inline-block; font-size: 12px; padding-left: 5px; width: 450px; }
|
| 130 | .liginbox input { border:1px solid #909090; padding:1px 4px 3px 5px; height:23px; font-size:14px; line-height:14px; color:#666; margin:7px 0 15px 0; padding-top:6px\9; height:20px\9; }
|
| 131 | .liginbox input.button { border:1px solid #192e56; background:url(//192.168.1.1/images/button-bg.png) repeat-x; font:normal 17px Arial; color:#fff; cursor:pointer; height:34px; padding:2px 14px; -moz-border-radius: 3px; -webkit-border-radius : 3px;}
|
| 132 | .title_box label {font-size:16px; }
|
| 133 |
|
| 134 | .dstaTbl1 { border:1px solid #99cc66; border-left:0; margin:40px 5px 0 0 }
|
| 135 | .dstaTbl1 td, .dstaTbl1 th { border-left:1px solid #99cc66; padding:6px 3px 6px 9px; text-align:left }
|
| 136 | .rowHead { background:#c4df8f }
|
| 137 | .rowOdd { background:#fff }
|
| 138 | .rowEven { background:#f1f1f1 }
|
| 139 |
|
| 140 | .dstaTbl1 .status { position:absolute; margin:1px 0 0 180px; cursor:pointer; }
|
| 141 |
|
| 142 | .message1 { background:url(//192.168.1.1/images/msg-bg.png) repeat-x; border:1px solid #d8dad5; -moz-border-radius: 5px; -webkit-border-radius : 5px; height:36px; }
|
| 143 | .message1 span { display:block; padding:11px 0 8px 45px; }
|
| 144 | .message1 span.sentMsg { background:url(//192.168.1.1/images/status-icon4.png) no-repeat 10px 7px; }
|
| 145 | .message1 span.errMsg { background:url(//192.168.1.1/images/status-icon5.png) no-repeat 13px 7px; }
|
| 146 |
|
| 147 | .arrow { margin: -30px 0 30px 0; }
|
| 148 | .lable11, .chk11 { float: left; }
|
| 149 | .chk11 { margin: 3px 8px -3px 0; padding: 0; border: 0; *margin:0px 8px 3px 0 }
|
| 150 | .chk12 { margin: 7px 8px -7px 0; *margin: 3px 8px -10px 0 }
|
| 151 | .boldTxt { font-weight: bold }
|
| 152 | .content label.error, label.error { font-size:11px; font-weight:normal; color:#f00 }
|
| 153 |
|
| 154 |
|
| 155 | .dataTbl10 { border:1px solid #99cc66; margin:15px 0 }
|
| 156 | .dataTbl10 th { background:#c4df8f }
|
| 157 | .dataTbl10 th, .dataTbl10 td { text-align:left; padding: 5px 6px; border-left:1px solid #99cc66 }
|
| 158 | .dataTbl10 th.close, .dataTbl10 td.close, .dataTbl10 { border-left:0; }
|
| 159 | .dataTbl10 .rowEven { background:#e0e4d8 }
|
| 160 |
|
| 161 |
|
| 162 | .exit { float:left; font-weight:bold; margin:10px 0 -10px 0; cursor:pointer }
|
| 163 | .exit:hover { color:#000 }
|
| 164 | .content label.title { color:#555789; font-weight:bold; font-size:14px; margin-top:0; }
|
| 165 |
|
| 166 | .unblock { background:url(//192.168.1.1/images/status-icon1.png) no-repeat 0 0px; padding-left:18px }
|
| 167 | .block { background:url(//192.168.1.1/images/status-icon6.png) no-repeat 0 0px; padding-left:18px }
|
| 168 | .unblock:hover, .block:hover { text-decoration:underline }
|
| 169 |
|
| 170 | .inlineDiv { display:inline; }
|
| 171 |
|
| 172 | .helpBody .content { width:890px; }
|
| 173 | ul.helpList, .ul.helpList li, ul.helpList ul, ul.helpList ul li, .helpBody h2 { margin:0; padding:0; font-size:14px; font-weight:bold }
|
| 174 | ul.helpList, ul.helpList ul { list-style:none }
|
| 175 | ul.helpList { margin-top:10px; }
|
| 176 | ul.helpList ul li { margin:4px 0 4px 20px; font-weight:normal; }
|
| 177 | .helpBody h2 { border-top:1px solid #c4c8bd; margin-top:15px; padding-top:15px; color:#555789; background:#fff }
|
| 178 |
|
| 179 | strong.dot, .content select.combo1, .content input.textfield1 { float:left; }
|
| 180 | strong.dot { padding-top:3px; }
|
| 181 | form { margin:0; padding:0; }
|
| 182 |
|
| 183 | .liginbox input.button { border:0px; background:url(//192.168.1.1/images/button-bg.png) no-repeat; font:normal 17px Arial; color:#fff; cursor:pointer; height:34px; width:97px; padding-bottom:4px\9 }
|
| 184 | .btnWrp { margin:0 0 0 2px; padding:0; display:inline-block; *display:inline; background:url(//192.168.1.1/images/button.png) right -31px; height:31px; padding-right:2px; height:31px; }
|
| 185 | .btnbgWrp { margin:0 0 0 2px; padding:0; display:inline-block; *display:inline; background:url(//192.168.1.1/images/button-bg.png) right -31px; height:31px; padding-right:6px; height:31px; }
|
| 186 | .btnWrp input { border:0; background:url(//192.168.1.1/images/button.png) no-repeat; padding:3px 8px 4px 14px; font:bold 13px Arial; color:#000000; cursor:pointer; height:31px; margin:0; *padding:3px 2px 4px 8px; }
|
| 187 |
|
| 188 | .helpBody .helpTitle { background: none; font: bold 15px arial; color: #fff; width: 572px; margin-top: 3px; margin-left: 186px; text-align: center; }.footerHelp { width: 1002px; margin: 0 auto; background: #fff; }
|
| 189 |
|
| 190 | .asr_logo { float: right; background:url(//192.168.1.1/images/asr_logo.png) no-repeat; height: 51px; }
|
| 191 | .liginbox a:hover { text-decoration: underline; }
|
| 192 | input{ vertical-align:middle; margin:0px; padding:0}
|
| 193 | .file-box{ position:relative;width:340px}
|
| 194 | .txt{ height:22px; border:1px solid #cdcdcd; width:160px;}
|
| 195 | .btn{ background-color:#FFF; border:1px solid #CDCDCD;height:24px; width:70px;}
|
| 196 | .file{ position:absolute; top:0px; left:0px; height:24px; filter:alpha(opacity:0);opacity: 0;width:270px;font-size:18px; }
|
| 197 | .disabledBtn
|
| 198 | {
|
| 199 | background:url(//192.168.1.1/images/disabledBtn.png) repeat scroll right -31px transparent;
|
| 200 | }
|
| 201 | .disabledBtn input
|
| 202 | {
|
| 203 | background:url(//192.168.1.1/images/disabledBtn.png) no-repeat scroll 0 0 transparent;
|
| 204 | color:#adadad;
|
| 205 | cursor:default;
|
| 206 | }
|
| 207 |
|
| 208 | .shareFilebox { width:1000px; margin:100px auto 0 auto; color:#666666; }
|
| 209 | .shareFilebox span { padding-left:0px; }
|
| 210 |
|
| 211 |
|
| 212 | .btn-apply {
|
| 213 | -moz-border-bottom-colors: none;
|
| 214 | -moz-border-left-colors: none;
|
| 215 | -moz-border-right-colors: none;
|
| 216 | -moz-border-top-colors: none;
|
| 217 | background-color: #9d9d9d;
|
| 218 | background-image: -moz-linear-gradient(center top , #9d9d9d, #6c6c6c);
|
| 219 | background-repeat: repeat-x;
|
| 220 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
| 221 | border-image: none;
|
| 222 | border-radius: 18px;
|
| 223 | border-style: none;
|
| 224 | border-width: medium;
|
| 225 | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
|
| 226 | height:25px;
|
| 227 | padding:2px 10px;
|
| 228 | width:70px;
|
| 229 | }
|
| 230 | .btn-apply:hover {
|
| 231 | background-color: #4babf5;
|
| 232 | background-image: -moz-linear-gradient(center top , #4babf5, #2f76d0);
|
| 233 | background-repeat: repeat-x;
|
| 234 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
| 235 | }
|
| 236 | .btn-apply.hover:disabled, .btn-apply:disabled:hover {
|
| 237 | background-color: #d3d3d3;
|
| 238 | background-image: -moz-linear-gradient(center top , #d3d3d3, #b3b3b3);
|
| 239 | background-repeat: repeat-x;
|
| 240 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
| 241 | color: #f5f5f5;
|
| 242 | cursor: not-allowed;
|
| 243 | }
|
| 244 | .btn-apply.active, .btn-apply:active {
|
| 245 | background-color: #44a6f4;
|
| 246 | background-image: none;
|
| 247 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
|
| 248 | outline: 0 none;
|
| 249 | }
|
| 250 | .btn-apply.disabled, .btn-apply[disabled] {
|
| 251 | background-color: #d3d3d3;
|
| 252 | background-image: -moz-linear-gradient(center top , #d3d3d3, #b3b3b3);
|
| 253 | background-repeat: repeat-x;
|
| 254 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
| 255 | color: #f5f5f5;
|
| 256 | }
|
| 257 |
|
| 258 | .center_align{
|
| 259 | text-align:center;
|
| 260 | }
|
| 261 | .right_align{
|
| 262 | text-align:right;
|
| 263 | }
|
| 264 |
|
| 265 | .left_align{
|
| 266 | text-align:left;
|
| 267 | }
|
| 268 |
|
| 269 | .txtEditBox{
|
| 270 | margin: 0;
|
| 271 | padding: 4px;
|
| 272 | vertical-align: middle;
|
| 273 | width:25%;
|
| 274 | }
|
| 275 |
|
| 276 | .boxInner strong{
|
| 277 | line-height:25px;
|
| 278 | }
|
| 279 |
|
| 280 |
|
| 281 |
|
| 282 | .addPdp, .delPdp{
|
| 283 | font-size:8pt;
|
| 284 | color:green;
|
| 285 | text-decoration:underline;
|
| 286 | margin-left:10px;
|
| 287 | }
|
| 288 |
|
| 289 | .hide
|
| 290 | {
|
| 291 | display: none;
|
| 292 | }
|
| 293 | .show
|
| 294 | {
|
| 295 | display: block;
|
| 296 | }
|
| 297 |
|
| 298 | tr:nth-child(odd) {background: #B2E0FF;}
|
| 299 |
|
| 300 | td,th{text-align:center;};
|
| 301 |
|
| 302 | /*Contents of table.css*/
|
| 303 |
|
| 304 | a img { border:0 }
|
| 305 |
|
| 306 | table.example {
|
| 307 | border:1px solid #8bbde2;
|
| 308 | border-collapse:collapse;
|
| 309 | margin:10px 0px 0 0
|
| 310 | }
|
| 311 | .accLogTbl { max-height: 305px; overflow: auto; border:1px solid #8bbde2; background:#fff; }
|
| 312 | .accLogTbl table.example { border:0; border-bottom:1px solid #8bbde2; }
|
| 313 |
|
| 314 | table.example th, table.example td {
|
| 315 | border-left:1px solid #8bbde2;
|
| 316 | padding:6px 3px 6px 9px;
|
| 317 | text-align:center;
|
| 318 | }
|
| 319 | .accLogTbl table.example th:first-child, .accLogTbl table.example td:first-child { border-left:0; }
|
| 320 |
|
| 321 | table.example thead th {
|
| 322 | background-color:#B4CDCD;
|
| 323 | }
|
| 324 | table.example tfoot td {
|
| 325 | background-color:#ffccff;
|
| 326 | }
|
| 327 | table.example th.status, table.example td.status{ border-left:0; }
|
| 328 | table.example td.status img { float:left; margin:3px 0 -3px 0 }
|
| 329 | table.example tr.tbody_header {
|
| 330 | font-weight:bold;
|
| 331 | text-align:center;
|
| 332 | background-color:#dddddd;
|
| 333 | }
|
| 334 |
|
| 335 | table.example a.pagelink {
|
| 336 | padding-left:5px;
|
| 337 | padding-right:5px;
|
| 338 | border:1px solid #666666;
|
| 339 | margin:0px 5px 0px 5px;
|
| 340 | }
|
| 341 | table.example a.currentpage {
|
| 342 | background-color:yellow;
|
| 343 | }
|
| 344 | /* Striping */
|
| 345 | tr.alternate {
|
| 346 | background-color:#f1f1f1;
|
| 347 | }
|
| 348 |
|
| 349 | /* Sorting */
|
| 350 | th.table-sortable {
|
| 351 | cursor:pointer;
|
| 352 | background-image:url("//192.168.1.1/images/sortable.png");
|
| 353 | background-position:center 50%;
|
| 354 | background-repeat:no-repeat;
|
| 355 | padding-left:12px;
|
| 356 | }
|
| 357 | th.table-sorted-asc {
|
| 358 | background-image:url("//192.168.1.1/images/sorted_up.png");
|
| 359 | background-position:center 50%;
|
| 360 | background-repeat:no-repeat;
|
| 361 | }
|
| 362 | th.table-sorted-desc {
|
| 363 | background-image:url("//192.168.1.1/images/sorted_down.png");
|
| 364 | background-position:center 50%;
|
| 365 | background-repeat:no-repeat;
|
| 366 | }
|
| 367 |
|
| 368 | select.table-autofilter {
|
| 369 | font-size:smaller;
|
| 370 | }
|
| 371 |
|
| 372 | /* Examples which stray from the default */
|
| 373 | table.altstripe tr.alternate2 {
|
| 374 | background-color:#ccffff;
|
| 375 | }
|
| 376 | /* Icons box */
|
| 377 | .iconset {
|
| 378 | margin:5px;
|
| 379 | border:1px solid #cccccc;
|
| 380 | border-color:#cccccc #666666 #666666 #cccccc;
|
| 381 | text-align:center;
|
| 382 | cursor:pointer;
|
| 383 | width:100px;
|
| 384 | }
|
| 385 | .iconset img {
|
| 386 | margin:3px;
|
| 387 | }
|
| 388 |
|
| 389 | /* Documentation */
|
| 390 | tr.doc_section {
|
| 391 | font-weight:bold;
|
| 392 | text-align:center;
|
| 393 | background-color:#dddddd;
|
| 394 | }
|
| 395 |
|
| 396 | /*Contents of modaldbox.css*/
|
| 397 |
|
| 398 | #mbox, .popUpBox{width:325px; background:#fff; padding:1px; border:1px solid #ccc; border-right:2px solid #999; border-bottom:2px solid #999;white-space:normal;word-wrap:break-word;word-break:break-all; word-spacing: normal;}
|
| 399 | #mbm{font-family:sans-serif;font-weight:bold;float:right;padding-bottom:5px;}
|
| 400 | #ol{background-image: url(//192.168.1.1/images/overlay.png);}
|
| 401 | .dialog {display:none; }
|
| 402 | #mbox .butCont { text-align:left; padding:20px 0 0 0; border-top:1px solid #bfc5b8; margin:10px 0 0 0 }
|
| 403 | #mbox .butCont1 { text-align:center; padding:20px 0 0 0; border-top:1px solid #bfc5b8; margin:10px 0 0 0 }
|
| 404 | #mbox label, .popUpBox label { display:block; font-weight:bold; color:#666; font-size:12px; padding:5px 0 }
|
| 405 | #mbox input, #mbox .popUpBox2 input, .popUpBox2 select { border:1px solid #999999; padding:2px 1px 2px 4px; color:#333; font:normal 12px Arial, Helvetica, sans-serif; list-style:14px; margin-bottom:7px; height:19px }
|
| 406 | #mbox .popUpBox2 select { width:158px; height:24px; }
|
| 407 | #mbox input { width:300px; }
|
| 408 | #mbox .popUpBox2, #mbox .popUpBox3 { margin:-3px }
|
| 409 | #mbox .popUpBox3 { width:600px; }
|
| 410 | #mbox .popUpBox2 input { width:150px }
|
| 411 | #mbox .popUpBox2 input.mid { width:89px; }
|
| 412 | #mbox .popUpBox2 input.sml { width:40px; }
|
| 413 | input.sml { width:30px; }
|
| 414 |
|
| 415 |
|
| 416 |
|
| 417 | #mbox h1, .popUpBox h1 { margin:0 0 10px 0; padding:6px 10px; background:url(//192.168.1.1/images/nav-bg.png) repeat-x; font:bold 14px Arial, Helvetica, sans-serif; color:#fff; float:left; height:16px; width:300px }
|
| 418 | #mbox a.close , .popUpBox a.close{ background:url(//192.168.1.1/images/nav-bg.png) repeat-x; font:bold 19px Calibri; float:left; height:22px; width:30px; color:#fff; text-align:center; padding:4px 0 2px 0 }
|
| 419 |
|
| 420 | #mbox .error { font:normal 11px Arial, Helvetica, sans-serif; color:#f00 }
|
| 421 | .bufferBox1 { width:320px;
|
| 422 | margin: 0 0 0 10px; border:1px solid #5a820e; display:block ; text-align:left }
|
| 423 | .bufferBox { height:20px ; background:url(//192.168.1.1/images/loading-bar.png) repeat-x; }
|
| 424 | * html #ol{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="//192.168.1.1/images/overlay.png", sizingMethod="scale");}
|
| 425 |
|
| 426 |
|
| 427 | #mbox .popUpBox2 { width:450px; }
|
| 428 | #mbox .popUpBox2 h1 { width:400px }
|
| 429 | #mbox .pBoxCont { padding:8px }
|
| 430 | #mbox .popUpBox3 .pBoxCont { padding:15px }
|
| 431 | #mbox .pBoxCont label { width:150px; float:left; margin-left:20px;}
|
| 432 | #mbox .popUpBox .lable12, #mbox .popUpBox .lable13 { float:none; width:80%; text-align:center; margin:0 auto 10px auto; font-weight:normal; color:#333 }
|
| 433 | #mbox .popUpBox .lable13 { color:#f00 }
|
| 434 |
|
| 435 | #mbox input.chk { border:0; width:20px; padding:0; float:left; margin:0px 3px 0 0 }
|
| 436 |
|
| 437 | h2.subtlt { padding:10px 0 0 0; margin:0; color:#555789; font-size:17px; }
|
| 438 | a.quickSetUp { width:209px; height:48px; display:block; background:url(//192.168.1.1/images/button-bg.gif) no-repeat; cursor:pointer; margin:20px auto 40px auto}
|
| 439 | a.quickSetUp:hover { background:url(//192.168.1.1/images/quick_setup1.gif) no-repeat; }
|
| 440 | .popUpBox3 p { margin:0; padding:10px 0 ; }
|
| 441 |
|
| 442 |
|
| 443 | .buttonRow1 { border-top:1px solid #a7a7a7; padding:7px 0; margin:7px 0 0 0; text-align:right }
|
| 444 | a.cancel { text-decoration:underline; font-weight:bold; float:right; padding:10px 15px 5px 15px; font-weight:bold; }
|
| 445 | .buttonRow1 a:hover { text-decoration:none }
|
| 446 |
|
| 447 | #mbox .popUpBox2 .boxCont2 strong, #mbox .popUpBox2 .boxCont2 input{ float:left; }
|
| 448 | #mbox .popUpBox2 .boxCont2 strong { padding:5px 2px 0 2px }
|
| 449 |
|
| 450 | #mbox .btnWrp { margin:0 0 0 2px; padding:0; display:inline-block; *display:inline; background:url(//192.168.1.1/images/button.png) right -31px; height:31px; padding-right:6px; height:31px; }
|
| 451 | #mbox .btnWrp input, #mbox .btnWrp button { border:0; background:url(//192.168.1.1/images/button.png) no-repeat; padding:3px 8px 4px 14px; font:bold 13px Arial; color:#000000; cursor:pointer; height:31px; margin:0; *padding:3px 2px 4px 8px; }
|
| 452 | #mbox .btnWrp input, #mbox .btnWrp button { height:31px; width:90px; }
|
| 453 | #mbox .skip { margin:-5px 0 5px 0; }
|
| 454 | #mbox .skip input { width:65px; }
|
| 455 | #mbox .clear {clear:both;}
|
| 456 |
|
| 457 |
|
| 458 | #mbox .buttonRow1 input {
|
| 459 | -moz-border-bottom-colors: none;
|
| 460 | -moz-border-left-colors: none;
|
| 461 | -moz-border-right-colors: none;
|
| 462 | -moz-border-top-colors: none;
|
| 463 | background-color: #9d9d9d;
|
| 464 | background-image: -moz-linear-gradient(center top , #9d9d9d, #6c6c6c);
|
| 465 | background-repeat: repeat-x;
|
| 466 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
| 467 | border-image: none;
|
| 468 | border-radius: 18px;
|
| 469 | border-style: none;
|
| 470 | border-width: medium;
|
| 471 | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
|
| 472 | height:25px;
|
| 473 | padding:2px 10px;
|
| 474 | width:60px;
|
| 475 | height:25px;
|
| 476 | margin-right: 10px;
|
| 477 | }
|
| 478 |
|
| 479 | #mbox .buttonRow1 input:hover {
|
| 480 | background-color: #4babf5;
|
| 481 | background-image: -moz-linear-gradient(center top , #4babf5, #2f76d0);
|
| 482 | background-repeat: repeat-x;
|
| 483 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
| 484 | }
|
| 485 |
|
| 486 | /*Contents of webdav_table.css*/
|
| 487 |
|
| 488 | a img { border:0 }
|
| 489 |
|
| 490 | table.webdav_example {
|
| 491 | border:1px solid #D2D2D2;
|
| 492 | border-collapse:collapse;
|
| 493 | margin:10px 0px 0 0
|
| 494 | }
|
| 495 |
|
| 496 | table.webdav_example input { border:0px solid #909090; padding:1px 4px 3px 5px; height:23px; font-size:14px; line-height:14px; color:#666; margin:0 0 0 0;padding-top:0px\9; height:20px\9; }
|
| 497 | .accLogTbl { max-height: 305px; overflow: auto; border:1px solid #8bbde2; background:#fff; }
|
| 498 | .accLogTbl table.example { border:0; border-bottom:1px solid #8bbde2; }
|
| 499 |
|
| 500 | table.webdav_example th, table.webdav_example td {
|
| 501 | border-left:1px solid #D2D2D2;
|
| 502 | padding:6px 3px 6px 9px; text-align:left
|
| 503 | }
|
| 504 | .accLogTbl table.webdav_example th:first-child, .accLogTbl table.webdav_example td:first-child { border-left:0; }
|
| 505 |
|
| 506 | table.webdav_example thead th {
|
| 507 | background-color:#F7F7F7;
|
| 508 | }
|
| 509 | table.webdav_example tfoot td {
|
| 510 | background-color:#ffccff;
|
| 511 | }
|
| 512 | table.webdav_example th.status, table.webdav_example td.status{ border-left:0; }
|
| 513 | table.webdav_example td.status img { float:left; margin:3px 0 -3px 0 }
|
| 514 | table.webdav_example tr.tbody_header {
|
| 515 | font-weight:bold;
|
| 516 | text-align:center;
|
| 517 | background-color:#dddddd;
|
| 518 | }
|
| 519 |
|
| 520 | table.webdav_example a.pagelink {
|
| 521 | padding-left:5px;
|
| 522 | padding-right:5px;
|
| 523 | border:1px solid #666666;
|
| 524 | margin:0px 5px 0px 5px;
|
| 525 | }
|
| 526 | table.webdav_example a.currentpage {
|
| 527 | background-color:yellow;
|
| 528 | }
|
| 529 | /* Striping */
|
| 530 | tr.alternate {
|
| 531 | background-color:#f1f1f1;
|
| 532 | }
|
| 533 |
|
| 534 | /* table.webdav_example tbody tr:hover,table.webdav_example tbody tr:active {color:red;font-size:150%;} */
|
| 535 | table.webdav_example thead th:hover,table.webdav_example thead th:active {color:red;}
|
| 536 | table.webdav_example tbody tr:hover,table.webdav_example tbody tr:active {color:red;text-decoration:underline;}
|
| 537 |
|
| 538 |
|
| 539 | /* Sorting */
|
| 540 | th.table-sortable {
|
| 541 | cursor:pointer;
|
| 542 | background-image:url("//192.168.1.1/images/sortable.png");
|
| 543 | background-position:center 50%;
|
| 544 | background-repeat:no-repeat;
|
| 545 | padding-left:12px;
|
| 546 | }
|
| 547 | th.table-sorted-asc {
|
| 548 | background-image:url("//192.168.1.1/images/sorted_up.png");
|
| 549 | background-position:center 50%;
|
| 550 | background-repeat:no-repeat;
|
| 551 | }
|
| 552 | th.table-sorted-desc {
|
| 553 | background-image:url("//192.168.1.1/images/sorted_down.png");
|
| 554 | background-position:center 50%;
|
| 555 | background-repeat:no-repeat;
|
| 556 | }
|
| 557 |
|
| 558 | select.table-autofilter {
|
| 559 | font-size:smaller;
|
| 560 | }
|
| 561 |
|
| 562 | /* Examples which stray from the default */
|
| 563 | table.altstripe tr.alternate2 {
|
| 564 | background-color:#ccffff;
|
| 565 | }
|
| 566 | /* Icons box */
|
| 567 | .iconset {
|
| 568 | margin:5px;
|
| 569 | border:1px solid #cccccc;
|
| 570 | border-color:#cccccc #666666 #666666 #cccccc;
|
| 571 | text-align:center;
|
| 572 | cursor:pointer;
|
| 573 | width:100px;
|
| 574 | }
|
| 575 | .iconset img {
|
| 576 | margin:3px;
|
| 577 | }
|
| 578 |
|
| 579 | /* Documentation */
|
| 580 | tr.doc_section {
|
| 581 | font-weight:bold;
|
| 582 | text-align:center;
|
| 583 | background-color:#dddddd;
|
| 584 | } |