Jump to: navigation, search

Difference between revisions of "MediaWiki:Mobile.css"


 
(5 intermediate revisions by the same user not shown)
Line 23: Line 23:
 
div.mf-products
 
div.mf-products
 
{
 
{
  margin-bottom: 20px;
 
 
}
 
}
  
Line 36: Line 35:
 
     text-align: center;
 
     text-align: center;
 
     border: 1px solid lightgrey;
 
     border: 1px solid lightgrey;
 +
}
 +
 +
div.mf-quickLinks {
 +
  margin-top: 20px;
 
}
 
}
  
Line 44: Line 47:
 
     width:100%;
 
     width:100%;
 
     float:left;
 
     float:left;
    padding:5px;
 
    text-align: center;
 
 
     border: 1px solid lightgrey;
 
     border: 1px solid lightgrey;
 +
    padding-left: 5px;
 
}
 
}
  
Line 89: Line 91:
 
   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;
 
}
 
}
 
   
 
   

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*/
/********************************************/