final(??) coco interface

This commit is contained in:
Ruben van de Ven 2020-03-10 15:51:05 +01:00
parent 303a40397e
commit d0132fe5ac
3 changed files with 13 additions and 21 deletions

View File

@ -24,7 +24,7 @@ body.drawspace{
top:0; top:0;
bottom:0; bottom:0;
color:white; color:white;
padding: 80px 10px 10px 10px; padding: 90px 10px 10px 10px;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
} }
@ -46,7 +46,7 @@ body.drawspace{
.catNav ul{ .catNav ul{
list-style:none; list-style:none;
padding:0px; padding:0px;
margin: 60px 0px; margin: 70px 0px 10px 0;
border-width: 3px; border-width: 3px;
width:145px; width:145px;
/*box-shadow: white 0 0 20px;*/ /*box-shadow: white 0 0 20px;*/
@ -66,6 +66,8 @@ body.drawspace{
font-weight:bold; font-weight:bold;
padding: 2px 10px; padding: 2px 10px;
margin-left: -4px; margin-left: -4px;
border-radius: 2px;
margin-bottom: 1em;
} }
#catNav2 ul:before{ #catNav2 ul:before{
transform:rotate(30deg); transform:rotate(30deg);
@ -85,7 +87,7 @@ body.drawspace{
.catNav li{ .catNav li{
padding: 2px; padding: 2px;
/*margin-left:-12px;*/ /*margin-left:-12px;*/
text-shadow: black 0 0 2px; /*text-shadow: black 0 0 2px;*/
} }
.catNav li:hover{ .catNav li:hover{
cursor:pointer; cursor:pointer;
@ -166,73 +168,61 @@ body.hideLabels svg text{
} }
.supercategory-person:before{ .supercategory-person:before{
/*color:rgb(250,8,0);*/
background:rgb(250,8,0); background:rgb(250,8,0);
} }
.supercategory-person li{ .supercategory-person li{
} }
.supercategory-vehicle:before{ .supercategory-vehicle:before{
/*color:rgb(128,255,0);*/
background:rgb(128,255,0); background:rgb(128,255,0);
} }
.supercategory-vehicle li{ .supercategory-vehicle li{
} }
.supercategory-outdoor:before{ .supercategory-outdoor:before{
/*color:rgb(0,255,255);*/
background:rgb(0,255,255); background:rgb(0,255,255);
} }
.supercategory-outdoor li{ .supercategory-outdoor li{
} }
.supercategory-animal:before{ .supercategory-animal:before{
/*color:rgb(255,0,255);*/
background:rgb(255,0,255); background:rgb(255,0,255);
} }
.supercategory-animal li{ .supercategory-animal li{
} }
.supercategory-accessory:before{ .supercategory-accessory:before{
/*color:rgb(255,255,0);*/
background:rgb(255,255,0); background:rgb(255,255,0);
} }
.supercategory-accessory li{ .supercategory-accessory li{
} }
.supercategory-sports:before{ .supercategory-sports:before{
/*color:rgb(0,128,255);*/
background:rgb(0,128,255); background:rgb(0,128,255);
} }
.supercategory-sports li{ .supercategory-sports li{
} }
.supercategory-kitchen:before{ .supercategory-kitchen:before{
/*color:rgb(250,133,0);*/
background:rgb(250,133,0); background:rgb(250,133,0);
} }
.supercategory-kitchen li{ .supercategory-kitchen li{
} }
.supercategory-furniture:before{ .supercategory-furniture:before{
/*color:rgb(187,0,250);*/
background:rgb(187,0,250); background:rgb(187,0,250);
} }
.supercategory-furniture li{ .supercategory-furniture li{
} }
.supercategory-food:before{ .supercategory-food:before{
/*color:rgb(0,250,133);*/
background:rgb(0,250,133); background:rgb(0,250,133);
} }
.supercategory-food li{ .supercategory-food li{
} }
.supercategory-electronic:before{ .supercategory-electronic:before{
/*color:rgb(250,217,0);*/
background:rgb(250,217,0); background:rgb(250,217,0);
} }
.supercategory-electronic li{ .supercategory-electronic li{
} }
.supercategory-appliance:before{ .supercategory-appliance:before{
/*color:rgb(255,0,128);*/
background:rgb(255,0,128); background:rgb(255,0,128);
} }
.supercategory-appliance li{ .supercategory-appliance li{
} }
.supercategory-indoor:before{ .supercategory-indoor:before{
/*color:rgb(133,0,250);*/
background:rgb(133,0,250); background:rgb(133,0,250);
} }
.supercategory-indoor li{ .supercategory-indoor li{
@ -310,7 +300,7 @@ button, input[type='submit'],#godraw a,#saved a{
text-decoration: none; text-decoration: none;
/*color: initial;*/ /*color: initial;*/
padding: 10px; padding: 7px 10px;
color:white; color:white;
background:black; background:black;
border:none; border:none;
@ -319,6 +309,8 @@ 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:16px; font-size:16px;
border-radius: 2px;
} }
/*input:checked + span{ /*input:checked + span{

View File

@ -51,8 +51,8 @@
<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>
<label id='convert'><input type='checkbox' id='loadImages'> <span>images</span></label> <label id='convert'><input type='checkbox' id='loadImages'> <span>Images</span></label>
<label id='labelcheck'><input type='checkbox' id='loadLabels'> <span>labels</span></label> <label id='labelcheck'><input type='checkbox' id='loadLabels'> <span>Labels</span></label>
<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'>Saved drawings</a></label> <label id='saved'><a href='saved'>Saved drawings</a></label>
</div> </div>

View File

@ -31,9 +31,9 @@
</nav> </nav>
<div class='buttons buttons-inline'> <div class='buttons buttons-inline'>
<label id='convert'><input type='checkbox' id='loadImages'> <span>images</span></label> <label id='convert'><input type='checkbox' id='loadImages'> <span>Images</span></label>
<label id='labelcheck'><input type='checkbox' id='loadLabels'> <span>labels</span></label> <label id='labelcheck'><input type='checkbox' id='loadLabels'> <span>Labels</span></label>
<label id='bgcheck'><input type='checkbox' id='loadBg' checked> <span>scenes</span></label> <label id='bgcheck'><input type='checkbox' id='loadBg' checked> <span>Scenes</span></label>
<label id='godraw'><a href='/a/coco/'>Draw your own!</a></label> <label id='godraw'><a href='/a/coco/'>Draw your own!</a></label>
</div> </div>
<div id='saved'> <div id='saved'>