skins/default/addresses.css

   1 /***** RoundCube|Mail address book task styles *****/
   2
   3 #abooktoolbar
   4 {
   5   position: absolute;
   6   top: 45px;
   7   left: 200px;
   8   height: 35px;
   9 }
  10
  11 #abooktoolbar a
  12 {
  13   padding-right: 10px;
  14 }
  15
  16 #abookcountbar
  17 {
  18   position: absolute;
  19   bottom: 16px;
  20   left: 200px;
  21   width: 240px;
  22   height: 20px;
  23   text-align: left;
  24 }
  25
  26 #abookcountbar span
  27 {
  28   font-size: 11px;
  29   color: #333333;
  30 }
  31
  32 #mainscreen
  33 {
  34   position: absolute;
  35   top: 85px;
  36   right: 20px;
  37   bottom: 40px;
  38   left: 200px;
  39   /* css hack for IE */
  40   width: expression((parseInt(document.documentElement.clientWidth)-220)+'px');
  41   height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
  42 }
  43
  44 #directorylist
  45 {
  46   position: absolute;
  47   top: 85px;
  48   bottom: 40px;
  49   left: 20px;
  50   width: 170px;
  51   border: 1px solid #999999;
  52   background-color: #F9F9F9;
  53   overflow: hidden;
  54   /* css hack for IE */
  55   height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
  56 }
  57
  58 #addresslist
  59 {
  60   position: absolute;
  61   top: 0px;
  62   bottom: 0px;
  63   border: 1px solid #999999;
  64   background-color: #F9F9F9;
  65   overflow: auto;
  66   /* css hack for IE */
  67   height: expression(parseInt(this.parentNode.offsetHeight)+'px');
  68 }
  69
  70 #importbox
  71 {
  72   position: absolute;
  73   top: 85px;
  74   bottom: 40px;
  75   left: 20px;
  76   right: 20px;
  77   border: 1px solid #999999;
  78   background-color: #F9F9F9;
  79   padding-bottom: 4ex;
  80   overflow: auto;
  81   /* css hack for IE */
  82   height: expression((parseInt(document.documentElement.clientHeight)-135)+'px');
  83 }
  84
  85 #addresslist
  86 {
  87   left: 0px;
  88   width: 340px;
  89 }
  90
  91 #importbox a
  92 {
  93   color: blue;
  94 }
  95
  96 #directorylist ul
  97 {
  98   list-style: none;
  99   margin: 0;
 100   padding: 0;
 101 }
 102
 103 #directorylist ul li
 104 {
 105   font-size: 11px;
 106   border-bottom: 1px solid #EBEBEB;
 107   white-space: nowrap;
 108 }
 109
 110 #directorylist ul li a
 111 {
 112   display: block;
 113   padding-left: 6px;
 114   padding-top: 2px;
 115   padding-bottom: 2px;
 116   text-decoration: none;
 117   white-space: nowrap;
 118 }
 119
 120 #directorylist li.selected
 121 {
 122   background-color: #929292;
 123   border-bottom: 1px solid #898989;
 124 }
 125
 126 #directorylist li.selected a
 127 {
 128   color: #FFF;
 129   font-weight: bold;
 130 }
 131
 132 #directorylist li.droptarget
 133 {
 134   background-color: #FFFFA6;
 135 }
 136
 137
 138 #contacts-table
 139 {
 140   width: 100%;
 141   table-layout: fixed;
 142   /* css hack for IE */
 143   width: expression(document.getElementById('addresslist').clientWidth);
 144 }
 145
 146
 147 #contacts-table tbody td
 148 {
 149   cursor: default;
 150 }
 151
 152
 153 #contacts-box
 154 {
 155   position: absolute;
 156   top: 0px;
 157   left: 555px;
 158   right: 0px;
 159   bottom: 0px;
 160   border: 1px solid #999999;
 161   overflow: hidden;
 162   /* css hack for IE */
 163   height: expression(parseInt(this.parentNode.offsetHeight)+'px');
 164   width: expression((parseInt(this.parentNode.offsetWidth)-555)+'px');
 165 }
 166
 167 body.iframe,
 168 #contact-frame
 169 {
 170   background-color: #F9F9F9;
 171 }
 172
 173 #contact-frame
 174 {
 175   border: none;
 176 /* visibility: hidden; */
 177 }
 178
 179 #contact-title, #groups-title
 180 {
 181   height: 12px !important;
 182 /*  height: 20px; */
 183   padding: 4px 5px 3px 5px;
 184   border-bottom: 1px solid #999;
 185   color: #333;
 186   font-size: 11px;
 187   font-weight: bold;
 188   background-color: #EBEBEB;
 189   background-image: url(images/listheader_aqua.gif);
 190   white-space: nowrap;
 191 }
 192
 193 #contact-title
 194 {
 195   padding: 4px 10px 3px 10px;
 196 }
 197
 198 #contact-details
 199 {
 200   padding: 15px 10px 10px 10px;
 201 }
 202
 203 #contact-details table td.title
 204 {
 205   color: #666;
 206   font-weight: bold;
 207   text-align: right;
 208   padding-right: 10px;
 209 }
 210
 211