mirror of
https://github.com/Oreolek/ifhub.club.git
synced 2024-07-01 05:55:02 +03:00
Фикс верстки
This commit is contained in:
parent
7fbff46de6
commit
b1630489d8
|
@ -4,7 +4,7 @@
|
|||
</header>
|
||||
|
||||
<div class="block-content">
|
||||
<p id="block_blog_info"></p>
|
||||
<p id="block_blog_info" class="text"></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
.block { background: #fafafa; margin-bottom: 30px; border-radius: 3px; }
|
||||
.block:last-child { margin-bottom: 0; }
|
||||
.sidebar-left .block { margin-bottom: 10px; }
|
||||
.block .text { font-size: 13px; line-height: 18px; }
|
||||
|
||||
.block .block-header { padding: 13px 20px; background: #f5f5f5; border-top: 1px solid #eee; position: relative; }
|
||||
.block .block-header h3 { font-size: 16px; line-height: 1em; font-weight: normal; }
|
||||
|
|
|
@ -140,8 +140,10 @@
|
|||
|
||||
/* Хелперы
|
||||
---------------------------------------------------- */
|
||||
.mt-10 { margin-bottom: 10px !important; }
|
||||
.mt-20 { margin-bottom: 20px !important; }
|
||||
.mt-10 { margin-top: 10px !important; }
|
||||
.mt-15 { margin-top: 15px !important; }
|
||||
.mt-20 { margin-top: 20px !important; }
|
||||
.mt-30 { margin-top: 30px !important; }
|
||||
|
||||
.mb-10 { margin-bottom: 10px !important; }
|
||||
.mb-15 { margin-bottom: 15px !important; }
|
||||
|
@ -180,5 +182,14 @@
|
|||
.loader { background: #fafafa url(../images/loader.gif) 50% 50% no-repeat; }
|
||||
|
||||
.user, .ls-user { font-weight: bold; color: #333; }
|
||||
.ls-user:before { content: ''; display: inline-block; width: 14px; height: 14px; margin-right: 3px; background: url(../images/icons.png) -168px 0 no-repeat; vertical-align: middle; }
|
||||
.ls-user { display: inline-block; }
|
||||
.ls-user:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
margin-right: 3px;
|
||||
background: url(../images/icons.png) -168px 0 no-repeat;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.user.inactive { color: #aaa; }
|
|
@ -2,18 +2,18 @@
|
|||
СЕТКА
|
||||
-------------------------------------------- */
|
||||
|
||||
#container { margin: 0 auto; margin-bottom: 20px; }
|
||||
#header { padding: 50px 0; position: relative; }
|
||||
#nav { margin-bottom: 15px; overflow: hidden; }
|
||||
#wrapper { overflow: hidden; zoom: 1; padding: 30px; background: #fff; border-bottom: 1px solid #eee; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.1); box-shadow: 0 0 3px rgba(0,0,0,.1); }
|
||||
#content { float: left; width: 61%; margin-right: 4%; background: #fff; position: relative; }
|
||||
#sidebar { float: left; width: 35%; }
|
||||
#footer { overflow: hidden; zoom: 1; margin-bottom: 20px; padding: 20px 0 50px; color: #777; }
|
||||
#container { margin: 0 auto; margin-bottom: 20px; }
|
||||
#header { padding: 50px 0; position: relative; }
|
||||
#nav { margin-bottom: 15px; overflow: hidden; }
|
||||
#wrapper { overflow: hidden; zoom: 1; padding: 30px; background: #fff; border-bottom: 1px solid #eee; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.1); box-shadow: 0 0 3px rgba(0,0,0,.1); }
|
||||
#content-wrapper { float: left; width: 100%; margin-right: -330px; }
|
||||
#content { margin-right: 330px; background: #fff; position: relative; }
|
||||
#sidebar { float: right; width: 300px; }
|
||||
#footer { overflow: hidden; zoom: 1; margin-bottom: 20px; padding: 20px 0 50px; color: #777; }
|
||||
|
||||
|
||||
#content.content-full-width { width: 100%; margin-right: 0; }
|
||||
|
||||
#content.content-right { margin-right: 0; float: none; margin-left: 311px; width: auto; }
|
||||
#sidebar.sidebar-left { float: left; width: 250px; padding-right: 30px; border-right: 1px solid #eee; margin-right: 30px; }
|
||||
|
||||
|
||||
#content-wrapper.content-right { float: right; margin-right: 0; margin-left: -311px; }
|
||||
#content-wrapper.content-right #content { margin-left: 311px; margin-right: 0; width: auto; }
|
||||
#sidebar.sidebar-left { float: left; width: 250px; padding-right: 30px; border-right: 1px solid #eee; margin-right: 30px; }
|
||||
|
|
|
@ -1,5 +1,6 @@
|
|||
{hook run='content_end'}
|
||||
</div> <!-- /content -->
|
||||
{hook run='content_end'}
|
||||
</div> <!-- /content -->
|
||||
</div> <!-- /content-wrapper -->
|
||||
|
||||
|
||||
{if !$noSidebar && $sidebarPosition != 'left'}
|
||||
|
|
|
@ -127,12 +127,12 @@
|
|||
{include file='sidebar.tpl'}
|
||||
{/if}
|
||||
|
||||
<div id="content" role="main"
|
||||
class="{if $noSidebar}content-full-width{/if}
|
||||
{if $sidebarPosition == 'left'}content-right{/if}"
|
||||
{if $sMenuItemSelect=='profile'}itemscope itemtype="http://data-vocabulary.org/Person"{/if}>
|
||||
|
||||
{include file='nav_content.tpl'}
|
||||
{include file='system_message.tpl'}
|
||||
|
||||
{hook run='content_begin'}
|
||||
<div id="content-wrapper" class="{if $sidebarPosition == 'left'}content-right{/if}">
|
||||
<div id="content" role="main"
|
||||
class="{if $noSidebar}content-full-width{/if}"
|
||||
{if $sMenuItemSelect=='profile'}itemscope itemtype="http://data-vocabulary.org/Person"{/if}>
|
||||
|
||||
{include file='nav_content.tpl'}
|
||||
{include file='system_message.tpl'}
|
||||
|
||||
{hook run='content_begin'}
|
|
@ -4,7 +4,7 @@
|
|||
</header>
|
||||
|
||||
<div class="block-content">
|
||||
<p id="block_blog_info"></p>
|
||||
<p id="block_blog_info" class="text"></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
|
|
@ -296,8 +296,10 @@
|
|||
|
||||
/* Хелперы
|
||||
---------------------------------------------------- */
|
||||
.mt-10 { margin-bottom: 10px !important; }
|
||||
.mt-20 { margin-bottom: 20px !important; }
|
||||
.mt-10 { margin-top: 10px !important; }
|
||||
.mt-15 { margin-top: 15px !important; }
|
||||
.mt-20 { margin-top: 20px !important; }
|
||||
.mt-30 { margin-top: 30px !important; }
|
||||
|
||||
.mb-10 { margin-bottom: 10px !important; }
|
||||
.mb-15 { margin-bottom: 15px !important; }
|
||||
|
@ -341,7 +343,18 @@
|
|||
.loader { background: #fafafa url(../images/loader.gif) 50% 50% no-repeat; }
|
||||
|
||||
.user, .ls-user { font-weight: bold; color: #333; }
|
||||
.user:before, .ls-user:before { content: ''; display: inline-block; width: 12px; height: 12px; margin-right: 4px; background: url(../images/icons-synio.png) -165px -75px no-repeat; vertical-align: middle; position: relative; top: -1px; }
|
||||
.ls-user { display: inline-block; }
|
||||
.user:before, .ls-user:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin-right: 4px;
|
||||
background: url(../images/icons-synio.png) -165px -75px no-repeat;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
}
|
||||
.user .icon-user { margin-right: 3px; }
|
||||
.username.inactive,
|
||||
.user.inactive { color: #aaa !important; }
|
||||
|
|
|
@ -22,14 +22,16 @@
|
|||
background: -ms-linear-gradient(top, #fdfdfd 0%,#f6f8f9 100%);
|
||||
background: linear-gradient(top, #fdfdfd 0%,#f6f8f9 100%);
|
||||
}
|
||||
#wrapper { overflow: hidden; zoom: 1; padding: 20px 16px 20px 27px; margin-bottom: 60px; background: #fff url(../images/sidebar-border.png) 100% 0px repeat-y; border-bottom: 1px solid #eee; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.05); box-shadow: 0 0 5px rgba(0,0,0,.05); border-radius: 10px; }
|
||||
#content { min-height: 1px; margin-right: 295px; background: #fff; position: relative; }
|
||||
#sidebar { float: right; width: 240px; }
|
||||
#footer { overflow: hidden; zoom: 1; margin-bottom: 20px; padding: 0 0 50px 30px; font-size: 11px; }
|
||||
#wrapper { overflow: hidden; zoom: 1; padding: 20px 16px 20px 27px; margin-bottom: 60px; background: #fff url(../images/sidebar-border.png) 100% 0px repeat-y; border-bottom: 1px solid #eee; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.05); box-shadow: 0 0 5px rgba(0,0,0,.05); border-radius: 10px; }
|
||||
#content-wrapper { float: left; width: 100%; margin-right: -295px; }
|
||||
#content { margin-right: 295px; background: #fff; position: relative; }
|
||||
#sidebar { float: right; width: 240px; }
|
||||
#footer { overflow: hidden; zoom: 1; margin-bottom: 20px; padding: 0 0 50px 30px; font-size: 11px; }
|
||||
|
||||
|
||||
#wrapper.no-sidebar { background-image: none; }
|
||||
#wrapper.no-sidebar #content { width: 100%; margin-right: 0; }
|
||||
#wrapper.no-sidebar { background-image: none; }
|
||||
#wrapper.no-sidebar #content { width: 100%; margin-right: 0; }
|
||||
#wrapper.no-sidebar #content-wrapper { margin-right: 0; }
|
||||
|
||||
#container.toolbar-margin { padding: 0; }
|
||||
#container.toolbar-margin #wrapper { margin-right: 48px; }
|
||||
#container.toolbar-margin { padding: 0; }
|
||||
#container.toolbar-margin #wrapper { margin-right: 48px; }
|
||||
|
|
|
@ -1,5 +1,6 @@
|
|||
{hook run='content_end'}
|
||||
</div> <!-- /content -->
|
||||
{hook run='content_end'}
|
||||
</div> <!-- /content -->
|
||||
</div> <!-- /content-wrapper -->
|
||||
</div> <!-- /wrapper -->
|
||||
|
||||
|
||||
|
|
|
@ -130,8 +130,9 @@
|
|||
{include file='sidebar.tpl'}
|
||||
{/if}
|
||||
|
||||
<div id="content" role="main" {if $sidebarPosition == 'left'}class="content-profile"{/if} {if $sMenuItemSelect=='profile'}itemscope itemtype="http://data-vocabulary.org/Person"{/if}>
|
||||
{include file='nav_content.tpl'}
|
||||
{include file='system_message.tpl'}
|
||||
|
||||
{hook run='content_begin'}
|
||||
<div id="content-wrapper" {if $sidebarPosition == 'left'}class="content-profile"{/if}>
|
||||
<div id="content" role="main" {if $sMenuItemSelect=='profile'}itemscope itemtype="http://data-vocabulary.org/Person"{/if}>
|
||||
{include file='nav_content.tpl'}
|
||||
{include file='system_message.tpl'}
|
||||
|
||||
{hook run='content_begin'}
|
Loading…
Reference in a new issue