Jump to: navigation, search

Difference between revisions of "MediaWiki:Mobile.css"


 
(45 intermediate revisions by the same user not shown)
Line 6: Line 6:
 
   border: none;
 
   border: none;
 
   /*display: block;*/
 
   /*display: block;*/
}
+
}  
 +
 
 
/* COMMON MOBILE CSS */
 
/* COMMON MOBILE CSS */
 
/********************************************/
 
/********************************************/
 +
 +
li.selected
 +
{
 +
  font-size: 1.2em; /* IE doesn't like inherit here */
 +
  font-weight: bold;
 +
  list-style-image: url('images/f/fd/IC_MainPage-20.png');
 +
}
  
 
/********************************************/
 
/********************************************/
 
/* MAIN PAGE */
 
/* MAIN PAGE */
 +
 +
div.mf-products
 +
{
 +
}
 +
 +
div.mf-product {
 +
    line-height:30px;
 +
    background-color: #efefef;
 +
    height:80px;
 +
    vertical-align: center;
 +
    width:100%;
 +
    float:left;
 +
    padding:5px;
 +
    text-align: center;
 +
    border: 1px solid lightgrey;
 +
}
 +
 +
div.mf-quickLinks {
 +
  margin-top: 20px;
 +
}
 +
 +
div.mf-quickLink {
 +
    background-color: #dbdbe4;
 +
    height:50px;
 +
    vertical-align: center;
 +
    width:100%;
 +
    float:left;
 +
    border: 1px solid lightgrey;
 +
    padding-left: 5px;
 +
}
 +
 +
div.mf-beginnersGuide_News {
 +
    background-color: #ffffff;
 +
    width:100%;
 +
    float:left;
 +
    margin-top: 20px;
 +
    padding:5px;
 +
    border: 1px solid #ab5d3e;
 +
}
 +
 +
div.mf-versions {
 +
    background-color: #ffffff;
 +
    width:100%;
 +
    float:left;
 +
    margin-top: 20px;
 +
    padding:5px;
 +
    border: 1px solid grey;
 +
}
 +
 +
div.mf-impressum {
 +
    background-color: #ffffff;
 +
    width:100%;
 +
    float:left;
 +
    margin-top: 20px;
 +
    padding:5px;
 +
    text-align: center;
 +
}
 +
 +
div.mf-title {
 +
  font-family: inherit;
 +
  font-size: 1.2em; /* IE doesn't like inherit here */
 +
  font-weight: bold;
 +
  color: #ab5d3e;
 +
}
 
   
 
   
 
/* Link formatting */
 
/* Link formatting */
Line 17: Line 89:
 
   font-family: inherit;
 
   font-family: inherit;
 
   font-size: 1em; /* IE doesn't like inherit here */
 
   font-size: 1em; /* IE doesn't like inherit here */
  font-weight: bold;
 
 
   text-decoration:none;  
 
   text-decoration:none;  
 
   color: #272e65;
 
   color: #272e65;
 +
}
 +
 +
span.mp-quickLink a {
 +
  font-family: inherit;
 +
  font-size: 1.2em; /* IE doesn't like inherit here */
 +
  text-decoration:none;
 
}
 
}
 
   
 
   
Line 35: Line 112:
 
{
 
{
 
   width:100%;
 
   width:100%;
 +
  border:none;
 +
}
 +
 +
table.newsTable tr
 +
{
 
   border:none;
 
   border:none;
 
}
 
}
Line 47: Line 129:
 
   width:30px
 
   width:30px
 
   border: none;
 
   border: none;
 +
}
 +
 +
span.newsDate {
 +
  font-weight: bold;
 +
  width:80px
 
}
 
}
 
   
 
   
 +
span.newsIcon {
 +
  width:30px
 +
}
 +
 +
span.versionDate {
 +
  font-weight: bold;
 +
  width:80px;
 +
  margin-left:10px;
 +
}
 +
 
.newsList ul {
 
.newsList ul {
 
   list-style-image: url('images/f/fd/IC_MainPage-20.png');
 
   list-style-image: url('images/f/fd/IC_MainPage-20.png');
Line 57: Line 154:
 
/* MAIN PAGE */
 
/* MAIN PAGE */
 
/********************************************/
 
/********************************************/
+
 
 
/********************************************/
 
/********************************************/
 
/* FEATURE TABLE */
 
/* FEATURE TABLE */

Latest revision as of 12:23, 6 May 2015

/* CSS placed here will affect users of the mobile site */
 
/********************************************/
/* COMMON MOBILE CSS */
table, tbody, tr, th, td {
   border: none;
   /*display: block;*/
} 
 
/* COMMON MOBILE CSS */
/********************************************/
 
li.selected
{
   font-size: 1.2em; /* IE doesn't like inherit here */
   font-weight: bold;
   list-style-image: url('images/f/fd/IC_MainPage-20.png');
}
 
/********************************************/
/* MAIN PAGE */
 
div.mf-products
{
}
 
div.mf-product {
    line-height:30px;
    background-color: #efefef;
    height:80px;
    vertical-align: center;
    width:100%;
    float:left;
    padding:5px; 
    text-align: center;
    border: 1px solid lightgrey;
}
 
div.mf-quickLinks {
   margin-top: 20px;
}
 
div.mf-quickLink {
    background-color: #dbdbe4;
    height:50px;
    vertical-align: center;
    width:100%;
    float:left;
    border: 1px solid lightgrey;
    padding-left: 5px;
}
 
div.mf-beginnersGuide_News {
    background-color: #ffffff;
    width:100%;
    float:left;
    margin-top: 20px;
    padding:5px;
    border: 1px solid #ab5d3e;
}
 
div.mf-versions {
    background-color: #ffffff;
    width:100%;
    float:left;
    margin-top: 20px;
    padding:5px;
    border: 1px solid grey;
}
 
div.mf-impressum {
    background-color: #ffffff;
    width:100%;
    float:left;
    margin-top: 20px;
    padding:5px;
    text-align: center;
}
 
div.mf-title {
   font-family: inherit;
   font-size: 1.2em; /* IE doesn't like inherit here */
   font-weight: bold;
   color: #ab5d3e;
}
 
/* Link formatting */
span.mp-beginnersLink a {
   font-family: inherit;
   font-size: 1em; /* IE doesn't like inherit here */
   text-decoration:none; 
   color: #272e65;
}
 
span.mp-quickLink a {
   font-family: inherit;
   font-size: 1.2em; /* IE doesn't like inherit here */
   text-decoration:none; 
}
 
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%;
   border:none;
}
 
table.newsTable tr
{
   border:none;
}
 
td.newsDate {
   font-weight: bold;
   width:100px;
   border: none;
}
 
td.newsIcon {
   width:30px
   border: none;
}
 
span.newsDate {
   font-weight: bold;
   width:80px
}
 
span.newsIcon {
   width:30px
}
 
span.versionDate {
   font-weight: bold;
   width:80px;
   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*/
/********************************************/