MediaWiki:Mobile.css: различия между версиями
Askell (обсуждение | вклад) Новая страница: «/** You are editing the global css file for all mobile site users. With Great Power Comes Great Responsibility. Some words of caution: * Avoid any changes which impact layout on a mobile device. ** Please be careful not to introduce any margin / padding rules. These should be done inside the template itself via an inline style. ** Be especially cautious when a template is likely to be used within the top 480px of the screen (the content that the user will s...» |
Askell (обсуждение | вклад) Нет описания правки |
||
| (не показано 20 промежуточных версий этого же участника) | |||
| Строка 18: | Строка 18: | ||
@author [[User:Edokter]] | @author [[User:Edokter]] | ||
*/ | */ | ||
/* Only for mobile devices */ | |||
.nomobile { | |||
display:none; | |||
} | |||
.navboxMobile { /* Navbox container style */ | |||
box-sizing: border-box; | |||
border: 20px solid transparent !important; | |||
padding: 0px !important; | |||
border-spacing: 0px !important; | |||
border-image: url('https://asciawiki.ru/images/3/31/Border1.png') 24 round !important; | |||
border-radius: 35px; | |||
background: transparent !important; | |||
background-color: #dee3e7 !important; | |||
border-collapse: separate !important; | |||
width: 100%; | |||
clear: both; | |||
font-size: 88%; | |||
text-align: center; | |||
padding: 1px; | |||
margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */ | |||
} | |||
.navboxMobile .navboxMobile { | |||
margin-top: 0; /* No top margin for nested navboxes */ | |||
} | |||
.navboxMobile + .navboxMobile { | |||
margin-top: -1px; /* Single pixel border between adjacent navboxes */ | |||
} | |||
.navboxMobile-inner, | |||
.navboxMobile-subgroup { | |||
width: 100%; | |||
} | |||
.navboxMobile-group, | |||
.navboxMobile-title, | |||
.navboxMobile-abovebelow { | |||
padding: 0.25em 1em; /* Title, group and above/below styles */ | |||
line-height: 1.5em; | |||
text-align: center; | |||
} | |||
.navboxMobile-group{ | |||
border-top: 1px solid #545454; | |||
} | |||
th.navboxMobile-group { /* Group style */ | |||
white-space: nowrap; | |||
/* @noflip */ | |||
text-align: right; | |||
} | |||
.navboxMobile, | |||
.navboxMobile-subgroup { | |||
background: #000000; /* Background color */ | |||
} | |||
.navboxMobile-list { | |||
line-height: 1.5em; | |||
border-color: #545454; /* Must match background color */ | |||
} | |||
.navboxMobile th, | |||
.navboxMobile-title { | |||
background: #dee3e7; /* Level 1 color */ | |||
} | |||
.navboxMobile-abovebelow, | |||
th.navboxMobile-group, | |||
.navboxMobile-subgroup .navboxMobile-title { | |||
background: #dee3e7; /* Level 2 color */ | |||
} | |||
.navboxMobile-subgroup .navboxMobile-group, | |||
.navboxMobile-subgroup .navboxMobile-abovebelow { | |||
background: #ffffff; /* Level 3 color */ | |||
} | |||
.navboxMobile-even { | |||
background: #dee3e7; /* Even row striping */ | |||
} | |||
.navboxMobile-odd { | |||
background: #ffffff; /* Odd row striping */ | |||
} | |||
.navboxMobile .hlist td dl, | |||
.navboxMobile .hlist td ol, | |||
.navboxMobile .hlist td ul, | |||
.navboxMobile td.hlist dl, | |||
.navboxMobile td.hlist ol, | |||
.navboxMobile td.hlist ul { | |||
padding: 0.125em 0; /* Adjust hlist padding in navboxes */ | |||
} | |||
.codeEditor-status { | |||
color: black; | |||
} | |||
.navboxMobile .navbar { | |||
display:none; | |||
} | |||
.mobile-hide { | |||
display: none !important; | |||
} | |||
.hlist dl, | .hlist dl, | ||
.hlist ol, | .hlist ol, | ||