| commit | author | age | ||
| e7c445 | 1 | /** |
| 6cf186 | 2 | * Roundcube webmail styles for the Address Book section |
| PH | 3 | * |
| 4 | * Copyright (c) 2012, The Roundcube Dev Team | |
| 3533a5 | 5 | * Screendesign by FLINT / B�ro f�r Gestaltung, bueroflint.com |
| 6cf186 | 6 | * |
| PH | 7 | * The contents are subject to the Creative Commons Attribution-ShareAlike |
| 8 | * License. It is allowed to copy, distribute, transmit and to adapt the work | |
| 9 | * by keeping credits to the original autors in the README file. | |
| 10 | * See http://creativecommons.org/licenses/by-sa/3.0/ for details. | |
| 11 | */ | |
| bab043 | 12 | |
| T | 13 | #addressview-left { |
| 14 | position: absolute; | |
| 15 | top: 0; | |
| 16 | left: 0; | |
| a292e4 | 17 | width: 200px; |
| bab043 | 18 | bottom: 0; |
| 688d16 | 19 | z-index: 2; |
| bab043 | 20 | } |
| T | 21 | |
| 22 | #addressview-right { | |
| 23 | position: absolute; | |
| 24 | top: 0; | |
| a292e4 | 25 | left: 212px; |
| bab043 | 26 | right: 0; |
| T | 27 | bottom: 0; |
| 688d16 | 28 | z-index: 3; |
| bab043 | 29 | } |
| T | 30 | |
| 31 | #addressbooktoolbar { | |
| 32 | position: absolute; | |
| 33 | top: -6px; | |
| 34 | left: 0; | |
| 35 | height: 40px; | |
| 36 | white-space: nowrap; | |
| 688d16 | 37 | z-index: 10; |
| 77fad1 | 38 | } |
| TB | 39 | |
| bab043 | 40 | #directorylistbox { |
| T | 41 | position: absolute; |
| f8a9c2 | 42 | top: 0; |
| bab043 | 43 | left: 0; |
| T | 44 | width: 100%; |
| 45 | bottom: 0; | |
| 46 | } | |
| 47 | ||
| 48 | #addresslist { | |
| 49 | position: absolute; | |
| f8a9c2 | 50 | top: 0; |
| bab043 | 51 | left: 0; |
| a292e4 | 52 | width: 260px; |
| bab043 | 53 | bottom: 0; |
| T | 54 | } |
| 55 | ||
| 56 | #contacts-box { | |
| 57 | position: absolute; | |
| f8a9c2 | 58 | top: 0; |
| a292e4 | 59 | left: 272px; |
| bab043 | 60 | right: 0; |
| T | 61 | bottom: 0; |
| 62 | } | |
| 63 | ||
| 64 | #addressview-left #quicksearchbar input { | |
| 65 | width: 156px; | |
| 66 | } | |
| 67 | ||
| 68 | #directorylist li a, | |
| 71a522 | 69 | .treelist li.contactsearch a, |
| bab043 | 70 | #contacts-table .contact td.name { |
| 0f3ae4 | 71 | background-image: url(images/listicons.png); |
| TB | 72 | background-position: -100px 0; |
| 73 | background-repeat: no-repeat; | |
| bab043 | 74 | overflow: hidden; |
| T | 75 | text-overflow: ellipsis; |
| 76 | } | |
| 77 | ||
| 78 | #directorylist li.addressbook a { | |
| 79 | background-position: 6px -766px; | |
| 80 | } | |
| 81 | ||
| 71a522 | 82 | #directorylist ul li.addressbook a { |
| TB | 83 | background-position: 32px -766px; |
| 84 | } | |
| 85 | ||
| 86 | #directorylist ul ul li.addressbook a { | |
| 87 | background-position: 58px -766px; | |
| 88 | } | |
| 89 | ||
| 3c309a | 90 | #directorylist li.addressbook.selected > a { |
| bab043 | 91 | background-position: 6px -791px; |
| 3c309a | 92 | } |
| TB | 93 | |
| 71a522 | 94 | #directorylist ul li.addressbook.selected > a { |
| TB | 95 | background-position: 32px -791px; |
| 96 | } | |
| 97 | ||
| 98 | #directorylist ul ul li.addressbook.selected > a { | |
| 99 | background-position: 58px -791px; | |
| bab043 | 100 | } |
| T | 101 | |
| 102 | #directorylist li.contactgroup a { | |
| 750de3 | 103 | background-position: 6px -1555px; |
| TB | 104 | } |
| 105 | ||
| 106 | #directorylist ul li.contactgroup a { | |
| bab043 | 107 | background-position: 32px -1555px; |
| T | 108 | } |
| 109 | ||
| 71a522 | 110 | #directorylist ul ul li.contactgroup a { |
| TB | 111 | background-position: 58px -1555px; |
| 112 | } | |
| 113 | ||
| 114 | #directorylist ul ul ul li.contactgroup a { | |
| 115 | background-position: 84px -1555px; | |
| 116 | } | |
| 117 | ||
| bab043 | 118 | #directorylist li.contactgroup.selected a { |
| T | 119 | background-position: 32px -1579px; |
| 71a522 | 120 | } |
| TB | 121 | |
| 122 | #directorylist ul ul li.contactgroup.selected a { | |
| 123 | background-position: 58px -1579px; | |
| 124 | } | |
| 125 | ||
| 126 | #directorylist ul ul ul li.contactgroup.selected a { | |
| 127 | background-position: 84px -1579px; | |
| bab043 | 128 | } |
| T | 129 | |
| 71a522 | 130 | .treelist li.contactsearch a { |
| 68e13c | 131 | background-position: 6px -1651px; |
| T | 132 | } |
| 133 | ||
| 71a522 | 134 | .treelist li.contactsearch.selected a { |
| 68e13c | 135 | background-position: 6px -1675px; |
| T | 136 | } |
| 137 | ||
| 3c309a | 138 | #directorylist li.addressbook div.collapsed, |
| TB | 139 | #directorylist li.addressbook div.expanded { |
| 140 | top: 15px; | |
| 141 | } | |
| 142 | ||
| 86552f | 143 | #contacts-table .contact.readonly td { |
| TB | 144 | font-style: italic; |
| 145 | } | |
| 146 | ||
| 147 | #contacts-table td.name { | |
| 148 | width: 95%; | |
| 149 | } | |
| 150 | ||
| 151 | #contacts-table td.action { | |
| 152 | width: 24px; | |
| 153 | padding: 4px; | |
| 154 | } | |
| 155 | ||
| 156 | #contacts-table td.action a { | |
| 157 | display: block; | |
| 158 | width: 16px; | |
| 159 | height: 14px; | |
| 160 | text-indent: -5000px; | |
| 161 | overflow: hidden; | |
| 162 | background: url(images/listicons.png) -2px -1180px no-repeat; | |
| 163 | } | |
| 164 | ||
| bab043 | 165 | #contacts-table .contact td.name { |
| 1670b3 | 166 | background-position: 4px -1603px; |
| bab043 | 167 | } |
| T | 168 | |
| 1791a1 | 169 | #contacts-table .contact.selected td.name { |
| e75d5e | 170 | background-position: 4px -1627px; |
| bab043 | 171 | font-weight: bold; |
| T | 172 | } |
| 173 | ||
| c5a5f9 | 174 | #contacts-table .group td.name { |
| 1670b3 | 175 | background-position: 4px -1555px; |
| TB | 176 | } |
| 177 | ||
| 1791a1 | 178 | #contacts-table .group.selected td.name { |
| e75d5e | 179 | background-position: 4px -1579px; |
| c5a5f9 | 180 | font-weight: bold; |
| TB | 181 | } |
| 182 | ||
| 1791a1 | 183 | #contacts-table.focus .group.selected.focused td.name { |
| 1670b3 | 184 | background-position: 4px -1579px; |
| TB | 185 | } |
| 186 | ||
| 86552f | 187 | #addresslist .boxtitle { |
| TB | 188 | padding-right: 95px; |
| 189 | overflow: hidden; | |
| 190 | text-overflow: ellipsis; | |
| 191 | } | |
| c5a5f9 | 192 | |
| de98a8 | 193 | #addresslist .boxtitle a.poplink { |
| TB | 194 | color: #004458; |
| 195 | font-size: 14px; | |
| 196 | line-height: 12px; | |
| 197 | text-decoration: none; | |
| 198 | } | |
| 199 | ||
| bab043 | 200 | #contact-frame { |
| T | 201 | position: absolute; |
| 202 | top: 0; | |
| 203 | left: 0; | |
| 204 | right: 0; | |
| 34003c | 205 | bottom: 0px; |
| bab043 | 206 | border: 0; |
| 669fdf | 207 | border-radius: 4px; |
| bab043 | 208 | } |
| T | 209 | |
| 210 | #headerbuttons { | |
| 211 | position: absolute; | |
| 212 | top: 48px; | |
| 213 | right: 10px; | |
| 214 | width: auto; | |
| 215 | z-index: 10; | |
| 216 | } | |
| 217 | ||
| 218 | #sourcename { | |
| 219 | color: #999; | |
| 220 | font-size: 10px; | |
| 221 | margin: -5px 0 8px 2px; | |
| 222 | } | |
| 223 | ||
| 224 | #contactphoto { | |
| 225 | float: left; | |
| 226 | margin: 0 18px 20px 0; | |
| 227 | width: 112px; | |
| 24e89e | 228 | border: 0; |
| TB | 229 | padding: 0; |
| bab043 | 230 | } |
| T | 231 | |
| 232 | #contactpic { | |
| 233 | width: 112px; | |
| 234 | min-height: 112px; | |
| 235 | background: white; | |
| 236 | } | |
| 237 | ||
| 238 | #contactpic img { | |
| 328876 | 239 | max-width: 112px; |
| 0be8bd | 240 | visibility: inherit; |
| TB | 241 | } |
| 242 | ||
| 243 | #contactpic.droptarget { | |
| 244 | background-image: url(images/filedrop.png); | |
| 245 | background-position: center; | |
| 246 | background-repeat: no-repeat; | |
| 247 | } | |
| 248 | ||
| 249 | #contactpic.droptarget.hover { | |
| 250 | background-color: #d9ecf4; | |
| 251 | box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); | |
| 252 | -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); | |
| 253 | } | |
| 254 | ||
| 255 | #contactpic.droptarget.active img { | |
| 256 | opacity: 0.15; | |
| 257 | } | |
| 258 | ||
| 259 | #contactpic.droptarget.hover img { | |
| 260 | opacity: 0.05; | |
| bab043 | 261 | } |
| T | 262 | |
| 24e89e | 263 | #contactphoto .formlinks a[aria-disabled='true'] { |
| TB | 264 | visibility: hidden; |
| 265 | } | |
| 266 | ||
| bab043 | 267 | #contacthead { |
| T | 268 | border: 0; |
| 68e13c | 269 | margin: 0 16em 1em 0; |
| bab043 | 270 | padding: 0; |
| T | 271 | line-height: 1.5em; |
| 272 | font-size: 12px; | |
| 68e13c | 273 | } |
| T | 274 | |
| 24e89e | 275 | #contacthead > legend { |
| TB | 276 | display: none; |
| 277 | } | |
| 278 | ||
| 68e13c | 279 | form #contacthead { |
| T | 280 | margin-right: 0; |
| bab043 | 281 | } |
| T | 282 | |
| 283 | #contacthead .names span.namefield, | |
| 284 | #contacthead .names input { | |
| 285 | font-size: 140%; | |
| 286 | font-weight: bold; | |
| 287 | } | |
| 288 | ||
| 289 | #contacthead .displayname span.namefield { | |
| 290 | font-size: 120%; | |
| 291 | font-weight: bold; | |
| 292 | } | |
| 293 | ||
| 294 | #contacthead span.nickname:before, | |
| e29515 | 295 | #contacthead span.nickname:after { |
| bab043 | 296 | content: '"'; |
| T | 297 | } |
| 298 | ||
| 299 | #contacthead input { | |
| 300 | margin-right: 6px; | |
| 301 | margin-bottom: 0.2em; | |
| 302 | } | |
| 303 | ||
| 304 | #contacthead .names input, | |
| 305 | #contacthead .addnames input { | |
| 306 | width: 180px; | |
| 307 | } | |
| 308 | ||
| 309 | #contacthead input.ff_prefix, | |
| 310 | #contacthead input.ff_suffix { | |
| 311 | width: 90px; | |
| 312 | } | |
| 313 | ||
| 68e13c | 314 | .contactfieldgroup { |
| T | 315 | border: 0; |
| 316 | border-radius: 5px; | |
| 317 | background: #f7f7f7; | |
| 6cf186 | 318 | background: -moz-linear-gradient(top, #f7f7f7 0%, #eee 100%); |
| PH | 319 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#eee)); |
| 320 | background: -o-linear-gradient(top, #f7f7f7 0%, #eee 100%); | |
| 321 | background: -ms-linear-gradient(top, #f7f7f7 0%, #eee 100%); | |
| 322 | background: linear-gradient(to bottom, #f7f7f7 0%, #eee 100%); | |
| 68e13c | 323 | margin: 0 0 12px 0; |
| T | 324 | padding: 8px; |
| 325 | } | |
| 326 | ||
| 327 | .contactfieldgroup legend { | |
| 328 | display: block; | |
| 329 | margin: 0 -8px; | |
| 330 | width: 100%; | |
| 331 | font-weight: bold; | |
| 332 | text-shadow: 0px 1px 1px #fff; | |
| 333 | padding: 6px 8px 3px 8px; | |
| 334 | background: #f0f0f0; | |
| 335 | background: -moz-linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%); | |
| 336 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#d6d6d6)); | |
| 337 | background: -o-linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%); | |
| 338 | background: -ms-linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%); | |
| de6bf0 | 339 | background: linear-gradient(to bottom, #f0f0f0 0%, #d6d6d6 100%); |
| 68e13c | 340 | border-bottom: 1px solid #cfcfcf; |
| T | 341 | border-radius: 5px 5px 0 0; |
| 342 | } | |
| 343 | ||
| 344 | .contactfieldgroup .row { | |
| 345 | position: relative; | |
| 346 | margin: 0.2em 0; | |
| 347 | } | |
| 348 | ||
| 349 | .contactfieldgroup .contactfieldlabel { | |
| 350 | position: absolute; | |
| 351 | top: 0; | |
| 352 | left: 2px; | |
| 353 | width: 110px; | |
| 354 | white-space: nowrap; | |
| 355 | overflow: hidden; | |
| 356 | text-overflow: ellipsis; | |
| 357 | color: #666; | |
| 358 | } | |
| 359 | ||
| 360 | .contactfieldgroup .contactfieldlabel select { | |
| 361 | width: 100%; | |
| 362 | color: #666; | |
| 363 | } | |
| 364 | ||
| 365 | .contactfieldgroup .contactfieldcontent { | |
| 366 | padding-left: 120px; | |
| 367 | min-height: 1em; | |
| 368 | line-height: 1.3em; | |
| 369 | } | |
| 370 | ||
| 371 | .contactfieldgroup .contactfield { | |
| 372 | line-height: 1.3em; | |
| 373 | } | |
| 374 | ||
| 375 | .contactcontrolleraddress .contactfieldcontent input { | |
| 376 | margin-bottom: 0.1em; | |
| 377 | } | |
| 378 | ||
| 379 | .contactfieldcontent.composite { | |
| 380 | padding-bottom: 8px; | |
| 381 | } | |
| 382 | ||
| 383 | .contactfieldcontent .contactfieldbutton { | |
| 384 | vertical-align: middle; | |
| 385 | margin-left: 0.5em; | |
| 386 | } | |
| 387 | ||
| 388 | .contactfield .ff_notes { | |
| 389 | width: 99%; | |
| 390 | } | |
| 391 | ||
| bab043 | 392 | a.deletebutton { |
| T | 393 | position: relative; |
| 394 | left: 5px; | |
| 395 | top: -3px; | |
| 396 | display: inline-block; | |
| 397 | width: 24px; | |
| 398 | height: 18px; | |
| 399 | text-decoration: none; | |
| 900e62 | 400 | text-indent: -5000px; |
| 68e13c | 401 | background: url(images/buttons.png) -7px -377px no-repeat; |
| bab043 | 402 | } |
| 00b9c2 | 403 | |
| AM | 404 | #import-box { |
| 405 | position: absolute; | |
| 34003c | 406 | bottom: 0px; |
| 00b9c2 | 407 | top: 34px; |
| AM | 408 | left: 0; |
| 409 | right: 0; | |
| 410 | overflow: auto; | |
| 411 | padding: 10px; | |
| 412 | } | |
| 64cf4d | 413 | |
| TB | 414 | #import-box p, |
| 415 | #import-box .propform { | |
| 6cf186 | 416 | max-width: 50em; |
| 64cf4d | 417 | } |
