You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

settings.css 3.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281
  1. /***** Roundcube|Mail settings task styles *****/
  2. #rcmfd_timezone
  3. {
  4. width: 300px;
  5. }
  6. #folder-manager.droptarget
  7. {
  8. border: 1px solid #CC3333;
  9. background-color: #FFFFA6;
  10. }
  11. #folderlist-title a.iconbutton.search {
  12. background: url(images/icons/glass.png?v=6b06.406) no-repeat 0 0;
  13. cursor: pointer;
  14. position: absolute;
  15. right: 4px;
  16. top: 2px;
  17. width: 16px;
  18. text-indent: 50000px;
  19. }
  20. .listsearchbox select {
  21. width: 100%;
  22. margin: 1px 0;
  23. }
  24. #identities-table,
  25. #sections-table
  26. {
  27. width: 100%;
  28. table-layout: fixed;
  29. }
  30. #identities-table tbody tr td,
  31. #sections-table tbody tr td
  32. {
  33. cursor: default;
  34. }
  35. #identities-table tbody tr.readonly td
  36. {
  37. font-style: italic;
  38. }
  39. #subscription-table li.root
  40. {
  41. font-size: 5%;
  42. line-height: 5px;
  43. height: 5px;
  44. padding: 2px;
  45. }
  46. #subscription-table li input {
  47. position: absolute;
  48. right: 0;
  49. top: 2px;
  50. }
  51. #subscription-table li a {
  52. padding-right: 20px;
  53. overflow: hidden;
  54. text-overflow: ellipsis;
  55. }
  56. #folder-box,
  57. #prefs-box,
  58. #identity-box
  59. {
  60. position: absolute;
  61. top: 0;
  62. right: 0;
  63. bottom: 0;
  64. border: 1px solid #999999;
  65. overflow: hidden;
  66. background-color: #F2F2F2;
  67. }
  68. #identity-details table td.title,
  69. #response-details table td.title,
  70. #folder-details table td.title
  71. {
  72. font-weight: bold;
  73. text-align: right;
  74. width: 1%;
  75. white-space: nowrap;
  76. }
  77. #response-details table td.title
  78. {
  79. text-align: left;
  80. vertical-align: top;
  81. width: 140px;
  82. padding-top: 5px;
  83. }
  84. #bottomboxes
  85. {
  86. position: absolute;
  87. width: 600px;
  88. height: 95px;
  89. left: 0;
  90. bottom: 0;
  91. }
  92. #identities-list,
  93. #folder-manager,
  94. #sectionslist
  95. {
  96. position: absolute;
  97. top: 0;
  98. left: 0;
  99. bottom: 0;
  100. border: 1px solid #999999;
  101. background-color: #F9F9F9;
  102. overflow: hidden;
  103. }
  104. body.iframe,
  105. #prefs-frame,
  106. #folder-frame,
  107. #identity-frame
  108. {
  109. background-color: #F2F2F2;
  110. border: none;
  111. min-height: 100%; /* Chrome 14 bug */
  112. }
  113. #prefs-title,
  114. #folder-title,
  115. #identity-title
  116. {
  117. /* fixes issue where tabs were overlapping box title when scrolling */
  118. z-index: 10;
  119. }
  120. #formfooter
  121. {
  122. width: 100%;
  123. }
  124. #formfooter .footerleft
  125. {
  126. padding: 0 2px 10px;
  127. white-space: nowrap;
  128. float: left;
  129. }
  130. #formfooter .footerright
  131. {
  132. padding: 0 2px 10px;
  133. white-space: nowrap;
  134. text-align: right;
  135. float: right;
  136. }
  137. #formfooter .footerindent
  138. {
  139. padding: 10px 0;
  140. margin-left: 155px;
  141. }
  142. #quota
  143. {
  144. position: absolute;
  145. top: 3px;
  146. right: 8px;
  147. width: 100px;
  148. }
  149. #quotaimg
  150. {
  151. position: absolute;
  152. top: 3px;
  153. right: 6px;
  154. z-index: 101;
  155. }
  156. #rcmfd_signature
  157. {
  158. font-family: monospace;
  159. }
  160. div.readtext
  161. {
  162. width: 42em;
  163. padding: 20px;
  164. }
  165. #license
  166. {
  167. min-height: 200px;
  168. padding-bottom: 2em;
  169. background: url(images/watermark.gif?v=4094.9288) no-repeat center;
  170. }
  171. #license .sysname
  172. {
  173. font-size: 18px;
  174. font-weight: bold;
  175. }
  176. #license .copyright
  177. {
  178. font-weight: bold;
  179. }
  180. #license .license,
  181. #license .links
  182. {
  183. margin-top: 1.5em;
  184. }
  185. .skinselection
  186. {
  187. display: block;
  188. white-space: nowrap;
  189. margin: 0.3em 0;
  190. }
  191. .skinselection span
  192. {
  193. display: inline-block;
  194. vertical-align: middle;
  195. padding-right: 1em;
  196. }
  197. .skinselection .skinname
  198. {
  199. font-weight: bold;
  200. }
  201. .skinselection .skinlicense,
  202. .skinselection .skinlicense a
  203. {
  204. color: #999;
  205. font-style: italic;
  206. text-decoration: none;
  207. }
  208. .skinselection .skinlicense a:hover
  209. {
  210. text-decoration: underline;
  211. }
  212. img.skinthumbnail
  213. {
  214. width: 64px;
  215. height: 64px;
  216. border: 1px solid #999;
  217. background: #fff;
  218. }
  219. #pluginlist
  220. {
  221. border: 1px solid #999;
  222. width: 100%;
  223. }
  224. #pluginlist td.version
  225. {
  226. text-align: center;
  227. }
  228. div.crop
  229. {
  230. overflow: auto;
  231. }
  232. #rcmfd_signature
  233. {
  234. width: 99%;
  235. min-width: 390px;
  236. }
  237. #rcmfd_signature_toolbar1 td,
  238. #rcmfd_signature_toolbar2 td
  239. {
  240. width: auto;
  241. }