fs_selfservice/fri/theme/layout.css

   1 /*
   2  * Layout
   3  */
   4
   5 /* Page */
   6
   7 #page {
   8   background-color: white;
   9   text-align: left;
  10   min-width: 760px;
  11 }
  12
  13 /* main */
  14
  15 #main {
  16   min-width: 760px;
  17   float: left;
  18 }
  19
  20 #main span.left {
  21   float: left;
  22 }
  23
  24 #main span.right {
  25   float: left;
  26 }
  27
  28 /* Center */
  29
  30 #center {
  31   float: left;
  32   margin-bottom: 20px;
  33 }
  34
  35 /* Login */
  36
  37 #login  {
  38   margin: 0;
  39   padding: 0;
  40 }
  41 #login p {
  42   font-size: 0.7em;
  43 }
  44 table#login  {
  45   width: 600px;
  46   border: 0px;
  47 }
  48 table#login td.right {
  49   text-align: right;
  50   width: 20%;
  51 }
  52 table#login td.left {
  53   text-align: left;
  54 }
  55 table#login td.small {
  56   font-size: 0.7em;
  57 }
  58 table#login_text  {
  59   margin-left: 60px;
  60   font-size: 0.8em;
  61   text-align: left;
  62 }
  63
  64 /* i18n lang */
  65
  66 .lang {
  67   display: inline;
  68   font-size: 0.8em;
  69   margin: 0;
  70   padding: 0;
  71 }
  72 .lang_code {
  73   margin: 0;
  74   padding: 0;
  75   width: 10em;
  76 }
  77
  78 /* Line */
  79
  80 #line {
  81   min-width: 604px;
  82   border: 1px solid #333;
  83   padding: 0;
  84   margin: 0;
  85   color: #999;
  86   background-color: #333;
  87   height: 1px;
  88 }
  89 #line span.left {
  90   float: left;
  91   text-align: left;
  92   font-weight: bold;
  93   color: #fff;
  94   width: 49%;
  95 }
  96 #line span.right {
  97   float: right;
  98   text-align: right;
  99   font-weight: bold;
 100   color: #fff;
 101   width: 49%;
 102 }
 103
 104 /* Navbar */
 105
 106 #navbar {
 107   width: 604px;
 108   height: 24px;
 109   border: 1px;
 110   padding: 0;
 111   margin-bottom: 0;
 112   color: #fff;
 113   background-color: #333;
 114 }
 115 #navbar span.left {
 116   margin: 2px;
 117   float: left;
 118   text-align: left;
 119   font-weight: bold;
 120   vertical-align: middle;
 121   width: 49%;
 122 }
 123 #navbar span.right {
 124   margin: 2px;
 125   float: right;
 126   text-align: right;
 127   font-weight: bold;
 128   vertical-align: middle;
 129   width: 49%;
 130 }
 131
 132 /* Info Bar */
 133
 134 #info_bar {
 135   min-width: 604px;
 136   border: 1px solid #333;
 137   padding: 3px;
 138   margin-top: -1px;  /* stupid browser hack */
 139   color: #999;
 140   background-color: #333;
 141   height: 20px;
 142 }
 143 #info_bar span.left {
 144   float: left;
 145   text-align: left;
 146   font-weight: bold;
 147   color: #fff;
 148   width: 49%;
 149 }
 150 #info_bar span.right {
 151   float: right;
 152   text-align: right;
 153   font-weight: bold;
 154   color: #fff;
 155   width: 49%;
 156 }
 157 .info_bar a:link {
 158   color: white;
 159   text-decoration: none;
 160 }
 161 .info_bar a:active, a:link {
 162   color: #105D90;
 163 }
 164 .info_bar a:hover {
 165   color: #fc0;
 166 }
 167 .info_bar small b  {
 168   font-family: Verdana, Helvetica, Arial, sans-serif;
 169   font-weight: bold;
 170 }
 171 input.infoBar {
 172   font-size: 11px;
 173   padding: 0px;
 174   height: 22px;
 175 }
 176
 177 /* bars */
 178
 179 .bar {
 180   margin: 0;
 181 }
 182
 183 .bar_left {
 184   width: 604px;
 185   margin: 0 0 16px 0;
 186   padding: 0;
 187 }
 188
 189 .bar_center {
 190   width: 604px;
 191   text-align: center;
 192   margin: 0 0 16px 0;
 193   padding: 0;
 194 }
 195 .bar_center a:active, .bar_center a:hover {
 196   color: red;
 197 }
 198
 199 /* Subheader */
 200
 201 #subheader {
 202   padding: 0px;
 203   margin: 0px;
 204   margin-bottom: 16px;
 205 }
 206
 207 /* servBodL */
 208
 209 .servBodL {
 210   border-left: 1px dotted #CEDCEA;
 211 }
 212
 213 /* Callmonitor */
 214
 215 table.callmonitor {
 216   border: 1px #6699CC solid;
 217   border-collapse: collapse;
 218   border-spacing: 0px;
 219   margin: 0 0 16px 0;
 220   width: 604px;
 221 }
 222 table.callmonitor th {
 223   background-color: #BEC8D1;
 224   border: 1px solid #6699CC;
 225   border-bottom: 2px solid #6699CC;
 226   text-align: center;
 227   font-family: Verdana;
 228   font-weight: bold;
 229   font-size: 0.7em;
 230   color: #404040;
 231 }
 232 table.callmonitor th a {
 233   color: #404040;
 234 }
 235 table.callmonitor img {
 236   border: 0;
 237 }
 238 table.callmonitor td {
 239   background-color: white;
 240   border: 1px solid #6699CC;
 241   color: #404040;
 242   font-family: Verdana, sans-serif, Arial;
 243   font-weight: normal;
 244   font-size: 0.7em;
 245   padding: 3px;
 246   text-align: center;
 247 }
 248 table.callmonitor td.checkbox {
 249   padding: 1px;
 250 }
 251
 252 /* Voicemail */
 253
 254 .voicemail {
 255   margin: 0px;
 256 }
 257 table.voicemail {
 258   border: 1px #6699CC solid;
 259   border-collapse: collapse;
 260   border-spacing: 0px;
 261   margin: 0 0 16px 0;
 262   width: 604px;
 263 }
 264 table.voicemail th {
 265   background-color: #BEC8D1;
 266   border: 1px solid #6699CC;
 267   border-bottom: 2px solid #6699CC;
 268   text-align: center;
 269   font-family: Verdana;
 270   font-weight: bold;
 271   font-size: 0.7em;
 272   color: #404040;
 273 }
 274 table.voicemail th a {
 275   color: #404040;
 276 }
 277 table.voicemail img {
 278   border: 0;
 279 }
 280 table.voicemail td {
 281   background-color: white;
 282   border: 1px solid #6699CC;
 283   color: #404040;
 284   font-family: Verdana, sans-serif, Arial;
 285   font-weight: normal;
 286   font-size: 0.7em;
 287   padding: 3px;
 288   text-align: center;
 289 }
 290 table.voicemail td.checkbox {
 291   padding: 1px;
 292 }
 293
 294 /* Help */
 295
 296 .help {
 297   margin: 0px;
 298 }
 299 table.help {
 300   border: 1px #6699CC solid;
 301   border-collapse: collapse;
 302   border-spacing: 0px;
 303   margin: 0 0 16px 0;
 304 }
 305 table.help th {
 306   background-color: #BEC8D1;
 307   border: 1px solid #6699CC;
 308   border-bottom: 2px solid #6699CC;
 309   font-family: Verdana;
 310   font-weight: bold;
 311   font-size: 0.7em;
 312   color: #404040;
 313 }
 314 table.help th.feature_codes {
 315   text-align: center;
 316   width: 9em;
 317 }
 318 table.help th a {
 319   color: #404040;
 320 }
 321 table.help img {
 322   border: 0;
 323 }
 324 table.help td {
 325   background-color: white;
 326   border: 1px solid #6699CC;
 327   color: #404040;
 328   font-family: Verdana, sans-serif, Arial;
 329   font-weight: normal;
 330   font-size: 0.7em;
 331   padding: 3px;
 332 }
 333 table.help td.feature_codes {
 334   text-align: center;
 335 }
 336 table.help td.checkbox {
 337   padding: 1px;
 338 }
 339
 340 /* Settings */
 341
 342 .settings {
 343   font-family: Verdana, sans-serif, Arial;
 344   font-weight: normal;
 345   font-size: 0.9em;
 346   padding: 0;
 347   margin: 0;
 348 }
 349 table.settings {
 350   font-family: Verdana;
 351   color: #404040;
 352   border-collapse: collapse;
 353   border-spacing: 0px;
 354   padding-bottom: 3px;
 355 }
 356 table.settings td {
 357   color: #404040;
 358   background-color: white;
 359   padding: 3px;
 360 }
 361 table.settings td.note {
 362   color: #105D90;
 363 }
 364
 365 /* Footer */
 366
 367 #ariFooter {
 368   color: #999;
 369   margin-left: 148px;
 370   font-size: 10px;
 371   overflow: auto;
 372 /*  width: 100%; */
 373   clear: both;
 374 }
 375
 376 #ariFooter a {
 377   text-decoration: none;
 378   color: #999;
 379 }
 380
 381 #ariFooter a:hover {
 382   text-decoration: underline;
 383   color: #105D90;
 384 }
 385
 386 #ariFooter a:link {
 387   text-decoration: none;
 388   color: #999;
 389 }
 390
 391 /* Misc */
 392
 393 .ariClearBoth {
 394   clear: both;
 395   margin: 0;
 396   padding: 0;
 397 }
 398
 399 .ariBlockHide {
 400   display: none;
 401   height: 0;
 402   width: 0;
 403   overflow: hidden;
 404   position: absolute;  /* IE5 Mac */
 405 }
 406
 407
 408
 409
 410
 411
 412
 413
 414
 415
 416
 417
 418
 419
 420