Difference between pages "Welcome to IMAGE 3.2 Documentation" and "MediaWiki:Common.css"

From IMAGE
(Difference between pages)
Jump to: navigation, search
 
 
Line 1: Line 1:
__NOTOC__
+
<nowiki>Insert non-formatted text here</nowiki>/* CSS placed here will be applied to all skins */
[[File:Logo.png|left|link=|alt=IMAGE logo]]__NOEDITSECTION__
 
==IMAGE 3 Documentation==
 
IMAGE is an Integrated Model to Assess the Global Environment.
 
  
The IMAGE model is developed by the IMAGE team under the authority of PBL Netherlands Environmental Assessment Agency.
+
/** external settings to make invisible the login, page/talk part and read/view..... part
 +
div#pt-login{
 +
    background-color: #afafaf;
 +
    visibility: hidden;
 +
}
  
===What is IMAGE?===
+
#p-views{
IMAGE is an ecological-environmental framework that simulates the environmental consequences of human activities worldwide. It represents interactions between society, the biosphere and the climate system to assess sustainability issues like climate change, biodiversity and human well-being. The objective of the version of IMAGE described here (version {{#show:CurrentVersion |?HasCurrentVersion}} released in 2013) is to explore the long-term dynamics and impacts of global change as the result of interacting demographic, technological, economic, social, cultural and political factors.
+
visibility: hidden;
 +
}
  
===Navigate through the site ===
 
* [[IMAGE_framework introduction|Introduction]] to framework and Integrated Assessment Modelling.
 
* [[IMAGE framework summary|Framework summary]] of drivers, models, impacts and policy responses.
 
* [[Framework_overview|Framework overview]] links to all components,e.g. drivers, core models, impact models and policy responses.
 
* [[Policy_interventions_overview|Policy interventions overview]] links to policy interventions pages of the models.
 
* [[Dataflow overview|Dataflow overview]] links to the input/output and models
 
* [[Applications_overview|Projects/applications overview]] links to projects where IMAGE framework has been applied.
 
  
===Availability of data results from the framework===
+
/** global style **/
We publish a viewer that gives access to resulting scenario indicators (>200) of some projects. See the [[Download]] page.
+
html,body {
 +
}
  
At IIASA [[URL to database]] IMAGE scenario results are part of the model set. At this site you can view and compare many indicators.
+
.vectorTabs{
 +
    display: none;
 +
}
 +
/** width of screen 1106px,content 930px, navigation panel width: 176px **/
  
===Availability of models===
+
div#mw-page-base {
Most of the models are not available as downloadable software at the moment. They are too complex and rely on use by experts.
+
    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;
 +
}
  
===The IMAGE 3.0 book===
+
div#mw-navigation  {
The [[IMAGE 3.0 book]] is the origin of the content of this site. On this site we extend and actualise the information on IMAGE framework.
+
    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";
 +
}

Revision as of 14:47, 25 April 2018

<nowiki>Insert non-formatted text here</nowiki>/* CSS placed here will be applied to all skins */

/** external settings to make invisible the login, page/talk part and read/view..... part 
div#pt-login{
    background-color: #afafaf;
    visibility: hidden;
}

#p-views{
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";
}