wiki.erg.be/map
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects Releases Wiki Activity

special/recentfiles

Browse Source
This commit is contained in:
Michael Murtaugh
2019-07-22 15:35:19 +02:00
parent 7e379b97c9
commit 004d262004
20 changed files with 1511 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

211
style.css
View File

@@ -1,84 +1,38 @@
:root {
--color-a: #A700FF;
--color-a-shadow: rgba(167, 0, 255, 0.44);
--color-b: #00AB6B;
}
/* F O N T E S */
@font-face {
font-family: "Combined";
src: url('/typo/Combined/combined.otf');
src: url('/mw/skins/foreground/assets/fonts/combined.otf');
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "Vega";
src: url('/mw/skins/foreground/assets/fonts/Vega-regular.otf');
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'combinedregular';
src: url('/typo/Combined/web/combined.eot');
src: url('/typo/Combined/web/combined.eot?#iefix') format('embedded-opentype'),
url('/typo/Combined/web/combined.woff2') format('woff2'),
url('/typo/Combined/web/combined.woff') format('woff'),
url('/typo/Combined/web/combined.ttf') format('truetype'),
url('/typo/Combined/web/combined.svg#combinedregular') format('svg');
font-weight: normal;
font-style: normal;
font-family:'FontAwesome';
src:url(/mw/skins/foreground/assets/fonts/fontawesome-webfont.eot?32400);
src:url(/mw/skins/foreground/assets/fonts/fontawesome-webfont.eot?32400) format('embedded-opentype'),url(/mw/skins/foreground/assets/fonts/fontawesome-webfont.woff2?db812) format('woff2'),url(/mw/skins/foreground/assets/fonts/fontawesome-webfont.woff?a3572) format('woff'),url(/mw/skins/foreground/assets/fonts/fontawesome-webfont.ttf?a3de2) format('truetype'),url(/mw/skins/foreground/assets/fonts/fontawesome-webfont.svg?f775f) format('svg');
font-weight:normal;
font-style:normal
}
@font-face {
font-family: 'wremena';
src: url('typo/Wremema/webfont/wremena_bold-webfont.woff2') format('woff2'),
url('typo/Wremema/webfont/wremena_bold-webfont.woff') format('woff'),
url('typo/Wremema/webfont/wremena_bold-webfont.ttf') format('truetype'),
url('typo/Wremema/webfont/wremena_bold-webfont.svg#wremenabold') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'wremena';
src: url('typo/Wremema/webfont/wremena_regular-webfont.woff2') format('woff2'),
url('typo/Wremema/webfont/wremena_regular-webfont.woff') format('woff'),
url('typo/Wremema/webfont/wremena_regular-webfont.ttf') format('truetype'),
url('typo/Wremema/webfont/wremena_regular-webfont.svg#wremenaregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'wremena';
src: url('typo/Wremema/webfont/wremena_light-webfont.woff2') format('woff2'),
url('typo/Wremema/webfont/wremena_light-webfont.woff') format('woff'),
url('typo/Wremema/webfont/wremena_light-webfont.ttf') format('truetype'),
url('typo/Wremema/webfont/wremena_light-webfont.svg#wremenalight') format('svg');
font-weight: normal;
font-style: 200;
}
@font-face {
font-family: 'Coupeur Monospace Bold';
src: url('/typo/Coupeur/webfont/CoupeurMonospace-Bold.eot'); /* IE9 Compat Modes */
src: url('/typo/Coupeur/webfont/CoupeurMonospace-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/typo/Coupeur/webfont/CoupeurMonospace-Bold.woff') format('woff'), /* Modern Browsers */
url('/typo/Coupeur/webfont/CoupeurMonospace-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
url('/typo/Coupeur/webfont/CoupeurMonospace-Bold.svg#fcf36b8f65c0f0737cd36a2be6922659') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: 700;
}
@font-face {
font-family: 'Coupeur Monospace Normal';
src: url('/typo/Coupeur/webfont/CoupeurMonospace-Normal.eot'); /* IE9 Compat Modes */
src: url('/typo/Coupeur/webfont/CoupeurMonospace-Normal.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/typo/Coupeur/webfont/CoupeurMonospace-Normal.woff') format('woff'), /* Modern Browsers */
url('/typo/Coupeur/webfont/CoupeurMonospace-Normal.ttf') format('truetype'), /* Safari, Android, iOS */
url('/typo/Coupeur/webfont/CoupeurMonospace-Normal.svg#4b219f539d302a6ffd9fd41e2da16172') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: 400;
}
body {
margin: 0;
padding: 0;
background: #f1f2f3;
overflow: hidden;
font-family: Vega;
}
.links line {
@@ -87,7 +41,7 @@ body {
}
.links line.active2 {
stroke: magenta;
stroke: var(--color-a);
}
.links line.history {
@@ -95,11 +49,11 @@ body {
}
.active {
stroke: magenta;
stroke: var(--color-a);
}
.category circle {
fill: cyan;
fill: var(--color-b);
}
.web circle {
@@ -133,7 +87,7 @@ svg g.page {
svg g.page text {
visibility: hidden;
fill: #222;
font: 9px sans-serif;
font: 12px Vega;
}
svg g.active text {
@@ -151,7 +105,7 @@ use {
.highlight use {
fill: #FFF;
stroke: cyan;
stroke: var(--color-b);
}
.active use {
@@ -175,7 +129,7 @@ use {
.active use {
fill: #FFF;
stroke: magenta;
stroke: var(--color-a);
}
.active text {
@@ -184,7 +138,7 @@ use {
.active2 use {
fill: #FFF;
stroke: magenta;
stroke: var(--color-a);
}
@@ -192,15 +146,14 @@ use {
/* Categories */
#cats .body {
display: none;
/*display: none;*/
}
#cats .placeholder {
min-width: 100%;
text-align: center;
color: gray;
font-weight: bold;
font-size: 12px;
position: relative;
top: 3px;
}
#cats.expanded .body {
display: block;
@@ -221,7 +174,7 @@ use {
font-size: 12px;
min-width: 16px;
min-height: 16px;
box-shadow: 0 3px 3px 3px rgba(255, 0, 255, 0.44);
box-shadow: 0 3px 3px 3px var(--color-a-shadow);
}
#cats div.cat span.icon {
@@ -233,13 +186,17 @@ use {
background-repeat: no-repeat;
margin-right: 4px;
background-position: center center;
background-size: contain;
}
#cats div.cat:last-child span.icon {
background-size: 50%;
}
#cats div.cat span.count {
display: none;
padding: 0px 3px;
background: #DDD;
color: #444;
font-size: 10px;
font-size: 12px;
margin-left: 4px;
}
#cats div.cat a {
@@ -247,7 +204,7 @@ use {
text-decoration: none;
}
#cats div.cat.highlight a {
color: cyan;
color: var(--color-b);
}
#cats hr {
color: white;
@@ -289,10 +246,6 @@ a.talk {
}
/* control positioning */
.leaflet-control {
@@ -333,8 +286,11 @@ a.talk {
.leaflet-bar a:hover {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
}
.leaflet-bar a:first-child:before {
content: " ";
height: 2px;
display: block;
}
.leaflet-bar a:last-child {
border-bottom: none;
}
@@ -351,16 +307,38 @@ a.talk {
position: absolute;
left: 10px;
top: 10px;
z-index: 10000;
z-index: 10;
}
#specialclosediv {
position: absolute;
left: 10px;
top: 10px;
z-index: 10000;
box-shadow: 0 3px 3px 3px var(--color-a-shadow);
background-color: #ffffff;
display: none;
}
#specialclosediv a, #specialclosediv a:hover {
font-size: 24px;
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: Combined;
font-size: 24px;
font-size: 17px;
line-height: 20px;
text-indent: 1px;
box-shadow: 0 3px 3px 3px rgba(255, 0, 255, 0.44);
box-shadow: 0 3px 3px 3px var(--color-a-shadow);
background-color: #ffffff;
}
@@ -373,21 +351,52 @@ a.talk {
position: absolute;
left: 0; top: 0;
right: 0;
height: 160vh;
height: 150vh;
}
#page {
position: absolute;
left: 0; top: 0;
height: 60vh;
width: 100vw;
}
#wikiframediv {
#page {
position: absolute;
left: 0; top: 60vh;
height: 100vh;
width: 100vw;
}
left: 0; top: 0;
height: 50vh;
width: 100vw;
}
#wikiframediv {
position: absolute;
left: 0; top: 50vh;
height: 100vh;
width: 100vw;
}
}
#specialselectdiv {
position: absolute;
bottom: 10px;
right: 10px;
z-index: 10000;
}
#specialselectdiv select {
box-shadow: 0 3px 3px 3px var(--color-a-shadow);
background-color: white;
font-family: Vega;
font-size: 12px;
padding: 6px 2px;
text-transform: uppercase;
}
#specialiframediv {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
z-index: 100;
}
#specialiframediv iframe {
width: 100%;
height: 100%;
border: none;
}