Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

addressbook.css 7.2KB

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