mirror of
https://github.com/Oreolek/ifhub.club.git
synced 2024-06-28 20:45:00 +03:00
Доработка сетки + framework
This commit is contained in:
parent
1cbca22859
commit
4d8898e064
|
@ -10,43 +10,44 @@
|
|||
/**
|
||||
* Сетка
|
||||
*/
|
||||
.grid-role-container {
|
||||
.layout-container {
|
||||
margin: 0 auto;
|
||||
padding: 0 50px;
|
||||
}
|
||||
.grid-role-content {
|
||||
.layout-content {
|
||||
background: #fff;
|
||||
padding: 40px !important;
|
||||
}
|
||||
.grid-role-nav .ls-nav.ls-nav--main {
|
||||
.layout-nav .ls-nav.ls-nav--main {
|
||||
margin: 0 auto;
|
||||
}
|
||||
.grid-role-footer {
|
||||
.layout-footer {
|
||||
padding: 20px 0 50px;
|
||||
color: #777;
|
||||
position: relative;
|
||||
}
|
||||
.grid-role-container.no-sidebar .grid-role-content {
|
||||
.layout-container.no-sidebar .layout-content {
|
||||
width: 100%;
|
||||
margin-right: 0;
|
||||
}
|
||||
.grid-role-sidebar {
|
||||
.layout-sidebar {
|
||||
padding-left: 10px !important;
|
||||
}
|
||||
.grid-role-sidebar .ls-block {
|
||||
.layout-sidebar .ls-block {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 999px) {
|
||||
.grid-role-content { width: 100% !important; margin-bottom: 30px; padding: 15px !important; }
|
||||
.grid-role-sidebar { width: 100% !important; margin-bottom: 30px; padding: 0; }
|
||||
.layout-content { width: 100% !important; margin-bottom: 30px; padding: 15px !important; }
|
||||
.layout-sidebar { width: 100% !important; margin-bottom: 30px; padding: 0; }
|
||||
|
||||
.ls-toolbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.grid-role-container {
|
||||
.layout-container {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
@ -54,14 +55,14 @@
|
|||
/**
|
||||
* Главное меню
|
||||
*/
|
||||
.grid-role-nav {
|
||||
.layout-nav {
|
||||
padding: 0 50px;
|
||||
margin-bottom: 10px;
|
||||
background: #222;
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.grid-role-nav {
|
||||
.layout-nav {
|
||||
padding: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
|
|
@ -32,20 +32,20 @@
|
|||
*}
|
||||
{if {Config::Get('view.grid.type')} == 'fluid'}
|
||||
<style>
|
||||
.grid-role-userbar,
|
||||
.grid-role-nav .ls-nav--main,
|
||||
.grid-role-header .ls-jumbotron-inner,
|
||||
.grid-role-container {
|
||||
.layout-userbar,
|
||||
.layout-nav .ls-nav--main,
|
||||
.layout-header .ls-jumbotron-inner,
|
||||
.layout-container {
|
||||
min-width: {Config::Get('view.grid.fluid_min_width')};
|
||||
max-width: {Config::Get('view.grid.fluid_max_width')};
|
||||
}
|
||||
</style>
|
||||
{else}
|
||||
<style>
|
||||
.grid-role-userbar,
|
||||
.grid-role-nav .ls-nav--main,
|
||||
.grid-role-header .ls-jumbotron-inner,
|
||||
.grid-role-container { width: {Config::Get('view.grid.fixed_width')}; }
|
||||
.layout-userbar,
|
||||
.layout-nav .ls-nav--main,
|
||||
.layout-header .ls-jumbotron-inner,
|
||||
.layout-container { width: {Config::Get('view.grid.fixed_width')}; }
|
||||
</style>
|
||||
{/if}
|
||||
{/block}
|
||||
|
@ -65,14 +65,14 @@
|
|||
title = Config::Get('view.name')
|
||||
subtitle = Config::Get('view.description')
|
||||
titleUrl = {router page='/'}
|
||||
classes = 'grid-role-header'}
|
||||
classes = 'layout-header'}
|
||||
{/if}
|
||||
|
||||
|
||||
{**
|
||||
* Основная навигация
|
||||
*}
|
||||
<nav class="grid-row grid-role-nav">
|
||||
<nav class="ls-grid-row layout-nav">
|
||||
{include 'navs/nav.main.tpl'}
|
||||
</nav>
|
||||
|
||||
|
@ -80,13 +80,13 @@
|
|||
{**
|
||||
* Основной контэйнер
|
||||
*}
|
||||
<div id="container" class="grid-row grid-role-container {hook run='container_class'} {if ! $layoutSidebarBlocksShow}no-sidebar{/if}">
|
||||
<div id="container" class="ls-grid-row layout-container {hook run='container_class'} {if ! $layoutSidebarBlocksShow}no-sidebar{/if}">
|
||||
{* Вспомогательный контейнер-обертка *}
|
||||
<div class="grid-row grid-role-wrapper" class="{hook run='wrapper_class'}">
|
||||
<div class="ls-grid-row layout-wrapper" class="{hook run='wrapper_class'}">
|
||||
{**
|
||||
* Контент
|
||||
*}
|
||||
<div class="grid-col grid-col-8 grid-role-content"
|
||||
<div class="ls-grid-col ls-grid-col-8 layout-content"
|
||||
role="main"
|
||||
{if $sMenuItemSelect == 'profile'}itemscope itemtype="http://data-vocabulary.org/Person"{/if}>
|
||||
|
||||
|
@ -138,7 +138,7 @@
|
|||
* Показываем сайдбар
|
||||
*}
|
||||
{if $layoutSidebarBlocksShow}
|
||||
<aside class="grid-col grid-col-4 grid-role-sidebar" role="complementary">
|
||||
<aside class="ls-grid-col ls-grid-col-4 layout-sidebar" role="complementary">
|
||||
{$layoutSidebarBlocks}
|
||||
</aside>
|
||||
{/if}
|
||||
|
@ -146,7 +146,7 @@
|
|||
|
||||
|
||||
{* Подвал *}
|
||||
<footer class="grid-row grid-role-footer">
|
||||
<footer class="ls-grid-row layout-footer">
|
||||
{block 'layout_footer'}
|
||||
{hook run='footer_begin'}
|
||||
{hook run='copyright'}
|
||||
|
|
|
@ -1 +1 @@
|
|||
Subproject commit 4d28c1fbd6ef2ca0211e97372503af583e974417
|
||||
Subproject commit 6bb301ec38e6953ec794cab6ff15420c14f94723
|
Loading…
Reference in a new issue