1
0
Fork 0
mirror of https://github.com/Oreolek/ifhub.club.git synced 2024-07-01 05:55:02 +03:00

Фикс верстки

This commit is contained in:
Denis Shakhov 2012-09-27 10:03:57 +07:00
parent 7fbff46de6
commit b1630489d8
11 changed files with 75 additions and 45 deletions

View file

@ -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>

View file

@ -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; }

View file

@ -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; }

View file

@ -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; }

View file

@ -1,5 +1,6 @@
{hook run='content_end'}
</div> <!-- /content -->
{hook run='content_end'}
</div> <!-- /content -->
</div> <!-- /content-wrapper -->
{if !$noSidebar && $sidebarPosition != 'left'}

View file

@ -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'}

View file

@ -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>

View file

@ -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; }

View file

@ -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; }

View file

@ -1,5 +1,6 @@
{hook run='content_end'}
</div> <!-- /content -->
{hook run='content_end'}
</div> <!-- /content -->
</div> <!-- /content-wrapper -->
</div> <!-- /wrapper -->

View file

@ -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'}