| commit | author | age | ||
| e019f2 | 1 | /***** Roundcube|Mail address book task styles *****/ |
| 4e17e6 | 2 | |
| T | 3 | #abooktoolbar |
| 4 | { | |
| 5 | position: absolute; | |
| 7902df | 6 | top: 45px; |
| a61bbb | 7 | left: 225px; |
| 4e17e6 | 8 | height: 35px; |
| T | 9 | } |
| 10 | ||
| 11 | #abooktoolbar a | |
| 12 | { | |
| 13 | padding-right: 10px; | |
| 14 | } | |
| 15 | ||
| 4a4265 | 16 | #abooktoolbar a.button, |
| ce3105 | 17 | #abooktoolbar a.buttonPas { |
| 4a4265 | 18 | display: block; |
| T | 19 | float: left; |
| 20 | width: 32px; | |
| 21 | height: 32px; | |
| 22 | padding: 0; | |
| a27b87 | 23 | margin: 0 5px; |
| 4a4265 | 24 | overflow: hidden; |
| 9224c8 | 25 | background: url(images/abook_toolbar.png) 0 0 no-repeat transparent; |
| 4a4265 | 26 | opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ |
| T | 27 | } |
| 28 | ||
| 29 | #abooktoolbar a.buttonPas { | |
| 30 | opacity: 0.35; | |
| 31 | } | |
| 32 | ||
| 33 | #abooktoolbar a.addcontactSel { | |
| 34 | background-position: 0 -32px; | |
| 35 | } | |
| 36 | ||
| 37 | #abooktoolbar a.compose { | |
| 38 | background-position: -32px 0; | |
| 39 | } | |
| 40 | ||
| 41 | #abooktoolbar a.composeSel { | |
| 42 | background-position: -32px -32px; | |
| 43 | } | |
| 44 | ||
| f7af22 | 45 | #abooktoolbar a.print { |
| AM | 46 | background: url(images/mail_toolbar.png) 0 0 no-repeat transparent; |
| 47 | background-position: -256px 0; | |
| 48 | } | |
| 49 | ||
| 50 | #abooktoolbar a.printSel { | |
| 51 | background: url(images/mail_toolbar.png) 0 0 no-repeat transparent; | |
| 52 | background-position: -256px -32px; | |
| 53 | } | |
| 54 | ||
| 4a4265 | 55 | #abooktoolbar a.delete { |
| T | 56 | background-position: -64px 0; |
| 57 | } | |
| 58 | ||
| 59 | #abooktoolbar a.deleteSel { | |
| 60 | background-position: -64px -32px; | |
| 61 | } | |
| 62 | ||
| 63 | #abooktoolbar a.import { | |
| 64 | background-position: -96px 0; | |
| 65 | } | |
| 66 | ||
| 67 | #abooktoolbar a.importSel { | |
| 68 | background-position: -96px -32px; | |
| 69 | } | |
| 70 | ||
| 71 | #abooktoolbar a.export { | |
| 72 | background-position: -128px 0; | |
| 73 | } | |
| 74 | ||
| 75 | #abooktoolbar a.exportSel { | |
| 76 | background-position: -128px -32px; | |
| 77 | } | |
| 78 | ||
| 9a6c38 | 79 | #abooktoolbar a.exportAll { |
| TB | 80 | background-position: -128px 0; |
| 81 | } | |
| 82 | ||
| 83 | #abooktoolbar a.exportAllSel { | |
| 84 | background-position: -128px -32px; | |
| 4a4265 | 85 | } |
| T | 86 | |
| e9a9f2 | 87 | #abooktoolbar a.search { |
| A | 88 | background-position: -170px 0; |
| 89 | } | |
| 90 | ||
| 91 | #abooktoolbar a.searchSel { | |
| 92 | background-position: -170px -32px; | |
| 93 | } | |
| 94 | ||
| 4e17e6 | 95 | #abookcountbar |
| T | 96 | { |
| ce06d3 | 97 | margin-top: 4px; |
| A | 98 | margin-left: 4px; |
| f81e06 | 99 | min-width: 250px; |
| 4e17e6 | 100 | } |
| T | 101 | |
| b4f7c6 | 102 | #addressscreen |
| e5686f | 103 | { |
| A | 104 | position: absolute; |
| 712282 | 105 | top: 0; |
| A | 106 | right: 0; |
| 107 | bottom: 0; | |
| 108 | left: 205px; | |
| e5686f | 109 | } |
| A | 110 | |
| a61bbb | 111 | #directorylistbox |
| 4e17e6 | 112 | { |
| T | 113 | position: absolute; |
| 712282 | 114 | top: 0; |
| A | 115 | bottom: 0; |
| 116 | left: 0; | |
| a61bbb | 117 | width: 195px; |
| 4e17e6 | 118 | border: 1px solid #999999; |
| T | 119 | background-color: #F9F9F9; |
| e5686f | 120 | overflow: hidden; |
| a61bbb | 121 | } |
| T | 122 | |
| e5686f | 123 | #addresslist |
| A | 124 | { |
| 125 | position: absolute; | |
| 087c7d | 126 | top: 0; |
| A | 127 | bottom: 0; |
| e5686f | 128 | border: 1px solid #999999; |
| A | 129 | background-color: #F9F9F9; |
| ce06d3 | 130 | overflow: hidden; |
| a61bbb | 131 | } |
| T | 132 | |
| 133 | #contactgroupslist | |
| 134 | { | |
| 135 | border-top: 1px solid #999; | |
| e5686f | 136 | } |
| A | 137 | |
| f11541 | 138 | #addresslist |
| T | 139 | { |
| e5686f | 140 | left: 0px; |
| a61bbb | 141 | width: 280px; |
| ed132e | 142 | } |
| T | 143 | |
| 71a522 | 144 | #directorylist li a, |
| TB | 145 | #savedsearchlist li a |
| f11541 | 146 | { |
| a61bbb | 147 | cursor: default; |
| f11541 | 148 | display: block; |
| a61bbb | 149 | padding-left: 25px; |
| f11541 | 150 | padding-top: 2px; |
| T | 151 | padding-bottom: 2px; |
| 3c309a | 152 | height: 16px; |
| f11541 | 153 | text-decoration: none; |
| f89f03 | 154 | white-space: nowrap; |
| c8fb38 | 155 | background-image: url(images/icons/folders.png); |
| TB | 156 | background-position: 5px -108px; |
| 157 | background-repeat: no-repeat; | |
| a61bbb | 158 | } |
| T | 159 | |
| f0e4d2 | 160 | #directorylist ul li a |
| a61bbb | 161 | { |
| 3c309a | 162 | padding-left: 45px; |
| f0e4d2 | 163 | background-position: 22px -108px; |
| TB | 164 | } |
| 165 | ||
| 166 | #directorylist ul ul li a | |
| 167 | { | |
| 168 | padding-left: 62px; | |
| 169 | background-position: 39px -108px; | |
| 170 | } | |
| 171 | ||
| 172 | #directorylist ul ul ul li a | |
| 173 | { | |
| 174 | padding-left: 79px; | |
| 175 | background-position: 39px -108px; | |
| 3c309a | 176 | } |
| TB | 177 | |
| 178 | #directorylist li.contactgroup a | |
| 179 | { | |
| f0e4d2 | 180 | background-position: 5px -143px; |
| TB | 181 | } |
| 182 | ||
| 183 | #directorylist ul li.contactgroup a | |
| 184 | { | |
| 3c309a | 185 | background-position: 22px -143px; |
| TB | 186 | } |
| 187 | ||
| f0e4d2 | 188 | #directorylist ul ul li.contactgroup a |
| TB | 189 | { |
| 190 | background-position: 39px -143px; | |
| 191 | } | |
| 192 | ||
| 193 | #directorylist ul ul ul li.contactgroup a | |
| 194 | { | |
| 195 | background-position: 56px -143px; | |
| 196 | } | |
| 197 | ||
| 71a522 | 198 | #savedsearchlist li.contactsearch a |
| f8e48d | 199 | { |
| A | 200 | background-position: 6px -162px; |
| f11541 | 201 | } |
| T | 202 | |
| 4e17e6 | 203 | #contacts-table |
| T | 204 | { |
| 205 | width: 100%; | |
| 206 | table-layout: fixed; | |
| 207 | } | |
| 208 | ||
| 209 | #contacts-table tbody td | |
| 210 | { | |
| 1996d8 | 211 | cursor: default; |
| 58a58c | 212 | text-overflow: ellipsis; |
| A | 213 | -o-text-overflow: ellipsis; |
| 4e17e6 | 214 | } |
| T | 215 | |
| c07b7b | 216 | /* This padding-left should be equal to the focused border-left + the focused padding-left */ |
| C | 217 | #contacts-table thead tr td:first-child, |
| 218 | #contacts-table tbody tr td:first-child { | |
| 219 | border-left: 0; | |
| 220 | padding-left: 8px; | |
| 221 | } | |
| 222 | ||
| 223 | /* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */ | |
| 224 | #contacts-table tbody tr.focused > td:first-child { | |
| 1670b3 | 225 | border-left: 2px solid #d4d4d4; |
| TB | 226 | padding-left: 6px; |
| c07b7b | 227 | } |
| C | 228 | |
| a45c0f | 229 | #contacts-table tbody tr.selected.focused > td:first-child { |
| 1670b3 | 230 | border-left: 1px solid #ccc; |
| TB | 231 | padding-left: 7px; |
| a45c0f | 232 | } |
| TB | 233 | |
| 86552f | 234 | #contacts-table .contact.readonly td |
| TB | 235 | { |
| 236 | font-style: italic; | |
| 237 | } | |
| 238 | ||
| 239 | #contacts-table td.name | |
| 240 | { | |
| 241 | width: 95%; | |
| 242 | } | |
| 243 | ||
| 244 | #contacts-table td.action | |
| 245 | { | |
| 246 | width: 12px; | |
| 247 | padding: 0px 6px 0 4px; | |
| 248 | text-align: right; | |
| 249 | } | |
| 250 | ||
| 251 | #contacts-table td.action a | |
| 252 | { | |
| 253 | font-size: 16px; | |
| 254 | font-weight: bold; | |
| 255 | font-style: normal; | |
| 256 | text-decoration: none; | |
| 257 | color: #333; | |
| 258 | } | |
| 259 | ||
| 260 | #contacts-table .selected td.action a | |
| 261 | { | |
| 262 | color: #fff; | |
| 263 | } | |
| 264 | ||
| 4e17e6 | 265 | #contacts-box |
| T | 266 | { |
| 267 | position: absolute; | |
| e5686f | 268 | top: 0px; |
| a61bbb | 269 | left: 290px; |
| e5686f | 270 | right: 0px; |
| A | 271 | bottom: 0px; |
| 4e17e6 | 272 | border: 1px solid #999999; |
| T | 273 | overflow: hidden; |
| 274 | } | |
| a7d5c6 | 275 | |
| 4e17e6 | 276 | body.iframe, |
| T | 277 | #contact-frame |
| 278 | { | |
| 0f8ff2 | 279 | background-color: #F2F2F2; |
| 4e17e6 | 280 | border: none; |
| 24f812 | 281 | min-height: 100%; /* Chrome 14 bug */ |
| f11541 | 282 | } |
| 4e17e6 | 283 | |
| 0501b6 | 284 | #contacttabs |
| T | 285 | { |
| 286 | position: relative; | |
| 5b3ac3 | 287 | padding-bottom: 12px; |
| 0501b6 | 288 | } |
| T | 289 | |
| 290 | #contacttabs div.tabsbar { | |
| 291 | top: 0; | |
| 292 | left: 2px; | |
| 293 | } | |
| 294 | ||
| 295 | #contacttabs fieldset.tabbed { | |
| 296 | position: relative; | |
| 297 | top: 22px; | |
| 298 | min-height: 5em; | |
| 299 | } | |
| 300 | ||
| 301 | #contacthead | |
| 302 | { | |
| 303 | margin-bottom: 1em; | |
| 304 | border: 0; | |
| 305 | padding: 0; | |
| 306 | } | |
| 307 | ||
| 24e89e | 308 | #contacthead > legend |
| TB | 309 | { |
| 310 | display: none; | |
| 311 | } | |
| 312 | ||
| 0501b6 | 313 | #contacthead .names span.namefield, |
| T | 314 | #contacthead .names input |
| 315 | { | |
| 316 | font-size: 140%; | |
| 317 | } | |
| 318 | ||
| 319 | #contacthead .displayname span.namefield | |
| 320 | { | |
| 321 | font-size: 120%; | |
| 322 | } | |
| 323 | ||
| 324 | #contacthead span.nickname:before, | |
| 325 | #contacthead span.nickname:after, | |
| 326 | #contacthead input.ff_nickname:before, | |
| 327 | #contacthead input.ff_nickname:after | |
| 328 | { | |
| 329 | content: '"'; | |
| 330 | } | |
| 331 | ||
| 332 | #contacthead input | |
| 333 | { | |
| 334 | margin-right: 6px; | |
| 335 | margin-bottom: 0.2em; | |
| 336 | } | |
| 337 | ||
| 338 | #contacthead .names input, | |
| 317372 | 339 | #contacthead .addnames input |
| 0501b6 | 340 | { |
| T | 341 | width: 180px; |
| 342 | } | |
| 343 | ||
| 344 | #contacthead input.ff_prefix, | |
| 345 | #contacthead input.ff_suffix | |
| 346 | { | |
| 347 | width: 90px; | |
| 348 | } | |
| 349 | ||
| 350 | #contacthead .addnames input.ff_name | |
| 351 | { | |
| 352 | width: 374px; | |
| 353 | } | |
| 354 | ||
| 355 | #contactphoto | |
| 356 | { | |
| 357 | float: right; | |
| 358 | width: 60px; | |
| 359 | margin-left: 3em; | |
| 360 | margin-right: 4px; | |
| 361 | } | |
| 362 | ||
| 363 | #contactpic | |
| 364 | { | |
| 365 | width: 60px; | |
| 366 | min-height: 60px; | |
| 367 | border: 1px solid #ccc; | |
| 368 | background: white; | |
| 369 | } | |
| 370 | ||
| 371 | #contactpic img { | |
| 328876 | 372 | max-width: 60px; |
| AM | 373 | max-height: 80px; |
| 0501b6 | 374 | } |
| T | 375 | |
| acf5be | 376 | #contactpic.droptarget.hover { |
| AM | 377 | background-color: #f0f0ee; |
| 378 | box-shadow: 0 0 5px 0 #999; | |
| 379 | -moz-box-shadow: 0 0 5px 0 #999; | |
| 380 | -o-box-shadow: 0 0 5px 0 #999; | |
| 381 | } | |
| 382 | ||
| 0501b6 | 383 | #contactphoto .formlinks |
| T | 384 | { |
| 385 | margin-top: 0.5em; | |
| 386 | text-align: center; | |
| 387 | } | |
| 388 | ||
| 389 | fieldset.contactfieldgroup | |
| 390 | { | |
| 391 | border: 0; | |
| 392 | margin: 0.5em 0; | |
| fbeb46 | 393 | padding: 0.2em 2px; |
| T | 394 | } |
| 395 | ||
| 396 | fieldset.contactfieldgroupmulti | |
| 397 | { | |
| 0501b6 | 398 | padding: 0.5em 2px; |
| T | 399 | } |
| 400 | ||
| 401 | fieldset.contactfieldgroup legend | |
| 402 | { | |
| 403 | font-size: 0.9em; | |
| 404 | } | |
| 405 | ||
| 406 | .contactfieldgroup .row | |
| 407 | { | |
| 408 | position: relative; | |
| fbeb46 | 409 | margin: 0.2em 0; |
| 0501b6 | 410 | } |
| T | 411 | |
| 412 | .contactfieldgroup .contactfieldlabel | |
| 413 | { | |
| 414 | position: absolute; | |
| 415 | top: 0; | |
| 416 | left: 2px; | |
| e9a9f2 | 417 | width: 110px; |
| 0501b6 | 418 | white-space: nowrap; |
| T | 419 | overflow: hidden; |
| 420 | text-overflow: ellipsis; | |
| 421 | color: #666; | |
| 422 | font-weight: bold; | |
| 423 | } | |
| 424 | ||
| 425 | .contactfieldgroup .contactfieldlabel select | |
| 426 | { | |
| f1e98a | 427 | width: 100%; |
| 0501b6 | 428 | background: none; |
| T | 429 | border: 0; |
| 430 | color: #666; | |
| 431 | font-weight: bold; | |
| 432 | padding-left: 0; | |
| 433 | } | |
| 434 | ||
| 435 | .contactfieldgroup .contactfieldcontent | |
| 436 | { | |
| e9a9f2 | 437 | padding-left: 120px; |
| 0501b6 | 438 | min-height: 1em; |
| T | 439 | line-height: 1.3em; |
| 440 | } | |
| 441 | ||
| 442 | .contactfieldgroup .contactfield { | |
| 443 | line-height: 1.3em; | |
| 444 | } | |
| 445 | ||
| 446 | .contactcontrolleraddress .contactfieldcontent input { | |
| 447 | margin-bottom: 0.1em; | |
| 448 | } | |
| 449 | ||
| 450 | .contactfieldcontent .contactfieldbutton { | |
| 451 | vertical-align: middle; | |
| 452 | margin-left: 0.5em; | |
| 453 | } | |
| 454 | ||
| 455 | #upload-form | |
| 456 | { | |
| 457 | padding: 6px; | |
| 458 | } | |
| 459 | ||
| 460 | #upload-form div | |
| 461 | { | |
| 462 | padding: 2px; | |
| 463 | } | |
| cc90ed | 464 | |
| A | 465 | #sourcename |
| 466 | { | |
| 467 | color: #666; | |
| 468 | font-size: 10px; | |
| da89cf | 469 | margin: -5px 0 8px 2px; |
| cc90ed | 470 | } |
| d47a4f | 471 | |
| A | 472 | #contact-title |
| 473 | { | |
| 474 | /* fixes issue where tabs were overlapping box title when scrolling */ | |
| 475 | z-index: 10; | |
| 476 | } | |
