2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-17 19:21:23 +03:00

Updated offset columns, fix app.js bug, misc tweaks to copy

This commit is contained in:
Mark Otto
2011-06-30 15:56:25 -07:00
parent b088458089
commit 460a84a926
8 changed files with 205 additions and 146 deletions
+108 -36
View File
@@ -128,144 +128,216 @@ aside {
*/
/* Baseline Grid System
-------------------------------------------------- */
div.row {
.row {
zoom: 1;
}
div.row:after {
.row:after {
display: block;
visibility: hidden;
height: 0;
clear: both;
content: ".";
}
div.row div.span1 {
.row .span1 {
float: left;
width: 40px;
margin-left: 20px;
}
div.row div.span1:first-child {
.row .span1:first-child {
margin-left: 0;
}
div.row div.span2 {
.row .span2 {
float: left;
width: 100px;
margin-left: 20px;
}
div.row div.span2:first-child {
.row .span2:first-child {
margin-left: 0;
}
div.row div.span3 {
.row .span3 {
float: left;
width: 160px;
margin-left: 20px;
}
div.row div.span3:first-child {
.row .span3:first-child {
margin-left: 0;
}
div.row div.span4 {
.row .span4 {
float: left;
width: 220px;
margin-left: 20px;
}
div.row div.span4:first-child {
.row .span4:first-child {
margin-left: 0;
}
div.row div.span5 {
.row .span5 {
float: left;
width: 280px;
margin-left: 20px;
}
div.row div.span5:first-child {
.row .span5:first-child {
margin-left: 0;
}
div.row div.span6 {
.row .span6 {
float: left;
width: 340px;
margin-left: 20px;
}
div.row div.span6:first-child {
.row .span6:first-child {
margin-left: 0;
}
div.row div.span7 {
.row .span7 {
float: left;
width: 400px;
margin-left: 20px;
}
div.row div.span7:first-child {
.row .span7:first-child {
margin-left: 0;
}
div.row div.span8 {
.row .span8 {
float: left;
width: 460px;
margin-left: 20px;
}
div.row div.span8:first-child {
.row .span8:first-child {
margin-left: 0;
}
div.row div.span9 {
.row .span9 {
float: left;
width: 520px;
margin-left: 20px;
}
div.row div.span9:first-child {
.row .span9:first-child {
margin-left: 0;
}
div.row div.span10 {
.row .span10 {
float: left;
width: 580px;
margin-left: 20px;
}
div.row div.span10:first-child {
.row .span10:first-child {
margin-left: 0;
}
div.row div.span11 {
.row .span11 {
float: left;
width: 640px;
margin-left: 20px;
}
div.row div.span11:first-child {
.row .span11:first-child {
margin-left: 0;
}
div.row div.span12 {
.row .span12 {
float: left;
width: 700px;
margin-left: 20px;
}
div.row div.span12:first-child {
.row .span12:first-child {
margin-left: 0;
}
div.row div.span13 {
.row .span13 {
float: left;
width: 760px;
margin-left: 20px;
}
div.row div.span13:first-child {
.row .span13:first-child {
margin-left: 0;
}
div.row div.span14 {
.row .span14 {
float: left;
width: 820px;
margin-left: 20px;
}
div.row div.span14:first-child {
.row .span14:first-child {
margin-left: 0;
}
div.row div.span15 {
.row .span15 {
float: left;
width: 880px;
margin-left: 20px;
}
div.row div.span15:first-child {
.row .span15:first-child {
margin-left: 0;
}
div.row div.span16 {
.row .span16 {
float: left;
width: 940px;
margin-left: 20px;
}
div.row div.span16:first-child {
.row .span16:first-child {
margin-left: 0;
}
.row .offset1 {
margin-left: 80px !important;
}
.row .offset1:first-child {
margin-left: 60px !important;
}
.row .offset2 {
margin-left: 140px !important;
}
.row .offset2:first-child {
margin-left: 120px !important;
}
.row .offset3 {
margin-left: 200px !important;
}
.row .offset3:first-child {
margin-left: 180px !important;
}
.row .offset4 {
margin-left: 260px !important;
}
.row .offset4:first-child {
margin-left: 240px !important;
}
.row .offset5 {
margin-left: 320px !important;
}
.row .offset5:first-child {
margin-left: 300px !important;
}
.row .offset6 {
margin-left: 380px !important;
}
.row .offset6:first-child {
margin-left: 360px !important;
}
.row .offset7 {
margin-left: 440px !important;
}
.row .offset7:first-child {
margin-left: 420px !important;
}
.row .offset8 {
margin-left: 500px !important;
}
.row .offset8:first-child {
margin-left: 480px !important;
}
.row .offset9 {
margin-left: 500px !important;
}
.row .offset9:first-child {
margin-left: 480px !important;
}
.row .offset10 {
margin-left: 620px !important;
}
.row .offset10:first-child {
margin-left: 600px !important;
}
.row .offset11 {
margin-left: 680px !important;
}
.row .offset11:first-child {
margin-left: 660px !important;
}
.row .offset12 {
margin-left: 740px !important;
}
.row .offset12:first-child {
margin-left: 720px !important;
}
/* Structural Layout
-------------------------------------------------- */
html, body {
@@ -928,10 +1000,10 @@ table th {
/* Zebra-striping
-------------------------------------------------- */
table.zebra-striped tbody tr:nth-child(odd) td {
background-color: #f5f5f5;
background-color: #f9f9f9;
}
table.zebra-striped tbody tr:hover td {
background-color: #f1f1f1;
background-color: #f5f5f5;
}
table.zebra-striped th.header {
cursor: pointer;