Mercurial > hg
annotate templates/static/style-paper.css @ 7313:15981c8f6cf1
paper: don't keep the menu affixed to the top
This makes scrolling slow and causes browsers to use a lot of CPU time.
author | Dirkjan Ochtman <dirkjan@ochtman.nl> |
---|---|
date | Wed, 05 Nov 2008 09:42:52 +0100 |
parents | 288dda59233c |
children | a0843c82d1a2 |
rev | line source |
---|---|
6436 | 1 body { |
2 margin: 0; | |
3 padding: 0; | |
6661
d1a312daa574
hgweb: add paper style derived from coal
Matt Mackall <mpm@selenic.com>
parents:
6571
diff
changeset
|
4 background: white; |
6451 | 5 font-family: sans-serif; |
6436 | 6 } |
7 | |
6453 | 8 .container { |
6661
d1a312daa574
hgweb: add paper style derived from coal
Matt Mackall <mpm@selenic.com>
parents:
6571
diff
changeset
|
9 padding-left: 115px; |
6453 | 10 } |
11 | |
6436 | 12 .main { |
6453 | 13 position: relative; |
6436 | 14 background: white; |
6661
d1a312daa574
hgweb: add paper style derived from coal
Matt Mackall <mpm@selenic.com>
parents:
6571
diff
changeset
|
15 padding: 2em 2em 2em 0; |
6436 | 16 } |
17 | |
6864
105d8676a688
coal/paper: fixed box via an expression for IE < 7
rubik <ribik@sina.com>
parents:
6694
diff
changeset
|
18 #.main { |
105d8676a688
coal/paper: fixed box via an expression for IE < 7
rubik <ribik@sina.com>
parents:
6694
diff
changeset
|
19 width: 98%; |
105d8676a688
coal/paper: fixed box via an expression for IE < 7
rubik <ribik@sina.com>
parents:
6694
diff
changeset
|
20 } |
105d8676a688
coal/paper: fixed box via an expression for IE < 7
rubik <ribik@sina.com>
parents:
6694
diff
changeset
|
21 |
6436 | 22 .overflow { |
23 width: 100%; | |
24 overflow: auto; | |
25 } | |
26 | |
27 .menu { | |
6661
d1a312daa574
hgweb: add paper style derived from coal
Matt Mackall <mpm@selenic.com>
parents:
6571
diff
changeset
|
28 width: 90px; |
6436 | 29 margin: 0; |
6463 | 30 font-size: 80%; |
6436 | 31 text-align: left; |
7313
15981c8f6cf1
paper: don't keep the menu affixed to the top
Dirkjan Ochtman <dirkjan@ochtman.nl>
parents:
7299
diff
changeset
|
32 position: absolute; |
6661
d1a312daa574
hgweb: add paper style derived from coal
Matt Mackall <mpm@selenic.com>
parents:
6571
diff
changeset
|
33 top: 20px; |
d1a312daa574
hgweb: add paper style derived from coal
Matt Mackall <mpm@selenic.com>
parents:
6571
diff
changeset
|
34 left: 20px; |
d1a312daa574
hgweb: add paper style derived from coal
Matt Mackall <mpm@selenic.com>
parents:
6571
diff
changeset
|
35 right: auto; |
6436 | 36 } |
37 | |
38 .menu ul { | |
39 list-style: none; | |
40 padding: 0; | |
41 margin: 10px 0 0 0; | |
6661
d1a312daa574
hgweb: add paper style derived from coal
Matt Mackall <mpm@selenic.com>
parents:
6571
diff
changeset
|
42 border-left: 2px solid #999; |
6436 | 43 } |
44 | |
45 .menu li { | |
46 margin-bottom: 3px; | |
47 padding: 2px 4px; | |
48 background: white; | |
49 color: black; | |
50 font-weight: normal; | |
51 } | |
52 | |
53 .menu li.active { | |
6661
d1a312daa574
hgweb: add paper style derived from coal
Matt Mackall <mpm@selenic.com>
parents:
6571
diff
changeset
|
54 font-weight: bold; |
6436 | 55 } |
56 | |
6463 | 57 .menu a { color: black; display: block; } |
58 | |
6436 | 59 .search { |
60 position: absolute; | |
61 top: .7em; | |
62 right: 2em; | |
63 } | |
64 | |
7299
288dda59233c
coal/paper: show a search tip when hovering over search box
Benoit Allard <benoit@aeteurope.nl>
parents:
7181
diff
changeset
|
65 form.search span { |
288dda59233c
coal/paper: show a search tip when hovering over search box
Benoit Allard <benoit@aeteurope.nl>
parents:
7181
diff
changeset
|
66 display: none; |
288dda59233c
coal/paper: show a search tip when hovering over search box
Benoit Allard <benoit@aeteurope.nl>
parents:
7181
diff
changeset
|
67 position: absolute; |
288dda59233c
coal/paper: show a search tip when hovering over search box
Benoit Allard <benoit@aeteurope.nl>
parents:
7181
diff
changeset
|
68 top: 40px; |
288dda59233c
coal/paper: show a search tip when hovering over search box
Benoit Allard <benoit@aeteurope.nl>
parents:
7181
diff
changeset
|
69 right: 0px; |
288dda59233c
coal/paper: show a search tip when hovering over search box
Benoit Allard <benoit@aeteurope.nl>
parents:
7181
diff
changeset
|
70 width: 190px; |
288dda59233c
coal/paper: show a search tip when hovering over search box
Benoit Allard <benoit@aeteurope.nl>
parents:
7181
diff
changeset
|
71 padding: 5px; |
288dda59233c
coal/paper: show a search tip when hovering over search box
Benoit Allard <benoit@aeteurope.nl>
parents:
7181
diff
changeset
|
72 background: #ffc; |
288dda59233c
coal/paper: show a search tip when hovering over search box
Benoit Allard <benoit@aeteurope.nl>
parents:
7181
diff
changeset
|
73 font-size: 70%; |
288dda59233c
coal/paper: show a search tip when hovering over search box
Benoit Allard <benoit@aeteurope.nl>
parents:
7181
diff
changeset
|
74 border: 1px solid yellow; |
288dda59233c
coal/paper: show a search tip when hovering over search box
Benoit Allard <benoit@aeteurope.nl>
parents:
7181
diff
changeset
|
75 -moz-border-radius: 5px; /* this works only in camino/firefox */ |
288dda59233c
coal/paper: show a search tip when hovering over search box
Benoit Allard <benoit@aeteurope.nl>
parents:
7181
diff
changeset
|
76 -webkit-border-radius: 5px; /* this is just for Safari */ |
288dda59233c
coal/paper: show a search tip when hovering over search box
Benoit Allard <benoit@aeteurope.nl>
parents:
7181
diff
changeset
|
77 } |
288dda59233c
coal/paper: show a search tip when hovering over search box
Benoit Allard <benoit@aeteurope.nl>
parents:
7181
diff
changeset
|
78 |
288dda59233c
coal/paper: show a search tip when hovering over search box
Benoit Allard <benoit@aeteurope.nl>
parents:
7181
diff
changeset
|
79 form.search:hover span { display: block; } |
288dda59233c
coal/paper: show a search tip when hovering over search box
Benoit Allard <benoit@aeteurope.nl>
parents:
7181
diff
changeset
|
80 |
6436 | 81 a { text-decoration:none; } |
82 .age { white-space:nowrap; } | |
83 .date { white-space:nowrap; } | |
84 .indexlinks { white-space:nowrap; } | |
85 .parity0 { background-color: #f5f5f5; } | |
86 .parity1 { background-color: white; } | |
87 .plusline { color: green; } | |
88 .minusline { color: red; } | |
89 .atline { color: purple; } | |
90 | |
91 .navigate { | |
92 text-align: right; | |
93 font-size: 60%; | |
94 margin: 1em 0 1em 0; | |
95 } | |
96 | |
97 .tag { | |
98 color: #999; | |
99 font-size: 70%; | |
100 font-weight: normal; | |
101 margin-left: .5em; | |
6571
e6f71ca3de8a
coal: fix CSS errors as reported by Firefox
Dirkjan Ochtman <dirkjan@ochtman.nl>
parents:
6463
diff
changeset
|
102 vertical-align: baseline; |
6436 | 103 } |
104 | |
105 /* Common */ | |
106 pre { margin: 0; } | |
107 | |
108 h2 { font-size: 120%; border-bottom: 1px solid #999; } | |
109 h3 { | |
110 margin-top: -.7em; | |
111 font-size: 100%; | |
112 } | |
113 | |
114 /* log and tags tables */ | |
115 .bigtable { | |
116 border-bottom: 1px solid #999; | |
117 border-collapse: collapse; | |
118 font-size: 90%; | |
119 width: 100%; | |
120 font-weight: normal; | |
121 text-align: left; | |
122 } | |
123 | |
124 .bigtable td { | |
125 padding: 1px 4px 1px 4px; | |
126 vertical-align: top; | |
127 } | |
128 | |
129 .bigtable th { | |
130 padding: 1px 4px 1px 4px; | |
131 border-bottom: 1px solid #999; | |
132 font-size: smaller; | |
133 } | |
134 .bigtable tr { border: none; } | |
135 .bigtable .age { width: 6em; } | |
7181
1e39a2459359
coal/paper: widen author column in log table
Dirkjan Ochtman <dirkjan@ochtman.nl>
parents:
6905
diff
changeset
|
136 .bigtable .author { width: 12em; } |
6436 | 137 .bigtable .description { } |
138 .bigtable .node { width: 5em; font-family: monospace;} | |
139 .bigtable .lineno { width: 2em; text-align: right;} | |
140 .bigtable .lineno a { color: #999; font-size: smaller; font-family: monospace;} | |
141 .bigtable td.source { font-family: monospace; white-space: pre; } | |
6452 | 142 .bigtable .permissions { width: 8em; text-align: left;} |
6436 | 143 .bigtable .size { width: 5em; text-align: right; } |
6571
e6f71ca3de8a
coal: fix CSS errors as reported by Firefox
Dirkjan Ochtman <dirkjan@ochtman.nl>
parents:
6463
diff
changeset
|
144 .bigtable .annotate { text-align: right; } |
6436 | 145 .bigtable td.annotate { font-size: smaller; } |
146 | |
6454 | 147 .fileline { font-family: monospace; } |
6463 | 148 .fileline img { border: 0; } |
6454 | 149 |
6436 | 150 /* Changeset entry */ |
151 #changesetEntry { | |
152 border-collapse: collapse; | |
153 font-size: 90%; | |
154 width: 100%; | |
155 margin-bottom: 1em; | |
156 } | |
157 | |
158 #changesetEntry th { | |
159 padding: 1px 4px 1px 4px; | |
160 width: 4em; | |
161 text-align: right; | |
162 font-weight: normal; | |
163 color: #999; | |
164 margin-right: .5em; | |
165 vertical-align: top; | |
166 } | |
167 | |
168 div.description { | |
6661
d1a312daa574
hgweb: add paper style derived from coal
Matt Mackall <mpm@selenic.com>
parents:
6571
diff
changeset
|
169 border-left: 2px solid #999; |
6436 | 170 margin: 1em 0 1em 0; |
171 padding: .3em; | |
172 } | |
6692
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
173 |
6693
7f58dec6aeb7
hgweb: Fix up non-coal styles to support graph.
Augie Fackler <durin42@gmail.com>
parents:
6661
diff
changeset
|
174 /* Graph */ |
6692
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
175 div#wrapper { |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
176 position: relative; |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
177 border-top: 1px solid black; |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
178 border-bottom: 1px solid black; |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
179 margin: 0; |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
180 padding: 0; |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
181 } |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
182 |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
183 canvas { |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
184 position: absolute; |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
185 z-index: 5; |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
186 top: -0.7em; |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
187 margin: 0; |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
188 } |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
189 |
6693
7f58dec6aeb7
hgweb: Fix up non-coal styles to support graph.
Augie Fackler <durin42@gmail.com>
parents:
6661
diff
changeset
|
190 ul#nodebgs { |
7f58dec6aeb7
hgweb: Fix up non-coal styles to support graph.
Augie Fackler <durin42@gmail.com>
parents:
6661
diff
changeset
|
191 list-style: none inside none; |
7f58dec6aeb7
hgweb: Fix up non-coal styles to support graph.
Augie Fackler <durin42@gmail.com>
parents:
6661
diff
changeset
|
192 padding: 0; |
7f58dec6aeb7
hgweb: Fix up non-coal styles to support graph.
Augie Fackler <durin42@gmail.com>
parents:
6661
diff
changeset
|
193 margin: 0; |
7f58dec6aeb7
hgweb: Fix up non-coal styles to support graph.
Augie Fackler <durin42@gmail.com>
parents:
6661
diff
changeset
|
194 top: -0.7em; |
7f58dec6aeb7
hgweb: Fix up non-coal styles to support graph.
Augie Fackler <durin42@gmail.com>
parents:
6661
diff
changeset
|
195 } |
7f58dec6aeb7
hgweb: Fix up non-coal styles to support graph.
Augie Fackler <durin42@gmail.com>
parents:
6661
diff
changeset
|
196 |
7f58dec6aeb7
hgweb: Fix up non-coal styles to support graph.
Augie Fackler <durin42@gmail.com>
parents:
6661
diff
changeset
|
197 ul#graphnodes li, ul#nodebgs li { |
7f58dec6aeb7
hgweb: Fix up non-coal styles to support graph.
Augie Fackler <durin42@gmail.com>
parents:
6661
diff
changeset
|
198 height: 39px; |
7f58dec6aeb7
hgweb: Fix up non-coal styles to support graph.
Augie Fackler <durin42@gmail.com>
parents:
6661
diff
changeset
|
199 } |
7f58dec6aeb7
hgweb: Fix up non-coal styles to support graph.
Augie Fackler <durin42@gmail.com>
parents:
6661
diff
changeset
|
200 |
6692
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
201 ul#graphnodes { |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
202 position: absolute; |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
203 z-index: 10; |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
204 top: -1.0em; |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
205 list-style: none inside none; |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
206 padding: 0; |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
207 } |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
208 |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
209 ul#graphnodes li .info { |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
210 display: block; |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
211 font-size: 70%; |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
212 position: relative; |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
213 top: -3px; |
683428d1e639
make graph view work with paper style
Matt Mackall <mpm@selenic.com>
parents:
6661
diff
changeset
|
214 } |