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.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368
  1. /**
  2. * Roundcube webmail styles for the Settings section
  3. *
  4. * Copyright (c) 2012, The Roundcube Dev Team
  5. * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com
  6. *
  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. */
  12. #settings-sections {
  13. position: absolute;
  14. top: 0;
  15. left: 0;
  16. width: 200px;
  17. bottom: 0;
  18. }
  19. #pluginbody,
  20. #settings-right {
  21. position: absolute;
  22. top: 0;
  23. left: 212px;
  24. right: 0;
  25. bottom: 0;
  26. }
  27. #sectionslist {
  28. position: absolute;
  29. top: 0;
  30. left: 0;
  31. width: 260px;
  32. bottom: 0;
  33. }
  34. #preferences-box {
  35. position: absolute;
  36. top: 0;
  37. left: 272px;
  38. right: 0;
  39. bottom: 0;
  40. }
  41. #preferences-frame {
  42. border: 0;
  43. border-radius: 4px;
  44. }
  45. #preferences-details fieldset.advanced legend {
  46. position: relative;
  47. display: block;
  48. width: 100%;
  49. cursor: pointer;
  50. }
  51. #preferences-details fieldset.advanced .propform {
  52. display: none;
  53. }
  54. #preferences-details fieldset.advanced .advanced-toggle {
  55. position: absolute;
  56. display: block;
  57. top: 0px;
  58. right: 6px;
  59. text-decoration: none;
  60. color: #666;
  61. font-size: 11px;
  62. width: 20px;
  63. height: 18px;
  64. background: url(images/listicons.png?v=1877.13442) 0 -1157px no-repeat;
  65. text-indent: -5000px;
  66. overflow: hidden;
  67. }
  68. #preferences-details fieldset.advanced .collapsed .advanced-toggle {
  69. background-position: -24px -1137px;
  70. }
  71. #sections-table tbody td,
  72. #sections-table .listitem span,
  73. #settings-sections .listitem a,
  74. #settings-sections .tablink a {
  75. padding-left: 36px;
  76. background-image: url(images/listicons.png?v=1877.13442);
  77. background-position: -100px 0;
  78. background-repeat: no-repeat;
  79. }
  80. /* note: support span.tablink because this is used by plugins */
  81. #settings-sections .listitem a,
  82. #settings-sections .tablink a {
  83. background-position: 6px -862px;
  84. }
  85. #settings-sections .selected a,
  86. #settings-sections .tablink.selected a {
  87. background-position: 6px -887px;
  88. }
  89. #settings-sections .preferences a {
  90. background-position: 6px -431px;
  91. }
  92. #settings-sections .preferences.selected a {
  93. background-position: 6px -455px;
  94. }
  95. #settings-sections .folders a {
  96. background-position: 6px 2px;
  97. }
  98. #settings-sections .folders.selected a {
  99. background-position: 6px -22px;
  100. }
  101. #sections-table #rcmrowfolders .section {
  102. background-position: 4px 2px;
  103. }
  104. #sections-table #rcmrowfolders.selected .section {
  105. background-position: 4px -22px;
  106. }
  107. #settings-sections .identities a {
  108. background-position: 6px -478px;
  109. }
  110. #settings-sections .identities.selected a {
  111. background-position: 6px -502px;
  112. }
  113. #settings-sections .filter a {
  114. background-position: 6px -1746px;
  115. }
  116. #settings-sections .filter.selected a {
  117. background-position: 6px -1770px;
  118. }
  119. #settings-sections .password a {
  120. background-position: 6px -1795px;
  121. }
  122. #settings-sections .password.selected a {
  123. background-position: 6px -1819px;
  124. }
  125. #settings-sections .responses a {
  126. background-position: 6px -1972px;
  127. }
  128. #settings-sections .responses.selected a {
  129. background-position: 6px -1996px;
  130. }
  131. #sections-table #rcmrowgeneral .section {
  132. background-position: 4px -573px;
  133. }
  134. #sections-table #rcmrowgeneral.selected .section {
  135. background-position: 4px -598px;
  136. }
  137. #sections-table #rcmrowmailbox .section {
  138. background-position: 4px -621px;
  139. }
  140. #sections-table #rcmrowmailbox.selected .section {
  141. background-position: 4px -646px;
  142. }
  143. #sections-table #rcmrowcompose .section {
  144. background-position: 4px -670px;
  145. }
  146. #sections-table #rcmrowcompose.selected .section {
  147. background-position: 4px -695px;
  148. }
  149. #sections-table #rcmrowmailview .section {
  150. background-position: 4px -718px;
  151. }
  152. #sections-table #rcmrowmailview.selected .section {
  153. background-position: 4px -742px;
  154. }
  155. #sections-table #rcmrowaddressbook .section {
  156. background-position: 4px -766px;
  157. }
  158. #sections-table #rcmrowaddressbook.selected .section {
  159. background-position: 4px -791px;
  160. }
  161. #sections-table #rcmrowserver .section {
  162. background-position: 4px -814px;
  163. }
  164. #sections-table #rcmrowserver.selected .section {
  165. background-position: 4px -838px;
  166. }
  167. #sections-table #rcmrowcalendar .section {
  168. background-position: 4px -526px;
  169. }
  170. #sections-table #rcmrowcalendar.selected .section {
  171. background-position: 4px -550px;
  172. }
  173. #folderslist .boxtitle a.iconbutton.search {
  174. background-position: -2px -317px;
  175. cursor: pointer;
  176. position: absolute;
  177. right: 8px;
  178. top: 8px;
  179. width: 16px;
  180. }
  181. #folderslist .listsearchbox + .scroller {
  182. top: 34px;
  183. }
  184. .listsearchbox select {
  185. width: 100%;
  186. margin: 0 0 4px 0;
  187. }
  188. #folderslist,
  189. #identitieslist {
  190. position: absolute;
  191. top: 0;
  192. left: 0;
  193. width: 260px;
  194. bottom: 0;
  195. }
  196. #identities-table {
  197. width: 100%;
  198. table-layout: fixed;
  199. }
  200. #identities-table tbody td.mail {
  201. width: 100%;
  202. overflow: hidden;
  203. text-overflow: ellipsis;
  204. }
  205. #identities-table tbody tr.readonly td {
  206. font-style: italic;
  207. }
  208. #folder-details,
  209. #identity-details {
  210. position: absolute;
  211. top: 0;
  212. left: 272px;
  213. right: 0;
  214. bottom: 0;
  215. }
  216. #subscription-table li.root {
  217. font-size: 5%;
  218. line-height: 5px;
  219. height: 5px;
  220. padding: 2px;
  221. }
  222. #subscription-table li input {
  223. position: absolute;
  224. right: 8px;
  225. top: 4px;
  226. margin-right: 0;
  227. }
  228. #subscription-table li a {
  229. padding-right: 28px;
  230. }
  231. .skinselection {
  232. display: block;
  233. }
  234. .skinselection span {
  235. display: inline-block;
  236. vertical-align: middle;
  237. padding-right: 1em;
  238. }
  239. .skinselection .skinname {
  240. font-weight: bold;
  241. }
  242. .skinselection .skinlicense,
  243. .skinselection .skinlicense a {
  244. font-style: italic;
  245. color: #666;
  246. text-decoration: none;
  247. }
  248. .skinselection .skinlicense a:hover {
  249. text-decoration: underline;
  250. }
  251. img.skinthumbnail {
  252. width: 64px;
  253. height: 64px;
  254. border: 1px solid #ccc;
  255. background: #fff;
  256. border-radius: 4px;
  257. }
  258. #pluginlist td.version {
  259. width: 5em;
  260. }
  261. .webkit #pluginlist td.version {
  262. width: 6em;
  263. }
  264. #pluginlist td.license,
  265. #pluginlist td.source {
  266. width: 8em;
  267. }
  268. .webkit #pluginlist td.license,
  269. .webkit #pluginlist td.source {
  270. width: 9em;
  271. }
  272. #rcmfd_signature {
  273. width: 99%;
  274. min-width: 390px;
  275. font-family: monospace;
  276. }
  277. #rcmfd_signature_toolbar1 td,
  278. #rcmfd_signature_toolbar2 td {
  279. width: auto;
  280. }
  281. .mailtoprotohandler-status {
  282. padding-left: 1em;
  283. font-style: italic;
  284. }
  285. #pluginlist {
  286. table-layout: auto;
  287. }
  288. #pluginlist th.version {
  289. width: 1%;
  290. }
  291. .readtext {
  292. width: 45em;
  293. padding: 12px;
  294. font-size: 12px;
  295. }
  296. .readtext > h1,
  297. .readtext > h2,
  298. .readtext > h3 {
  299. margin-top: 0;
  300. }