155 lines
2.2 KiB
CSS
155 lines
2.2 KiB
CSS
body{
|
|
font-family:sans-serif;
|
|
background: darkblue;
|
|
margin:0;
|
|
}
|
|
|
|
#svgCanvas{
|
|
width:100vw;
|
|
height:100vh;
|
|
}
|
|
.catNav{
|
|
position:absolute;
|
|
top:0;
|
|
color:white;
|
|
bottom:0;
|
|
overflow-y: auto;
|
|
padding: 10px;
|
|
}
|
|
#catNav {
|
|
left: 0;
|
|
}
|
|
#catNav2 {
|
|
right:0;
|
|
}
|
|
|
|
.catNav ul{
|
|
list-style:none;
|
|
padding:0px;
|
|
margin: 30px 0px;
|
|
border-width: 3px;
|
|
}
|
|
#catNav ul {
|
|
border-left-style: solid;
|
|
}
|
|
#catNav2 ul {
|
|
border-right-style: solid;
|
|
}
|
|
|
|
.catNav li{
|
|
padding:2px;
|
|
}
|
|
.catNav li:hover{
|
|
cursor:pointer;
|
|
text-decoration:underline;
|
|
}
|
|
#catNav li{
|
|
transform: rotate(-30deg);
|
|
transform-origin: top left;
|
|
padding-left: 5px;
|
|
}
|
|
#catNav2 li{
|
|
transform: rotate(30deg);
|
|
text-align:right;
|
|
transform-origin: top right;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
g{
|
|
cursor:grab;
|
|
}
|
|
|
|
g:active{
|
|
cursor:grabbing;
|
|
}
|
|
|
|
svg text{
|
|
fill:white;
|
|
font-size: 40pt;
|
|
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.buttons{
|
|
position:absolute;
|
|
top: 10px;
|
|
text-align:center;
|
|
width: 300px;
|
|
left: calc(50% - 150px);
|
|
}
|
|
.buttons.buttons-inline{
|
|
position:static;
|
|
margin: 10px;
|
|
width:100%;
|
|
}
|
|
.buttons span, .buttons label{
|
|
color:white;
|
|
cursor:pointer;
|
|
}
|
|
.buttons span:hover{
|
|
text-decoration:underline;
|
|
}
|
|
.buttons #sceneLabel{
|
|
display:block;
|
|
}
|
|
|
|
body.hideImages svg image{
|
|
display:none;
|
|
}
|
|
body.hideLabels svg text{
|
|
display:none;
|
|
}
|
|
|
|
.supercategory-person{
|
|
border-color:rgb(250,8,0);
|
|
}
|
|
.supercategory-vehicle{
|
|
border-color:rgb(128,255,0);
|
|
}
|
|
.supercategory-outdoor{
|
|
border-color:rgb(0,255,255);
|
|
}
|
|
.supercategory-animal{
|
|
border-color:rgb(255,0,255);
|
|
}
|
|
.supercategory-accessory{
|
|
border-color:rgb(255,255,0);
|
|
}
|
|
.supercategory-sports{
|
|
border-color:rgb(0,128,255);
|
|
}
|
|
.supercategory-kitchen{
|
|
border-color:rgb(250,133,0);
|
|
}
|
|
.supercategory-furniture{
|
|
border-color:rgb(187,0,250);
|
|
}
|
|
.supercategory-food{
|
|
border-color:rgb(0,250,133);
|
|
}
|
|
.supercategory-electronic{
|
|
border-color:rgb(250,217,0);
|
|
}
|
|
.supercategory-appliance{
|
|
border-color:rgb(255,0,128);
|
|
}
|
|
.supercategory-indoor{
|
|
border-color:rgb(133,0,250);
|
|
}
|
|
|
|
#save{margin: 5px;}
|
|
|
|
#saved{
|
|
text-align: center;
|
|
}
|
|
#saved svg{
|
|
width: 30vw;
|
|
height: 20vw;
|
|
margin: 10px;
|
|
border:solid 1px white;
|
|
} |