root / drupal7 / sites / all / themes / corolla / css / html-elements.css @ 74f6bef0
1 |
/* HTML Elements */
|
---|---|
2 |
html {
|
3 |
font-size: 100%; |
4 |
word-wrap: break-word; |
5 |
-webkit-text-size-adjust: 100%; |
6 |
line-height: 1.5; |
7 |
height: 100%; |
8 |
overflow-y: scroll; |
9 |
} |
10 |
body {
|
11 |
font-family: Verdana, Geneva, "DejaVu Sans", sans-serif; |
12 |
min-height: 100%; |
13 |
margin: 0; |
14 |
padding: 0; |
15 |
-webkit-font-smoothing: antialiased; |
16 |
font-smoothing: antialiased; |
17 |
text-rendering: optimizeLegibility\9; /* Only IE, can mess with Android */ |
18 |
} |
19 |
h1,
|
20 |
h2,
|
21 |
h3,
|
22 |
h4,
|
23 |
h5,
|
24 |
h6 {
|
25 |
margin: 0; |
26 |
padding: 0; |
27 |
} |
28 |
/* Sizes match proper font scaling. */
|
29 |
h1 {
|
30 |
font-size: 1.5em; |
31 |
} |
32 |
h2 {
|
33 |
font-size: 1.9em; |
34 |
font-weight: 700; |
35 |
line-height: 1.3; |
36 |
margin: 7px 0; |
37 |
} |
38 |
h3 {
|
39 |
font-size: 1.2em; |
40 |
} |
41 |
h4 {
|
42 |
font-size: 1.1em; |
43 |
} |
44 |
h5,
|
45 |
h6 {
|
46 |
font-size: 1em; |
47 |
} |
48 |
a img { |
49 |
border:none; |
50 |
} |
51 |
p {
|
52 |
margin: 0 0 1.5em; |
53 |
padding: 0; |
54 |
} |
55 |
em,
|
56 |
dfn {
|
57 |
font-style: italic; |
58 |
} |
59 |
ins {
|
60 |
border-bottom: none; |
61 |
text-decoration: none; |
62 |
} |
63 |
pre,
|
64 |
code,
|
65 |
tt,
|
66 |
samp,
|
67 |
kbd,
|
68 |
var {
|
69 |
font-size: 1em; |
70 |
font-family: Consolas, "Lucida Console", Menlo, Monaco, "DejaVu Sans Mono", monospace, sans-serif; /* Safari hack */ |
71 |
} |
72 |
blockquote,
|
73 |
q {
|
74 |
font-style:italic; |
75 |
quotes:"" ""; |
76 |
} |
77 |
blockquote {
|
78 |
margin: 0 0 1.5em; |
79 |
padding: 0 0 0 3em; |
80 |
} |
81 |
blockquote:before, |
82 |
blockquote:after, |
83 |
q:before, |
84 |
q:after { |
85 |
content:""; |
86 |
} |
87 |
blockquote p { |
88 |
margin: 0; |
89 |
} |
90 |
strong,
|
91 |
dfn,
|
92 |
caption,
|
93 |
th {
|
94 |
font-weight: 700; |
95 |
} |
96 |
ul,
|
97 |
ol {
|
98 |
margin: 0 0 1.5em 40px; |
99 |
padding:0; |
100 |
} |
101 |
.item-list ul, |
102 |
.item-list ol { |
103 |
margin: 0 0 0 12px; |
104 |
padding: 0; |
105 |
} |
106 |
ul ul, |
107 |
ul ol, |
108 |
ol ol, |
109 |
ol ul, |
110 |
.block ul ul, |
111 |
.block ul ol, |
112 |
.block ol ol, |
113 |
.block ol ul, |
114 |
.item-list ul ul, |
115 |
.item-list ul ol, |
116 |
.item-list ol ol, |
117 |
.item-list ol ul { |
118 |
margin-bottom: 0; |
119 |
} |
120 |
ul {
|
121 |
list-style-type: disc; |
122 |
} |
123 |
ul ul ul { |
124 |
list-style-type: square; |
125 |
} |
126 |
ol {
|
127 |
list-style-type: decimal; |
128 |
} |
129 |
ol ol { |
130 |
list-style-type: lower-alpha; |
131 |
} |
132 |
ol ol ol { |
133 |
list-style-type: lower-roman; |
134 |
} |
135 |
ul ul, |
136 |
ul ul ul ul { |
137 |
list-style-type: circle; |
138 |
} |
139 |
dt {
|
140 |
font-weight: 700; |
141 |
} |
142 |
dd {
|
143 |
margin: 0 0 1.5em 40px; |
144 |
} |
145 |
|
146 |
/* Reset HTML5 elements */
|
147 |
article,
|
148 |
aside,
|
149 |
details,
|
150 |
figcaption,
|
151 |
figure,
|
152 |
footer,
|
153 |
header,
|
154 |
hgroup,
|
155 |
menu,
|
156 |
nav,
|
157 |
section {
|
158 |
display: block; |
159 |
} |
160 |
|
161 |
/**
|
162 |
* Flexible Media and Cross browser improvements
|
163 |
* - This can cause issues in table cells where no width is set on the column,
|
164 |
* only in some versions of webkit and IE 7/8.
|
165 |
* - declaring the width attribute on image elements and using max-width causes
|
166 |
* the "dissappering images" bug in IE8.
|
167 |
* - Google maps break also, see below for fixes.
|
168 |
*/
|
169 |
img {
|
170 |
max-width: 100%; |
171 |
height: auto; |
172 |
-ms-interpolation-mode: bicubic; |
173 |
} |
174 |
|
175 |
/* /ht Ethan Marcotte - http://front.ie/l8rJaA */
|
176 |
embed,
|
177 |
object,
|
178 |
video {
|
179 |
max-width: 100%; |
180 |
} |
181 |
|
182 |
/* Disable flexiblity for IE8 and below */
|
183 |
.lt-ie9 img, |
184 |
.lt-ie9 object, |
185 |
.lt-ie9 embed, |
186 |
.lt-ie9 video { |
187 |
max-width: none !important; |
188 |
} |
189 |
|
190 |
/* Override max-width 100% for map displays and widgets */
|
191 |
#map img, |
192 |
.gmap img, |
193 |
.view-gmap img, |
194 |
.openlayers-map img, |
195 |
#getlocations_map_canvas img, |
196 |
#locationmap_map img, |
197 |
.geofieldMap img, |
198 |
.views_horizontal_slider img, |
199 |
.field-widget-imagefield-crop-widget img { |
200 |
max-width: none !important; |
201 |
} |
202 |
|
203 |
svg:not(:root) { |
204 |
overflow: hidden; |
205 |
} |
206 |
|
207 |
audio,
|
208 |
canvas,
|
209 |
video {
|
210 |
display: inline-block; |
211 |
*display: inline; |
212 |
*zoom: 1; |
213 |
} |
214 |
|
215 |
audio:not([controls]) { |
216 |
display: none; |
217 |
} |
218 |
|
219 |
[hidden] {
|
220 |
display: none; |
221 |
} |