style changes

This commit is contained in:
Ruben van de Ven 2020-12-02 11:56:35 +01:00
parent 8b14892ac7
commit ae6fecee8d
2 changed files with 17 additions and 16 deletions

View file

@ -3,6 +3,7 @@ body{
margin:0; margin:0;
background-size:cover; background-size:cover;
background-position: center center; background-position: center center;
font-size:12.8px;
} }
body.drawspace{ body.drawspace{
@ -51,7 +52,7 @@ body.drawspace{
width:145px; width:145px;
/*box-shadow: white 0 0 20px;*/ /*box-shadow: white 0 0 20px;*/
position:relative; position:relative;
font-size: 0.8em; font-size: 12.8px;
} }
.catNav ul:first-child{ .catNav ul:first-child{
@ -114,7 +115,7 @@ g:active{
svg text{ svg text{
fill:white; fill:white;
font-size: 25pt; font-size: 16pt;
-webkit-touch-callout: none; -webkit-touch-callout: none;
-webkit-user-select: none; -webkit-user-select: none;
@ -129,7 +130,7 @@ svg text{
top: 20px; top: 20px;
text-align:center; text-align:center;
width: 600px; width: 600px;
left: calc(50% - 150px); left: calc(50% - 300px);
} }
.buttons.buttons-inline{ .buttons.buttons-inline{
@ -148,7 +149,7 @@ svg text{
text-decoration:underline; text-decoration:underline;
} }
.buttons #sceneLabel{ .buttons #sceneLabel{
/* display:block; */ display:block;
} }
body{ body{
@ -300,7 +301,7 @@ select{
font-family: "space_grotesk"; font-family: "space_grotesk";
font-feature-settings: "salt"; font-feature-settings: "salt";
font-size:0.8em; font-size 12.8px;
} }
option{ option{
font-family: sans-serif; font-family: sans-serif;
@ -324,7 +325,7 @@ button, input[type='submit'],#godraw a,#saved a{
font-family: "space_grotesk"; font-family: "space_grotesk";
font-feature-settings: "salt"; font-feature-settings: "salt";
font-size:0.8em; font-size 12.8px;
border-radius: 2px; border-radius: 2px;
} }

View file

@ -46,16 +46,16 @@
</svg> </svg>
<div class='buttons'> <div class='buttons'>
<div id='buttons-top'>
<label id='scenelabel'>Pick a scene <select id='scene'>
<label id='scenelabel'>Pick a scene <select id='scene'> <!-- <option>-</option> -->
<!-- <option>-</option> --> <option data-background="drone_simple.svg" value="1">View from a drone</option>
<option data-background="drone_simple.svg" value="1">View from a drone</option> <option data-background="car_simple.svg" value="2">View from a self driving car</option>
<option data-background="car_simple.svg" value="2">View from a self driving car</option> <option data-background="room_simple.svg" value="3">Product affiliation detector</option>
<option data-background="room_simple.svg" value="3">Product affiliation detector</option> </select></label>
</select></label> <div id='buttons-top'>
<label id='convert'><input type='checkbox' id='loadImages'> <span>Images</span></label> <label id='convert'><input type='checkbox' id='loadImages'> <span>Show images</span></label>
<label id='labelcheck'><input type='checkbox' id='loadLabels'> <span>Labels</span></label> <label id='labelcheck'><input type='checkbox' id='loadLabels'> <span>Show labels</span></label>
</div> </div>
<label id='savewrap'><input type='submit' id='save' disabled='disabled' value='Save'></label> <label id='savewrap'><input type='submit' id='save' disabled='disabled' value='Save'></label>
<label id='saved'><a href='saved'>View saved drawings</a></label> <label id='saved'><a href='saved'>View saved drawings</a></label>