MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| (39 intermediate revisions by the same user not shown) | |||
| Line 52: | Line 52: | ||
display: none; | display: none; | ||
} | } | ||
@import url('https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@main/dist/en/v7.0.0/legacy/ol.css'); | |||
#adaris-continent-map { | |||
width: 100%; | |||
height: 80vh; | |||
min-height: 650px; | |||
background: #111; | |||
border: 1px solid #5b4a32; | |||
} | |||
#adaris-continent-map, | |||
#adaris-continent-map .ol-viewport { | |||
background: #f2e4c9; | |||
} | |||
.pixel-area-tool { | |||
max-width: 420px; | |||
padding: 1em; | |||
border: 1px solid #c8b89e; | |||
border-radius: 6px; | |||
background: #f7efe3; | |||
} | |||
.pixel-area-tool h3 { | |||
margin-top: 0; | |||
} | |||
.pixel-area-tool label { | |||
display: block; | |||
margin-bottom: 0.75em; | |||
} | |||
.pixel-area-tool input { | |||
display: block; | |||
width: 100%; | |||
box-sizing: border-box; | |||
margin-top: 0.25em; | |||
padding: 0.35em; | |||
} | |||
.pixel-area-tool button { | |||
margin-top: 0.5em; | |||
padding: 0.4em 0.8em; | |||
cursor: pointer; | |||
} | |||
#pixel-area-result { | |||
margin-top: 1em; | |||
font-size: 1.1em; | |||
} | |||
.adaris-tool-box { | |||
max-width: 400px; | |||
padding: 1em; | |||
margin: 1em 0; | |||
border: 1px solid #aaa; | |||
background: #f9f5ec; | |||
} | |||
.adaris-tool-box input { | |||
width: 100%; | |||
box-sizing: border-box; | |||
margin-top: 0.4em; | |||
padding: 0.35em; | |||
} | |||
.spoiler-box { | |||
display: inline-block; | |||
width: fit-content; | |||
max-width: 100%; | |||
box-sizing: border-box; | |||
border: 1px solid #8b1e1e; | |||
background: #f8f1df; | |||
padding: 0.25em 0.6em; | |||
margin: 1em 0; | |||
border-radius: 4px; | |||
} | |||
/* Once expanded, stop acting like a bordered box */ | |||
.spoiler-box.mw-made-collapsible:not(.mw-collapsed) { | |||
display: block; | |||
width: auto; | |||
border: none; | |||
background: transparent; | |||
padding: 0; | |||
} | |||
/* Keep the expand/collapse link close to the label */ | |||
.spoiler-box .mw-collapsible-toggle { | |||
float: none; | |||
margin-left: 0.5em; | |||
} | |||
.spoiler-label { | |||
color: #8b1e1e; | |||
font-weight: bold; | |||
text-transform: uppercase; | |||
letter-spacing: 0.04em; | |||
} | |||
.spoiler-box .mw-collapsible-content { | |||
margin-top: 0.6em; | |||
} | |||
.spoiler-small { | |||
border: 1px solid #8b1e1e; | |||
padding: 0.15em 0.3em; | |||
margin: 0.15em 0; | |||
border-radius: 2px; | |||
font-size: 85%; | |||
line-height: 1.15; | |||
} | |||
.spoiler-small-label { | |||
color: #a83232; /* red */ | |||
font-weight: bold; | |||
text-transform: uppercase; | |||
letter-spacing: 0.02em; | |||
} | |||
.spoiler-small .mw-collapsible-content { | |||
margin-top: 0.25em; | |||
} | |||
importScript("https://adaris.wiki/MediaWiki:Familytree.js"); | |||