Mercurial > wikked

comparison static/bootstrap/less/reset.less @ 61:130eccd396d8

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Now using Boostrap with LESS.
author Ludovic Chabant <ludovic@chabant.com>
date Wed, 06 Feb 2013 08:22:31 -0800
parents
children
comparison
equal deleted inserted replaced
60:8250c977bc50 61:130eccd396d8
1 //
2 // Reset CSS
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 .google-maps img {
93 max-width: none;
94 }
95
96 // Forms
97 // -------------------------
98
99 // Font size in all browsers, margin changes, misc consistency
100 button,
101 input,
102 select,
103 textarea {
104 margin: 0;
105 font-size: 100%;
106 vertical-align: middle;
107 }
108 button,
109 input {
110 *overflow: visible; // Inner spacing ie IE6/7
111 line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
112 }
113 button::-moz-focus-inner,
114 input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
115 padding: 0;
116 border: 0;
117 }
118 button,
119 html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
120 input[type="reset"],
121 input[type="submit"] {
122 -webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
123 cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
124 }
125 label,
126 select,
127 button,
128 input[type="button"],
129 input[type="reset"],
130 input[type="submit"],
131 input[type="radio"],
132 input[type="checkbox"] {
133 cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
134 }
135 input[type="search"] { // Appearance in Safari/Chrome
136 .box-sizing(content-box);
137 -webkit-appearance: textfield;
138 }
139 input[type="search"]::-webkit-search-decoration,
140 input[type="search"]::-webkit-search-cancel-button {
141 -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
142 }
143 textarea {
144 overflow: auto; // Remove vertical scrollbar in IE6-9
145 vertical-align: top; // Readability and alignment cross-browser
146 }
147
148
149 // Printing
150 // -------------------------
151 // Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
152
153 @media print {
154
155 * {
156 text-shadow: none !important;
157 color: #000 !important; // Black prints faster: h5bp.com/s
158 background: transparent !important;
159 box-shadow: none !important;
160 }
161
162 a,
163 a:visited {
164 text-decoration: underline;
165 }
166
167 a[href]:after {
168 content: " (" attr(href) ")";
169 }
170
171 abbr[title]:after {
172 content: " (" attr(title) ")";
173 }
174
175 // Don't show links for images, or javascript/internal links
176 .ir a:after,
177 a[href^="javascript:"]:after,
178 a[href^="#"]:after {
179 content: "";
180 }
181
182 pre,
183 blockquote {
184 border: 1px solid #999;
185 page-break-inside: avoid;
186 }
187
188 thead {
189 display: table-header-group; // h5bp.com/t
190 }
191
192 tr,
193 img {
194 page-break-inside: avoid;
195 }
196
197 img {
198 max-width: 100% !important;
199 }
200
201 @page {
202 margin: 0.5cm;
203 }
204
205 p,
206 h2,
207 h3 {
208 orphans: 3;
209 widows: 3;
210 }
211
212 h2,
213 h3 {
214 page-break-after: avoid;
215 }
216 }