local editing, simplified index that works locally as well

This commit is contained in:
Michael Murtaugh
2019-06-13 11:35:02 +02:00
parent 8c1f6bba22
commit dc57068ad3
6 changed files with 245 additions and 218 deletions

123
style.css
View File

@@ -73,6 +73,15 @@
}
body {
margin: 0;
padding: 0;
background: #f1f2f3;
overflow: hidden;
}
.links line {
/*stroke: #aaa;*/
stroke: none;
@@ -110,7 +119,11 @@
fill: aqua;
}
svg {
position: absolute;
left: 0; top: 0; right: 0; bottom: 0;
font: 10px sans-serif;
}
@@ -132,7 +145,35 @@ svg g.mouse text {
visibility: visible;
}
use {
fill: #EEE;
stroke: black;
}
.active use {
fill: #FFF;
stroke: red;
}
.active text {
stroke: black;
}
.active2 use {
fill: #FFF;
stroke: red;
}
.highlight use {
fill: #FFF;
stroke: orange;
}
/* Categories */
#cats {
display: none;
position: absolute;
left: 0;
bottom: 0;
@@ -164,19 +205,19 @@ svg g.mouse text {
display: inline;
}
#cats .contents {
overflow: auto;
height: 50vh;
min-width: 300px;
}
#cats .contents .scroll {
}
#cats .contents .scroll {}
#cats .botright {
position: absolute;
right: 0;
bottom: 0;
}
#cats .botright .thumb {
position: absolute;
left: 0;
@@ -207,22 +248,68 @@ svg g.mouse text {
}
use {
fill: #EEE;
stroke: black;
#page {
position: absolute;
left: 0; right: 0; top: 0;
height: 160vh;
text-align: center;
}
.active use {
fill: #FFF;
stroke: red;
#page.touched {
background: #444;
}
.active text {
stroke: black;
#bottompane {
position: absolute;
top: 60vh;
left: 0; right: 0;
height: 100vh;
z-index: 2;
}
.active2 use {
fill: #FFF;
stroke: red;
#bottompane #bottompage {
position: absolute;
left: 0; right: 0;
margin: 0 auto;
max-width: 800px;
background: white;
border: 1px solid #E6E6E6;
border-radius: 10px;
display: inline-block;
width: 100%;
height: 100%;
}
#bottompane #menubar {
height: 48px;
width: 100%;
}
#wikiframediv {
position: absolute;
left: 0; top: 48px;
right: 0; bottom: 0;
}
#bottompane iframe {
border: none;
width: 100%;
height: 100%;
}
#debug {
width: 300px;
font-size: 10px;
height: 8em;
overflow: auto;
position: absolute; left: 10px; top: 10px; z-index:23
}
#searchinput {
min-width: 220px;
font-family: "combinedregular";
font-size: 11px;
}
#menubar {
text-align: center;
}
#menubar img {
position: relative;
top: 10px;
}
.highlight use {
fill: #FFF;
stroke: orange;
}