Difference between pages "Welcome to IMAGE 3.2 Documentation" and "MediaWiki:Common.css"
(Difference between pages)
Oostenrijr (talk | contribs) |
Oostenrijr (talk | contribs) |
||
Line 1: | Line 1: | ||
− | + | <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"; | ||
+ | } |
Revision as of 15: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";
}