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.

mail.css 27KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780
  1. /***** Roundcube|Mail mail task styles *****/
  2. #messagetoolbar
  3. {
  4. position: absolute;
  5. top: 47px;
  6. left: 205px;
  7. right: 10px;
  8. height: 35px;
  9. min-width: 650px;
  10. white-space: nowrap;
  11. /* border: 1px solid #cccccc; */
  12. }
  13. .extwin #messagetoolbar
  14. {
  15. top: 5px;
  16. left: 20px;
  17. }
  18. #messagetoolbar a,
  19. #messagetoolbar select
  20. {
  21. display: block;
  22. float: left;
  23. padding-right: 10px;
  24. }
  25. #messagetoolbar a.button,
  26. #messagetoolbar a.buttonPas {
  27. display: block;
  28. float: left;
  29. width: 32px;
  30. height: 32px;
  31. padding: 0;
  32. margin: 0 5px;
  33. overflow: hidden;
  34. background: url(images/mail_toolbar.png?v=2271.13035) 0 0 no-repeat transparent;
  35. opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
  36. }
  37. #messagetoolbar a.buttonPas {
  38. opacity: 0.35;
  39. }
  40. #messagetoolbar a.button.selected {
  41. background-color: #ddd;
  42. margin-left: 4px;
  43. margin-right: 4px;
  44. margin-top: -1px;
  45. border: 1px solid #ccc;
  46. border-radius: 3px;
  47. -moz-border-radius: 3px;
  48. -webkit-border-radius: 3px;
  49. }
  50. #messagetoolbar a.checkmailSel {
  51. background-position: 0 -32px;
  52. }
  53. #messagetoolbar a.back {
  54. background-position: -32px 0;
  55. }
  56. #messagetoolbar a.backSel {
  57. background-position: -32px -32px;
  58. }
  59. #messagetoolbar a.compose {
  60. background-position: -64px 0;
  61. }
  62. #messagetoolbar a.composeSel {
  63. background-position: -64px -32px;
  64. }
  65. #messagetoolbar a.reply {
  66. background-position: -96px 0;
  67. }
  68. #messagetoolbar a.replySel {
  69. background-position: -96px -32px;
  70. }
  71. #messagetoolbar a.replyAll {
  72. background-position: -128px 0;
  73. }
  74. #messagetoolbar a.replyAllSel {
  75. background-position: -128px -32px;
  76. }
  77. #messagetoolbar a.forward {
  78. background-position: -160px 0;
  79. }
  80. #messagetoolbar a.forwardSel {
  81. background-position: -160px -32px;
  82. }
  83. #messagetoolbar a.delete {
  84. background-position: -192px 0;
  85. }
  86. #messagetoolbar a.deleteSel {
  87. background-position: -192px -32px;
  88. }
  89. #messagetoolbar a.print {
  90. background-position: -256px 0;
  91. }
  92. #messagetoolbar a.printSel {
  93. background-position: -256px -32px;
  94. }
  95. #messagetoolbar a.markmessage {
  96. background-position: -288px 0;
  97. }
  98. #messagetoolbar a.messagemenu {
  99. background-position: -320px 0;
  100. width: 34px;
  101. }
  102. #messagetoolbar a.spellcheck {
  103. background-position: -418px 0;
  104. }
  105. #messagetoolbar a.spellcheckSel {
  106. background-position: -418px -32px;
  107. }
  108. #messagetoolbar a.attach {
  109. background-position: -386px 0;
  110. }
  111. #messagetoolbar a.attachSel {
  112. background-position: -386px -32px;
  113. }
  114. #messagetoolbar a.insertsig {
  115. background-position: -482px 0;
  116. }
  117. #messagetoolbar a.insertsigSel {
  118. background-position: -482px -32px;
  119. }
  120. #messagetoolbar a.savedraft {
  121. background-position: -354px 0;
  122. }
  123. #messagetoolbar a.savedraftSel {
  124. background-position: -354px -32px;
  125. }
  126. #messagetoolbar a.send {
  127. background-position: -450px 0;
  128. }
  129. #messagetoolbar a.sendSel {
  130. background-position: -450px -32px;
  131. }
  132. #messagetoolbar a.move {
  133. background-position: -580px 0;
  134. }
  135. #messagetoolbar a.moveSel {
  136. background-position: -580px -32px;
  137. }
  138. #messagetoolbar a.download {
  139. background-position: -514px 0;
  140. }
  141. #messagetoolbar a.downloadSel {
  142. background-position: -514px -32px;
  143. }
  144. #messagetoolbar a.responses {
  145. background-position: -548px 0;
  146. }
  147. #messagetoolbar a.encrypt {
  148. background-position: -612px 0;
  149. }
  150. #messagetoolbar a.encryptSel {
  151. background-position: -612px -32px;
  152. }
  153. #messagemenu li a.active:hover,
  154. #attachmentmenu li a.active:hover,
  155. #markmessagemenu li a.active:hover
  156. {
  157. color: #fff;
  158. background-color: #c00;
  159. }
  160. #messagemenu li a,
  161. #attachmentmenu li a
  162. {
  163. background: url(images/messageactions.png?v=d93e.3223) no-repeat 7px 0;
  164. background-position: 7px 20px;
  165. }
  166. #messagemenu li a.printlink
  167. {
  168. background-position: 7px 1px;
  169. }
  170. #messagemenu li a.downloadlink,
  171. #attachmentmenu li a.downloadlink
  172. {
  173. background-position: 7px -17px;
  174. }
  175. #messagemenu li a.sourcelink
  176. {
  177. background-position: 7px -34px;
  178. }
  179. #messagemenu li a.openlink,
  180. #attachmentmenu li a.openlink
  181. {
  182. background-position: 7px -52px;
  183. }
  184. #messagemenu li a.editlink
  185. {
  186. background-position: 6px -70px;
  187. }
  188. #messagemenu li a.movelink
  189. {
  190. background-position: 6px -160px;
  191. }
  192. #messagemenu li a.copylink
  193. {
  194. background-position: 6px -142px;
  195. }
  196. #markmessagemenu li a,
  197. #compose-attachments li a
  198. {
  199. background: url(images/messageicons.png?v=16cb.2581) no-repeat;
  200. }
  201. #markmessagemenu li a.readlink
  202. {
  203. background-position: 7px -51px;
  204. }
  205. #markmessagemenu li a.unreadlink
  206. {
  207. background-position: 7px -119px;
  208. }
  209. #markmessagemenu li a.flaggedlink
  210. {
  211. background-position: 7px -153px;
  212. }
  213. #markmessagemenu li a.unflaggedlink
  214. {
  215. background-position: 7px -136px;
  216. }
  217. #searchfilter
  218. {
  219. white-space: nowrap;
  220. position: absolute;
  221. right: 198px;
  222. vertical-align: middle;
  223. }
  224. #searchfilter label
  225. {
  226. font-size: 11px;
  227. }
  228. #mailleftcontainer
  229. {
  230. position: absolute;
  231. top: 0;
  232. left: 0;
  233. bottom: 0;
  234. width: 160px;
  235. }
  236. #mailrightcontainer
  237. {
  238. position: absolute;
  239. top: 0;
  240. left: 170px;
  241. bottom: 0;
  242. right: 0;
  243. min-width: 600px;
  244. }
  245. #mailrightcontent
  246. {
  247. position: absolute;
  248. top: 0;
  249. left: 0;
  250. right: 0;
  251. bottom: 0;
  252. }
  253. #messagepartcontainer
  254. {
  255. position: absolute;
  256. top: 0;
  257. left: 170px;
  258. right: 0;
  259. bottom: 0;
  260. }
  261. #messagepartheader
  262. {
  263. position: absolute;
  264. top: 0;
  265. bottom: 0;
  266. left: 0;
  267. width: 160px;
  268. border: 1px solid #999999;
  269. background-color: #F9F9F9;
  270. overflow: hidden;
  271. }
  272. #messagepartheader table
  273. {
  274. width: 100%;
  275. table-layout: fixed;
  276. }
  277. #messagepartheader table td
  278. {
  279. text-overflow: ellipsis;
  280. }
  281. #messagepartheader table td.title
  282. {
  283. width: 60px;
  284. }
  285. #mailcontframe
  286. {
  287. position: absolute;
  288. width: 100%;
  289. top: 0;
  290. bottom: 0;
  291. border: 1px solid #999999;
  292. background-color: #F9F9F9;
  293. overflow: hidden;
  294. }
  295. #mailpreviewframe
  296. {
  297. position: absolute;
  298. width: 100%;
  299. top: 205px;
  300. bottom: 0px;
  301. border: 1px solid #999999;
  302. background-color: #F9F9F9;
  303. }
  304. #messagecontframe
  305. {
  306. position: relative;
  307. top: 0px;
  308. left: 0px;
  309. right: 0px;
  310. bottom: 0px;
  311. width: 100%;
  312. height: 100%;
  313. min-height: 100%; /* Chrome 14 bug */
  314. }
  315. #messagepartframe
  316. {
  317. width: 100%;
  318. height: 100%;
  319. min-height: 100%; /* Chrome 14 bug */
  320. border: 1px solid #999999;
  321. background-color: #fff;
  322. }
  323. /** mailbox list styles */
  324. #mailboxlist-container
  325. {
  326. position: absolute;
  327. top: 0;
  328. left: 0;
  329. width: 100%;
  330. bottom: 0;
  331. border: 1px solid #999;
  332. background-color: #F9F9F9;
  333. }
  334. #mailboxlist
  335. {
  336. position:relative;
  337. height: auto;
  338. margin: 0px;
  339. padding: 0px;
  340. list-style-image: none;
  341. list-style-type: none;
  342. overflow: hidden;
  343. white-space: nowrap;
  344. background-color: #FFF;
  345. }
  346. #mailboxlist li.unread
  347. {
  348. font-weight: bold;
  349. }
  350. #mailboxlist li.recent > a
  351. {
  352. color: #0066FF;
  353. }
  354. #listcontrols
  355. {
  356. position: relative;
  357. white-space: nowrap;
  358. line-height: 22px;
  359. padding: 0 4px;
  360. width: auto;
  361. min-width: 300px;
  362. }
  363. #listcontrols a,
  364. #listcontrols span
  365. {
  366. display: block;
  367. float: left;
  368. font-size: 11px;
  369. }
  370. #listcontrols span input
  371. {
  372. vertical-align: middle;
  373. }
  374. #listcontrols a.button,
  375. #listcontrols a.buttonPas
  376. {
  377. display: block;
  378. float: left;
  379. width: 15px;
  380. height: 15px;
  381. padding: 0;
  382. margin-top: 4px;
  383. margin-right: 2px;
  384. overflow: hidden;
  385. background: url(images/mail_footer.png?v=819f.977) 0 0 no-repeat transparent;
  386. opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
  387. }
  388. #listcontrols a.buttonPas
  389. {
  390. opacity: 0.35;
  391. }
  392. #listcontrols a.all {
  393. background-position: -30px 0;
  394. }
  395. #listcontrols a.allsel {
  396. background-position: -30px -15px;
  397. }
  398. #listcontrols a.page {
  399. background-position: -135px 0;
  400. }
  401. #listcontrols a.pagesel {
  402. background-position: -135px -15px;
  403. }
  404. #listcontrols a.unread {
  405. background-position: -45px 0;
  406. }
  407. #listcontrols a.unreadsel {
  408. background-position: -45px -15px;
  409. }
  410. #listcontrols a.invert {
  411. background-position: -60px 0;
  412. }
  413. #listcontrols a.invertsel {
  414. background-position: -60px -15px;
  415. }
  416. #listcontrols a.none {
  417. background-position: -75px 0;
  418. }
  419. #listcontrols a.nonesel {
  420. background-position: -75px -15px;
  421. }
  422. #listcontrols a.expand-all {
  423. background-position: -90px 0;
  424. }
  425. #listcontrols a.expand-allsel {
  426. background-position: -90px -15px;
  427. }
  428. #listcontrols a.collapse-all {
  429. background-position: -105px 0;
  430. }
  431. #listcontrols a.collapse-allsel {
  432. background-position: -105px -15px;
  433. }
  434. #listcontrols a.expand-unread {
  435. background-position: -120px 0;
  436. }
  437. #listcontrols a.expand-unreadsel {
  438. background-position: -120px -15px;
  439. }
  440. #countcontrols
  441. {
  442. position: absolute;
  443. top: 4px;
  444. right: 4px;
  445. white-space: nowrap;
  446. font-size: 11px;
  447. line-height: 14px;
  448. }
  449. #countcontrols a.button,
  450. #countcontrols a.buttonPas
  451. {
  452. float: right;
  453. }
  454. /** message list styles */
  455. body.messagelist
  456. {
  457. margin: 0px;
  458. background-color: #F9F9F9;
  459. }
  460. table.messagelist
  461. {
  462. width: 100%;
  463. display: table;
  464. table-layout: fixed;
  465. border-collapse: collapse;
  466. border-spacing: 0;
  467. z-index: 1;
  468. }
  469. table.messagelist.fixedcopy
  470. {
  471. z-index: 2;
  472. }
  473. .messagelist thead tr th,
  474. .messagelist thead tr td
  475. {
  476. height: 20px;
  477. padding: 0 4px 0 2px;
  478. vertical-align: middle;
  479. border-bottom: 1px solid #999999;
  480. color: #333333;
  481. background: url(images/listheader.gif?v=ab42.314) top left repeat-x #CCC;
  482. font-size: 11px;
  483. font-weight: bold;
  484. text-align: left;
  485. }
  486. .messagelist thead tr > .sortedASC,
  487. .messagelist thead tr > .sortedDESC
  488. {
  489. background-position: 0 -26px;
  490. }
  491. .messagelist thead tr > .sortedASC a
  492. {
  493. background: url(images/icons/sort.gif?v=92aa.144) right 0 no-repeat;
  494. }
  495. .messagelist thead tr > .sortedDESC a
  496. {
  497. background: url(images/icons/sort.gif?v=92aa.144) right -14px no-repeat;
  498. }
  499. .messagelist thead tr a
  500. {
  501. display: block;
  502. width: auto !important;
  503. width: 100%;
  504. color: #333333;
  505. text-decoration: none;
  506. }
  507. .messagelist thead tr > .size.sortedASC a,
  508. .messagelist thead tr > .size.sortedDESC a
  509. {
  510. padding-right: 18px;
  511. }
  512. .messagelist thead tr > .subject
  513. {
  514. padding-left: 18px;
  515. width: 99%;
  516. }
  517. .messagelist tbody tr th,
  518. .messagelist tbody tr td
  519. {
  520. height: 20px;
  521. padding: 0;
  522. font-size: 11px;
  523. overflow: hidden;
  524. vertical-align: middle;
  525. white-space: nowrap;
  526. text-overflow: ellipsis;
  527. -o-text-overflow: ellipsis;
  528. border-bottom: 1px solid #EBEBEB;
  529. cursor: default;
  530. outline: none;
  531. }
  532. .messagelist tbody tr td a
  533. {
  534. color: #000;
  535. text-decoration: none;
  536. white-space: nowrap;
  537. cursor: inherit;
  538. }
  539. .messagelist td img
  540. {
  541. vertical-align: middle;
  542. display: inline-block;
  543. }
  544. .messagelist tbody tr td.flag,
  545. .messagelist tbody tr td.status,
  546. .messagelist tbody tr td.subject span.status
  547. {
  548. cursor: pointer;
  549. }
  550. .messagelist tr > .flag span,
  551. .messagelist tr > .status span,
  552. .messagelist tr > .attachment span,
  553. .messagelist tr > .priority span
  554. {
  555. display: block;
  556. width: 15px;
  557. text-indent: -5000px;
  558. overflow: hidden;
  559. }
  560. .messagelist tr td div.collapsed,
  561. .messagelist tr td div.expanded,
  562. .messagelist tr > .threads .listmenu,
  563. .messagelist tr > .attachment span.attachment,
  564. .messagelist tr > .attachment span.report,
  565. .messagelist tr > .priority span.priority,
  566. .messagelist tr > .priority span.prio1,
  567. .messagelist tr > .priority span.prio2,
  568. .messagelist tr > .priority span.prio3,
  569. .messagelist tr > .priority span.prio4,
  570. .messagelist tr > .priority span.prio5,
  571. .messagelist tr > .flag span.flagged,
  572. .messagelist tr > .flag span.unflagged,
  573. .messagelist tr > .flag span.unflagged:hover,
  574. .messagelist tr > .status span.status,
  575. .messagelist tr > .status span.msgicon,
  576. .messagelist tr > .status span.deleted,
  577. .messagelist tr > .status span.unread,
  578. .messagelist tr > .status span.unreadchildren,
  579. .messagelist tr > .subject span.msgicon,
  580. .messagelist tr > .subject span.deleted,
  581. .messagelist tr > .subject span.unread,
  582. .messagelist tr > .subject span.replied,
  583. .messagelist tr > .subject span.forwarded,
  584. .messagelist tr > .subject span.unreadchildren
  585. {
  586. display: inline-block;
  587. vertical-align: middle;
  588. height: 17px;
  589. width: 15px;
  590. background: url(images/messageicons.png?v=16cb.2581) center no-repeat;
  591. }
  592. .messagelist tr > .attachment span.attachment
  593. {
  594. background-position: 0 -170px;
  595. }
  596. .messagelist tr > .attachment span.report
  597. {
  598. background-position: 0 -255px;
  599. }
  600. .messagelist tr > .priority span.priority
  601. {
  602. background-position: 0 -309px;
  603. }
  604. .messagelist tr > .priority span.prio5
  605. {
  606. background-position: 0 -358px;
  607. }
  608. .messagelist tr > .priority span.prio4
  609. {
  610. background-position: 0 -340px;
  611. }
  612. .messagelist tr > .priority span.prio3
  613. {
  614. background-position: 0 -324px;
  615. }
  616. .messagelist tr > .priority span.prio2
  617. {
  618. background-position: 0 -309px;
  619. }
  620. .messagelist tr > .priority span.prio1
  621. {
  622. background-position: 0 -290px;
  623. }
  624. .messagelist tr > .flag span.flagged
  625. {
  626. background-position: 0 -153px;
  627. }
  628. .messagelist tr > .flag span.unflagged:hover
  629. {
  630. background-position: 0 -136px;
  631. }
  632. .messagelist tr > .subject span.msgicon,
  633. .messagelist tr > .subject span.unreadchildren
  634. {
  635. background-position: 0 -51px;
  636. margin: 0 2px;
  637. }
  638. .messagelist tr > .subject span.replied
  639. {
  640. background-position: 0 -85px;
  641. }
  642. .messagelist tr > .subject span.forwarded
  643. {
  644. background-position: 0 -68px;
  645. }
  646. .messagelist tr > .subject span.replied.forwarded
  647. {
  648. background-position: 0 -102px;
  649. }
  650. .messagelist tr > .status span.msgicon,
  651. .messagelist tr > .flag span.unflagged,
  652. .messagelist tr > .status span.unreadchildren
  653. {
  654. background-position: 0 17px; /* no icon */
  655. }
  656. .messagelist tr > .status span.msgicon:hover
  657. {
  658. background-position: 0 -272px;
  659. }
  660. .messagelist tr > .status span.deleted,
  661. .messagelist tr > .subject span.deleted
  662. {
  663. background-position: 0 -187px;
  664. }
  665. .messagelist tr > .status span.status,
  666. .messagelist tr > .status span.unread,
  667. .messagelist tr > .subject span.unread
  668. {
  669. background-position: 0 -119px;
  670. }
  671. .messagelist tr td div.collapsed
  672. {
  673. background-position: 0 -221px;
  674. cursor: pointer;
  675. }
  676. .messagelist tr td div.expanded
  677. {
  678. background-position: 0 -204px;
  679. cursor: pointer;
  680. }
  681. .messagelist tr > .threads .listmenu
  682. {
  683. background-position: 0 -238px;
  684. cursor: pointer;
  685. overflow: hidden;
  686. text-indent: -5000px;
  687. display: block;
  688. }
  689. .messagelist tbody tr td.subject
  690. {
  691. width: 99%;
  692. }
  693. .messagelist tbody tr td.subject a
  694. {
  695. cursor: default;
  696. vertical-align: middle; /* #1487091 */
  697. }
  698. /* thread parent message with unread children */
  699. .messagelist tbody tr.unroot td.subject a
  700. {
  701. text-decoration: underline;
  702. }
  703. .messagelist tr > .attachment,
  704. .messagelist tr > .threads,
  705. .messagelist tr > .status,
  706. .messagelist tr > .flag,
  707. .messagelist tr > .priority
  708. {
  709. width: 17px;
  710. padding: 0 0 0 2px;
  711. }
  712. .messagelist tr > .size
  713. {
  714. width: 60px;
  715. text-align: right;
  716. padding: 0 2px;
  717. }
  718. .messagelist tr > .fromto,
  719. .messagelist tr > .from,
  720. .messagelist tr > .to,
  721. .messagelist tr > .cc,
  722. .messagelist tr > .replyto
  723. {
  724. width: 180px;
  725. padding: 0 2px;
  726. }
  727. .messagelist tr > .date
  728. {
  729. width: 135px;
  730. padding: 0 2px;
  731. }
  732. .messagelist tr > .folder
  733. {
  734. width: 135px;
  735. }
  736. .messagelist tr > .hidden
  737. {
  738. display: none;
  739. }
  740. .messagelist tr.message
  741. {
  742. background-color: #FFF;
  743. }
  744. .messagelist tr.unread
  745. {
  746. font-weight: bold;
  747. background-color: #FFFFFF;
  748. }
  749. .messagelist tr.flagged td,
  750. .messagelist tr.flagged td a
  751. {
  752. color: #CC0000;
  753. }
  754. /* This padding-left minus the focused padding left should be half of the focused border-left */
  755. .messagelist thead tr th:first-child,
  756. .messagelist thead tr td:first-child,
  757. .messagelist tbody tr td:first-child {
  758. border-left: 0;
  759. padding-left: 6px;
  760. }
  761. /* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
  762. .messagelist tbody tr.focused > td:first-child {
  763. border-left: 4px solid #d4d4d4;
  764. padding-left: 4px;
  765. }
  766. .messagelist tbody tr.selected.focused > td:first-child {
  767. border-left: 2px solid #ccc;
  768. padding-left: 5px;
  769. }
  770. .messagelist tr.selected td
  771. {
  772. color: #FFFFFF;
  773. background-color: #929292;
  774. }
  775. .messagelist.focus tr.selected td
  776. {
  777. background-color: #CC3333;
  778. }
  779. .messagelist tr.selected td a
  780. {
  781. color: #FFFFFF;
  782. }
  783. .messagelist tr.deleted td,
  784. .messagelist tr.deleted td a
  785. {
  786. color: #CCCCCC;
  787. }
  788. #listmenu
  789. {
  790. padding: 6px;
  791. max-height: none;
  792. }
  793. #listmenu legend
  794. {
  795. color: #999999;
  796. }
  797. #listmenu fieldset
  798. {
  799. border: 1px solid #999999;
  800. margin: 0 5px;
  801. float: left;
  802. }
  803. #listmenu div
  804. {
  805. padding: 8px 0 3px 0;
  806. text-align: center;
  807. clear: both;
  808. }
  809. /***** tree indicators *****/
  810. td span.branch div
  811. {
  812. float: left;
  813. height: 16px;
  814. }
  815. td span.branch div.tree
  816. {
  817. height: 17px;
  818. width: 15px;
  819. background: url(images/tree.gif?v=9b73.92) 0px 0px no-repeat;
  820. }
  821. td span.branch div.l1
  822. {
  823. background-position: 0px 0px; /* L */
  824. }
  825. td span.branch div.l2
  826. {
  827. background-position: -30px 0px; /* | */
  828. }
  829. td span.branch div.l3
  830. {
  831. background-position: -15px 0px; /* |- */
  832. }
  833. /** message view styles */
  834. #messageframe
  835. {
  836. position: absolute;
  837. top: 0;
  838. left: 180px;
  839. right: 0;
  840. bottom: 0;
  841. border: 1px solid #999;
  842. background-color: #FFF;
  843. overflow: auto;
  844. z-index: 1;
  845. }
  846. .extwin #messageframe
  847. {
  848. left: 0;
  849. }
  850. div.messageheaderbox
  851. {
  852. margin: -14px 8px 0px 8px;
  853. border: 1px solid #ccc;
  854. }
  855. table.headers-table
  856. {
  857. width: 100%;
  858. background-color: #EBEBEB;
  859. }
  860. #messagebody #full-headers,
  861. #messagebody table.headers-table
  862. {
  863. width: auto;
  864. margin: 6px 8px;
  865. background-color: #F4F4F4;
  866. }
  867. #messagebody.mailvelope {
  868. padding: 10px 8px;
  869. }
  870. #messagebody table.headers-table
  871. {
  872. margin: 16px 6px 6px 6px;
  873. }
  874. div.message-partheaders + div.message-part
  875. {
  876. border-top: 0;
  877. padding-top: 4px;
  878. }
  879. table.headers-table tr td
  880. {
  881. font-size: 11px;
  882. border-bottom:1px solid #FFFFFF;
  883. }
  884. table.headers-table tr td.header-title
  885. {
  886. width: 1%;
  887. color: #666666;
  888. font-weight: bold;
  889. text-align: right;
  890. white-space: nowrap;
  891. padding: 0 4px 0 8px;
  892. }
  893. table.headers-table tr td.header
  894. {
  895. width: 99%;
  896. }
  897. table.headers-table tr td.subject
  898. {
  899. font-weight: bold;
  900. }
  901. table.headers-table tr td.header span
  902. {
  903. white-space: nowrap;
  904. }
  905. #attachment-list
  906. {
  907. margin: 0;
  908. padding: 0 4px 0 8px;
  909. min-height: 16px;
  910. list-style-image: none;
  911. list-style-type: none;
  912. background: url(images/icons/attachment.png?v=08f7.518) 4px 2px no-repeat #DFDFDF;
  913. }
  914. #messageframe #attachment-list
  915. {
  916. border-bottom: 1px solid #ccc;
  917. }
  918. .messageheaderbox #attachment-list
  919. {
  920. border-top: 1px solid #ccc;
  921. }
  922. #attachment-list:after
  923. {
  924. content: ".";
  925. display: block;
  926. height: 0;
  927. font-size: 0;
  928. clear: both;
  929. visibility: hidden;
  930. }
  931. #attachment-list li
  932. {
  933. float: left;
  934. height: 18px;
  935. font-size: 11px;
  936. padding: 2px 0px 0px 15px;
  937. white-space: nowrap;
  938. }
  939. #attachment-list li a
  940. {
  941. text-decoration: none;
  942. }
  943. #attachment-list li a:hover
  944. {
  945. text-decoration: underline;
  946. }
  947. #attachment-list li a.drop {
  948. background: url(images/icons/down_small.gif?v=f368.105) no-repeat center 6px;
  949. width: 12px;
  950. height: 7px;
  951. cursor: pointer;
  952. padding: 5px 0 0;
  953. margin-left: 3px;
  954. display: inline-block;
  955. }
  956. #messagebody
  957. {
  958. position:relative;
  959. padding-bottom: 10px;
  960. background-color: #FFFFFF;
  961. }
  962. div.message-part,
  963. div.message-htmlpart
  964. {
  965. padding: 10px 8px;
  966. border-top: 1px solid #ccc;
  967. /* overflow: hidden; */
  968. }
  969. #messagebody div:first-child
  970. {
  971. border-top: 0;
  972. }
  973. div.message-part a,
  974. div.message-htmlpart a
  975. {
  976. color: #0000CC;
  977. }
  978. div.message-part div.pre
  979. {
  980. margin: 0px;
  981. padding: 0px;
  982. font-family: monospace;
  983. font-size: 12px;
  984. }
  985. div.message-part span.sig
  986. {
  987. color: #666666;
  988. }
  989. div.message-part blockquote
  990. {
  991. color: blue;
  992. border-left: 2px solid blue;
  993. border-right: 2px solid blue;
  994. background-color: #F6F6F6;
  995. margin: 2px 0;
  996. padding: 0 0.4em;
  997. overflow: hidden;
  998. text-overflow: ellipsis;
  999. }
  1000. div.message-part blockquote blockquote
  1001. {
  1002. color: green;
  1003. border-left: 2px solid green;
  1004. border-right: 2px solid green;
  1005. }
  1006. div.message-part blockquote blockquote blockquote
  1007. {
  1008. color: #990000;
  1009. border-left: 2px solid #bb0000;
  1010. border-right: 2px solid #bb0000;
  1011. }
  1012. #messagebody span.part-notice
  1013. {
  1014. display: block;
  1015. }
  1016. #message-objects div,
  1017. #messagebody span.part-notice
  1018. {
  1019. margin: 8px;
  1020. min-height: 20px;
  1021. padding: 10px 10px 6px 46px;
  1022. }
  1023. #message-objects div a,
  1024. #messagebody span.part-notice a
  1025. {
  1026. color: #666666;
  1027. padding-left: 10px;
  1028. }
  1029. #message-objects div a:hover,
  1030. #messagebody span.part-notice a:hover
  1031. {
  1032. color: #333333;
  1033. }
  1034. #messagebody fieldset.image-attachment {
  1035. border: 0;
  1036. border-top: 1px solid #ccc;
  1037. margin: 1em 1em 0 1em;
  1038. }
  1039. #messagebody fieldset.image-attachment p > img
  1040. {
  1041. max-width: 80%;
  1042. }
  1043. #messagebody legend.image-filename
  1044. {
  1045. color: #999;
  1046. font-size: 0.9em;
  1047. }
  1048. #messagebody p.image-attachment
  1049. {
  1050. margin: 0 1em;
  1051. padding: 1em;
  1052. border-top: 1px solid #ccc;
  1053. }
  1054. #messagebody p.image-attachment a.image-link
  1055. {
  1056. float: left;
  1057. margin-right: 2em;
  1058. min-width: 160px;
  1059. min-height: 60px;
  1060. text-align: center;
  1061. }
  1062. #messagebody p.image-attachment .image-filename
  1063. {
  1064. display: block;
  1065. font-weight: bold;
  1066. line-height: 1.6em;
  1067. }
  1068. #messagebody p.image-attachment .image-filesize
  1069. {
  1070. font-size: 11px;
  1071. padding-right: 1em;
  1072. }
  1073. #messagebody p.image-attachment .attachment-links a
  1074. {
  1075. margin-right: 0.6em;
  1076. color: #cc0000;
  1077. font-size: 11px;
  1078. text-decoration: none;
  1079. }
  1080. #messagebody p.image-attachment .attachment-links a:hover
  1081. {
  1082. text-decoration: underline;
  1083. }
  1084. #messagelinks
  1085. {
  1086. position: absolute;
  1087. top: 8px;
  1088. right: 10px;
  1089. height: 16px;
  1090. text-align: right;
  1091. }
  1092. #messageframe #messagelinks
  1093. {
  1094. top: 2px;
  1095. right: 2px;
  1096. }
  1097. #compose-headers #openextwinlink
  1098. {
  1099. position: absolute;
  1100. height: 15px;
  1101. top: 4px;
  1102. right: 2px;
  1103. }
  1104. #full-headers
  1105. {
  1106. color: #666666;
  1107. text-align: center;
  1108. padding: 2px 6px;
  1109. border-bottom: 1px solid #ccc;
  1110. background-color: #EBEBEB;
  1111. }
  1112. .messageheaderbox #full-headers
  1113. {
  1114. border-bottom: 0;
  1115. }
  1116. div.more-headers
  1117. {
  1118. cursor: pointer;
  1119. height: 8px;
  1120. border-bottom: 0;
  1121. }
  1122. div.show-headers
  1123. {
  1124. background: url(images/icons/down_small.gif?v=f368.105) no-repeat center;
  1125. }
  1126. div.hide-headers
  1127. {
  1128. background: url(images/icons/up_small.gif?v=c56c.106) no-repeat center;
  1129. }
  1130. #headers-source
  1131. {
  1132. margin: 2px 0;
  1133. padding: 0.5em;
  1134. height: 145px;
  1135. background: white;
  1136. overflow: auto;
  1137. font-size: 11px;
  1138. border: 1px solid #CCC;
  1139. display: none;
  1140. text-align: left;
  1141. color: #333;
  1142. }
  1143. /** message compose styles */
  1144. #compose-container
  1145. {
  1146. position: absolute;
  1147. top: 0;
  1148. left: 205px;
  1149. right: 0;
  1150. bottom: 0;
  1151. margin: 0;
  1152. }
  1153. #compose-div
  1154. {
  1155. position: absolute;
  1156. top: 85px;
  1157. right: 0;
  1158. left: 0;
  1159. bottom: 0;
  1160. margin: 0;
  1161. }
  1162. #compose-body-div
  1163. {
  1164. position: absolute;
  1165. top: 0;
  1166. left: 0;
  1167. bottom: 0;
  1168. right: 175px;
  1169. border: 1px solid #999;
  1170. }
  1171. #compose-body-div .mce-tinymce {
  1172. border: 0 !important;
  1173. }
  1174. #compose-div .boxlistcontent
  1175. {
  1176. bottom: 23px;
  1177. }
  1178. #compose-body
  1179. {
  1180. position: absolute;
  1181. left: 0;
  1182. right: 0;
  1183. top: 0;
  1184. bottom: 0;
  1185. margin: 0;
  1186. font-size: 9pt;
  1187. font-family: monospace;
  1188. resize: none;
  1189. border: none;
  1190. outline: none;
  1191. }
  1192. #compose-headers
  1193. {
  1194. width: 100%;
  1195. }
  1196. #compose-headers td.editfield
  1197. {
  1198. padding-right: 8px;
  1199. width: 95%;
  1200. }
  1201. #compose-headers td.top
  1202. {
  1203. vertical-align: top;
  1204. }
  1205. #compose-headers td.title,
  1206. #compose-subject td.title
  1207. {
  1208. width: 80px !important;
  1209. font-size: 11px;
  1210. font-weight: bold;
  1211. padding-right: 10px;
  1212. white-space: nowrap;
  1213. color: #666;
  1214. }
  1215. #compose-headers td textarea,
  1216. #compose-headers td input
  1217. {
  1218. resize: none;
  1219. width: 100%;
  1220. border: 1px solid #999;
  1221. }
  1222. #compose-headers td textarea
  1223. {
  1224. height: 32px;
  1225. }
  1226. input.from_address
  1227. {
  1228. width: 80% !important;
  1229. }
  1230. #compose-cc,
  1231. #compose-bcc,
  1232. #compose-replyto,
  1233. #compose-followupto
  1234. {
  1235. display: none;
  1236. }
  1237. #compose-editorfooter
  1238. {
  1239. position: absolute;
  1240. right: 5px;
  1241. bottom: 0;
  1242. text-align: right;
  1243. line-height: 20px;
  1244. }
  1245. #compose-editorfooter label
  1246. {
  1247. font-size: 11px;
  1248. font-weight: bold;
  1249. color: #666;
  1250. }
  1251. #compose-buttons
  1252. {
  1253. position: absolute;
  1254. left: 5px;
  1255. bottom: 1px;
  1256. width: auto;
  1257. }
  1258. #compose-contacts
  1259. {
  1260. position: absolute;
  1261. top: 0;
  1262. left: 0;
  1263. bottom: 0;
  1264. width: 195px;
  1265. border: 1px solid #999;
  1266. background-color: #F9F9F9;
  1267. }
  1268. #compose-attachments
  1269. {
  1270. position: absolute;
  1271. top: 0;
  1272. left: 0;
  1273. right: 0;
  1274. bottom: 0;
  1275. border: 1px solid #999;
  1276. background-color: #F9F9F9;
  1277. }
  1278. #compose-attachments.droptarget.hover
  1279. {
  1280. background-color: #F0F0EE;
  1281. box-shadow: 0 0 5px 0 #999;
  1282. -moz-box-shadow: 0 0 5px 0 #999;
  1283. -o-box-shadow: 0 0 5px 0 #999;
  1284. }
  1285. #compose-attachments ul
  1286. {
  1287. margin: 0px;
  1288. padding: 0px;
  1289. background-color: #FFF;
  1290. list-style-image: none;
  1291. list-style-type: none;
  1292. }
  1293. #compose-attachments ul li
  1294. {
  1295. height: 18px;
  1296. line-height: 16px;
  1297. font-size: 11px;
  1298. padding: 2px 2px 1px 2px;
  1299. border-bottom: 1px solid #EBEBEB;
  1300. white-space: nowrap;
  1301. overflow: hidden;
  1302. text-overflow: ellipsis;
  1303. -o-text-overflow: ellipsis;
  1304. }
  1305. #compose-attachments li a
  1306. {
  1307. text-indent: -5000px;
  1308. width: 17px;
  1309. height: 16px;
  1310. padding-bottom: 2px;
  1311. display: inline-block;
  1312. text-decoration: none;
  1313. vertical-align: middle;
  1314. }
  1315. #compose-attachments li img
  1316. {
  1317. vertical-align: middle;
  1318. }
  1319. #compose-attachments li a.delete,
  1320. #compose-attachments li a.cancelupload
  1321. {
  1322. background-position: 0px -392px;
  1323. }
  1324. #compose-attachments li span
  1325. {
  1326. line-height: 18px;
  1327. vertical-align: middle;
  1328. }
  1329. #upload-form,
  1330. #attachment-form
  1331. {
  1332. padding: 6px;
  1333. }
  1334. #upload-form div,
  1335. #attachment-form div
  1336. {
  1337. padding: 2px;
  1338. }
  1339. #upload-form div.buttons,
  1340. #attachment-form div.buttons
  1341. {
  1342. margin-top: 4px;
  1343. }
  1344. #quota
  1345. {
  1346. position: absolute;
  1347. top: 3px;
  1348. right: 8px;
  1349. width: 100px;
  1350. }
  1351. #quotaimg
  1352. {
  1353. position: absolute;
  1354. top: 3px;
  1355. right: 6px;
  1356. z-index: 101;
  1357. }
  1358. /* addressbook in compose - copy from addressbook.css */
  1359. #directorylist
  1360. {
  1361. list-style: none;
  1362. margin: 0;
  1363. padding: 0;
  1364. background-color: #FFFFFF;
  1365. }
  1366. #directorylist li
  1367. {
  1368. display: block;
  1369. font-size: 11px;
  1370. background: url(images/icons/folders.png?v=d9d2.5356) 5px -108px no-repeat;
  1371. border-bottom: 1px solid #EBEBEB;
  1372. white-space: nowrap;
  1373. }
  1374. #directorylist li a
  1375. {
  1376. cursor: default;
  1377. display: block;
  1378. padding-left: 25px;
  1379. padding-top: 2px;
  1380. padding-bottom: 2px;
  1381. text-decoration: none;
  1382. white-space: nowrap;
  1383. height: 15px;
  1384. }
  1385. #directorylist li.selected
  1386. {
  1387. background-color: #929292;
  1388. border-bottom: 1px solid #898989;
  1389. }
  1390. #directorylist li.selected a
  1391. {
  1392. color: #FFF;
  1393. font-weight: bold;
  1394. }
  1395. #contacts-table
  1396. {
  1397. width: 100%;
  1398. table-layout: fixed;
  1399. }
  1400. #contacts-table tbody td
  1401. {
  1402. cursor: default;
  1403. text-overflow: ellipsis;
  1404. -o-text-overflow: ellipsis;
  1405. }
  1406. #contacts-table td span.email
  1407. {
  1408. display: inline;
  1409. color: #ccc;
  1410. font-style: italic;
  1411. margin-left: 0.5em;
  1412. }
  1413. #abookcountbar
  1414. {
  1415. margin-top: 4px;
  1416. margin-left: 4px;
  1417. position: absolute;
  1418. margin-right: 5px;
  1419. right: 0;
  1420. }
  1421. #abookactions
  1422. {
  1423. position: absolute;
  1424. text-underline: none;
  1425. }
  1426. #abookactions a
  1427. {
  1428. font-weight: bold;
  1429. line-height: 22px;
  1430. height: 22px;
  1431. width: auto;
  1432. margin: 0;
  1433. padding-left: 5px;
  1434. padding-right: 5px;
  1435. text-shadow: 1px 1px white;
  1436. background: url(images/icons/groupactions.png?v=ace6.1092) no-repeat right -70px;
  1437. }
  1438. #abookactions a.disabled
  1439. {
  1440. color: #999;
  1441. }
  1442. #compose-contacts .searchbox
  1443. {
  1444. top: 2px;
  1445. left: 7px;
  1446. }
  1447. #compose-contacts #directorylist
  1448. {
  1449. width: 100%;
  1450. top: 23px;
  1451. position: absolute;
  1452. border-top: 1px solid #eee;
  1453. }
  1454. #compose-contacts #contacts-table
  1455. {
  1456. top: 45px;
  1457. position: absolute;
  1458. }
  1459. .mailvelopekeyimport div.key {
  1460. position: relative;
  1461. margin-bottom: 2px;
  1462. padding: 1em 1em 5px;
  1463. background-color: #ebebeb;
  1464. }
  1465. .mailvelopekeyimport div.key.revoked,
  1466. .mailvelopekeyimport div.key.disabled {
  1467. color: #a0a0a0;
  1468. }
  1469. .mailvelopekeyimport div.key label {
  1470. display: inline-block;
  1471. margin-right: 0.5em;
  1472. }
  1473. .mailvelopekeyimport div.key label:after {
  1474. content: ":";
  1475. }
  1476. .mailvelopekeyimport div.key label + a,
  1477. .mailvelopekeyimport div.key label + span {
  1478. display: inline-block;
  1479. margin-right: 2em;
  1480. white-space: nowrap;
  1481. }
  1482. .mailvelopekeyimport div.key label + a {
  1483. font-weight: bold;
  1484. }
  1485. .mailvelopekeyimport ul.uids {
  1486. margin: 5px 1em 0 1em;
  1487. padding: 0;
  1488. }
  1489. .mailvelopekeyimport li.uid {
  1490. border: 0;
  1491. padding: 2px;
  1492. }
  1493. .mailvelopekeyimport div.key input.button.importkey {
  1494. position: absolute;
  1495. top: 0.8em;
  1496. right: 0.8em;
  1497. padding: 2px 6px;
  1498. }
  1499. .mailvelopekeyimport div.key input.button[disabled] {
  1500. display: none;
  1501. }