/public/stylesheets/compiled/screen.css

https://github.com/opentransact/nubux · CSS · 227 lines · 153 code · 72 blank · 2 comment · 0 complexity · 3d947e2415fbd7c65d2ef1d6a428ce5a MD5 · raw file 

    

  1. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
    2. 

  2. 

  3. *:focus { outline: 0; }
    4. 

  4. 

  5. body { line-height: 1em; color: black; background: #fff; }
    6. 

  6. 

  7. ol, ul { list-style: none; }
    8. 

  8. 

  9. /* tables still need 'cellspacing="0"' in the markup */
    10. 

  10. table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }
    11. 

  11. 

  12. caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
    13. 

  13. 

  14. q, blockquote { quotes: "" ""; }
    15. 

  15. q:before, q:after, blockquote:before, blockquote:after { content: ""; }
    16. 

  16. 

  17. img a { border: none; }
    18. 

  18. 

  19. @import url(compass/typography.css);
    20. 

  20. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
    21. 

  21. 

  22. *:focus { outline: 0; }
    23. 

  23. 

  24. body { line-height: 1em; color: black; background: #fff; }
    25. 

  25. 

  26. ol, ul { list-style: none; }
    27. 

  27. 

  28. /* tables still need 'cellspacing="0"' in the markup */
    29. 

  29. table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }
    30. 

  30. 

  31. caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
    32. 

  32. 

  33. q, blockquote { quotes: "" ""; }
    34. 

  34. q:before, q:after, blockquote:before, blockquote:after { content: ""; }
    35. 

  35. 

  36. img a { border: none; }
    37. 

  37. 

  38. h1, h2, h3, h4, h5, h6 { font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-weight: normal; color: #222222; }
    39. 

  39. 

  40. p { font-family: Georgia, serif; }
    41. 

  41. 

  42. a { text-decoration: underline; color: #000099; }
    43. 

  43. a:visited { color: #000066; }
    44. 

  44. a:focus { color: black; }
    45. 

  45. a:hover { color: black; }
    46. 

  46. a:active { color: #cc0099; }
    47. 

  47. 

  48. blockquote { margin: = !document_base_line; color: #666; font-style: italic; }
    49. 

  49. 

  50. strong { font-weight: bold; }
    51. 

  51. 

  52. em { font-style: italic; }
    53. 

  53. 

  54. dfn { font-style: italic; font-weight: bold; }
    55. 

  55. 

  56. sup, sub { line-height: 0; }
    57. 

  57. 

  58. acronym { border-bottom: 1px dotted #666; }
    59. 

  59. 

  60. address { margin: 0 0 1.66em; font-style: italic; }
    61. 

  61. 

  62. del { color: #666; }
    63. 

  63. 

  64. pre { margin: 1.66em 0; white-space: pre; }
    65. 

  65. 

  66. pre, code, tt, source { font-family: 'consolas', 'monaco', 'bitstream vera sans mono', 'lucida console', 'andale mono', 'lucida console', monospace; }
    67. 

  67. 

  68. li ul, li ol { margin: 0 1.66em; }
    69. 

  69. 

  70. ul { margin: 0 1.66em 1.66em 1.66em; list-style-type: disc; font-family: Georgia, serif; }
    71. 

  71. 

  72. ol { margin: 0 1.66em 1.66em 1.66em; list-style-type: decimal; }
    73. 

  73. 

  74. dl { margin: 0 0 1.66em 0; }
    75. 

  75. dl dt { font-weight: bold; }
    76. 

  76. 

  77. dd { margin-left: 1.66em; }
    78. 

  78. 

  79. table { margin-bottom: 1.66em; width: 100%; }
    80. 

  80. 

  81. th { font-weight: bold; }
    82. 

  82. 

  83. thead th { background: #c3d9ff; }
    84. 

  84. 

  85. th, td, caption { padding: 4px 10px 4px 5px; }
    86. 

  86. 

  87. tr.even td { background: #e5ecf9; }
    88. 

  88. 

  89. tfoot { font-style: italic; }
    90. 

  90. 

  91. caption { background: #eee; }
    92. 

  92. 

  93. button[type=submit] { zoom: 1; display: inline; display: -moz-inline-box; display: inline-block; vertical-align: top; margin: 0.7em 0.5em 0.7em 0; border-width: 1px; border-style: solid; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 100%; line-height: 130%; text-decoration: none; font-weight: bold; cursor: pointer; background-color: #f5f5f5; border-color: #eeeeee #dedede #dedede #eeeeee; color: #565656; width: auto; overflow: visible; padding: 4px 10px 3px 7px; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
    94. 

  94. button[type=submit] img { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; float: none; }
    95. 

  95. button[type=submit]:active { background-color: #6299c5; border-color: #72a9d5 #6299c5 #6299c5 #72a9d5; color: white; }
    96. 

  96. button[type=submit]:hover { background-color: #dff4ff; border-color: #d2f1ff #c2e1ef #c2e1ef #d2f1ff; color: #336699; }
    97. 

  97. button[type=submit].positive { background-color: #ddffdd; border-color: #dcfedc #cceecc #cceecc #dcfedc; color: #006600; }
    98. 

  98. button[type=submit].positive:active { background-color: #66ff66; border-color: #54fe54 #44ee44 #44ee44 #54fe54; color: white; }
    99. 

  99. button[type=submit].positive:hover { background-color: #bbffbb; border-color: #bafeba #aaeeaa #aaeeaa #bafeba; color: #006600; }
    100. 

  100. button[type=submit].negative { background-color: #ffdddd; border-color: #fedcdc #eecccc #eecccc #fedcdc; color: #660000; }
    101. 

  101. button[type=submit].negative:active { background-color: #ff6666; border-color: #fe5454 #ee4444 #ee4444 #fe5454; color: white; }
    102. 

  102. button[type=submit].negative:hover { background-color: #ffbbbb; border-color: #febaba #eeaaaa #eeaaaa #febaba; color: #660000; }
    103. 

  103. button[type=submit][type] { padding: 4px 10px 4px 7px; line-height: 17px; }
    104. 

  104. *:first-child+html button[type=submit][type] { padding: 4px 10px 3px 7px; }
    105. 

  105. 

  106. a.button { zoom: 1; display: inline; display: -moz-inline-box; display: inline-block; vertical-align: top; margin: 0.7em 0.5em 0.7em 0; border-width: 1px; border-style: solid; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 100%; line-height: 130%; text-decoration: none; font-weight: bold; cursor: pointer; background-color: #f5f5f5; border-color: #eeeeee #dedede #dedede #eeeeee; color: #565656; padding: 5px 10px 5px 7px; }
    107. 

  107. a.button img { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; float: none; }
    108. 

  108. a.button.positive { background-color: #ddffdd; border-color: #dcfedc #cceecc #cceecc #dcfedc; color: #006600; }
    109. 

  109. a.button.positive:active { background-color: #66ff66; border-color: #54fe54 #44ee44 #44ee44 #54fe54; color: white; }
    110. 

  110. a.button.positive:hover { background-color: #bbffbb; border-color: #bafeba #aaeeaa #aaeeaa #bafeba; color: #006600; }
    111. 

  111. a.button.negative { background-color: #ffdddd; border-color: #fedcdc #eecccc #eecccc #fedcdc; color: #660000; }
    112. 

  112. a.button.negative:active { background-color: #ff6666; border-color: #fe5454 #ee4444 #ee4444 #fe5454; color: white; }
    113. 

  113. a.button.negative:hover { background-color: #ffbbbb; border-color: #febaba #eeaaaa #eeaaaa #febaba; color: #660000; }
    114. 

  114. a.button:active { background-color: #6299c5; border-color: #72a9d5 #6299c5 #6299c5 #72a9d5; color: white; }
    115. 

  115. a.button:hover { background-color: #dff4ff; border-color: #d2f1ff #c2e1ef #c2e1ef #d2f1ff; color: #336699; }
    116. 

  116. 

  117. body { font-size: !baseline_size; line-height: 1.66em; margin: 0; padding: 0; }
    118. 

  118. 

  119. h1 { margin: 0; font-size: 3.32em; line-height: 1em; margin-bottom: 0.5em; }
    120. 

  120. 

  121. h2 { margin: 0; font-size: 1.66em; line-height: 1em; margin-bottom: 1em; }
    122. 

  122. 

  123. h3 { margin: 0; font-size: 1.5em; line-height: 1.107em; margin-bottom: 1.107em; }
    124. 

  124. 

  125. h4 { margin: 0; font-size: 1.25em; line-height: 1.328em; margin-bottom: 1.328em; }
    126. 

  126. 

  127. h5 { margin: 0; font-size: 1.125em; line-height: 1.476em; margin-bottom: 1.476em; }
    128. 

  128. 

  129. p, blockquote, pre, td, th, ul, ol { margin: 0; font-size: 1em; line-height: 1.66em; margin-bottom: 1.66em; }
    130. 

  130. 

  131. ul, ol { margin-left: 1.5em; }
    132. 

  132. 

  133. table { border-collapse: collapse; margin-bottom: !document_base_line; }
    134. 

  134. 

  135. body { font-family: Georgia, serif; color: #333333; background-color: #eeeeee; color: #222; }
    136. 

  136. 

  137. #container { width: 950px; margin: 0 auto; overflow: hidden; display: inline-block; margin: 1em auto 1em auto; }
    138. 

  138. #container { display: block; }
    139. 

  139. 

  140. body.welcome h1 { margin: 0; font-size: 3em; line-height: 1em; margin-bottom: 0.553em; font-weight: bold; color: #444; }
    141. 

  141. 

  142. button.link { font-family: Georgia, serif; color: #333333; display: inline; font-size: 1em; text-align: left; color: blue; background: none; margin: 0; padding: 0; border: none; cursor: pointer; -moz-user-select: text; }
    143. 

  143. 

  144. #header { display: inline; float: left; margin-right: 10px; width: 950px; margin-bottom: 1em; }
    145. 

  145. * html #header { overflow-x: hidden; }
    146. 

  146. #header .top_bar { margin-top: 1em; padding: 0.5em; float: right; }
    147. 

  147. #header #balance { float: right; margin-right: 0.5em; }
    148. 

  148. #header ul.top_bar { margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; background-color: white; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; padding: 0.25em 0.5em; color: #666; }
    149. 

  149. #header ul.top_bar { display: block; }
    150. 

  150. #header ul.top_bar li { list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; }
    151. 

  151. #header ul.top_bar li.first { padding-left: 0px; }
    152. 

  152. #header ul.top_bar li.last { padding-right: 0px; }
    153. 

  153. #header ul.top_bar li { border-left: 1px solid white; }
    154. 

  154. #header ul.top_bar li a, #header ul.top_bar li button.link { color: #222; margin: 0; padding: 0.2em 0.5em; font-weight: bold; font-size: 1em; }
    155. 

  155. #header ul.top_bar li a:hover, #header ul.top_bar li button.link:hover { text-decoration: underline; }
    156. 

  156. #header ul.top_bar li form { display: inline; padding: 0; margin: 0; }
    157. 

  157. #header ul.top_bar li form button.link { padding-top: 0; }
    158. 

  158. #header ul.top_bar li form button.link:hover { text-decoration: underline; }
    159. 

  159. #header ul.top_bar li .amount { padding: 0.2em 0.5em; border-radius: 0.2em; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; background: #444; color: #CC0; }
    160. 

  160. #header ul.top_bar li a.amount { color: yellow; font-weight: normal; }
    161. 

  161. #header ul.top_bar li.first { border-left: none; }
    162. 

  162. 

  163. #content { display: inline; float: left; margin-right: 10px; width: 950px; }
    164. 

  164. * html #content { overflow-x: hidden; }
    165. 

  165. #content .body { background-color: white; border-radius: 0.2em; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; padding: 1em; }
    166. 

  166. #content .body .flash { border-radius: 0.2em; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; background: #AFA; padding: 0.5em; margin-bottom: 0.5em; }
    167. 

  167. #content .body .flash.error { background: #FAA; }
    168. 

  168. #content form input { font-size: 1.2em; }
    169. 

  169. #content form button { border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; padding: 0.2em 0.5em; font-weight: bold; font-size: 1.2em; background: #AFA; color: #040; border: 3px solid #6A6; }
    170. 

  170. #content form button:hover { background: #8D8; }
    171. 

  171. #content form a.cancel { font-size: 1.2em; }
    172. 

  172. #content form .memo_confirmation { border: 1px solid #aaa; padding: 0.5em; font-size: 1.2em; color: #006; margin: 0.5em 0; }
    173. 

  173. #content form .formError { color: red; display: inline; }
    174. 

  174. 

  175. #footer { display: inline; float: left; margin-right: 10px; width: 950px; margin-top: 2em; font-size: %80; }
    176. 

  176. * html #footer { overflow-x: hidden; }
    177. 

  177. #footer ul { margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; }
    178. 

  178. #footer ul { display: block; }
    179. 

  179. #footer ul li { list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; }
    180. 

  180. #footer ul li.first { padding-left: 0px; }
    181. 

  181. #footer ul li.last { padding-right: 0px; }
    182. 

  182. #footer ul li { border-left: 1px solid white; padding: 0 1em; }
    183. 

  183. #footer ul li a { color: #222; }
    184. 

  184. #footer ul li.first { border-left: none; }
    185. 

  185. 

  186. #header a, #footer a { text-decoration: none; }
    187. 

  187. #header a:hover, #footer a:hover { text-decoration: underline; }
    188. 

  188. 

  189. #logo { border-radius: 0.2em; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; padding: 0.2em 0.5em; display: inline-block; background: #222; font-weight: bold; font-size: 1.4em; }
    190. 

  190. #logo a * { display: inline; padding: 0; margin: 0; }
    191. 

  191. #logo a .bling { color: #EE2; }
    192. 

  192. #logo a .blang { color: #DD4; }
    193. 

  193. #logo a .blong { color: #BB2; }
    194. 

  194. #logo a .not_equal { font-weight: normal; color: #CCC; }
    195. 

  195. 

  196. strong { font-weight: bold; }
    197. 

  197. 

  198. code { font-family: 'monaco', 'bitstream vera sans mono', 'lucida console', 'andale mono', 'lucida console', monospace; }
    199. 

  199. 

  200. fieldset { margin-bottom: 0.5em; }
    201. 

  201. fieldset legend { padding: 0.2em 1em; background: #ccc; font-size: 80%; font-weight: normal; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
    202. 

  202. fieldset p { margin: 0; }
    203. 

  203. 

  204. fieldset.not_required { background: #eee; }
    205. 

  205. fieldset.not_required legend { background: #eee; }
    206. 

  206. 

  207. label { display: block; font-size: 0.8em; color: #555; font-weight: normal; }
    208. 

  208. 

  209. .label { display: block; font-size: 0.8em; color: #555; font-weight: normal; }
    210. 

  210. 

  211. .vertical label { display: inline; }
    212. 

  212. 

  213. textarea { padding: 2px; }
    214. 

  214. 

  215. input { font-family: Georgia, serif; color: #333333; }
    216. 

  216. 

  217. table td, table th { padding: 0 1em 0.5em 0; }
    218. 

  218. table th { border-bottom: 1px solid #666; }
    219. 

  219. table button { font-size: 12px; padding: 2px 4px; }
    220. 

  220. 

  221. table.widel-ledger a { text-decoration: none; color: #666; }
    222. 

  222. table.widel-ledger a:hover { text-decoration: underline; }
    223. 

  223. table.widel-ledger tr td.widel-amount, table.widel-ledger tr td.balance { text-align: right; }
    224. 

  224. table.widel-ledger tr.summary { font-weight: bold; border-top: 1px solid #666; }
    225. 

  225. 

  226. .signup_banner { border-radius: 0.2em; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; padding: 0.2em 0.5em; font-size: 1.2em; background: #afa; color: #040; }
    227. 

  227. .signup_banner a { font-weight: bold; color: #040; }
    228.