Difference between revisions of "MediaWiki:Mobile.css"
(20 intermediate revisions by the same user not shown) | |||
Line 10: | Line 10: | ||
/* 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 { | div.mf-product { | ||
Line 24: | Line 35: | ||
text-align: center; | text-align: center; | ||
border: 1px solid lightgrey; | 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 { | div.mf-beginnersGuide_News { | ||
− | |||
background-color: #ffffff; | background-color: #ffffff; | ||
width:100%; | width:100%; | ||
Line 37: | Line 61: | ||
div.mf-versions { | div.mf-versions { | ||
− | |||
background-color: #ffffff; | background-color: #ffffff; | ||
width:100%; | width:100%; | ||
Line 44: | Line 67: | ||
padding:5px; | padding:5px; | ||
border: 1px solid grey; | border: 1px solid grey; | ||
+ | } | ||
+ | |||
+ | div.mf-impressum { | ||
+ | background-color: #ffffff; | ||
+ | width:100%; | ||
+ | float:left; | ||
+ | margin-top: 20px; | ||
+ | padding:5px; | ||
+ | text-align: center; | ||
} | } | ||
Line 59: | 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; | ||
} | } | ||
Line 100: | Line 138: | ||
span.newsIcon { | span.newsIcon { | ||
width:30px | width:30px | ||
+ | } | ||
+ | |||
+ | span.versionDate { | ||
+ | font-weight: bold; | ||
+ | width:80px; | ||
+ | margin-left:10px; | ||
} | } | ||
Line 110: | 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*/ /********************************************/