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.

enigma.css 3.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
  1. /*** Style for Enigma plugin ***/
  2. /***** Messages displaying *****/
  3. #enigma-message,
  4. /* fixes border-top */
  5. #messagebody div #enigma-message
  6. {
  7. margin: 0;
  8. margin-bottom: 5px;
  9. min-height: 20px;
  10. padding: 10px 10px 6px 46px;
  11. }
  12. div.enigmaerror,
  13. /* fixes border-top */
  14. #messagebody div.enigmaerror
  15. {
  16. background: url(enigma_error.png) 6px 1px no-repeat;
  17. background-color: #EF9398;
  18. border: 1px solid #DC5757;
  19. }
  20. div.enigmanotice,
  21. /* fixes border-top */
  22. #messagebody div.enigmanotice
  23. {
  24. background: url(enigma.png) 6px 1px no-repeat;
  25. background-color: #A6EF7B;
  26. border: 1px solid #76C83F;
  27. }
  28. div.enigmawarning,
  29. /* fixes border-top */
  30. #messagebody div.enigmawarning
  31. {
  32. background: url(enigma.png) 6px 1px no-repeat;
  33. background-color: #F7FDCB;
  34. border: 1px solid #C2D071;
  35. }
  36. #enigma-message a
  37. {
  38. color: #666666;
  39. padding-left: 10px;
  40. }
  41. #enigma-message a:hover
  42. {
  43. color: #333333;
  44. }
  45. p.enigmaattachment
  46. {
  47. margin: 0.5em 1em;
  48. border: 1px solid #999;
  49. border-radius: 4px;
  50. width: auto;
  51. }
  52. p.enigmaattachment a
  53. {
  54. display: block;
  55. background: url(key_add.png) 10px center no-repeat;
  56. padding: 1em 0.5em 1em 50px;
  57. }
  58. /***** E-mail Compose Page *****/
  59. #messagetoolbar a.button.enigma {
  60. text-indent: -5000px;
  61. background: url(enigma.png) 0 0 no-repeat;
  62. }
  63. /***** Keys/Certs Management *****/
  64. #mainscreen.enigma
  65. {
  66. top: 80px;
  67. }
  68. div.enigmascreen
  69. {
  70. position: absolute;
  71. top: 40px;
  72. right: 0;
  73. bottom: 0;
  74. left: 0;
  75. }
  76. .enigma #quicksearchbar
  77. {
  78. top: 10px;
  79. right: 0;
  80. }
  81. #enigmacontent-box
  82. {
  83. position: absolute;
  84. top: 0px;
  85. left: 290px;
  86. right: 0px;
  87. bottom: 0px;
  88. border: 1px solid #999999;
  89. overflow: hidden;
  90. }
  91. #enigmakeyslist
  92. {
  93. position: absolute;
  94. top: 0;
  95. bottom: 0;
  96. left: 0;
  97. border: 1px solid #999999;
  98. background-color: #F9F9F9;
  99. overflow: hidden;
  100. }
  101. #keylistcountbar
  102. {
  103. margin-top: 4px;
  104. margin-left: 4px;
  105. }
  106. #keys-table
  107. {
  108. width: 100%;
  109. table-layout: fixed;
  110. }
  111. #keys-table td
  112. {
  113. cursor: default;
  114. text-overflow: ellipsis;
  115. -o-text-overflow: ellipsis;
  116. }
  117. #key-details table td.title
  118. {
  119. font-weight: bold;
  120. text-align: right;
  121. }
  122. #key-details table {
  123. width: 100%;
  124. }
  125. #key-details table td,
  126. #key-details table th {
  127. border: 0;
  128. }
  129. #keystoolbar
  130. {
  131. position: absolute;
  132. top: 0;
  133. left: 10px;
  134. height: 35px;
  135. }
  136. #keystoolbar a
  137. {
  138. padding-right: 10px;
  139. }
  140. #keystoolbar a.button,
  141. #keystoolbar a.buttonPas,
  142. #keystoolbar span.separator {
  143. display: block;
  144. float: left;
  145. width: 32px;
  146. height: 32px;
  147. padding: 0;
  148. margin: 0 5px;
  149. overflow: hidden;
  150. background: url(keys_toolbar.png) 0 0 no-repeat transparent;
  151. opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
  152. }
  153. #keystoolbar a.buttonPas {
  154. opacity: 0.35;
  155. }
  156. #keystoolbar a.createSel {
  157. background-position: 0 -32px;
  158. }
  159. #keystoolbar a.create {
  160. background-position: 0 0;
  161. }
  162. #keystoolbar a.importSel {
  163. background-position: -64px -32px;
  164. }
  165. #keystoolbar a.import {
  166. background-position: -64px 0;
  167. }
  168. #keystoolbar a.exportSel {
  169. background-position: -96px -32px;
  170. }
  171. #keystoolbar a.export {
  172. background-position: -96px 0;
  173. }
  174. #keystoolbar a.keymenu {
  175. background-position: -128px 0;
  176. width: 36px;
  177. }
  178. #keystoolbar span.separator {
  179. width: 5px;
  180. background-position: -166px 0;
  181. }