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