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

м div fix
м Замена текста — «mousegif.gif» на «MobMouse2.png»
Метки: с мобильного устройства из мобильной версии
 
(не показаны 2 промежуточные версии 1 участника)
Строка 1: Строка 1:
<div style="border-bottom: 1px solid black;margin:2em 2em 0 2em"></div>
<div class="grid-adaptive" style="
<div style="display:flex;flex-direction:line; flex-wrap:wrap; justify-content:space-between;width:100%;gap:0.7em">
display: grid;
<!--;min-width:30% -->
grid-template-columns: 0.85fr 1fr;
{{Buttons
gap: 8px;
|class   =
margin-bottom: 15px;
|style  = flex-basis:19.55em;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;margin:0.7em 0 0.7em 0
">
{{GradientHeaderFrame
|title   = Страницы
|margin  = 0
|content =
|content =
<div style="
display: flex;
flex-direction: column;
gap: 8px;
">
    {{ModernButton
    |link      = Шаблон:MainMenu
    |img        = MobMouse2.png
    |text      = Кнопка
    |subtext    = Небольшое описание с точкой.
    }}


{{Button
    {{ModernButton
|link      = Шаблон:MainMenu
    |link      = Шаблон:MainMenu
|img        = mousegif.gif
    |img        = MobMouse2.png
|color      = #3366cc
    |text      = Кнопка
|text      = Кнопка
    |subtext    = Небольшое описание с точкой.
|subtext    = Небольшое описание.
    }}
|flex-basis = auto
|flex-grow  = 0
}}


{{Button
    {{ModernButton
|link      = Шаблон:MainMenu
    |link      = Шаблон:MainMenu
|img        = mousegif.gif
    |img        = MobMouse2.png
|color      = #3366cc
    |text      = Кнопка
|text      = Кнопка
    |subtext    = Небольшое описание с точкой.
|subtext    = Небольшое описание.
    }}
|flex-basis = auto
|flex-grow  = 0
}}


{{Button
    {{ModernButton
|link      = Шаблон:MainMenu
    |link      = Шаблон:MainMenu
|img        = mousegif.gif
    |img        = MobMouse2.png
|color      = #3366cc
    |text      = Кнопка
|text      = Кнопка
    |subtext    = Небольшое описание с точкой.
|subtext    = Небольшое описание.
    }}
|flex-basis = auto
|flex-grow  = 0
}}


{{Button
    {{ModernButton
|link      = Шаблон:MainMenu
    |link      = Шаблон:MainMenu
|img        = mousegif.gif
    |img        = MobMouse2.png
|color      = #3366cc
    |text      = Кнопка
|text      = Кнопка
    |subtext    = Небольшое описание с точкой.
|subtext    = Небольшое описание.
    }}
|flex-basis = auto
|flex-grow  = 0
}}


{{Button
    {{ModernButton
|link      = Шаблон:MainMenu
    |link      = Шаблон:MainMenu
|img        = mousegif.gif
    |img        = MobMouse2.png
|color      = #3366cc
    |text      = Кнопка
|text      = Кнопка
    |subtext    = Небольшое описание с точкой.
|subtext    = Небольшое описание.
    }}
|flex-basis = auto
|flex-grow  = 0
}}


{{Button
    {{ModernButton
|link      = Шаблон:MainMenu
    |link      = Шаблон:MainMenu
|img        = mousegif.gif
    |img        = MobMouse2.png
|color      = #3366cc
    |text      = Кнопка
|text      = Кнопка
    |subtext    = Небольшое описание с точкой.
|subtext    = Небольшое описание.
    }}
|flex-basis = auto
|flex-grow  = 0
}}


    {{ModernButton
    |link      = Шаблон:MainMenu
    |img        = MobMouse2.png
    |text      = Кнопка
    |subtext    = Небольшое описание с точкой.
    }}
</div>
}}
}}
<!-- ;min-width:45%-->


<div style="flex-basis:26em;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;margin:0.7em 0 0.7em 0">
<div style="
 
flex-basis: 26em;
{{frame
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 6px;
">
{{GradientHeaderFrame/Sub
|title  = О вашем проекте
|title  = О вашем проекте
|height =  
|margin = 0
|picture = [[Файл:Mousegif.gif|32px|link=]]
|content = Небольшое описание.
|content = Небольшое описание
}}
}}


{{frame
{{GradientHeaderFrame/Sub
|title  = Любые другие инфобоксы
|title  = Любые другие инфобоксы
|picture = [[Файл:mousegif.gif|32px|link=]]
|margin = 0
|height =  
|content = Описание инфобокса.
|content = Описание инфобокса.
}}
}}


{{frame
{{GradientHeaderFrame/Sub
|title  = Сообщества
|title  = Сообщества
|picture = [[Файл:Corvax-logo-mini.png|32px|link=]]
|margin = 0
|height =
|content =  
|content = <div style="display:flex;flex-wrap:wrap;justify-content:space-between><!--
<div class="grid-adaptive" style="
--><span style="height:auto;flex-basis:120px;margin:0.5%;flex-grow: 1">[[Файл:Discord-link.png|link=https://discord.gg/corvax]]</span><!--
display: grid;
--><span style="height:auto;flex-basis:120px;margin:0.5%;flex-grow: 1">[[Файл:Vk-link.png|link=https://vk.com/corvax14]]</span></div>}}
grid-template-columns: 1fr 1fr;
gap: 8px;
margin: 2px;
">
    {{ModernButton
    |external  = https://discord.gg/corvax
    |img        = IconDiscord.png
    |text      = Discord
    |subtext    = SS14 RU Community.
    }}


{{frame
    {{ModernButton
    |external  = https://vk.com/spacestation14
    |img        = IconVK.png
    |text      = ВКонтакте
    |subtext    = Space Station 14 — Первое русское сообщество.
    }}
   
    {{ModernButton
    |external  = https://t.me/corvax14
    |img        = IconTelegram.png
    |text      = Телеграм (группа)
    |subtext    = Space Station 14 — Первое русское сообщество.
    }}
 
    {{ModernButton
    |external  = https://t.me/+t8PSrMNY5pk0ZTVi
    |img        = IconTelegramChat.png
    |text      = Телеграм (чат)
    |subtext    = Ламповый чатик обо всём
    }}
</div> 
}}
 
{{GradientHeaderFrame/Sub
|title  = Проекты Corvax
|title  = Проекты Corvax
|picture = [[Файл:Telecomms server.gif|32px|link=]]
|margin = 0
|height =
|content = {{CorvaxProjects}}
|content = {{CorvaxProjects}}
}}
}}
</div>
</div>


</div><noinclude>{{doc}}</noinclude>
</div><noinclude>{{doc}}</noinclude>