mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-05 16:42:29 +03:00
overhaul docs CSS since it was scalable, converted docs mastheads and footers to classes and HTML5 elements, add masthead to js docs page but make it slate so it looks cool and stands out
This commit is contained in:
Mark Otto
Vendored
+93
-90
@@ -6,7 +6,7 @@
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Designed and built with all the love in the world @twitter by @mdo and @fat.
|
||||
* Date: Sat Sep 10 15:29:50 PDT 2011
|
||||
* Date: Sat Sep 10 20:34:52 PDT 2011
|
||||
*/
|
||||
/* Reset.less
|
||||
* Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
|
||||
@@ -279,6 +279,88 @@ TODO:
|
||||
* Scaffolding
|
||||
* Basic and global styles for generating a grid system, structural layout, and page templates
|
||||
* ------------------------------------------------------------------------------------------- */
|
||||
html, body {
|
||||
background-color: #fff;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 13px;
|
||||
font-weight: normal;
|
||||
line-height: 18px;
|
||||
color: #404040;
|
||||
}
|
||||
.container {
|
||||
width: 940px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
zoom: 1;
|
||||
}
|
||||
.container:before, .container:after {
|
||||
display: table;
|
||||
content: "";
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
.container:after {
|
||||
clear: both;
|
||||
}
|
||||
.container-fluid {
|
||||
position: relative;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
zoom: 1;
|
||||
}
|
||||
.container-fluid:before, .container-fluid:after {
|
||||
display: table;
|
||||
content: "";
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
.container-fluid:after {
|
||||
clear: both;
|
||||
}
|
||||
.container-fluid > .sidebar {
|
||||
float: left;
|
||||
width: 220px;
|
||||
}
|
||||
.container-fluid > .content {
|
||||
min-width: 700px;
|
||||
max-width: 1180px;
|
||||
margin-left: 240px;
|
||||
zoom: 1;
|
||||
}
|
||||
.container-fluid > .content:before, .container-fluid > .content:after {
|
||||
display: table;
|
||||
content: "";
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
.container-fluid > .content:after {
|
||||
clear: both;
|
||||
}
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
.show {
|
||||
display: block;
|
||||
}
|
||||
a {
|
||||
color: #0069d6;
|
||||
text-decoration: none;
|
||||
line-height: inherit;
|
||||
font-weight: inherit;
|
||||
}
|
||||
a:hover {
|
||||
color: #0050a3;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.pull-right {
|
||||
float: right;
|
||||
}
|
||||
.pull-left {
|
||||
float: left;
|
||||
}
|
||||
.row {
|
||||
zoom: 1;
|
||||
margin-left: -20px;
|
||||
@@ -417,88 +499,6 @@ TODO:
|
||||
.row .offset-two-thirds {
|
||||
margin-left: 660px;
|
||||
}
|
||||
html, body {
|
||||
background-color: #fff;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 13px;
|
||||
font-weight: normal;
|
||||
line-height: 18px;
|
||||
color: #808080;
|
||||
}
|
||||
.container {
|
||||
width: 940px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
zoom: 1;
|
||||
}
|
||||
.container:before, .container:after {
|
||||
display: table;
|
||||
content: "";
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
.container:after {
|
||||
clear: both;
|
||||
}
|
||||
.container-fluid {
|
||||
position: relative;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
zoom: 1;
|
||||
}
|
||||
.container-fluid:before, .container-fluid:after {
|
||||
display: table;
|
||||
content: "";
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
.container-fluid:after {
|
||||
clear: both;
|
||||
}
|
||||
.container-fluid > .sidebar {
|
||||
float: left;
|
||||
width: 220px;
|
||||
}
|
||||
.container-fluid > .content {
|
||||
min-width: 700px;
|
||||
max-width: 1180px;
|
||||
margin-left: 240px;
|
||||
zoom: 1;
|
||||
}
|
||||
.container-fluid > .content:before, .container-fluid > .content:after {
|
||||
display: table;
|
||||
content: "";
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
.container-fluid > .content:after {
|
||||
clear: both;
|
||||
}
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
.show {
|
||||
display: block;
|
||||
}
|
||||
a {
|
||||
color: #0069d6;
|
||||
text-decoration: none;
|
||||
line-height: inherit;
|
||||
font-weight: inherit;
|
||||
}
|
||||
a:hover {
|
||||
color: #0050a3;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.pull-right {
|
||||
float: right;
|
||||
}
|
||||
.pull-left {
|
||||
float: left;
|
||||
}
|
||||
/* Typography.less
|
||||
* Headings, body text, lists, code, and more for a versatile and durable typography system
|
||||
* ---------------------------------------------------------------------------------------- */
|
||||
@@ -606,7 +606,7 @@ dl dd {
|
||||
margin-left: 9px;
|
||||
}
|
||||
hr {
|
||||
margin: 0 0 19px;
|
||||
margin: 20px 0 19px;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
@@ -997,7 +997,7 @@ textarea[readonly] {
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.inputs-list li label {
|
||||
.inputs-list label {
|
||||
display: block;
|
||||
float: none;
|
||||
width: auto;
|
||||
@@ -1006,20 +1006,23 @@ textarea[readonly] {
|
||||
text-align: left;
|
||||
white-space: normal;
|
||||
}
|
||||
.inputs-list li label strong {
|
||||
.inputs-list label strong {
|
||||
color: #808080;
|
||||
}
|
||||
.inputs-list li label small {
|
||||
.inputs-list label small {
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
}
|
||||
.inputs-list li ul.inputs-list {
|
||||
.inputs-list .inputs-list {
|
||||
margin-left: 25px;
|
||||
margin-bottom: 10px;
|
||||
padding-top: 0;
|
||||
}
|
||||
.inputs-list li:first-child {
|
||||
padding-top: 5px;
|
||||
.inputs-list:first-child {
|
||||
padding-top: 6px;
|
||||
}
|
||||
.inputs-list li + li {
|
||||
padding-top: 2px;
|
||||
}
|
||||
.inputs-list input[type=radio], .inputs-list input[type=checkbox] {
|
||||
margin-bottom: 0;
|
||||
|
||||
Reference in New Issue
Block a user