Huomautus: Selaimen välimuisti pitää tyhjentää asetusten tallentamisen jälkeen, jotta muutokset tulisivat voimaan.
- Firefox ja Safari: Napsauta Shift-näppäin pohjassa Päivitä, tai paina Ctrl-F5 tai Ctrl-R (⌘-R Macilla)
- Google Chrome: Paina Ctrl-Shift-R (⌘-Shift-R Macilla)
- Internet Explorer ja Edge: Napsauta Ctrl-näppäin pohjassa Päivitä tai paina Ctrl-F5
- Opera: Paina Ctrl-F5.
/* Tämä sivu sisältää koko sivustoa muuttavia tyylejä. */
.layout-keitele .mw-search-profile-tabs, .layout-keitele #mw-searchoptions {
display: none;
}
.ol-overlaycontainer-stopevent { z-index: 10 !important; }
hr { border-top: 1px solid var( --syke-lightgrey ); }
.w50 {
max-width: 50%;
}
.simpleUpload.oo-ui-selectFileInputWidget {
width: 130px !important;
}
.hero-empty {
border-top: 1px solid var(--jw-color-thinline);
}
.layout-keitele .jwHighlight-table { background-color: var(--jw-color-grey); padding: 0.75rem 4.25rem 1.5rem 2rem; }
.layout-keitele .ol-control button {
color: var(--jw-color-text) !important;
}
.layout-keitele .ol-select-cur-obstype button {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 57.81 32.61' width='21' height='21'><g><path fill='%23005854' d='M57.62,15.82c-.57-.65-14.07-15.82-28.72-15.82S.75,15.17.18,15.82c-.25.28-.25.7,0,.98.57.65,14.07,15.82,28.72,15.82s28.15-15.17,28.72-15.82c.25-.28.25-.7,0-.98h0ZM14.82,16.31c0-7.78,6.3-14.08,14.08-14.08s14.08,6.3,14.08,14.08-6.3,14.08-14.08,14.08c-7.77,0-14.07-6.31-14.08-14.08h0ZM1.75,16.31c1.93-2.05,9.77-9.94,19.09-13.3.04-.01.04,0,0,.01-7.34,4.43-9.7,13.97-5.27,21.31,1.3,2.16,3.11,3.97,5.27,5.27.03.02.03.03,0,.01C11.51,26.25,3.67,18.35,1.75,16.31h0ZM36.97,29.61s-.04,0,0-.01c7.34-4.43,9.7-13.97,5.27-21.31-1.3-2.16-3.11-3.97-5.27-5.27-.03-.02-.03-.03,0-.01,9.32,3.36,17.16,11.25,19.09,13.3-1.92,2.05-9.77,9.94-19.09,13.3h0Z'/><path fill='%23005854' d='M28.9,9.64c-3.68,0-6.67,2.99-6.67,6.67s2.99,6.67,6.67,6.67,6.67-2.99,6.67-6.67c0-3.68-2.99-6.67-6.67-6.67h0ZM28.9,21.49c-2.87,0-5.19-2.32-5.19-5.19s2.32-5.19,5.19-5.19,5.19,2.32,5.19,5.19c0,2.86-2.32,5.18-5.19,5.19h0Z'/></g></svg>") !important;
}
.layout-keitele .ol-full-screen button {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' width='21' height='21'><path fill='%23005854' d='M32 32C14.3 32 0 46.3 0 64l0 96c0 17.7 14.3 32 32 32s32-14.3 32-32l0-64 64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 32zM64 352c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 96c0 17.7 14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-64 0 0-64zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0 0 64c0 17.7 14.3 32 32 32s32-14.3 32-32l0-96c0-17.7-14.3-32-32-32l-96 0zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 64-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32l0-96z'/></svg>") !important;
text-indent: -1000em !important;
}
.layout-keitele .ol-zoom button.ol-zoom-in {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 24 24' focusable='false' aria-hidden='true'><path fill-rule='evenodd' clip-rule='evenodd' d='M12 0C12.4142 0 12.75 0.335786 12.75 0.75V11.25H23.25C23.6642 11.25 24 11.5858 24 12C24 12.4142 23.6642 12.75 23.25 12.75H12.75V23.25C12.75 23.6642 12.4142 24 12 24C11.5858 24 11.25 23.6642 11.25 23.25V12.75H0.75C0.335786 12.75 0 12.4142 0 12C0 11.5858 0.335786 11.25 0.75 11.25H11.25V0.75C11.25 0.335786 11.5858 0 12 0Z' fill='%23005854'></path></svg>") !important;
}
.layout-keitele .ol-zoom button.ol-zoom-out {
background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' focusable='false' aria-hidden='true'><path fill-rule='evenodd' clip-rule='evenodd' d='M0 12.0381C0 11.6239 0.335786 11.2881 0.75 11.2881H23.25C23.6642 11.2881 24 11.6239 24 12.0381C24 12.4523 23.6642 12.7881 23.25 12.7881H0.75C0.335786 12.7881 0 12.4523 0 12.0381Z' fill='%23005854'></path></svg>") !important;
}
.layout-keitele .mw-body-content p a {
text-decoration: underline !important;
}
.layout-keitele .card-header {
background-color: var(--jw-color-grey) !important;
}
.layout-keitele .card-header button, .layout-keitele .card-header a {
color: var(--jw-color-text);
}
.keitele-hero-container .ol-viewport {
border-top: 1px solid var(--jw-color-grey);
Xborder-bottom: 1px solid var(--jw-color-grey);
}
.layout-keitele .ol-control.ol-layerswitcher, .ol-control.ol-layerswitcher-popup {
height: auto !important;
right: inherit !important;
left: 10px !important;
top: 50px !important;
}
.layout-keitele .ol-layerswitcher button {
float: left !important;
background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' focusable='false' aria-hidden='true'><path fill-rule='evenodd' clip-rule='evenodd' d='M10.94 1.00563C11.2652 0.837655 11.626 0.75 11.9921 0.75C12.3582 0.75 12.7189 0.837655 13.0442 1.00563L23.2547 6.28686C23.477 6.402 23.6637 6.57622 23.7939 6.79014C23.924 7.00406 23.9928 7.24963 23.9928 7.50002C23.9928 7.75041 23.924 7.99598 23.7939 8.2099C23.6637 8.42382 23.4773 8.59786 23.255 8.71301L13.0457 13.9942C12.7204 14.1621 12.3592 14.25 11.9931 14.25C11.627 14.25 11.2662 14.1624 10.941 13.9944L0.733287 8.71409L0.732168 8.71352C0.509473 8.59882 0.322626 8.42504 0.192102 8.21122C0.061359 7.99703 -0.0078125 7.75096 -0.0078125 7.50002C-0.0078125 7.24909 0.061359 7.00301 0.192102 6.78882C0.322627 6.575 0.509476 6.40122 0.732174 6.28652L0.733287 6.28595L10.94 1.00563ZM11.6282 2.33841L1.65101 7.50001L11.6292 12.6616C11.7416 12.7196 11.8666 12.75 11.9931 12.75C12.1196 12.75 12.2443 12.7198 12.3567 12.6618L22.3351 7.50003L12.356 2.33841C12.2436 2.28046 12.1185 2.25 11.9921 2.25C11.8656 2.25 11.7406 2.28045 11.6282 2.33841Z' fill='%23005854'></path><path fill-rule='evenodd' clip-rule='evenodd' d='M23.934 12.4249C24.1135 12.7982 23.9565 13.2463 23.5832 13.4259L13.0348 18.4997C12.7123 18.6642 12.3553 18.75 11.9931 18.75C11.6307 18.75 11.2736 18.6642 10.9509 18.4995L0.432236 13.4255C0.0591599 13.2456 -0.0973885 12.7972 0.0825754 12.4242C0.262539 12.0511 0.710867 11.8945 1.08394 12.0745L11.6109 17.1525L11.6292 17.1616C11.7417 17.2197 11.8665 17.25 11.9931 17.25C12.1197 17.25 12.2445 17.2197 12.357 17.1616C12.3633 17.1584 12.3696 17.1552 12.376 17.1521L22.933 12.0741C23.3063 11.8946 23.7544 12.0516 23.934 12.4249ZM23.934 16.9249C24.1135 17.2982 23.9565 17.7463 23.5832 17.9259L13.0348 22.9998C12.7123 23.1642 12.3553 23.25 11.9931 23.25C11.6307 23.25 11.2736 23.1642 10.951 22.9995L0.432236 17.9255C0.0591599 17.7456 -0.0973885 17.2972 0.0825754 16.9242C0.262539 16.5511 0.710867 16.3945 1.08394 16.5745L11.6109 21.6525L11.6292 21.6616C11.7417 21.7197 11.8665 21.75 11.9931 21.75C12.1197 21.75 12.2445 21.7197 12.357 21.6616C12.3619 21.6591 12.3669 21.6566 12.3719 21.6541L12.376 21.6521L22.933 16.5741C23.3063 16.3946 23.7544 16.5516 23.934 16.9249Z' fill='%23005854'></path></svg>") !important;
}
.layout-keitele .ol-full-screen {
Xtop: inherit !important;
Xleft: inherit !important;
Xright: 10px !important;
Xbottom: 110px !important;
top: 10px !important;
left: 10px !important;
right: inherit !important;
bottom: inherit !important;
}
.layout-keitele .ol-zoom {
top: inherit !important;
left: inherit !important;
right: 10px !important;
bottom: 10px !important;
}
.layout-keitele .ol-attribution {
top: inherit !important;
left: inherit !important;
bottom: 10px !important;
right: 60px !important;
background: none !important;
}
.layout-keitele .ol-attribution button {
border: none !important;
background: none !important;
}
.layout-keitele #mw-indicators { display: none; }
.layout-keitele .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
background-color: var( --jw-color-dark );
border: 2px solid var(--jw-color-dark);
margin-left: 1rem;
}
.layout-keitele a {
text-underline-offset: 0.25em;
}
.layout-keitele .keitele-highlight h2 {
margin-top: 0;
margin-bottom: 1.5rem;
}
.layout-keitele .keitele-highlight-header {
margin-left: 0;
margin-top: 0;
background-color: var(--jw-color-light);
border: 1px solid var(--jw-color-light);
padding: 1.5rem;
}
.layout-keitele .keitele-highlight-header h3 {
margin: 0; padding: 0;
}
.layout-keitele .keitele-highlight-content {
padding: 1.5rem 1.5rem 1.5rem 1.5rem;
background-color: var(--white);
border: 1px solid var(--jw-color-light);
}
@media (min-width: 768px) {
.layout-keitele .keitele-highlight-header {
margin-left: -4rem;
margin-top: 2rem;
}
.layout-keitele .keitele-highlight-content {
padding: 1.5rem 0.5rem;
background-color: var(--white);
border: none;
}
}
@import url("https://use.typekit.net/eku5iac.css");
:root {
--syke-darkgreen: #005854;
--syke-green: #84c497;
--syke-red: #f28e77;
--syke-blue: #64c1cb;
--syke-lightgrey: #e4e3de;
--syke-lightgreen: rgb(204, 228, 208); X: #c7e3d2;
--syke-lightred: #fcd9c9;
--syke-lightblue: #cfe9ea;
--syke-yellow: #f3a44c;
--syke-lightyellow: #fed992;
--syke-ochre: #bb5b0f;
--syke-darkred: #b34733;
--syke-darkblue: #006085;
--syke-darkgrey: #575756;
--white: #ffffff;
--syke-darkgreen-30: rgba( 0, 88, 84, 0.3 );
--syke-darkgreen-10: rgba( 0, 88, 84, 0.1 );
--syke-blue-30: rgba( 100, 193, 203, 0.3 );
--syke-blue-50: rgba( 100, 193, 203, 0.5 );
--syke-lightgreen-50: rgba(227, 240, 229, 1); X: rgba( 199, 227, 210, 0.5 );
--syke-lightred-50: rgba( 252, 217, 201, 0.5 );
--syke-lightgrey-50: rgba( 228, 227, 222, 0.5 );
--map-bg-grey: #e2e2e2;
--katuma-color-blue: #23408f;
}
:root { /* Green */
--jw-color-text: var(--syke-darkgreen);
--jw-color-hero: var(--white);
--jw-color-content-header: var(--jw-color-light);
--jw-color-footer: var(--syke-darkgreen);
--jw-color-thinline: var(--syke-lightgreen);
--jw-color-light: var(--syke-lightgreen);
--jw-color-dark: var(--syke-darkgreen);
--jw-color-grey: var(--syke-lightgrey);
--jw-font-body: Poppins, Arial, sans-serif;
}
X:root { /* Blue */
--jw-color-text: var(--syke-darkgreen);
--jw-color-hero: var(--syke-darkblue);
--jw-color-content-header: var(--jw-color-light);
--jw-color-footer: var(--syke-darkblue);
--jw-color-thinline: var(--syke-lightblue);
--jw-color-light: var(--syke-lightblue);
--jw-color-dark: var(--syke-darkblue);
--jw-color-grey: var(--syke-lightgrey);
--jw-font-body: Poppins, Arial, sans-serif;
}
X:root { /* Red */
--jw-color-text: var(--syke-darkgreen);
--jw-color-hero: var(--white);
--jw-color-content-header: var(--jw-color-light);
--jw-color-footer: var(--syke-darkred);
--jw-color-thinline: var(--syke-lightred);
--jw-color-light: var(--syke-lightred);
--jw-color-dark: var(--syke-darkred);
--jw-color-grey: var(--syke-lightgrey);
--jw-font-body: Poppins, Arial, sans-serif;
}
html, body.layout-keitele {
font-family: var(--jw-font-body) !important;
color: var(--jw-color-text) !important;
max-width: 100%;
overflow-x: hidden;
min-height: 100vh;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
font-weight: 600 !important;
}
.layout-keitele .keitele-content-title-excerpt {
background-color: var(--jw-color-content-header);
padding: 2.25rem 3.5rem;
}
.page-Katumajärvi_35_236_1_001_Katumajärvi-info .keitele-content-title-excerpt {
Xbackground-color: var(--katuma-color-blue);
Xcolor: #fff;
}
.layout-keitele .keitele-pagetools-container .p-navbar {
padding: 0.85rem;
}
.layout-keitele ul.no-list-markers { list-style: none; padding-left: 0 !important; }
.layout-keitele .p-navbar .navbar-nav .navbar-tools {
margin: 0 !important;
padding: 6px 12px !important;
}
.layout-keitele .navbar-tool.dropdown.show {
background-color: #fff;
}
.layout-keitele .keitele-pagetools-container .navbar-tools > .navbar-tool > a {
width: 36px;
height: 36px;
text-align: center;
}
.layout-keitele .keitele-pagetools-container .navbar-tools > .navbar-tool > a:hover {
background-color: rgba( 255, 255, 255, 0.5 );
}
.layout-keitele .keitele-pagetools-container .navbar-tools > .navbar-tool > a::before {
padding: 0;
margin: auto;
}
.layout-keitele .keitele-pagetools-container .navbar-tools > .navbar-tool > a:focus-visible {
background-color: #fff !important;
}
.layout-keitele .jump-to-nav {
overflow: visible !important;
clip: unset !important;
width: unset !important;
height: unset !important;
margin: 0 !important;
padding: 0;
position: absolute;
}
.layout-keitele .jump-to-nav a {
display: inline-block !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
outline: 0;
}
.layout-keitele .jump-to-nav a:focus-visible {
overflow: visible !important;
clip: unset !important;
width: unset !important;
height: unset !important;
margin: 0 !important;
background-color: var( --jw-color-light ) !important;
color: var( --syke-darkgreen ) !important;
padding: 0.5rem 1rem !important;
z-index: 100;
}
.layout-keitele #jump-to-content {
margin-top: 32px !important;
outline: 0;
}
.layout-keitele .crossontop, .layout-keitele .fadeaway {
display: inline-block;
position: relative;
}
.layout-keitele .crossontop:before, .crossontop:after {
position: absolute;
z-index: 10;
content: '';
background: var(--jw-color-light);
display: block;
width: 100%;
height: 24px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.layout-keitele .crossontop:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.layout-keitele .fadeaway img {
filter: grayscale( 75% );
}
.layout-keitele .card-link[data-toggle="collapse"] {
display: block;
}
.layout-keitele .card-link[data-toggle="collapse"] .icon {
height: 1.5rem;
width: 1.5rem;
min-width: 1.5rem;
flex-shrink: 0;
position: absolute;
right: 1rem;
}
.layout-keitele .card-link:not(.collapsed) .icon {
transform: rotate(45deg);
}
.layout-keitele .card-link.collapsed .icon {
transform: rotate(0deg);
}
.layout-keitele .jw-card-columns img {
aspect-ratio: 1 / 1;
object-fit: cover;
}
.layout-keitele .jw-card-columns .card-body {
background-color: var(--jw-color-light);
}
.layout-keitele .keitele-round {
border-radius: 50%;
padding: 15%;
aspect-ratio: 1/1;
}
.layout-keitele .keitele-round.syke-lightred {
background-color: var(--jw-color-light);
color: var(--syke-darkgreen);
}
.layout-keitele .keitele-round.syke-lightblue {
background-color: var(--syke-lightblue);
color: var(--syke-darkgreen);
}
.layout-keitele .keitele-round.syke-lightgreen {
background-color: var(--syke-lightgreen);
color: var(--syke-darkgreen);
}
.layout-keitele .mainpagemap.map-drop-container canvas {
aspect-ratio: 4 / 6;
clip-path: url( #WaterDrop-clip );
overflow: hidden;
}
.layout-keitele .mainpagemap.map-round-container canvas {
border-radius: 50%;
border: 3px dashed var(--syke-darkblue);
aspect-ratio: 1 / 1;
}
.layout-keitele .mainpagemap.map-square-container {
border-radius: 12px;
overflow: hidden;
border: 10px solid var(--syke-darkblue);
aspect-ratio: 1 / 1;
}
.layout-keitele .mainpagemap.map-square-container canvas {
border-radius: 12px;
}
.layout-keitele .keitele-sitenotice-container {
background-color: var( --jw-color-light );
}
.layout-keitele .keitele-sitenotice-container p { margin: 1rem; font-weight: 600; }
.layout-keitele .dropdown-menu {
padding: 1.5rem !important;
}
.layout-keitele .dropdown-menu a {
padding: 0.5rem 0.5rem !important;
font-size: 16px;
border-bottom: 1px solid var( --jw-color-thinline) !important;
}
.layout-keitele .dropdown-menu a:before {
position: relative;
top: 5px;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' aria-hidden='true' focusable='false' width='22'><path fill='%23005854' d='M335 408.1c-4.7-3.8-7-9.9-7-16.1s2.344-12.28 7.031-16.97L430.1 280H24c-13.25 0-24-10.8-24-24.9C0 242.7 10.75 232 24 232h406.1l-95.03-95.03c-9.375-9.375-9.375-24.56 0-33.94s24.56-9.375 33.94 0l136 136c9.375 9.375 9.375 24.56 0 33.94l-136 136c-9.41 9.33-24.61 9.33-34.01-.87z'/%3E%3C/svg%3E") !important;
}
.layout-keitele .navbar-collapse .navbar-nav {
margin: auto;
align-items: center;
}
.layout-keitele .navbar-collapse.show .navbar-nav, .layout-keitele .navbar-collapse.collapsing .navbar-nav {
margin-left: 0;
align-items: start;
}
.layout-keitele .article-excerpt {
font-weight: 700;
}
.layout-keitele .main {
flex: 1;
}
.layout-keitele .footer {
padding: 1rem 0;
}
.layout-keitele .footer-icons {
margin-top: 1rem;
}
.layout-keitele .footer-info div {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.layout-keitele .footer-logos {
margin: 1rem 0;
padding: 1rem 0;
border-top: 4px solid #fff;
}
.layout-keitele ul#footer-places { display: block !important; }
.layout-keitele ul#footer-places li { list-style: none; }
.layout-keitele ul#footer-places li a::before, .layout-keitele .ctalinks a::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' aria-hidden='true' focusable='false' width='20'%3E%3Cpath fill='white' d='M335 408.1c-4.7-3.8-7-9.9-7-16.1s2.344-12.28 7.031-16.97L430.1 280H24c-13.25 0-24-10.8-24-24.9C0 242.7 10.75 232 24 232h406.1l-95.03-95.03c-9.375-9.375-9.375-24.56 0-33.94s24.56-9.375 33.94 0l136 136c9.375 9.375 9.375 24.56 0 33.94l-136 136c-9.41 9.33-24.61 9.33-34.01-.87z'/%3E%3C/svg%3E");
margin-left: 0rem;
margin-right: 1rem;
position: relative;
top: 5px;
transition: margin 500ms;
}
.layout-keitele .ctalinks a { font-weight: 600; padding: 5px; }
.layout-keitele .ctalinks.syke-darkgreen a::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' aria-hidden='true' focusable='false' width='20'%3E%3Cpath fill='%23005854' d='M335 408.1c-4.7-3.8-7-9.9-7-16.1s2.344-12.28 7.031-16.97L430.1 280H24c-13.25 0-24-10.8-24-24.9C0 242.7 10.75 232 24 232h406.1l-95.03-95.03c-9.375-9.375-9.375-24.56 0-33.94s24.56-9.375 33.94 0l136 136c9.375 9.375 9.375 24.56 0 33.94l-136 136c-9.41 9.33-24.61 9.33-34.01-.87z'/%3E%3C/svg%3E");
}
.layout-keitele ul#footer-places li a:hover::before, .layout-keitele .ctalinks a:hover::before {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.ctalinks.keitele-button {
background-color: var(--jw-color-dark);
padding: 1rem 2rem;
border-radius: 8px;
}
.layout-keitele .ctalinks.keitele-button a {
color: #fff !important;
}
.layout-keitele .hero-container {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.layout-keitele .hero-container.hero-img {
height: 37vw;
}
@media (min-width: 768px) {
.layout-keitele .hero-container.hero-img {
height: calc(100vh - 140px);
}
}
.layout-keitele .hero-container.hero-map {
height: 500px;
}
.layout-keitele .hero-container.hero-empty {
height: 132px;
}
@media only screen and (max-width: 768px) {
.layout-keitele .hero-container.hero-empty {
height: 0px;
}
}
.layout-keitele .hero-container img.heroImage {
width: 100%;
height: 100%;
object-fit: cover;
}
.layout-keitele .search-btn:before {
content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' aria-hidden='true' focusable='false' width='28' height='28' class='header__search-button-icon'><path fill='%23015351' d='M504.1 471l-134-134c29-35.5 45-80.2 45-129 0-114.9-93.13-208-208-208S0 93.13 0 208s93.12 208 207.1 208c48.79 0 93.55-16.91 129-45.04l134 134c5.6 4.74 11.8 7.04 17.9 7.04s12.28-2.344 16.97-7.031c9.33-9.369 9.33-24.569-.87-33.969zM48 208c0-88.22 71.78-160 160-160s160 71.78 160 160-71.78 160-160 160S48 296.2 48 208z'></path></svg>");
Xcontent: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 49.77 50.91' width='28' height='28'><g><path fill='%23015351' d='M39.81,34.26c-1.39-1.43-3.67-1.36-5.38,0l-2.66-2.72c6.9-7.64,6.46-19.5-1.01-26.56C23.29-2.08,11.77-1.56,4.87,6.08c-6.9,7.64-6.39,19.5,1.01,26.56,7.09,6.74,18.04,6.67,25.06-.13l2.66,2.72c-.57.71-.89,1.62-1.01,2.53-.13,1.1.25,2.2,1.01,2.98l8.92,9.13c.7.65,1.58,1.04,2.53,1.04,1.27,0,2.41-.52,3.29-1.43.82-.78,1.33-1.88,1.39-3.04.13-1.1-.25-2.2-1.01-2.98l-8.92-9.2h0ZM6.33,31.15C-.32,24.35-.32,13.27,6.33,6.41,12.97-.46,23.8-.4,30.51,6.41c6.71,6.8,6.65,17.88,0,24.75-3.23,3.3-7.53,5.12-12.09,5.12s-8.86-1.81-12.09-5.12h0ZM47.41,48.45c-1.2,1.23-3.04,1.43-4.05.39l-8.86-9.07c-.51-.52-.7-1.23-.63-1.94.06-.84.44-1.62,1.08-2.2.63-.65,1.52-1.04,2.41-1.1.63,0,1.2.19,1.65.65l8.86,9.13c.51.52.7,1.23.63,1.94-.13.84-.44,1.62-1.08,2.2h0Z'/></g></svg>");
vertical-align: middle;
}
.layout-keitele #jw-search-button {
border: 0;
background: none;
}
.layout-keitele a.navbar-userloggedin:before, .layout-keitele a.navbar-usernotloggedin:before {
content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 509.58' width='28' height='28'><g><path fill='%23015351' d='M512,507.54c-12.71.7-24.74,1.36-37.28,2.04-5.51-66.05-32.99-120.02-84.92-160.54-41.41-32.31-88.93-47.38-141.35-45.55-112.37,3.92-203.88,93.05-210.7,206.04-12.01-.63-24.03-1.27-37.75-2,11.67-111.64,69.39-187.21,172.6-228.81-82.89-56.44-88.03-167.8-25.9-231.68,61.93-63.68,162.18-62.47,221.52,2.19,60.07,65.46,53.11,173.43-28.94,229.89,49.3,17.75,89.88,46.56,121.15,87.83,31.37,41.4,48.31,88.12,51.57,140.59ZM370.32,150.24c-.08-61.63-52.03-112.57-114.7-112.48-62.04.09-113.37,51.7-113.34,113.97.03,62.63,51.47,113.95,114.11,113.83,63.55-.12,114.02-51.2,113.93-115.31Z'/></g></svg>");
Xmargin: auto;
display: block;
width: 28px;
height: 28px;
margin-bottom: 1px;
}
.layout-keitele .nav-item.dropdown.show {
background-color: #fff;
}
.layout-keitele .dropdown-menu {
border: 0;
margin: 0;
border-radius: 0;
box-shadow: none;
}
.layout-keitele .h100 { height: 100%; }
.layout-keitele .keitele-pt-container { border-left: 1px solid var(--jw-color-thinline); }
.layout-keitele body {
padding:0;
margin:0;
width:100%;
font-family: var(--jw-font-body);
color: var(--syke-darkgreen);
overflow-x: hidden;
}
.layout-keitele .keitele-brand-container {
border-bottom: 1px solid var(--jw-color-thinline);
}
.layout-keitele .keitele-hero-container {
background-color: var(--jw-color-hero);
}
.layout-keitele .keitele-content-header {
position: relative;
padding: 2rem 3rem;
margin-top: -82px;
max-width: 768px;
}
.layout-keitele .keitele-content-header.herotype_image {
margin-top: calc(-80px - 5vw);
}
@media only screen and (max-width: 768px) {
.layout-keitele .keitele-content-header {
margin-top: 0px;
}
.layout-keitele .keitele-content-header.herotype_image {
margin-top: 0px;
}
}
.layout-keitele .keitele-pt-container .p-navbar {
background: none;
}
.layout-keitele .keitele-search-container #searchInput {
border: none;
background: none;
box-shadow: none;
height: 52px;
padding-top: 10px;
outline: 1px solid #fff;
}
.layout-keitele .keitele-search-container #searchInput:focus-visible {
outline: 1px solid var( --jw-color-thinline ) !important;
}
.layout-keitele .keitele-search-container #searchGoButton {
border: none;
border-radius: 0;
background: none;
box-shadow: none;
outline: 1px solid var( --white );
}
.layout-keitele .keitele-search-container #searchGoButton:focus-visible {
background-color: var( --jw-color-light ) !important;
outline: 1px solid var( --jw-color-thinline );
}
.layout-keitele a.navbar-userloggedin, .layout-keitele a.navbar-usernotloggedin {
box-shadow: none;
outline: 1px solid var( --white );
padding: 12px !important;
}
.layout-keitele a.navbar-userloggedin:focus-visible {
background-color: var( --jw-color-light ) !important;
outline: 1px solid var( --white );
}
.layout-keitele a.dropdown-toggle:focus-visible {
}
.layout-keitele .keitele-footer-container {
background-color: var(--jw-color-footer);
color: #fff !important;
}
.layout-keitele #content { padding-top: 2rem; padding-bottom: 4rem; }
X.layout-keitele .keitele-menu-container { background-color: #e4e3de; }
.layout-keitele .p-navbar { background: none; }
.layout-keitele .nav-item.dropdown .dropdown-toggle::after {
background-color: #fff;
width: 30px;
height: 30px;
content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path fill='%23015351' d='M201 337c-9.4 9.4-24.6 9.4-33.9 0L7 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L327 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L201 337z'></path></svg>");
border-radius: 50%;
border: 1px solid;
text-align: center;
vertical-align: middle;
padding: 5px 7px 9px 7px;
margin-left: 15px;
transition: transform 50ms;
}
.layout-keitele .nav-item.dropdown a.dropdown-toggle:hover {
text-decoration: underline;
}
.layout-keitele .nav-item.dropdown a.dropdown-toggle:focus-visible {
background-color: var(--jw-color-light);
}
.layout-keitele .nav-item.dropdown a.dropdown-toggle:hover::after {
background-color: var(--syke-darkgreen);
content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path fill='%23ffffff' d='M201 337c-9.4 9.4-24.6 9.4-33.9 0L7 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L327 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L201 337z'></path></svg>");
}
.layout-keitele .nav-item.dropdown.show .dropdown-toggle::after {
background-color: var(--syke-darkgreen);
content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path fill='%23ffffff' d='M201 337c-9.4 9.4-24.6 9.4-33.9 0L7 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L327 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L201 337z'></path></svg>");
transform: rotate(180deg);
}
.layout-keitele p, .layout-keitele a, .layout-keitele a:visited, .layout-keitele h1, .layout-keitele h2, .layout-keitele h3, .layout-keitele h4, .layout-keitele h5, .layout-keitele h6 {
color: var(--syke-darkgreen) !important;
}
.layout-keitele h1, .layout-keitele h2, .layout-keitele h3, .layout-keitele h4, .layout-keitele h5, .layout-keitele h6 {
border: none !important;
}
.layout-keitele h1 {
font-size: 32px;
font-weight: 600;
}
.layout-keitele .footer a { color: #fff !important; }
.ch2-btn {
border-radius: 8px !important;
box-shadow: none !important;
}
.ch2-deny-all-btn {
background-color: #f8f9fa !important;
color: #0076b0 !important;
border: 1px solid #0076b0 !important;
}
.jwcolor3 { background-color: #e0f3fb; }
#p-logo { padding: 26px 0 22px 0; }
#p-logo a { display: inline-block; max-width: 250px; padding: 5px 3px 0px 3px; }
#p-logo a:focus-visible { background-color: var( --jw-color-light ) !important; outline: none; }
.fontawesome { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 144%; }
.page-Katumajärvi_35_236_1_001_Katumajärvi-info .mw-redirectedfrom { display: none; }
.katumajarvibaro a, .katumajarvibaro a.external, .katumajarvibaro a.external:visited {
text-decoration: underline;
color: #0076b0;
}
.page-Katumajärvi_35_236_1_001_Katumajärvi-info .jwCollapseToggle {
background-color: var( --katuma-color-blue ) !important;
}
.page-Katumajärvi_35_236_1_001_Katumajärvi-info .mw-collapsible-content {
Xborder: none !important;
}
.katumajarvibaro .jwChartWidget button {
background: none;
color: #0076b0;
border: none;
box-shadow: none;
}
.katumajarvibaro p { padding: 0; margin: 10px 20px 20px 20px; }
.katumajarvibaro p.ingressi { font-size: 16px; font-weight: 500; margin: 20px; color: #333; }
.katumajarvibaro p.card-text { margin: 10px 0; }
.JwCollapseCenter .mw-customtoggle { display: flex; justify-content: center; }
.JwCollapseCenter .mw-collapsible-content { margin-top: 1em; margin-bottom: 2em; }
.JwCollapseCenter .jwCollapseToggle {
padding: 8px 20px;
border-radius: 6px;
background-color: #0076b0;
color: #fff !important;
font-size: 20px;
}
.JwCollapseCenter .mw-collapsible-content {
Xborder: 3px solid rgba( 0, 118, 176, 0.5 );
border: 3px solid rgba( 35, 64, 143, 0.5 );
border-radius: 6px;
background-color: rgba(255, 255, 255, 1.0 );
Xbackground-color: rgba(255, 97, 17, 0.15 );
padding: 28px 18px 18px 18px;
margin: -31px -16px 10px;
}
@media only screen and (max-width: 992px) {
X.slogan-and-search-container { padding: 3px; }
X.p-search-container { padding: 20px; }
.jwMenu { background-color: transparent; box-shadow: none; }
.jwMenu .nav-item { z-index: 10; }
}
@media only screen and (max-width: 768px) {
.slogan-and-search-container { padding: 3px; }
.p-search-container { padding: 20px; }
.jwMenu { margin: 0; background-color: transparent; box-shadow: none; }
.jwMenu .nav-item { margin: 6px auto; width: 250px; }
.JwCollapseCenter .mw-collapsible-content {
background-color: transparent;
padding: 28px 0px 18px 0px;
}
}
.p-search {
width: 100%;
max-width: 360px;
}
.p-navbar .navbar-toggler { margin-left: 0 !important; }
button.navbar-toggler { color: #0076b0; min-width: 40px; min-height: 40px; }
button.navbar-toggler::before { content: "\f00d"; }
button.navbar-toggler.collapsed::before { content: "\f0c9"; }
.JwCollapseCenter.mw-collapsed .jwCollapseToggle {
background-color: #0076b0;
color: #fff;
}
.jwCollapse .mw-collapsible-toggle {
display: block;
background-color: transparent !important;
box-shadow: none !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
}
.jwCollapseClose::after {
font-family: "Font Awesome 5 Free";
font-size: 36px;
color: #0076b0;
display: inline-block;
vertical-align: middle;
Xfont-weight: 900;
content: "\f057";
}
.jwCollapse .mw-collapsible-toggle .mw-collapsible-text::after,
.jwCollapseToggle::after {
font-family: "Font Awesome 5 Free";
display: inline-block;
float: right;
vertical-align: middle;
font-weight: 900;
}
.jwCollapse .mw-collapsible-toggle-expanded .mw-collapsible-text::after,
.jwCollapseToggle::after {
content: "\f13a";
}
.jwCollapse .mw-collapsible-toggle-collapsed .mw-collapsible-text::after,
.mw-collapsed .jwCollapseToggle::after {
content: "\f138";
}
.JwCollapseCenter .jwCollapseToggle::after { margin-left: 10px; }
.jwAccordion .ui-accordion-content { background-color: transparent !important; border: 0px !important; }
.jwAccordion h2 { background-color: transparent !important; color: #000 !important; padding-top: 2em !important; border: 0px !important; }
.ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: none !important; }
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol { margin-left: 1.2em !important; }
ol.references li:target, sup.reference:target { background-color: transparent !important; }
.jwloading {
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
width: 120px;
height: 120px;
margin: -60px 0 0 -60px;
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.jwtable-obscatdescriptions th, .jwtable-obscatdescriptions td { padding: 0.25rem 1rem 0.25rem 0; vertical-align: top; border: none; }
.jwtable-obscatdescriptions th { white-space: nowrap; padding-right: 1rem; }
td.smwtype_qty, td.smwtype_num { text-align: right; }
table.smwtable-clean tr, table.smwtable-clean th, table.smwtable-clean td { border-top: 0; Xborder-bottom: 0; }
table.smwtable-clean { margin-bottom: 0 !important; }
table.ranking th:last-child, table.ranking td:last-child { text-align: right; }
table.ranking { counter-reset: rowNumber; }
table.ranking tr td:first-child::before {
counter-increment: rowNumber;
content: counter( rowNumber )".";
display: inline-block;
min-width: 1.25em;
margin-right: 0.5em;
text-align: right;
}
table.ranking tr.smwfooter td:first-child::before { content: ""; }
.fieldset {
border-top: 3px solid #ccc;
margin-top: 1.25rem;
background-color: rgba( 0, 0, 0, 0.05);
padding: 1.25rem;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.fieldset h4 { margin-top: 0; padding-top: 0; }
.legend { font-weight: bold; font-size: 110%; }
.tooltip-inner { text-align: left; }
.katuma-card { max-width: 550px; }
.embed-responsive .card-img-top { object-fit: cover; }
.katuma-cards-news .katuma-card { max-width: 404px; }
.JwCollapseCenter .mw-collapsible-content .card-columns {
column-count: 3;
column-gap: 0.75rem;
}
.JwCollapseCenter .mw-collapsible-content .card-columns.card-count-2, .JwCollapseCenter .mw-collapsible-content .card-columns.col-count-4 { column-count: 2; }
@media only screen and (max-width: 1200px) {
.JwCollapseCenter .mw-collapsible-content .card-columns {
column-count: 2 !important;
}
}
@media only screen and (max-width: 768px) {
.JwCollapseCenter .mw-collapsible-content .card-columns {
column-count: 1 !important;
text-align: center;
}
.JwCollapseCenter .mw-collapsible-content .card-columns .card {
text-align: left;
}
}
.JwCollapseCenter .mw-collapsible-content .card-columns.card-count-1 {
column-count: 1 !important;
display: flex !important;
}
.card { border-radius: 0 !important; }
.card.no-border { border: none !important; }
.card ul { margin: 0; padding-left: 1rem; }
.card p { line-height: normal !important; }
.JwCollapseCenter .mw-collapsible-content .card p { padding: 0 24px; }
.JwCollapseCenter .mw-collapsible-content .card p.jw-text, .ol-popup p { padding: 0 !important; }
.card p.jw-location::before {
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f3c5";
margin-left: -24px;
margin-top: 3px;
}
.card p.jw-link::before {
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0c1";
margin-left: -24px;
margin-top: 3px;
}
.card p.jw-organizer::before {
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f007";
margin-left: -24px;
margin-top: 3px;
}
.card p.jw-inquiries::before {
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f27a";
margin-left: -24px;
margin-top: 3px;
}
.card-img-top { width: 100%; height: initial; }
.card-columns .mw-collapsible-toggle {
float: none !important;
margin-top: 6px !important;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: none !important;
x: 1px 0px 6px 0 rgb(0 0 0 / 33%)
}
.mw-htmlform-field-HTMLInfoField .multilang_content { font-weight: 600; }
.mw-ui-container #userloginForm { padding-right: 0px !important; margin-right: 0px !important; border-right: none; }
.mw-ui-container #userloginForm form { width: 100%; }
.mw-createacct-benefits-container { display: none; }
@media ( min-width: 992px ) {
.mw-ui-container #userloginForm {
width: calc( 50% - 2px );
padding-right: 30px !important;
margin-right: 30px !important;
border-right: 4px solid #eee;
}
.mw-ui-container #userloginForm form { width: 100%; }
.mw-createacct-benefits-container {
display: block;
width: calc( 50% - 34px );
text-align: center;
}
.mw-createacct-benefits-container div { background: none !important; padding-left: 0 !important; }
}
td.filehistory-selected { white-space: initial !important; }
.catlinks {
margin-top: 4rem !important;
background-color: rgba(255,255,255,0.25) !important;
border: none !important;
padding: 0 !important;
}
.card-header {
background-color: var( --syke-lightgrey-50 ) !important;
}
.catlinks .card-header {
background-color: #fff !important;
}
p.ingressi { margin: 1.25rem 0; }
table.tablecompact { font-size: 90%; }
table.tablecompact td { padding: 0.1rem 0.2rem !important; }
.headerSort-compact {
background-image: none !important;
padding: 0.1rem 0.2rem !important;
}
.JwCard .p-0 table.wikitable {
background-color: #fff;
border: 1px solid rgba(0,0,0,0.125);
border-radius: 0.25rem;
}
.JwCard .wikitable tr:nth-child(even) { background: #f6f6f6; }
.JwCard .wikitable tr:nth-child(odd) { background: #fff; }
.JwCard .p-0 .wikitable th { height: 3rem; background-color: rgba(0,0,0,0.03); border: 0; }
.JwCard .p-0 .wikitable { margin: 0 !important; }
.JwCard .p-0 .wikitable tr td { border: 0; border-left: 3px solid #eee; }
.JwCard .p-0 .wikitable tr td:first-child { padding-left: 1.25rem !important; border-left: 0; }
.JwCard .p-0 .wikitable tr td:last-child { padding-right: 1.25rem !important; }
.JwCard .p-0 .wikitable tr th:first-child { padding-left: 1.25rem !important; }
.JwCard .p-0 .wikitable tr th:last-child { padding-right: 1.25rem !important; }
.JwCard.JwWidth-100 { margin-right: -1.25rem; margin-left: -1.25rem; }
.JwCard.JwWidth-75 { width: calc( 75% + 1rem); }
.JwCard.JwWidth-25 { width: calc( 25% + 1rem); }
.JwCard.JwFloat-left { margin-left: -1.25rem; float: left; }
.JwCard.JwFloat-right{ margin-right: -1.25rem; float: right; }
.JwCard.JwMaintainer { background-color: rgba( 255, 255, 255, 0.25 ); }
.JwFrontPageIngress { background-color: rgba( 255, 255, 255, 0.5 ); }
.JwIngress { margin-right: -1.25rem; margin-left: -1.25rem; }
.JwCurrents { margin-right: -1.25rem; width: calc( 25% + 1rem); float: right; }
.JwNotEdited { margin-left: -1.25rem; width: calc( 75% + 1rem); float: left; }
.JwCard .card-header { font-weight: 600; }
.mw-collapsible-toggle {
display: inline-block;
margin-top: -4px;
margin-right: 10px;
font-weight: 600;
padding: 4px 8px;
background-color: #d5da26;
border-radius: 0.25rem;
box-shadow: 0px 0px 6px 0 rgb(0 0 0 / 10%);
}
.mw-collapsible-toggle::before { content: "" !important; }
.mw-collapsible-toggle::after { content: "" !important; }
.width100 { width: 100%; }
.mw-pt-translate-header { display: none; }
.mw-pt-languages { background: none !important; border: none !important; margin-bottom: 1.25em; }
.mw-pt-languages-label { background: none !important; }
.gallerytext p { margin: 0.3em 0; }
.jwImgCapTheObs { font-weight: bold; }
.jwImgCapAddInfo { font-style: italic; }
.jwGalleryHideLakeName .jwImgCapLakeName { display: none; }
.jwGalleryHideSiteLink .jwImgCapSiteLink { display: none; }
ul.gallery { margin: 1em 0; }
#jaa .container-content { padding-bottom: 0.5px !important; line-height: 19px !important; }
.addthis_toolbox a { margin-bottom: 0 !important; margin-top: 1px !important; }
.smaller { font-size: 80%; }
.huomio { font-size: 120% !important; }
table.jwObsTable:last-child { border-bottom: none !important; }
.olFramedCloudPopupContent hr {
border-top: 1px dashed #8c8b8b !important;
height: 0 !important;
background: none !important;
}
table.jwObsPopupTable { width: 100%; border-collapse: collapse; border: 1px solid white; font-size: 80%; }
table.jwObsPopupTable tr:first-child td:first-child { border-top-left-radius: 8px; }
table.jwObsPopupTable tr:first-child td:last-child { border-top-right-radius: 8px; }
table.jwObsPopupTable tr:last-child td:first-child { border-bottom-left-radius: 8px; }
table.jwObsPopupTable tr:last-child td:last-child { border-bottom-right-radius: 8px; }
table.jwObsPopupTable tr, table.jwObsPopupTable td { border: 1px solid white; }
table.jwObsPopupTable td { padding: 6px 5px 5px 5px; }
table.jwObsPopupTable tr.jwAlternateRow1 { background-color: #e0f3fb; }
table.jwObsPopupTable tr.jwAlternateRow2 { background-color: #c1e7f7; }
.gallerytext p { text-align: right; }
span.checkboxSwitches { display: none !important; }
fieldset { margin: 0 !important; }
fieldset legend { padding: 0; }
.jwHideFieldShowError { display: none !important; }
.JwFormInfoIcon {
display: inline-block;
width: 12px;
height: 12px;
background-image: url('//www.jarviwiki.fi/w/extensions/SemanticMediaWiki/resources/images/info.png');
}
.jwqtip { z-index: 2000; }
.JwCheckboxes { min-width: 90px !important; }
.jwFileNameHide { display: none; }
a.sfUploadable { white-space: nowrap; }
.sfImagePreviewWrapper img { max-width: 144px; max-height: 144px; }
.sf-runquery-formcontent hr { display: none; }
.JW_formlock_button { width: 34px; height: 34px; }
.JW_formlock_button.locked { background-image: url('//www.jarviwiki.fi/w/skins/common/images/JW_formlock_locked'); }
.JW_formlock_button.open { background-image: url('//www.jarviwiki.fi/w/skins/common/images/JW_formlock_open'); }
a:hover .JW_formlock_button.locked { background-image: url('//www.jarviwiki.fi/w/skins/common/images/JW_formlock_locked_hover'); }
a:hover .JW_formlock_button.open { background-image: url('//www.jarviwiki.fi/w/skins/common/images/JW_formlock_open_hover'); }
.checkboxLabel { display: block; float: left; min-width: 160px; }
.smw-csv-furtherresults a {
background: none !important;
padding: 0 !important;
}
div.tright { border: 0 !important; margin-left: 10px !important; }
.srf-listwidget-navigation .ln-letters a { padding: 4px 8px !important; }
.srf-listwidget-navigation .ln-letter-count { display: none !important; }
Xtable.jquery-tablesorter th.headerSort { Xpadding: 3px 7px !important; }
Xth.headerSortSmall { padding: 2px 5px 12px 5px !important; background-position: bottom center !important; }
.right-sidebar-25, .Otsikkolaatikko, .Laatikko2 { position: static !important; }
h1, h2, h3, h4, h5, h6 { position: static !important; }
.LakeAdminFactSheet { border-spacing: 5px; border-collapse: separate; }
.LakeAdminFactSheet td { padding: 5px; vertical-align: top; }
.LakeAdminFactSheet th { background-color: #e0f3fb; border: none; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding: 5px; vertical-align: top;}
.Laatikko { position: static !important; }
.Xlqt-post-wrapper { position: static !important; }
.multilang_content { display: none; }
html[lang="sv"] .multilang_sv { display: block; }
html[lang="fi"] .multilang_fi { display: block; }
html[lang="en"] .multilang_en { display: block; }
/* round corners of layer switcher, and make it transparent */
.olControlLayerSwitcher .layersDiv {
background-color: rgb(0, 60, 136) !important;
padding: 8px !important;
border-radius: 5px 0 0 5px;
opacity: 0.8;
filter: alpha(opacity=75);
}
.maximizeDiv { opacity: 0.8 !important; }
.jwMapContainer .olControlLayerSwitcher { top: 10px; right: 10px; }
.jwMapContainer .olControlLayerSwitcher .layersDiv {
background-color: #ffffff !important;
color: #000000;
padding: 8px !important;
border-radius: 5px !important;
opacity: 0.9 !important;
filter: alpha(opacity=90) !important;
}
.jwMapContainer .maximizeDiv.olButton { width: 32px; height: 32px; margin: 3px; cursor: pointer; }
.jwMapContainer .maximizeDiv img { display: none; }
.jwMapContainer .maximizeDiv .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_layers_24px.png') no-repeat; }
.jwMapContainer .maximizeDiv .olButtonBg { opacity: 0.5 !important; }
.jwMapContainer .minimizeDiv.olButton { width: 24px; height: 24px; margin: 3px; cursor: pointer; }
.jwMapContainer .minimizeDiv img { display: none; }
.jwMapContainer .minimizeDiv .olButtonIcon { top: 2px !important; left: 2px !important; width: 22px !important; height: 22px !important; background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_layersHide_22px.png') no-repeat; }
.jwMapContainer .minimizeDiv .olButtonBg { width: 24px !important; height: 24px !important; opacity: 0.8 !important; }
.jwMapContainer .maximizeDiv { top: -3px !important; right: -1px !important; }
.jwMapContainer .minimizeDiv { top: 1px !important; right: 3px !important; }
.jwMapContainer .olControlPanPanel { left: 4px !important; }
.jwMapContainer .olControlPanPanel .olButton { width: 24px !important; height: 24px !important; }
.jwMapContainer .olControlPanNorthItemInactive { top: 0 !important; left: 14px !important; background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_panUp_24px.png') no-repeat right top !important; }
.jwMapContainer .olControlPanEastItemInactive { top: 24px !important; left: 28px !important; background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_panRight_24px.png') no-repeat right top !important; }
.jwMapContainer .olControlPanSouthItemInactive { top: 48px !important; left: 14px !important; background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_panDown_24px.png') no-repeat right top !important; }
.jwMapContainer .olControlPanWestItemInactive { top: 24px !important; left: 0 !important; background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_panLeft_24px.png') no-repeat right top !important; }
.jwMapContainer .olControlZoom { top: 85px !important; left: 8px; padding: 0 !important; }
.jwMapContainer .olControlZoom .olButton { width: 32px !important; height: 32px !important; padding: 0 !important; margin: 5px !important; background: none !important; }
.jwMapContainer .olControlZoom .olButtonBg { background-color: #ffffff !important; opacity: 0.5 !important; border-radius: 5px !important; border: 1px solid #333333 !important; }
.jwMapContainer .olControlZoomIn .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_zoomIn_24px.png') no-repeat center; }
.jwMapContainer .olControlZoomOut .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_zoomOut_24px.png') no-repeat center; }
.mapXXX .olControlLayerSwitcher { top: 10px; right: 10px; }
.mapXXX .olControlLayerSwitcher .layersDiv {
background-color: #ffffff !important;
color: #000000;
padding: 8px !important;
border-radius: 5px !important;
opacity: 0.9 !important;
filter: alpha(opacity=90) !important;
}
.mapXXX .maximizeDiv.olButton { width: 32px; height: 32px; margin: 3px; cursor: pointer; }
.mapXXX .maximizeDiv img { display: none; }
.mapXXX .maximizeDiv .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_layers_24px.png') no-repeat; }
.mapXXX .maximizeDiv .olButtonBg { opacity: 0.5 !important; }
.mapXXX .minimizeDiv.olButton { width: 24px; height: 24px; margin: 3px; cursor: pointer; }
.mapXXX .minimizeDiv img { display: none; }
.mapXXX .minimizeDiv .olButtonIcon { top: 2px !important; left: 2px !important; width: 22px !important; height: 22px !important; background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_layersHide_22px.png') no-repeat; }
.mapXXX .minimizeDiv .olButtonBg { width: 24px !important; height: 24px !important; opacity: 0.8 !important; }
.mapXXX .maximizeDiv { top: -3px !important; right: -1px !important; }
.mapXXX .minimizeDiv { top: 1px !important; right: 3px !important; }
.mapXXX .olControlPanPanel { left: 4px !important; }
.mapXXX .olControlPanPanel .olButton { width: 24px !important; height: 24px !important; }
.mapXXX .olControlPanNorthItemInactive { top: 0 !important; left: 14px !important; background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_panUp_24px.png') no-repeat right top !important; }
.mapXXX .olControlPanEastItemInactive { top: 24px !important; left: 28px !important; background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_panRight_24px.png') no-repeat right top !important; }
.mapXXX .olControlPanSouthItemInactive { top: 48px !important; left: 14px !important; background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_panDown_24px.png') no-repeat right top !important; }
.mapXXX .olControlPanWestItemInactive { top: 24px !important; left: 0 !important; background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_panLeft_24px.png') no-repeat right top !important; }
.mapXXX .olControlZoom { top: 85px !important; left: 8px; padding: 0 !important; }
.mapXXX .olControlZoom .olButton { width: 32px !important; height: 32px !important; padding: 0 !important; margin: 5px !important; background: none !important; }
.mapXXX .olControlZoom .olButtonBg { background-color: #ffffff !important; opacity: 0.5 !important; border-radius: 5px !important; border: 1px solid #333333 !important; }
.mapXXX .olControlZoomIn .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_zoomIn_24px.png') no-repeat center; }
.mapXXX .olControlZoomOut .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_zoomOut_24px.png') no-repeat center; }
.ItemActive div.olButtonBg { opacity: 0.8; background-color: #aaaaff; }
.ItemInactive div.olButtonBg { opacity: 0.5; background-color: #ffffff; }
div.olButtonIcon { position: relative; width: 24px; height: 24px; top: 5px; left: 5px; }
div.olButtonBg { position: absolute; background-color: #ffffff; border-radius: 5px; width: 32px; height: 32px; border: 1px solid #333333; }
.olControlDragPan { position: absolute; left: 10px; top: 10px; }
.olControlDragPan .olButton { width: 32px; height: 32px; margin: 3px; cursor: pointer; }
.olControlDragPanBtn .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_dragPan_24px.png') no-repeat; }
.olControlInfo { position: absolute; left: 10px; top: 10px; }
.olControlInfo .olButton { width: 32px; height: 32px; margin: 3px; cursor: pointer; }
.olControlInfoBtn .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_info_24px.png') no-repeat; }
.olControlDrawEdit { position: absolute; left: 10px; bottom: 30px; }
.olControlDrawEdit .olButton { float: left; width: 32px; height: 32px; margin: 3px; cursor: pointer; }
.olControlPointBtn .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_drawPoint_24px.png') no-repeat; }
.olControlLineBtn .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_drawLine_24px.png') no-repeat; }
.olControlPolygonBtn .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_drawPolygon_24px.png') no-repeat; }
.olControlEditBtn .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_drawEdit_24px.png') no-repeat; }
.olControlDeleteBtn .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_drawDelete_24px.png') no-repeat; }
.olControlFullscreen { position: absolute; right: 7px; bottom: 28px; }
.olControlFullscreen .olButton { width: 32px; height: 32px; margin: 5px; cursor: pointer; }
.olControlGeolocateBtn .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_geolocator_24px.png') no-repeat; }
.olControlFullscreenBtn .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_fullscreen_24px.png') no-repeat; }
.olControlFullscreenBtn.ItemActive .olButtonIcon { background: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_fullscreenExit_24px.png') no-repeat; }
.olControlDeleteBtn { position: relative; }
.olControlZoom { background: none !important; }
.olControlZoom a { padding: 8px !important; }
.olControlAttribution {
width: 100% !important;
text-align: right !important;
background-color: #ffffff;
opacity: 0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
padding: 5px !important;
bottom: 0px !important;
right: 0px !important;
font-size: 11px !important;
line-height: 1em;
}
.markerContent {
width: 200px;
}
.olFramedCloudPopupContent {
padding-bottom: 0px !important;
height: auto !important;
}
.olFramedCloudPopupContent h3 {
font-size: 12px;
margin-top: 0;
margin-bottom: 6px;
}
.olFramedCloudPopupContent p {
line-height: 12px;
}
ul.lake-rss-items { list-style-type: none; list-style-image: none; margin: 0; padding: 0; }
X.lake-rss-items li { padding: 0 3px; margin: 0; border: 0; }
ul.rss-items { list-style-type: none; list-style-image: none; margin: 0; padding: 0; border: 1px solid #c1e7f7; }
li.rss-item { padding: 0 3px; margin: 0; border: 0; }
.rss-items li.alternate0 { background: var( --white); }
.rss-items li.alternate1 { background: var( --syke-lightgreen); }
li.rss-item h6 { margin: 0; padding: 3px 0; }
li.rss-item p { font-size: 90%; color: #444444; margin: 0; padding: 3px 0; line-height: 120%; }
p.rss-date { font-weight: bold; }
.rss-author a { font-style: italic; }
.rss-page { font-size: 90%; color: #444444; margin: 3px 0 0 0; padding: 3px 0; line-height: 120%; }
.rss-box-2 ul { border: 0 !important; }
.rss-box-2 ul li { background: #ffffff !important; border-bottom: 1px dotted #e6e6e6 !important; padding: 0 !important; }
.rss-box-2 h6, .rss-box-2 p { padding: 2px 0 !important; }
.noborderfeed ul.rss-items { border: none; }
.templatesUsed { display: none; }
.mjk-container {
display: block;
}
.mw-ajax-loader {
display: none;
}
X.rootpage-Etusivu .firstHeading { display: none; }
X.rootpage-Main_page .firstHeading { display: none; }
X.rootpage-Huvudsida .firstHeading { display: none; }
.rootpage-Meriwiki_Etusivu .firstHeading { display: none; }
.rootpage-Meriwiki_Huvudsida .firstHeading { display: none; }
.rootpage-Meriwiki_Main_page .firstHeading { display: none; }
.lqt_header_content {
border: none;
}
.lqt_toc {
background: #ffffff;
border: none;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.lqt_toc td,.lqt_toc th { padding: 0.5em; }
.lqt-talkpage-search { display: none; }
.lqt_view_options {
clear: both;
}
.lqt-talkpage-header {
border: none;
padding: 0;
}
.lqt_start_discussion {
Xfloat: left;
display: block;
font-weight: bold;
height: 20px;
padding: 3px 0;
background-image: none;
margin-bottom: 20px;
}
.lqt_start_discussion a {
Xbackground-image: none;
Xheight: 20px;
Xpadding: 3px 5px;
Xbackground-color: #CDD400;
Xborder-radius: 6px;
X-webkit-border-radius: 6px;
X-moz-border-radius: 6px;
}
.lqt-post-wrapper {
margin-top: 1em;
padding: 0.5em 1em;
padding-bottom: 1em;
padding-right: 1em;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
background: #ffffff;
border-top: none;
Xposition: relative;
}
.lqt-thread-topmost > .lqt-post-wrapper {
border-top: none;
}
.lqt-thread-signature {
font-size: 90%;
color: #333;
font-style: italic;
}
.checkboxSpan {
width: 160px;
}
Xtable.smwtable {
background: url('images/white50.png');
background-color: none;
padding: 5px;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
}
Xtable.smwtable td, th {
background: none;
border-bottom: 1px solid #ffffff;
margin: 0;
padding: 3px;
text-align: left;
}
Xtable.smwtable th {
background-color: #ffffff;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
text-align: left;
border-bottom: none;
}
Xtable.smwtable td {
vertical-align: top;
}
Xtable.smwtable tr.smwfooter td {
font-size: 93%;
line-height: 1;
padding: 2px 5px 0 5px;
text-align: right;
vertical-align: top;
border-bottom: none;
}
Xtable.smalltable {
font-size: 90%;
}
Xtable.smalltable2 {
font-size: 75%;
}
Xtable.smalltable th, td {
padding: 1px;
}
Xtable.smalltable2 th, td {
padding: 0px;
}
th.hidesort a.sortheader {
display: none;
}
.ol-top { top: 10px !important; }
.ol-right { right: 10px !important; }
.ol-bottom { bottom: 10px !important; }
.ol-left { left: 10px !important; }
.layout-koitere skin-chameleon .ol-zoom { top: 10px !important; left: 10px !important; }
.layout-koitere skin-chameleon .ol-attribution { right: 10px !important; bottom: 10px !important; }
div.ol-toggle { float: left; }
div.ol-bar, #jwChosenObsTypeContainer { float: left; }
.ol-control button { width: 24px !important; height: 24px !important; color: #000 !important; }
.ol-attribution:not(.ol-collapsed) { z-index: 100; background-color: rgba( 255, 255, 255, 1 ) !important; }
.ol-attribution:not(.ol-collapsed) ul { margin: 0 0.75rem; }
X.butt { cursor: pointer; }
X.butt:hover { opacity: 0.9; }
#jwChosenObsTypeContainer { font-size: 24px; margin: 7px 6px 0 6px; }
/* popup style */
.ol-popup
{ max-width:300px;
min-width:100px;
min-height:1em;
}
/* Image on popup */
.ol-popup img
{ float: left;
margin: 0 0.5em 0 0;
max-width: 100px;
max-height: 100px;
}
.jwMapContainer { overflow: hidden !important; }
.ol-control button { width: 36px !important; height: 36px !important; border: 1px solid #ccc !important; border-radius: 5px !important; background-color: rgba(255, 255, 255, 0.5) !important; background-repeat: no-repeat !important; background-position: center !important; }
.ol-rotate { left: 55px !important; right: inherit !important; top: 10px !important; bottom: inherit !important; }
.ol-bottom { bottom: 26px !important; }
.ol-attribution.ol-uncollapsible { border-radius: 0px !important; max-width: inherit !important; !important; bottom: 0px !important; right: 0px !important; left: 0px !important; padding: 4px 10px 3px 10px !important; background-color: rgba(255, 255, 255, 0.5); border: 0px !important; margin 0px !important; }
.ol-attribution ul { font-size: 10px !important; line-height: inherit !important; padding: 0px !important; }
.ol-attribution li:not(:last-child):after { content: " • " !important; }
.ol-zoom { top: 55px !important; }
.ol-zoom button.ol-zoom-in { background-image: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_zoomIn_24px.png') !important; text-indent: -1000em; }
.ol-zoom button.ol-zoom-out { background-image: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_zoomOut_24px.png') !important; text-indent: -1000em; }
.ol-full-screen { left: inherit !important; top: inherit !important; right: 10px !important; bottom: 110px !important; }
.ol-full-screen button.ol-full-screen-true {
background-color: var(--jw-color-light ) !important;
}
X.ol-layerswitcher { top: 10px !important; }
.ol-layerswitcher button { background-image: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_layers_24px.png') !important; }
.ol-forceopen button { background-color: rgba(100, 100, 100, 0.9) !important; }
.ol-layerswitcher .panel { top: 2px !important; margin: 1px 1px 2px 2px !important; background-color: rgba(255, 255, 255, 0.7) !important; border-radius: 5px !important; }
.ol-layerswitcher .panel li ul { padding-left: 0px !important; }
.ol-layerswitcher > button:before, .ol-layerswitcher > button:after { content: none !important; }
.ol-active button { background-color: rgba(100, 100, 100, 0.9) !important; }
.ol-locate-toggle {
bottom: 30px;
right: 10px;
}
.ol-notification {
width: 150%;
bottom: 0;
border: 0;
background: 0 0;
margin: 0;
padding: 0;
}
.nomargin { margin: 0 !important; }
.my-auto p label { margin-bottom: 0 !important; }
.pf-runquery-formcontent hr { display: none; }
.select2-container .select2-selection--single { height: inherit; }
.pf-select2-container { margin-bottom: 0px; }
.oo-ui-fieldLayout { margin-bottom: 16px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 32px; }
a.btn-primary { color: #fff; }
.layout-keitele .ctalinks.keitele-button a {
color: #fff !important;
}
