Common.css
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/* 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 */ /********************************************/