Difference between revisions of "MediaWiki:Common.css"

/* CSS placed here will be applied to all skins */
 
/********************************************/
/* MEDIAWIKI */
.container {
   width: 80%;
}
/* 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: .5em;
   margin-left: .5em;
   background-color: #008CBA; /* Blue */    
   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: #008CBA; /* Blue */    
   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: 400px;
}
 
/* 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: #717b99;
   border: solid whitesmoke 1px;
   border-radius:5px;
   padding: .4em;
}
 
div.tagcloud a:hover {
   background: grey;
}
/* TagCloud */
 
/* KNO 20160614 */
/* Key press */
kbd {
   color: #000000;
}
 
/* Key press */
/* 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 #717b99;
  color:#000000;
}
 
table.searchTable {
  border:1px solid lightgrey;
}
 
td.searchTableTitle {
  background-color:#dbdbe4;
  border:1px solid #717b99;
  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.defaultTable {
  margin: 1em 1em 1em 0;
  background-color: #f9f9f9;
  border: 1px #aaa solid;
  border-collapse: collapse;
  color: black;
  width: 100%;
}
 
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 {
   padding-left: 10px;
   float: right;
   width: 20%;
   text-align: left;
   border: 1px gray solid;
   background: #e9e9e9;
}
 
table.ibox > caption {
  font-weight: bold;
}
 
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;
  text-align: center;
}
 
/** 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 */
/********************************************/