Fossil SCM

First in a series of changes to the default skin to make it look more like [https://tangentsoft.com/inskinerator/dir/override/modern | Inskinerator Modern] without bringing in Inskinerator's dependencies and machinery. This change increases the body font size for desktop use without affecting mobile. With middle-aged eyes, the old default puts too much text on a line, decreasing readability due to long line lengths, even with browsers no wider than a sheet of office paper. For our definition of "mobile," line lengths are naturally limited to reasonable lengths, and in any case, compromise is the nature of that game.

wyoung 2024-01-25 16:46 trunk
Commit 2fdfb834b9109e3848d642cc5a111344b738308b7ea76c9ba1395dc44e0d187e
1 file changed +6 -1
--- skins/default/css.txt
+++ skins/default/css.txt
@@ -103,11 +103,10 @@
103103
104104
/* Main document area; elements common to most pages. */
105105
106106
.content {
107107
padding-top: 10px;
108
- font-size: 0.8em;
109108
color: #444;
110109
}
111110
.content blockquote {
112111
padding: 0 15px;
113112
}
@@ -247,10 +246,13 @@
247246
/* Spacing for mobile */
248247
body {
249248
padding-left: 4px;
250249
padding-right: 4px;
251250
}
251
+ .content {
252
+ font-size: 0.8em;
253
+ }
252254
.title {
253255
padding-top: 0px;
254256
padding-bottom: 0px;
255257
}
256258
.status {padding-top: 0px;}
@@ -265,10 +267,13 @@
265267
/* Spacing for desktop */
266268
body {
267269
padding-left: 20px;
268270
padding-right: 20px;
269271
}
272
+ .content {
273
+ font-size: 0.9em;
274
+ }
270275
.title {
271276
padding-top: 10px;
272277
padding-bottom: 10px;
273278
}
274279
.status {padding-top: 30px;}
275280
--- skins/default/css.txt
+++ skins/default/css.txt
@@ -103,11 +103,10 @@
103
104 /* Main document area; elements common to most pages. */
105
106 .content {
107 padding-top: 10px;
108 font-size: 0.8em;
109 color: #444;
110 }
111 .content blockquote {
112 padding: 0 15px;
113 }
@@ -247,10 +246,13 @@
247 /* Spacing for mobile */
248 body {
249 padding-left: 4px;
250 padding-right: 4px;
251 }
 
 
 
252 .title {
253 padding-top: 0px;
254 padding-bottom: 0px;
255 }
256 .status {padding-top: 0px;}
@@ -265,10 +267,13 @@
265 /* Spacing for desktop */
266 body {
267 padding-left: 20px;
268 padding-right: 20px;
269 }
 
 
 
270 .title {
271 padding-top: 10px;
272 padding-bottom: 10px;
273 }
274 .status {padding-top: 30px;}
275
--- skins/default/css.txt
+++ skins/default/css.txt
@@ -103,11 +103,10 @@
103
104 /* Main document area; elements common to most pages. */
105
106 .content {
107 padding-top: 10px;
 
108 color: #444;
109 }
110 .content blockquote {
111 padding: 0 15px;
112 }
@@ -247,10 +246,13 @@
246 /* Spacing for mobile */
247 body {
248 padding-left: 4px;
249 padding-right: 4px;
250 }
251 .content {
252 font-size: 0.8em;
253 }
254 .title {
255 padding-top: 0px;
256 padding-bottom: 0px;
257 }
258 .status {padding-top: 0px;}
@@ -265,10 +267,13 @@
267 /* Spacing for desktop */
268 body {
269 padding-left: 20px;
270 padding-right: 20px;
271 }
272 .content {
273 font-size: 0.9em;
274 }
275 .title {
276 padding-top: 10px;
277 padding-bottom: 10px;
278 }
279 .status {padding-top: 30px;}
280

Keyboard Shortcuts

Open search /
Next entry (timeline) j
Previous entry (timeline) k
Open focused entry Enter
Show this help ?
Toggle theme Top nav button