-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 581c189
Showing
38 changed files
with
10,709 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,19 @@ | ||
<!doctype html> | ||
<title>not found</title> | ||
|
||
<style> | ||
body { text-align: center;} | ||
h1 { font-size: 50px; } | ||
body { font: 20px Constantia, 'Hoefler Text', "Adobe Caslon Pro", Baskerville, Georgia, Times, serif; color: #999; text-shadow: 2px 2px 2px rgba(200, 200, 200, 0.5)} | ||
a { color: rgb(36, 109, 56); text-decoration:none; } | ||
a:hover { color: rgb(96, 73, 141) ; text-shadow: 2px 2px 2px rgba(36, 109, 56, 0.5) } | ||
span[frown] { transform: rotate(90deg); display:inline-block; color: #bbb; } | ||
</style> | ||
|
||
|
||
|
||
|
||
<details> | ||
<summary><h1>Not found</h1></summary> | ||
<p><span frown>:(</p> | ||
</details> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,36 @@ | ||
### HTML5 Boilerplate | ||
|
||
## CHANGELOG: | ||
|
||
v0.9 -August 10th, 2010 - Initial release | ||
|
||
## LICENSE: | ||
|
||
Copyright Paul Irish | ||
|
||
Dual licensed under MIT and GPL | ||
|
||
## INSTALLATION: | ||
|
||
This is a set of files that a front-end developer can use to get started on a website, with following included: | ||
|
||
1. Cross-browser compatible (IE6, yeah we got that.) | ||
2. HTML5 ready. Use the new tags with certainty. | ||
3. Optimal caching and compression rules for grade-A performance | ||
4. Best practice site configuration defaults | ||
5. Think there's too much? The HTML5 Boilerplate is delete-key friendly. :) | ||
6. Mobile browser optimizations | ||
7. Progressive enhancement graceful degredation ........ yeah yeah we got that | ||
8. IE specific classes for maximum cross-browser control | ||
9. Want to write unit tests but lazy? A full, hooked up test suite is waiting for you. | ||
10. Javascript profiling.. in IE6 and IE7? Sure, no problem. | ||
11. Console.log nerfing so you won't break anyone by mistake. | ||
12. Never go wrong with your doctype or markup! | ||
13. An optimal print stylesheet, performance optimized | ||
14. iOS, Android, Opera Mobile-adaptable markup and CSS skeleton. | ||
15. IE6 pngfix baked in. | ||
16. jQuery, waiting for you | ||
|
||
|
||
There will be two releases: a documented release, which is exactly what you see here, and a production release, with most of the descriptive comments stripped out. | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,16 @@ | ||
<?xml version="1.0"?> | ||
<!DOCTYPE cross-domain-policy SYSTEM "http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd"> | ||
<cross-domain-policy> | ||
<!-- | ||
If you host a crossdomain.xml file with allow-access-from domain=“*” | ||
and don’t understand all of the points described here, you probably | ||
have a nasty security vulnerability. ~ simon willison | ||
Please read: www.adobe.com/devnet/flashplayer/articles/cross_domain_policy.html | ||
<allow-access-from domain="*" to-ports="*" /> | ||
--> | ||
</cross-domain-policy> | ||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,7 @@ | ||
|
||
* { | ||
float: none; /* Screens are not big enough to account for floats */ | ||
font-size: 80%; /* Slightly reducing font size to reduce need to scroll */ | ||
background: #fff; /* As much contrast as possible */ | ||
color: #000; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,271 @@ | ||
/* | ||
style.css contains a reset, font normalization and some base styles. | ||
credit is left where credit is due. | ||
additionally, much inspiration was taken from these projects: | ||
yui.yahooapis.com/2.8.1/build/base/base.css | ||
camendesign.com/design/ | ||
praegnanz.de/weblog/htmlcssjs-kickstart | ||
*/ | ||
|
||
/* | ||
html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) | ||
v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark | ||
html5doctor.com/html-5-reset-stylesheet/ | ||
*/ | ||
|
||
html, body, div, span, object, iframe, | ||
h1, h2, h3, h4, h5, h6, p, blockquote, pre, | ||
abbr, address, cite, code, | ||
del, dfn, em, img, ins, kbd, q, samp, | ||
small, strong, sub, sup, var, | ||
b, i, | ||
dl, dt, dd, ol, ul, li, | ||
fieldset, form, label, legend, | ||
table, caption, tbody, tfoot, thead, tr, th, td, | ||
article, aside, figure, footer, header, | ||
hgroup, menu, nav, section, menu, | ||
time, mark, audio, video { | ||
margin:0; | ||
padding:0; | ||
border:0; | ||
outline:0; | ||
font-size:100%; | ||
vertical-align:baseline; | ||
background:transparent; | ||
} | ||
|
||
article, aside, figure, footer, header, | ||
hgroup, nav, section { display:block; } | ||
|
||
nav ul { list-style:none; } | ||
|
||
blockquote, q { quotes:none; } | ||
|
||
blockquote:before, blockquote:after, | ||
q:before, q:after { content:''; content:none; } | ||
|
||
a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; } | ||
|
||
ins { background-color:#ff9; color:#000; text-decoration:none; } | ||
|
||
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } | ||
|
||
del { text-decoration: line-through; } | ||
|
||
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } | ||
|
||
/* tables still need cellspacing="0" in the markup */ | ||
table { border-collapse:collapse; border-spacing:0; } | ||
|
||
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } | ||
|
||
input, select { vertical-align:middle; } | ||
/* END RESET CSS */ | ||
|
||
|
||
/* | ||
fonts.css from the YUI Library: developer.yahoo.com/yui/ | ||
Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages | ||
There are two custom edits: | ||
* make the line-height relative and unit-less | ||
* remove the pre,code styles as we use a recommendation from Eric Meyer instead | ||
*/ | ||
body { font:13px arial,helvetica,"Nimbus Sans L", "Bitstream Vera Sans", sans-serif; *font-size:small; *font:x-small; line-height:1.22; } | ||
|
||
table { font-size:inherit; font:100%; } | ||
|
||
select, input, textarea { font:99% arial,helvetica,"Nimbus Sans L", "Bitstream Vera Sans", sans-serif; } | ||
|
||
|
||
/* normalize monospace sizing | ||
* meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ | ||
*/ | ||
code, pre { font-family: "Courier New", monospace, serif; font-size: 1em; } | ||
|
||
|
||
|
||
/* | ||
* minimal base styles | ||
*/ | ||
|
||
|
||
/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ | ||
body, select, input, textarea { color:#444; } | ||
|
||
/* Headers (h1,h2,etc) have no default font-size or margin, | ||
you'll want to define those yourself. */ | ||
|
||
/* www.aestheticallyloyal.com/public/optimize-legibility/ */ | ||
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; } | ||
|
||
/* maxvoltar.com/archive/-webkit-font-smoothing */ | ||
html { -webkit-font-smoothing: antialiased; } | ||
|
||
|
||
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ | ||
a:active { outline: none; } | ||
a:focus { outline: thin dotted; } | ||
|
||
a, a:active, a:visited { color:#607890; } | ||
a:hover { color:#036; } | ||
|
||
|
||
ul { margin-left:30px; } | ||
ol { margin-left:30px; list-style-type: decimal; } | ||
|
||
small { font-size:85%; } | ||
strong, th { font-weight: bold; } | ||
|
||
td, td img { vertical-align:top; } | ||
|
||
sub { vertical-align: sub; font-size: smaller; } | ||
sup { vertical-align: super; font-size: smaller; } | ||
|
||
pre { | ||
padding: 15px; | ||
|
||
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ | ||
white-space: pre; /* CSS2 */ | ||
white-space: pre-wrap; /* CSS 2.1 */ | ||
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ | ||
word-wrap: break-word; /* IE */ | ||
} | ||
|
||
/* align checkboxes, radios, text inputs with their label | ||
by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */ | ||
input[type="radio"] { vertical-align: text-bottom; } | ||
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; } | ||
.ie6 input { vertical-align: text-bottom; } | ||
|
||
/* hand cursor on clickable input elements */ | ||
label, input[type=button], input[type=submit], button { cursor: pointer; } | ||
|
||
|
||
/* These selection declarations have to be separate. | ||
No text-shadow: twitter.com/miketaylr/status/12228805301 | ||
Also: hot pink. */ | ||
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; } | ||
::selection { background:#FF5E99; color:#fff; text-shadow: none; } | ||
|
||
/* j.mp/webkit-tap-highlight-color */ | ||
a:link { -webkit-tap-highlight-color: #FF5E99; } | ||
|
||
|
||
/* always force a scrollbar in non-IE */ | ||
html { overflow-y: scroll; } | ||
|
||
/* make buttons play nice in IE: | ||
www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ | ||
button { width: auto; overflow: visible; } | ||
|
||
/* bicubic resizing for non-native sized IMG: | ||
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ | ||
.ie7 img { -ms-interpolation-mode: bicubic; } | ||
|
||
|
||
|
||
/* | ||
* Non-semantic helper classes | ||
*/ | ||
|
||
/* for image replacement */ | ||
.ir { display:block; text-indent:-999px; overflow:hidden; background-repeat: none; } | ||
|
||
/* Hide for both screenreaders and browsers | ||
css-discuss.incutio.com/wiki/Screenreader_Visibility */ | ||
.hidden { display:none; visibility:hidden; } | ||
|
||
/* Hide only visually, but have it available for screenreaders | ||
www.webaim.org/techniques/css/invisiblecontent/ | ||
Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */ | ||
.visuallyhidden { position:absolute !important; | ||
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ | ||
clip: rect(1px, 1px, 1px, 1px); } | ||
|
||
/* Hide visually and from screenreaders, but maintain layout */ | ||
.invisible { visibility: hidden; } | ||
|
||
/* >> The Magnificent CLEARFIX << */ | ||
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } | ||
.clearfix { display: inline-block; } | ||
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/ | ||
.clearfix { display: block; } | ||
|
||
|
||
|
||
|
||
|
||
/* Primary Styles | ||
Author: | ||
*/ | ||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* | ||
* print styles | ||
* inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ | ||
*/ | ||
@media print { | ||
* { background: transparent !important; color: #444 !important; text-shadow: none; } | ||
|
||
a, a:visited { color: #444 !important; text-decoration: underline; } | ||
|
||
a:after { content: " (" attr(href) ")"; } | ||
|
||
abbr:after { content: " (" attr(title) ")"; } | ||
|
||
.ir a:after { content: ""; } /* Don't show links for images */ | ||
|
||
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } | ||
|
||
img { page-break-inside: avoid; } | ||
|
||
@page { margin: 0.5cm; } | ||
|
||
p, h2, h3 { orphans: 3; widows: 3; } | ||
|
||
h2, h3{ page-break-after: avoid; } | ||
} | ||
|
||
|
||
|
||
/* | ||
* Media queries for responsive design | ||
*/ | ||
|
||
@media all and (orientation:portrait) { | ||
/* Style adjustments for portrait mode goes here */ | ||
|
||
} | ||
|
||
@media all and (orientation:landscape) { | ||
/* Style adjustments for landscape mode goes here */ | ||
|
||
} | ||
|
||
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) | ||
Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */ | ||
@media screen and (max-device-width: 480px) { | ||
|
||
|
||
/* Prevent iOS, WinMobile from adjusting font size */ | ||
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } | ||
} | ||
|
||
|
||
/*** begin vanceland ***/ | ||
|
||
canvas { | ||
border:1px solid #888; | ||
} | ||
|
Oops, something went wrong.