added new index shot, fonts and generated css
This commit is contained in:
Kyle Fiedler
@@ -86,17 +86,48 @@ hr {
|
||||
input, select {
|
||||
vertical-align: middle; }
|
||||
|
||||
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 25, 2012 05:06:34 PM America/New_York */
|
||||
@font-face {
|
||||
font-family: 'Droid Sans';
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
src: local("Droid Sans"), local("DroidSans"), url("http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciL3hpw3pgy2gAi-Ip7WPMi0.woff") format("woff"); }
|
||||
font-family: 'Open Sans';
|
||||
src: url("/static/fonts/OpenSans-Regular-webfont.eot");
|
||||
src: url("/static/fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-Regular-webfont.woff") format("woff"), url("/static/fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg");
|
||||
font-weight: 600;
|
||||
font-style: normal; }
|
||||
|
||||
@font-face {
|
||||
font-family: 'Droid Sans';
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
src: local("Droid Sans Bold"), local("DroidSans-Bold"), url("http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMXbFhgvWbfSbdVg11QabG8w.woff") format("woff"); }
|
||||
font-family: 'Open Sans';
|
||||
src: url("/static/fonts/OpenSans-Italic-webfont.eot");
|
||||
src: url("/static/fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-Italic-webfont.woff") format("woff"), url("/static/fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-Italic-webfont.svg#OpenSansItalic") format("svg");
|
||||
font-weight: 400;
|
||||
font-style: italic; }
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url("/static/fonts/OpenSans-Bold-webfont.eot");
|
||||
src: url("/static/fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-Bold-webfont.woff") format("woff"), url("/static/fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg");
|
||||
font-weight: 700;
|
||||
font-style: normal; }
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url("/static/fonts/OpenSans-BoldItalic-webfont.eot");
|
||||
src: url("/static/fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("/static/fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic") format("svg");
|
||||
font-weight: 700;
|
||||
font-style: italic; }
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url("/static/fonts/OpenSans-ExtraBold-webfont.eot");
|
||||
src: url("/static/fonts/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-ExtraBold-webfont.woff") format("woff"), url("/static/fonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold") format("svg");
|
||||
font-weight: 800;
|
||||
font-style: normal; }
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.eot");
|
||||
src: url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("/static/fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic") format("svg");
|
||||
font-weight: 800;
|
||||
font-style: italic; }
|
||||
|
||||
.clearfix:after, .topbar:after, div.course-wrapper section.course-content ol.sequence-nav:after, div.book-wrapper section.book nav:after, div.wiki-wrapper section.wiki-body header:after, body.askbot .secondary-nav nav:after, html body div.header-wrapper header:after, html body div.header-wrapper header nav ul:after, html body section.main-content:after, html footer:after, div.course-wrapper section.course-content ol.vert-mod > li:after, div.book-wrapper section.book nav ul:after, div.wiki-wrapper div#wiki_panel div#wiki_create_form:after, body.askbot footer div.footer-wrapper:after {
|
||||
content: ".";
|
||||
@@ -136,7 +167,7 @@ input, select {
|
||||
border: 1px solid #6f6f6f;
|
||||
padding: 4px 8px;
|
||||
color: #fff;
|
||||
font: bold 14px "Droid Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
|
||||
font: bold 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
|
||||
cursor: pointer;
|
||||
-webkit-font-smoothing: antialiased; }
|
||||
.button:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover, .button:focus, input[type="submit"]:focus, input[type="button"]:focus, button:focus {
|
||||
@@ -179,7 +210,7 @@ input, select {
|
||||
background: #e3e3e3;
|
||||
border-right: 1px solid #d3d3d3;
|
||||
display: table-cell;
|
||||
font-family: "Droid Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
|
||||
font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
|
||||
text-shadow: 0 1px 0 #f1f1f1;
|
||||
vertical-align: top;
|
||||
width: 23.482%;
|
||||
@@ -287,8 +318,7 @@ p {
|
||||
margin-bottom: 22.652px; }
|
||||
|
||||
em {
|
||||
font-style: italic;
|
||||
font-family: Georgia, serif; }
|
||||
font-style: italic; }
|
||||
|
||||
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], textarea {
|
||||
-webkit-box-shadow: 0 -1px 0 white;
|
||||
@@ -304,7 +334,7 @@ input[type="email"], input[type="number"], input[type="password"], input[type="s
|
||||
background-image: -o-linear-gradient(top, #eeeeee, white);
|
||||
background-image: linear-gradient(top, #eeeeee, white);
|
||||
border: 1px solid #999;
|
||||
font: 14px "Droid Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
|
||||
font: 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
|
||||
padding: 4px; }
|
||||
input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, textarea:focus {
|
||||
border-color: #993333; }
|
||||
@@ -313,7 +343,7 @@ html {
|
||||
margin-top: 0; }
|
||||
html body {
|
||||
color: #333333;
|
||||
font: 14px "Droid Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
|
||||
font: 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
background: #f3f3f3; }
|
||||
@@ -323,13 +353,7 @@ html {
|
||||
-ms-box-shadow: inset 0 1px 0 #bf4040, 0 1px 1px #cccccc;
|
||||
-o-box-shadow: inset 0 1px 0 #bf4040, 0 1px 1px #cccccc;
|
||||
box-shadow: inset 0 1px 0 #bf4040, 0 1px 1px #cccccc;
|
||||
background-color: #ac3939;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ac3939), color-stop(100%, #862d2d));
|
||||
background-image: -webkit-linear-gradient(top, #ac3939, #862d2d);
|
||||
background-image: -moz-linear-gradient(top, #ac3939, #862d2d);
|
||||
background-image: -ms-linear-gradient(top, #ac3939, #862d2d);
|
||||
background-image: -o-linear-gradient(top, #ac3939, #862d2d);
|
||||
background-image: linear-gradient(top, #ac3939, #862d2d);
|
||||
background: #993333;
|
||||
border-bottom: 1px solid #732626; }
|
||||
html body div.header-wrapper header {
|
||||
-webkit-box-sizing: border-box;
|
||||
@@ -340,36 +364,41 @@ html {
|
||||
padding: 0 22.652px; }
|
||||
html body div.header-wrapper header h1 {
|
||||
border-right: 1px solid #862d2d;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin: 0 2.024% 0 0;
|
||||
padding: 15px 2.024% 15px 0;
|
||||
color: #000;
|
||||
display: block;
|
||||
float: left;
|
||||
color: #000;
|
||||
text-shadow: 0 1px 0 #bf4040; }
|
||||
html body div.header-wrapper header h1 em {
|
||||
display: -moz-inline-box;
|
||||
-moz-box-orient: vertical;
|
||||
display: inline-block;
|
||||
vertical-align: baseline;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
*vertical-align: auto;
|
||||
padding-right: 22.652px; }
|
||||
font-size: 20px;
|
||||
font-weight: 800;
|
||||
margin: 0 22.652px 0 0;
|
||||
padding: 17px 22.652px 17px 0;
|
||||
text-shadow: 0 1px 0 #bf4040;
|
||||
line-height: 22.652px; }
|
||||
html body div.header-wrapper header nav {
|
||||
float: left;
|
||||
display: block;
|
||||
margin: 0;
|
||||
text-shadow: 0 -1px 0 #732626; }
|
||||
padding: 0;
|
||||
text-shadow: 0 -1px 0 #732626;
|
||||
-webkit-font-smoothing: antialiased; }
|
||||
html body div.header-wrapper header nav h2 {
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 19px 15px 12px 0;
|
||||
line-height: 22.652px; }
|
||||
html body div.header-wrapper header nav h2 a {
|
||||
color: #fff; }
|
||||
html body div.header-wrapper header nav h2 a:hover {
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
text-decoration: none; }
|
||||
html body div.header-wrapper header nav ul {
|
||||
display: inline-block;
|
||||
padding: 15px 0;
|
||||
padding: 19px 0 12px;
|
||||
margin: 0; }
|
||||
html body div.header-wrapper header nav ul li {
|
||||
margin-right: 22.652px;
|
||||
display: inline-block;
|
||||
margin-bottom: 0; }
|
||||
margin-bottom: 0;
|
||||
line-height: 22.652px; }
|
||||
html body div.header-wrapper header nav ul li a {
|
||||
color: #fff; }
|
||||
html body div.header-wrapper header nav ul li a:hover {
|
||||
@@ -810,10 +839,29 @@ div.book-wrapper ul#booknav {
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 22.652px; }
|
||||
div.book-wrapper ul#booknav li ul {
|
||||
background: none; }
|
||||
box-sizing: border-box; }
|
||||
div.book-wrapper ul#booknav a {
|
||||
color: #000; }
|
||||
div.book-wrapper ul#booknav a:hover {
|
||||
color: #666; }
|
||||
div.book-wrapper ul#booknav li {
|
||||
background: none;
|
||||
padding-left: 30px; }
|
||||
div.book-wrapper ul#booknav li div.hitarea {
|
||||
margin-left: -22px; }
|
||||
div.book-wrapper ul#booknav li div.hitarea:hover {
|
||||
opacity: 0.6;
|
||||
filter: alpha(opacity=60); }
|
||||
div.book-wrapper ul#booknav li ul {
|
||||
background: none; }
|
||||
div.book-wrapper ul#booknav > li {
|
||||
border-bottom: 1px solid #d3d3d3;
|
||||
-webkit-box-shadow: 0 1px 0 #eeeeee;
|
||||
-moz-box-shadow: 0 1px 0 #eeeeee;
|
||||
-ms-box-shadow: 0 1px 0 #eeeeee;
|
||||
-o-box-shadow: 0 1px 0 #eeeeee;
|
||||
box-shadow: 0 1px 0 #eeeeee;
|
||||
padding: 7px 7px 7px 30px; }
|
||||
div.book-wrapper section.book nav ul li.last {
|
||||
float: left;
|
||||
display: block; }
|
||||
|
||||
Reference in New Issue
Block a user