diff --git a/index.php b/index.php
index 5452fcb4e7756824814faf42e7bb53abb6b7280f..b602042bdd30a64df88f3232b91157587fb4bf55 100644
--- a/index.php
+++ b/index.php
@@ -110,19 +110,31 @@
}
</style>
+ <noscript>
+ <?= stylesheet_tag("themes/light.css") ?>
+
+ <style type="text/css">
+ body.css_loading noscript {
+ display : block;
+ margin : 16px;
+ }
+ </style>
+ </noscript>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="referrer" content="no-referrer"/>
</head>
<body class="flat ttrss_main ttrss_index css_loading">
-<div id="overlay" style="display : block">
+<noscript class="alert alert-error"><?= ('Javascript is disabled. Please enable it.') ?></noscript>
+
+<div id="overlay">
<div id="overlay_inner">
<?= __("Loading, please wait...") ?>
<div dojoType="dijit.ProgressBar" places="0" style="width : 300px" id="loading_bar"
progress="0" maximum="100">
</div>
- <noscript><br/><?php print_error('Javascript is disabled. Please enable it.') ?></noscript>
</div>
</div>
diff --git a/prefs.php b/prefs.php
index 98272674081cedc00005603f3310c8008045839d..14820f707d9a57655001b48e724023a0cab29020 100644
--- a/prefs.php
+++ b/prefs.php
@@ -93,11 +93,24 @@
}
</style>
+ <noscript>
+ <style type="text/css">
+ body.css_loading noscript {
+ display : block;
+ margin : 16px;
+ }
+ </style>
+
+ <?= stylesheet_tag("themes/light.css") ?>
+ </noscript>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body class="flat ttrss_main ttrss_prefs css_loading">
+<noscript class="alert alert-error"><?= ('Javascript is disabled. Please enable it.') ?></noscript>
+
<div id="notify" class="notify"></div>
<div id="cmdline" style="display : none"></div>
@@ -107,7 +120,6 @@
<div dojoType="dijit.ProgressBar" places="0" style="width : 300px" id="loading_bar"
progress="0" maximum="100">
</div>
- <noscript><br/><?php print_error('Javascript is disabled. Please enable it.') ?></noscript>
</div>
</div>