MediaWiki:Common.css and Plant functional types and natural land cover types: Difference between pages

From IMAGE
(Difference between pages)
Jump to navigation Jump to search
No edit summary
 
No edit summary
 
Line 1: Line 1:
<nowiki>Insert non-formatted text here</nowiki>/* CSS placed here will be applied to all skins */
__NOEDITSECTION__<div style="width: 35%;float: left">
'''LPJmL plant functional types (PFTs) '''


/** external settings to make invisible the login, page/talk part and read/view..... part
'''Tree PFTs:'''
div#pt-login{
* Tropical (trop)
    background-color: #afafaf;
** 1. tropical broad-leaved evergreen;
    visibility: hidden;
** 2. tropical broad-leaved raingreen;
}
* Temperate (tem)
** 3. temperate needle-leaved evergreen;
** 4. temperate broad-leaved evergreen;
** 5. temperate broad-leaved summer green;
* Boreal (bor)
** 6. boreal summer green;
** 7. boreal needle-leaved evergreen;
'''Grass  PFTs:'''
* 8. C3 herbaceous;<br/>
* 9. C4 herbaceous.</div><div style="width:35%";float: left>
</div><div style="width: 35%;float: left">
'''IMAGE Natural land cover types (biomes)'''
* Ice
* Tundra
* Wooded tundra
* Boreal forest
* Cool coniferous forest
* Temperate mixed forest
* Temperate deciduous forest
* Warm mixed forest
* Grassland and steppe
* Hot desert
* Scrubland
* Savanna
* Tropical woodland
* Tropical forest
</div>
<div class="container"><div class="page_standard">
==Biome classification==
Natural vegetation types (biomes) are classified based on the area shares of the plant functional types ({{AbbrTemplate|PFT}})s and their foliage projected cover (FPC); the mean temperature; and [[NPP (net primary production) - grid|net primary production (NPP)]] according to the flowchart below.
</div></div>
{{DisplayFigureLeftOptimalTemplate|PFT to NLCT}}


#p-views{
[[Category:Glossary]]
visibility: hidden;
}
 
 
/** global style **/
html,body {
}
 
.vectorTabs{
    display: none;
}
/** width of screen 1106px,content 930px, navigation panel width: 176px **/
 
div#mw-page-base {
    height: 10em;
    width: 1106px;
    margin: auto;
    background-color: #ffffff;
    background-image:url();
}
div#mw-head-base {
    width: 930px;
    background-color: #ffffff;
    margin: 0 auto;
    padding: 0 0 0 176px;
}
 
div#mw-navigation  {
    width: 1106px; 
    margin: auto;
}
 
.mw-wiki-logo {
    visibility: hidden; 
}
 
div#mw-head {
    width: 930px;
    right: auto;
    margin-left: 176px;
    background-color: #ffffff;
}
 
div#content {
    width: 900px;
    padding: 10px 15px 10px 191px;
    margin: auto;
    border-style: none;
}
 
#p-personal {
    top: 0;
    right: 0px;
    width: 1106px;
    padding: 0.33em 0;
    background-color: #f3f5f6;
}
#p-personal ul {
    float: right;
}
#p-personal li {
    margin-right: 1em;
}
#p-personal::after {
    position: absolute;
    top: 30px;
    width: 1106px;
    content: url("images/pbl-header-background.png");
    text-align: center;
    background-color: white;
}
 
div#left-navigation {
    position: absolute;
    top: 190px;
    left: 0;
    margin: 0;
}
 
div#left-navigation::before {
  position: absolute;
  content: url("images/IMAGE-header.png");
  top: -70px;
  left: -178px;
  z-index: 1;
}
 
div#right-navigation {
    position: absolute;
    top: 190px;
    right: 1px;
    margin: 0;
}
 
div#p-search {
    position: absolute;
    top: -43px;
    right: 0;
    margin: 0 16px 0 0;
    z-index: 2;
}
 
div#mw-panel {
    width: 10em;
    padding-right: 7px;
    font-size:100%;
    top: 280px;
    left: auto;
    right: auto;
    border-right-style: solid;
    border-width: 1px;
    border-color: #ffffff; /*#a7d7f9;*/
}
 
div#p-logo {
    width: 0px;
    height: 0px;
}
 
div#footer {
    width: 900px;
    padding: 10px 15px 0px 191px;
    margin: 0 auto 2em auto;
    border-style: none;
    background-color: #ffffff;
}
 
#footer-icons ul{
    position: relative:
    top: -28px;
}
 
div#footer::after{
  display: block;
  content: " ";
  height: 24px;
  width: 45px;
  background-color: #154273;
  margin: 2px 428px 0 428px;
 
}
 
div#footer #footer-icons li{
    margin: 0 auto;
    float: none;
}
 
body {
background:#f3f5f6;
}
 
a {
color: #154273;
}
 
a:visited {
color: #696969;
}
 
 
blockquote {
  font-size: 95%;
  margin-left: 5px;
  padding: 10px;
  border: 1px solid #d6d6d6;
  background-color: #f6f6f6;
  border-radius: 5px;
}
 
.mw-body-content {
    font-size: 0.750em;
    line-height: 1.64em;
    min-height: 500px;
}
 
 
#firstHeading {
    font-size: 1.5em;
    color: #007bc7;
    border-bottom-style: none;
  font-family: Arial, Verdana, sans-serif;
font-weight: normal;
margin-bottom: 0.6em;
margin-top: 1em;
}
 
/** content styles **/
.mw-content-ltr {
    font-family: Verdana, Arial, sans-serif;
    border: none;
}
 
.mw-content-ltr ul li {
  font-size: 95%;
list-style-image: url(images/bullet.png);
}
 
.mw-content-ltr ol li {
  font-size: 95%;
}
 
.mw-content-ltr h2, .mw-content-ltr h3 , .mw-content-ltr h4{
  font-family: Verdana;
  font-weight: bold;
  color: #000;
  border-bottom-style: none;
  margin-bottom: 0px;
  margin-top: 1em;
  padding-top: 0em;
}
.mw-content-ltr h2{
  font-size: 1.3em;
}
 
.mw-content-ltr h3, .mw-content-ltr h4{
  font-size: 1.1em;/
}
 
.mw-content-ltr > ul , .mw-content-ltr > ol{
  margin-left: 1.6em;
}
.mw-content-ltr table {
  font-size: 95%;
}
 
.mw-content-ltr table th {
  text-align: left;
  padding-left: 10px;
}
 
.mw-content-ltr table li, .mw-content-ltr table ol{
  margin-left: 1.2em;
}
 
.mw-content-ltr div.thumbinner {
  border: none;
}
 
 
 
#toc,.toc {
background-color: #FFFFFF;
}
 
/** the table of content parts of the pages (top_container) **/
#toc,
.mw-content-ltr .toc {
  float: left;
  width: 33%;
  border: none;
}
 
.mw-content-ltr .toc ol{
  margin-left: 1.2em;
}
 
.mw-content-ltr .toc p{
  display: inline;
  margin-top: 0px;
}
 
#toc .toc , #toc #toctitle{
  margin-left: 0em;
  text-align: left; 
}
/* indentation of levels in toc */
.mw-content-ltr .toc ul ul{
  margin-left: 1em;
}
 
/** image wiki layout  elements **/
.top_container {
}
 
.container {
  clear: both;
}
/* a component page consists of a text part (page_standard) and infobox part*/
.page_standard {
  width: 70%;
}
 
.clearleft {
  clear: left;
}
.clearboth {
  clear: both;
}
.clearright {
  clear: right;
}
 
.table70 {
  width: 70%;
}
 
/* INFOBOX */
 
.InfoBoxStyle {
border: solid 1px #d6d7b2;
    border-spacing: 0px;
    width:250px;
    background-color:#ebebd9;
    margin:0.5em 0.0em 0.5em 0.5em;
}
 
.InfoBoxStyle td {
  padding-left: 1em;   
}
 
.InfoBoxStyle p{
  margin-top: 0px;   
  margin-bottom: 0px;     
}
 
.InfoBoxStyle ul {
  margin: 0px 0px 0px -5px;
}
 
.InfoBoxCellStyleTemplate {
  text-align: left;
  background-color: #d6d7b2;
  color: black;
  vertical-align: top;
  padding-bottom: 2px;
  padding-top: 1px;
  padding-right: 1em;
  font-weight: bold;
  font-size: 95%;
}
 
.InfoBoxTemplateClear {
float:right;
clear:right;
}
 
/* pbl table analog to the pbl website
pbl table has a 'dark' header and 'lighter' rows
width is not specified
*/
.mw-content-ltr .pbltable {
  border-collapse: separate;
  border-spacing: 1px;
  background-color: transparent;
}
 
.mw-content-ltr .pbltable th {
  background-color: #d6d7b2;
  border-bottom: 0px solid black;
  border-top: 0px solid black;
  padding: 5px;
}
 
.mw-content-ltr .pbltable td {
  background-color: #ebebd9;
  padding: 5px;
}
 
/* StandardTable style
this table has a dark header and first column
width is 100%
*/
.StandardTable {
  width:100%;
  table-layout: fixed;
  margin-bottom:20px;
  border-spacing: 1px;
}
 
.StandardTableHeaderRow {
background-color: #d6d7b2;
border-bottom: 0px solid black;
border-top: 0px solid black;
    padding:5px 10px 5px 10px;
    text-align:center;
}
 
.StandardTableRow {
border-bottom: 0px solid grey;
    vertical-align: top;
    padding:5px 10px 5px 10px;
}
 
.StandardTableRow>.StandardTableCell:first-child
{
background-color: #d6d7b2;
}
 
.StandardTableRow>.StandardTableCell
{
background-color: #ebebd9;
}
.StandardTableCell {
  padding:5px 10px 5px 10px;
}
 
.StandardTableCell  ul , .StandardTableCell  ol {
  margin: 0px 0px 0px 0px;
}
 
/** table to display properties of a category **/
.PageWidthTableTemplate {
  border:solid 1px;
  width:100%;
  color:black;
  background-color:#EBEBD9;
  padding:2px;
  text-align:left;
} /* TODO CHECK table spacing=2 */
 
.PageWidthTableFirstCell {
  display: table-cell;
  vertical-align:top; 
  padding: 3px 6px 1px 1px;
  width:25%;
}
 
.PageWidthTableRemainderCell {
  display: table-cell; 
  vertical-align:top;
  padding: 3px 6px 1px 1px;
}
 
.PageWidthTableTemplate p {
  margin: 0;
}
/** figures **/
/*
.page_standard .thumb.tright {
  position: relative;
  right: -261px;
  float: right;
  margin-left: -240px;
}
*/
.mw-content-ltr .thumbcaption {
  font-size: x-small;
  color: #555;
}
/* tright : floated thumbnails */
div.tright {
  margin-top: 0px;
}
 
.thumbcaption.dark {
  color: #000;
  font-weight: bold;
}
div.thumbinner, .catlinks, .mw-warning {
background-color: #FFFFFF;
}
 
.catlinks {
  font-size: small;
  border: 1px solid #DDD;
}
 
/* version css */
div.version::after{
    background-color: #777c00;
    padding: 3px;
    color:#ebebd9;
    font-weight:bold;
    font-size: 8px;
}
div.version::before{
    background-color: #777c00;
    padding: 3px;
    color:#ebebd9;
    font-weight:bold;
    font-size: 8px;
}
 
div.changev31::after{
    content: "---";
}
div.changev31::before{
    content: "Change v3.1";
}
div.newv31::after{
    content: "---";
}
div.newv31::before{
    content: "New v3.1";
}

Latest revision as of 12:45, 17 May 2018

LPJmL plant functional types (PFTs)

Tree PFTs:

  • Tropical (trop)
    • 1. tropical broad-leaved evergreen;
    • 2. tropical broad-leaved raingreen;
  • Temperate (tem)
    • 3. temperate needle-leaved evergreen;
    • 4. temperate broad-leaved evergreen;
    • 5. temperate broad-leaved summer green;
  • Boreal (bor)
    • 6. boreal summer green;
    • 7. boreal needle-leaved evergreen;

Grass PFTs:

  • 8. C3 herbaceous;
  • 9. C4 herbaceous.

IMAGE Natural land cover types (biomes)

  • Ice
  • Tundra
  • Wooded tundra
  • Boreal forest
  • Cool coniferous forest
  • Temperate mixed forest
  • Temperate deciduous forest
  • Warm mixed forest
  • Grassland and steppe
  • Hot desert
  • Scrubland
  • Savanna
  • Tropical woodland
  • Tropical forest

Biome classification

Natural vegetation types (biomes) are classified based on the area shares of the plant functional types (PFT)s and their foliage projected cover (FPC); the mean temperature; and net primary production (NPP) according to the flowchart below.


Flowchart for the classification of natural land cover types (biomes) based on of plant functional types
Natural land cover type (biome) classification from area shares of individual Plant Functional Types (PFT)s (expresses as foliage projected cover, FPC) and mean annual temperature (Tmean). Subscripts of FPC refer to individual PFTs (1: tropical broadleaved evergreen, 2: tropical broadleaved raingreen, 3: temperate needleleaved evergreen, 4: temperate broadleaved evergreen, 5: temperate broadleaved summergreen, 6: boreal summergreen, 7: boreal needleleaved evergreen, 8: C3 herbaceous, 9: C4 herbaceous), tropical PFTs (“trop”) are PFTs 1 and 2, temperate PFTs (“temp”) are PFTs 3-5, boreal PFTS (“bor”) are PFTs 6 and 7, tree PFTs (“tree”) are PFTs 1-7, grass PFTs are PFTs 8 and 9.
Retrieved from "https://models.pbl.nl/index.php?title=MediaWiki:Common.css&oldid=33240"