front page docs updated to include old getting started section, update code styles to look like github gists, and lots more docs updates

This commit is contained in:
Mark Otto
2012-01-06 23:59:22 -08:00
parent 5cb76037ae
commit cfc2353059
14 changed files with 341 additions and 92 deletions

View File

@@ -192,6 +192,75 @@ body > .navbar-fixed .brand:hover {
}
/* Quickstart section for getting le code
-------------------------------------------------- */
.getting-started {
background-color: #f5f5f5;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5));
background-image: -moz-linear-gradient(#f9f9f9, #f5f5f5);
background-image: -ms-linear-gradient(#f9f9f9, #f5f5f5);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f5f5f5));
background-image: -webkit-linear-gradient(#f9f9f9, #f5f5f5);
background-image: -o-linear-gradient(#f9f9f9, #f5f5f5);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0);
background-image: linear-gradient(#f9f9f9, #f5f5f5);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.getting-started {
border-color: #eee;
}
.getting-started td {
width: 33%;
border-right: 1px solid #eee;
}
.getting-started td + td {
border-left: 1px solid #fff;
}
.getting-started td:last-child {
border-right: 0;
}
.quick-start {
padding: 17px 20px;
}
.quick-start h3,
.quick-start p {
line-height: 18px;
text-align: center;
margin-bottom: 9px;
}
.quick-start p {
color: #777;
}
.quick-start .current-version,
.quick-start .current-version a {
color: #999;
}
.quick-start form {
margin-bottom: 0;
}
.quick-start textarea {
display: block;
width: 100%;
height: auto;
margin-bottom: 0;
line-height: 21px;
white-space: nowrap;
overflow: hidden;
/* Makes inputs behave like true block-level elements */
-webkit-box-sizing: border-box; /* Older Webkit */
-moz-box-sizing: border-box; /* Older FF */
-ms-box-sizing: border-box; /* IE8 */
box-sizing: border-box; /* CSS3 spec*/
/* Hacks for IE7 to make this work just okay enough to function */
*width: 90%;
*height: 24px;
}
/* Footer
-------------------------------------------------- */
.footer {
@@ -341,8 +410,10 @@ h2 + table {
.example-sites img {
max-width: 290px;
}
.built-with {
.marketing-byline {
margin: -18px 0 27px;
font-size: 18px;
font-weight: 300;
color: #999;
text-align: center;
}

View File

@@ -2,10 +2,10 @@
.lit { color: #195f91; }
.pun, .opn, .clo { color: #93a1a1; }
.fun { color: #dc322f; }
.str, .atv { color: #62C462; }
.kwd, .linenums .tag { color: #049CD9; }
.typ, .atn, .dec, .var { color: #EE5F5B; }
.pln { color: #93a1a1; }
.str, .atv { color: #D14; }
.kwd, .linenums .tag { color: #1e347b; }
.typ, .atn, .dec, .var { color: teal; }
.pln { color: #48484c; }
pre.prettyprint {
background-color: #fefbf3;
padding: 9px;
@@ -17,8 +17,14 @@ pre.prettyprint {
background-color: #252525;
}
pre.prettyprint {
padding: 8px;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
}
/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin: 0 0 0 40px; } /* IE indents via margin-left */
ol.linenums li { color: #444; line-height: 18px; }
ol.linenums li { color: #bebec5; line-height: 18px; text-shadow: 0 1px 0 #fff; }
/* Alternate shading for lines */
li.L1, li.L3, li.L5, li.L7, li.L9 { }