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

View File

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