skins/default/addressbook.css

   1 /***** Roundcube|Mail address book task styles *****/
   2
   3 #abooktoolbar
   4 {
   5   position: absolute;
   6   top: 45px;
   7   left: 225px;
   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-position: -162px 0;
  73 }
  74
  75 #abookcountbar
  76 {
  77   margin-top: 4px;
  78   margin-left: 4px;
  79 }
  80
  81 #addressscreen
  82 {
  83   position: absolute;
  84   top: 85px;
  85   right: 20px;
  86   bottom: 20px;
  87   left: 225px;
  88 }
  89
  90 #directorylistbox
  91 {
  92   position: absolute;
  93   top: 85px;
  94   bottom: 20px;
  95   left: 20px;
  96   width: 195px;
  97   border: 1px solid #999999;
  98   background-color: #F9F9F9;
  99   overflow: hidden;
 100 }
 101
 102 #directorylistbox input
 103 {
 104   margin: 2px;
 105   width: 90%;
 106 }
 107
 108 #addresslist
 109 {
 110   position: absolute;
 111   top: 0;
 112   bottom: 0;
 113   border: 1px solid #999999;
 114   background-color: #F9F9F9;
 115   overflow: hidden;
 116 }
 117
 118 #contactgroupslist
 119 {
 120   border-top: 1px solid #999;
 121 }
 122
 123 #addresslist
 124 {
 125   left: 0px;
 126   width: 280px;
 127 }
 128
 129 #directorylist
 130 {
 131   list-style: none;
 132   margin: 0;
 133   padding: 0;
 134   background-color: #FFFFFF;
 135 }
 136
 137 #directorylist li
 138 {
 139   display: block;
 140   font-size: 11px;
 141   background: url(images/icons/folders.png) 5px -108px no-repeat;
 142   border-bottom: 1px solid #EBEBEB;
 143   white-space: nowrap;
 144 }
 145
 146 #directorylist li a
 147 {
 148   cursor: default;
 149   display: block;
 150   padding-left: 25px;
 151   padding-top: 2px;
 152   padding-bottom: 2px;
 153   text-decoration: none;
 154   white-space: nowrap;
 155 }
 156
 157 #directorylist li.contactgroup
 158 {
 159   padding-left: 15px;
 160   background-position: 20px -144px;
 161 }
 162
 163 #directorylist li.selected
 164 {
 165   background-color: #929292;
 166   border-bottom: 1px solid #898989;
 167 }
 168
 169 #directorylist li.selected a
 170 {
 171   color: #FFF;
 172   font-weight: bold;
 173 }
 174
 175 #directorylist li.droptarget
 176 {
 177   background-color: #FFFFA6;
 178 }
 179
 180 #contacts-table
 181 {
 182   width: 100%;
 183   table-layout: fixed;
 184 }
 185
 186 #contacts-table tbody td
 187 {
 188   cursor: default;
 189   text-overflow: ellipsis;
 190   -o-text-overflow: ellipsis;
 191 }
 192
 193 #contacts-box
 194 {
 195   position: absolute;
 196   top: 0px;
 197   left: 290px;
 198   right: 0px;
 199   bottom: 0px;
 200   border: 1px solid #999999;
 201   overflow: hidden;
 202 }
 203
 204 body.iframe,
 205 #contact-frame
 206 {
 207   background-color: #F2F2F2;
 208   border: none;
 209 }
 210
 211 #contact-details table td.title
 212 {
 213   font-weight: bold;
 214   text-align: right;
 215 }
 216