Difference between revisions of "MediaWiki:Common.css"
m |
|||
(46 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
− | + | ||
/********************************************/ | /********************************************/ | ||
/* MEDIAWIKI */ | /* MEDIAWIKI */ | ||
+ | |||
+ | a.external:after { | ||
+ | content: ""; | ||
+ | display: inline-block; | ||
+ | background: url("images/external-link-ltr-icon.png") no-repeat top right; | ||
+ | width: 14px; | ||
+ | height: 12px; | ||
+ | } | ||
+ | |||
.container { | .container { | ||
width: 80%; | width: 80%; | ||
} | } | ||
− | |||
− | |||
+ | li.main-nav-li a { | ||
+ | border-radius:5px; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | h1 { | ||
+ | font-size: 28px; | ||
+ | } | ||
+ | h2 { | ||
+ | font-size: 25px; | ||
+ | } | ||
+ | h3 { | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | |||
+ | /* MEDIAWIKI */ | ||
+ | /********************************************/ | ||
+ | |||
+ | |||
/********************************************/ | /********************************************/ | ||
/* EXTENSIONS */ | /* EXTENSIONS */ | ||
− | + | ||
/* Extension: MobileFrontend */ | /* Extension: MobileFrontend */ | ||
/* Hide mobile content from Desktop view */ | /* Hide mobile content from Desktop view */ | ||
− | + | ||
div.nodesktop { | div.nodesktop { | ||
display: none; | display: none; | ||
} | } | ||
− | + | ||
span.nodesktop { | span.nodesktop { | ||
display: none; | display: none; | ||
} | } | ||
− | + | ||
h2.nodesktop { | h2.nodesktop { | ||
display: none; | display: none; | ||
} | } | ||
/* MobileFrontend */ | /* MobileFrontend */ | ||
− | + | ||
/* InputBox */ | /* InputBox */ | ||
.bodySearchBtnGo { | .bodySearchBtnGo { | ||
Line 36: | Line 61: | ||
margin-left: .5em; | margin-left: .5em; | ||
} | } | ||
− | + | ||
.searchboxSearchButton { | .searchboxSearchButton { | ||
font-weight: bold; | font-weight: bold; | ||
padding: .3em; | padding: .3em; | ||
margin-left: .5em; | margin-left: .5em; | ||
− | background-color: # | + | background-color: #ea9b24; |
border-radius:5px; | border-radius:5px; | ||
border: none; | border: none; | ||
Line 51: | Line 76: | ||
font-size: 16px;*/ | font-size: 16px;*/ | ||
} | } | ||
− | + | ||
.searchboxSearchButton:hover { | .searchboxSearchButton:hover { | ||
color: black; | color: black; | ||
} | } | ||
− | + | ||
.createboxButton { | .createboxButton { | ||
font-weight: bold; | font-weight: bold; | ||
Line 65: | Line 90: | ||
color: white; | color: white; | ||
} | } | ||
− | + | ||
.searchboxInput { | .searchboxInput { | ||
display:inline; | display:inline; | ||
Line 75: | Line 100: | ||
width: 600px; | width: 600px; | ||
} | } | ||
− | + | ||
/* InputBox */ | /* InputBox */ | ||
− | + | ||
/* TagCloud */ | /* TagCloud */ | ||
div.tagcloud { | div.tagcloud { | ||
Line 85: | Line 110: | ||
/*border-radius:5px;*/ | /*border-radius:5px;*/ | ||
} | } | ||
− | + | ||
div.tagcloud a { | div.tagcloud a { | ||
font-family: inherit; | font-family: inherit; | ||
Line 92: | Line 117: | ||
text-decoration:none; | text-decoration:none; | ||
color: white; | color: white; | ||
− | background: # | + | background: #ea9b24; |
border: solid whitesmoke 1px; | border: solid whitesmoke 1px; | ||
border-radius:5px; | border-radius:5px; | ||
− | padding: | + | padding: 2px; |
} | } | ||
− | + | ||
div.tagcloud a:hover { | div.tagcloud a:hover { | ||
background: grey; | background: grey; | ||
} | } | ||
/* TagCloud */ | /* TagCloud */ | ||
− | + | ||
/* KNO 20160614 */ | /* KNO 20160614 */ | ||
/* Key press */ | /* Key press */ | ||
Line 108: | Line 133: | ||
color: #000000; | color: #000000; | ||
} | } | ||
+ | /* Key press */ | ||
− | /* | + | /* MsCategorySelect */ |
+ | input.mscs_checkbox { | ||
+ | margin-left: 10px; | ||
+ | margin-right: 10px; | ||
+ | } | ||
+ | /* MsCategorySelect */ | ||
/* KNO 20160614 */ | /* KNO 20160614 */ | ||
− | + | ||
/* EXTENSIONS */ | /* EXTENSIONS */ | ||
/********************************************/ | /********************************************/ | ||
− | + | ||
/********************************************/ | /********************************************/ | ||
/* MAIN PAGE */ | /* MAIN PAGE */ | ||
− | + | ||
/* Table-style formatting */ | /* Table-style formatting */ | ||
− | + | ||
/** Common **/ | /** Common **/ | ||
div.mainPageDiv { | div.mainPageDiv { | ||
Line 128: | Line 159: | ||
line-height: 1; | line-height: 1; | ||
} | } | ||
− | + | ||
table.mainPageTable { | table.mainPageTable { | ||
width:100%; | width:100%; | ||
Line 136: | Line 167: | ||
line-height: 1; | line-height: 1; | ||
} | } | ||
− | + | ||
td.tableTitle { | td.tableTitle { | ||
width:100%; | width:100%; | ||
Line 143: | Line 174: | ||
font-size:1em; | font-size:1em; | ||
} | } | ||
− | + | ||
td.mainPageSpacerRow { | td.mainPageSpacerRow { | ||
line-height: 0.3; | line-height: 0.3; | ||
} | } | ||
− | + | ||
/** Search **/ | /** Search **/ | ||
div.searchDiv { | div.searchDiv { | ||
border:1px solid lightgrey; | border:1px solid lightgrey; | ||
} | } | ||
− | + | ||
div.searchDivTitle { | div.searchDivTitle { | ||
background-color:#dbdbe4; | background-color:#dbdbe4; | ||
− | border:1px solid # | + | border:1px solid #ea9b24; |
color:#000000; | color:#000000; | ||
} | } | ||
− | + | ||
table.searchTable { | table.searchTable { | ||
border:1px solid lightgrey; | border:1px solid lightgrey; | ||
} | } | ||
− | + | ||
td.searchTableTitle { | td.searchTableTitle { | ||
background-color:#dbdbe4; | background-color:#dbdbe4; | ||
− | border:1px solid # | + | border:1px solid #ea9b24; |
color:#000000; | color:#000000; | ||
} | } | ||
/** Search **/ | /** Search **/ | ||
− | + | ||
/** Beginners table **/ | /** Beginners table **/ | ||
table.beginnersTable { | table.beginnersTable { | ||
} | } | ||
− | + | ||
td.beginnersTableTitle { | td.beginnersTableTitle { | ||
background-color:#e8d4c8; | background-color:#e8d4c8; | ||
Line 180: | Line 211: | ||
} | } | ||
/** Beginners table **/ | /** Beginners table **/ | ||
− | + | ||
/** Version table **/ | /** Version table **/ | ||
table.versionTable { | table.versionTable { | ||
line-height: 1.5; | line-height: 1.5; | ||
} | } | ||
− | + | ||
td.versionTableTitle { | td.versionTableTitle { | ||
background-color:lightgrey; | background-color:lightgrey; | ||
Line 193: | Line 224: | ||
} | } | ||
/** Version table **/ | /** Version table **/ | ||
− | + | ||
/** News & Announcement table **/ | /** News & Announcement table **/ | ||
div.newsDate { | div.newsDate { | ||
Line 200: | Line 231: | ||
background: #fff; | background: #fff; | ||
} | } | ||
− | + | ||
div.newsIcon { | div.newsIcon { | ||
width:30px; | width:30px; | ||
background: #fff; | background: #fff; | ||
} | } | ||
− | + | ||
table.newsTable2 { | table.newsTable2 { | ||
line-height: 1.5; | line-height: 1.5; | ||
} | } | ||
− | + | ||
td.newsTableTitle { | td.newsTableTitle { | ||
background-color:#e8d4c8; | background-color:#e8d4c8; | ||
Line 216: | Line 247: | ||
line-height: 1; | line-height: 1; | ||
} | } | ||
− | + | ||
table.newsTable | table.newsTable | ||
{ | { | ||
width:100%; | width:100%; | ||
} | } | ||
− | + | ||
td.newsDate { | td.newsDate { | ||
font-weight: bold; | font-weight: bold; | ||
width:80px | width:80px | ||
} | } | ||
− | + | ||
td.newsIcon { | td.newsIcon { | ||
width:30px | width:30px | ||
} | } | ||
− | + | ||
span.newsDate { | span.newsDate { | ||
font-weight: bold; | font-weight: bold; | ||
width:80px | width:80px | ||
} | } | ||
− | + | ||
span.newsIcon { | span.newsIcon { | ||
width:30px | width:30px | ||
} | } | ||
/** News & Announcement table **/ | /** News & Announcement table **/ | ||
− | + | ||
/** Version table **/ | /** Version table **/ | ||
div.versionDate { | div.versionDate { | ||
Line 247: | Line 278: | ||
background: #fff; | background: #fff; | ||
} | } | ||
− | + | ||
span.versionDate { | span.versionDate { | ||
font-weight: bold; | font-weight: bold; | ||
Line 253: | Line 284: | ||
margin-left:10px; | margin-left:10px; | ||
} | } | ||
− | + | ||
.newsList ul { | .newsList ul { | ||
list-style-image: url('images/f/fd/IC_MainPage-20.png'); | list-style-image: url('images/f/fd/IC_MainPage-20.png'); | ||
Line 259: | Line 290: | ||
} | } | ||
/** Version table **/ | /** Version table **/ | ||
− | + | ||
/** Link formatting **/ | /** Link formatting **/ | ||
span.mp-beginnersLink a { | span.mp-beginnersLink a { | ||
Line 268: | Line 299: | ||
color: black; | color: black; | ||
} | } | ||
− | + | ||
span.mp-productsLink a { | span.mp-productsLink a { | ||
font-family: inherit; | font-family: inherit; | ||
Line 277: | Line 308: | ||
color: #272e65; | color: #272e65; | ||
} | } | ||
− | + | ||
span.mp-productsLink2 a { | span.mp-productsLink2 a { | ||
font-family: inherit; | font-family: inherit; | ||
Line 287: | Line 318: | ||
} | } | ||
/** Link formatting **/ | /** Link formatting **/ | ||
− | + | ||
/* MAIN PAGE */ | /* MAIN PAGE */ | ||
/********************************************/ | /********************************************/ | ||
− | + | ||
/********************************************/ | /********************************************/ | ||
/* FEATURE TABLE */ | /* FEATURE TABLE */ | ||
− | + | ||
td.featureName { | td.featureName { | ||
font-weight: bold; | font-weight: bold; | ||
Line 302: | Line 333: | ||
//list-style-type: square; | //list-style-type: square; | ||
} | } | ||
− | + | ||
/* FEATURE TABLE*/ | /* FEATURE TABLE*/ | ||
/********************************************/ | /********************************************/ | ||
− | + | ||
/********************************************/ | /********************************************/ | ||
/* GENERAL */ | /* GENERAL */ | ||
− | + | ||
− | + | ||
/* Keep sidebar in a fixed position (do not scroll with page) */ | /* Keep sidebar in a fixed position (do not scroll with page) */ | ||
div#mw-panel {position: fixed} | div#mw-panel {position: fixed} | ||
− | + | ||
− | + | ||
/* div */ | /* div */ | ||
div.centered { | div.centered { | ||
Line 320: | Line 350: | ||
text-align:center; | text-align:center; | ||
} | } | ||
− | + | ||
/* div */ | /* div */ | ||
− | + | ||
/* div - backgrounds */ | /* div - backgrounds */ | ||
div.bgKNOWHOW | div.bgKNOWHOW | ||
Line 328: | Line 358: | ||
background-image: url('images/4/43/KNOW-HOW_slide.jpg'); | background-image: url('images/4/43/KNOW-HOW_slide.jpg'); | ||
} | } | ||
− | + | ||
div.bgKNOWHOWa | div.bgKNOWHOWa | ||
{ | { | ||
background-image: url('images/8/81/KNOW-HOW_slide_alpha.png'); | background-image: url('images/8/81/KNOW-HOW_slide_alpha.png'); | ||
} | } | ||
− | + | ||
div.bgUBIK | div.bgUBIK | ||
{ | { | ||
background-image: url('images/a/a5/UBIK_slide.jpg'); | background-image: url('images/a/a5/UBIK_slide.jpg'); | ||
} | } | ||
− | + | ||
div.bgUBIKa | div.bgUBIKa | ||
{ | { | ||
background-image: url('images/0/0a/UBIK_slide_alpha.jpg'); | background-image: url('images/0/0a/UBIK_slide_alpha.jpg'); | ||
} | } | ||
− | + | ||
div.bgAUGMENSYS | div.bgAUGMENSYS | ||
{ | { | ||
background-image: url('images/d/de/AUGMENSYS_slide.jpg'); | background-image: url('images/d/de/AUGMENSYS_slide.jpg'); | ||
} | } | ||
− | + | ||
div.bgAUGMENSYSa | div.bgAUGMENSYSa | ||
{ | { | ||
− | + | background-image: url('images/c/c5/AUGMENSYS_slide_alpha.png'); | |
} | } | ||
/* div - backgrounds */ | /* div - backgrounds */ | ||
− | + | ||
/** bulleted list **/ | /** bulleted list **/ | ||
ul { | ul { | ||
Line 360: | Line 390: | ||
list-style-type: square; | list-style-type: square; | ||
} | } | ||
− | + | ||
/** version flag template **/ | /** version flag template **/ | ||
span.versionFlag { | span.versionFlag { | ||
Line 376: | Line 406: | ||
background: whitesmoke; | background: whitesmoke; | ||
*/ | */ | ||
+ | } | ||
+ | |||
+ | /** table: Table classes for skinning normal tables **/ | ||
+ | |||
+ | table.wikitable { | ||
+ | width: 70%; | ||
} | } | ||
− | |||
table.defaultTable { | table.defaultTable { | ||
margin: 1em 1em 1em 0; | margin: 1em 1em 1em 0; | ||
Line 385: | Line 420: | ||
border-collapse: collapse; | border-collapse: collapse; | ||
color: black; | color: black; | ||
− | width: | + | width: 80%; |
} | } | ||
− | + | ||
table.defaultTable > tr > th, | table.defaultTable > tr > th, | ||
table.defaultTable > tr > td, | table.defaultTable > tr > td, | ||
Line 400: | Line 435: | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | + | ||
table.defaultTable > caption { | table.defaultTable > caption { | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
− | + | ||
td.indexcell { | td.indexcell { | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
− | + | ||
td.centeredCell { | td.centeredCell { | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | + | ||
table.ibox { | table.ibox { | ||
margin-left: 20px; | margin-left: 20px; | ||
Line 422: | Line 457: | ||
background: #e9e9e9; | background: #e9e9e9; | ||
} | } | ||
− | + | ||
table.ibox > tr > th > caption { | table.ibox > tr > th > caption { | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | + | ||
table.ibox > tr > th, | table.ibox > tr > th, | ||
table.ibox > tr > td, | table.ibox > tr > td, | ||
Line 438: | Line 473: | ||
background-color: #f2f2f2; | background-color: #f2f2f2; | ||
} | } | ||
− | + | ||
/** div table like class **/ | /** div table like class **/ | ||
div.tableOLD { | div.tableOLD { | ||
Line 444: | Line 479: | ||
width: 100%; | width: 100%; | ||
} | } | ||
− | + | ||
div.table { | div.table { | ||
display: table; | display: table; | ||
} | } | ||
− | + | ||
div.table:after { | div.table:after { | ||
visibility: hidden; | visibility: hidden; | ||
Line 457: | Line 492: | ||
height: 0; | height: 0; | ||
} | } | ||
− | + | ||
div.tableRow { | div.tableRow { | ||
display: table-row; | display: table-row; | ||
Line 463: | Line 498: | ||
clear: both; | clear: both; | ||
} | } | ||
− | + | ||
div.tableHeading, .tableBody, .tableFoot { | div.tableHeading, .tableBody, .tableFoot { | ||
clear: both; | clear: both; | ||
} | } | ||
− | + | ||
div.tableHead, .tableFoot { | div.tableHead, .tableFoot { | ||
} | } | ||
− | + | ||
div.tableCellOLD { | div.tableCellOLD { | ||
border: 1px solid #999999; | border: 1px solid #999999; | ||
Line 481: | Line 516: | ||
background-color: whitesmoke; | background-color: whitesmoke; | ||
} | } | ||
− | + | ||
div.tableCell { | div.tableCell { | ||
display: table-cell; | display: table-cell; | ||
Line 488: | Line 523: | ||
background-color: whitesmoke; | background-color: whitesmoke; | ||
} | } | ||
− | + | ||
div.headerCell { | div.headerCell { | ||
background-color: lightgray; | background-color: lightgray; | ||
Line 494: | Line 529: | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
− | + | ||
div.centeredCell { | div.centeredCell { | ||
text-align: center; | text-align: center; | ||
Line 500: | Line 535: | ||
/* GENERAL */ | /* GENERAL */ | ||
/********************************************/ | /********************************************/ | ||
− | + | ||
/********************************************/ | /********************************************/ | ||
/* Namespace specific */ | /* Namespace specific */ |
Latest revision as of 09:07, 8 January 2021
/* CSS placed here will be applied to all skins */ /********************************************/ /* MEDIAWIKI */ a.external:after { content: ""; display: inline-block; background: url("images/external-link-ltr-icon.png") no-repeat top right; width: 14px; height: 12px; } .container { width: 80%; } li.main-nav-li a { border-radius:5px; padding: 5px; } h1 { font-size: 28px; } h2 { font-size: 25px; } h3 { font-size: 20px; } /* MEDIAWIKI */ /********************************************/ /********************************************/ /* EXTENSIONS */ /* Extension: MobileFrontend */ /* Hide mobile content from Desktop view */ div.nodesktop { display: none; } span.nodesktop { display: none; } h2.nodesktop { display: none; } /* MobileFrontend */ /* InputBox */ .bodySearchBtnGo { font-weight: bold; padding-left: .3em; padding-right: .3em; margin-left: .5em; } .searchboxSearchButton { font-weight: bold; padding: .3em; margin-left: .5em; background-color: #ea9b24; border-radius:5px; border: none; color: white; /*padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px;*/ } .searchboxSearchButton:hover { color: black; } .createboxButton { font-weight: bold; padding: .3em; margin-left: .5em; background-color: #717b99; border-radius:5px; border: none; color: white; } .searchboxInput { display:inline; font-family: Arial,sans-serif; color: #000000; /* border: 1px solid #008030;*/ /* background-color: #F4FFF4;*/ height: 25px; width: 600px; } /* InputBox */ /* TagCloud */ div.tagcloud { padding: 5px; /*background-color: whitesmoke;*/ /*border: solid thin #cccccc;*/ /*border-radius:5px;*/ } div.tagcloud a { font-family: inherit; font-size: 1.2em; /* IE doesn't like inherit here */ font-weight: normal; text-decoration:none; color: white; background: #ea9b24; border: solid whitesmoke 1px; border-radius:5px; padding: 2px; } div.tagcloud a:hover { background: grey; } /* TagCloud */ /* KNO 20160614 */ /* Key press */ kbd { color: #000000; } /* Key press */ /* MsCategorySelect */ input.mscs_checkbox { margin-left: 10px; margin-right: 10px; } /* MsCategorySelect */ /* KNO 20160614 */ /* EXTENSIONS */ /********************************************/ /********************************************/ /* MAIN PAGE */ /* Table-style formatting */ /** Common **/ div.mainPageDiv { width:100%; background-color:#ffffff; padding:1px; margin:0px; line-height: 1; } table.mainPageTable { width:100%; background-color:#ffffff; padding:1px; margin:0px; line-height: 1; } td.tableTitle { width:100%; margin:0px; padding:0px; font-size:1em; } td.mainPageSpacerRow { line-height: 0.3; } /** Search **/ div.searchDiv { border:1px solid lightgrey; } div.searchDivTitle { background-color:#dbdbe4; border:1px solid #ea9b24; color:#000000; } table.searchTable { border:1px solid lightgrey; } td.searchTableTitle { background-color:#dbdbe4; border:1px solid #ea9b24; color:#000000; } /** Search **/ /** Beginners table **/ table.beginnersTable { } td.beginnersTableTitle { background-color:#e8d4c8; border:1px solid #ab5d3e; color:#000000; } /** Beginners table **/ /** Version table **/ table.versionTable { line-height: 1.5; } td.versionTableTitle { background-color:lightgrey; border:1px solid grey; color:#000000; line-height: 1; } /** Version table **/ /** News & Announcement table **/ div.newsDate { font-weight: bold; width:80px background: #fff; } div.newsIcon { width:30px; background: #fff; } table.newsTable2 { line-height: 1.5; } td.newsTableTitle { background-color:#e8d4c8; border:1px solid #ab5d3e; color:#000000; line-height: 1; } table.newsTable { width:100%; } td.newsDate { font-weight: bold; width:80px } td.newsIcon { width:30px } span.newsDate { font-weight: bold; width:80px } span.newsIcon { width:30px } /** News & Announcement table **/ /** Version table **/ div.versionDate { font-weight: bold; width:80px background: #fff; } span.versionDate { font-weight: bold; width:100px; margin-left:10px; } .newsList ul { list-style-image: url('images/f/fd/IC_MainPage-20.png'); //list-style-type: square; } /** Version table **/ /** Link formatting **/ span.mp-beginnersLink a { font-family: inherit; font-size: 1.2em; /* IE doesn't like inherit here */ font-weight: bold; text-decoration:none; color: black; } span.mp-productsLink a { font-family: inherit; font-size: 1.5em; /* IE doesn't like inherit here */ font-weight: bold; font-style: italic; text-decoration:none; color: #272e65; } span.mp-productsLink2 a { font-family: inherit; font-size: 1.5em; /* IE doesn't like inherit here */ font-weight: bold; font-style: italic; text-decoration:none; color: black; } /** Link formatting **/ /* MAIN PAGE */ /********************************************/ /********************************************/ /* FEATURE TABLE */ td.featureName { font-weight: bold; text-align: left; } .featureList ul { list-style-image: url('images/f/fd/IC_MainPage-20.png'); //list-style-type: square; } /* FEATURE TABLE*/ /********************************************/ /********************************************/ /* GENERAL */ /* Keep sidebar in a fixed position (do not scroll with page) */ div#mw-panel {position: fixed} /* div */ div.centered { margin:auto; width:80%; text-align:center; } /* div */ /* div - backgrounds */ div.bgKNOWHOW { background-image: url('images/4/43/KNOW-HOW_slide.jpg'); } div.bgKNOWHOWa { background-image: url('images/8/81/KNOW-HOW_slide_alpha.png'); } div.bgUBIK { background-image: url('images/a/a5/UBIK_slide.jpg'); } div.bgUBIKa { background-image: url('images/0/0a/UBIK_slide_alpha.jpg'); } div.bgAUGMENSYS { background-image: url('images/d/de/AUGMENSYS_slide.jpg'); } div.bgAUGMENSYSa { background-image: url('images/c/c5/AUGMENSYS_slide_alpha.png'); } /* div - backgrounds */ /** bulleted list **/ ul { list-style-image: none; list-style-type: square; } /** version flag template **/ span.versionFlag { font-size: 1em; /* vertical-align: super; font-size: 0.83em; line-height: 0; */ /* float:right; padding: 1px; border: 1px solid grey; margin-left:10px; background: whitesmoke; */ } /** table: Table classes for skinning normal tables **/ table.wikitable { width: 70%; } table.defaultTable { margin: 1em 1em 1em 0; background-color: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; color: black; width: 80%; } table.defaultTable > tr > th, table.defaultTable > tr > td, table.defaultTable > * > tr > th, table.defaultTable > * > tr > td { border: 1px #aaa solid; padding: 0.2em; } table.defaultTable > tr > th, table.defaultTable > * > tr > th { background-color: #f2f2f2; text-align: center; } table.defaultTable > caption { font-weight: bold; } td.indexcell { font-weight: bold; } td.centeredCell { text-align: center; } table.ibox { margin-left: 20px; margin-bottom: 20px; float: right; width: 20em; text-align: left; border: 1px gray solid; background: #e9e9e9; } table.ibox > tr > th > caption { text-align: center; } table.ibox > tr > th, table.ibox > tr > td, table.ibox > * > tr > th, table.ibox > * > tr > td { border: 1px #aaa solid; padding: 0.2em; } table.ibox > tr > th, table.ibox > * > tr > th { background-color: #f2f2f2; } /** div table like class **/ div.tableOLD { display: block; width: 100%; } div.table { display: table; } div.table:after { visibility: hidden; display: table; font-size: 0; content: " "; clear: both; height: 0; } div.tableRow { display: table-row; width: 100%; clear: both; } div.tableHeading, .tableBody, .tableFoot { clear: both; } div.tableHead, .tableFoot { } div.tableCellOLD { border: 1px solid #999999; float: left; overflow: hidden; width: 100px; padding: 2px; margin-top: -1px; margin-right: -1px; background-color: whitesmoke; } div.tableCell { display: table-cell; border: 1px solid #999999; overflow: hidden; background-color: whitesmoke; } div.headerCell { background-color: lightgray; text-align: center; font-weight: bold; } div.centeredCell { text-align: center; } /* GENERAL */ /********************************************/ /********************************************/ /* Namespace specific */ /* .ns-500 #content, .ns-501 #content { background-color: #f3f3ff; } */ /* .ns-500 div.thumb, .ns-501 div.thumb { border-color: #f3f3ff; } */ /* Namespace specific */ /********************************************/