Download and MediaWiki:Common.css: Difference between pages

Revision as of 15:24, 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;
}
div#p-namespaces{
    background-color: #afafaf;
    visibility: hidden;
}
#p-views{
visibility: hidden;
}


/** global style **/
html,body {
}

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