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__ __NOEDITSECTION__
+
<nowiki>Insert non-formatted text here</nowiki>/* CSS placed here will be applied to all skins */
[[File:Logo.png|left|link=|alt=IMAGE logo]]
 
IMAGE is an Integrated Model to Assess the Global Environment.
 
  
<p>The IMAGE model has been developed by the [[Colophon|IMAGE team]] under the authority of [http://www.pbl.nl/en PBL Netherlands Environmental Assessment Agency.]</p>
+
/** external settings to make invisible the login, page/talk part and read/view..... part
: See What's new in IMAGE 3.0]] and  [[IMAGE strategy for the 2015-2020 period]].
+
div#pt-login{
 +
    background-color: #afafaf;
 +
    visibility: hidden;
 +
}
  
===What is IMAGE?===
+
#p-views{
IMAGE is an ecological-environmental model 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 such as climate change, biodiversity and human well-being. The objective of the IMAGE model (version {{#show:IMAGEversion |?HasCurrentVersion}}, released in 2014) is to explore the long-term dynamics and impacts of global changes that result from interacting demographic, technological, economic, social, cultural and political factors.
+
visibility: hidden;
 +
}
  
===Navigate the website ===
 
''To become acquainted with the IMAGE framework:''
 
* [[IMAGE_framework introduction|Introduction]] to the framework and Integrated Assessment Modelling.
 
* [[IMAGE framework summary|Framework summary]] of drivers, models, impacts and policy responses.
 
''Policy-related pages:''
 
*[[Climate policy]], [[Air pollution and energy policies]] and [[Land and biodiversity policies]] comprise the policy response components.
 
* [[Policy_interventions_overview|Policy interventions overview]] provides access to the ''Policy issues'' pages of the models.
 
*[[Applications|Projects/applications overview]] links to projects in which the IMAGE framework has been applied.
 
''Model-related pages:''
 
* [[Framework_overview|Model components overview]] links to all components (e.g. drivers, core models, impact models and policy responses).
 
* [[Dataflow overview|Data flow overview]] links to the input/output of all components.
 
''Assessment-related pages:''
 
* [[Applications]]
 
  
===Availability of data results ===
+
/** global style **/
* The [[Download]] page explains how to download and use the User Support System (USS) for IMAGE scenarios. USS is a viewer showing the scenario indicators (>200) of a number of projects.
+
html,body {
* At IIASA ([http://tntcat.iiasa.ac.at/RcpDb/dsd?Action=htmlpage&page=welcome RCP Database (version 2.0)]) the IMAGE scenario results are part of the model set. At this website many indicators can be viewed and compared.
+
}
  
===Availability of models===
+
.vectorTabs{
Most of the models, currently, are not available as downloadable software. They are too complex and require expert use.
+
    display: none;
 +
}
 +
/** width of screen 1106px,content 930px, navigation panel width: 176px **/
  
===The IMAGE 3.0 book===
+
div#mw-page-base {
The contents of this website originates from the [http://www.pbl.nl/en/publications/integrated-assessment-of-global-environmental-change-with-IMAGE-3.0 IMAGE 3.0 book]. The website extends and actualises all information on the IMAGE framework.
+
    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;
 +
}
  
[[Category:Generic]]
+
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";
 +
}

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";
}