skins/default/settings.css

   1 /***** RoundCube|Mail settings task styles *****/
   2
   3
   4 #tabsbar
   5 {
   6   position: absolute;
   7   top: 50px;
   8   left: 220px;
   9   right: 20px;
  10   height: 22px;
  11   border-bottom: 1px solid #999999;
  12   white-space: nowrap;
  13   /* css hack for IE */
  14   width: expression((parseInt(document.documentElement.clientWidth)-240)+'px');
  15 }
  16
  17 span.tablink,
  18 span.tablink-selected
  19 {
  20   float: left;
  21   width: 100px;
  22   height: 24px !important;
  23   height: 22px;
  24   background: url('images/tab_pas.gif') top left no-repeat;
  25 }
  26
  27 span.tablink-selected
  28 {
  29   background: url('images/tab_act.gif') top left no-repeat;
  30 }
  31
  32 span.tablink a,
  33 span.tablink-selected a
  34 {
  35   display: block;
  36   padding-left: 10px;
  37   padding-top: 5px;
  38   color: #555555;
  39   text-decoration: none;
  40 }
  41
  42 span.tablink-selected a
  43 {
  44   color: #000000;
  45 }
  46
  47 #userprefs-box
  48 {
  49   position: absolute;
  50   top: 95px;
  51   left: 20px;
  52   bottom: 60px;
  53   right: 20px;
  54   overflow: auto;
  55   border: 1px solid #999999;
  56   /* css hack for IE */
  57   height: expression((parseInt(document.documentElement.clientHeight)-155)+'px');
  58   width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
  59 }
  60
  61 #userprefs-box table td.title
  62 {
  63   color: #666666;
  64   padding-right: 10px;
  65   white-space: nowrap;
  66 }
  67
  68 #userprefs-box table tr.advanced
  69 {
  70   display: none;
  71 }
  72
  73 .userprefs-block
  74 {
  75   float: left;
  76   margin-right: 14px;
  77   min-width: 520px;
  78   /* css hack for IE */
  79   width: expression(Math.min(520, parseInt(document.documentElement.clientWidth))+'px');
  80 }
  81
  82 #rcmfd_timezone
  83 {
  84   width: 300px;
  85 }
  86
  87 #identities-list,
  88 #folder-manager
  89 {
  90   position: absolute;
  91   top: 95px;
  92   left: 20px;
  93   overflow: auto;
  94 }
  95
  96 #folder-manager
  97 {
  98   width: 600px;
  99   bottom: 140px;
 100   overflow: auto;
 101   border: 1px solid #999999;
 102   /* css hack for IE */
 103   height: expression((parseInt(document.documentElement.clientHeight)-235)+'px');
 104 }
 105
 106 #folder-manager.droptarget
 107 {
 108   border: 1px solid #CC3333;
 109   background-color: #FFFFA6;
 110 }
 111
 112 #identities-list
 113 {
 114   bottom: 60px;
 115   width: 420px;
 116   border: 1px solid #999999;
 117   /* css hack for IE */
 118   height: expression((parseInt(document.documentElement.clientHeight)-155)+'px');
 119 }
 120
 121 #listbuttons
 122 {
 123   position: absolute;
 124   left: 20px;
 125   bottom: 18px;
 126 }
 127
 128 #identities-table
 129 {
 130   width: 420px;
 131   table-layout: fixed;
 132   background-color: #F9F9F9;
 133 }
 134
 135 #identities-table tbody td
 136 {
 137   cursor: default;
 138   overflow: hidden;
 139   text-overflow: ellipsis;
 140 }
 141
 142 #identities-table thead td.name
 143 {
 144   width: 55%;
 145 }
 146
 147 #identities-table thead td.email
 148 {
 149   width: 45%;
 150 }
 151
 152 #identity-frame
 153 {
 154   position: relative;
 155   margin-top: 20px;
 156   border: 1px solid #999999;
 157 }
 158
 159 #identity-details
 160 {
 161   position: absolute;
 162   top: 95px;
 163   left: 450px;
 164   right: 20px;
 165   bottom: 60px;
 166   border: 1px solid #999999;
 167   overflow: auto;
 168   /* css hack for IE */
 169   width: expression((parseInt(document.documentElement.clientWidth)-470)+'px');
 170   height: expression((parseInt(document.documentElement.clientHeight)-155)+'px');
 171 }
 172
 173 #identity-details table td.title
 174 {
 175   color: #666666;
 176   font-weight: bold;
 177   text-align: right;
 178   padding-right: 10px;
 179 }
 180
 181 input.disabled
 182 {
 183   color: #999999;
 184 }
 185
 186 #bottomboxes
 187 {
 188   position: absolute;
 189   width: 600px;
 190   height: 120px;
 191   left: 20px;
 192   bottom: 20px;
 193 }
 194
 195 #userprefs-title,
 196 #identity-title,
 197 div.boxtitle,
 198 #subscription-table thead td
 199 {
 200   height: 12px !important;
 201   padding: 4px 20px 3px 6px;
 202   border-bottom: 1px solid #999999;
 203   color: #333333;
 204   font-size: 11px;
 205   font-weight: bold;
 206   background-color: #EBEBEB;
 207   background-image: url(images/listheader_aqua.gif);
 208 }
 209
 210 div.settingsbox
 211 {
 212   width: 600px;
 213   margin-top: 20px;
 214   border: 1px solid #999999;
 215 }
 216
 217 div.settingspart
 218 {
 219   display: block;
 220   padding: 10px;
 221 }
 222
 223 #subscription-table
 224 {
 225   width: 100%;
 226   /* css hack for IE */
 227   width: expression('auto');
 228 }
 229
 230 #subscription-table tbody td
 231 {
 232   height: 20px;
 233   padding-left: 6px;
 234   padding-right: 10px;
 235   white-space: nowrap;
 236   border-bottom: 1px solid #EBEBEB;
 237   background-color: #F9F9F9;
 238   cursor: default;
 239 }
 240
 241 #subscription-table tr.virtual td
 242 {
 243   color: #666;
 244 }
 245
 246 #subscription-table tr.selected td,
 247 #subscription-table tr.selected td a
 248 {
 249   color: #FFFFFF;
 250   background-color: #CC3333;
 251 }
 252
 253 #subscription-table tr.droptarget td,
 254 #subscription-table tr.droptarget td a
 255 {
 256   background-color: #FFFFA6;
 257 }
 258
 259 #subscription-table thead td.name
 260 {
 261   width: 250px;
 262 }
 263
 264 #subscription-table thead td.msgcount
 265 {
 266   width: 90px;
 267 }
 268
 269 #subscription-table thead td.subscribed
 270 {
 271   width: 90px;
 272 }
 273
 274 fieldset
 275 {
 276   margin-bottom: 0.5em;
 277   border: 1px solid #999999;
 278   padding: 4px 8px 9px 8px;
 279 }
 280
 281 legend
 282 {
 283   color: #999999;
 284 }
 285
 286 div.advswitch
 287 {
 288   white-space: nowrap;
 289   text-align: right;
 290   position: absolute;
 291   bottom: 35px;
 292   right: 20px;
 293   width: 460px;
 294 }