2 files changed, 30 insertions, 4 deletions
diff --git a/misc.tmpl b/misc.tmpl
index 76a3f3e..2881544 100644
--- a/misc.tmpl
+++ b/misc.tmpl
@@ -9,8 +9,21 @@
 </TMPL_IF>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title><TMPL_VAR TITLE></title>
-<link rel="stylesheet" href="<TMPL_VAR BASEURL>style.css" type="text/css" />
-<link rel="stylesheet" href="<TMPL_VAR BASEURL>local.css" type="text/css" />
+<link rel="stylesheet" href="<TMPL_VAR BASEURL>nn4.css" type="text/css" media="screen" />
+<!--link before import prevents Flash Of Unstyled Content in ie6pc -->
+<style type="text/css" media="screen">@import url("<TMPL_VAR BASEURL>real.css");</style>
+<!-- import with quotes and brackets hides css from:
+Netscape 4.x
+Win IE 3
+Win IE 4
+Mac IE 4.01
+Mac IE 4.5
+Konqueror 2.1.2
+Win Amaya 5.1
+isn't that nice to know? -->
+<!-- Source of above: http://www.thenoodleincident.com/tutorials/typography/ -->
+<style type="text/css" media="screen">@import url("<TMPL_VAR BASEURL>style.css");</style>
+<style type="text/css" media="screen">@import url("<TMPL_VAR BASEURL>local.css");</style>
 <TMPL_IF NAME="FAVICON">
 <link rel="icon" href="<TMPL_VAR BASEURL><TMPL_VAR FAVICON>" type="image/x-icon" />
 </TMPL_IF>
diff --git a/page.tmpl b/page.tmpl
index 82f6b73..c221669 100644
--- a/page.tmpl
+++ b/page.tmpl
@@ -7,8 +7,21 @@
 <TMPL_IF NAME="FAVICON">
 <link rel="icon" href="<TMPL_VAR BASEURL><TMPL_VAR FAVICON>" type="image/x-icon" />
 </TMPL_IF>
-<link rel="stylesheet" href="<TMPL_VAR BASEURL>style.css" type="text/css" />
-<link rel="stylesheet" href="<TMPL_VAR BASEURL>local.css" type="text/css" />
+<link rel="stylesheet" href="<TMPL_VAR BASEURL>nn4.css" type="text/css" media="screen" />
+<!--link before import prevents Flash Of Unstyled Content in ie6pc -->
+<style type="text/css" media="screen">@import url("<TMPL_VAR BASEURL>real.css");</style>
+<!-- import with quotes and brackets hides css from:
+Netscape 4.x
+Win IE 3
+Win IE 4
+Mac IE 4.01
+Mac IE 4.5
+Konqueror 2.1.2
+Win Amaya 5.1
+isn't that nice to know? -->
+<!-- Source of above: http://www.thenoodleincident.com/tutorials/typography/ -->
+<style type="text/css" media="screen">@import url("<TMPL_VAR BASEURL>style.css");</style>
+<style type="text/css" media="screen">@import url("<TMPL_VAR BASEURL>local.css");</style>
 <TMPL_IF NAME="EDITURL">
 <link rel="alternate" type="application/x-wiki" title="Edit this page" href="<TMPL_VAR EDITURL>" />
 </TMPL_IF>