Difference between revisions of "MediaWiki:Common.css"
Oostenrijr (talk | contribs) |
Oostenrijr (talk | contribs) |
||
Line 12: | Line 12: | ||
.vectorTabs{ | .vectorTabs{ | ||
− | + | display: none; | |
} | } | ||
/** global style **/ | /** global style **/ |
Revision as of 14:45, 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;
}
.vectorTabs{
display: none;
}
/** 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";
}