plottingdata/coco
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

style changes

Browse source
This commit is contained in:
Ruben van de Ven 2020-12-02 11:45:06 +01:00
parent d59a682c04
commit d5d597d377
2 changed files with 45 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
www/coco.css
View file

@ -51,7 +51,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: 16px; font-size: 0.8em;
} }
.catNav ul:first-child{ .catNav ul:first-child{
@ -137,6 +137,9 @@ svg text{
margin: 10px; margin: 10px;
width:100%; width:100%;
} }
.buttons #buttons-top{
display: block;
}
.buttons span, .buttons label{ .buttons span, .buttons label{
/*color:white;*/ /*color:white;*/
cursor:pointer; cursor:pointer;
@ -145,7 +148,7 @@ svg text{
text-decoration:underline; text-decoration:underline;
} }
.buttons #sceneLabel{ .buttons #sceneLabel{
display:block; /* display:block; */
} }
body{ body{
@ -168,62 +171,74 @@ body.hideLabels svg text{
} }
.supercategory-person:before{ .supercategory-person:before{
background:rgb(250,8,0); /* background:rgb(250,8,0); */
background: black;
} }
.supercategory-person li{ .supercategory-person li{
} }
.supercategory-vehicle:before{ .supercategory-vehicle:before{
background:rgb(128,255,0); /* background:rgb(128,255,0); */
background: black;
} }
.supercategory-vehicle li{ .supercategory-vehicle li{
} }
.supercategory-outdoor:before{ .supercategory-outdoor:before{
background:rgb(0,255,255); /* background:rgb(0,255,255); */
background: black;
} }
.supercategory-outdoor li{ .supercategory-outdoor li{
} }
.supercategory-animal:before{ .supercategory-animal:before{
background:rgb(255,0,255); /* background:rgb(255,0,255); */
background: black;
} }
.supercategory-animal li{ .supercategory-animal li{
} }
.supercategory-accessory:before{ .supercategory-accessory:before{
background:rgb(255,255,0); /* background:rgb(255,255,0); */
background: black;
} }
.supercategory-accessory li{ .supercategory-accessory li{
} }
.supercategory-sports:before{ .supercategory-sports:before{
background:rgb(0,128,255); /* background:rgb(0,128,255); */
background: black;
} }
.supercategory-sports li{ .supercategory-sports li{
} }
.supercategory-kitchen:before{ .supercategory-kitchen:before{
background:rgb(250,133,0); /* background:rgb(250,133,0); */
background: black;
} }
.supercategory-kitchen li{ .supercategory-kitchen li{
} }
.supercategory-furniture:before{ .supercategory-furniture:before{
background:rgb(187,0,250); /* background:rgb(187,0,250); */
background: black;
} }
.supercategory-furniture li{ .supercategory-furniture li{
} }
.supercategory-food:before{ .supercategory-food:before{
background:rgb(0,250,133); /* background:rgb(0,250,133); */
background: black;
} }
.supercategory-food li{ .supercategory-food li{
} }
.supercategory-electronic:before{ .supercategory-electronic:before{
background:rgb(250,217,0); /* background:rgb(250,217,0); */
background: black;
} }
.supercategory-electronic li{ .supercategory-electronic li{
} }
.supercategory-appliance:before{ .supercategory-appliance:before{
background:rgb(255,0,128); /* background:rgb(255,0,128); */
background: black;
} }
.supercategory-appliance li{ .supercategory-appliance li{
} }
.supercategory-indoor:before{ .supercategory-indoor:before{
background:rgb(133,0,250); /* background:rgb(133,0,250); */
background: black;
} }
.supercategory-indoor li{ .supercategory-indoor li{
} }
@ -285,7 +300,7 @@ select{
font-family: "space_grotesk"; font-family: "space_grotesk";
font-feature-settings: "salt"; font-feature-settings: "salt";
font-size:16px; font-size:0.8em;
} }
option{ option{
font-family: sans-serif; font-family: sans-serif;
@ -293,6 +308,7 @@ option{
} }
button, input[type='submit'],#godraw a,#saved a{ button, input[type='submit'],#godraw a,#saved a{
cursor: pointer;
-webkit-appearance: button; -webkit-appearance: button;
-moz-appearance: button; -moz-appearance: button;
appearance: button; appearance: button;
@ -308,7 +324,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:16px; font-size:0.8em;
border-radius: 2px; border-radius: 2px;
} }

15
www/index.html
View file

@ -46,16 +46,19 @@
</svg> </svg>
<div class='buttons'> <div class='buttons'>
<label id='scenelabel'>Scene <select id='scene'> <div id='buttons-top'>
<!-- <option>-</option> -->
<label id='scenelabel'>Pick a scene <select id='scene'>
<!-- <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>
<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> </div>
<label id='saved'><a href='saved'>Saved drawings</a></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>
</div> </div>
<!-- <script src="svg-inject.min.js"></script> --> <!-- <script src="svg-inject.min.js"></script> -->