Fossil SCM
Increased font sizes and whitespace for MD/wiki doc pages, then backed the margins out for forum posts to avoid double-indenting in thread view. This change also restyles tables to be more modern. Although this commit appears somewhat unfocused, it is the core of the Modern skin, difficult to separate out into smaller elements.
Commit
4dbd66adecc8c62c488b4da6878d4cbabc147306cc3277194a1e0f59f7692f3f
Parent
bfe320f997f6296…
1 file changed
+137
-17
+137
-17
| --- skins/default/css.txt | ||
| +++ skins/default/css.txt | ||
| @@ -23,10 +23,11 @@ | ||
| 23 | 23 | color: #4183C4; |
| 24 | 24 | float: left; |
| 25 | 25 | } |
| 26 | 26 | .title h1 { |
| 27 | 27 | display: inline; |
| 28 | + font-size: 2.00em; | |
| 28 | 29 | } |
| 29 | 30 | .title h1:after { |
| 30 | 31 | content: " / "; |
| 31 | 32 | color: #777; |
| 32 | 33 | font-weight: normal; |
| @@ -106,21 +107,17 @@ | ||
| 106 | 107 | .content { |
| 107 | 108 | padding: 0ex 1ex 1ex 1ex; |
| 108 | 109 | color: #444; |
| 109 | 110 | } |
| 110 | 111 | .content blockquote { |
| 111 | - padding: 0 15px; | |
| 112 | -} | |
| 113 | -.content h1 { | |
| 114 | - font-size: 1.25em; | |
| 115 | -} | |
| 116 | -.content h2 { | |
| 117 | - font-size: 1.15em; | |
| 118 | -} | |
| 119 | -.content h3 { | |
| 120 | - font-size: 1.05em; | |
| 121 | -} | |
| 112 | + padding: 0.1em 1em; | |
| 113 | +} | |
| 114 | +.content h1 { font-size: 2.00em; margin-left: 10pt; } | |
| 115 | +.content h2 { font-size: 1.50em; margin-left: 20pt; } | |
| 116 | +.content h3 { font-size: 1.15em; margin-left: 30pt; } | |
| 117 | +.content h4 { font-size: 1.05em; margin-left: 40pt; } | |
| 118 | +.content h5 { font-size: 1.00em; margin-left: 50pt; } | |
| 122 | 119 | |
| 123 | 120 | .section { |
| 124 | 121 | font-size: 1em; |
| 125 | 122 | font-weight: bold; |
| 126 | 123 | background-color: #f5f5f5; |
| @@ -167,23 +164,146 @@ | ||
| 167 | 164 | |
| 168 | 165 | .forum a:visited { |
| 169 | 166 | color: #6A7F94; |
| 170 | 167 | } |
| 171 | 168 | |
| 172 | -.forum blockquote { | |
| 173 | - background-color: rgba(65, 131, 196, 0.1); | |
| 174 | - border-left: 3px solid #254769; | |
| 175 | - padding: .1em 1em; | |
| 176 | -} | |
| 177 | - | |
| 178 | 169 | textarea.wikiedit { |
| 179 | 170 | font-size: 1em; /* monospace fonts tend to be smaller; compensate */ |
| 180 | 171 | } |
| 181 | 172 | |
| 182 | 173 | body.cpage-forumnew form input { |
| 183 | 174 | margin: 0.5em 0; |
| 184 | 175 | } |
| 176 | + | |
| 177 | +.forum .markdown blockquote, | |
| 178 | +.forum .markdown h1, | |
| 179 | +.forum .markdown h2, | |
| 180 | +.forum .markdown h3, | |
| 181 | +.forum .markdown h4, | |
| 182 | +.forum .markdown h5, | |
| 183 | +.forum .markdown p, | |
| 184 | +.forum .markdown pre, | |
| 185 | +.forum .markdown ol, | |
| 186 | +.forum .markdown ul { | |
| 187 | + /* Avoid double-indent for doc content in forum thread view. */ | |
| 188 | + margin-left: 0; | |
| 189 | + margin-right: 0; | |
| 190 | +} | |
| 191 | +.forum .forumTime h1, | |
| 192 | +.forum .forumTime h2, | |
| 193 | +.forum .forumTime h3 { | |
| 194 | + margin-left: 0; | |
| 195 | + margin-right: 0; | |
| 196 | +} | |
| 197 | + | |
| 198 | + | |
| 199 | +/* Markdown and Wiki-formatted pages: /wiki, /doc, /file... */ | |
| 200 | + | |
| 201 | +.doc blockquote, .markdown blockquote { | |
| 202 | + background-color: rgba(65, 131, 196, 0.1); | |
| 203 | + border-left: 3px solid #4183c4; | |
| 204 | + margin-left: 60pt; | |
| 205 | + padding: 0.1em 1em; | |
| 206 | +} | |
| 207 | + | |
| 208 | +.doc dl, .markdown dl { | |
| 209 | + margin-left: 60pt; | |
| 210 | +} | |
| 211 | + | |
| 212 | +.doc dt, .markdown dt { | |
| 213 | + margin-left: 10pt; | |
| 214 | +} | |
| 215 | + | |
| 216 | +.doc dd, .markdown dd { | |
| 217 | + margin-left: 30pt; | |
| 218 | + margin-bottom: 1em; | |
| 219 | +} | |
| 220 | + | |
| 221 | +.doc hr, .markdown hr { | |
| 222 | + margin-left: 10pt; | |
| 223 | +} | |
| 224 | + | |
| 225 | +.doc dd, .doc dt, | |
| 226 | +.doc li, | |
| 227 | +.doc p, | |
| 228 | +.doc table, | |
| 229 | +.markdown dd, .markdown dt, | |
| 230 | +.markdown li, | |
| 231 | +.markdown p, | |
| 232 | +.markdown table { | |
| 233 | + line-height: 1.4em; | |
| 234 | +} | |
| 235 | + | |
| 236 | +.doc p, | |
| 237 | +.doc pre, | |
| 238 | +.doc ol, .doc ul, | |
| 239 | +.doc table, | |
| 240 | +.markdown p, | |
| 241 | +.markdown pre, | |
| 242 | +.markdown ol, .markdown ul, | |
| 243 | +.markdown table { | |
| 244 | + margin-left: 50pt; | |
| 245 | + margin-right: 50pt; | |
| 246 | + | |
| 247 | +} | |
| 248 | + | |
| 249 | +.doc p ol, .doc p ul, | |
| 250 | +.doc pre ol, .doc pre ul, | |
| 251 | +.doc ol ol, .doc ol ul, | |
| 252 | +.doc ul ol, .doc ul ul, | |
| 253 | +.doc table ol, .doc table ul, | |
| 254 | +.markdown p ol, .markdown p ul, | |
| 255 | +.markdown pre ol, .markdown pre ul, | |
| 256 | +.markdown ol ol, .markdown ol ul, | |
| 257 | +.markdown ul ol, .markdown ul ul, | |
| 258 | +.markdown table ol, .markdown table ul { | |
| 259 | + margin-left: 10pt; | |
| 260 | +} | |
| 261 | + | |
| 262 | +.doc pre, .markdown pre { | |
| 263 | + hyphens: none; | |
| 264 | + font-size: 110%; | |
| 265 | + line-height: 1.25; | |
| 266 | + margin-left: 70pt; | |
| 267 | +} | |
| 268 | + | |
| 269 | +.doc .pikchr-wrapper, .markdown .pikchr-wrapper { | |
| 270 | + font-size: 15px; | |
| 271 | + margin-left: 50pt; | |
| 272 | +} | |
| 273 | + | |
| 274 | +.doc ul li, .markdown ul li { | |
| 275 | + list-style-type: disc; | |
| 276 | +} | |
| 277 | + | |
| 278 | +.doc li p, .doc li pre, .markdown li p, .markdown li pre { | |
| 279 | + margin-left: 0; | |
| 280 | +} | |
| 281 | + | |
| 282 | +.doc table, .markdown table { | |
| 283 | + background-color: #f0f5f9; | |
| 284 | + border: 1px solid #a7c2dc; | |
| 285 | + border-radius: 6px; | |
| 286 | + padding: 6px; | |
| 287 | +} | |
| 288 | + | |
| 289 | +.doc th, .markdown th { | |
| 290 | + border-bottom: 1px solid #dee8f2; | |
| 291 | + padding-bottom: 4px; | |
| 292 | + padding-right: 6px; | |
| 293 | + text-align: left; | |
| 294 | +} | |
| 295 | + | |
| 296 | +.doc td, .markdown td { | |
| 297 | + padding-bottom: 4px; | |
| 298 | + padding-right: 6px; | |
| 299 | + text-align: left; | |
| 300 | +} | |
| 301 | + | |
| 302 | +div.pikchr-wrapper.indent:not(.source) { | |
| 303 | + margin-left: 70pt; | |
| 304 | +} | |
| 185 | 305 | |
| 186 | 306 | |
| 187 | 307 | /* Tickets */ |
| 188 | 308 | |
| 189 | 309 | table.report { |
| 190 | 310 |
| --- skins/default/css.txt | |
| +++ skins/default/css.txt | |
| @@ -23,10 +23,11 @@ | |
| 23 | color: #4183C4; |
| 24 | float: left; |
| 25 | } |
| 26 | .title h1 { |
| 27 | display: inline; |
| 28 | } |
| 29 | .title h1:after { |
| 30 | content: " / "; |
| 31 | color: #777; |
| 32 | font-weight: normal; |
| @@ -106,21 +107,17 @@ | |
| 106 | .content { |
| 107 | padding: 0ex 1ex 1ex 1ex; |
| 108 | color: #444; |
| 109 | } |
| 110 | .content blockquote { |
| 111 | padding: 0 15px; |
| 112 | } |
| 113 | .content h1 { |
| 114 | font-size: 1.25em; |
| 115 | } |
| 116 | .content h2 { |
| 117 | font-size: 1.15em; |
| 118 | } |
| 119 | .content h3 { |
| 120 | font-size: 1.05em; |
| 121 | } |
| 122 | |
| 123 | .section { |
| 124 | font-size: 1em; |
| 125 | font-weight: bold; |
| 126 | background-color: #f5f5f5; |
| @@ -167,23 +164,146 @@ | |
| 167 | |
| 168 | .forum a:visited { |
| 169 | color: #6A7F94; |
| 170 | } |
| 171 | |
| 172 | .forum blockquote { |
| 173 | background-color: rgba(65, 131, 196, 0.1); |
| 174 | border-left: 3px solid #254769; |
| 175 | padding: .1em 1em; |
| 176 | } |
| 177 | |
| 178 | textarea.wikiedit { |
| 179 | font-size: 1em; /* monospace fonts tend to be smaller; compensate */ |
| 180 | } |
| 181 | |
| 182 | body.cpage-forumnew form input { |
| 183 | margin: 0.5em 0; |
| 184 | } |
| 185 | |
| 186 | |
| 187 | /* Tickets */ |
| 188 | |
| 189 | table.report { |
| 190 |
| --- skins/default/css.txt | |
| +++ skins/default/css.txt | |
| @@ -23,10 +23,11 @@ | |
| 23 | color: #4183C4; |
| 24 | float: left; |
| 25 | } |
| 26 | .title h1 { |
| 27 | display: inline; |
| 28 | font-size: 2.00em; |
| 29 | } |
| 30 | .title h1:after { |
| 31 | content: " / "; |
| 32 | color: #777; |
| 33 | font-weight: normal; |
| @@ -106,21 +107,17 @@ | |
| 107 | .content { |
| 108 | padding: 0ex 1ex 1ex 1ex; |
| 109 | color: #444; |
| 110 | } |
| 111 | .content blockquote { |
| 112 | padding: 0.1em 1em; |
| 113 | } |
| 114 | .content h1 { font-size: 2.00em; margin-left: 10pt; } |
| 115 | .content h2 { font-size: 1.50em; margin-left: 20pt; } |
| 116 | .content h3 { font-size: 1.15em; margin-left: 30pt; } |
| 117 | .content h4 { font-size: 1.05em; margin-left: 40pt; } |
| 118 | .content h5 { font-size: 1.00em; margin-left: 50pt; } |
| 119 | |
| 120 | .section { |
| 121 | font-size: 1em; |
| 122 | font-weight: bold; |
| 123 | background-color: #f5f5f5; |
| @@ -167,23 +164,146 @@ | |
| 164 | |
| 165 | .forum a:visited { |
| 166 | color: #6A7F94; |
| 167 | } |
| 168 | |
| 169 | textarea.wikiedit { |
| 170 | font-size: 1em; /* monospace fonts tend to be smaller; compensate */ |
| 171 | } |
| 172 | |
| 173 | body.cpage-forumnew form input { |
| 174 | margin: 0.5em 0; |
| 175 | } |
| 176 | |
| 177 | .forum .markdown blockquote, |
| 178 | .forum .markdown h1, |
| 179 | .forum .markdown h2, |
| 180 | .forum .markdown h3, |
| 181 | .forum .markdown h4, |
| 182 | .forum .markdown h5, |
| 183 | .forum .markdown p, |
| 184 | .forum .markdown pre, |
| 185 | .forum .markdown ol, |
| 186 | .forum .markdown ul { |
| 187 | /* Avoid double-indent for doc content in forum thread view. */ |
| 188 | margin-left: 0; |
| 189 | margin-right: 0; |
| 190 | } |
| 191 | .forum .forumTime h1, |
| 192 | .forum .forumTime h2, |
| 193 | .forum .forumTime h3 { |
| 194 | margin-left: 0; |
| 195 | margin-right: 0; |
| 196 | } |
| 197 | |
| 198 | |
| 199 | /* Markdown and Wiki-formatted pages: /wiki, /doc, /file... */ |
| 200 | |
| 201 | .doc blockquote, .markdown blockquote { |
| 202 | background-color: rgba(65, 131, 196, 0.1); |
| 203 | border-left: 3px solid #4183c4; |
| 204 | margin-left: 60pt; |
| 205 | padding: 0.1em 1em; |
| 206 | } |
| 207 | |
| 208 | .doc dl, .markdown dl { |
| 209 | margin-left: 60pt; |
| 210 | } |
| 211 | |
| 212 | .doc dt, .markdown dt { |
| 213 | margin-left: 10pt; |
| 214 | } |
| 215 | |
| 216 | .doc dd, .markdown dd { |
| 217 | margin-left: 30pt; |
| 218 | margin-bottom: 1em; |
| 219 | } |
| 220 | |
| 221 | .doc hr, .markdown hr { |
| 222 | margin-left: 10pt; |
| 223 | } |
| 224 | |
| 225 | .doc dd, .doc dt, |
| 226 | .doc li, |
| 227 | .doc p, |
| 228 | .doc table, |
| 229 | .markdown dd, .markdown dt, |
| 230 | .markdown li, |
| 231 | .markdown p, |
| 232 | .markdown table { |
| 233 | line-height: 1.4em; |
| 234 | } |
| 235 | |
| 236 | .doc p, |
| 237 | .doc pre, |
| 238 | .doc ol, .doc ul, |
| 239 | .doc table, |
| 240 | .markdown p, |
| 241 | .markdown pre, |
| 242 | .markdown ol, .markdown ul, |
| 243 | .markdown table { |
| 244 | margin-left: 50pt; |
| 245 | margin-right: 50pt; |
| 246 | |
| 247 | } |
| 248 | |
| 249 | .doc p ol, .doc p ul, |
| 250 | .doc pre ol, .doc pre ul, |
| 251 | .doc ol ol, .doc ol ul, |
| 252 | .doc ul ol, .doc ul ul, |
| 253 | .doc table ol, .doc table ul, |
| 254 | .markdown p ol, .markdown p ul, |
| 255 | .markdown pre ol, .markdown pre ul, |
| 256 | .markdown ol ol, .markdown ol ul, |
| 257 | .markdown ul ol, .markdown ul ul, |
| 258 | .markdown table ol, .markdown table ul { |
| 259 | margin-left: 10pt; |
| 260 | } |
| 261 | |
| 262 | .doc pre, .markdown pre { |
| 263 | hyphens: none; |
| 264 | font-size: 110%; |
| 265 | line-height: 1.25; |
| 266 | margin-left: 70pt; |
| 267 | } |
| 268 | |
| 269 | .doc .pikchr-wrapper, .markdown .pikchr-wrapper { |
| 270 | font-size: 15px; |
| 271 | margin-left: 50pt; |
| 272 | } |
| 273 | |
| 274 | .doc ul li, .markdown ul li { |
| 275 | list-style-type: disc; |
| 276 | } |
| 277 | |
| 278 | .doc li p, .doc li pre, .markdown li p, .markdown li pre { |
| 279 | margin-left: 0; |
| 280 | } |
| 281 | |
| 282 | .doc table, .markdown table { |
| 283 | background-color: #f0f5f9; |
| 284 | border: 1px solid #a7c2dc; |
| 285 | border-radius: 6px; |
| 286 | padding: 6px; |
| 287 | } |
| 288 | |
| 289 | .doc th, .markdown th { |
| 290 | border-bottom: 1px solid #dee8f2; |
| 291 | padding-bottom: 4px; |
| 292 | padding-right: 6px; |
| 293 | text-align: left; |
| 294 | } |
| 295 | |
| 296 | .doc td, .markdown td { |
| 297 | padding-bottom: 4px; |
| 298 | padding-right: 6px; |
| 299 | text-align: left; |
| 300 | } |
| 301 | |
| 302 | div.pikchr-wrapper.indent:not(.source) { |
| 303 | margin-left: 70pt; |
| 304 | } |
| 305 | |
| 306 | |
| 307 | /* Tickets */ |
| 308 | |
| 309 | table.report { |
| 310 |