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