skins/default/addresses.css

   1 /***** RoundCube|Mail address book task styles *****/
   2
   3 #abooktoolbar
   4 {
   5   position: absolute;
   6   top: 45px;
   7   left: 205px;
   8   height: 35px;
   9 }
  10
  11 #abooktoolbar a
  12 {
  13   padding-right: 10px;
  14 }
  15
  16 #abooktoolbar a.button,
  17 #abooktoolbar a.buttonPas,
  18 #abooktoolbar span.separator {
  19   display: block;
  20   float: left;
  21   width: 32px;
  22   height: 32px;
  23   padding: 0;
  24   margin-right: 10px;
  25   overflow: hidden;
  26   background: url('images/abook_toolbar.png') 0 0 no-repeat transparent;
  27   opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
  28 }
  29
  30 #abooktoolbar a.buttonPas {
  31   opacity: 0.35;
  32 }
  33
  34 #abooktoolbar a.addcontactSel {
  35   background-position: 0 -32px;
  36 }
  37
  38 #abooktoolbar a.compose {
  39   background-position: -32px 0;
  40 }
  41
  42 #abooktoolbar a.composeSel {
  43   background-position: -32px -32px;
  44 }
  45
  46 #abooktoolbar a.delete {
  47   background-position: -64px 0;
  48 }
  49
  50 #abooktoolbar a.deleteSel {
  51   background-position: -64px -32px;
  52 }
  53
  54 #abooktoolbar a.import {
  55   background-position: -96px 0;
  56 }
  57
  58 #abooktoolbar a.importSel {
  59   background-position: -96px -32px;
  60 }
  61
  62 #abooktoolbar a.export {
  63   background-position: -128px 0;
  64 }
  65
  66 #abooktoolbar a.exportSel {
  67   background-position: -128px -32px;
  68 }
  69
  70 #abooktoolbar span.separator {
  71   width: 5px;
  72   background-image: url('images/abook_toolbar.png');
  73   background-position: -162px 0;
  74 }
  75
  76 #abookcountbar
  77 {
  78   position: absolute;
  79   bottom: 16px;
  80   left: 200px;
  81   width: 240px;
  82   height: 20px;
  83   text-align: left;
  84 }
  85
  86 #abookcountbar span
  87 {
  88   font-size: 11px;
  89   color: #333333;
  90 }
  91
  92 #addressscreen
  93 {
  94   position: absolute;
  95   top: 85px;
  96   right: 20px;
  97   bottom: 40px;
  98   left: 205px;
  99 }
 100
 101 #directorylist
 102 {
 103   position: absolute;
 104   top: 85px;
 105   bottom: 40px;
 106   left: 20px;
 107   width: 175px;
 108   border: 1px solid #999999;
 109   background-color: #F9F9F9;
 110   overflow: hidden;
 111 }
 112
 113 #addresslist
 114 {
 115   position: absolute;
 116   top: 0px;
 117   bottom: 0px;
 118   border: 1px solid #999999;
 119   background-color: #F9F9F9;
 120   overflow: auto;
 121 }
 122
 123 #importbox
 124 {
 125   position: absolute;
 126   top: 85px;
 127   bottom: 40px;
 128   left: 20px;
 129   right: 20px;
 130   border: 1px solid #999999;
 131   background-color: #F9F9F9;
 132   padding-bottom: 4ex;
 133   overflow: auto;
 134 }
 135
 136 #addresslist
 137 {
 138   left: 0px;
 139   width: 340px;
 140 }
 141
 142 #importbox a
 143 {
 144   color: blue;
 145 }
 146
 147 #directorylist ul
 148 {
 149   list-style: none;
 150   margin: 0;
 151   padding: 0;
 152 }
 153
 154 #directorylist ul li
 155 {
 156   font-size: 11px;
 157   border-bottom: 1px solid #EBEBEB;
 158   white-space: nowrap;
 159 }
 160
 161 #directorylist ul li a
 162 {
 163   display: block;
 164   padding-left: 6px;
 165   padding-top: 2px;
 166   padding-bottom: 2px;
 167   text-decoration: none;
 168   white-space: nowrap;
 169 }
 170
 171 #directorylist li.selected
 172 {
 173   background-color: #929292;
 174   border-bottom: 1px solid #898989;
 175 }
 176
 177 #directorylist li.selected a
 178 {
 179   color: #FFF;
 180   font-weight: bold;
 181 }
 182
 183 #directorylist li.droptarget
 184 {
 185   background-color: #FFFFA6;
 186 }
 187
 188
 189 #contacts-table
 190 {
 191   width: 100%;
 192   table-layout: fixed;
 193 }
 194
 195
 196 #contacts-table tbody td
 197 {
 198   cursor: default;
 199 }
 200
 201
 202 #contacts-box
 203 {
 204   position: absolute;
 205   top: 0px;
 206   left: 555px;
 207   right: 0px;
 208   bottom: 0px;
 209   border: 1px solid #999999;
 210   overflow: hidden;
 211 }
 212
 213 body.iframe,
 214 #contact-frame
 215 {
 216   background-color: #F9F9F9;
 217 }
 218
 219 #contact-frame
 220 {
 221   border: none;
 222 /* visibility: hidden; */
 223 }
 224
 225 #contact-title, #groups-title
 226 {
 227   height: 12px !important;
 228 /*  height: 20px; */
 229   padding: 4px 5px 3px 5px;
 230   border-bottom: 1px solid #999;
 231   color: #333;
 232   font-size: 11px;
 233   font-weight: bold;
 234   background: url('images/listheader.gif') top left repeat-x #CCC;
 235   white-space: nowrap;
 236 }
 237
 238 #contact-title
 239 {
 240   padding: 4px 10px 3px 10px;
 241 }
 242
 243 #contact-details
 244 {
 245   padding: 15px 10px 10px 10px;
 246 }
 247
 248 #contact-details table td.title
 249 {
 250   color: #666;
 251   font-weight: bold;
 252   text-align: right;
 253   padding-right: 10px;
 254 }
 255
 256