Ero sivun ”Järjestelmäviesti:Common.css” versioiden välillä

Järvi-meriwikistä
Loikkaa:valikkoon, hakuun
(147 välissä olevaa versiota samalta käyttäjältä ei näytetä)
Rivi 1: Rivi 1:
 
/* Tämä sivu sisältää koko sivustoa muuttavia tyylejä. */
 
/* Tämä sivu sisältää koko sivustoa muuttavia tyylejä. */
 +
 +
.jwcolor3 { background-color: #e0f3fb; }
 +
 +
#p-logo a { display: inline-block; max-width: 250px; }
 +
 +
.fontawesome { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 144%; }
 +
 +
.page-Katumajärvi_35_236_1_001_Järvibarometri .mw-redirectedfrom { display: none; }
 +
.katumajarvibaro a, .katumajarvibaro a.external, .katumajarvibaro a.external:visited {
 +
text-decoration: underline;
 +
color: #0076b0;
 +
}
 +
 +
.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;
 +
font-size: 20px;
 +
}
 +
 +
.JwCollapseCenter .mw-collapsible-content {
 +
    border: 3px solid rgba( 0, 118, 176, 0.5 );
 +
    border-radius: 6px;
 +
    background-color: rgba(255, 255, 255, 1.0 );
 +
    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 {
 +
    border: none;
 +
    background-color: transparent;
 +
    padding: 28px 0px 18px 0px;
 +
  }
 +
}
 +
button.navbar-toggler { color: #0076b0; Xborder: 1px solid #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; }
 
td.smwtype_qty, td.smwtype_num { text-align: right; }
 
table.smwtable-clean tr, table.smwtable-clean th, table.smwtable-clean td { border-top: 0; border-bottom: 0; }
 
table.smwtable-clean tr, table.smwtable-clean th, table.smwtable-clean td { border-top: 0; border-bottom: 0; }
 +
table.smwtable-clean { margin-bottom: 0 !important; }
  
 
table.ranking th:last-child, table.ranking td:last-child { text-align: right; }
 
table.ranking th:last-child, table.ranking td:last-child { text-align: right; }
Rivi 9: Rivi 148:
 
     counter-increment: rowNumber;
 
     counter-increment: rowNumber;
 
     content: counter( rowNumber )".";
 
     content: counter( rowNumber )".";
−
     min-width: 1em;
+
    display: inline-block;
 +
     min-width: 1.25em;
 
     margin-right: 0.5em;
 
     margin-right: 0.5em;
 +
    text-align: right;
 
}
 
}
 
table.ranking tr.smwfooter td:first-child::before { content: ""; }
 
table.ranking tr.smwfooter td:first-child::before { content: ""; }
Rivi 29: Rivi 170:
 
.tooltip-inner { text-align: left; }
 
.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 ul { margin: 0; padding-left: 1rem; }
 
.card p { line-height: normal !important; }
 
.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-img-top { width: 100%; height: initial; }
  
Rivi 398: Rivi 608:
 
}
 
}
  
−
.page-Etusivu .firstHeading { display: none; }
+
.rootpage-Etusivu .firstHeading { display: none; }
−
.page-Main_page .firstHeading { display: none; }
+
.rootpage-Main_page .firstHeading { display: none; }
−
.page-Huvudsida .firstHeading { display: none; }
+
.rootpage-Huvudsida .firstHeading { display: none; }
  
−
.page-Meriwiki_Etusivu .firstHeading { display: none; }
+
.rootpage-Meriwiki_Etusivu .firstHeading { display: none; }
−
.page-Meriwiki_Huvudsida .firstHeading { display: none; }
+
.rootpage-Meriwiki_Huvudsida .firstHeading { display: none; }
−
.page-Meriwiki_Main_page .firstHeading { display: none; }
+
.rootpage-Meriwiki_Main_page .firstHeading { display: none; }
  
 
.lqt_header_content {
 
.lqt_header_content {
Rivi 430: Rivi 640:
  
 
.lqt_start_discussion {
 
.lqt_start_discussion {
−
float: left;
+
Xfloat: left;
 
display: block;
 
display: block;
 
font-weight: bold;
 
font-weight: bold;
Rivi 436: Rivi 646:
 
padding: 3px 0;
 
padding: 3px 0;
 
background-image: none;  
 
background-image: none;  
 +
margin-bottom: 20px;
 
}
 
}
  
Rivi 601: Rivi 812:
  
 
.ol-layerswitcher .panel li ul { padding-left: 0px !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-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; }
 
.nomargin { margin: 0 !important; }

Versio 5. helmikuuta 2024 kello 16.05

/* Tämä sivu sisältää koko sivustoa muuttavia tyylejä. */

.jwcolor3 { background-color: #e0f3fb; }

#p-logo a { display: inline-block; max-width: 250px; }

.fontawesome { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 144%; }

.page-Katumajärvi_35_236_1_001_Järvibarometri .mw-redirectedfrom { display: none; }
.katumajarvibaro a, .katumajarvibaro a.external, .katumajarvibaro a.external:visited { 
text-decoration: underline; 
color: #0076b0;
}

.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;
font-size: 20px;
}

.JwCollapseCenter .mw-collapsible-content {
    border: 3px solid rgba( 0, 118, 176, 0.5 );
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 1.0 );
    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 {
    border: none;
    background-color: transparent;
    padding: 28px 0px 18px 0px;
  }
}
button.navbar-toggler { color: #0076b0; Xborder: 1px solid #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; border-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 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 { background-color: rgba(255,255,255,0.25) !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; }

#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: #E0F3FB; }
.rss-items li.alternate1 { background: #c1e7f7; }
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;
}

.rootpage-Etusivu .firstHeading { display: none; }
.rootpage-Main_page .firstHeading { display: none; }
.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 {
	background-image: none;
	height: 20px;
	padding: 3px 5px;
        background-color: #CDD400;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-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; }
.ol-zoom { top: 10px !important; left: 10px !important; }
.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; }
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: 10px !important; top: 10px !important; right: inherit !important; bottom: inherit !important; }

.ol-full-screen button.ol-full-screen-false {  
background-image: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_fullscreen_24px.png') !important; text-indent: -1000em; 
}

.ol-full-screen button.ol-full-screen-true {
background-color: rgba(100, 100, 100, 0.9) !important; 
background-image: url('//www.jarviwiki.fi/dynpm/ol/jw_ol_fullscreenExit_24px.png') !important; text-indent: -1000em; 
}

.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; }
Noudettu kohteesta ”https://www.jarviwiki.fi/w/index.php?title=Järjestelmäviesti:Common.css&oldid=1039260”




Suomen ympäristökeskuskus SYKE on perustanut ja ylläpitää Järvi-meriwiki-palvelua.
Järvi-meriwikiä kehitettiin vuosina 2010-2013 EU Life+ rahoitetussa GisBloom-hankkeessa.
Maa- ja vesitekniikan tuki ry osallistui palvelun perustamisen ja kehittämisen rahoittamiseen.
Creative Commons Nimeä
Powered by MediaWiki
Powered by Semantic MediaWiki

Tykkää ja seuraa