Jump to: navigation, search

Difference between revisions of "MediaWiki:Common.css"


Line 132: Line 132:
  
  
.table {
+
div.table {
 
   display: block;
 
   display: block;
 
   width: 100%;
 
   width: 100%;
 
}
 
}
.tableHeading, .tableBody, .tableFoot, .tableRow {
+
div.tableHeading, .tableBody, .tableFoot, .tableRow {
 
   clear: both;
 
   clear: both;
 
}
 
}
Line 142: Line 142:
 
}
 
}
  
.tableCell {
+
div.tableCell {
 
   border: 1px solid #999999;
 
   border: 1px solid #999999;
 
   float: left;
 
   float: left;
Line 153: Line 153:
 
}
 
}
  
.headerCell {
+
div.headerCell {
 
   background-color: lightgray;
 
   background-color: lightgray;
 
   text-align: center;
 
   text-align: center;
Line 159: Line 159:
 
}
 
}
  
.indexCell {
+
div.indexCell {
 
   font-weight: bold;
 
   font-weight: bold;
 
}
 
}
  
.centeredCell {
+
div.centeredCell {
 
   text-align: center;
 
   text-align: center;
 
}
 
}
  
.table:after {
+
div.table:after {
 
visibility: hidden;
 
visibility: hidden;
 
display: block;
 
display: block;

Revision as of 20:10, 10 May 2015

/* 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 */
 
/* 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;
}
 
/* News & Announcement table */
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
}
 
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 */
 
/* 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*/
/********************************************/
 
/********************************************/
/**
* table class for skinning normal tables
**/
 
table.bluetable {
  margin: 1em 1em 1em 0;
  background-color: #f9f9f9;
  border: 1px #aaa solid;
  border-collapse: collapse;
  color: black;
}
 
table.bluetable > tr > th,
table.bluetable > tr > td,
table.bluetable > * > tr > th,
table.bluetable > * > tr > td {
  border: 1px #aaa solid;
  padding: 0.2em;
}
table.bluetable > tr > th,
table.bluetable > * > tr > th {
  background-color: #f2f2f2;
  text-align: center;
}
 
table.bluetable > caption {
  font-weight: bold;
}
 
 
div.table {
  display: block;
  width: 100%;
}
div.tableHeading, .tableBody, .tableFoot, .tableRow {
  clear: both;
}
.tableHead, .tableFoot {
}
 
div.tableCell {
  border: 1px solid #999999;
  float: left;
  overflow: hidden;
  width: 100px;
  padding: 2px;
  margin-top: -1px;
  margin-right: -1px;
  background-color: whitesmoke;
}
 
div.headerCell {
  background-color: lightgray;
  text-align: center;
  font-weight: bold;
}
 
div.indexCell {
  font-weight: bold;
}
 
div.centeredCell {
  text-align: center;
}
 
div.table:after {
	 visibility: hidden;
	 display: block;
	 font-size: 0;
	 content: " ";
	 clear: both;
	 height: 0;
}
/********************************************/
 
/********************************************/
/* Namespace specific */
/* .ns-500 #content, .ns-501 #content { background-color: #f3f3ff; } */
/* .ns-500 div.thumb, .ns-501 div.thumb { border-color: #f3f3ff; } */
/* Namespace specific */
/********************************************/