Difference between revisions of "MediaWiki:Mobile.css"
(38 intermediate revisions by the same user not shown) | |||
Line 6: | Line 6: | ||
border: none; | border: none; | ||
/*display: block;*/ | /*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'); | ||
} | } | ||
− | div. | + | /********************************************/ |
+ | /* MAIN PAGE */ | ||
+ | |||
+ | div.mf-products | ||
+ | { | ||
+ | } | ||
+ | |||
+ | div.mf-product { | ||
line-height:30px; | line-height:30px; | ||
− | background-color:# | + | background-color: #efefef; |
− | height: | + | height:80px; |
+ | vertical-align: center; | ||
width:100%; | width:100%; | ||
float:left; | float:left; | ||
padding:5px; | 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 27: | 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 */ | ||
− | |||
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 62: | 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 72: | 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*/ /********************************************/