mirror of
https://expo.survex.com/repositories/expoweb/.git/
synced 2025-12-12 00:27:57 +00:00
slippy trials
This commit is contained in:
Expo on server
23
map/test/theme/img/logo-dark.svg
Normal file
23
map/test/theme/img/logo-dark.svg
Normal file
@@ -0,0 +1,23 @@
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg width="100" height="100" viewBox="0 0 100 100"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<g id="layer" transform="translate(50 50)">
|
||||
<g transform="scale(0.7071 0.5)">
|
||||
<g transform="translate(-50 -50)">
|
||||
<rect width="100" height="100" rx="15" transform="rotate(45 50 50)" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</defs>
|
||||
<g fill="#FFFFFF" transform="translate(0 10)">
|
||||
<use xlink:href="#layer"/>
|
||||
</g>
|
||||
<g fill="#333333">
|
||||
<use xlink:href="#layer"/>
|
||||
</g>
|
||||
<g fill="#00AAFF" transform="translate(0 -10)">
|
||||
<use xlink:href="#layer"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 739 B |
23
map/test/theme/img/logo-light.svg
Normal file
23
map/test/theme/img/logo-light.svg
Normal file
@@ -0,0 +1,23 @@
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg width="100" height="100" viewBox="0 0 100 100"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<g id="layer" transform="translate(50 50)">
|
||||
<g transform="scale(0.7071 0.5)">
|
||||
<g transform="translate(-50 -50)">
|
||||
<rect width="100" height="100" rx="15" transform="rotate(45 50 50)" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</defs>
|
||||
<g fill="#333333" transform="translate(0 10)">
|
||||
<use xlink:href="#layer"/>
|
||||
</g>
|
||||
<g fill="#FFFFFF">
|
||||
<use xlink:href="#layer"/>
|
||||
</g>
|
||||
<g fill="#00AAFF" transform="translate(0 -10)">
|
||||
<use xlink:href="#layer"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 739 B |
BIN
map/test/theme/img/popup.png
Normal file
BIN
map/test/theme/img/popup.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
BIN
map/test/theme/img/tiled-layers.png
Normal file
BIN
map/test/theme/img/tiled-layers.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
BIN
map/test/theme/img/timeline.png
Normal file
BIN
map/test/theme/img/timeline.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
map/test/theme/img/vector-layers.png
Normal file
BIN
map/test/theme/img/vector-layers.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
50
map/test/theme/index.css
Normal file
50
map/test/theme/index.css
Normal file
@@ -0,0 +1,50 @@
|
||||
#map {
|
||||
position: relative;
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
#map:fullscreen {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#map:-webkit-full-screen {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#tagline {
|
||||
padding-left: 25%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#tagline p {
|
||||
font-size: 150%;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#news {
|
||||
background-color: var(--ol-accent-background-color);
|
||||
border-radius: 4px;
|
||||
padding: 1rem 0 0;
|
||||
}
|
||||
|
||||
#news h1 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
img.thumb {
|
||||
float: right;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
/* ol customizations */
|
||||
|
||||
.ol-overlaycontainer-stopevent {
|
||||
opacity: 0;
|
||||
transition: opacity 300ms ease;
|
||||
}
|
||||
|
||||
/* not done with :hover because the overlay blocks events and has no height */
|
||||
.over .ol-overlaycontainer-stopevent {
|
||||
opacity: 1;
|
||||
}
|
||||
350
map/test/theme/ol.css
Normal file
350
map/test/theme/ol.css
Normal file
@@ -0,0 +1,350 @@
|
||||
:root,
|
||||
:host {
|
||||
--ol-background-color: white;
|
||||
--ol-accent-background-color: #F5F5F5;
|
||||
--ol-subtle-background-color: rgba(128, 128, 128, 0.25);
|
||||
--ol-partial-background-color: rgba(255, 255, 255, 0.75);
|
||||
--ol-foreground-color: #333333;
|
||||
--ol-subtle-foreground-color: #666666;
|
||||
--ol-brand-color: #00AAFF;
|
||||
}
|
||||
|
||||
.ol-box {
|
||||
box-sizing: border-box;
|
||||
border-radius: 2px;
|
||||
border: 1.5px solid var(--ol-background-color);
|
||||
background-color: var(--ol-partial-background-color);
|
||||
}
|
||||
|
||||
.ol-mouse-position {
|
||||
top: 8px;
|
||||
right: 8px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ol-scale-line {
|
||||
background: var(--ol-partial-background-color);
|
||||
border-radius: 4px;
|
||||
bottom: 8px;
|
||||
left: 8px;
|
||||
padding: 2px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ol-scale-line-inner {
|
||||
border: 1px solid var(--ol-subtle-foreground-color);
|
||||
border-top: none;
|
||||
color: var(--ol-foreground-color);
|
||||
font-size: 10px;
|
||||
text-align: center;
|
||||
margin: 1px;
|
||||
will-change: contents, width;
|
||||
transition: all 0.25s;
|
||||
}
|
||||
|
||||
.ol-scale-bar {
|
||||
position: absolute;
|
||||
bottom: 8px;
|
||||
left: 8px;
|
||||
}
|
||||
|
||||
.ol-scale-bar-inner {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.ol-scale-step-marker {
|
||||
width: 1px;
|
||||
height: 15px;
|
||||
background-color: var(--ol-foreground-color);
|
||||
float: right;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.ol-scale-step-text {
|
||||
position: absolute;
|
||||
bottom: -5px;
|
||||
font-size: 10px;
|
||||
z-index: 11;
|
||||
color: var(--ol-foreground-color);
|
||||
text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
|
||||
}
|
||||
|
||||
.ol-scale-text {
|
||||
position: absolute;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
bottom: 25px;
|
||||
color: var(--ol-foreground-color);
|
||||
text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
|
||||
}
|
||||
|
||||
.ol-scale-singlebar {
|
||||
position: relative;
|
||||
height: 10px;
|
||||
z-index: 9;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid var(--ol-foreground-color);
|
||||
}
|
||||
|
||||
.ol-scale-singlebar-even {
|
||||
background-color: var(--ol-subtle-foreground-color);
|
||||
}
|
||||
|
||||
.ol-scale-singlebar-odd {
|
||||
background-color: var(--ol-background-color);
|
||||
}
|
||||
|
||||
.ol-unsupported {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ol-viewport,
|
||||
.ol-unselectable {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.ol-viewport canvas {
|
||||
all: unset;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ol-viewport {
|
||||
touch-action: pan-x pan-y;
|
||||
}
|
||||
|
||||
.ol-selectable {
|
||||
-webkit-touch-callout: default;
|
||||
-webkit-user-select: text;
|
||||
-moz-user-select: text;
|
||||
user-select: text;
|
||||
}
|
||||
|
||||
.ol-grabbing {
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: -moz-grabbing;
|
||||
cursor: grabbing;
|
||||
}
|
||||
|
||||
.ol-grab {
|
||||
cursor: move;
|
||||
cursor: -webkit-grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
.ol-control {
|
||||
position: absolute;
|
||||
background-color: var(--ol-subtle-background-color);
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.ol-zoom {
|
||||
top: .5em;
|
||||
left: .5em;
|
||||
}
|
||||
|
||||
.ol-rotate {
|
||||
top: .5em;
|
||||
right: .5em;
|
||||
transition: opacity .25s linear, visibility 0s linear;
|
||||
}
|
||||
|
||||
.ol-rotate.ol-hidden {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: opacity .25s linear, visibility 0s linear .25s;
|
||||
}
|
||||
|
||||
.ol-zoom-extent {
|
||||
top: 4.643em;
|
||||
left: .5em;
|
||||
}
|
||||
|
||||
.ol-full-screen {
|
||||
right: .5em;
|
||||
top: .5em;
|
||||
}
|
||||
|
||||
.ol-control button {
|
||||
display: block;
|
||||
margin: 1px;
|
||||
padding: 0;
|
||||
color: var(--ol-subtle-foreground-color);
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
font-size: inherit;
|
||||
text-align: center;
|
||||
height: 1.375em;
|
||||
width: 1.375em;
|
||||
line-height: .4em;
|
||||
background-color: var(--ol-background-color);
|
||||
border: none;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.ol-control button::-moz-focus-inner {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.ol-zoom-extent button {
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
.ol-compass {
|
||||
display: block;
|
||||
font-weight: normal;
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
.ol-touch .ol-control button {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.ol-touch .ol-zoom-extent {
|
||||
top: 5.5em;
|
||||
}
|
||||
|
||||
.ol-control button:hover,
|
||||
.ol-control button:focus {
|
||||
text-decoration: none;
|
||||
outline: 1px solid var(--ol-subtle-foreground-color);
|
||||
color: var(--ol-foreground-color);
|
||||
}
|
||||
|
||||
.ol-zoom .ol-zoom-in {
|
||||
border-radius: 2px 2px 0 0;
|
||||
}
|
||||
|
||||
.ol-zoom .ol-zoom-out {
|
||||
border-radius: 0 0 2px 2px;
|
||||
}
|
||||
|
||||
.ol-attribution {
|
||||
text-align: right;
|
||||
bottom: .5em;
|
||||
right: .5em;
|
||||
max-width: calc(100% - 1.3em);
|
||||
display: flex;
|
||||
flex-flow: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.ol-attribution a {
|
||||
color: var(--ol-subtle-foreground-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.ol-attribution ul {
|
||||
margin: 0;
|
||||
padding: 1px .5em;
|
||||
color: var(--ol-foreground-color);
|
||||
text-shadow: 0 0 2px var(--ol-background-color);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.ol-attribution li {
|
||||
display: inline;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.ol-attribution li:not(:last-child):after {
|
||||
content: " ";
|
||||
}
|
||||
|
||||
.ol-attribution img {
|
||||
max-height: 2em;
|
||||
max-width: inherit;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.ol-attribution button {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.ol-attribution.ol-collapsed ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ol-attribution:not(.ol-collapsed) {
|
||||
background: var(--ol-partial-background-color);
|
||||
}
|
||||
|
||||
.ol-attribution.ol-uncollapsible {
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
border-radius: 4px 0 0;
|
||||
}
|
||||
|
||||
.ol-attribution.ol-uncollapsible img {
|
||||
margin-top: -.2em;
|
||||
max-height: 1.6em;
|
||||
}
|
||||
|
||||
.ol-attribution.ol-uncollapsible button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ol-zoomslider {
|
||||
top: 4.5em;
|
||||
left: .5em;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.ol-zoomslider button {
|
||||
position: relative;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.ol-touch .ol-zoomslider {
|
||||
top: 5.5em;
|
||||
}
|
||||
|
||||
.ol-overviewmap {
|
||||
left: 0.5em;
|
||||
bottom: 0.5em;
|
||||
}
|
||||
|
||||
.ol-overviewmap.ol-uncollapsible {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
border-radius: 0 4px 0 0;
|
||||
}
|
||||
|
||||
.ol-overviewmap .ol-overviewmap-map,
|
||||
.ol-overviewmap button {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ol-overviewmap .ol-overviewmap-map {
|
||||
border: 1px solid var(--ol-subtle-foreground-color);
|
||||
height: 150px;
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.ol-overviewmap:not(.ol-collapsed) button {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
|
||||
.ol-overviewmap.ol-uncollapsible button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ol-overviewmap:not(.ol-collapsed) {
|
||||
background: var(--ol-subtle-background-color);
|
||||
}
|
||||
|
||||
.ol-overviewmap-box {
|
||||
border: 1.5px dotted var(--ol-subtle-foreground-color);
|
||||
}
|
||||
|
||||
.ol-overviewmap .ol-overviewmap-box:hover {
|
||||
cursor: move;
|
||||
}
|
||||
531
map/test/theme/site.css
Normal file
531
map/test/theme/site.css
Normal file
@@ -0,0 +1,531 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700);
|
||||
|
||||
body {
|
||||
font-family: 'Quattrocento Sans', sans-serif;
|
||||
font-size: 16px;
|
||||
color: var(--ol-foreground-color);
|
||||
padding-top: 54px;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6 {
|
||||
font-weight: 700
|
||||
}
|
||||
|
||||
h1,
|
||||
.row h1 {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
h1.topic {
|
||||
font-size: 1.5rem;
|
||||
color: var(--ol-subtle-foreground-color);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
code {
|
||||
color: var(--ol-foreground-color);
|
||||
background-color: var(--ol-accent-background-color);
|
||||
padding: 0.2em 0.4em;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
a>code,
|
||||
pre>code {
|
||||
color: inherit;
|
||||
background-color: initial;
|
||||
padding: initial;
|
||||
border-radius: initial;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--ol-brand-color);
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
a :not(:first-child) {
|
||||
color: var(--ol-foreground-color);
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: var(--ol-brand-color);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
background-color: var(--ol-foreground-color);
|
||||
color: var(--ol-background-color);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
color: var(--ol-background-color);
|
||||
font-weight: bold;
|
||||
font-size: 160%;
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
.navbar-brand img {
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
vertical-align: middle;
|
||||
margin-right: 5px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.navbar-dark .navbar-nav .nav-link {
|
||||
color: var(--ol-background-color);
|
||||
}
|
||||
|
||||
.navbar-dark .navbar-nav .nav-link:hover {
|
||||
color: var(--ol-brand-color);
|
||||
}
|
||||
|
||||
.navbar-brand:focus,
|
||||
.navbar-brand:hover,
|
||||
.nav-link:focus,
|
||||
.nav-link:hover {
|
||||
text-decoration: none;
|
||||
color: var(--ol-brand-color);
|
||||
}
|
||||
|
||||
footer {
|
||||
background-color: var(--ol-foreground-color);
|
||||
color: var(--ol-background-color);
|
||||
margin-top: 40px;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
a.dropdown-item {
|
||||
color: var(--ol-foreground-color);
|
||||
}
|
||||
|
||||
.dropdown-item.active,
|
||||
.dropdown-item:hover {
|
||||
color: var(--ol-brand-color);
|
||||
text-decoration: none;
|
||||
background-color: var(--ol-background-color);
|
||||
}
|
||||
|
||||
.navbar-nav>li>a {
|
||||
color: var(--ol-background-color);
|
||||
}
|
||||
|
||||
.display-table {
|
||||
display: table;
|
||||
}
|
||||
|
||||
.btn-link {
|
||||
font-weight: 400;
|
||||
color: var(--ol-subtle-foreground-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.btn-link:hover {
|
||||
color: var(--ol-brand-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.version-form,
|
||||
.navbar-form {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.version-form {
|
||||
color: var(--ol-foreground-color);
|
||||
}
|
||||
|
||||
#title {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.badge-group {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.badge-group>.badge:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.badge-group>.badge:not(:first-child) {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.badge-info {
|
||||
background-color: var(--ol-subtle-foreground-color);
|
||||
}
|
||||
|
||||
a.badge-info:focus,
|
||||
a.badge-info:hover {
|
||||
background-color: var(--ol-foreground-color);
|
||||
color: var(--ol-brand-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.tag-modal-toggle {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.modal-tag-example .modal-body {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.modal-tag-example .list-group-item:focus,
|
||||
.modal-tag-example .list-group-item:hover,
|
||||
.modal-tag-example .list-group-item:active {
|
||||
background-color: var(--ol-background-color);
|
||||
color: var(--ol-brand-color);
|
||||
}
|
||||
|
||||
.modal-tag-example .list-group-item.active {
|
||||
background-color: var(--ol-subtle-foreground-color);
|
||||
color: var(--ol-background-color);
|
||||
border: none;
|
||||
}
|
||||
|
||||
#docs {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
ul.inline,
|
||||
ol.inline {
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
ul.inline>li,
|
||||
ol.inline>li {
|
||||
display: inline-block;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.map {
|
||||
height: 400px;
|
||||
width: 100%;
|
||||
background: var(--ol-background-color);
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.ol-control {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.ol-attribution.ol-logo-only,
|
||||
.ol-attribution.ol-uncollapsible {
|
||||
max-width: calc(100% - 3em);
|
||||
}
|
||||
|
||||
.iframe-info iframe {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.source-heading {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 0;
|
||||
padding-left: .6em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#tags,
|
||||
#shortdesc,
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#api-links ul {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#latest-check {
|
||||
margin-top: -10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* START PRISM THEME */
|
||||
|
||||
/**
|
||||
* VS theme by Andrew Lock (https://andrewlock.net)
|
||||
* Inspired by Visual Studio syntax coloring
|
||||
*/
|
||||
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
color: #393A34;
|
||||
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
font-size: .9em;
|
||||
line-height: 1.2em;
|
||||
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
pre>code[class*="language-"] {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::-moz-selection,
|
||||
pre[class*="language-"] ::-moz-selection,
|
||||
code[class*="language-"]::-moz-selection,
|
||||
code[class*="language-"] ::-moz-selection {
|
||||
background: #C1DEF1;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::selection,
|
||||
pre[class*="language-"] ::selection,
|
||||
code[class*="language-"]::selection,
|
||||
code[class*="language-"] ::selection {
|
||||
background: #C1DEF1;
|
||||
}
|
||||
|
||||
/* Code blocks */
|
||||
pre[class*="language-"] {
|
||||
padding: 1em;
|
||||
margin: .5em 0;
|
||||
overflow: auto;
|
||||
border: 1px solid #dddddd;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
/* Inline code */
|
||||
:not(pre)>code[class*="language-"] {
|
||||
padding: .2em;
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
background: #f8f8f8;
|
||||
border: 1px solid #dddddd;
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.prolog,
|
||||
.token.doctype,
|
||||
.token.cdata {
|
||||
color: #008000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.token.namespace {
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.token.string {
|
||||
color: #A31515;
|
||||
}
|
||||
|
||||
.token.punctuation,
|
||||
.token.operator {
|
||||
color: #393A34;
|
||||
/* no highlight */
|
||||
}
|
||||
|
||||
.token.url,
|
||||
.token.symbol,
|
||||
.token.number,
|
||||
.token.boolean,
|
||||
.token.variable,
|
||||
.token.constant,
|
||||
.token.inserted {
|
||||
color: #36acaa;
|
||||
}
|
||||
|
||||
.token.atrule,
|
||||
.token.keyword,
|
||||
.token.attr-value,
|
||||
.language-autohotkey .token.selector,
|
||||
.language-json .token.boolean,
|
||||
.language-json .token.number,
|
||||
code[class*="language-css"] {
|
||||
color: #0000ff;
|
||||
}
|
||||
|
||||
.token.function {
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
.token.deleted,
|
||||
.language-autohotkey .token.tag {
|
||||
color: #9a050f;
|
||||
}
|
||||
|
||||
.token.selector,
|
||||
.language-autohotkey .token.keyword {
|
||||
color: #00009f;
|
||||
}
|
||||
|
||||
.token.important {
|
||||
color: #e90;
|
||||
}
|
||||
|
||||
.token.important,
|
||||
.token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.token.class-name,
|
||||
.language-json .token.property {
|
||||
color: #2B91AF;
|
||||
}
|
||||
|
||||
.token.tag,
|
||||
.token.selector {
|
||||
color: #800000;
|
||||
}
|
||||
|
||||
.token.attr-name,
|
||||
.token.property,
|
||||
.token.regex,
|
||||
.token.entity {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.token.directive.tag .tag {
|
||||
background: #ffff00;
|
||||
color: #393A34;
|
||||
}
|
||||
|
||||
/* overrides color-values for the Line Numbers plugin
|
||||
* http://prismjs.com/plugins/line-numbers/
|
||||
*/
|
||||
.line-numbers.line-numbers .line-numbers-rows {
|
||||
border-right-color: #a5a5a5;
|
||||
}
|
||||
|
||||
.line-numbers .line-numbers-rows>span:before {
|
||||
color: #2B91AF;
|
||||
}
|
||||
|
||||
/* overrides color-values for the Line Highlight plugin
|
||||
* http://prismjs.com/plugins/line-highlight/
|
||||
*/
|
||||
.line-highlight.line-highlight {
|
||||
background: rgba(193, 222, 241, 0.2);
|
||||
background: -webkit-linear-gradient(left, rgba(193, 222, 241, 0.2) 70%, rgba(221, 222, 241, 0));
|
||||
background: linear-gradient(to right, rgba(193, 222, 241, 0.2) 70%, rgba(221, 222, 241, 0));
|
||||
}
|
||||
|
||||
/* END PRISM THEME */
|
||||
|
||||
/* restyle prism copy button */
|
||||
div.code-toolbar {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
div.code-toolbar>.toolbar {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
transition: opacity .2s ease-in-out;
|
||||
}
|
||||
|
||||
div.code-toolbar:hover>.toolbar,
|
||||
div.code-toolbar:focus-within>.toolbar {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
div.code-toolbar>.toolbar button {
|
||||
font-size: 16px;
|
||||
color: var(--ol-subtle-foreground-color);
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
padding: .615rem .75rem;
|
||||
border: none;
|
||||
}
|
||||
|
||||
div.code-toolbar>.toolbar button:hover,
|
||||
div.code-toolbar>.toolbar button:focus {
|
||||
color: var(--ol-brand-color);
|
||||
}
|
||||
|
||||
div.code-toolbar>.toolbar button:focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
|
||||
}
|
||||
|
||||
div.code-toolbar>.toolbar button {
|
||||
background-color: rgba(255, 255, 255, .625);
|
||||
border-radius: 0 0 0 10px;
|
||||
margin: 1px;
|
||||
}
|
||||
div.code-toolbar>.toolbar button:before {
|
||||
font: var(--fa-font-solid);
|
||||
font-size: 1.33333333em;
|
||||
line-height: .75em;
|
||||
content: "\f0ea";
|
||||
text-rendering: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
margin-right: .184em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* jarguar overrides for jsdoc */
|
||||
.navigation {
|
||||
background-color: var(--ol-foreground-color);
|
||||
color: var(--ol-background-color);
|
||||
}
|
||||
|
||||
.navigation li.item .subtitle {
|
||||
color: var(--ol-background-color);
|
||||
}
|
||||
|
||||
.navigation li.item a:hover,
|
||||
.navigation li.item .title a:hover {
|
||||
color: var(--ol-brand-color);
|
||||
}
|
||||
|
||||
.main .subsection-title {
|
||||
color: var(--ol-foreground-color);
|
||||
}
|
||||
|
||||
.main .nameContainer,
|
||||
.main .nameContainer.inherited {
|
||||
border-top-color: var(--ol-subtle-foreground-color);
|
||||
color: var(--ol-foreground-color);
|
||||
}
|
||||
|
||||
.nameContainer .anchor:target+h4 {
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
@media (min-width: 1400px) {
|
||||
.container {
|
||||
max-width: 1140px;
|
||||
}
|
||||
}
|
||||
|
||||
table.featureInfo {
|
||||
caption-side: initial;
|
||||
}
|
||||
Reference in New Issue
Block a user