author | Lars Hjemli <hjemli@gmail.com> | 2007-11-16 08:52:03 (UTC) |
---|---|---|
committer | Lars Hjemli <hjemli@gmail.com> | 2007-11-16 08:52:03 (UTC) |
commit | 6ef637e0908ca5a14675b3513f48cd390d3757fe (patch) (side-by-side diff) | |
tree | e9e74f73e3d52d5b1fb931ac92a99476d09130af /cgit.css | |
parent | fd90d2826a979f3844312718ad130880cf19d52c (diff) | |
download | cgit-6ef637e0908ca5a14675b3513f48cd390d3757fe.zip cgit-6ef637e0908ca5a14675b3513f48cd390d3757fe.tar.gz cgit-6ef637e0908ca5a14675b3513f48cd390d3757fe.tar.bz2 |
Use tables for page layout
It feels like the Right Thing, and it fixes some rendering problems in a
much used webbrowser.
Signed-off-by: Lars Hjemli <hjemli@gmail.com>
-rw-r--r-- | cgit.css | 49 |
1 files changed, 29 insertions, 20 deletions
@@ -9,5 +9,5 @@ body { color: #333; background: white; - padding-left: 4px; + padding: 4px; } @@ -79,17 +79,27 @@ img { } -div#sidebar { +table#layout { + border-collapse: collapse; + border: none; + margin: 0px; +} + +td#sidebar { vertical-align: top; width: 162px; padding: 0px 0px 0px 0px; - margin: 4px; - float: left; + margin: 0px; } -div#logo { +td#sidebar table { + border-collapse: separate; + border-spacing: 0px; margin: 0px; - padding: 4px 0px 4px 0px; - text-align: center; + padding: 0px; background-color: #ccc; +} + +td#sidebar table.sidebar td.sidebar { + padding: 4px; border-top: solid 1px #eee; border-left: solid 1px #eee; @@ -98,8 +108,8 @@ div#logo { } -div#sidebar div.infobox { - margin: 0px 0px 0px 0px; - padding: 0.5em; - text-align: left; +div#logo { + margin: 0px; + padding: 4px 0px 4px 0px; + text-align: center; background-color: #ccc; border-top: solid 1px #eee; @@ -109,5 +119,5 @@ div#sidebar div.infobox { } -div#sidebar div.infobox h1 { +td#sidebar h1 { font-size: 10pt; font-weight: bold; @@ -115,9 +125,9 @@ div#sidebar div.infobox h1 { } -div#sidebar div.infobox h1.first { +td#sidebar h1.first { margin-top: 0px; } -div#sidebar div.infobox a.menu { +td#sidebar a.menu { display: block; background-color: #ccc; @@ -126,24 +136,23 @@ div#sidebar div.infobox a.menu { } -div#sidebar div.infobox a.menu:hover { +td#sidebar a.menu:hover { background-color: #bbb; text-decoration: none; } -div#sidebar div.infobox select { +td#sidebar select { width: 100%; margin: 2px 0px 0px 0px; } -td#branch-dropdown-cell { - width: 99%; +td#sidebar form { + text-align: right; } input#switch-btn { - width: 20px; margin: 2px 0px 0px 0px; } -div#sidebar div.infobox input.txt { +td#sidebar input.txt { width: 100%; margin: 2px 0px 0px 0px; |