vmario/doodle3d-client
0
0
Fork 0
mirror of https://github.com/Doodle3D/doodle3d-client.git synced 2024-11-22 09:17:56 +01:00
Code Issues Releases Wiki Activity

updated css

Browse Source
This commit is contained in:
Adriaan Wormgoor 2013-07-26 23:54:21 +02:00
parent 7ccfff04f0
commit ceebebbb69
2 changed files with 43 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
css/d3d_btns.css
View File

@ -56,6 +56,16 @@ img {
top: 200px; top: 200px;
} }
#btnInfo {
right: 25px;
bottom: 20px;
}
#btnSettings {
right: 25px;
bottom: 90px;
}
/* /*
@ -72,25 +82,27 @@ img {
#btnsUpDown { #btnsUpDown {
position: absolute; position: absolute;
right: 200px; right: 200px;
bottom: -75px;
} }
#btnsTurnLeftRight { #btnsTurnLeftRight {
position: absolute; position: absolute;
right: 20px; right: 20px;
bottom: -75px;
} }
#btnUp { #btnMoveUp {
} }
#btnDown { #btnMoveDown {
} }
#btnTurnLeft { #btnTwistLeft {
} }
#btnTurnRight { #btnTwistRight {
} }

30
css/fixedPosInterface.css
View File

@ -1,6 +1,6 @@
body { body {
/* This chops off any overhanging divs */ /* This chops off any overhanging divs */
/* overflow:hidden; */ overflow:hidden;
} }
@ -43,9 +43,9 @@ body {
height: 140px; height: 140px;
} }
ha { /*ha {*/
background: #f5f5f5 url('../images/bg.jpg') no-repeat; /*background: #f5f5f5 url('../images/bg.jpg') no-repeat;*/
} /*}*/
/* Portrait */ /* Portrait */
@media screen and (orientation:portrait) { @media screen and (orientation:portrait) {
@ -108,16 +108,31 @@ ha {
border-radius: 15px; border-radius: 15px;
} }
#mycanvas, #preview {
/*border: 1px solid #08c;*/
float: left;
}
#mycanvas {
width: 500px;
height: 450px;
border: 0px solid #333;
border-right: 2px solid #333;
}
#preview { #preview {
/*border: 1px solid #f8c;*/
position: absolute; position: absolute;
right: 0px; right: 0px;
top: 0px; top: 0px;
width: 150px;
height: 450px;
} }
.vertImage { .vertImage {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
border: 2px solid #f0f; /*border: 2px solid #f0f;*/
max-width: 100%; max-width: 100%;
height: auto; height: auto;
width: auto; /* for ie9 */ width: auto; /* for ie9 */
@ -144,6 +159,9 @@ ha {
z-index: -5; z-index: -5;
} }
/* The code below is for resizing UI elements as the viewport becomes less high (suitable for tablets & smartphones) */
/*
@media screen and (max-height: 700px) { @media screen and (max-height: 700px) {
.bgMiddle { .bgMiddle {
display: none; display: none;
@ -197,5 +215,7 @@ ha {
} }
} }
//*/