Difference between revisions of "MediaWiki:Common.css"
(242 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 */ | |
− | + | ||
− | + | 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 { | 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 */ | ||
+ | /********************************************/ |
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 */ /********************************************/