Difference between revisions of "MediaWiki:Common.css"

/* CSS placed here will be applied to all skins */
 
/********************************************/
/* EXTENSIONS */
 
/* Extension: MobileFrontend */
/* Hide mobile content from Desktop view */
 
div.nodesktop
{
   display: none;
}
 
span.nodesktop
{
   display: none;
}
 
h2.nodesktop
{
   display: none;
}
/* MobileFrontend */
 
/* EXTENSIONS */
/********************************************/
 
/********************************************/
/* MAIN PAGE */
 
/* Table-style formatting */
 
/** Common **/
table.mainPageTable {
  width:100%;
  background-color:#ffffff;
  padding:1px;
  margin:0px;
  line-height: 1;
}
 
div.mainPageDiv {
  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 **/
table.searchTable {
  border:1px solid lightgrey;
}
 
td.searchTableTitle {
  background-color:#dbdbe4;
  border:1px solid #717b99;
  color:#000000;
}
 
div.searchDiv {
  border:1px solid lightgrey;
}
 
div.searchDivTitle {
  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 **/
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
}
 
div.newsDate {
   font-weight: bold;
   width:80px
   background: #fff;
}
 
div.newsIcon {
   width:30px;
   background: #fff;
}
 
span.newsDate {
   font-weight: bold;
   width:80px
}
 
span.newsIcon {
   width:30px
}
 
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;
}
/** News & Announcement table **/
 
/** Link formatting **/
span.mp-beginnersLink a {
   font-family: inherit;
   font-size: 1em; /* IE doesn't like inherit here */
   font-weight: bold;
   text-decoration:none; 
   color: #272e65;
}
 
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;
}
/** 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 */
 
ul {
  list-style-image: none;
  list-style-type: square;
}
 
/**
* 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;
}
 
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: Table column classes
*/
td.indexcell {
  font-weight: bold;
}
 
td.centeredCell {
  text-align: center;
}
 
 
/**
* div table like class
**/
div.tableOLD {
  display: block;
  width: 100%;
}
 
div.table {
  display: table;
}
 
div.table:after {
	 visibility: hidden;
	 display: block;
	 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;
}
 
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;
*/
}
 
/* 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 */
/********************************************/