COCO styling

This commit is contained in:
Ruben van de Ven 2020-03-10 15:23:00 +01:00
parent 4662a8f167
commit aae40f3957
2 changed files with 26 additions and 3 deletions

View file

@ -5,6 +5,10 @@ body{
background-position: center center;
}
body.drawspace{
overflow: hidden;
}
#svgCanvas{
width:100%;
height:100vh;
@ -18,15 +22,26 @@ body{
.catNav{
position:absolute;
top:0;
bottom:0;
color:white;
padding: 80px 10px 10px 10px;
overflow-y: auto;
overflow-x: hidden;
}
#catNav {
left:calc(7vh + 10px);
direction: rtl;
}
#catNav ul{
direction: ltr;
margin-left:10px;
}
#catNav2 {
right:0;
}
#catNav2 ul{
margin-right:10px;
}
.catNav ul{
list-style:none;
@ -37,6 +52,7 @@ body{
/*box-shadow: white 0 0 20px;*/
position:relative;
font-size: 16px;
}
.catNav ul:first-child{
margin-top:0;
@ -136,6 +152,7 @@ body{
body.saved{
background:yellow;
color:black;
margin-left: 7vh;
}
body.saved label{
@ -280,6 +297,12 @@ select{
font-feature-settings: "salt";
font-size:16px;
}
option{
font-family: "space_grotesk";
font-feature-settings: "salt";
font-size:16px;
padding: 10px;
}
button, input[type='submit'],#godraw a,#saved a{
-webkit-appearance: button;
@ -300,6 +323,6 @@ button, input[type='submit'],#godraw a,#saved a{
font-size:16px;
}
input:checked + span{
/*input:checked + span{
color:red;
}
}*/

View file

@ -6,7 +6,7 @@
<!-- COCO CSS -->
<link rel="stylesheet" type="text/css" href="coco.css">
</head>
<body>
<body class='drawspace'>
<nav id='publication'>
<a href="/a/introduction.html">