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 }
  14
  15 span.tablink,
  16 span.tablink-selected
  17 {
  18   float: left;
  19   width: 100px;
  20   height: 24px !important;
  21   height: 22px;
  22   overflow: hidden;
  23   text-overflow: ellipsis;
  24   background: url('images/tabs.gif') top left no-repeat;
  25 }
  26
  27 span.tablink-selected
  28 {
  29   background-position: -102px 0;
  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   cursor: default;
  46 }
  47
  48 #rcmfd_timezone
  49 {
  50   width: 300px;
  51 }
  52
  53 #identities-list,
  54 #folder-manager
  55 {
  56   position: absolute;
  57   top: 95px;
  58   left: 20px;
  59   overflow: auto;
  60 }
  61
  62 #folder-manager
  63 {
  64   width: 600px;
  65   bottom: 140px;
  66   overflow: auto;
  67   border: 1px solid #999999;
  68 }
  69
  70 #folder-manager.droptarget
  71 {
  72   border: 1px solid #CC3333;
  73   background-color: #FFFFA6;
  74 }
  75
  76 #identities-list
  77 {
  78   bottom: 60px;
  79   width: 420px;
  80   border: 1px solid #999999;
  81 }
  82
  83 #listbuttons
  84 {
  85   position: absolute;
  86   left: 20px;
  87   bottom: 18px;
  88 }
  89
  90 #identities-table
  91 {
  92   width: 420px;
  93   table-layout: fixed;
  94   background-color: #F9F9F9;
  95 }
  96
  97 #subscription-table
  98 {
  99   width: 100%;
 100 }
 101
 102 #subscription-table input
 103 {
 104   font: inherit;
 105 }
 106
 107 #subscription-table tbody td,
 108 #identities-table tbody td
 109 {
 110   cursor: default;
 111   overflow: hidden;
 112   text-overflow: ellipsis;
 113 }
 114
 115 #identities-table thead td.name
 116 {
 117   width: 55%;
 118 }
 119
 120 #identities-table thead td.email
 121 {
 122   width: 45%;
 123 }
 124
 125 #subscription-table tbody td
 126 {
 127   height: 22px !important;
 128   height: 18px;
 129 }
 130
 131 #subscription-table tr.virtual td
 132 {
 133   color: #666;
 134 }
 135
 136 #subscription-table tr.selected td,
 137 #subscription-table tr.selected td a
 138 {
 139   color: #FFFFFF;
 140   background-color: #CC3333;
 141 }
 142
 143 #subscription-table tr.droptarget td,
 144 #subscription-table tr.droptarget td a
 145 {
 146   background-color: #FFFFA6;
 147 }
 148
 149 #subscription-table thead td.name
 150 {
 151   width: 360px;
 152 }
 153
 154 #subscription-table thead td.msgcount
 155 {
 156   width: 90px;
 157 }
 158
 159 #subscription-table thead td.subscribed
 160 {
 161   width: 90px;
 162 }
 163
 164 #subscription-table tbody td.subscribed,
 165 #subscription-table tbody td.rename,
 166 #subscription-table tbody td.delete
 167 {
 168   padding: 1px 4px;
 169 }
 170
 171 #subscription-table thead td.rename,
 172 #subscription-table thead td.delete
 173 {
 174   width: 30px;
 175 }
 176
 177 #subscription-table td.name input
 178 {
 179   font: inherit;
 180   width: 240px;
 181 }
 182
 183 #identity-frame
 184 {
 185   position: relative;
 186   margin-top: 20px;
 187   border: 1px solid #999999;
 188 }
 189
 190 #identity-details
 191 {
 192   position: absolute;
 193   top: 95px;
 194   left: 450px;
 195   right: 20px;
 196   bottom: 60px;
 197   border: 1px solid #999999;
 198   overflow: auto;
 199 }
 200
 201 #identity-details table td.title
 202 {
 203   font-weight: bold;
 204   text-align: right;
 205 }
 206
 207 input.disabled
 208 {
 209   color: #999999;
 210 }
 211
 212 #bottomboxes
 213 {
 214   position: absolute;
 215   width: 600px;
 216   height: 120px;
 217   left: 20px;
 218   bottom: 20px;
 219 }
 220
 221 div.settingsbox
 222 {
 223   width: 600px;
 224   margin-top: 20px;
 225   border: 1px solid #999999;
 226 }
 227
 228 fieldset
 229 {
 230   margin-bottom: 0.5em;
 231   border: 1px solid #999999;
 232   padding: 4px 8px 9px 8px;
 233 }
 234
 235 legend
 236 {
 237   color: #999999;
 238 }
 239
 240 #prefsscreen
 241 {
 242   position: absolute;
 243   top: 95px;
 244   right: 20px;
 245   bottom: 30px;
 246   left: 20px;
 247 }
 248
 249 #sectionslist
 250 {
 251   position: absolute;
 252   top: 0px;
 253   left: 0px;
 254   bottom: 0px;
 255   border: 1px solid #999999;
 256   background-color: #F9F9F9;
 257   overflow: auto;
 258 }
 259
 260 #sections-table
 261 {
 262   width: 100%;
 263   table-layout: fixed;
 264 }
 265
 266 #sections-table tbody td
 267 {
 268   cursor: default;
 269 }
 270
 271 #prefs-box
 272 {
 273   position: absolute;
 274   top: 0px;
 275   right: 0px;
 276   bottom: 0px;
 277   border: 1px solid #999999;
 278   overflow: hidden;
 279 }
 280
 281 body.iframe,
 282 #prefs-frame
 283 {
 284   background-color: #F9F9F9;
 285   border: none;
 286 }
 287
 288 #formfooter
 289 {
 290   width: 100%;
 291 }
 292
 293 #formfooter .footerleft
 294 {
 295   padding-left: 15px;
 296   white-space: nowrap;
 297   float: left;
 298 }
 299
 300 #formfooter .footerright
 301 {
 302   padding-right: 15px;
 303   white-space: nowrap;
 304   text-align: right;
 305   float: right;
 306 }