amber-normalize.css 9.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468
  1. /*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
  2. /* normalize.css co-opted for the amber browser */
  3. #amber {
  4. /* =============================================================================
  5. HTML5 display definitions
  6. ========================================================================== */
  7. /*
  8. * Corrects block display not defined in IE6/7/8/9 & FF3
  9. */
  10. /*
  11. * Corrects inline-block display not defined in IE6/7/8/9 & FF3
  12. */
  13. /*
  14. * Prevents modern browsers from displaying 'audio' without controls
  15. * Remove excess height in iOS5 devices
  16. */
  17. /*
  18. * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
  19. * Known issue: no IE6 support
  20. */
  21. /* =============================================================================
  22. Base
  23. ========================================================================== */
  24. /*
  25. * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
  26. * http://clagnut.com/blog/348/#c790
  27. * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
  28. * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
  29. */
  30. /*
  31. * Addresses font-family inconsistency between 'textarea' and other form elements.
  32. */
  33. /*
  34. * Addresses margins handled incorrectly in IE6/7
  35. */
  36. /* =============================================================================
  37. Links
  38. ========================================================================== */
  39. /*
  40. * Addresses outline displayed oddly in Chrome
  41. */
  42. /*
  43. * Improves readability when focused and also mouse hovered in all browsers
  44. * people.opera.com/patrickl/experiments/keyboard/test
  45. */
  46. /* =============================================================================
  47. Typography
  48. ========================================================================== */
  49. /*
  50. * Addresses font sizes and margins set differently in IE6/7
  51. * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
  52. */
  53. /*
  54. * Addresses styling not present in IE7/8/9, S5, Chrome
  55. */
  56. /*
  57. * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
  58. */
  59. /*
  60. * Addresses styling not present in S5, Chrome
  61. */
  62. /*
  63. * Addresses styling not present in IE6/7/8/9
  64. */
  65. /*
  66. * Addresses margins set differently in IE6/7
  67. */
  68. /*
  69. * Corrects font family set oddly in IE6, S4/5, Chrome
  70. * en.wikipedia.org/wiki/User:Davidgothberg/Test59
  71. */
  72. /*
  73. * Improves readability of pre-formatted text in all browsers
  74. */
  75. /*
  76. * 1. Addresses CSS quotes not supported in IE6/7
  77. * 2. Addresses quote property not supported in S4
  78. */
  79. /* 1 */
  80. /* 2 */
  81. /*
  82. * Prevents sub and sup affecting line-height in all browsers
  83. * gist.github.com/413930
  84. */
  85. /* =============================================================================
  86. Lists
  87. ========================================================================== */
  88. /*
  89. * Addresses margins set differently in IE6/7
  90. */
  91. /*
  92. * Addresses paddings set differently in IE6/7
  93. */
  94. /*
  95. * Corrects list images handled incorrectly in IE7
  96. */
  97. /* =============================================================================
  98. Embedded content
  99. ========================================================================== */
  100. /*
  101. * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
  102. * 2. Improves image quality when scaled in IE7
  103. * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
  104. */
  105. /*
  106. * Corrects overflow displayed oddly in IE9
  107. */
  108. /* =============================================================================
  109. Figures
  110. ========================================================================== */
  111. /*
  112. * Addresses margin not present in IE6/7/8/9, S5, O11
  113. */
  114. /* =============================================================================
  115. Forms
  116. ========================================================================== */
  117. /*
  118. * Corrects margin displayed oddly in IE6/7
  119. */
  120. /*
  121. * Define consistent border, margin, and padding
  122. */
  123. /*
  124. * 1. Corrects color not being inherited in IE6/7/8/9
  125. * 2. Corrects text not wrapping in FF3
  126. * 3. Corrects alignment displayed oddly in IE6/7
  127. */
  128. /*
  129. * 1. Corrects font size not being inherited in all browsers
  130. * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
  131. * 3. Improves appearance and consistency in all browsers
  132. */
  133. /*
  134. * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
  135. */
  136. /*
  137. * 1. Improves usability and consistency of cursor style between image-type 'input' and others
  138. * 2. Corrects inability to style clickable 'input' types in iOS
  139. * 3. Removes inner spacing in IE7 without affecting normal text inputs
  140. * Known issue: inner spacing remains in IE6
  141. */
  142. /*
  143. * Re-set default cursor for disabled elements
  144. */
  145. /*
  146. * 1. Addresses box sizing set to content-box in IE8/9
  147. * 2. Removes excess padding in IE8/9
  148. * 3. Removes excess padding in IE7
  149. Known issue: excess padding remains in IE6
  150. */
  151. /*
  152. * 1. Addresses appearance set to searchfield in S5, Chrome
  153. * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
  154. */
  155. /*
  156. * Removes inner padding and search cancel button in S5, Chrome on OS X
  157. */
  158. /*
  159. * Removes inner padding and border in FF3+
  160. * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
  161. */
  162. /*
  163. * 1. Removes default vertical scrollbar in IE6/7/8/9
  164. * 2. Improves readability and alignment in all browsers
  165. */
  166. /* =============================================================================
  167. Tables
  168. ========================================================================== */
  169. /*
  170. * Remove most spacing between table cells
  171. */
  172. }
  173. #amber article,
  174. #amber aside,
  175. #amber details,
  176. #amber figcaption,
  177. #amber figure,
  178. #amber footer,
  179. #amber header,
  180. #amber hgroup,
  181. #amber nav,
  182. #amber section,
  183. #amber summary {
  184. display: block;
  185. }
  186. #amber audio, #amber canvas, #amber video {
  187. display: inline-block;
  188. *display: inline;
  189. *zoom: 1;
  190. }
  191. #amber audio:not([controls]) {
  192. display: none;
  193. height: 0;
  194. }
  195. #amber [hidden] {
  196. display: none;
  197. }
  198. #amber button,
  199. #amber input,
  200. #amber select,
  201. #amber textarea {
  202. font-family: sans-serif;
  203. }
  204. #amber a:focus {
  205. outline: thin dotted;
  206. }
  207. #amber a:hover, #amber a:active {
  208. outline: 0;
  209. }
  210. #amber h1 {
  211. font-size: 2em;
  212. margin: 0.67em 0;
  213. }
  214. #amber h2 {
  215. font-size: 1.5em;
  216. margin: 0.83em 0;
  217. }
  218. #amber h3 {
  219. font-size: 1.17em;
  220. margin: 1em 0;
  221. }
  222. #amber h4 {
  223. font-size: 1em;
  224. margin: 1.33em 0;
  225. }
  226. #amber h5 {
  227. font-size: 0.83em;
  228. margin: 1.67em 0;
  229. }
  230. #amber h6 {
  231. font-size: 0.75em;
  232. margin: 2.33em 0;
  233. }
  234. #amber abbr[title] {
  235. border-bottom: 1px dotted;
  236. }
  237. #amber b, #amber strong {
  238. font-weight: bold;
  239. }
  240. #amber blockquote {
  241. margin: 1em 40px;
  242. }
  243. #amber dfn {
  244. font-style: italic;
  245. }
  246. #amber mark {
  247. background: #ff0;
  248. color: #000;
  249. }
  250. #amber p, #amber pre {
  251. margin: 1em 0;
  252. }
  253. #amber pre,
  254. #amber code,
  255. #amber kbd,
  256. #amber samp {
  257. font-family: monospace, serif;
  258. _font-family: 'courier new', monospace;
  259. font-size: 1em;
  260. }
  261. #amber pre {
  262. white-space: pre;
  263. white-space: pre-wrap;
  264. word-wrap: break-word;
  265. }
  266. #amber q {
  267. quotes: none;
  268. }
  269. #amber q:before, #amber q:after {
  270. content: '';
  271. content: none;
  272. }
  273. #amber small {
  274. font-size: 75%;
  275. }
  276. #amber sub, #amber sup {
  277. font-size: 75%;
  278. line-height: 0;
  279. position: relative;
  280. vertical-align: baseline;
  281. }
  282. #amber sup {
  283. top: -0.5em;
  284. }
  285. #amber sub {
  286. bottom: -0.25em;
  287. }
  288. #amber dl,
  289. #amber menu,
  290. #amber ol,
  291. #amber ul {
  292. margin: 1em 0;
  293. }
  294. #amber dd {
  295. margin: 0 0 0 40px;
  296. }
  297. #amber menu, #amber ol, #amber ul {
  298. padding: 0 0 0 40px;
  299. }
  300. #amber nav ul, #amber nav ol {
  301. list-style: none;
  302. list-style-image: none;
  303. }
  304. #amber img {
  305. border: 0;
  306. /* 1 */
  307. -ms-interpolation-mode: bicubic;
  308. /* 2 */
  309. }
  310. #amber svg:not(:root) {
  311. overflow: hidden;
  312. }
  313. #amber figure {
  314. margin: 0;
  315. }
  316. #amber form {
  317. margin: 0;
  318. }
  319. #amber fieldset {
  320. border: 1px solid #c0c0c0;
  321. margin: 0 2px;
  322. padding: 0.35em 0.625em 0.75em;
  323. }
  324. #amber legend {
  325. border: 0;
  326. /* 1 */
  327. padding: 0;
  328. white-space: normal;
  329. /* 2 */
  330. *margin-left: -7px;
  331. /* 3 */
  332. }
  333. #amber button,
  334. #amber input,
  335. #amber select,
  336. #amber textarea {
  337. font-size: 100%;
  338. /* 1 */
  339. margin: 0;
  340. /* 2 */
  341. vertical-align: baseline;
  342. /* 3 */
  343. *vertical-align: middle;
  344. /* 3 */
  345. }
  346. #amber button, #amber input {
  347. line-height: normal;
  348. /* 1 */
  349. }
  350. #amber button,
  351. #amber input[type="button"],
  352. #amber input[type="reset"],
  353. #amber input[type="submit"] {
  354. cursor: pointer;
  355. /* 1 */
  356. -webkit-appearance: button;
  357. /* 2 */
  358. *overflow: visible;
  359. /* 3 */
  360. }
  361. #amber button[disabled], #amber input[disabled] {
  362. cursor: default;
  363. }
  364. #amber input[type="checkbox"], #amber input[type="radio"] {
  365. box-sizing: border-box;
  366. /* 1 */
  367. padding: 0;
  368. /* 2 */
  369. *height: 13px;
  370. /* 3 */
  371. *width: 13px;
  372. /* 3 */
  373. }
  374. #amber input[type="search"] {
  375. -webkit-appearance: textfield;
  376. /* 1 */
  377. -moz-box-sizing: content-box;
  378. -webkit-box-sizing: content-box;
  379. /* 2 */
  380. box-sizing: content-box;
  381. }
  382. #amber input[type="search"]::-webkit-search-decoration, #amber input[type="search"]::-webkit-search-cancel-button {
  383. -webkit-appearance: none;
  384. }
  385. #amber button::-moz-focus-inner, #amber input::-moz-focus-inner {
  386. border: 0;
  387. padding: 0;
  388. }
  389. #amber textarea {
  390. overflow: auto;
  391. /* 1 */
  392. vertical-align: top;
  393. /* 2 */
  394. }
  395. #amber table {
  396. border-collapse: collapse;
  397. border-spacing: 0;
  398. }