Style test page - Revision history

Bowtieguru at 04:26, 27 June 2016

2016-06-27T04:26:41Z

Bowtieguru at 04:25, 27 June 2016

2016-06-27T04:25:21Z

Bowtieguru at 18:19, 26 June 2016

2016-06-26T18:19:41Z

Bowtieguru at 18:12, 26 June 2016

2016-06-26T18:12:17Z

Show changes

Bowtieguru at 06:02, 26 June 2016

2016-06-26T06:02:24Z

Bowtieguru at 05:51, 26 June 2016

2016-06-26T05:51:47Z

Bowtieguru at 05:22, 26 June 2016

2016-06-26T05:22:32Z

Bowtieguru at 05:14, 26 June 2016

2016-06-26T05:14:05Z

Bowtieguru at 05:09, 26 June 2016

2016-06-26T05:09:04Z

Bowtieguru at 04:58, 26 June 2016

2016-06-26T04:58:29Z

Show changes

← Older revision		Revision as of 04:26, 27 June 2016
Line 381:		Line 381:

	----		----
−	font-size: 0.~~875em~~; line-height: 1.3em; font-family: verdana;	+	font-size: 1.0em; line-height: 1.3em; font-family: verdana;

@@ Line 3: / Line 3: @@
 ''notes''
-* The inter-para spacing is unreachable through the wiki filter, so via F12-inspect, '.mw-body p { margin: 1.0em 0; }' is what I used.
+* The inter-para spacing is unreachable through the wiki filter, so via F12-inspect, '.mw-body p { margin: 1.0em 0; }' looked pretty good.
-* use rems when editing
+* use rems when editing the divs below
-* don't forget the browser zoom
+* don't forget your browser zoom

← Older revision		Revision as of 18:19, 26 June 2016
Line 12:		Line 12:
	----		----

−	default - font-size: 0.875em; line-height: 1.6em;	+	default (font-size: 0.875em; line-height: 1.6em;)

← Older revision		Revision as of 06:02, 26 June 2016
Line 5:		Line 5:
	* The inter-para spacing is unreachable through the wiki filter, so via F12-inspect, '.mw-body p { margin: 1.0em 0; }' is what I used.		* The inter-para spacing is unreachable through the wiki filter, so via F12-inspect, '.mw-body p { margin: 1.0em 0; }' is what I used.
	* use rems in the editor - inheritance etc.		* use rems in the editor - inheritance etc.
		+	* don't forget to reset your browser zoom

@@ Line 1: / Line 1: @@
-'''Here are sample font-size and line-height combinations'''
+'''Here some are sample font-size and line-height combinations'''
-''(zoom reset: ctrl-0)''
-−
- @all - I haven't found a way to tweek the inter-para spacing in this demo, the wiki filter ignores it.. but via F12, '.mw-body p { margin: 1.0em 0; }' looks pretty good. [[User:Bowtieguru|Bowtieguru]] ([[User talk:Bowtieguru|talk]]) 05:14, 26 June 2016 (UTC)
+''notes''
@@ Line 38: / Line 40: @@
 ----
-  font-size: 0.875em; line-height: 1.3rem;
+  font-size: 0.875em; line-height: 1.3em;
@@ Line 69: / Line 71: @@
 ----
-  font-size: 0.875em; line-height: 1.1rem;
+  font-size: 0.875em; line-height: 1.1em;
@@ Line 195: / Line 197: @@
 ----
-  font-size: 1.0em;  line-height: 1.1em;
+  font-size: 1.0em;  line-height: 1.25em;  font-family: verdana;
-<div style="font-size: 1.0rem;  line-height: 1.1rem;">'''Warning:''' If you are using a BOINC version lower than 5.8.2, before you add or edit cc_config.xml, exit BOINC. Normally in Boinc Manager File-&gt;Exit. If you are running as a service, Start-&gt;Run, type '''net stop boinc''' and press OK/Enter.
+<div style="font-size: 1.0rem;  line-height: 1.25rem; font-family: verdana;">'''Warning:''' If you are using a BOINC version lower than 5.8.2, before you add or edit cc_config.xml, exit BOINC. Normally in Boinc Manager File-&gt;Exit. If you are running as a service, Start-&gt;Run, type '''net stop boinc''' and press OK/Enter.
 '''Note:''' Not all options are available in lower versions of BOINC.
@@ Line 227: / Line 229: @@
-here's the typical css
+here's the css
   .mw-body p { margin: 0.875em 0; }
-  .mw-body-content { line-height: 1.3em; font-size: 1.0em; }
+  .mw-body-content { line-height: 1.3em; font-size: 1.0em; font-family: verdana; }

@@ Line 1: / Line 1: @@
-Here are sample font-size and line-height combinations
+'''Here are sample font-size and line-height combinations'''
 ----
-default - font-size: 0.875em; line-height: 1.6em;
+ default - font-size: 0.875em; line-height: 1.6em;
@@ Line 33: / Line 38: @@
 ----
-  tighter - line-height: 1.3rem;
+  font-size: 0.875em; line-height: 1.3rem;
@@ Line 64: / Line 69: @@
 ----
-  tighter - line-height: 1.1rem;
+  font-size: 0.875em; line-height: 1.1rem;
@@ Line 95: / Line 100: @@
 ----
-  larger font, tighter - font-size: 1.0rem;  line-height: 1.4rem;
+  font-size: 1.0em;  line-height: 1.4em;
@@ Line 127: / Line 132: @@
 ----
-  larger font, even tighter - font-size: 1.0rem;  line-height: 1.3rem;
+  font-size: 1.0em;  line-height: 1.3em;
@@ Line 159: / Line 164: @@
 ----
-  larger font, tighter - font-size: 1.0rem;  line-height: 1.2rem;
+  font-size: 1.0em;  line-height: 1.2em;
@@ Line 191: / Line 196: @@
-  larger font, tighter - font-size: 1.0rem;  line-height: 1.1rem;
+  font-size: 1.0em;  line-height: 1.1em;
@@ Line 223: / Line 228: @@
-here's the typical css - note the changes from rem to em
+here's the typical css
 .mw-body p { margin: 0.875em 0; }
 .mw-body-content { line-height: 1.3em; font-size: 1.0em; }