fix styling and wording of no-JavaScript message

This commit is contained in:
Jan-Christoph Borchardt 2014-09-08 17:55:53 +02:00
parent 6cdb1d89ae
commit 3db2b11435
2 changed files with 14 additions and 14 deletions

View File

@ -42,28 +42,28 @@ body {
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
z-index: 999; z-index: 9000;
width: 100%; width: 100%;
text-align: center; text-align: center;
background-color: rgba(50,0,0,0.5); background-color: rgba(0,0,0,0.5);
color: white; color: #fff;
text-shadow: 0px 0px 5px black;
line-height: 125%; line-height: 125%;
font-size: x-large; font-size: 24px;
} }
#nojavascript div { #nojavascript div {
display: block;
position: relative;
width: 50%; width: 50%;
top: 40%; top: 30%;
position: absolute; margin: 0px auto;
left: 50%;
margin-left: -25%;
} }
#nojavascript a { #nojavascript a {
color: #ccc; color: #fff;
text-decoration: underline; border-bottom: 2px dotted #fff;
} }
#nojavascript a:hover { #nojavascript a:hover,
color: #aaa; #nojavascript a:focus {
color: #ddd;
} }

View File

@ -40,7 +40,7 @@
<?php endforeach; ?> <?php endforeach; ?>
</head> </head>
<body id="<?php p($_['bodyid']);?>"> <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-container">
<div id="notification"></div> <div id="notification"></div>
<?php if ($_['updateAvailable']): ?> <?php if ($_['updateAvailable']): ?>