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) (unidiff) | |
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 { | |||
9 | color: #333; | 9 | color: #333; |
10 | background: white; | 10 | background: white; |
11 | padding-left: 4px; | 11 | padding: 4px; |
12 | } | 12 | } |
13 | 13 | ||
@@ -79,17 +79,27 @@ img { | |||
79 | } | 79 | } |
80 | 80 | ||
81 | div#sidebar { | 81 | table#layout { |
82 | border-collapse: collapse; | ||
83 | border: none; | ||
84 | margin: 0px; | ||
85 | } | ||
86 | |||
87 | td#sidebar { | ||
82 | vertical-align: top; | 88 | vertical-align: top; |
83 | width: 162px; | 89 | width: 162px; |
84 | padding: 0px 0px 0px 0px; | 90 | padding: 0px 0px 0px 0px; |
85 | margin: 4px; | 91 | margin: 0px; |
86 | float: left; | ||
87 | } | 92 | } |
88 | 93 | ||
89 | div#logo { | 94 | td#sidebar table { |
95 | border-collapse: separate; | ||
96 | border-spacing: 0px; | ||
90 | margin: 0px; | 97 | margin: 0px; |
91 | padding: 4px 0px 4px 0px; | 98 | padding: 0px; |
92 | text-align: center; | ||
93 | background-color: #ccc; | 99 | background-color: #ccc; |
100 | } | ||
101 | |||
102 | td#sidebar table.sidebar td.sidebar { | ||
103 | padding: 4px; | ||
94 | border-top: solid 1px #eee; | 104 | border-top: solid 1px #eee; |
95 | border-left: solid 1px #eee; | 105 | border-left: solid 1px #eee; |
@@ -98,8 +108,8 @@ div#logo { | |||
98 | } | 108 | } |
99 | 109 | ||
100 | div#sidebar div.infobox { | 110 | div#logo { |
101 | margin: 0px 0px 0px 0px; | 111 | margin: 0px; |
102 | padding: 0.5em; | 112 | padding: 4px 0px 4px 0px; |
103 | text-align: left; | 113 | text-align: center; |
104 | background-color: #ccc; | 114 | background-color: #ccc; |
105 | border-top: solid 1px #eee; | 115 | border-top: solid 1px #eee; |
@@ -109,5 +119,5 @@ div#sidebar div.infobox { | |||
109 | } | 119 | } |
110 | 120 | ||
111 | div#sidebar div.infobox h1 { | 121 | td#sidebar h1 { |
112 | font-size: 10pt; | 122 | font-size: 10pt; |
113 | font-weight: bold; | 123 | font-weight: bold; |
@@ -115,9 +125,9 @@ div#sidebar div.infobox h1 { | |||
115 | } | 125 | } |
116 | 126 | ||
117 | div#sidebar div.infobox h1.first { | 127 | td#sidebar h1.first { |
118 | margin-top: 0px; | 128 | margin-top: 0px; |
119 | } | 129 | } |
120 | 130 | ||
121 | div#sidebar div.infobox a.menu { | 131 | td#sidebar a.menu { |
122 | display: block; | 132 | display: block; |
123 | background-color: #ccc; | 133 | background-color: #ccc; |
@@ -126,24 +136,23 @@ div#sidebar div.infobox a.menu { | |||
126 | } | 136 | } |
127 | 137 | ||
128 | div#sidebar div.infobox a.menu:hover { | 138 | td#sidebar a.menu:hover { |
129 | background-color: #bbb; | 139 | background-color: #bbb; |
130 | text-decoration: none; | 140 | text-decoration: none; |
131 | } | 141 | } |
132 | 142 | ||
133 | div#sidebar div.infobox select { | 143 | td#sidebar select { |
134 | width: 100%; | 144 | width: 100%; |
135 | margin: 2px 0px 0px 0px; | 145 | margin: 2px 0px 0px 0px; |
136 | } | 146 | } |
137 | 147 | ||
138 | td#branch-dropdown-cell { | 148 | td#sidebar form { |
139 | width: 99%; | 149 | text-align: right; |
140 | } | 150 | } |
141 | 151 | ||
142 | input#switch-btn { | 152 | input#switch-btn { |
143 | width: 20px; | ||
144 | margin: 2px 0px 0px 0px; | 153 | margin: 2px 0px 0px 0px; |
145 | } | 154 | } |
146 | 155 | ||
147 | div#sidebar div.infobox input.txt { | 156 | td#sidebar input.txt { |
148 | width: 100%; | 157 | width: 100%; |
149 | margin: 2px 0px 0px 0px; | 158 | margin: 2px 0px 0px 0px; |