skins/default/common.css

   1 /***** RoundCube|Mail basic styles *****/
   2
   3 body
   4 {
   5   margin: 8px;
   6   background-color: #F6F6F6; /* #EBEBEB; */
   7   color: #000000;
   8 }
   9
  10 body.iframe
  11 {
  12   margin: 0px;
  13   background-color: #FFF;
  14 }
  15
  16 body.extwin
  17 {
  18   margin: 10px;
  19 }
  20
  21 body, td, th, span, div, p, h3
  22 {
  23   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  24   font-size: 12px;
  25   color: #000000;
  26 }
  27
  28 th
  29 {
  30   font-weight: normal;
  31 }
  32
  33 h3
  34 {
  35   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  36   font-size: 18px;
  37   color: #000000;
  38 }
  39
  40 a, a:active, a:visited
  41 {
  42   color: #000000;
  43   outline: none;
  44 }
  45
  46 a.button, a.button:visited, a.tab, a.tab:visited, a.axislist
  47 {
  48   color: #000000;
  49   text-decoration: none;
  50 }
  51
  52 a.tab
  53 {
  54   width: 80px;
  55   display: block;
  56   text-align: center;
  57 }
  58
  59 hr
  60 {
  61   height: 1px;
  62   background-color: #666666;
  63   border-style: none;
  64 }
  65
  66 input, textarea
  67 {
  68   font-size: 9pt;
  69   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  70   padding: 1px;
  71   padding-left: 3px;
  72   padding-right: 3px;
  73   color: #333333;
  74   background-color: #ffffff;
  75   border: 1px solid #666666;
  76 }
  77
  78 input[type="checkbox"],
  79 input[type="radio"]
  80 {
  81   border: 0;
  82   padding: 0;
  83   background-color: transparent;
  84 }
  85
  86 input.button
  87 {
  88   height: 20px;
  89   color: #333333;
  90   font-size: 12px;
  91   padding-left: 8px;
  92   padding-right: 8px;
  93   background: url(images/buttons/bg.gif) repeat-x #f0f0f0;
  94   border: 1px solid #a4a4a4;
  95 }
  96
  97 input.button:hover
  98 {
  99   color: black;
 100 }
 101
 102 img
 103 {
 104   behavior: url('skins/default/pngbehavior.htc');
 105 }
 106
 107 .alttext
 108 {
 109   font-size: 11px;
 110 }
 111
 112 .hint
 113 {
 114   color: #666;
 115   font-size: 11px;
 116 }
 117
 118 /** common user interface objects */
 119
 120 #header
 121 {
 122   position: absolute;
 123   top: 10px;
 124   left: 20px;
 125   width: 170px;
 126   height: 40px;
 127   z-index: 100;
 128 }
 129
 130 #taskbar
 131 {
 132   position: absolute;
 133   top: 0px;
 134   right: 0px;
 135   width: 600px;
 136   height: 37px;
 137   background: url(images/taskbar.gif) top right no-repeat;
 138   padding: 10px 4px 10px 0px;
 139   text-align: right;
 140   white-space: nowrap;
 141   z-index: 2;
 142 }
 143
 144 #taskbar a,
 145 #taskbar a:active,
 146 #taskbar a:visited
 147 {
 148   font-size: 11px;
 149   color: #666666;
 150   text-decoration: none;
 151   padding: 6px 16px 6px 25px;
 152   background-repeat: no-repeat;
 153 }
 154
 155 #taskbar a:hover
 156 {
 157   color: #333333;
 158 }
 159
 160 a.button-mail
 161 {
 162   background-image: url(images/buttons/mail.gif);
 163 }
 164
 165 a.button-addressbook
 166 {
 167   background-image: url(images/buttons/addressbook.gif);
 168 }
 169
 170 a.button-settings
 171 {
 172   background-image: url(images/buttons/settings.gif);
 173 }
 174
 175 a.button-logout
 176 {
 177   background-image: url(images/buttons/logout.gif);
 178 }
 179
 180
 181 #message
 182 {
 183   position: absolute;
 184   display: none;
 185   top: -1px;
 186   left: 200px;
 187   right: 200px;
 188   z-index: 5000;
 189   opacity: 0.85;
 190 }
 191
 192 #message div
 193 {
 194   width: 400px;
 195   margin: 0px auto;
 196   height: 24px;
 197   min-height: 24px;
 198   padding: 8px 10px 8px 46px;
 199 }
 200
 201 #message div.notice,
 202 #remote-objects-message
 203 {
 204   background: url(images/display/info.png) 6px 3px no-repeat;
 205   background-color: #F7FDCB;
 206   border: 1px solid #C2D071;
 207 }
 208
 209 #message div.error,
 210 #message div.warning
 211 {
 212   background: url(images/display/warning.png) 6px 3px no-repeat;
 213   background-color: #EF9398;
 214   border: 1px solid #DC5757;
 215 }
 216
 217 #message div.confirmation
 218 {
 219   background: url(images/display/confirm.png) 6px 3px no-repeat;
 220   background-color: #A6EF7B;
 221   border: 1px solid #76C83F;
 222 }
 223
 224 #message div.loading
 225 {
 226   background: url(images/display/loading.gif) 6px 3px no-repeat;
 227   background-color: #EBEBEB;
 228   border: 1px solid #CCCCCC;
 229 }
 230
 231 .splitter
 232 {
 233   position: absolute;
 234   padding: 2px;
 235   background: url(images/dimple.png) center no-repeat;
 236 }
 237
 238 .splitter-h
 239 {
 240   cursor: n-resize;
 241   background-position: center 2px;
 242 }
 243
 244 .splitter-v
 245 {
 246   cursor: e-resize;
 247   background-position: 1px center;
 248 }
 249
 250 .boxtitle
 251 {
 252   height: 12px !important;
 253   padding: 4px 20px 3px 20px;
 254   border-bottom: 1px solid #999;
 255   color: #333;
 256   font-size: 11px;
 257   font-weight: bold;
 258   background-color: #EBEBEB;
 259   background-image: url(images/listheader_aqua.gif);
 260 }
 261
 262 .radios-left label
 263 {
 264   padding-left: 0.3em;
 265 }
 266
 267 /***** common table settings ******/
 268
 269 table.records-table thead tr td
 270 {
 271   height: 20px;
 272   padding: 0px 4px 0px 4px;
 273   vertical-align: middle;
 274   border-bottom: 1px solid #999999;
 275   color: #333333;
 276   background-color: #EBEBEB;
 277   background-image: url(images/listheader_aqua.gif);
 278   font-size: 11px;
 279   font-weight: bold;
 280 }
 281
 282 table.records-table tbody tr td
 283 {
 284   height: 16px;
 285   padding: 2px 4px 2px 4px;
 286   font-size: 11px;
 287   white-space: nowrap;
 288   border-bottom: 1px solid #EBEBEB;
 289   overflow: hidden;
 290   text-align: left;
 291 }
 292
 293 table.records-table tr
 294 {
 295   background-color: #FFFFFF;
 296 }
 297
 298 table.records-table tr.selected td
 299 {
 300   color: #FFFFFF;
 301   background-color: #CC3333;
 302 }
 303
 304 table.records-table tr.focused td
 305 {
 306 }
 307
 308 table.records-table tr.unfocused td
 309 {
 310   color: #FFFFFF;
 311   background-color: #929292;
 312 }
 313
 314
 315 /***** mac-style quicksearch field *****/
 316
 317 #quicksearchbar
 318 {
 319   position: absolute;
 320   top: 60px;
 321   right: 20px;
 322   width: 182px;
 323   height: 20px;
 324   text-align: right;
 325   background: url('images/searchfield.gif') top left no-repeat;
 326 }
 327
 328 #quicksearchbar a
 329 {
 330   position: absolute;
 331   top: 3px;
 332   right: 4px;
 333   text-decoration: none;
 334 }
 335
 336 #quicksearchbar img
 337 {
 338   vertical-align: middle;
 339 }
 340
 341 #quicksearchbox
 342 {
 343   position: absolute;
 344   top: 2px;
 345   left: 20px;
 346   width: 140px;
 347   font-size: 11px;
 348   padding: 0px;
 349   border: none;
 350 }
 351
 352
 353 /*\*/
 354 html>body*#quicksearchbar[id$="quicksearchbar"]:not([class="none"]) { background-image: none; }
 355 html>body*#quicksearchbar[id$="quicksearchbar"]:not([class="none"]) a { top: 5px; }
 356 html>body*#quicksearchbar[id$="quicksearchbar"]:not([class="none"]) #quicksearchbox { width: 180px; top:0px; right: 1px; left: auto; }
 357 /**/
 358
 359
 360 /***** roundcube webmail pre-defined classes *****/
 361
 362 #rcversion
 363 {
 364   position: absolute;
 365   top: 67px;
 366   left: 20px;
 367   width: 160px;
 368   text-align: center;
 369
 370   font-weight: normal;
 371   font-size: x-small;
 372   font-variant: small-caps;
 373
 374   color: #999999;
 375   /*border: 1px solid #308014;
 376   background-color: #b4eeb4;*/
 377 }
 378
 379 #rcmdraglayer
 380 {
 381   width: 300px;
 382   border: 1px solid #999999;
 383   background-color: #F9F9F9;
 384   padding-left: 8px;
 385   padding-right: 8px;
 386   padding-top: 3px;
 387   padding-bottom: 3px;
 388   font-size: 11px;
 389   opacity: 0.7;
 390   -moz-opacity: 0.7;
 391   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 392 }
 393
 394 a.rcmContactAddress
 395 {
 396   text-decoration: none;
 397 }
 398
 399 a.rcmContactAddress:hover
 400 {
 401   text-decoration: underline;
 402 }
 403
 404 #rcmKSearchpane
 405 {
 406   background-color: #F9F9F9;
 407   border: 1px solid #CCCCCC;
 408 }
 409
 410 #rcmKSearchpane ul
 411 {
 412   margin: 0px;
 413   padding: 2px;
 414   list-style-image: none;
 415   list-style-type: none;
 416 }
 417
 418 #rcmKSearchpane ul li
 419 {
 420   height: 16px;
 421   font-size: 11px;
 422   padding-left: 8px;
 423   padding-top: 2px;
 424   padding-right: 8px;
 425   white-space: nowrap;
 426 }
 427
 428 #rcmKSearchpane ul li.selected
 429 {
 430   color: #ffffff;
 431   background-color: #CC3333;
 432 }
 433