]>
Commit | Line | Data |
---|---|---|
59c06b17 CS |
1 | // |
2 | // Modals | |
3 | // Adapted from http://github.com/necolas/normalize.css | |
4 | // -------------------------------------------------- | |
5 | ||
6 | ||
7 | // Display in IE6-9 and FF3 | |
8 | // ------------------------- | |
9 | ||
10 | article, | |
11 | aside, | |
12 | details, | |
13 | figcaption, | |
14 | figure, | |
15 | footer, | |
16 | header, | |
17 | hgroup, | |
18 | nav, | |
19 | section { | |
20 | display: block; | |
21 | } | |
22 | ||
23 | // Display block in IE6-9 and FF3 | |
24 | // ------------------------- | |
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 | // ------------------------- | |
36 | ||
37 | audio:not([controls]) { | |
38 | display: none; | |
39 | } | |
40 | ||
41 | // Base settings | |
42 | // ------------------------- | |
43 | ||
44 | html { | |
45 | font-size: 100%; | |
46 | -webkit-text-size-adjust: 100%; | |
47 | -ms-text-size-adjust: 100%; | |
48 | } | |
49 | // Focus states | |
50 | a:focus { | |
51 | .tab-focus(); | |
52 | } | |
53 | // Hover & Active | |
54 | a:hover, | |
55 | a:active { | |
56 | outline: 0; | |
57 | } | |
58 | ||
59 | // Prevents sub and sup affecting line-height in all browsers | |
60 | // ------------------------- | |
61 | ||
62 | sub, | |
63 | sup { | |
64 | position: relative; | |
65 | font-size: 75%; | |
66 | line-height: 0; | |
67 | vertical-align: baseline; | |
68 | } | |
69 | sup { | |
70 | top: -0.5em; | |
71 | } | |
72 | sub { | |
73 | bottom: -0.25em; | |
74 | } | |
75 | ||
76 | // Img border in a's and image quality | |
77 | // ------------------------- | |
78 | ||
79 | img { | |
80 | /* Responsive images (ensure images don't scale beyond their parents) */ | |
81 | max-width: 100%; /* Part 1: Set a maxium relative to the parent */ | |
82 | width: auto\9; /* IE7-8 need help adjusting responsive images */ | |
83 | height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */ | |
84 | ||
85 | vertical-align: middle; | |
86 | border: 0; | |
87 | -ms-interpolation-mode: bicubic; | |
88 | } | |
89 | ||
90 | // Prevent max-width from affecting Google Maps | |
91 | #map_canvas img { | |
92 | max-width: none; | |
93 | } | |
94 | ||
95 | // Forms | |
96 | // ------------------------- | |
97 | ||
98 | // Font size in all browsers, margin changes, misc consistency | |
99 | button, | |
100 | input, | |
101 | select, | |
102 | textarea { | |
103 | margin: 0; | |
104 | font-size: 100%; | |
105 | vertical-align: middle; | |
106 | } | |
107 | button, | |
108 | input { | |
109 | *overflow: visible; // Inner spacing ie IE6/7 | |
110 | line-height: normal; // FF3/4 have !important on line-height in UA stylesheet | |
111 | } | |
112 | button::-moz-focus-inner, | |
113 | input::-moz-focus-inner { // Inner padding and border oddities in FF3/4 | |
114 | padding: 0; | |
115 | border: 0; | |
116 | } | |
117 | button, | |
118 | input[type="button"], | |
119 | input[type="reset"], | |
120 | input[type="submit"] { | |
121 | cursor: pointer; // Cursors on all buttons applied consistently | |
122 | -webkit-appearance: button; // Style clickable inputs in iOS | |
123 | } | |
124 | input[type="search"] { // Appearance in Safari/Chrome | |
125 | -webkit-box-sizing: content-box; | |
126 | -moz-box-sizing: content-box; | |
127 | box-sizing: content-box; | |
128 | -webkit-appearance: textfield; | |
129 | } | |
130 | input[type="search"]::-webkit-search-decoration, | |
131 | input[type="search"]::-webkit-search-cancel-button { | |
132 | -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5 | |
133 | } | |
134 | textarea { | |
135 | overflow: auto; // Remove vertical scrollbar in IE6-9 | |
136 | vertical-align: top; // Readability and alignment cross-browser | |
137 | } |