404 style fixes

This commit is contained in:
peteruithoven 2014-05-14 17:49:05 +02:00
parent 72d2e859f7
commit 953d50e5fc
3 changed files with 18 additions and 12 deletions

View File

@ -6,9 +6,12 @@
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
height: 250px; height: 200px;
width: 500px; width: 500px;
margin: -125px 0 0 -250px; margin: -85px 0px 0px -250px;
background-color: #FCFCFC;
padding: 0px 1em;
} }
} }

View File

@ -47,18 +47,20 @@ body {
left: 0px; left: 0px;
//z-index: -5; //z-index: -5;
} }
#bgTop { #bgTop {
top: 0px; top: 0px;
} }
#bgMiddle { #bgMiddle {
top: 30%; top: 30%;
} }
#bgBottom { #bgBottom {
bottom: 0px; bottom: 0px;
} }
@media only screen and (max-height: 700px) {
#bgMiddle {
display: none;
}
}
@import "base_centerpanel.less"; @import "base_centerpanel.less";
@import "base_leftpanel.less"; @import "base_leftpanel.less";

View File

@ -2,15 +2,16 @@
<!-- background images --> <!-- background images -->
<div class="bgContainer"> <div class="bgContainer">
<img class="bgTop" src="img/bg_top.png" /> <img id="bgTop" src="img/bg_top.png" />
<img class="bgMiddle" src="img/bg_middle.png" /> <img id="bgMiddle" src="img/bg_middle.png" />
<img class="bgBottom" src="img/bg_bottom.png" /> <img id="bgBottom" src="img/bg_bottom.png" />
</div> </div>
<!-- center panel --> <!-- center panel -->
<div class="centerpanel"> <div id="centerpanel">
<div class="logopanel"> <div id="logopanel" class="btn">
<div class="d3dlogo" onclick="location.reload()"></div> <img id="pencil" src="img/logo/pencil.png"/>
<img id="logo" src="img/logo/doodle3d.png"/>
</div> </div>
</div> </div>
<div id="message404"> <div id="message404">
@ -25,5 +26,5 @@
</div> </div>
</div> </div>
<div id="portrait"> <div id="portrait">
<img class="vertImage" src="img/bg_vertical.png"/> <img id="vertImage" src="img/bg_vertical.png"/>
</div> </div>