Шаблон:MainMenuBlocks: различия между версиями

м fix
м Замена текста — «mousegif.gif» на «MobMouse2.png»
Метки: с мобильного устройства из мобильной версии
 
(не показано 5 промежуточных версий 2 участников)
Строка 1: Строка 1:
<div style="border-bottom: 1px solid #E23229;margin-top:10px;margin-bottom:20px"></div>
<div class="grid-adaptive" style="
<div style="display:flex;flex-direction:line; flex-wrap:wrap; justify-content:space-between">
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
margin-bottom: 15px;
">


<div style="flex-basis:240px;flex-grow:1;min-width:24%;margin-bottom:3px;margin-left:0.5%;margin-left:0.5%">
<div style="
{{frame
display: grid;
|title= Вид 1
gap: 7px;
|picture= [[Файл:mousegif.gif|42x42px|link=]]
">
|content=
{{ModernFrame
<ul style="list-style-type: none;margin:0">
|title   = Пример
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
|picture = [[Файл:MobMouse2.png|32px|link=]]
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
|margin  = 0
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
|style   = display:flex; gap:10px; justify-content:center; flex-grow:1; align-items:flex-start; flex-wrap:wrap; align-content:center;
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
|content =
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
{{LinkCard|изображение=[[Файл:MobMouse2.png|64px]]|название=Мышка|ссылка=MainMenuBlocks}}
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
{{LinkCard|изображение=[[Файл:MobMouse2.png|64px]]|название=Другая|ссылка=MainMenuBlocks}}
</ul>
{{LinkCard|изображение=[[Файл:MobMouse2.png|64px]]|название=Ещё одна|ссылка=MainMenuBlocks}}
}}</div>
{{LinkCard|изображение=[[Файл:MobMouse2.png|64px]]|название=А это Пышь|ссылка=MainMenuBlocks}}
{{LinkCard|изображение=[[Файл:MobMouse2.png|64px]]|название=Легендарная мышь|ссылка=MainMenuBlocks}}
}}<!--


<div style="flex-basis:240px;flex-grow:1;min-width:24%;margin-bottom:3px;margin-left:0.5%;margin-left:0.5%">
-->{{ModernFrame
{{frame
|title  = А этот цветной
|title= Вид 2
|picture = [[Файл:Sec dep.png|30px|link=]]
|picture= [[Файл:mousegif.gif|42x42px|link=]]
|margin  = 0
|content=
|style   = display:flex; gap:10px; justify-content:center; flex-grow:1; align-items:flex-start; flex-wrap:wrap; align-content:center;
<ul>
|background-color = #712121
<li>'''Пункт'''</li>
|border-color    = #8d2929
<li>'''Пункт'''</li>
|content =
<li>'''Пункт'''</li>
{{LinkCard|изображение=[[Файл:MobMouse2.png|64px]]|название=Мышка|ссылка=MainMenuBlocks|background-color=#712121}}
<li>'''Пункт'''</li>
{{LinkCard|изображение=[[Файл:MobMouse2.png|64px]]|название=Другая|ссылка=MainMenuBlocks|background-color=#712121}}
<li>'''Пункт'''</li>
{{LinkCard|изображение=[[Файл:MobMouse2.png|64px]]|название=Ещё одна|ссылка=MainMenuBlocks|background-color=#712121}}
<li>'''Пункт'''</li>
{{LinkCard|изображение=[[Файл:MobMouse2.png|64px]]|название=А это Пышь|ссылка=MainMenuBlocks|background-color=#712121}}
</ul>
{{LinkCard|изображение=[[Файл:MobMouse2.png|64px]]|название=Легендарная мышь|ссылка=MainMenuBlocks|background-color=#712121}}
}}</div>
}}<!--


<div style="flex-basis:240px;flex-grow:1;min-width:24%;margin-bottom:3px;margin-left:0.5%;margin-left:0.5%">
-->
{{frame
</div><!--
|title= Вид 1
|picture= [[Файл:mousegif.gif|42x42px|link=]]
|content=
<ul style="list-style-type: none;margin:0">
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
</ul>
}}</div>


<div style="flex-basis:240px;flex-grow:1;min-width:24%;margin-bottom:3px;margin-left:0.5%;margin-left:0.5%">
-->
{{frame
<div style="
|title= Вид 2
display: grid;
|picture= [[Файл:mousegif.gif|42x42px|link=]]
gap: 7px;
|content=
">
<ul>
{{ModernFrame
<li>'''Пункт'''</li>
|title  = Пример
<li>'''Пункт'''</li>
|picture = [[Файл:MobMouse2.png|32px|link=]]
<li>'''Пункт'''</li>
|margin  = 0
<li>'''Пункт'''</li>
|style  = display:flex; gap:10px; justify-content:center; flex-grow:1; align-items:flex-start; flex-wrap:wrap; align-content:center;
<li>'''Пункт'''</li>
|content =
<li>'''Пункт'''</li>
{{LinkCard|изображение=[[Файл:MobMouse2.png|64px]]|название=Мышка|ссылка=MainMenuBlocks}}
</ul>
{{LinkCard|изображение=[[Файл:MobMouse2.png|64px]]|название=Другая|ссылка=MainMenuBlocks}}
}}</div>
{{LinkCard|изображение=[[Файл:MobMouse2.png|64px]]|название=Ещё одна|ссылка=MainMenuBlocks}}
{{LinkCard|изображение=[[Файл:MobMouse2.png|64px]]|название=А это Пышь|ссылка=MainMenuBlocks}}
{{LinkCard|изображение=[[Файл:MobMouse2.png|64px]]|название=Легендарная мышь|ссылка=MainMenuBlocks}}
}}<!--


<div style="flex-basis:240px;flex-grow:1;min-width:24%;margin-bottom:3px;margin-left:0.5%;margin-left:0.5%">
-->
{{frame
{{ModernFrame
|title= Вид 1
|title   = Пример
|picture= [[Файл:mousegif.gif|42x42px|link=]]
|picture = [[Файл:MobMouse2.png|32px|link=]]
|content=
|margin  = 0
<ul style="list-style-type: none;margin:0">
|style   = display:flex; gap:10px; justify-content:center; flex-grow:1; align-items:flex-start; flex-wrap:wrap; align-content:center;
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
|content =
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
{{LinkCard|изображение=[[Файл:MobMouse2.png|64px]]|название=Мышка|ссылка=MainMenuBlocks}}
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
{{LinkCard|изображение=[[Файл:MobMouse2.png|64px]]|название=Другая|ссылка=MainMenuBlocks}}
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
{{LinkCard|изображение=[[Файл:MobMouse2.png|64px]]|название=Ещё одна|ссылка=MainMenuBlocks}}
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
{{LinkCard|изображение=[[Файл:MobMouse2.png|64px]]|название=А это Пышь|ссылка=MainMenuBlocks}}
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
{{LinkCard|изображение=[[Файл:MobMouse2.png|64px]]|название=Легендарная мышь|ссылка=MainMenuBlocks}}
</ul>
}}<!--
}}</div>


<div style="flex-basis:240px;flex-grow:1;min-width:24%;margin-bottom:3px;margin-left:0.5%;margin-left:0.5%">
-->
{{frame
</div>
|title= Вид 2
|picture= [[Файл:mousegif.gif|42x42px|link=]]
|content=
<ul>
<li>'''Пункт'''</li>
<li>'''Пункт'''</li>
<li>'''Пункт'''</li>
<li>'''Пункт'''</li>
<li>'''Пункт'''</li>
<li>'''Пункт'''</li>
</ul>
}}</div>


<div style="flex-basis:240px;flex-grow:1;min-width:24%;margin-bottom:3px;margin-left:0.5%;margin-left:0.5%">
</div>
{{frame
{{AllServerStatusFrame}}
|title= Вид 1
|picture= [[Файл:mousegif.gif|42x42px|link=]]
|content=
<ul style="list-style-type: none;margin:0">
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
</ul>
}}</div>
 
<div style="flex-basis:240px;flex-grow:1;min-width:24%;margin-bottom:3px;margin-left:0.5%;margin-left:0.5%">
{{frame
|title= Вид 2
|picture= [[Файл:mousegif.gif|42x42px|link=]]
|content=
<ul>
<li>'''Пункт'''</li>
<li>'''Пункт'''</li>
<li>'''Пункт'''</li>
<li>'''Пункт'''</li>
<li>'''Пункт'''</li>
<li>'''Пункт'''</li>
</ul>
}}</div>
 
<div style="flex-basis:240px;flex-grow:1;min-width:24%;margin-bottom:3px;margin-left:0.5%;margin-left:0.5%">
{{frame
|title= Вид 1
|picture= [[Файл:mousegif.gif|42x42px|link=]]
|content=
<ul style="list-style-type: none;margin:0">
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
</ul>
}}</div>


<div style="flex-basis:240px;flex-grow:1;min-width:24%;margin-bottom:3px;margin-left:0.5%;margin-left:0.5%">
{{GradientHeaderFrame/Sub
{{frame
|title   = [[Служебная:Свежие_правки|Свежие правки]]
|title= Вид 2
|margin  = 0
|picture= [[Файл:mousegif.gif|42x42px|link=]]
|content = {{Special:RecentChanges/10}}
|content=
}}
<ul>
{{#css:
<li>'''Пункт'''</li>
@media (max-width: 800px) {
<li>'''Пункт'''</li>
    .modern-frame__content {
<li>'''Пункт'''</li>
        gap: 8px !important;
<li>'''Пункт'''</li>
        padding: 8px !important;
<li>'''Пункт'''</li>
    }
<li>'''Пункт'''</li>
}
</ul>
}}
}}</div>
 
<div style="flex-basis:240px;flex-grow:1;min-width:24%;margin-bottom:3px;margin-left:0.5%;margin-left:0.5%">
{{frame
|title= Вид 1
|picture= [[Файл:mousegif.gif|42x42px|link=]]
|content=
<ul style="list-style-type: none;margin:0">
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
<li>[[Файл:mousegif.gif|28px|link=]] '''Пункт'''</li>
</ul>
}}</div>
</div>
<div style="border-bottom: 1px solid #E23229;margin-top:10px;margin-bottom:20px"></div>
{{frame
|title=[[Служебная:Свежие_правки|Свежие правки]]
|picture=
|content={{Special:RecentChanges/10}}
}}<noinclude>{{doc}}</noinclude>