plugins/managesieve/skins/default/managesieve.css

   1 /***** Roundcube|Filters styles *****/
   2
   3
   4 #filterslist
   5 {
   6   position: absolute;
   7   left: 20px;
   8   top: 120px;
   9   bottom: 20px;
  10   border: 1px solid #999999;
  11   overflow: auto;
  12   /* css hack for IE */
  13   height: expression((parseInt(document.documentElement.clientHeight)-140)+'px');
  14 }
  15
  16 #filters-table
  17 {
  18   width: 100%;
  19   table-layout: fixed;
  20   /* css hack for IE */
  21   width: expression(document.getElementById('filterslist').clientWidth);
  22 }
  23
  24 #filters-table tbody td
  25 {
  26   cursor: pointer;
  27 }
  28
  29 #filters-table tbody tr.disabled td
  30 {
  31   color: #999999;
  32 }
  33
  34 #filtersbuttons
  35 {
  36   position: absolute;
  37   left: 20px;
  38   top: 85px;
  39 }
  40
  41 #filtersetsbuttons
  42 {
  43   position: absolute;
  44   left: 230px;
  45   top: 85px;
  46 }
  47
  48 #filtersbuttons a,
  49 #filtersetsbuttons a
  50 {
  51   display: block;
  52   float: left;
  53 }
  54
  55 #filtersbuttons a.button,
  56 #filtersbuttons a.buttonPas,
  57 #filtersetsbuttons a.button,
  58 #filtersetsbuttons a.buttonPas
  59 {
  60   display: block;
  61   float: left;
  62   width: 32px;
  63   height: 32px;
  64   padding: 0;
  65   margin-right: 3px;
  66   overflow: hidden;
  67   background: url(managesieve_toolbar.png) 0 0 no-repeat transparent;
  68   opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
  69 }
  70
  71 #filtersbuttons a.buttonPas,
  72 #filtersetsbuttons a.buttonPas
  73 {
  74   filter: alpha(opacity=35);
  75   opacity: 0.35;
  76 }
  77
  78 #filtersbuttons a.add {
  79   background-position: 0px 0px;
  80 }
  81
  82 #filtersbuttons a.addsel {
  83   background-position: 0 -32px;
  84 }
  85
  86 #filtersbuttons a.del {
  87   background-position: -32px 0px;
  88 }
  89
  90 #filtersbuttons a.delsel {
  91   background-position: -32px -32px;
  92 }
  93
  94 #filtersbuttons a.up {
  95   background-position: -64px 0px;
  96 }
  97
  98 #filtersbuttons a.upsel {
  99   background-position: -64px -32px;
 100 }
 101
 102 #filtersbuttons a.down {
 103   background-position: -96px 0px;
 104 }
 105
 106 #filtersbuttons a.downsel {
 107   background-position: -96px -32px;
 108 }
 109
 110 #filtersetsbuttons a.setadd {
 111   background-position: -128px 0px;
 112 }
 113
 114 #filtersetsbuttons a.setaddsel {
 115   background-position: -128px -32px;
 116 }
 117
 118 #filtersetsbuttons a.setdel {
 119   background-position: -160px 0px;
 120 }
 121
 122 #filtersetsbuttons a.setdelsel {
 123   background-position: -160px -32px;
 124 }
 125
 126 #filtersetsbuttons a.setset {
 127   background-position: -192px 0px;
 128 }
 129
 130 #filtersetsbuttons a.setsetsel {
 131   background-position: -192px -32px;
 132 }
 133
 134 #filtersetsbuttons a.setget {
 135   background-position: -224px 0px;
 136 }
 137
 138 #filtersetsbuttons a.setgetsel {
 139   background-position: -224px -32px;
 140 }
 141
 142 #filtersetselect
 143 {
 144   position: absolute;
 145   left: 375px;
 146   top: 90px;
 147 }
 148
 149 #filter-box
 150 {
 151   position: absolute;
 152   top: 120px;
 153   right: 20px;
 154   bottom: 20px;
 155   border: 1px solid #999999;
 156   overflow: hidden;
 157   /* css hack for IE */
 158   width: expression((parseInt(document.documentElement.clientWidth)-40-parseInt(document.getElementById('filterslist').offsetWidth))+'px');
 159   height: expression((parseInt(document.documentElement.clientHeight)-140)+'px');
 160 }
 161
 162 #filter-frame
 163 {
 164   border: none;
 165 }
 166
 167 body.iframe
 168 {
 169   min-width: 740px;
 170   width: expression(Math.max(740, document.documentElement.clientWidth)+'px');
 171 }
 172
 173 #filter-form
 174 {
 175   min-width: 650px;
 176   white-space: nowrap;
 177   padding: 20px 10px 10px 10px;
 178 }
 179
 180 legend, label
 181 {
 182   color: #666666;
 183 }
 184
 185 #rules, #actions
 186 {
 187   margin-top: 5px;
 188   padding: 0;
 189   border-collapse: collapse;
 190 }
 191
 192 div.rulerow, div.actionrow
 193 {
 194   width: auto;
 195   padding: 2px;
 196   white-space: nowrap;
 197   border: 1px solid #F2F2F2;
 198 }
 199
 200 div.rulerow:hover, div.actionrow:hover
 201 {
 202   padding: 2px;
 203   white-space: nowrap;
 204   background: #F9F9F9;
 205   border: 1px solid silver;
 206 }
 207
 208 div.rulerow table, div.actionrow table
 209 {
 210   padding: 0px;
 211   width: 100%;
 212 }
 213
 214 td.rowbuttons
 215 {
 216   text-align: right;
 217   white-space: nowrap;
 218   width: 1%;
 219 }
 220
 221 td.rowactions
 222 {
 223   white-space: nowrap;
 224   width: 1%;
 225 }
 226
 227 td.rowtargets
 228 {
 229   white-space: nowrap;
 230   width: 98%;
 231   padding-left: 10px;
 232 }
 233
 234 input.disabled, input.disabled:hover
 235 {
 236   color: #999999;
 237 }
 238
 239 input.error, textarea.error
 240 {
 241   background-color: #FFFF88;
 242 }
 243
 244 input.box,
 245 input.radio
 246 {
 247   border: 0;
 248 }
 249
 250 span.label
 251 {
 252   color: #666666;
 253   font-size: 10px;
 254   white-space: nowrap;
 255 }
 256
 257 #footer
 258 {
 259   padding-top: 5px;
 260   width: 100%;
 261 }
 262
 263 #footer .footerleft
 264 {
 265   padding-left: 2px;
 266   white-space: nowrap;
 267   float: left;
 268 }
 269
 270 #footer .footerright
 271 {
 272   padding-right: 2px;
 273   white-space: nowrap;
 274   text-align: right;
 275   float: right;
 276 }
 277
 278 .itemlist
 279 {
 280   line-height: 25px;
 281 }
 282
 283 .itemlist input
 284 {
 285   vertical-align: middle;
 286 }
 287
 288 span.sieve.error
 289 {
 290   color: red;
 291 }
 292
 293 #managesieve-tip
 294 {
 295   width: 200px;
 296 }