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ä. */
img.ratio-3by2 {
aspect-ratio: 3 / 2;
object-fit: cover;
}
.embed-responsive-3by2 {
padding-top: 66.67%;
}
.embed-responsive-3by2 img {
aspect-ratio: 3 / 2;
object-fit: cover;
}
.embed-responsive-16by9 img {
aspect-ratio: 16 / 9;
object-fit: cover;
}
.input-group .errorMessage {
margin: 0;
padding: 8px;
background-color: var(--syke-lightred);
color: var(--syke-darkgreen);
}
.jwImageSelect_images .card { border: 5px solid #fff; position: relative; }
.jwImageSelect_images .card:hover { cursor: pointer; }
.jwImageSelect_images .card.selected { border: 5px solid var( --syke-red ); }
.jwImageSelect_images .card .focalpoint, .inputSpan .focalpoint {
position: absolute;
display: none;
width: 30px;
height: 30px;
margin-top: -15px;
margin-left: -15px;
border-radius: 50%;
border: 3px solid var( --syke-red );
background-color: rgba( 242, 142, 119, 0.25 );
}
.jwImageSelect_images .card.selected .focalpoint, .inputSpan .focalpoint { display: block; }
/* @media (min-width: 576px) { */
.jwImageSelect_images.card-columns {
column-count: 4;
column-gap: .5rem;
}
div.google-visualization-tooltip { pointer-events: none }
div.mw-htmlform-field-HTMLCheckField:has(#wpCreateaccountMail) { display: none; }
.selected-obstype {
font-weight: 600;
display: inline-block;
padding: 8px 10px 0 10px;
}
.ol-control.ol-layerswitcher .ol-switcherbottomdiv, .ol-control.ol-layerswitcher .ol-switchertopdiv {
border: none !important;
margin: 0 !important;
background-color: var( --jw-color-light ) !important;
height: 38px !important;
}
.ol-layer-vector select {
display: block;
margin-top: -5px;
margin-bottom: 10px;
margin-left: 24px;
color: var(--jw-color-dark);
font-weight: 600;
border: none;
}
a {
text-decoration: underline;
}
a.no-underline, .no-underline a {
text-decoration: none;
}
a.underline-on-hover:hover, .underline-on-hover a:hover {
text-decoration: underline;
}
.card-title a {
text-decoration: none;
}
.card-title a:hover {
text-decoration: underline;
}
ul.nav.nav-tabs { margin: 0; }
ul.nav.nav-tabs li.nav-item { margin-bottom: 0; }
.uls-language-block .three.columns {
width: inherit !important;
}
.jwMapInfoText {
float: left;
padding: 6px 6px 4px 6px;
margin: 2px;
line-height: 15px;
font-weight: bold;
white-space: break-spaces;
}
.jwMapInfoTag {
float: left;
padding: 6px 6px 4px 6px;
margin: 2px;
border-radius: 5px;
background-color: rgba(255, 255, 255, 0.75);
border: 1px solid #ccc;
line-height: 15px;
}
.layout-keitele .mw-search-profile-tabs, .layout-keitele #mw-searchoptions {
display: none;
}
.layout-keitele .jwInPageMenu.card, .layout-keitele .jwInPageInfo.card {
border: none;
background-color: #fff !important;
margin-top: 20px;
}
.layout-keitele .jwInPageInfo.card {
margin-top: 0;
}
.layout-keitele .jwInPageMenu .card-header, .layout-keitele .jwInPageInfo .card-header {
padding: 0;
background-color: transparent !important;
text-align: right;
font-weight: 600;
border: none;
}
@media (max-width: 768px) {
.layout-keitele .jwInPageMenu .card-header, .layout-keitele .jwInPageInfo .card-header {
text-align: left;
}
}
.layout-keitele .jwInPageMenu .card-link, .layout-keitele .jwInPageMenu .card-link {
display: inline-block;
display: inline-block !important;
padding: 0.5rem 1rem;
}
.layout-keitele .jwInPageMenu .card-link {
background-color: var(--syke-lightblue);
}
.layout-keitele .jwInPageInfo .card-link {
font-size: 14px;
}
.layout-keitele .jwInPageMenu a.card-link:focus, .layout-keitele .jwInPageInfo a.card-link:focus {
text-decoration: inherit;
}
.layout-keitele .jwInPageMenu a.card-link:hover, .layout-keitele .jwInPageInfo a.card-link:hover {
text-decoration: underline;
}
.layout-keitele .jwInPageMenu .card-link:before, .layout-keitele .jwInPageInfo .card-link:before {
position: relative;
top: 4px;
margin-right: 10px;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' width='18' height='20' aria-hidden='true' focusable='false'><path fill='%23005854' d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");
}
.layout-keitele .jwInPageMenu .card-link.collapsed:before, .layout-keitele .jwInPageInfo .card-link.collapsed:before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' width='18' height='20' aria-hidden='true' focusable='false'><path fill='%23005854' d='M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E");
}
.layout-keitele .jwInPageInfo .card-link.collapsed:before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='18' height='20' aria-hidden='true' focusable='false'><path fill='%23005854' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/%3E%3C/svg%3E");
}
.layout-keitele .jwInPageMenu .card-body {
background-color: var( --syke-lightblue );
width: 100%;
margin-bottom: 2rem;
}
.layout-keitele .jwInPageInfo .card-body {
width: 100%;
}
.jwTabs {
display: flex;
flex-direction: row;
justify-content: space-evenly;
flex-wrap: wrap;
}
.JwTabsContent {
width: 100%;
margin-top: -1px;
padding: 1.5rem;
border: 1px solid var( --syke-lightgrey);
position: relative;
z-index: 5;
}
.JwTabsContent_1 { order: 101; }
.JwTabsContent_2 { order: 102; }
.JwTabsContent_3 { order: 103; }
.JwTabsContent_4 { order: 104; }
.JwTabsContent_5 { order: 105; }
.jwTabsLink a {
position: relative;
z-index: 10;
padding: 0.75rem 1rem;
background-color: #fff;
text-align: center;
font-weight: 600;
border: 1px solid var( --syke-lightgrey);
border-bottom: 1px solid #fff;
text-decoration: none;
}
.jwTabsLink a:hover {
text-decoration: underline;
}
.jwTabsLink a.collapsed {
border: 1px solid #fff;
z-index: 0;
}
.jwTabs.rightAfterContentHeader {
margin-bottom: 2rem;
}
@media (max-width: 768px) {
.jwTabs {
flex-direction: column;
}
.jwTabsLink a { margin-bottom: 0; text-align: left; background-color: var(--syke-lightgrey-50); border: 1px solid var(--syke-lightgrey-50); }
.jwTabsLink a.collapsed { border: 1px solid var(--syke-lightgrey-50); }
.JwTabsContent { border: none; }
.JwTabsContent_1 { order: 11; }
.JwTabsContent_2 { order: 21; }
.JwTabsContent_3 { order: 31; }
.JwTabsContent_4 { order: 41; }
.JwTabsContent_5 { order: 51; }
.jwTabs.rightAfterContentHeader {
Xmargin: -2rem -1rem 2rem -1rem;
}
}
@media (max-width: 542px) {
.jwTabs.rightAfterContentHeader {
margin-left: -1rem;
margin-right: -1rem;
margin-top: -2rem;
border-top: 2px solid var(--syke-darkgreen);
}
}
.jwTabsLink a:before {
width: 28px;
height: 28px;
display: inline-block;
vertical-align: -30%;
text-align: center;
margin-right: 10px;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' Xwidth='18' height='28' aria-hidden='true' focusable='false'><path fill='%23005854' d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");
}
.jwTabsLink a.collapsed:before {
width: 28px;
height: 28px;
display: inline-block;
vertical-align: -30%;
text-align: center;
margin-right: 10px;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' Xwidth='18' height='28' aria-hidden='true' focusable='false'><path fill='%23005854' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/%3E%3C/svg%3E");
}
.jwLinkIcon-map a.collapsed:before {
width: 28px;
height: 28px;
display: inline-block;
vertical-align: -30%;
text-align: center;
margin-right: 10px;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' Xwidth='18' height='28' aria-hidden='true' focusable='false'><path fill='%23005854' d='M128 252.6C128 148.4 214 64 320 64C426 64 512 148.4 512 252.6C512 371.9 391.8 514.9 341.6 569.4C329.8 582.2 310.1 582.2 298.3 569.4C248.1 514.9 127.9 371.9 127.9 252.6zM320 320C355.3 320 384 291.3 384 256C384 220.7 355.3 192 320 192C284.7 192 256 220.7 256 256C256 291.3 284.7 320 320 320z'/%3E%3C/svg%3E");
}
.jwLinkIcon-talk a.collapsed:before {
width: 28px;
height: 28px;
display: inline-block;
vertical-align: -30%;
text-align: center;
margin-right: 10px;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' height='28' aria-hidden='true' focusable='false'><path fill='%23005854' d='M108.2 322.7C114.3 307.5 112.2 290.1 102.6 276.8C88.1 256.7 80 233.1 80 208C80 141.2 140.5 80 224 80C307.5 80 368 141.2 368 208C368 274.8 307.5 336 224 336C208.1 336 192.9 333.7 178.7 329.5C168.4 326.4 157.3 327 147.3 331L96.9 351.2L108.3 322.7zM32 208C32 243.8 43.6 277.1 63.7 304.8L33.9 379.2C32.6 382.4 32 385.8 32 389.2C32 404 44 416 58.8 416C62.2 416 65.6 415.3 68.8 414.1L165.1 375.6C183.7 381.1 203.5 384 224 384C330 384 416 305.2 416 208C416 110.8 330 32 224 32C118 32 32 110.8 32 208zM416 576C436.6 576 456.3 573 474.9 567.6L571.2 606.1C574.4 607.4 577.8 608 581.2 608C596 608 608 596 608 581.2C608 577.8 607.3 574.4 606.1 571.2L576.4 496.8C596.4 469 608.1 435.7 608.1 400C608.1 317.6 546.4 248.5 463.1 229.3C461.5 245.6 458 261.2 453 276.2C516.9 291 560.2 343.5 560.2 400.1C560.2 425.2 552.1 448.8 537.6 468.9C528 482.2 525.9 499.5 532 514.8L543.4 543.3L493 523.1C483 519.1 471.9 518.6 461.6 521.6C447.4 525.8 432.2 528.1 416.3 528.1C344.1 528.1 289.2 482.4 275.6 426.9C260 430.1 243.9 431.9 227.5 432.1C243.9 514 322.2 576.1 416.3 576.1z'/%3E%3C/svg%3E");
}
.jwLinkIcon-tools a.collapsed:before {
width: 28px;
height: 28px;
display: inline-block;
vertical-align: -30%;
text-align: center;
margin-right: 10px;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' height='28' aria-hidden='true' focusable='false'><path fill='%23005854' d='M535.6 85.7C513.7 63.8 478.3 63.8 456.4 85.7L432 110.1L529.9 208L554.3 183.6C576.2 161.7 576.2 126.3 554.3 104.4L535.6 85.7zM236.4 305.7C230.3 311.8 225.6 319.3 222.9 327.6L193.3 416.4C190.4 425 192.7 434.5 199.1 441C205.5 447.5 215 449.7 223.7 446.8L312.5 417.2C320.7 414.5 328.2 409.8 334.4 403.7L496 241.9L398.1 144L236.4 305.7zM160 128C107 128 64 171 64 224L64 480C64 533 107 576 160 576L416 576C469 576 512 533 512 480L512 384C512 366.3 497.7 352 480 352C462.3 352 448 366.3 448 384L448 480C448 497.7 433.7 512 416 512L160 512C142.3 512 128 497.7 128 480L128 224C128 206.3 142.3 192 160 192L256 192C273.7 192 288 177.7 288 160C288 142.3 273.7 128 256 128L160 128z'/%3E%3C/svg%3E");
}
.jwLinkIcon-trend a.collapsed:before {
width: 28px;
height: 28px;
display: inline-block;
vertical-align: -30%;
text-align: center;
margin-right: 10px;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' height='28' aria-hidden='true' focusable='false'><path fill='%23005854' d='M384 352c-17.7 0-32 14.3-32 32s14.3 32 32 32l160 0c17.7 0 32-14.3 32-32l0-160c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 82.7-169.4-169.4c-12.5-12.5-32.8-12.5-45.3 0L192 242.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0L320 205.3 466.7 352 384 352z'/%3E%3C/svg%3E");
}
.jwLinkIcon-more a.collapsed:before {
width: 28px;
height: 28px;
display: inline-block;
vertical-align: -30%;
text-align: center;
margin-right: 10px;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' height='28' aria-hidden='true' focusable='false'><path fill='%23005854' d='M535.1 342.6C547.6 330.1 547.6 309.8 535.1 297.3L375.1 137.3C362.6 124.8 342.3 124.8 329.8 137.3C317.3 149.8 317.3 170.1 329.8 182.6L467.2 320L329.9 457.4C317.4 469.9 317.4 490.2 329.9 502.7C342.4 515.2 362.7 515.2 375.2 502.7L535.2 342.7zM183.1 502.6L343.1 342.6C355.6 330.1 355.6 309.8 343.1 297.3L183.1 137.3C170.6 124.8 150.3 124.8 137.8 137.3C125.3 149.8 125.3 170.1 137.8 182.6L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7z'/%3E%3C/svg%3E");
}
.jw-grid-container {
margin: 0 -14px;
}
@media (max-width: 576px) {
.jw-grid-container {
margin: 0;
}
}
.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-geobt {
right: 10px !important;
bottom: 90px !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;
}
.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: 10px !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 {
top: inherit !important;
left: inherit !important;
right: 10px !important;
bottom: 133px !important;
Xtop: 10px !important;
Xleft: 10px !important;
Xright: inherit !important;
Xbottom: 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: .25rem;
overflow: visible;
}
.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-image {
margin-right: -2rem;
}
.layout-keitele .keitele-highlight-header {
margin-left: -2rem;
margin-top: 2rem;
}
.layout-keitele .keitele-highlight-content {
margin-left: 1.5rem;
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;
--katuma-gray: #eaeaee;
--katuma-red: #c84526;
--katuma-blue: #036;
}
: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;
margin-bottom: 1rem;
}
.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; margin-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 img.no-aspect-ratio {
aspect-ratio: unset;
}
.layout-keitele .jw-card-columns .card-body {
background-color: var(--jw-color-light);
}
.layout-keitele .jw-card-columns .card-body p {
margin-bottom: 0.5rem;
}
.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;
}
.keitele-content-title-excerpt {
font-weight: 600;
font-size: 18px;
}
.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; text-decoration: none !important; }
.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 .ctalinks a:hover {
text-decoration: underline !important;
}
.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 {
display: inline-block;
background-color: var(--jw-color-dark);
padding: 1rem 2rem;
border-radius: 8px;
}
.ctalinks.keitele-button.slim {
padding: 0.5rem 1rem;
}
.layout-keitele .ctalinks.keitele-button a {
color: #fff !important;
}
.keitele-button-prelabel {
padding: 1rem;
font-weight: 600;
margin-top: 3px;
text-align: right;
}
.layout-keitele .hero-container {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.hero-container.hero-img {
height: 44vw;
min-height: 300px;
}
@media (min-width: 768px) {
.hero-container.hero-img {
height: calc(100vh - 150px);
}
.layout-keitele .hero-container.hero-img-low {
height: calc(75vh - 150px);
}
}
.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, .layout-keitele a.navbar-usernotloggedin {
margin-top: -3px;
}
.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 .header a { text-decoration: none !important; }
.layout-keitele .header a:hover { text-decoration: underline !important; }
.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);
}
.layout-keitele .keitele-content-header.herotype_image.hero-img-low {
margin-top: calc(-40px - 2.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-content-header.herotype_image.hero-img-low {
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: #283583;
}
.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;
}
.jwChartWidget button {
background: none;
border: none;
box-shadow: none;
}
.katumajarvibaro .jwChartWidget button {
background: none;
color: #283583;
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: #283583;
color: #fff !important;
font-size: 20px;
}
.JwCollapseCenter .mw-collapsible-content {
background-color: rgba(40, 53, 131, 0.1 );
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: #283583;
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: #283583;
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.nocolor {
background-color: transparent;
border-top: 0;
}
.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: 512px; }
.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, .ol-popup ul { padding: 0 !important; }
p.jw-date::before, li.jw-date::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f073";
margin-right: 0.5rem;
}
p.jw-time::before, li.jw-time::before, span.jw-time::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f017";
margin-right: 0.5rem;
}
p.jw-location::before, li.jw-location::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f3c5";
margin-right: 0.5rem;
}
.card p.jw-link::before, li.jw-link::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0c1";
margin-right: 0.5rem;
}
.card p.jw-organizer::before, li.jw-organizer::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f007";
margin-right: 0.5rem
}
.card p.jw-inquiries::before, li.jw-inquiries::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f27a";
margin-right: 0.5rem;
}
.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: 140%; font-weight: 600; color: var(--keitele-color-light); }
.huomio.isompi { font-size: 200%; }
.huomio.isoin { font-size: 300%; }
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 !important; }
.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: 188px; }
.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;
display: block;
margin-top: 2rem;
}
.lqt-talkpage-header {
border: none;
padding: 0;
}
.lqt_start_discussion {
display: inline-block;
background-color: var(--jw-color-dark);
Xpadding: 1rem 2rem;
padding: 0.5rem 1rem;
border-radius: 8px;
}
.lqt_start_discussion a {
color: #fff !important;
text-decoration: none;
}
.lqt_start_discussion 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;
}
.lqt_start_discussion a:hover {
text-decoration: underline;
}
.lqt_start_discussion a:hover::before {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.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; margin-right: 110px; }
.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-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; 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;
}
.page-S_Katumajärvi-info .keitele-content-title-excerpt {
background-color: var(--katuma-gray);
}
.page-S_Katumajärvi-info .jwTabsLink .card-link {
background-color: #fff;
color: var(--syke-darkgreen) !important;
padding: 16px 1.5rem 18px 1.5rem;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
margin-top: -8px;
margin-bottom: 0px;
}
.page-S_Katumajärvi-info .jwTabsLink .card-link.collapsed {
background-color: var(--katuma-red);
color: #fff !important;
padding: 0.5rem 1.5rem;
border-radius: 40px;
margin-top: 0;
margin-bottom: 10px;
}
.page-S_Katumajärvi-info .jwLinkIcon-trend a.collapsed:before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' height='28' aria-hidden='true' focusable='false'><path fill='%23ffffff' d='M384 352c-17.7 0-32 14.3-32 32s14.3 32 32 32l160 0c17.7 0 32-14.3 32-32l0-160c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 82.7-169.4-169.4c-12.5-12.5-32.8-12.5-45.3 0L192 242.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0L320 205.3 466.7 352 384 352z'/%3E%3C/svg%3E");
}
