cgi/css.css

   1 body {
   2 background-color:#F5F5F5;
   3 border:0 none;
   4 color:#404040;
   5 /*font-family:"Verdana","Bitstream Vera Sans",sans-serif;*/
   6 font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   7 font-size:8pt;
   8 margin:0;
   9 padding:0;
  10 }
  11 input, textarea, select, p, div, li, td {
  12 font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  13 font-size:10pt;
  14 line-height:120%;
  15 }
  16 code, pre, tt {
  17 font-family:monospace;
  18 font-size:8pt;
  19 }
  20
  21 div.openfiler-logo {
  22 background-color:#4C555A;
  23 /*background-color:#1E4262;*/
  24 background-image:url(of3.png);
  25 background-position:left center;
  26 background-repeat:no-repeat;
  27 border-color:-moz-use-text-color -moz-use-text-color #A0A0A0;
  28 border-style:none none solid;
  29 border-width:0 0 2px;
  30 height:44px;
  31 margin:0;
  32 padding:0;
  33 position:relative;
  34 z-index:20;
  35 }
  36 div#globalButtons {
  37 float:right;
  38 height:25px;
  39 margin-left:auto;
  40 margin-right:30px;
  41 margin-top:5px;
  42 padding-left:0;
  43 padding-top:10px;
  44 width:230px;
  45 }
  46 div#globalButtons ul {
  47 float:right;
  48 list-style-image:none;
  49 list-style-position:outside;
  50 list-style-type:none;
  51 margin:0;
  52 padding:0;
  53 }
  54 div#globalButtons li {
  55 border-left:1px solid #A0A0A0;
  56 display:block;
  57 float:left;
  58 padding:0 5px;
  59 }
  60 div#globalButtons li:first-child {
  61 border-left:medium none;
  62 }
  63 #globalButtons a {
  64 color:#FF7900;
  65 font-size:smaller;
  66 font-weight:bold;
  67 text-decoration:none;
  68 }
  69 #globalButtons a:hover {
  70 color:white;
  71 }
  72
  73
  74 #slidercontainer {
  75 background-position:0 50%;
  76 background-repeat:repeat-y;
  77 margin:0 auto;
  78 position:relative;
  79 width:820px;
  80 z-index:10;
  81 }
  82 #slideDownDiv {
  83 -x-system-font:none;
  84 float:right;
  85 font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  86 font-size:80%;
  87 font-size-adjust:none;
  88 font-stretch:normal;
  89 font-style:normal;
  90 font-variant:normal;
  91 font-weight:normal;
  92 line-height:130%;
  93 padding:0 0 2px;
  94 width:210px;
  95 }
  96 #slidingpaneldiv.hide table tbody td {
  97 padding:2px 6px;
  98 }
  99 #slidingpaneldiv.hide table tbody tr:first-child td {
 100 border-top-style:solid;
 101 border-top-width:1px;
 102 }
 103 #slidingpaneldiv.hide table tbody tr:last-child td {
 104 border-bottom-style:solid;
 105 border-bottom-width:1px;
 106 padding-bottom:3px;
 107 }
 108 #slidingpaneldiv.show table tbody td {
 109 padding:2px;
 110 }
 111
 112 div.container table {
 113 text-align:left;
 114 }
 115
 116 div.global_nav {
 117 border-bottom:2px solid #DDDDDD;
 118 height:32px;
 119 }
 120 #global_nav ul {
 121 list-style-image:none;
 122 list-style-position:outside;
 123 list-style-type:none;
 124 margin:0 0 0 12px;
 125 padding:0;
 126 }
 127 #global_nav li {
 128 background-color:#7494D4;
 129 border-right:2px solid #DDDDDD;
 130 border-top:2px solid #DDDDDD;
 131 color:#F7C52F;
 132 float:left;
 133 font-weight:bold;
 134 height:25px;
 135 line-height:26px;
 136 margin-right:0;
 137 padding-left:10px;
 138 padding-right:15px;
 139 }
 140 #global_nav li:first-child {
 141 border-left:2px solid #DDDDDD;
 142 }
 143 #global_nav li.active {
 144 background-color:#4265AD;
 145 }
 146 #global_nav a {
 147 color:#FFFFFF;
 148 text-decoration:none;
 149 }
 150 #global_nav a:hover {
 151 color:#F7C52F;
 152 }
 153 #global_nav a.selected {
 154 color:#F7C52F;
 155 }
 156
 157 span.volumes {
 158 background:transparent url(icons/drive_go.gif) no-repeat scroll left center;
 159 display:block;
 160 float:left;
 161 margin-right:2px;
 162 padding-right:5px;
 163 width:16px;
 164 }
 165 span.accounts {
 166 background:transparent url(icons/group_edit.gif) no-repeat scroll left center;
 167 display:block;
 168 float:left;
 169 margin-right:2px;
 170 padding-right:5px;
 171 width:16px;
 172 }
 173 span.shares {
 174 background:transparent url(icons/drive_network.gif) no-repeat scroll left center;
 175 display:block;
 176 float:left;
 177 margin-right:2px;
 178 padding-right:5px;
 179 width:16px;
 180 }
 181 span.status {
 182 background:transparent url(icons/weather_cloudy.gif) no-repeat scroll left center;
 183 display:block;
 184 float:left;
 185 margin-right:2px;
 186 padding-right:5px;
 187 width:16px;
 188 }
 189 span.system {
 190 background:transparent url(icons/computer.gif) no-repeat scroll left center;
 191 display:block;
 192 float:left;
 193 padding-right:5px;
 194 width:16px;
 195 }
 196 span.quota {
 197 background:transparent url(icons/chart_pie.gif) no-repeat scroll left center;
 198 display:block;
 199 float:left;
 200 margin-right:2px;
 201 padding-right:5px;
 202 width:16px;
 203 }
 204 span.services {
 205 background:transparent url(icons/lightning.gif) no-repeat scroll left center;
 206 display:block;
 207 float:left;
 208 margin-right:2px;
 209 padding-right:5px;
 210 width:16px;
 211 }
 212
 213
 214 .shadow {
 215 background-color:#FFFFFF;
 216 background-image:url(backgrounds/shadow_br.gif);
 217 background-position:right bottom;
 218 background-repeat:no-repeat;
 219 margin-bottom:7px;
 220 min-height:1%;
 221 }
 222 .shadow_tl {
 223 background:transparent url(backgrounds/shadow_tl.gif) no-repeat scroll left top;
 224 padding-left:6px;
 225 padding-top:6px;
 226 }
 227 .shadow_tr {
 228 background:transparent url(backgrounds/shadow_tr.gif) no-repeat scroll right top;
 229 padding-right:6px;
 230 }
 231 .shadow_bl {
 232 background:transparent url(backgrounds/shadow_bl.gif) no-repeat scroll left bottom;
 233 padding-bottom:6px;
 234 }
 235
 236
 237 /* Sub_nav */
 238 .sub_nav_title {
 239 /*background:#EBEBEB none repeat scroll 0 0;*/
 240 background:#ebebeb none repeat scroll 0 0;
 241 font-weight:bold;
 242 text-align:center;
 243 padding-bottom:5px;
 244 padding-left:10px;
 245 padding-top:5px;
 246 }
 247 #sub_nav ul {
 248 display:block;
 249 list-style-image:none;
 250 list-style-position:outside;
 251 list-style-type:none;
 252 margin-left:0;
 253 margin-top:10px;
 254 padding-left:10px;
 255 }
 256 #sub_nav li {
 257 background:transparent url(images/icons/bullet_wrench.png) no-repeat scroll left center;
 258 display:block;
 259 margin-bottom:3px;
 260 margin-top:3px;
 261 padding-bottom:3px;
 262 padding-top:3px;
 263 }
 264 #sub_nav li.volumes_status{
 265 background:transparent url(images/icons/links/volumes_group.png) no-repeat scroll left center;
 266 }
 267 #sub_nav li a {
 268 font-size:10pt;
 269 font-weight:bold;
 270 margin-left:20px;
 271 max-width:140px;
 272 padding-right:0;
 273 text-decoration:none;
 274 }
 275 #sub_nav a.selected {
 276 border-bottom:2px solid #DCDCDC;
 277 color:gray;
 278 }
 279 #sub_nav a.selected:hover {
 280 color:#CC6633;
 281 }
 282
 283
 284 #support_nav ul {
 285 list-style-image:none;
 286 list-style-position:outside;
 287 list-style-type:none;
 288 margin-left:0;
 289 margin-top:10px;
 290 padding-left:10px;
 291 }
 292 #support_nav li {
 293 background:transparent url(/images/icons/bullet_wrench.png) no-repeat scroll left center;
 294 display:block;
 295 margin-bottom:3px;
 296 margin-top:3px;
 297 padding-bottom:3px;
 298 padding-top:3px;
 299 }
 300 .support_nav_title {
 301 background:#EBEBEB none repeat scroll 0 0;
 302 font-weight:bold;
 303 padding-bottom:5px;
 304 padding-left:10px;
 305 padding-top:5px;
 306 }
 307 #support_nav li a {
 308 font-weight:bold;
 309 margin-left:20px;
 310 text-decoration:none;
 311 }
 312 #support_nav li span {
 313 border-bottom:2px solid #DCDCDC;
 314 font-weight:bold;
 315 margin-left:20px;
 316 }
 317
 318
 319 button {
 320 font-family:"Verdana","Bitstream Vera Sans",sans-serif;
 321 }
 322 hr {
 323 background-color:#CCCCCC;
 324 border:0 none;
 325 color:#CCCCCC;
 326 height:2px;
 327 }
 328 a {
 329 background-color:transparent;
 330 color:#3366CC;
 331 text-decoration:underline;
 332 }
 333 a:visited {
 334 background-color:transparent;
 335 color:#3366CC;
 336 text-decoration:underline;
 337 }
 338 a:active {
 339 background-color:transparent;
 340 color:#3366CC;
 341 text-decoration:underline;
 342 }
 343 a:hover {
 344 background-color:transparent;
 345 color:#CC6633;
 346 text-decoration:none;
 347 }
 348 a.tablink1 {
 349 background-color:transparent;
 350 color:white;
 351 display:block;
 352 text-decoration:underline;
 353 }
 354 a.tablink1:visited {
 355 background-color:transparent;
 356 color:white;
 357 display:block;
 358 text-decoration:underline;
 359 }
 360 a.tablink1:active {
 361 background-color:transparent;
 362 color:white;
 363 display:block;
 364 text-decoration:underline;
 365 }
 366 a.tablink1:hover {
 367 background-color:transparent;
 368 color:white;
 369 display:block;
 370 text-decoration:none;
 371 }
 372 a.tablink2 {
 373 background-color:transparent;
 374 color:white;
 375 display:block;
 376 text-decoration:underline;
 377 }
 378 a.tablink2:visited {
 379 background-color:transparent;
 380 color:white;
 381 display:block;
 382 text-decoration:underline;
 383 }
 384 a.tablink2:active {
 385 background-color:transparent;
 386 color:white;
 387 display:block;
 388 text-decoration:underline;
 389 }
 390 a.tablink2:hover {
 391 background-color:transparent;
 392 color:white;
 393 display:block;
 394 text-decoration:none;
 395 }
 396 a.tableheading {
 397 background-color:transparent;
 398 color:#404040;
 399 text-decoration:underline;
 400 }
 401 a.tableheading:visited {
 402 background-color:transparent;
 403 color:#404040;
 404 text-decoration:underline;
 405 }
 406 a.tableheading:active {
 407 background-color:transparent;
 408 color:#404040;
 409 text-decoration:underline;
 410 }
 411 a.tableheading:hover {
 412 background-color:transparent;
 413 color:#404040;
 414 text-decoration:none;
 415 }
 416 a.image {
 417 border:0 none;
 418 }
 419 a.image:visited {
 420 border:0 none;
 421 }
 422 a.image:active {
 423 border:0 none;
 424 }
 425 a.image:hover {
 426 border:0 none;
 427 }
 428 a.other {
 429 background-color:transparent;
 430 color:#404040;
 431 text-decoration:none;
 432 }
 433 a.other:visited {
 434 background-color:transparent;
 435 color:#404040;
 436 text-decoration:none;
 437 }
 438 a.other:active {
 439 background-color:transparent;
 440 color:#404040;
 441 text-decoration:none;
 442 }
 443 a.other:hover {
 444 background-color:transparent;
 445 color:#404040;
 446 text-decoration:none;
 447 }
 448 img {
 449 border:0 none;
 450 margin:0;
 451 padding:0;
 452 }
 453 img.thumbnail {
 454 border:1px solid black;
 455 }
 456 li {
 457 padding-bottom:0.25em;
 458 padding-top:0.25em;
 459 }
 460 sup {
 461 background-color:transparent;
 462 color:#CC6633;
 463 }
 464 acronym {
 465 border-bottom:1px solid black;
 466 }
 467 h2 {
 468 font-family:Verdana;
 469 font-size:18px;
 470 font-weight:bold;
 471 text-decoration:none;
 472 }
 473 h3 {
 474 background:#F0F0F0 none repeat scroll 0 0;
 475 display:block;
 476 font-size:18px;
 477 font-weight:bold;
 478 margin-left:15px;
 479 margin-right:15px;
 480 padding:10px;
 481 text-decoration:none;
 482 }
 483 .paddeddata {
 484 padding:0 2em;
 485 }
 486 span.red {
 487 background-color:transparent;
 488 color:red;
 489 }
 490 /* INPUT TABLE */
 491 div.table_input_head {
 492                 background:#EBEBEB none repeat scroll 0 0;
 493                 font-weight:bold;
 494                 padding:3px 10px;
 495                 text-align:left;
 496                 width:500px;
 497 }
 498 div.table_input_body{
 499                 background:#FFFFFF none repeat scroll 0 0;
 500                 padding:2px 10px;
 501                 width:500px;
 502 }
 503 /*
 504 textarea, input[type="text"], input[type="password"], select {
 505                 border:1px solid #959595;
 506                 padding:4px;
 507 }
 508 textarea:focus, input[type="text"]:focus, input[type="password"]:focus, select:focus {
 509                 background-color:#FCFFCD;
 510                 border:2px solid #959595;
 511                 padding:3px;
 512 }
 513 textarea:hover, input[type="text"]:hover, input[type="password"]:focus, select:hover {
 514                 border:2px solid #959595;
 515                 padding:3px;
 516 }
 517                                 */
 518 input[readonly="readonly"] {
 519                 background:#E2E2E2 none repeat scroll 0 0;
 520 }
 521 textarea {
 522                 border:1px solid #959595;
 523                 padding:4px;
 524 }
 525 td.color_table_row1 {
 526                 background-color:#EDF6FD;
 527 }
 528 tr.color_table_row1 {
 529                 background-color:#EDF6FD;
 530 }
 531 td.color_table_row2 {
 532                 background-color:#F7EFFF;
 533 }
 534 tr.color_table_row2 {
 535                 background-color:#F7EFFF;
 536 }
 537 td.color_table_heading {
 538                 background-color:#EBEBEB;
 539                 font-weight:bold;
 540 }
 541 tr.color_table_heading {
 542                 background-color:#EBEBEB;
 543                 font-weight:bold;
 544 }
 545 td.color_table_alert {
 546                 background-color:#FFA4A4;
 547                 font-weight:bold;
 548 }
 549
 550 /* Message process */
 551 div.messageblock {
 552                 background-position:left center;
 553                 background-repeat:no-repeat;
 554                 border:1px solid;
 555                 margin-bottom:10px;
 556                 min-height:32px;
 557                 padding-bottom:10px;
 558                 padding-top:10px;
 559                 width:450px;
 560 }
 561 div.messageblock-info {
 562                                 background-color:#E1E5F2;
 563                                 background-image:url(images/messageblock/info.png);
 564                                 border-color:#D7DBE7;
 565 }
 566 div.messageblock-internal {
 567                                 margin:3px 3px 3px 60px;
 568                                 padding-right:10px;
 569 }
 570 div.messageblock-error {
 571                                 background-color:#FFD9D1;
 572 /*                              background-image:url(images/messageblock/error.png);*/
 573                                 border-color:#E18988;
 574                                 color:#CC0000;
 575                                 font-weight:bold;
 576                                 width:450px;
 577                                 padding-bottom:2px;
 578                                 padding-top:2px;
 579 }
 580 div.messageblock-warning {
 581                                 background-color:#FFF2F8;
 582                                 background-image:url(images/messageblock/warning.png);
 583                                 border-color:#F5E8EE;
 584 }
 585
 586 /* Sysinfo */
 587 div.sysinfo h1 {
 588                 font-size:20px;
 589 }
 590 div.sysinfo {
 591                 width:99%;
 592 }
 593 div.sysinfo div.table {
 594                 border:medium none;
 595                 margin:0;
 596                 padding:0;
 597 }
 598 div.sysinfo table.box {
 599                 background-color:#4C555A;
 600                 border:medium none;
 601                 color:#FEFEFE;
 602                 padding:1px;
 603                 width:100%;
 604 }
 605 div.sysinfo tr.boxheader {
 606                 background-color:#5B6469;
 607 }
 608 div.sysinfo td.boxheader {
 609                 font-weight:bold;
 610                 padding-bottom:5px;
 611                 padding-top:5px;
 612                 text-align:center;
 613 }
 614 div.sysinfo tr.boxbody {
 615                 background-color:#FFFFFF;
 616                 color:#000000;
 617 }
 618 div.sysinfo tr.boxbody td {
 619                 border-bottom:2px solid #EBEBEB;
 620                 font-family:"Verdana","Bitstream Vera Sans",sans-serif;
 621                 font-size:8pt;
 622                 line-height:130%;
 623                 padding:3px;
 624 }
 625
 626 select.icon-menu option {
 627                 background-repeat:no-repeat;
 628                 background-position:bottom left;
 629                 font: italic small-caps 900 18px;
 630                 padding-left:30px;
 631 }