Форум во всю ширину

[alexfed]

Всем привет
вот мой форум

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

нужн чтобы было так

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

вот мой public.CSS (просьба проставить цифры или просто ткнуть носом где надо пририсовать.)
в одну сторону получилось вдвинуть и растянуть (в левую) а в правую не как!!!

<xen:include template="header.css" />

<xen:include template="footer.css" />

<xen:include template="breadcrumb.css" />

<xen:include template="navigation.css" />

<xen:include template="search_bar.css" />

/** move the header to the top again **/

#headerMover
{
position: relative;
zoom: 1;
}

#headerMover #headerProxy
{
@property "header.background";

@property "/header.background";
height: {xen:calc '@headerLogoHeight + @headerTabHeight * 2 + 2'}px; /* +2 borders */
}

#headerMover #header
{
width: 100%;
position: absolute;
top: 0px;
left: 0px;
}


/** Generic page containers **/

.pageWidth
{
@property "pageWidth";
margin-right: 0 20px;
margin-left: 0 100px;
_width: 976px;
_margin: 30px;
max-width: @uix_pageWidth;
@property "/pageWidth";
}

.NoResponsive body
{
<xen:if is="@nonResponsiveMinWidth">min-width: @nonResponsiveMinWidth;</xen:if>
}

#content .pageContent
{
@property "content";
background-color: @contentBackground;
padding: @uix_gutterWidth;
margin-bottom: @uix_gutterWidth;
border: @uix_primaryBorder.border-width solid @uix_primaryBorder.border-color;
border-radius: @uix_primaryBorder.border-radius;
@property "/content";
}

{xen:helper clearfix, '#content .pageContent'}

<xen:include template="sidebar.css" />

/** Text used in message bodies **/

.messageText
{
@property "messageText";
font-size: 11pt;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.4;
@property "/messageText";
}

.messageText img,
.messageText iframe,
.messageText object,
.messageText embed
{
max-width: 100%;
}

/** Link groups and pagenav container **/

.pageNavLinkGroup
{
display: table;
*zoom: 1;
table-layout: fixed;
box-sizing: border-box;

@property "pageNavLinkGroup";
font-size: 11px;
margin: @uix_gutterWidthSmall 0;
line-height: 18px;
@property "/pageNavLinkGroup";
}

opera:-o-prefocus, .pageNavLinkGroup
{
display: block;
overflow: hidden;
}

.pageNavLinkGroup:after
{
content: ". .";
display: block;
word-spacing: 99in;
overflow: hidden;
height: 0;
font-size: 0.13em;
line-height: 0;
}

.pageNavLinkGroup .linkGroup
{
float: right;
}

.linkGroup
{
}

.linkGroup a
{
@property "linkGroupLink";
padding: 3px 0;
@property "/linkGroupLink";
}

.linkGroup a.inline
{
padding: 0;
}

.linkGroup a,
.linkGroup .Popup,
.linkGroup .element
{
margin-left: @linkGroupLinkSpacing;
display: block;
float: left;
<xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
}

.linkGroup .Popup a
{
margin-left: -2px;
margin-right: -5px;
*margin-left: @linkGroupLinkSpacing;
padding: @linkGroupLink.padding-top 5px;
}

.linkGroup .element
{
padding: 3px 0;
}

/** Call to action buttons **/

a.callToAction
{
@property "callToAction";
display: inline-block;
line-height: 42px;
outline: 0 none;
height: 42px;
@property "/callToAction";

}

a.callToAction span
{
@property "callToActionSpan";
font-weight: bold;
font-size: @uix_globalFontSize;
font-family: @button.font-family;
color: #FFF;
background-color: @uix_primaryColor;
padding: 0 @uix_gutterWidth;
border-radius: @uix_globalBorderRadius;
display: block;
@property "/callToActionSpan";
}

a.callToAction:hover
{
text-decoration: none;
}

a.callToAction:hover span
{
@property "callToActionHover";
background-color: @uix_secondaryColor;
@property "/callToActionHover";
}

a.callToAction:active
{
/*position: relative;
top: 2px;*/
}

a.callToAction:active span
{
@property "callToActionActive";
background-color: @primaryMedium;
@property "/callToActionActive";
}

/*********/

.avatarHeap
{
overflow: hidden; zoom: 1;
}

.avatarHeap ol
{
margin-right: -4px;
margin-top: -4px;
}

.avatarHeap li
{
float: left;
margin-right: 4px;
margin-top: 4px;
}

.avatarHeap li .avatar
{
display: block;
}

/*********/

.fbWidgetBlock .fb_iframe_widget,
.fbWidgetBlock .fb_iframe_widget > span,
.fbWidgetBlock .fb_iframe_widget iframe
{
width: 100% !important;
}

<xen:include template="username_styles.css" />

<xen:include template="thread_prefixes.css" />

<xen:include template="user_banners.css" />

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveWideWidth)
{
.Responsive .pageWidth
{
@property "pageWidthResponsiveWide";

@property "/pageWidthResponsiveWide";
}

.Responsive #content .pageContent
{
padding-left: {xen:calc '@content.padding-left / 2'}px;
padding-right: {xen:calc '@content.padding-right / 2'}px;
}
}

@media (max-width:@maxResponsiveMediumWidth)
{
.Responsive .pageWidth
{
@property "pageWidthResponsiveMedium";
padding-right: 0;
padding-left: 0;
margin-right: 0;
margin-left: 0;
@property "/pageWidthResponsiveMedium";
}

.Responsive .forum_view #pageDescription,
.Responsive .thread_view #pageDescription
{
display: none;
}
}

@media (max-width:@maxResponsiveNarrowWidth)
{
.Responsive .pageWidth
{
@property "pageWidthResponsiveNarrow";

@property "/pageWidthResponsiveNarrow";
}

.Responsive .pageNavLinkGroup .PageNav,
.Responsive .pageNavLinkGroup .linkGroup
{
clear: right;
}
}
</xen:if>

<xen:include template="EXTRA.css" />

 

[Hope]

Вопрос в тему стиля.