final(??) coco interface
This commit is contained in:
parent
303a40397e
commit
d0132fe5ac
3 changed files with 13 additions and 21 deletions
24
www/coco.css
24
www/coco.css
|
@ -24,7 +24,7 @@ body.drawspace{
|
|||
top:0;
|
||||
bottom:0;
|
||||
color:white;
|
||||
padding: 80px 10px 10px 10px;
|
||||
padding: 90px 10px 10px 10px;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
@ -46,7 +46,7 @@ body.drawspace{
|
|||
.catNav ul{
|
||||
list-style:none;
|
||||
padding:0px;
|
||||
margin: 60px 0px;
|
||||
margin: 70px 0px 10px 0;
|
||||
border-width: 3px;
|
||||
width:145px;
|
||||
/*box-shadow: white 0 0 20px;*/
|
||||
|
@ -66,6 +66,8 @@ body.drawspace{
|
|||
font-weight:bold;
|
||||
padding: 2px 10px;
|
||||
margin-left: -4px;
|
||||
border-radius: 2px;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
#catNav2 ul:before{
|
||||
transform:rotate(30deg);
|
||||
|
@ -85,7 +87,7 @@ body.drawspace{
|
|||
.catNav li{
|
||||
padding: 2px;
|
||||
/*margin-left:-12px;*/
|
||||
text-shadow: black 0 0 2px;
|
||||
/*text-shadow: black 0 0 2px;*/
|
||||
}
|
||||
.catNav li:hover{
|
||||
cursor:pointer;
|
||||
|
@ -166,73 +168,61 @@ body.hideLabels svg text{
|
|||
}
|
||||
|
||||
.supercategory-person:before{
|
||||
/*color:rgb(250,8,0);*/
|
||||
background:rgb(250,8,0);
|
||||
}
|
||||
.supercategory-person li{
|
||||
}
|
||||
.supercategory-vehicle:before{
|
||||
/*color:rgb(128,255,0);*/
|
||||
background:rgb(128,255,0);
|
||||
}
|
||||
.supercategory-vehicle li{
|
||||
}
|
||||
.supercategory-outdoor:before{
|
||||
/*color:rgb(0,255,255);*/
|
||||
background:rgb(0,255,255);
|
||||
}
|
||||
.supercategory-outdoor li{
|
||||
}
|
||||
.supercategory-animal:before{
|
||||
/*color:rgb(255,0,255);*/
|
||||
background:rgb(255,0,255);
|
||||
}
|
||||
.supercategory-animal li{
|
||||
}
|
||||
.supercategory-accessory:before{
|
||||
/*color:rgb(255,255,0);*/
|
||||
background:rgb(255,255,0);
|
||||
}
|
||||
.supercategory-accessory li{
|
||||
}
|
||||
.supercategory-sports:before{
|
||||
/*color:rgb(0,128,255);*/
|
||||
background:rgb(0,128,255);
|
||||
}
|
||||
.supercategory-sports li{
|
||||
}
|
||||
.supercategory-kitchen:before{
|
||||
/*color:rgb(250,133,0);*/
|
||||
background:rgb(250,133,0);
|
||||
}
|
||||
.supercategory-kitchen li{
|
||||
}
|
||||
.supercategory-furniture:before{
|
||||
/*color:rgb(187,0,250);*/
|
||||
background:rgb(187,0,250);
|
||||
}
|
||||
.supercategory-furniture li{
|
||||
}
|
||||
.supercategory-food:before{
|
||||
/*color:rgb(0,250,133);*/
|
||||
background:rgb(0,250,133);
|
||||
}
|
||||
.supercategory-food li{
|
||||
}
|
||||
.supercategory-electronic:before{
|
||||
/*color:rgb(250,217,0);*/
|
||||
background:rgb(250,217,0);
|
||||
}
|
||||
.supercategory-electronic li{
|
||||
}
|
||||
.supercategory-appliance:before{
|
||||
/*color:rgb(255,0,128);*/
|
||||
background:rgb(255,0,128);
|
||||
}
|
||||
.supercategory-appliance li{
|
||||
}
|
||||
.supercategory-indoor:before{
|
||||
/*color:rgb(133,0,250);*/
|
||||
background:rgb(133,0,250);
|
||||
}
|
||||
.supercategory-indoor li{
|
||||
|
@ -310,7 +300,7 @@ button, input[type='submit'],#godraw a,#saved a{
|
|||
text-decoration: none;
|
||||
/*color: initial;*/
|
||||
|
||||
padding: 10px;
|
||||
padding: 7px 10px;
|
||||
color:white;
|
||||
background:black;
|
||||
border:none;
|
||||
|
@ -319,6 +309,8 @@ button, input[type='submit'],#godraw a,#saved a{
|
|||
font-family: "space_grotesk";
|
||||
font-feature-settings: "salt";
|
||||
font-size:16px;
|
||||
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
/*input:checked + span{
|
||||
|
|
|
@ -51,8 +51,8 @@
|
|||
<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>
|
||||
</select></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='convert'><input type='checkbox' id='loadImages'> <span>Images</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='saved'><a href='saved'>Saved drawings</a></label>
|
||||
</div>
|
||||
|
|
|
@ -31,9 +31,9 @@
|
|||
</nav>
|
||||
|
||||
<div class='buttons buttons-inline'>
|
||||
<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='bgcheck'><input type='checkbox' id='loadBg' checked> <span>scenes</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='bgcheck'><input type='checkbox' id='loadBg' checked> <span>Scenes</span></label>
|
||||
<label id='godraw'><a href='/a/coco/'>Draw your own!</a></label>
|
||||
</div>
|
||||
<div id='saved'>
|
||||
|
|
Loading…
Reference in a new issue