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.

managesieve.css 6.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492
  1. #filtersetslistbox
  2. {
  3. position: absolute;
  4. top: 0;
  5. bottom: 0;
  6. left: 0;
  7. width: 150px;
  8. }
  9. #filtersscreen
  10. {
  11. position: absolute;
  12. top: 0;
  13. right: 0;
  14. bottom: 0;
  15. left: 162px;
  16. }
  17. #filterslistbox
  18. {
  19. position: absolute;
  20. left: 0;
  21. top: 0;
  22. bottom: 0;
  23. width: 180px;
  24. }
  25. #filter-box
  26. {
  27. position: absolute;
  28. top: 0;
  29. right: 0;
  30. bottom: 0;
  31. left: 192px;
  32. }
  33. #filter-frame
  34. {
  35. border-radius: 4px;
  36. }
  37. #filterslist,
  38. #filtersetslist
  39. {
  40. width: 100%;
  41. table-layout: fixed;
  42. }
  43. #filterslist tbody td,
  44. #filtersetslist tbody td
  45. {
  46. width: 100%;
  47. overflow: hidden;
  48. text-overflow: ellipsis;
  49. }
  50. #filterslist tbody tr.disabled td,
  51. #filtersetslist tbody tr.disabled td
  52. {
  53. color: #87A3AA;
  54. text-decoration: line-through;
  55. }
  56. #filtersetslist tbody td
  57. {
  58. font-weight: bold;
  59. }
  60. #filterslist tbody tr.filtermoveup td
  61. {
  62. border-top: 2px dotted #555 !important;
  63. padding-top: 5px;
  64. }
  65. #filterslist tbody tr.filtermovedown td
  66. {
  67. border-bottom: 2px dotted #555 !important;
  68. padding-bottom: 4px;
  69. }
  70. body.iframe
  71. {
  72. min-width: 620px;
  73. }
  74. #filter-form
  75. {
  76. min-width: 550px;
  77. white-space: nowrap;
  78. padding: 20px 10px 10px 10px;
  79. }
  80. #filter-form legend, #filter-form label
  81. {
  82. color: #666666;
  83. vertical-align: middle;
  84. }
  85. #rules, #actions
  86. {
  87. margin-top: 5px;
  88. padding: 0;
  89. border-collapse: collapse;
  90. }
  91. div.rulerow, div.actionrow
  92. {
  93. width: auto;
  94. padding: 2px;
  95. white-space: nowrap;
  96. border: 1px solid white;
  97. }
  98. div.rulerow:hover, div.actionrow:hover
  99. {
  100. padding: 2px;
  101. white-space: nowrap;
  102. background-color: #D9ECF4;
  103. border: 1px solid #BBD3DA;
  104. border-radius: 4px;
  105. }
  106. div.rulerow table, div.actionrow table
  107. {
  108. padding: 0px;
  109. min-width: 600px;
  110. }
  111. #filter-form td
  112. {
  113. vertical-align: top;
  114. }
  115. td.advbutton
  116. {
  117. width: 1%;
  118. }
  119. td.advbutton a
  120. {
  121. display: block;
  122. padding-top: 14px;
  123. height: 6px;
  124. width: 12px;
  125. text-decoration: none;
  126. }
  127. td.advbutton a.show
  128. {
  129. background: url(images/down_small.gif?v=8629.106) center no-repeat;
  130. }
  131. td.advbutton a.hide
  132. {
  133. background: url(images/up_small.gif?v=c56c.106) center no-repeat;
  134. }
  135. td.rowbuttons
  136. {
  137. text-align: right;
  138. white-space: nowrap;
  139. width: 1%;
  140. }
  141. td.rowactions
  142. {
  143. white-space: nowrap;
  144. width: 1%;
  145. padding-top: 2px;
  146. }
  147. td.rowtargets
  148. {
  149. white-space: nowrap;
  150. width: 98%;
  151. padding-left: 3px;
  152. padding-top: 2px;
  153. }
  154. td.rowtargets > div
  155. {
  156. vertical-align: top;
  157. margin-top: 2px;
  158. }
  159. td.rowtargets div.adv
  160. {
  161. padding-top: 3px;
  162. font-size: 10px;
  163. }
  164. td.rowtargets div.adv span.label
  165. {
  166. display: inline-block;
  167. padding-right: 5px;
  168. min-width: 70px;
  169. }
  170. td.rowtargets div a {
  171. margin-left: 10px;
  172. }
  173. td.rowtargets div.adv input
  174. {
  175. margin-bottom: 1px;
  176. }
  177. input.disabled, input.disabled:hover
  178. {
  179. color: #999999;
  180. }
  181. input.error, textarea.error
  182. {
  183. background-color: #FFFFC4;
  184. }
  185. input.box,
  186. input.radio
  187. {
  188. border: 0;
  189. margin-top: 0;
  190. }
  191. input.radio
  192. {
  193. vertical-align: middle;
  194. }
  195. select.operator_selector
  196. {
  197. width: 200px;
  198. vertical-align: top;
  199. }
  200. td.rowtargets span,
  201. span.label
  202. {
  203. color: #666666;
  204. font-size: 10px;
  205. white-space: nowrap;
  206. }
  207. td.rowtargets label
  208. {
  209. color: black;
  210. }
  211. #footer
  212. {
  213. padding-top: 5px;
  214. width: 100%;
  215. }
  216. #footer .footerleft label
  217. {
  218. margin-left: 40px;
  219. white-space: nowrap;
  220. }
  221. .itemlist
  222. {
  223. line-height: 25px;
  224. }
  225. .itemlist input
  226. {
  227. vertical-align: middle;
  228. }
  229. span.sieve.error
  230. {
  231. color: red;
  232. white-space: nowrap;
  233. }
  234. #managesieve-tip
  235. {
  236. padding: 3px;
  237. background-color: #eee;
  238. }
  239. #filter-form a.button
  240. {
  241. margin: 0;
  242. padding: 0;
  243. }
  244. #filter-form a.button.add
  245. {
  246. background: url(images/add.png?v=a165.280) no-repeat;
  247. width: 30px;
  248. height: 20px;
  249. margin-right: 4px;
  250. display: inline-block;
  251. }
  252. #filter-form a.button.del
  253. {
  254. background: url(images/del.png?v=3c27.247) no-repeat;
  255. width: 30px;
  256. height: 20px;
  257. display: inline-block;
  258. }
  259. #filter-form a.button.disabled
  260. {
  261. opacity: 0.35;
  262. filter: alpha(opacity=35);
  263. cursor: default;
  264. }
  265. #filter-form select,
  266. #filter-form input,
  267. #filter-form textarea
  268. {
  269. vertical-align: middle;
  270. max-width: 280px;
  271. }
  272. /* revert larry style button */
  273. #filter-form input.button
  274. {
  275. padding: 4px 12px;
  276. }
  277. fieldset
  278. {
  279. border-radius: 4px;
  280. }
  281. /* smart multi-row input field */
  282. .listarea
  283. {
  284. border: 1px solid #B2B2B2;
  285. border-radius: 4px;
  286. box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
  287. -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
  288. margin: 0;
  289. padding: 2px;
  290. display: inline-block;
  291. max-height: 59px;
  292. overflow-y: auto;
  293. vertical-align: middle;
  294. }
  295. td.rowtargets > span.listarea
  296. {
  297. vertical-align: top;
  298. margin-top: 2px;
  299. }
  300. .listelement
  301. {
  302. display: block;
  303. white-space: nowrap;
  304. background-color: #fff;
  305. border-top: 1px solid #e2e2e2;
  306. height: 14px;
  307. padding: 0;
  308. margin: 0;
  309. overflow: hidden;
  310. line-height: 14px;
  311. }
  312. .listarea.error .listelement
  313. {
  314. background-color: #FFFFC4;
  315. }
  316. .listelement:first-child
  317. {
  318. border-top: none;
  319. }
  320. #vacationform .listelement input,
  321. #filter-form .listelement input
  322. {
  323. border: none;
  324. border-radius: 0;
  325. box-shadow: none;
  326. outline: none;
  327. vertical-align: top;
  328. height: 14px;
  329. padding-top: 0;
  330. padding-bottom: 0;
  331. line-height: 14px;
  332. background-color: transparent;
  333. }
  334. .listelement input:focus
  335. {
  336. box-shadow: none;
  337. }
  338. .listelement .reset
  339. {
  340. display: inline-block;
  341. width: 16px;
  342. height: 16px;
  343. background: url(images/erase.png?v=3052.453) -1px -1px no-repeat #eee;
  344. cursor: pointer;
  345. }
  346. /* fixes for popup window */
  347. body.iframe.mail
  348. {
  349. margin: 0;
  350. padding: 0;
  351. }
  352. body.iframe.mail #filter-form
  353. {
  354. padding: 10px 5px 5px 5px;
  355. }
  356. /* vacation form */
  357. #settings-sections .vacation a {
  358. background-image: url(images/vacation_icons.png?v=e738.767);
  359. background-repeat: no-repeat;
  360. background-position: 7px 1px;
  361. }
  362. #settings-sections .vacation.selected a {
  363. background-position: 7px -23px;
  364. }
  365. #managesieve-vacation {
  366. position: absolute;
  367. top: 0;
  368. left: 212px;
  369. right: 0;
  370. bottom: 0;
  371. overflow: auto;
  372. }
  373. #vacationform .listarea {
  374. max-height: 91px;
  375. }
  376. #vacationform td.vacation {
  377. white-space: nowrap;
  378. }
  379. #vacationform input.button {
  380. margin-left: 10px;
  381. }
  382. /* RAW editor and CodeMirror overrides */
  383. .raweditor textarea {
  384. border: none;
  385. border-radius: 0;
  386. max-width: none !important;
  387. box-shadow: none;
  388. font-family: monospace;
  389. width: 99%;
  390. min-height: 300px;
  391. }
  392. .raweditor textarea,
  393. .raweditor .CodeMirror {
  394. position: absolute;
  395. top: 34px;
  396. bottom: 45px;
  397. right: 0;
  398. left: 0;
  399. height: auto;
  400. background-color: #fdfdfd;
  401. border-bottom: 1px solid #eee;
  402. }
  403. .raweditor .CodeMirror-linebackground.line-error {
  404. background-color: #f00;
  405. opacity: 0.4;
  406. }
  407. .raweditor .errorGutter {
  408. width: 0.8em;
  409. }
  410. .raweditor #footer {
  411. position: absolute;
  412. bottom: 5px;
  413. }
  414. body.iframe.raweditor {
  415. min-width: 100px;
  416. overflow: hidden;
  417. }