Fossil SCM
Change the default style to center the title with the project name above and with 200 pixel wide logo and status boxes to the left and right.
Commit
15b293259de5484b677c718ffdbe31e148be08f4
Parent
d90467ed85a6a2a…
2 files changed
+9
-8
+4
-3
+9
-8
| --- src/skins.c | ||
| +++ src/skins.c | ||
| @@ -30,11 +30,11 @@ | ||
| 30 | 30 | @ REPLACE INTO config VALUES('css','/* General settings for the entire page */ |
| 31 | 31 | @ body { |
| 32 | 32 | @ margin: 0ex 1ex; |
| 33 | 33 | @ padding: 0px; |
| 34 | 34 | @ background-color: white; |
| 35 | -@ font-family: "sans serif"; | |
| 35 | +@ font-family: sans-serif; | |
| 36 | 36 | @ } |
| 37 | 37 | @ |
| 38 | 38 | @ /* The project logo in the upper left-hand corner of each page */ |
| 39 | 39 | @ div.logo { |
| 40 | 40 | @ display: table-row; |
| @@ -42,18 +42,19 @@ | ||
| 42 | 42 | @ /* vertical-align: bottom;*/ |
| 43 | 43 | @ font-size: 2em; |
| 44 | 44 | @ font-weight: bold; |
| 45 | 45 | @ background-color: #707070; |
| 46 | 46 | @ color: #ffffff; |
| 47 | +@ min-width: 200px; | |
| 47 | 48 | @ } |
| 48 | 49 | @ |
| 49 | 50 | @ /* The page title centered at the top of each page */ |
| 50 | 51 | @ div.title { |
| 51 | 52 | @ display: table-cell; |
| 52 | 53 | @ font-size: 1.5em; |
| 53 | 54 | @ font-weight: bold; |
| 54 | -@ text-align: left; | |
| 55 | +@ text-align: center; | |
| 55 | 56 | @ padding: 0 0 0 10px; |
| 56 | 57 | @ color: #404040; |
| 57 | 58 | @ vertical-align: bottom; |
| 58 | 59 | @ width: 100%; |
| 59 | 60 | @ } |
| @@ -64,10 +65,11 @@ | ||
| 64 | 65 | @ text-align: right; |
| 65 | 66 | @ vertical-align: bottom; |
| 66 | 67 | @ color: #404040; |
| 67 | 68 | @ font-size: 0.8em; |
| 68 | 69 | @ font-weight: bold; |
| 70 | +@ min-width: 200px; | |
| 69 | 71 | @ } |
| 70 | 72 | @ |
| 71 | 73 | @ /* The header across the top of the page */ |
| 72 | 74 | @ div.header { |
| 73 | 75 | @ display: table; |
| @@ -161,15 +163,13 @@ | ||
| 161 | 163 | @ media="screen"> |
| 162 | 164 | @ </head> |
| 163 | 165 | @ <body> |
| 164 | 166 | @ <div class="header"> |
| 165 | 167 | @ <div class="logo"> |
| 166 | -@ <nobr>$<project_name></nobr> | |
| 168 | +@ <img src="$baseurl/logo" alt="logo"> | |
| 167 | 169 | @ </div> |
| 168 | -@ </div> | |
| 169 | -@ <div class="header"> | |
| 170 | -@ <div class="title">$<title></div> | |
| 170 | +@ <div class="title"><small>$<project_name></small><br>$<title></div> | |
| 171 | 171 | @ <div class="status"><nobr><th1> |
| 172 | 172 | @ if {[info exists login]} { |
| 173 | 173 | @ puts "Logged in as $login" |
| 174 | 174 | @ } else { |
| 175 | 175 | @ puts "Not logged in" |
| @@ -800,12 +800,13 @@ | ||
| 800 | 800 | } |
| 801 | 801 | |
| 802 | 802 | style_header("Skins"); |
| 803 | 803 | @ <p>A "skin" is a combination of |
| 804 | 804 | @ <a href="setup_editcss">CSS</a>, |
| 805 | - @ <a href="setup_header">Header</a>, and | |
| 806 | - @ <a href="setup_footer">Footer</a> that determines the look and feel | |
| 805 | + @ <a href="setup_header">Header</a>, | |
| 806 | + @ <a href="setup_footer">Footer</a>, and | |
| 807 | + @ <a href="setup_logo">Logo</a> that determines the look and feel | |
| 807 | 808 | @ of the web interface.</p> |
| 808 | 809 | @ |
| 809 | 810 | @ <h2>Available Skins:</h2> |
| 810 | 811 | @ <ol> |
| 811 | 812 | for(i=0; i<sizeof(aBuiltinSkin)/sizeof(aBuiltinSkin[0]); i++){ |
| 812 | 813 |
| --- src/skins.c | |
| +++ src/skins.c | |
| @@ -30,11 +30,11 @@ | |
| 30 | @ REPLACE INTO config VALUES('css','/* General settings for the entire page */ |
| 31 | @ body { |
| 32 | @ margin: 0ex 1ex; |
| 33 | @ padding: 0px; |
| 34 | @ background-color: white; |
| 35 | @ font-family: "sans serif"; |
| 36 | @ } |
| 37 | @ |
| 38 | @ /* The project logo in the upper left-hand corner of each page */ |
| 39 | @ div.logo { |
| 40 | @ display: table-row; |
| @@ -42,18 +42,19 @@ | |
| 42 | @ /* vertical-align: bottom;*/ |
| 43 | @ font-size: 2em; |
| 44 | @ font-weight: bold; |
| 45 | @ background-color: #707070; |
| 46 | @ color: #ffffff; |
| 47 | @ } |
| 48 | @ |
| 49 | @ /* The page title centered at the top of each page */ |
| 50 | @ div.title { |
| 51 | @ display: table-cell; |
| 52 | @ font-size: 1.5em; |
| 53 | @ font-weight: bold; |
| 54 | @ text-align: left; |
| 55 | @ padding: 0 0 0 10px; |
| 56 | @ color: #404040; |
| 57 | @ vertical-align: bottom; |
| 58 | @ width: 100%; |
| 59 | @ } |
| @@ -64,10 +65,11 @@ | |
| 64 | @ text-align: right; |
| 65 | @ vertical-align: bottom; |
| 66 | @ color: #404040; |
| 67 | @ font-size: 0.8em; |
| 68 | @ font-weight: bold; |
| 69 | @ } |
| 70 | @ |
| 71 | @ /* The header across the top of the page */ |
| 72 | @ div.header { |
| 73 | @ display: table; |
| @@ -161,15 +163,13 @@ | |
| 161 | @ media="screen"> |
| 162 | @ </head> |
| 163 | @ <body> |
| 164 | @ <div class="header"> |
| 165 | @ <div class="logo"> |
| 166 | @ <nobr>$<project_name></nobr> |
| 167 | @ </div> |
| 168 | @ </div> |
| 169 | @ <div class="header"> |
| 170 | @ <div class="title">$<title></div> |
| 171 | @ <div class="status"><nobr><th1> |
| 172 | @ if {[info exists login]} { |
| 173 | @ puts "Logged in as $login" |
| 174 | @ } else { |
| 175 | @ puts "Not logged in" |
| @@ -800,12 +800,13 @@ | |
| 800 | } |
| 801 | |
| 802 | style_header("Skins"); |
| 803 | @ <p>A "skin" is a combination of |
| 804 | @ <a href="setup_editcss">CSS</a>, |
| 805 | @ <a href="setup_header">Header</a>, and |
| 806 | @ <a href="setup_footer">Footer</a> that determines the look and feel |
| 807 | @ of the web interface.</p> |
| 808 | @ |
| 809 | @ <h2>Available Skins:</h2> |
| 810 | @ <ol> |
| 811 | for(i=0; i<sizeof(aBuiltinSkin)/sizeof(aBuiltinSkin[0]); i++){ |
| 812 |
| --- src/skins.c | |
| +++ src/skins.c | |
| @@ -30,11 +30,11 @@ | |
| 30 | @ REPLACE INTO config VALUES('css','/* General settings for the entire page */ |
| 31 | @ body { |
| 32 | @ margin: 0ex 1ex; |
| 33 | @ padding: 0px; |
| 34 | @ background-color: white; |
| 35 | @ font-family: sans-serif; |
| 36 | @ } |
| 37 | @ |
| 38 | @ /* The project logo in the upper left-hand corner of each page */ |
| 39 | @ div.logo { |
| 40 | @ display: table-row; |
| @@ -42,18 +42,19 @@ | |
| 42 | @ /* vertical-align: bottom;*/ |
| 43 | @ font-size: 2em; |
| 44 | @ font-weight: bold; |
| 45 | @ background-color: #707070; |
| 46 | @ color: #ffffff; |
| 47 | @ min-width: 200px; |
| 48 | @ } |
| 49 | @ |
| 50 | @ /* The page title centered at the top of each page */ |
| 51 | @ div.title { |
| 52 | @ display: table-cell; |
| 53 | @ font-size: 1.5em; |
| 54 | @ font-weight: bold; |
| 55 | @ text-align: center; |
| 56 | @ padding: 0 0 0 10px; |
| 57 | @ color: #404040; |
| 58 | @ vertical-align: bottom; |
| 59 | @ width: 100%; |
| 60 | @ } |
| @@ -64,10 +65,11 @@ | |
| 65 | @ text-align: right; |
| 66 | @ vertical-align: bottom; |
| 67 | @ color: #404040; |
| 68 | @ font-size: 0.8em; |
| 69 | @ font-weight: bold; |
| 70 | @ min-width: 200px; |
| 71 | @ } |
| 72 | @ |
| 73 | @ /* The header across the top of the page */ |
| 74 | @ div.header { |
| 75 | @ display: table; |
| @@ -161,15 +163,13 @@ | |
| 163 | @ media="screen"> |
| 164 | @ </head> |
| 165 | @ <body> |
| 166 | @ <div class="header"> |
| 167 | @ <div class="logo"> |
| 168 | @ <img src="$baseurl/logo" alt="logo"> |
| 169 | @ </div> |
| 170 | @ <div class="title"><small>$<project_name></small><br>$<title></div> |
| 171 | @ <div class="status"><nobr><th1> |
| 172 | @ if {[info exists login]} { |
| 173 | @ puts "Logged in as $login" |
| 174 | @ } else { |
| 175 | @ puts "Not logged in" |
| @@ -800,12 +800,13 @@ | |
| 800 | } |
| 801 | |
| 802 | style_header("Skins"); |
| 803 | @ <p>A "skin" is a combination of |
| 804 | @ <a href="setup_editcss">CSS</a>, |
| 805 | @ <a href="setup_header">Header</a>, |
| 806 | @ <a href="setup_footer">Footer</a>, and |
| 807 | @ <a href="setup_logo">Logo</a> that determines the look and feel |
| 808 | @ of the web interface.</p> |
| 809 | @ |
| 810 | @ <h2>Available Skins:</h2> |
| 811 | @ <ol> |
| 812 | for(i=0; i<sizeof(aBuiltinSkin)/sizeof(aBuiltinSkin[0]); i++){ |
| 813 |
+4
-3
| --- src/style.c | ||
| +++ src/style.c | ||
| @@ -189,13 +189,12 @@ | ||
| 189 | 189 | @ </head> |
| 190 | 190 | @ <body> |
| 191 | 191 | @ <div class="header"> |
| 192 | 192 | @ <div class="logo"> |
| 193 | 193 | @ <img src="$baseurl/logo" alt="logo"> |
| 194 | -@ <br><nobr>$<project_name></nobr> | |
| 195 | 194 | @ </div> |
| 196 | -@ <div class="title">$<title></div> | |
| 195 | +@ <div class="title"><small>$<project_name></small><br>$<title></div> | |
| 197 | 196 | @ <div class="status"><nobr><th1> |
| 198 | 197 | @ if {[info exists login]} { |
| 199 | 198 | @ puts "Logged in as $login" |
| 200 | 199 | @ } else { |
| 201 | 200 | @ puts "Not logged in" |
| @@ -261,18 +260,19 @@ | ||
| 261 | 260 | @ display: table-cell; |
| 262 | 261 | @ text-align: center; |
| 263 | 262 | @ vertical-align: bottom; |
| 264 | 263 | @ font-weight: bold; |
| 265 | 264 | @ color: #558195; |
| 265 | +@ min-width: 200px; | |
| 266 | 266 | @ } |
| 267 | 267 | @ |
| 268 | 268 | @ /* The page title centered at the top of each page */ |
| 269 | 269 | @ div.title { |
| 270 | 270 | @ display: table-cell; |
| 271 | 271 | @ font-size: 2em; |
| 272 | 272 | @ font-weight: bold; |
| 273 | -@ text-align: left; | |
| 273 | +@ text-align: center; | |
| 274 | 274 | @ padding: 0 0 0 1em; |
| 275 | 275 | @ color: #558195; |
| 276 | 276 | @ vertical-align: bottom; |
| 277 | 277 | @ width: 100%; |
| 278 | 278 | @ } |
| @@ -283,10 +283,11 @@ | ||
| 283 | 283 | @ text-align: right; |
| 284 | 284 | @ vertical-align: bottom; |
| 285 | 285 | @ color: #558195; |
| 286 | 286 | @ font-size: 0.8em; |
| 287 | 287 | @ font-weight: bold; |
| 288 | +@ min-width: 200px; | |
| 288 | 289 | @ } |
| 289 | 290 | @ |
| 290 | 291 | @ /* The header across the top of the page */ |
| 291 | 292 | @ div.header { |
| 292 | 293 | @ display: table; |
| 293 | 294 |
| --- src/style.c | |
| +++ src/style.c | |
| @@ -189,13 +189,12 @@ | |
| 189 | @ </head> |
| 190 | @ <body> |
| 191 | @ <div class="header"> |
| 192 | @ <div class="logo"> |
| 193 | @ <img src="$baseurl/logo" alt="logo"> |
| 194 | @ <br><nobr>$<project_name></nobr> |
| 195 | @ </div> |
| 196 | @ <div class="title">$<title></div> |
| 197 | @ <div class="status"><nobr><th1> |
| 198 | @ if {[info exists login]} { |
| 199 | @ puts "Logged in as $login" |
| 200 | @ } else { |
| 201 | @ puts "Not logged in" |
| @@ -261,18 +260,19 @@ | |
| 261 | @ display: table-cell; |
| 262 | @ text-align: center; |
| 263 | @ vertical-align: bottom; |
| 264 | @ font-weight: bold; |
| 265 | @ color: #558195; |
| 266 | @ } |
| 267 | @ |
| 268 | @ /* The page title centered at the top of each page */ |
| 269 | @ div.title { |
| 270 | @ display: table-cell; |
| 271 | @ font-size: 2em; |
| 272 | @ font-weight: bold; |
| 273 | @ text-align: left; |
| 274 | @ padding: 0 0 0 1em; |
| 275 | @ color: #558195; |
| 276 | @ vertical-align: bottom; |
| 277 | @ width: 100%; |
| 278 | @ } |
| @@ -283,10 +283,11 @@ | |
| 283 | @ text-align: right; |
| 284 | @ vertical-align: bottom; |
| 285 | @ color: #558195; |
| 286 | @ font-size: 0.8em; |
| 287 | @ font-weight: bold; |
| 288 | @ } |
| 289 | @ |
| 290 | @ /* The header across the top of the page */ |
| 291 | @ div.header { |
| 292 | @ display: table; |
| 293 |
| --- src/style.c | |
| +++ src/style.c | |
| @@ -189,13 +189,12 @@ | |
| 189 | @ </head> |
| 190 | @ <body> |
| 191 | @ <div class="header"> |
| 192 | @ <div class="logo"> |
| 193 | @ <img src="$baseurl/logo" alt="logo"> |
| 194 | @ </div> |
| 195 | @ <div class="title"><small>$<project_name></small><br>$<title></div> |
| 196 | @ <div class="status"><nobr><th1> |
| 197 | @ if {[info exists login]} { |
| 198 | @ puts "Logged in as $login" |
| 199 | @ } else { |
| 200 | @ puts "Not logged in" |
| @@ -261,18 +260,19 @@ | |
| 260 | @ display: table-cell; |
| 261 | @ text-align: center; |
| 262 | @ vertical-align: bottom; |
| 263 | @ font-weight: bold; |
| 264 | @ color: #558195; |
| 265 | @ min-width: 200px; |
| 266 | @ } |
| 267 | @ |
| 268 | @ /* The page title centered at the top of each page */ |
| 269 | @ div.title { |
| 270 | @ display: table-cell; |
| 271 | @ font-size: 2em; |
| 272 | @ font-weight: bold; |
| 273 | @ text-align: center; |
| 274 | @ padding: 0 0 0 1em; |
| 275 | @ color: #558195; |
| 276 | @ vertical-align: bottom; |
| 277 | @ width: 100%; |
| 278 | @ } |
| @@ -283,10 +283,11 @@ | |
| 283 | @ text-align: right; |
| 284 | @ vertical-align: bottom; |
| 285 | @ color: #558195; |
| 286 | @ font-size: 0.8em; |
| 287 | @ font-weight: bold; |
| 288 | @ min-width: 200px; |
| 289 | @ } |
| 290 | @ |
| 291 | @ /* The header across the top of the page */ |
| 292 | @ div.header { |
| 293 | @ display: table; |
| 294 |