Model attributes (Water Overlay) and MediaWiki:Common.css: Difference between pages

From Tygron Support wiki
(Difference between pages)
Jump to navigation Jump to search
mNo edit summary
 
No edit summary
 
Line 1: Line 1:
The [[Water Overlay|water overlay]]'s model calculations depend on a number of calculation-wide parameters. These parameters are available as attributes of the water overlay and can be modified as such.
/* CSS placed here will be applied to all skins */
:root{
  --fx-color-interface: rgba(79, 185, 207, 1);
  --fx-color-interface-active: rgba(94, 255, 255, 1);
  --fx-color-interface-highlight: rgba(177, 217, 217, 1);
  --fx-color-interface-row-odd: rgba(229, 248, 252, 1);


{| class="wikitable"
}
! Icon
! Attribute
! Unit
! Description
|-
| [[File:waterwizard_icon_allowed_water_increase.png]]
| {{anchor|ALLOWED_WATER_INCREASE_M|[[Allowed_water_increase_m_(Water_Overlay)|ALLOWED_WATER_INCREASE_M]]}}
| m
| The amount by which the water level on a water terrain must increase before it is considered stressed by water. This is used to compute the [[waterstress result type (Water Overlay)|WATER_STRESS]] result type.
|-
|
| {{anchor|CULVERT_DEM_THRESHOLD_M|[[culvert dem threshold (Water Overlay)|CULVERT_DEM_THRESHOLD_M]]}}
| m
| The maximum distance a culvert's [[culvert height (Water Overlay)|height]] can be below the [[terrain height (Water Overlay)|terrain]], for the terrain height to be adjusted to the height of the culvert.
|-
|
| {{anchor|DESIGN_FLOOD_ELEVATION_M|[[Design_flood_elevation_m_(Water_Overlay)|DESIGN_FLOOD_ELEVATION_M]]}}
| m
| Constructions in the 3D world are assumed to have at most this height compared to the surface of the terrain. Greater values can create a more accurate model but will impact performance.
|-
|
| {{anchor|GRAVITY|[[Gravity_(Water_Overlay)|GRAVITY]]}}
| m/s²
| Used constant for gravitational acceleration.
|-
|
| {{anchor|GROUND_BOTTOM_DISTANCE_M|[[Ground_bottom_distance_m_(Water_Overlay)|GROUND_BOTTOM_DISTANCE_M]]}}
| m
| Assumed distance under the terrain surface where the soil becomes impenetrable for water. The groundwater level cannot go below this depth, relative to the surface. The maximum amount of water that can be stored underground is equal to this attribute multiplied by the local terrain's [[Terrain water storage percentage (Water Overlay)|WATER_STORAGE_PERCENTAGE]].
|-
|
| {{anchor|GROUND_WATER|[[Ground_water_(Water_Overlay)|GROUND_WATER]]}}
| nominal value
| Whether and how [[Underground model (Water Overlay)|water in the underground]] is simulated during the calculation.
|-
|
| {{anchor|GROUND_WATERTABLE_WITH_SURFACE|[[Ground_watertable_with_surface_(Water_Overlay)|GROUND_WATERTABLE_WITH_SURFACE]]}}
| {{boolean}}
| Whether the [[Ground_watertable_result_type_(Water_Overlay)|ground watertable result type]] should also include the surface water level, when the groundwater levels are close to the surface.
|-
| [[File:waterwizard_icon_allowed_water_increase.png]]
| {{anchor|IMPACT_FLOOD_THRESHOLD_M|[[Impact_flood_threshold_m_(Water_Overlay)|IMPACT_FLOOD_THRESHOLD_M]]}}
| m
| The amount of water a construction must experience before it is considered impacted by water. Water must reach this height either on one of the cells the construction is on, or on one of the cells adjacent to it. This is used to compute the [[impacted buildings result type (Water Overlay)|IMPACTED BUILDINGS]] result type.
|-
|
| {{anchor|LIMIT_RAIN|[[Limit rain (Water Overlay)|LIMIT_RAIN]]}}
| nominal value
| Whether and how calculations in the simulation should be limited to specific locations of the 3D world.
|-
|
| {{anchor|MAX_WATER_BOTTOM_M|[[max water bottom m (Water Overlay)|MAX_WATER_BOTTOM_M]]}}
| {{mdatum}}
| The maximum height for the bottoms of [[terrain water (Water Overlay)|water terrain]]s. Any [[terrain water (Water Overlay)|water terrain]] with a bottom at a higher {{datum}} height has its bottom lowered to this value.
|-
|
| {{anchor|MAX_WATER_DEPTH_M|[[Max_water_depth_(Water_Overlay)|MAX_WATER_DEPTH_M]]}}
| m
| The maximum depth of water on a cell that is able to move horizontally. This parameter can be set to influence the wave part in the [[surface flow formula (Water Overlay)|Saint-Venant equations]].
|-
|
| {{anchor|MINIMAL_CULVERT_DIAMETER_M|[[Minimal_culvert_diameter_m_(Water_Overlay)|MINIMAL_CULVERT_DIAMETER_M]]}}
| m
| The minimal culvert diameter in meters.
|-
|
| {{anchor|OBJECT_CORRECTION|[[Object_correction_(Water_Overlay)|OBJECT_CORRECTION]]}}
| {{boolean}}
|  Objects (culverts, pumps, weirs) can sometimes overlap each other and then one or more objects become inactive. When this happens the rasterizer automatically moves the inactive object(s) start/end point(s) by a maximum of one cell so the object(s) become active.
|-
|
| {{anchor|SEWER_OVERFLOW_THRESHOLD|[[Sewer_overflow_threshold_(Water_Overlay)|SEWER_OVERFLOW_THRESHOLD]]}}
| fraction (m/m)
| How much of a [[sewer storage (Water Overlay)|sewer's storage]] must be filled with water before the [[Sewer overflow (Water Overlay)|sewer's overflows]] are allowed to overflow water.
|-
|
| {{anchor|SHORELINE|[[Shoreline_(Water_Overlay)|SHORELINE]]}}
| {{boolean}}
|  When a Waterway polygon is not correctly positioned in relation to the DEM this can result in filling up the nearby land with water at the start of the simulation. This will result in a lower water level then is expected from the water level area value. To correct this, a "shoreline" is added at neighbouring cells. At the start of the simulation, these shoreline cells will also be filled with water up to the nearby water level to prevent the initial flush. By default this option is turned on, but can be turned off by changing the attribute to 0.
|-
| [[File:waterwizard_icon_allowed_water_increase.png]]
| {{anchor|SHOW_DURATION_FLOOD_LEVEL_M|[[Show_duration_flood_level_m_(Water_Overlay)|SHOW_DURATION_FLOOD_LEVEL_M]]}}
| m
| The amount of water which must be present in a specific location before the duration of surface water can be recorded. This is used to compute the [[surface duration result type (Water Overlay)|SURFACE_DURATION]] result type.
|-
|
| {{anchor|SURFACE_WATER_EVAPORATION_FACTOR|[[Surface_water_evaporation_factor_(Water_Overlay)|SURFACE_WATER_EVAPORATION_FACTOR]]}}
| factor
| The factor by which the [[weather (Water Overlay)|weather]]'s evaporation factor is multiplied to compute the amount of [[surface evaporation formula (Water Overlay)|evaporation]] which takes place on the surface.
|-
|
| {{anchor|TIMEFRAMES|[[Timeframes_(Water_Overlay)|TIMEFRAMES]]}}
| integer
| The number of intermediate results recorded during the calculation. Each [[timeframe]] becomes a snapshot of data which can be viewed and analysed.
|}


{{WaterOverlay_model_attribute_nav}}
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab|Roboto:300');
[[Category:Water Module]]
 
/** TABLE CLASSES **/
.table {
  border:0 solid;
  border-collapse:collapse;
  border-spacing:0;
  font-size:.9230769231em;
  text-align:left;
  clear:none;
  position:relative;
  display:inline-block;
  vertical-align:top;
  margin:10px 10px;
  padding:0;
}
 
.table::after {
  content:"";
  position:absolute;
  width:100%;
  left:0;
  height:3px;
  background-image:url("/images/4/45/Shadow_after.png");
  background-size:100% 3px;
}
 
.table::after {
  bottom:-3px;
}
 
/* make table captions bold */
.table > caption { font-weight: bold }
 
/* this is a hack to add borders to IE8- */
.table > thead, .table > tbody { border:0 solid #aaa\0/ }
 
.table tr {
  border:1px solid #aaa\0/;
  text-align:left;
  border-color:#AAA;
}
 
/* and this removes them for IE9+ */
:root .table tr { border-top-width:0; border-bottom-width:0; }
 
.table > * > tr > :first-child { border-left:1px solid #AAA; }
.table > * > tr > :last-child { border-right:1px solid #AAA; }
 
.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption { border-bottom:1px solid #AAA; }
 
.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
  background-image:url("/images/c/cc/Infobox_header_overlay.png");
  background-color:#EEE;
  border-color:#AAA;
  padding:.5em;
}
 
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th {
  line-height:1.667em;
  padding:.25em .5em;
}
 
.table tr > th, .table[class*=center] tr { text-align:center; }
.table[class*=left] tr { text-align:left; }
.table[class*=right] tr { text-align:right; }
.table[class*=middle] tr { vertical-align:middle; }
.table[class*=top] tr { vertical-align:top; }
.table[class*=bottom] tr { vertical-align:bottom; }
 
.table > :first-child > tr:first-child,
.table > tbody > tr.heading {
  background-color:#EEE;
  border:1px solid #aaa!important;
}
 
.table > tbody > tr > th, .table > tfoot > tr > th {
  background-color:#E7E7E7;
  border-color:#AAA;
}
 
.table > tbody > tr:nth-child(odd) {
  background-color:#F3F3F3;
  border-color:#AAA;
}
 
.table > tbody,
.table > tbody > tr.heading,
.table > tbody > tr > [rowspan],
.table > tbody > tr > [colspan] { border:1px solid #AAA; }
 
.table > :first-child > tr:first-child + tr [rowspan],
.table > :first-child > tr:first-child + tr [colspan] { border-top-width:0; }
 
.table .line,
.table .line-bottom {
  border-bottom-width:1px!important;
  border-bottom-style:solid;
}
 
.table .line-top {
  border-top-width:1px!important;
  border-top-style:solid;
  border-top-color:#AAA;
}
 
.table .line-left {
  border-left-width:1px!important;
  border-left-style:solid;
  border-left-color:#AAA;
}
 
.table .line-right {
  border-right-width:1px!important;
  border-right-style:solid;
  border-right-color:#AAA;
}
 
.table table {
  background-color:transparent;
  padding:0;
  margin:0;
}
 
dl+table.table {
  margin-top: 0;
}
 
/** STDT table classes **/
/* any */
.table.any > :first-child > tr:first-child,
.table.any > :first-child > tr:first-child > *,
.table.any > tbody > tr.heading,
.table.any > tbody > tr.heading > * {
  background-color:#888 !important;
  border-color:#6D6D6D !important;
}
.table.any > tbody > tr > th,
.table.any > tfoot > tr > th,
.table.any > thead > tr > th,
table.table > tbody > tr.any > th {
  background-color:#CCC;
  border-color:#AAA;
}
.table.any > tbody > tr:nth-child(odd),
.table > tbody > tr.any:nth-child(odd) {
  background-color:#EEE;
}
 
/*Main page*/
/**MAIN PAGE STYLESHEET**/
 
table#mainpagenavigation {
/*border: 1px solid #000000;*/
box-shadow:rgba(0,0,0,0.25) 0 0 0.75em;
}
 
.page-Main_Page h1.firstHeading#firstHeading {
display:none;
}
 
#mainpagenavigation {
display:block;
border-collapse:collapse;
text-align:left
}
 
#mainpagenavigation th {
/*font-size:1.7692307692em;*/
font-size:20px;
color:#fff;
/*text-shadow:rgba(0,0,0,0.75) 0 0 .25em;*/
background-color:#4fb9cf;
font-weight:400;
height:48px;
text-align:center;
font-size-adjust:0.43
}
 
#mainpagenavigation th.header_sub {
height:24px;
}
 
#mainpagenavigation th h3{
font-size:25px;
padding-top:0px;
color:#fff;
 
background-color:#444;
font-weight:400;
height:48px;
text-align:center;
font-size-adjust:0.43
}
 
#mainpagenavigation td {
background-color:#fff;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffffffff);
background-image: linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -o-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -moz-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -webkit-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -ms-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bbb), color-stop(.02, #fff), color-stop(1, #fff));
/*height:250px;*/
}
 
#mainpagenavigation td.content {vertical-align:top;padding:.5em 1.5em;}
#mainpagenavigation td.separator {border-right:#aaa solid 1px}
 
/*Editing tags on the main page*/
#mainpagenavigation h5{
position:absolute;
margin-left:180px;
}
/*Main page (padding, not used)*/
/* body.page-Main_Page.ns-subject #content,body.page-Main_Page_editcopy.ns-subject #content {padding-left:1em;padding-right:1em}*/
 
 
/*Preview Main Page*/
.preview #mainpagenavigation th {
background-color: #f7bb4a;
}
 
/*Float the table of contents right*/
#toc { float: right; margin: 20px; }
.toctoggle { float: right; }
 
/*Header tweaks*/
.mw-body-content h3 {
    border-bottom: 1px solid #a2a9b1b0;
}
@media print {
    .mw-body-content h3 {
        border-bottom: none;
    }
}
 
.mw-body-content h4 {
font-size: 1.1em;
}
 
/* Style for horizontal lists (separator following item).
  IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
  @revision 6 (2014-05-09)
  @author [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ") ";
    font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
    content: ") ";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) " ";
    white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) " ";
}
 
/*Don't float the horizontal list by default*/
#toc.toc.hlist {
float:none;
}
 
/*learned things header*/
.learned_heading {
/*background-color:#d0eed0;*/
background-color:#c9f9ff;
background-color:#c9f9ffaa;
padding: 1px 1px 10px 12px;
}
 
/*General step box to indicate a location*/
.location_steps_box {
margin: 15px 0px;
margin-left: 1.6em;
}
.location_steps_box.basic .entry{
font-style: italic;
}
.location_steps_box.basic .entry i{
font-style: normal;
}
 
/*boxes with steps in the editor*/
.editor_location_box {
margin: 15px 0px;
}
.location_steps_box.editor_location_box {
margin-left: 1.6em;
}
 
 
 
.editor_steps_box {
display:inline-block;
border-style:dashed;
border-color:#808080;
background-color:#e4e4ee;
padding-right:40px;
margin-left:40px;
vertical-align:top;
margin-bottom:10px;
}
 
.editor_steps_box .editor_steps_title{
margin-left:20px;
}
 
.editor_steps_box_wrapper{
margin-left:40px;
}
 
.editor_steps_box_wrapper .editor_steps_box{
margin:0;
max-width:50%;
}
 
.editor_steps_box_wrapper .editor_steps_image {
display:inline;
}
 
.editor_steps_box_wrapper .editor_steps_image > div {
max-width:40%;
display:inline-block;
margin:0;
float:right;
clear:both;
}
 
/*Workaround because of applied width to style*/
.editor_steps_box_wrapper .editor_steps_image > div > div {
width:auto !important;
}
 
.editor_steps_box_wrapper .editor_steps_image img{
max-width:100%;
height:auto;
}
 
/*Support namespace styling*/
.ns-4500 #content, .ns-501 #content { background-color: #f3f3f3; }
.ns-4500 div.thumb, .ns-501 div.thumb { border-color: #f3f3f3; }
 
/*Infobox styling*/
/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox caption {
    font-size: larger;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
 
.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}
 
.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}
 
/* Styles for geography infoboxes, eg countries,
  country subdivisions, cities, etc.            */
.infobox.geography {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em;
    font-size: 90%;
}
 
.infobox.geography  td,
.infobox.geography  th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: solid 1px #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}
 
.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}
 
/* Code styling */
code{
    color:black;
    background-color:#f9f9f9;
    border:1px solid #ddd;
    border-radius:2px;
    padding:1px 4px
}
 
/*Infobox basic styling*/
.tygron-abox {
    width: 60%;
    margin: auto;
 
    background-color: #dddddd;
    border: 2px solid #bbbbbb;
    padding: 10px;
}
 
/*Page breaks*/
.pageBreakBlock {
    display:none;
}
@media print {
    .pageBreak {
        page-break-after: always;
    }
    .pageBreakBlock {
        display:block;
    }
    .printfooter {
        display:none;
    }
    #footer-info {
        display:none;
    }
}
 
/*Suppress selflinks*/
.noselflink a.mw-selflink.selflink {
    font-weight: normal;
}
 
/*Collapsible lists*/
.collapsible_list_container {
  display: flex;
  flex-direction: row;
}
.collapsible_list {
  flex-basis: 1px;
  flex-grow: 1
}
@media (max-width: 800px) {
  .collapsible_list_container {
    flex-direction: column;
  }
}
 
/* Navigation Boxes*/
div.nav {
  position:relative;
}
 
div.nav .box {
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
  background-image:linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-o-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-moz-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-webkit-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-ms-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee));
  border:1px solid #AAA;
  border-spacing:0;
  font-size:.9230769231em;
  min-height:60px;
  position:relative;
  margin:auto;
}
 
div.nav          .box { width:42em; }
div.nav.thin      .box { width:34em; }
div.nav.wide      .box { width:50em; }
div.nav.verywide  .box { width:unset; max-width:60em; }
div.nav.full      .box { width:unset; }
 
div.nav .heading {
  background-color:#888;
  background-image:url("/images/c/cc/Infobox_header_overlay.png") !important;
  border:1px solid rgba(0,0,0,0.25);
  border-bottom-width:0px;
  font-family:Arial, sans-serif!important;
  font-size:1.083em;
  font-size-adjust:.52;
  font-weight:700;
  line-height:100%;
  text-align:center;
  margin:-1px -1px 0px;
  padding:.769em 0;
  position:relative;
  z-index:1;
}
 
div.nav .clear {
  height:0.667em;
}
 
div.nav .box::after,
div.nav .heading::after {
  content:"";
  position:absolute;
  width:100%;
  left:0;
  height:3px;
  background-image:url("/images/5/5d/Boxshadow.png");
  background-size:100% 3px;
}
 
div.nav .box::after,
div.nav .heading::after {
  bottom:-3px;
}
 
div.nav .wrapper {
  padding: 0px 8px;
}
 
div.nav dl,
div.nav .wrapper.hlist > ul {
  margin:0.667em 0em;
}
 
div.nav dt {
  float:left;
  text-align:right;
  clear:left;
  border-right:2px solid #999;
  margin:0 -2px 0 0;
  padding:2px 8px 2px 0px;
  width:25%;
}
 
div.nav dd {
  float:left;
  text-align:left;
  border-left:2px solid #888;
  margin:0;
  padding:2px 0px 2px 8px;
  width:67%;
}
 
div.nav dt, div.nav dd {
  line-height:1.667em;
}
 
div.nav table {
  line-height:1.667em;
  background-color:transparent;
  border-collapse:collapse;
  width:100%;
  margin:0.667em 0;
}
 
div.nav table th {
  text-align:right;
  border-right:2px solid #888;
  vertical-align:top;
  padding:2px 8px;
}
 
div.nav table td {
  padding:2px 8px;
}
 
.nav .wrapper p {
  margin-top:0.667em;
  margin-bottom:0.667em;
}
 
div.nav .selflink {
  font-weight:bold;
}
 
/* Nav Items */
div.nav.items .heading { background-color:var(--fx-color-interface); }
div.nav.items .heatheading { background-color:#EC6050; }
div.nav.items.wide .currentheading { background-color:rgba(103, 145, 94,1); }
   
div.nav.items dd,
div.nav.items dt,
div.nav.items table th { border-color:var(--fx-color-interface); }
 
.table.items > :first-child > tr:first-child,
.table.items > :first-child > tr:first-child > *,
.table.items > tbody > tr.heading,
.table.items > tbody > tr.heading > * {
  background-color:#ffffff !important;
  border-color:var(--fx-color-interface) !important;
}
.table.items > tbody > tr > th,
.table.items > tfoot > tr > th,
.table.items > thead > tr > th,
table.table > tbody > tr.items > th {
  background-color:#ffffff;
  border-color:var(--fx-color-interface);
}
.table.items > tbody > tr:nth-child(odd),
.table > tbody > tr.items:nth-child(odd) {
  background-color:var(--fx-color-interface-row-odd);
}
 
/* Overlays */
.table.overlay > :first-child > tr:first-child,
.table.overlay > :first-child > tr:first-child > *,
.table.overlay > tbody > tr.heading,
.table.overlay > tbody > tr.heading > * {
  background-color:var(--fx-color-interface) !important;
}
.table.overlay > tbody > tr > th,
.table.overlay > tfoot > tr > th,
.table.overlay > thead > tr > th,
table.table > tbody > tr.overlay > th {
  background-color:var(--fx-color-interface);
}
.table.overlay > tbody > tr:nth-child(odd),
.table > tbody > tr.overlay:nth-child(odd) {
  background-color:var(--fx-color-interface-row-odd);
}
 
div.module-button{
  border:0px solid #AAA;
  border-spacing:0;
  border-radius:4px;
  font-size:1.5em;
  height:7em;
  width:8em;
  position:relative;
  margin:auto;
}
 
div.module-button .module-button-text{
  position: absolute;
  bottom: 5%;
  text-align: center;
  width: 100%;
  font-family: 'Roboto Slab', serif;
}
 
div.module-button-small{
  border:0px solid #AAA;
  border-spacing:0;
  border-radius:4px;
  font-size:0.5em;
  height:1em;
  width:1em;
  position:relative;
  margin:auto;
}
 
 
div.imagelink-white,
.imagelink-white {
  z-index:5;
}
div.imagelink-white p a,
.imagelink-white p a{
  color:white;
}
 
/* Matomo banner */
body .matomo-cookies-banner-container {
display:none;
}
 
body .matomo-cookies-banner-container-open {
background-color: rgba(0, 0, 0, 0.75);
}
 
body .matomo-cookies-banner-button {
border-radius: 3px;
box-shadow: none;
margin: 27px;
background-color: #7e7e7e;
}
 
body .matomo-cookies-banner-text-container > span {
color: white;
text-align: left;
margin: 5px;
}

Revision as of 13:50, 4 March 2020

/* CSS placed here will be applied to all skins */
:root{
   --fx-color-interface: rgba(79, 185, 207, 1);
   --fx-color-interface-active: rgba(94, 255, 255, 1);
   --fx-color-interface-highlight: rgba(177, 217, 217, 1);
   --fx-color-interface-row-odd: rgba(229, 248, 252, 1);

}

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab|Roboto:300');

/** TABLE CLASSES **/
.table {
  border:0 solid;
  border-collapse:collapse;
  border-spacing:0;
  font-size:.9230769231em;
  text-align:left;
  clear:none;
  position:relative;
  display:inline-block;
  vertical-align:top;
  margin:10px 10px;
  padding:0;
}

.table::after {
  content:"";
  position:absolute;
  width:100%;
  left:0;
  height:3px;
  background-image:url("/images/4/45/Shadow_after.png");
  background-size:100% 3px;
}

.table::after {
  bottom:-3px;
}

/* make table captions bold */
.table > caption { font-weight: bold }

/* this is a hack to add borders to IE8- */
.table > thead, .table > tbody { border:0 solid #aaa\0/ }

.table tr {
  border:1px solid #aaa\0/;
  text-align:left;
  border-color:#AAA;
}

/* and this removes them for IE9+ */
:root .table tr { border-top-width:0; border-bottom-width:0; }

.table > * > tr > :first-child { border-left:1px solid #AAA; }
.table > * > tr > :last-child { border-right:1px solid #AAA; }

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption { border-bottom:1px solid #AAA; }

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
  background-image:url("/images/c/cc/Infobox_header_overlay.png");
  background-color:#EEE;
  border-color:#AAA;
  padding:.5em;
}

.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th {
  line-height:1.667em;
  padding:.25em .5em;
}

.table tr > th, .table[class*=center] tr { text-align:center; }
.table[class*=left] tr { text-align:left; }
.table[class*=right] tr { text-align:right; }
.table[class*=middle] tr { vertical-align:middle; }
.table[class*=top] tr { vertical-align:top; }
.table[class*=bottom] tr { vertical-align:bottom; }

.table > :first-child > tr:first-child,
.table > tbody > tr.heading {
  background-color:#EEE;
  border:1px solid #aaa!important;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
  background-color:#E7E7E7;
  border-color:#AAA;
}

.table > tbody > tr:nth-child(odd) {
  background-color:#F3F3F3;
  border-color:#AAA;
}

.table > tbody,
.table > tbody > tr.heading,
.table > tbody > tr > [rowspan],
.table > tbody > tr > [colspan] { border:1px solid #AAA; }

.table > :first-child > tr:first-child + tr [rowspan],
.table > :first-child > tr:first-child + tr [colspan] { border-top-width:0; }

.table .line,
.table .line-bottom {
  border-bottom-width:1px!important;
  border-bottom-style:solid;
}

.table .line-top {
  border-top-width:1px!important;
  border-top-style:solid;
  border-top-color:#AAA;
}

.table .line-left {
  border-left-width:1px!important;
  border-left-style:solid;
  border-left-color:#AAA;
}

.table .line-right {
  border-right-width:1px!important;
  border-right-style:solid;
  border-right-color:#AAA;
}

.table table {
  background-color:transparent;
  padding:0;
  margin:0;
}

dl+table.table {
  margin-top: 0;
}

/** STDT table classes **/
/* any */
.table.any > :first-child > tr:first-child,
.table.any > :first-child > tr:first-child > *,
.table.any > tbody > tr.heading,
.table.any > tbody > tr.heading > * {
  background-color:#888 !important;
  border-color:#6D6D6D !important;
}
.table.any > tbody > tr > th,
.table.any > tfoot > tr > th,
.table.any > thead > tr > th,
table.table > tbody > tr.any > th {
  background-color:#CCC;
  border-color:#AAA;
}
.table.any > tbody > tr:nth-child(odd),
.table > tbody > tr.any:nth-child(odd) {
  background-color:#EEE;
}

/*Main page*/
/**MAIN PAGE STYLESHEET**/

table#mainpagenavigation {
	/*border: 1px solid #000000;*/
	box-shadow:rgba(0,0,0,0.25) 0 0 0.75em;
}

.page-Main_Page h1.firstHeading#firstHeading {
display:none;
}

#mainpagenavigation {
display:block;
border-collapse:collapse;
text-align:left
}

#mainpagenavigation th {
/*font-size:1.7692307692em;*/
font-size:20px;
color:#fff;
/*text-shadow:rgba(0,0,0,0.75) 0 0 .25em;*/
background-color:#4fb9cf;
font-weight:400;
height:48px;
text-align:center;
font-size-adjust:0.43
}

#mainpagenavigation th.header_sub {
height:24px;
}

#mainpagenavigation th h3{
font-size:25px;
padding-top:0px;
color:#fff;

background-color:#444;
font-weight:400;
height:48px;
text-align:center;
font-size-adjust:0.43
}

#mainpagenavigation td {
background-color:#fff;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffffffff);
background-image: linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -o-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -moz-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -webkit-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -ms-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bbb), color-stop(.02, #fff), color-stop(1, #fff));
/*height:250px;*/
}

#mainpagenavigation td.content {vertical-align:top;padding:.5em 1.5em;}
#mainpagenavigation td.separator {border-right:#aaa solid 1px}

/*Editing tags on the main page*/
#mainpagenavigation h5{
position:absolute;
margin-left:180px;
}
/*Main page (padding, not used)*/
/* body.page-Main_Page.ns-subject #content,body.page-Main_Page_editcopy.ns-subject #content {padding-left:1em;padding-right:1em}*/


/*Preview Main Page*/
.preview #mainpagenavigation th {
background-color: #f7bb4a;
}

/*Float the table of contents right*/
#toc { float: right; margin: 20px; }
.toctoggle { float: right; }

/*Header tweaks*/
.mw-body-content h3 {
    border-bottom: 1px solid #a2a9b1b0;
}
@media print {
    .mw-body-content h3 {
        border-bottom: none;
    }
}

.mw-body-content h4 {
 font-size: 1.1em;
}

/* Style for horizontal lists (separator following item).
   IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 6 (2014-05-09)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ") ";
    font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
    content: ") ";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) " ";
    white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) " ";
}

/*Don't float the horizontal list by default*/
#toc.toc.hlist {
float:none;
}

/*learned things header*/
.learned_heading {
/*background-color:#d0eed0;*/
background-color:#c9f9ff;
background-color:#c9f9ffaa;
padding: 1px 1px 10px 12px;
}

/*General step box to indicate a location*/
.location_steps_box {
margin: 15px 0px;
margin-left: 1.6em;
}
.location_steps_box.basic .entry{
font-style: italic;
}
.location_steps_box.basic .entry i{
font-style: normal;
}

/*boxes with steps in the editor*/
.editor_location_box {
margin: 15px 0px;
}
.location_steps_box.editor_location_box {
margin-left: 1.6em;
}



.editor_steps_box {
display:inline-block;
border-style:dashed;
border-color:#808080;
background-color:#e4e4ee;
padding-right:40px;
margin-left:40px;
vertical-align:top;
margin-bottom:10px;
}

.editor_steps_box .editor_steps_title{
 margin-left:20px;
}

.editor_steps_box_wrapper{
margin-left:40px;
}

.editor_steps_box_wrapper .editor_steps_box{
margin:0;
max-width:50%;
}

.editor_steps_box_wrapper .editor_steps_image {
display:inline;
}

.editor_steps_box_wrapper .editor_steps_image > div {
max-width:40%;
display:inline-block;
margin:0;
float:right;
clear:both;
}

/*Workaround because of applied width to style*/
.editor_steps_box_wrapper .editor_steps_image > div > div {
width:auto !important;
}

.editor_steps_box_wrapper .editor_steps_image img{
max-width:100%;
height:auto;
}

/*Support namespace styling*/
.ns-4500 #content, .ns-501 #content { background-color: #f3f3f3; }
.ns-4500 div.thumb, .ns-501 div.thumb { border-color: #f3f3f3; }

/*Infobox styling*/
/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox caption {
    font-size: larger;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}

.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}

.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}

/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em; 
    font-size: 90%;
}

.infobox.geography  td,
.infobox.geography  th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: solid 1px #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}

/* Code styling */
code{
    color:black;
    background-color:#f9f9f9;
    border:1px solid #ddd;
    border-radius:2px;
    padding:1px 4px
}

/*Infobox basic styling*/
.tygron-abox {
    width: 60%;
    margin: auto;

    background-color: #dddddd;
    border: 2px solid #bbbbbb;
    padding: 10px;
}

/*Page breaks*/
.pageBreakBlock {
    display:none;
}
@media print {
    .pageBreak {
        page-break-after: always;
    }
    .pageBreakBlock {
        display:block;
    }
    .printfooter {
        display:none;
    }
    #footer-info {
        display:none;
    }
}

/*Suppress selflinks*/
.noselflink a.mw-selflink.selflink {
    font-weight: normal;
}

/*Collapsible lists*/
.collapsible_list_container {
  display: flex;
  flex-direction: row;
}
.collapsible_list {
  flex-basis: 1px;
  flex-grow: 1
}
@media (max-width: 800px) {
  .collapsible_list_container {
    flex-direction: column;
  }
}

/* Navigation Boxes*/
div.nav {
  position:relative;
}

div.nav .box {
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
  background-image:linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-o-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-moz-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-webkit-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-ms-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee));
  border:1px solid #AAA;
  border-spacing:0;
  font-size:.9230769231em;
  min-height:60px;
  position:relative;
  margin:auto;
}

div.nav           .box { width:42em; }
div.nav.thin      .box { width:34em; }
div.nav.wide      .box { width:50em; }
div.nav.verywide  .box { width:unset; max-width:60em; }
div.nav.full      .box { width:unset; }

div.nav .heading {
  background-color:#888;
  background-image:url("/images/c/cc/Infobox_header_overlay.png") !important;
  border:1px solid rgba(0,0,0,0.25);
  border-bottom-width:0px;
  font-family:Arial, sans-serif!important;
  font-size:1.083em;
  font-size-adjust:.52;
  font-weight:700;
  line-height:100%;
  text-align:center;
  margin:-1px -1px 0px;
  padding:.769em 0;
  position:relative;
  z-index:1;
}

div.nav .clear {
  height:0.667em;
}

div.nav .box::after,
div.nav .heading::after {
  content:"";
  position:absolute;
  width:100%;
  left:0;
  height:3px;
  background-image:url("/images/5/5d/Boxshadow.png");
  background-size:100% 3px;
}

div.nav .box::after,
div.nav .heading::after {
  bottom:-3px;
}

div.nav .wrapper {
  padding: 0px 8px;
}

div.nav dl,
div.nav .wrapper.hlist > ul {
  margin:0.667em 0em;
}

div.nav dt {
  float:left;
  text-align:right;
  clear:left;
  border-right:2px solid #999;
  margin:0 -2px 0 0;
  padding:2px 8px 2px 0px;
  width:25%;
}

div.nav dd {
  float:left;
  text-align:left;
  border-left:2px solid #888;
  margin:0;
  padding:2px 0px 2px 8px;
  width:67%;
}

div.nav dt, div.nav dd {
  line-height:1.667em;
}

div.nav table {
  line-height:1.667em;
  background-color:transparent;
  border-collapse:collapse;
  width:100%;
  margin:0.667em 0;
}

div.nav table th {
  text-align:right;
  border-right:2px solid #888;
  vertical-align:top;
  padding:2px 8px;
}

div.nav table td {
  padding:2px 8px;
}

.nav .wrapper p {
  margin-top:0.667em;
  margin-bottom:0.667em;
}

div.nav .selflink {
  font-weight:bold;
}

/* Nav Items */
div.nav.items .heading { background-color:var(--fx-color-interface); }
div.nav.items .heatheading { background-color:#EC6050; }
div.nav.items.wide .currentheading { background-color:rgba(103, 145, 94,1); }
    
div.nav.items dd,
div.nav.items dt,
div.nav.items table th { border-color:var(--fx-color-interface); }

.table.items > :first-child > tr:first-child,
.table.items > :first-child > tr:first-child > *,
.table.items > tbody > tr.heading,
.table.items > tbody > tr.heading > * {
  background-color:#ffffff !important;
  border-color:var(--fx-color-interface) !important;
}
.table.items > tbody > tr > th,
.table.items > tfoot > tr > th,
.table.items > thead > tr > th,
table.table > tbody > tr.items > th {
  background-color:#ffffff;
  border-color:var(--fx-color-interface);
}
.table.items > tbody > tr:nth-child(odd),
.table > tbody > tr.items:nth-child(odd) {
  background-color:var(--fx-color-interface-row-odd);
}

/* Overlays */
.table.overlay > :first-child > tr:first-child,
.table.overlay > :first-child > tr:first-child > *,
.table.overlay > tbody > tr.heading,
.table.overlay > tbody > tr.heading > * {
  background-color:var(--fx-color-interface) !important;
}
.table.overlay > tbody > tr > th,
.table.overlay > tfoot > tr > th,
.table.overlay > thead > tr > th,
table.table > tbody > tr.overlay > th {
  background-color:var(--fx-color-interface);
}
.table.overlay > tbody > tr:nth-child(odd),
.table > tbody > tr.overlay:nth-child(odd) {
  background-color:var(--fx-color-interface-row-odd);
}

div.module-button{
  border:0px solid #AAA;
  border-spacing:0;
  border-radius:4px;
  font-size:1.5em;
  height:7em;
  width:8em;
  position:relative;
  margin:auto;
}

div.module-button .module-button-text{
  position: absolute; 
  bottom: 5%;
  text-align: center;
  width: 100%;
  font-family: 'Roboto Slab', serif;
}

div.module-button-small{
  border:0px solid #AAA;
  border-spacing:0;
  border-radius:4px;
  font-size:0.5em;
  height:1em;
  width:1em;
  position:relative;
  margin:auto;
}


div.imagelink-white,
.imagelink-white {
  z-index:5;
}
div.imagelink-white p a,
.imagelink-white p a{
  color:white;
}

/* Matomo banner */
body .matomo-cookies-banner-container {
 display:none;
}

body .matomo-cookies-banner-container-open {
 background-color: rgba(0, 0, 0, 0.75);
}

body .matomo-cookies-banner-button {
 border-radius: 3px;
 box-shadow: none;
 margin: 27px;
 background-color: #7e7e7e;
}

body .matomo-cookies-banner-text-container > span {
 color: white;
 text-align: left;
 margin: 5px;
}