Form:PolicyInterventionForm and MediaWiki:Common.css: Difference between pages
(Difference between pages)
Jump to navigation
Jump to search
No edit summary |
Oostenrijr (talk | contribs) No edit summary |
||
Line 1: | Line 1: | ||
< | <nowiki>Insert non-formatted text here</nowiki>/* CSS placed here will be applied to all skins */ | ||
/** global style **/ | |||
html,body { | |||
} | |||
/** external settings to hide the login, page/talk part and read/view..... part | |||
transclusion of this part does not work for this page, so use comment/uncomment to disable (public)/enable (intern) the following css | |||
li#pt-login{ | |||
visibility: hidden; | |||
} | |||
.vectorMenu{ | |||
display: none; | |||
} | |||
.vectorTabs{ | |||
display: none; | |||
} | |||
end external css **/ | |||
/** 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; */ | |||
/* disabled, enable when in transition during wikiweeks? */ | |||
/* | |||
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 13:18, 15 November 2018
<nowiki>Insert non-formatted text here</nowiki>/* CSS placed here will be applied to all skins */ /** global style **/ html,body { } /** external settings to hide the login, page/talk part and read/view..... part transclusion of this part does not work for this page, so use comment/uncomment to disable (public)/enable (intern) the following css li#pt-login{ visibility: hidden; } .vectorMenu{ display: none; } .vectorTabs{ display: none; } end external css **/ /** 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; */ /* disabled, enable when in transition during wikiweeks? */ /* 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"; } */