Infra-Mirrors/PrivateBin
1
0
Fork 0
mirror of https://github.com/PrivateBin/PrivateBin.git synced 2025-10-07 19:08:44 -04:00
Code Issues Projects Releases Packages Wiki Activity

Add "JS not working" error message

Browse source 
It is:
* hidden by JS code executed as early as possible
* not hidden by noscript tags, so that it is *not* shown when JavaScript is just no activated

Fix https://github.com/PrivateBin/PrivateBin/issues/103
This commit is contained in:
rugk 2016-10-25 21:13:43 +02:00
parent 5d822af5b1
commit 7bbb273c1c
No known key found for this signature in database
GPG key ID: 05D40A636AFAB34D
9 changed files with 36 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

15
css/noscript.css Normal file
View file

@ -0,0 +1,15 @@
/**
* PrivateBin
*
* CSS file only loaded when no JavaScript available.
*
* @link https://github.com/PrivateBin/PrivateBin
* @copyright 2012 Sébastien SAUVAGE (sebsauvage.net)
* @license https://www.opensource.org/licenses/zlib-license.php The zlib/libpng License
* @version 1.0
*/
/* When there is no script at all other */
.noscript-hide {
display: none;
}

14
css/privatebin.css
View file

@ -1,7 +1,7 @@
/**
* PrivateBin
*
* a zero-knowledge paste bin
* Main CSS file.
*
* @link https://github.com/PrivateBin/PrivateBin
* @copyright 2012 Sébastien SAUVAGE (sebsauvage.net)
@ -161,7 +161,7 @@ button, .button {
background-clip: padding-box;
}
button:hover {
button:hover {
background-image: linear-gradient(bottom, #424b57 0%, #61707e 100%);
background-image: -o-linear-gradient(bottom, #424b57 0%, #61707e 100%);
background-image: -moz-linear-gradient(bottom, #424b57 0%, #61707e 100%);
@ -193,8 +193,8 @@ button img {
top: 2px;
}
.button {
background-color: #414d5a;
.button {
background-color: #414d5a;
padding: 6px 8px;
margin: 0 5px 0 0;
position: relative;
@ -218,7 +218,7 @@ button img {
}
#remainingtime, #password {
color: #94a3b4;
color: #94a3b4;
display: inline;
font-size: 0.85em;
}
@ -298,7 +298,7 @@ h4.title {
font-size: 1.2em;
color: #94a3b4;
font-style: italic;
font-weight: bold;
font-weight: bold;
position: relative;
margin-left: 30px;
}
@ -356,7 +356,7 @@ h4.title {
background-clip: padding-box;
}
.comment button:hover {
.comment button:hover {
background-image: linear-gradient(bottom, #ccd 0, #fff 100%);
background-image: -o-linear-gradient(bottom, #ccd 0, #fff 100%);
background-image: -moz-linear-gradient(bottom, #ccd 0, #fff 100%);