1- /**
2- * HTML5 ✰ Boilerplate
3- *
4- * style.css contains a reset, font normalization and some base styles.
5- *
6- * Credit is left where credit is due.
7- * Much inspiration was taken from these projects:
8- * - yui.yahooapis.com/2.8.1/build/base/base.css
9- * - camendesign.com/design/
10- * - praegnanz.de/weblog/htmlcssjs-kickstart
11- */
12-
13-
14- /**
15- * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
16- * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
17- * html5doctor.com/html-5-reset-stylesheet/
18- */
1+ /* HTML5 ✰ Boilerplate */
192
203html , body , div , span , object , iframe ,
214h1 , h2 , h3 , h4 , h5 , h6 , p , blockquote , pre ,
@@ -40,124 +23,54 @@ footer, header, hgroup, menu, nav, section {
4023}
4124
4225blockquote , q { quotes : none; }
43-
4426blockquote : before , blockquote : after ,
4527q : before , q : after { content : "" ; content : none; }
46-
4728ins { background-color : # ff9 ; color : # 000 ; text-decoration : none; }
48-
4929mark { background-color : # ff9 ; color : # 000 ; font-style : italic; font-weight : bold; }
50-
5130del { text-decoration : line-through; }
52-
5331abbr [title ], dfn [title ] { border-bottom : 1px dotted; cursor : help; }
54-
5532table { border-collapse : collapse; border-spacing : 0 ; }
56-
5733hr { display : block; height : 1px ; border : 0 ; border-top : 1px solid # ccc ; margin : 1em 0 ; padding : 0 ; }
58-
5934input , select { vertical-align : middle; }
6035
61-
62- /**
63- * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
64- */
65-
66- body { font : 13 px/1.231 sans-serif; * font-size : small; } /* Hack retained to preserve specificity */
36+ body { font : 13 px/1.231 sans-serif; * font-size : small; }
6737select , input , textarea , button { font : 99% sans-serif; }
68-
69- /* Normalize monospace sizing:
70- en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
7138pre , code , kbd , samp { font-family : monospace, sans-serif; }
7239
73-
74- /**
75- * Minimal base styles.
76- */
77-
78- /* Always force a scrollbar in non-IE */
7940html { overflow-y : scroll; }
80-
81- /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
8241a : hover , a : active { outline : none; }
83-
8442ul , ol { margin-left : 2em ; }
8543ol { list-style-type : decimal; }
86-
87- /* Remove margins for navigation lists */
8844nav ul , nav li { margin : 0 ; list-style : none; list-style-image : none; }
89-
9045small { font-size : 85% ; }
9146strong , th { font-weight : bold; }
92-
9347td { vertical-align : top; }
94-
95- /* Set sub, sup without affecting line-height: gist.github.com/413930 */
9648sub , sup { font-size : 75% ; line-height : 0 ; position : relative; }
9749sup { top : -0.5em ; }
9850sub { bottom : -0.25em ; }
9951
100- pre {
101- /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
102- white-space : pre; white-space : pre-wrap; word-wrap : break-word;
103- padding : 15px ;
104- }
105-
106- textarea { overflow : auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
107-
52+ pre { white-space : pre; white-space : pre-wrap; word-wrap : break-word; padding : 15px ; }
53+ textarea { overflow : auto; }
10854.ie6 legend , .ie7 legend { margin-left : -7px ; }
109-
110- /* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
11155input [type = "radio" ] { vertical-align : text-bottom; }
11256input [type = "checkbox" ] { vertical-align : bottom; }
11357.ie7 input [type = "checkbox" ] { vertical-align : baseline; }
11458.ie6 input { vertical-align : text-bottom; }
115-
116- /* Hand cursor on clickable input elements */
11759label , input [type = "button" ], input [type = "submit" ], input [type = "image" ], button { cursor : pointer; }
118-
119- /* Webkit browsers add a 2px margin outside the chrome of form elements */
12060button , input , select , textarea { margin : 0 ; }
121-
122- /* Colors for form validity */
12361input : valid , textarea : valid { }
124- input : invalid , textarea : invalid {
125- border-radius : 1px ; -moz-box-shadow : 0px 0px 5px red; -webkit-box-shadow : 0px 0px 5px red; box-shadow : 0px 0px 5px red;
126- }
62+ input : invalid , textarea : invalid { border-radius : 1px ; -moz-box-shadow : 0px 0px 5px red; -webkit-box-shadow : 0px 0px 5px red; box-shadow : 0px 0px 5px red; }
12763.no-boxshadow input : invalid , .no-boxshadow textarea : invalid { background-color : # f0dddd ; }
12864
12965
130- /* These selection declarations have to be separate
131- No text-shadow: twitter.com/miketaylr/status/12228805301
132- Also: hot pink! */
13366::-moz-selection { background : # FF5E99 ; color : # fff ; text-shadow : none; }
13467::selection { background : # FF5E99 ; color : # fff ; text-shadow : none; }
135-
136- /* j.mp/webkit-tap-highlight-color */
13768a : link { -webkit-tap-highlight-color : # FF5E99 ; }
138-
139- /* Make buttons play nice in IE:
140- www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
14169button { width : auto; overflow : visible; }
142-
143- /* Bicubic resizing for non-native sized IMG:
144- code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
14570.ie7 img { -ms-interpolation-mode : bicubic; }
14671
147- /**
148- * You might tweak these..
149- */
150-
151- body , select , input , textarea {
152- /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
153- color : # 444 ;
154- /* Set your base font here, to apply evenly */
155- /* font-family: Georgia, serif; */
156- }
157-
158- /* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
72+ body , select , input , textarea { color : # 444 ; }
15973h1 , h2 , h3 , h4 , h5 , h6 { font-weight : bold; }
160-
16174a , a : active , a : visited { color : # 607890 ; }
16275a : hover { color : # 036 ; }
16376
@@ -181,78 +94,40 @@ a:hover { color: #036; }
18194
18295
18396
184-
185-
186- /**
187- * Non-semantic helper classes: please define your styles before this section.
188- */
189-
190- /* For image replacement */
19197.ir { display : block; text-indent : -999em ; overflow : hidden; background-repeat : no-repeat; text-align : left; direction : ltr; }
192-
193- /* Hide for both screenreaders and browsers:
194- css-discuss.incutio.com/wiki/Screenreader_Visibility */
19598.hidden { display : none; visibility : hidden; }
196-
197- /* Hide only visually, but have it available for screenreaders: by Jon Neal.
198- www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
19999.visuallyhidden { border : 0 ; clip : rect (0 0 0 0 ); height : 1px ; margin : -1px ; overflow : hidden; padding : 0 ; position : absolute; width : 1px ; }
200- /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
201100.visuallyhidden .focusable : active ,
202101.visuallyhidden .focusable : focus { clip : auto; height : auto; margin : 0 ; overflow : visible; position : static; width : auto; }
203-
204- /* Hide visually and from screenreaders, but maintain layout */
205102.invisible { visibility : hidden; }
206-
207- /* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
208- j.mp/bestclearfix */
209103.clearfix : before , .clearfix : after { content : "\0020" ; display : block; height : 0 ; overflow : hidden; }
210104.clearfix : after { clear : both; }
211- /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
212105.clearfix { zoom : 1 ; }
213106
214107
215-
216- /**
217- * Media queries for responsive design.
218- *
219- * These follow after primary styles so they will successfully override.
220- */
221-
222108@media all and (orientation : portrait) {
223- /* Style adjustments for portrait mode goes here */
224109
225110}
226111
227112@media all and (orientation : landscape) {
228- /* Style adjustments for landscape mode goes here */
229113
230114}
231115
232- /* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
233- consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
234116@media screen and (max-device-width : 480px ) {
235-
236-
237- /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
117+
238118 /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
239119}
240120
241121
242- /**
243- * Print styles.
244- *
245- * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
246- */
247122@media print {
248123 * { background : transparent !important ; color : black !important ; text-shadow : none !important ; filter : none !important ;
249- -ms-filter : none !important ; } /* Black prints faster: sanbeiji.com/archives/953 */
124+ -ms-filter : none !important ; }
250125 a , a : visited { color : # 444 !important ; text-decoration : underline; }
251126 a [href ]: after { content : " (" attr (href) ")" ; }
252127 abbr [title ]: after { content : " (" attr (title) ")" ; }
253- .ir a : after , a [href ^= "javascript:" ]: after , a [href ^= "#" ]: after { content : "" ; } /* Don't show links for images, or javascript/internal links */
128+ .ir a : after , a [href ^= "javascript:" ]: after , a [href ^= "#" ]: after { content : "" ; }
254129 pre , blockquote { border : 1px solid # 999 ; page-break-inside : avoid; }
255- thead { display : table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
130+ thead { display : table-header-group; }
256131 tr , img { page-break-inside : avoid; }
257132 @page { margin : 0.5cm ; }
258133 p , h2 , h3 { orphans : 3 ; widows : 3 ; }
0 commit comments