1
0

amber-normalize.less 10 KB

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