From 7a347d832f08ec9e9214ced7ad7a329d8b44af60 Mon Sep 17 00:00:00 2001 From: Saman Bemel-Benrud Date: Tue, 15 Jan 2013 16:54:50 -0500 Subject: [PATCH] lets see if I can put this site on a grid. --- css/app.css | 42 +++++++++++++++++++++++++++++++++--------- 1 file changed, 33 insertions(+), 9 deletions(-) diff --git a/css/app.css b/css/app.css index 4aba98318..fb6a894a3 100644 --- a/css/app.css +++ b/css/app.css @@ -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;