lets see if I can put this site on a grid.

This commit is contained in:
Saman Bemel-Benrud
2013-01-15 16:54:50 -05:00
parent 55ecf4d473
commit 7a347d832f
+33 -9
View File
@@ -121,6 +121,36 @@ table.tags, table.tags td, table.tags th {
padding: 4px;
}
/* Grid
------------------------------------------------------- */
.col0 { float:left; width:04.1666%; }
.col1 { float:left; width:08.3333%; }
.col2 { float:left; width:16.6666%; }
.col3 { float:left; width:25.0000%; }
.col4 { float:left; width:33.3333%; }
.col5 { float:left; width:41.6666%; }
.col6 { float:left; width:50.0000%; }
.col7 { float:left; width:58.3333%; }
.col8 { float:left; width:66.6666%; }
.col9 { float:left; width:75.0000%; }
.col10 { float:left; width:83.3333%; }
.col11 { float:left; width:91.6666%; }
.col12 { float:left; width:100.0000%; }
.margin0 { margin-left: 04.1666%; }
.margin1 { margin-left: 08.3333%; }
.margin2 { margin-left: 16.6666%; }
.margin3 { margin-left: 25.0000%; }
.margin4 { margin-left: 33.3333%; }
.margin5 { margin-left: 41.6666%; }
.margin6 { margin-left: 50.0000%; }
.margin7 { margin-left: 58.3333%; }
.margin8 { margin-left: 66.6666%; }
.margin9 { margin-left: 75.0000%; }
.margin10 { margin-left: 83.3333%; }
.margin11 { margin-left: 91.6666%; }
.margin12 { margin-left: 100.0000%; }
/* UI Lists
------------------------------------------------------- */
@@ -280,10 +310,10 @@ button.centered {
}
button.action {
background-color: #7092ff;
background: #444;
}
button.action:hover {
background-color: #6282ee;
background: #222;
}
button.delete {
@@ -294,10 +324,8 @@ button.delete:hover {
}
button.save {
background-color: #6bc641;
min-width: 120px;
width: auto;
position: relative;
}
button.save.has-count {
@@ -310,7 +338,7 @@ button.save .count {
button.save.has-count .count {
display: block;
color: #6bc641;
color: #444;
background: #fff;
border-radius: 0 3px 3px 0;
padding: 9px;
@@ -320,10 +348,6 @@ button.save.has-count .count {
margin-right: -8px;
}
button.save:hover {
background-color: #59ac33;
}
button.close {
position: absolute;
top: 10px;