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 }
  14
  15 body.extwin
  16 {
  17   margin: 10px;
  18 }
  19
  20 body, td, th, span, div, p, h3
  21 {
  22   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  23   font-size: 12px;
  24   color: #000000;
  25 }
  26
  27 th
  28 {
  29   font-weight: normal;
  30 }
  31
  32 h3
  33 {
  34   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  35   font-size: 18px;
  36   color: #000000;
  37 }
  38
  39 a, a:active, a:visited
  40 {
  41   color: #000000;
  42   outline: none;
  43 }
  44
  45 a.button, a.button:visited, a.tab, a.tab:visited, a.axislist
  46 {
  47   color: #000000;
  48   text-decoration: none;
  49 }
  50
  51 a.tab
  52 {
  53   width: 80px;
  54   display: block;
  55   text-align: center;
  56 }
  57
  58 hr
  59 {
  60   height: 1px;
  61   background-color: #666666;
  62   border-style: none;
  63 }
  64
  65 input, textarea
  66 {
  67   font-size: 9pt;
  68   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  69   padding: 1px;
  70   padding-left: 3px;
  71   padding-right: 3px;
  72   background-color: #ffffff;
  73   border: 1px solid #666666;
  74 }
  75
  76 input.button
  77 {
  78   height: 20px;
  79   color: #333333;
  80   font-size: 12px;
  81   padding-left: 8px;
  82   padding-right: 8px;
  83   background: url(images/buttons/bg.gif) repeat-x #f0f0f0;
  84   border: 1px solid #a4a4a4;
  85 }
  86
  87 input.button:hover
  88 {
  89   color: black;
  90 }
  91
  92 img
  93 {
  94   behavior: url('skins/default/pngbehavior.htc');
  95 }
  96
  97 .alttext
  98 {
  99   font-size: 11px;
 100 }
 101
 102
 103 /** common user interface objects */
 104
 105 #header
 106 {
 107   position: absolute;
 108   top: 10px;
 109   left: 20px;
 110   width: 170px;
 111   height: 40px;
 112   z-index: 100;
 113 }
 114
 115 #taskbar
 116 {
 117   position: absolute;
 118   top: 0px;
 119   right: 0px;
 120   width: 600px;
 121   height: 37px;
 122   background: url(images/taskbar.gif) top right no-repeat;
 123   padding: 10px 24px 0px 0px;
 124   text-align: right;
 125   white-space: nowrap;
 126   z-index: 2;
 127 }
 128
 129 #taskbar a,
 130 #taskbar a:active,
 131 #taskbar a:visited
 132 {
 133   font-size: 11px;
 134   color: #666666;
 135   text-decoration: none;
 136   padding: 6px 16px 6px 30px;
 137   background-repeat: no-repeat;
 138 }
 139
 140 #taskbar a:hover
 141 {
 142   color: #333333;
 143 }
 144
 145 a.button-mail
 146 {
 147   background-image: url(images/buttons/mail.gif);
 148 }
 149
 150 a.button-addressbook
 151 {
 152   background-image: url(images/buttons/addressbook.gif);
 153 }
 154
 155 a.button-settings
 156 {
 157   background-image: url(images/buttons/settings.gif);
 158 }
 159
 160 a.button-logout
 161 {
 162   background-image: url(images/buttons/logout.gif);
 163 }
 164
 165
 166 #message
 167 {
 168   position: absolute;
 169   display: none;
 170   top: -1px;
 171   left: 200px;
 172   right: 200px;
 173   z-index: 5000;
 174   opacity: 0.85;
 175 }
 176
 177 #message div
 178 {
 179   width: 400px;
 180   margin: 0px auto;
 181   height: 24px;
 182   min-height: 24px;
 183   padding: 8px 10px 8px 46px;
 184 }
 185
 186 #message div.notice,
 187 #remote-objects-message
 188 {
 189   background: url(images/display/info.png) 6px 3px no-repeat;
 190   background-color: #F7FDCB;
 191   border: 1px solid #C2D071;
 192 }
 193
 194 #message div.error,
 195 #message div.warning
 196 {
 197   background: url(images/display/warning.png) 6px 3px no-repeat;
 198   background-color: #EF9398;
 199   border: 1px solid #DC5757;
 200 }
 201
 202 #message div.confirmation
 203 {
 204   background: url(images/display/confirm.png) 6px 3px no-repeat;
 205   background-color: #A6EF7B;
 206   border: 1px solid #76C83F;
 207 }
 208
 209 #message div.loading
 210 {
 211   background: url(images/display/loading.gif) 6px 3px no-repeat;
 212   background-color: #EBEBEB;
 213   border: 1px solid #CCCCCC;
 214 }
 215
 216
 217 /***** common table settings ******/
 218
 219 table.records-table thead tr td
 220 {
 221   height: 20px;
 222   padding: 0px 4px 0px 4px;
 223   vertical-align: middle;
 224   border-bottom: 1px solid #999999;
 225   color: #333333;
 226   background-color: #EBEBEB;
 227   background-image: url(images/listheader_aqua.gif);
 228   font-size: 11px;
 229   font-weight: bold;
 230 }
 231
 232 table.records-table tbody tr td
 233 {
 234   height: 16px;
 235   padding: 2px 4px 2px 4px;
 236   font-size: 11px;
 237   white-space: nowrap;
 238   border-bottom: 1px solid #EBEBEB;
 239   overflow: hidden;
 240   text-align: left;
 241 }
 242
 243 table.records-table tr
 244 {
 245   background-color: #FFFFFF;
 246 }
 247
 248 table.records-table tr.selected td
 249 {
 250   font-weight: bold;
 251   color: #FFFFFF;
 252   background-color: #CC3333;
 253 }
 254
 255
 256
 257 /***** roundcube webmail pre-defined classes *****/
 258
 259 a.rcmContactAddress
 260 {
 261   text-decoration: none;
 262 }
 263
 264 a.rcmContactAddress:hover
 265 {
 266   text-decoration: underline;
 267 }
 268
 269 #rcmKSearchpane
 270 {
 271   background-color: #F9F9F9;
 272   border: 1px solid #CCCCCC;
 273 }
 274
 275 #rcmKSearchpane ul
 276 {
 277   margin: 0px;
 278   padding: 2px;
 279   list-style-image: none;
 280   list-style-type: none;
 281 }
 282
 283 #rcmKSearchpane ul li
 284 {
 285   height: 16px;
 286   font-size: 11px;
 287   padding-left: 8px;
 288   padding-top: 2px;
 289   padding-right: 8px;
 290   white-space: nowrap;
 291 }
 292
 293 #rcmKSearchpane ul li.selected
 294 {
 295   color: #ffffff;
 296   background-color: #CC3333;
 297 }
 298