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

simple code changes. Border around D3D interface makes slightly more sense.

Browse Source
This commit is contained in:
Adriaan Wormgoor 2013-09-18 20:17:25 +02:00
parent 3d318bb56e
commit fdfaafd99d
2 changed files with 24 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
css/fixedPosInterface.css
View File

@ -3,49 +3,19 @@ body {
overflow:hidden; overflow:hidden;
} }
.button { .button {
display: table; display: table;
} }
/*.big {*/ /*#landscape {*/
/*background: #a6e19c;*/ /*position:relative;*/
/*border: 1px solid #222;*/ /*width: 1024px;*/
/*height: 64px;*/ /*max-height: 768px;*/
/*width: 64px;*/ /*background-color: #808;*/
/*display: table-cell;*/ /*border: 10px solid #ff0;*/
/*vertical-align: middle;*/ /*margin: 0px auto;*/
/*text-align: center;*/
/*border-radius: 32px;*/
/*-moz-border-radius: 32px;*/
/*-webkit-border-radius: 32px;*/
/*}*/
/*.small {*/
/*background: #a3d5f7;*/
/*border: 1px solid #222;*/
/*height: 40px;*/
/*width: 40px;*/
/*display: table-cell;*/
/*vertical-align: middle;*/
/*text-align: center;*/
/*border-radius: 20px;*/
/*-moz-border-radius: 20px;*/
/*-webkit-border-radius: 20px;*/
/*}*/ /*}*/
#logo {
position: absolute;
/*left: 50%;*/
/*margin-left: -220px;*/
top: 20px;
left: 315px;
width: 400px;
height: 140px;
}
/*ha {*/
/*background: #f5f5f5 url('../images/bg.jpg') no-repeat;*/
/*}*/
/* Portrait */ /* Portrait */
@media screen and (orientation:portrait) { @media screen and (orientation:portrait) {
@ -74,17 +44,26 @@ body {
} }
} }
.container { .uiButtonsContainer {
position: fixed; position: fixed;
top: 0px; top: 0px;
left: 0px; left: 0px;
border: 2px solid #333;
width: 1024px; width: 1024px;
min-height: 500px; min-height: 500px;
max-height: 768px; max-height: 768px;
height: 100%; height: 100%;
/* height: 768px;*/ /* height: 768px;*/
} }
.uiButtonsContainer:before {
content:' ';
display:block;
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
border: 2px solid #333;
}
#d3dlogo { #d3dlogo {
position: absolute; position: absolute;
@ -96,10 +75,6 @@ body {
cursor: pointer; cursor: pointer;
} }
#svg {
cursor: pointer;
}
#drawAreaContainer { #drawAreaContainer {
position: absolute; position: absolute;
top: 193px; top: 193px;

2
index.html
View File

@ -23,7 +23,7 @@
<div class="agentInfo"></div> <div class="agentInfo"></div>
</div> </div>
<div id="landscape"> <div id="landscape">
<div class="container"> <div class="uiButtonsContainer">
<img class="bgTop" src="img/bg_top.png" /> <img class="bgTop" src="img/bg_top.png" />
<img class="bgMiddle" src="img/bg_middle.png" /> <img class="bgMiddle" src="img/bg_middle.png" />
<img class="bgBottom" src="img/bg_bottom.png" /> <img class="bgBottom" src="img/bg_bottom.png" />