skins/default/addresses.css

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