Reach7 (обсуждение | вклад) Нет описания правки |
Reach7 (обсуждение | вклад) Нет описания правки |
||
Строка 1: | Строка 1: | ||
===== < | <div class="MainpageContainer"> | ||
<div class="MainpageMenu MainpageMenuScreen"> | |||
{{MainpageMenu}} | |||
</div> | |||
<div class="MainpageContent"> | |||
{{MainpageContent}} | |||
</div> | |||
<hr class="MainpageMenuHR"/> | |||
<div class="MainpageContactsScreen"> | |||
{{MainpageContacts}} | |||
</div> | |||
</div> | |||
<div class="MainpageMenu MainpageMenuTab"> | |||
{{MainpageMenu}} | |||
</div> | |||
<div class="MainpageContactsTab"> | |||
{{MainpageContacts}} | |||
</div> | |||
{{#css: | |||
@media (max-width:900px) { | |||
.MainpageContent { | |||
padding: 0; | |||
} | |||
.MainpageMenu { | |||
max-width: 100% !important; | |||
} | |||
.MainpageMenu.MainpageMenuScreen { | |||
display: none !important; | |||
} | |||
hr.MainpageMenuHR { | |||
margin: 50px auto; | |||
} | |||
.MainpageContactsScreen { | |||
display: none !important; | |||
} | |||
} | |||
@media (min-width:901px) { | |||
.MainpageMenu { | |||
max-width: 350px !important; | |||
} | |||
.MainpageMenu.MainpageMenuTab, | |||
hr.MainpageMenuHR { | |||
display: none !important; | |||
} | |||
.MainpageContent { | |||
padding: 30px; | |||
} | |||
.MainpageContactsTab { | |||
display: none !important; | |||
} | |||
} | |||
.MainpageMenu { | |||
width: 100% !important; | |||
} | |||
.MainpageContainer { | |||
display: flex; | |||
} | |||
.MainpageContent { | |||
flex-grow: 1; | |||
} | |||
}} |
Версия от 15:02, 9 февраля 2024
{{#css: @media (max-width:900px) {
.MainpageContent { padding: 0; }
.MainpageMenu { max-width: 100% !important; }
.MainpageMenu.MainpageMenuScreen { display: none !important; }
hr.MainpageMenuHR { margin: 50px auto; }
.MainpageContactsScreen { display: none !important; }
}
@media (min-width:901px) {
.MainpageMenu { max-width: 350px !important; }
.MainpageMenu.MainpageMenuTab, hr.MainpageMenuHR { display: none !important; }
.MainpageContent { padding: 30px; }
.MainpageContactsTab { display: none !important; }
}
.MainpageMenu {
width: 100% !important;
}
.MainpageContainer {
display: flex;
}
.MainpageContent {
flex-grow: 1;
} }}