web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improve the main page when javascript is disabled

Browse Source
This commit is contained in:
yflory
2017-01-31 12:43:28 +01:00
parent 39c85ca3f7
commit d926b69f8b
12 changed files with 155 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
customize.dist/src/less/cryptpad.less
View File

@@ -237,24 +237,57 @@ body.html {
background-color: #d8d8d8;
}
}
#main {
background-image: url('/customize/bg3.jpg');
.mainOverlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
opacity: 0.3;
}
#mainBlock {
&.hidden {
display: none;
}
}
#noscriptContainer {
color: black;
position: absolute;
top: @topbar-height;
left: 0;
bottom: 0;
right: 0;
#noscript {
width: 1000px;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%);
noscript {
font-size: 25px;
width: 1000px;
text-align: center;
position: absolute;
top: 50%;
left: 0;
color: @main-color;
transform: translateY(-50%);
}
}
background: @main-bg;
background-size: cover;
}
#main {
background: @main-bg;
background-size: cover;
background-position: center center;
}
#main_other {
padding: 0 @main-border-width;
}
#main, #main_other {
#overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
opacity: 0.3;
}
position: relative;
left: 0;
right: 0;