Permalink
Browse files

first draft of design! Markup updated

  • Loading branch information...
1 parent 58f3bf4 commit 7b8c1bb95fa010bf17f3bd5e67afc6f53b8df268 Divya Manian committed Jan 10, 2011
Binary file not shown.

Large diffs are not rendered by default.

Oops, something went wrong.
Binary file not shown.
Binary file not shown.
View
@@ -3,43 +3,70 @@
*/
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,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,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;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;cursor:help}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}body{font:13px/1.231 sans-serif;*font-size:small}select,input,textarea,button{font:99% sans-serif}pre,code,kbd,samp{font-family:monospace,sans-serif}body,select,input,textarea{color:#444}h1,h2,h3,h4,h5,h6{font-weight:bold}html{overflow-y:scroll}a:hover,a:active{outline:none}a,a:active,a:visited{color:#607890}a:hover{color:#036}ul,ol{margin-left:2em}ol{list-style-type:decimal}nav ul,nav li{margin:0}small{font-size:85%}strong,th{font-weight:bold}td{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;padding:15px}textarea{overflow:auto}.ie6 legend,.ie7 legend{margin-left:-7px}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer}button,input,select,textarea{margin:0}input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0 0 5px red;-webkit-box-shadow:0 0 5px red;box-shadow:0 0 5px red}.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd}::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}::selection{background:#ff5e99;color:#fff;text-shadow:none}a:link{-webkit-tap-highlight-color:#ff5e99}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.ir{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr}.hidden{display:none;visibility:hidden}.visuallyhidden{border:0!important;clip:rect(0 0 0 0);height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;visibility:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}
- /* Primary Styles
- Author:
- */
-body {
- width: 80%; margin: 0 auto;
-}
-h1,h2,h3 {
- margin-bottom: 16px;
+ /* Primary Styles
+ Author: Divya Manian, Paul Irish, and everyone else keen on getting W3Schools less popular or more correct
+*/
+@font-face {
+ font-family: 'LeagueGothicRegular';
+ src: url('../assets/League_Gothic-webfont.eot');
+ src: local(''), url('../assets/League_Gothic-webfont.woff') format('woff'), url('../assets/League_Gothic-webfont.ttf') format('truetype'), url('../assets/League_Gothic-webfont.svg#webfontFHzvtkso') format('svg');
+ font-weight: normal;
+ font-style: normal;
}
-h1 { font-size: 32px; }
-h2 { font-size: 24px; border-bottom: 4px solid #eee; }
-h3 { font-size: 16px; border-bottom: 2px solid #eee; }
-code {
- background-color: #eee;
+html {
+ background-color: hsl(42, 21%, 85%);
+ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(5%, hsla(40, 29%, 73%, 0.5)), color-stop(5%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
+ background-image: -moz-linear-gradient(top, hsla(40, 29%, 73%, 0.5) 5%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0) 100%);
+ background-image: linear-gradient(top, hsla(40, 29%, 73%, 0.5) 5%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0) 100%);
+ background-size: 100% 24px;
+ background-position: fixed;
}
-p,ul,ol {
- margin-bottom: 16px;
-}
+body { background: url('../images/bg.png'); }
+
+h1, h2 { color: hsl(15, 84%, 30%); }
+.intro { background: hsl(272, 23%, 29%); color: hsl(42, 21%, 85%); text-shadow: 1px 1px 1px #000; }
-blockquote {
- padding-left: 25px; margin: 8px auto; font-style: italic;
+body {
+ font: 16px/1.5 sans-serif;
}
-blockquote:before { content: '"'; }
-blockquote:after { content: '"'; }
-#contributors li { float: left; list-style: none; margin-right: 4px;}
+a, a:visited, a:active { text-decoration: none; color: hsl(41, 88%, 37%); }
+a:hover { color: hsl(37, 89%, 20%); }
+
+h1 { font-size: 5em; line-height: 1; }
+h2 { font-size: 3em; line-height: 1; }
+footer { font-size: 0.8em; line-height: 1.375;}
+
+h1, h2 { text-shadow: #fff -1px -1px, #fff -2px -2px, #fff -3px -3px, hsl(38,100%,67%) 4px -3px; }
+
+h1, h2 { font-family: 'LeagueGothicRegular', Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.5px; }
+
+header h1 { text-align: center; margin: 0.4em 0;}
+ol, ul { margin: 0; padding: 0; }
+p, li { margin: 1.5em 0; padding: 0; }
+p:last-of-type, li:last-of-type { margin-bottom: 0; }
+
+.intro { padding: 2em 0; margin-bottom: 1.75em; outline: 2px dotted hsl(38,100%,27%); outline-offset: 0.25em; }
+.content, .intro p { min-width: 60%; max-width: 800px; margin: 0 auto; }
+.intro p { margin: 0.5em auto; }
+.content h2 { margin-top: 1em; }
+
+#contributors { vertical-align: middle; }
+#contributors h2 { font-size: 1em; display: inline; margin: 0; text-shadow: none; }
+#contributors a:after { content: ", "; }
+#contributors a:last-child:after { content: ""; }
+
+section li[id$="sucks"], section li[id$="quiz"] { display: none; }
+section li[id$="sucks"]:target, section li[id$="quiz"]:target { display: block; }
+section nav { margin: 0.5em 0; }
+section nav a { display: inline-block; padding: 0.25em 0; margin: 0 1em; }
+
+footer { text-align: center; margin: 3.75em 0 1.875em 0; }
-footer {
- background: #eee;
- line-height: 64px;
- margin: 32px 0;
- text-align: center;
-}
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.

0 comments on commit 7b8c1bb

Please sign in to comment.