/static/light_hatched_style/blue/base.css

https://bitbucket.org/cistrome/cistrome-harvard/ · CSS · 295 lines · 250 code · 42 blank · 3 comment · 0 complexity · 8fd005077cc08f7111e3808e96e24b52 MD5 · raw file

  1. body
  2. {
  3. font: 75% verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
  4. background: white;
  5. color: #303030;
  6. background-image: url(base_bg.png);
  7. background-repeat: repeat-x;
  8. background-position: top;
  9. margin: 10px;
  10. margin-right: 15px;
  11. margin-left: 15px;
  12. }
  13. a:link, a:visited, a:active
  14. {
  15. color: #303030;
  16. }
  17. h1, h2, h3, h4
  18. {
  19. color: #023858;
  20. /*text-shadow: #bbb 2px 2px 1px;*/
  21. }
  22. hr
  23. {
  24. border: none;
  25. border-bottom: dotted #303030 1px;
  26. }
  27. div.toolForm
  28. {
  29. margin-right: -5px;
  30. margin-left: -5px;
  31. }
  32. div.toolFormTitle
  33. {
  34. background: #ebd9b2;
  35. background-image: url(form_title_bg.png);
  36. background-repeat: repeat-x;
  37. background-position: top;
  38. border-top: solid #d8b365 1px;
  39. border-bottom: solid #d8b365 1px;
  40. font-weight: bold;
  41. padding: 5px;
  42. }
  43. div.toolParamHelp
  44. {
  45. font-style: italic;
  46. }
  47. div.toolFormBody
  48. {
  49. background: white;
  50. border-bottom: solid #d8b365 1px;
  51. padding: 5px;
  52. }
  53. div.toolFormBody div.toolFormTitle
  54. {
  55. background: transparent;
  56. border: none;
  57. font-weight: bold;
  58. border-bottom: solid #d8b365 1px;
  59. margin-bottom: 5px;
  60. }
  61. div.toolHelp
  62. {
  63. }
  64. div.toolHelpBody
  65. {
  66. width: 100%;
  67. overflow: auto;
  68. }
  69. /* Forms */
  70. div.form-row
  71. {
  72. margin-bottom: 1em;
  73. }
  74. div.form-title-row
  75. {
  76. margin-bottom: 0.5em;
  77. }
  78. div.repeat-group-item
  79. {
  80. border-left: solid #d8b365 5px;
  81. padding-left: 10px;
  82. }
  83. div.form-row-error
  84. {
  85. background: #FFCCCC;
  86. padding: 5px;
  87. }
  88. div.form-row label
  89. {
  90. font-weight: bold;
  91. display: block;
  92. margin-bottom: .2em;
  93. }
  94. select
  95. {
  96. max-width: 300px;
  97. }
  98. .errormessage, .warningmessage, .donemessage, .infomessage, .welcomemessage
  99. {
  100. padding: 10px;
  101. padding-left: 52px;
  102. min-height: 32px;
  103. border-top: 1px solid #AA6666;
  104. border-bottom: 1px solid #AA6666;
  105. background-color: #FFCCCC;
  106. background-image: url(error_message_icon.png);
  107. background-repeat: no-repeat;
  108. background-position: 10px 10px;
  109. }
  110. .warningmessage
  111. {
  112. background-image: url(warn_message_icon.png);
  113. border-color: #AAAA66;
  114. background-color: #FFFFCC;
  115. }
  116. .donemessage
  117. {
  118. background-image: url(done_message_icon.png);
  119. border-color: #66AA66;
  120. background-color: #CCFFCC;
  121. }
  122. .infomessage
  123. {
  124. background-image: url(info_message_icon.png);
  125. border-color: #6666AA;
  126. background-color: #CCCCFF;
  127. }
  128. .welcomemessage {
  129. padding-left: 10px;
  130. border-color: #6666AA;
  131. background-color: #CCCCFF;
  132. background-image: none;
  133. }
  134. .errormessagesmall, .warningmessagesmall, .donemessagesmall, .infomessagesmall
  135. {
  136. padding: 5px;
  137. padding-left: 25px;
  138. min-height: 25px;
  139. border-top: 1px solid #AA6666;
  140. border-bottom: 1px solid #AA6666;
  141. background-color: #FFCCCC;
  142. background-image: url(error_small.png);
  143. background-repeat: no-repeat;
  144. background-position: 5px 5px;
  145. }
  146. .warningmessagesmall
  147. {
  148. background-image: url(warn_small.png);
  149. border-color: #AAAA66;
  150. background-color: #FFFFCC;
  151. }
  152. .donemessagesmall
  153. {
  154. background-image: url(ok_small.png);
  155. border-color: #66AA66;
  156. background-color: #CCFFCC;
  157. }
  158. .infomessagesmall
  159. {
  160. background-image: url(info_small.png);
  161. border-color: #6666AA;
  162. background-color: #CCCCFF;
  163. }
  164. .errormark, .warningmark, .donemark, .infomark, .ok_bgr, .err_bgr
  165. {
  166. padding-left: 20px;
  167. min-height: 15px;
  168. background: url(error_small.png) no-repeat;
  169. }
  170. .warningmark
  171. {
  172. background-image: url(warn_small.png);
  173. }
  174. .donemark
  175. {
  176. background-image: url(ok_small.png);
  177. }
  178. .infomark, .ok_bgr
  179. {
  180. background-image: url(info_small.png);
  181. }
  182. table.colored
  183. {
  184. border-top: solid #d8b365 1px;
  185. border-bottom: solid #d8b365 1px;
  186. }
  187. table.colored td
  188. {
  189. padding: 5px;
  190. }
  191. table.colored tr.header
  192. {
  193. background: #ebd9b2;
  194. background-image: url(form_title_bg.png);
  195. background-repeat: repeat-x;
  196. background-position: top;
  197. border-bottom: solid #d8b365 1px;
  198. font-weight: bold;
  199. }
  200. table.colored tr
  201. {
  202. background: white;
  203. }
  204. div.debug
  205. {
  206. margin: 10px;
  207. padding: 5px;
  208. background: #FFFF99;
  209. border: solid #FFFF33 1px;
  210. color: black;
  211. }
  212. div.odd_row
  213. {
  214. background: #FFFF99;
  215. }
  216. #footer {
  217. position: fixed;
  218. background: #023858;
  219. width: 100%;
  220. left: 0px;
  221. bottom: 0px;
  222. color: white;
  223. z-index:10000;
  224. opacity:0.9;
  225. filter:alpha(opacity:90);
  226. }
  227. #footer a {
  228. color: white;
  229. }
  230. .footerheader
  231. {
  232. padding: 5px;
  233. text-align:center;
  234. background-image: url(footer_title_bg.png);
  235. background-position: bottom right;
  236. }
  237. .footermenu
  238. {
  239. /*border-top: solid white 1px; */
  240. }
  241. .footermenuitem
  242. {
  243. margin-top: 5px;
  244. margin-bottom: 5px;
  245. margin-right: 5px;
  246. margin-left: 25px;
  247. display: list-item;
  248. list-style: square outside;
  249. }
  250. .footermenumessage
  251. {
  252. margin: 5px;
  253. }