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   width: 520px;
  78 }
  79
  80 #identities-list,
  81 #folder-manager
  82 {
  83   position: absolute;
  84   top: 95px;
  85   left: 20px;
  86   overflow: auto;
  87 }
  88
  89 #folder-manager
  90 {
  91   width: 600px;
  92   bottom: 140px;
  93   overflow: auto;
  94   border: 1px solid #999999;
  95   /* css hack for IE */
  96   height: expression((parseInt(document.documentElement.clientHeight)-235)+'px');
  97 }
  98
  99 #folder-manager.droptarget
 100 {
 101   border: 1px solid #CC3333;
 102   background-color: #FFFFA6;
 103 }
 104
 105 #identities-list
 106 {
 107   bottom: 60px;
 108   width: 420px;
 109   border: 1px solid #999999;
 110   /* css hack for IE */
 111   height: expression((parseInt(document.documentElement.clientHeight)-155)+'px');
 112 }
 113
 114 #listbuttons
 115 {
 116   position: absolute;
 117   left: 20px;
 118   bottom: 18px;
 119 }
 120
 121 #identities-table
 122 {
 123   width: 420px;
 124   table-layout: fixed;
 125   background-color: #F9F9F9;
 126 }
 127
 128 #identities-table tbody td
 129 {
 130   cursor: default;
 131   overflow: hidden;
 132   text-overflow: ellipsis;
 133 }
 134
 135 #identities-table thead td.name
 136 {
 137   width: 55%;
 138 }
 139
 140 #identities-table thead td.email
 141 {
 142   width: 45%;
 143 }
 144
 145 #identity-frame
 146 {
 147   position: relative;
 148   margin-top: 20px;
 149   border: 1px solid #999999;
 150 }
 151
 152 #identity-details
 153 {
 154   position: absolute;
 155   top: 95px;
 156   left: 450px;
 157   right: 20px;
 158   bottom: 60px;
 159   border: 1px solid #999999;
 160   overflow: auto;
 161   /* css hack for IE */
 162   width: expression((parseInt(document.documentElement.clientWidth)-470)+'px');
 163   height: expression((parseInt(document.documentElement.clientHeight)-155)+'px');
 164 }
 165
 166 #identity-details table td.title
 167 {
 168   color: #666666;
 169   font-weight: bold;
 170   text-align: right;
 171   padding-right: 10px;
 172 }
 173
 174 input.disabled
 175 {
 176   color: #999999;
 177 }
 178
 179 #bottomboxes
 180 {
 181   position: absolute;
 182   width: 600px;
 183   height: 120px;
 184   left: 20px;
 185   bottom: 20px;
 186 }
 187
 188 #userprefs-title,
 189 #identity-title,
 190 div.boxtitle,
 191 #subscription-table thead td
 192 {
 193   height: 12px !important;
 194   padding: 4px 20px 3px 6px;
 195   border-bottom: 1px solid #999999;
 196   color: #333333;
 197   font-size: 11px;
 198   font-weight: bold;
 199   background-color: #EBEBEB;
 200   background-image: url(images/listheader_aqua.gif);
 201 }
 202
 203 div.settingsbox
 204 {
 205   width: 600px;
 206   margin-top: 20px;
 207   border: 1px solid #999999;
 208 }
 209
 210 div.settingspart
 211 {
 212   display: block;
 213   padding: 10px;
 214 }
 215
 216 #subscription-table
 217 {
 218   width: 100%;
 219   /* css hack for IE */
 220   width: expression('auto');
 221 }
 222
 223 #subscription-table tbody td
 224 {
 225   height: 20px;
 226   padding-left: 6px;
 227   padding-right: 10px;
 228   white-space: nowrap;
 229   border-bottom: 1px solid #EBEBEB;
 230   background-color: #F9F9F9;
 231   cursor: default;
 232 }
 233
 234 #subscription-table tr.virtual td
 235 {
 236   color: #666;
 237 }
 238
 239 #subscription-table tr.selected td,
 240 #subscription-table tr.selected td a
 241 {
 242   color: #FFFFFF;
 243   background-color: #CC3333;
 244 }
 245
 246 #subscription-table tr.droptarget td,
 247 #subscription-table tr.droptarget td a
 248 {
 249   background-color: #FFFFA6;
 250 }
 251
 252 #subscription-table thead td.name
 253 {
 254   width: 250px;
 255 }
 256
 257 #subscription-table thead td.msgcount
 258 {
 259   width: 90px;
 260 }
 261
 262 #subscription-table thead td.subscribed
 263 {
 264   width: 90px;
 265 }
 266
 267 fieldset
 268 {
 269   margin-bottom: 0.5em;
 270   border: 1px solid #999999;
 271   padding: 4px 8px 9px 8px;
 272 }
 273
 274 legend
 275 {
 276   color: #999999;
 277 }
 278
 279 div.advswitch
 280 {
 281   white-space: nowrap;
 282   text-align: right;
 283   position: absolute;
 284   bottom: 35px;
 285   right: 20px;
 286   width: 460px;
 287 }