Fossil SCM
Superior alternative to [e4aca28d1c3f5e8d]: instead of trying to treat the title on pages like /chat specially, treating the four main doc types specially, turning the body-area h1 on only in that case. This restores the Étienne skin's behavior for all other page types.
Commit
b1f6753c6766123a98c64a869e0ccf671991db87c61b608eb79d6cd40a1ef244
Parent
b3f449e85bd0e1c…
1 file changed
+32
-11
+32
-11
| --- skins/default/css.txt | ||
| +++ skins/default/css.txt | ||
| @@ -32,14 +32,40 @@ | ||
| 32 | 32 | |
| 33 | 33 | .title { |
| 34 | 34 | color: #4183C4; |
| 35 | 35 | float: left; |
| 36 | 36 | } |
| 37 | +h1.page-title { | |
| 38 | + display: none; /* don't use body-area h1 except… */ | |
| 39 | +} | |
| 40 | +.artifact h1.page-title, | |
| 41 | +.dir h1.page-title, | |
| 42 | +.doc h1.page-title, | |
| 43 | +.wiki h1.page-title { | |
| 44 | + display: block; /* …for potentially long doc titles… */ | |
| 45 | +} | |
| 46 | +.artifact .title > .page-title, | |
| 47 | +.dir .title > .page-title, | |
| 48 | +.doc .title > .page-title, | |
| 49 | +.wiki .title > .page-title { | |
| 50 | + display: none; /* …where we suppress the title area h1 instead */ | |
| 51 | +} | |
| 37 | 52 | .title h1 { |
| 38 | 53 | display: inline; |
| 39 | 54 | font-size: 2.20em; |
| 40 | 55 | } |
| 56 | +.title h1:after { | |
| 57 | + content: " / "; | |
| 58 | + color: #777; | |
| 59 | + font-weight: normal; | |
| 60 | +} | |
| 61 | +.artifact .title h1:after, | |
| 62 | +.dir .title h1:after, | |
| 63 | +.doc .title h1:after, | |
| 64 | +.wiki .title h1:after { | |
| 65 | + content: ""; /* hide solidus for docs along with title h1 */ | |
| 66 | +} | |
| 41 | 67 | .status { |
| 42 | 68 | float: right; |
| 43 | 69 | font-size: 0.8em; |
| 44 | 70 | } |
| 45 | 71 | div.logo { |
| @@ -467,14 +493,17 @@ | ||
| 467 | 493 | .title { |
| 468 | 494 | padding-top: 0px; |
| 469 | 495 | padding-bottom: 0px; |
| 470 | 496 | } |
| 471 | 497 | .title > .page-title { |
| 472 | - display: none; /* use h1 in body area, below menu bar… */ | |
| 498 | + display: inline; /* show page titles above menu bar… */ | |
| 473 | 499 | } |
| 474 | - body.chat > .page-title { | |
| 475 | - display: none; /* …except in mobile chat */ | |
| 500 | + .artifact .title > .page-title, | |
| 501 | + .dir .title > .page-title, | |
| 502 | + .doc .title > .page-title, | |
| 503 | + .wiki .title > .page-title { | |
| 504 | + display: none; /* …except for docs, where it may force wrapping */ | |
| 476 | 505 | } |
| 477 | 506 | h1.page-title { |
| 478 | 507 | font-size: 1.60em; /* match content > h1 */ |
| 479 | 508 | margin-bottom: 0; /* div.content top margin suffices */ |
| 480 | 509 | } |
| @@ -494,18 +523,10 @@ | ||
| 494 | 523 | } |
| 495 | 524 | .title { |
| 496 | 525 | padding-top: 10px; |
| 497 | 526 | padding-bottom: 10px; |
| 498 | 527 | } |
| 499 | - .title h1:after { | |
| 500 | - content: " / "; | |
| 501 | - color: #777; | |
| 502 | - font-weight: normal; | |
| 503 | - } | |
| 504 | - h1.page-title { | |
| 505 | - display: none; /* use h1 in title area, above menu bar */ | |
| 506 | - } | |
| 507 | 528 | span.page-title { |
| 508 | 529 | font-size: 18px; |
| 509 | 530 | } |
| 510 | 531 | div.logo { |
| 511 | 532 | padding-top: 10px; |
| 512 | 533 |
| --- skins/default/css.txt | |
| +++ skins/default/css.txt | |
| @@ -32,14 +32,40 @@ | |
| 32 | |
| 33 | .title { |
| 34 | color: #4183C4; |
| 35 | float: left; |
| 36 | } |
| 37 | .title h1 { |
| 38 | display: inline; |
| 39 | font-size: 2.20em; |
| 40 | } |
| 41 | .status { |
| 42 | float: right; |
| 43 | font-size: 0.8em; |
| 44 | } |
| 45 | div.logo { |
| @@ -467,14 +493,17 @@ | |
| 467 | .title { |
| 468 | padding-top: 0px; |
| 469 | padding-bottom: 0px; |
| 470 | } |
| 471 | .title > .page-title { |
| 472 | display: none; /* use h1 in body area, below menu bar… */ |
| 473 | } |
| 474 | body.chat > .page-title { |
| 475 | display: none; /* …except in mobile chat */ |
| 476 | } |
| 477 | h1.page-title { |
| 478 | font-size: 1.60em; /* match content > h1 */ |
| 479 | margin-bottom: 0; /* div.content top margin suffices */ |
| 480 | } |
| @@ -494,18 +523,10 @@ | |
| 494 | } |
| 495 | .title { |
| 496 | padding-top: 10px; |
| 497 | padding-bottom: 10px; |
| 498 | } |
| 499 | .title h1:after { |
| 500 | content: " / "; |
| 501 | color: #777; |
| 502 | font-weight: normal; |
| 503 | } |
| 504 | h1.page-title { |
| 505 | display: none; /* use h1 in title area, above menu bar */ |
| 506 | } |
| 507 | span.page-title { |
| 508 | font-size: 18px; |
| 509 | } |
| 510 | div.logo { |
| 511 | padding-top: 10px; |
| 512 |
| --- skins/default/css.txt | |
| +++ skins/default/css.txt | |
| @@ -32,14 +32,40 @@ | |
| 32 | |
| 33 | .title { |
| 34 | color: #4183C4; |
| 35 | float: left; |
| 36 | } |
| 37 | h1.page-title { |
| 38 | display: none; /* don't use body-area h1 except… */ |
| 39 | } |
| 40 | .artifact h1.page-title, |
| 41 | .dir h1.page-title, |
| 42 | .doc h1.page-title, |
| 43 | .wiki h1.page-title { |
| 44 | display: block; /* …for potentially long doc titles… */ |
| 45 | } |
| 46 | .artifact .title > .page-title, |
| 47 | .dir .title > .page-title, |
| 48 | .doc .title > .page-title, |
| 49 | .wiki .title > .page-title { |
| 50 | display: none; /* …where we suppress the title area h1 instead */ |
| 51 | } |
| 52 | .title h1 { |
| 53 | display: inline; |
| 54 | font-size: 2.20em; |
| 55 | } |
| 56 | .title h1:after { |
| 57 | content: " / "; |
| 58 | color: #777; |
| 59 | font-weight: normal; |
| 60 | } |
| 61 | .artifact .title h1:after, |
| 62 | .dir .title h1:after, |
| 63 | .doc .title h1:after, |
| 64 | .wiki .title h1:after { |
| 65 | content: ""; /* hide solidus for docs along with title h1 */ |
| 66 | } |
| 67 | .status { |
| 68 | float: right; |
| 69 | font-size: 0.8em; |
| 70 | } |
| 71 | div.logo { |
| @@ -467,14 +493,17 @@ | |
| 493 | .title { |
| 494 | padding-top: 0px; |
| 495 | padding-bottom: 0px; |
| 496 | } |
| 497 | .title > .page-title { |
| 498 | display: inline; /* show page titles above menu bar… */ |
| 499 | } |
| 500 | .artifact .title > .page-title, |
| 501 | .dir .title > .page-title, |
| 502 | .doc .title > .page-title, |
| 503 | .wiki .title > .page-title { |
| 504 | display: none; /* …except for docs, where it may force wrapping */ |
| 505 | } |
| 506 | h1.page-title { |
| 507 | font-size: 1.60em; /* match content > h1 */ |
| 508 | margin-bottom: 0; /* div.content top margin suffices */ |
| 509 | } |
| @@ -494,18 +523,10 @@ | |
| 523 | } |
| 524 | .title { |
| 525 | padding-top: 10px; |
| 526 | padding-bottom: 10px; |
| 527 | } |
| 528 | span.page-title { |
| 529 | font-size: 18px; |
| 530 | } |
| 531 | div.logo { |
| 532 | padding-top: 10px; |
| 533 |