fix styling and wording of no-JavaScript message

11 years ago · 3db2b11435
parent 6cdb1d89ae
commit 3db2b11435
2 changed files with 14 additions and 14 deletions
--- a/core/css/styles.css
+++ b/core/css/styles.css
@ -42,28 +42,28 @@ body {
 	position: absolute;
 	top: 0;
 	bottom: 0;
-	z-index: 999;
+	z-index: 9000;
 	width: 100%;
 	text-align: center;
-	background-color: rgba(50,0,0,0.5);
-	color: white;
-	text-shadow: 0px 0px 5px black;
+	background-color: rgba(0,0,0,0.5);
+	color: #fff;
 	line-height: 125%;
-	font-size: x-large;
+	font-size: 24px;
 }
 #nojavascript div {
+	display: block;
+	position: relative;
 	width: 50%;
-	top: 40%;
-	position: absolute;
-	left: 50%;
-	margin-left: -25%;
+	top: 30%;
+	margin: 0px auto;
 }
 #nojavascript a {
-	color: #ccc;
-	text-decoration: underline;
+	color: #fff;
+	border-bottom: 2px dotted #fff;
 }
-#nojavascript a:hover {
-	color: #aaa;
+#nojavascript a:hover,
+#nojavascript a:focus {
+	color: #ddd;
 }


--- a/core/templates/layout.user.php
+++ b/core/templates/layout.user.php
@ -40,7 +40,7 @@
 		<?php endforeach; ?>
 	</head>
 	<body id="<?php p($_['bodyid']);?>">
-	<noscript><div id="nojavascript"><div><?php print_unescaped($l->t('This application requires JavaScript to be enabled for correct operation.  Please <a href="http://enable-javascript.com/" target="_blank">enable JavaScript</a> and re-load this interface.')); ?></div></div></noscript>
+	<noscript><div id="nojavascript"><div><?php print_unescaped($l->t('This application requires JavaScript for correct operation. Please <a href="http://enable-javascript.com/" target="_blank">enable JavaScript</a> and reload the page.')); ?></div></div></noscript>
 	<div id="notification-container">
 		<div id="notification"></div>
 		<?php if ($_['updateAvailable']): ?>