Current Directory: /home/astoriaah/www/old15/templates/client/less/layout
Viewing File: /home/astoriaah/www/old15/templates/client/less/layout/base.less
/* Main Container - renamed from .container to avoid issue with Zentools v1
-----------------------------------------------------------------------------*/
.mainstyle() {
margin-bottom:@grid-gutter-width;
padding:15px 30px;
.box-shadow();
background:#fff;
}
.nostyle() {
padding:0px;
box-shadow:none;;
margin-bottom:0px;
background:none
}
.container {
margin:0 auto;
max-width:100%;
//background: @mainContainerBG;
padding: 0 !important;
.container {
width:100%;
max-width:100%;
float:left;
}
}
#logowrap,
#navwrap,
#bannerwrap,
#topwrap,
.zentools {
.container > div{
.nostyle
}
}
#main .moduletable,
#breadcrumb .moduletable {
.nostyle
}
.inset-container {
width:100%;
margin-top:@grid-gutter-width;
position:relative;
z-index:1;
.moduletable,
#main,
.tab-content{
.mainstyle;
}
.tab-content {
float:left;
width:100%
}
}
#right-inner-col {
float:right;
width:200px;
z-index:2;
width:@navbar-height;
position:relative;
z-index:10;
left:auto;
right:0;
top:0;
#socialicons {
ul {
margin:0 !important;
width:100%
}
li {
margin-bottom:0;
@media screen and (max-width: @grid-float-breakpoint) {
margin:0 -4px 0 0 !important
}
}
a,span{
background:lighten(@primary,10%);
color:#fff !important;
float:left;
width:100%;
margin-bottom:0;
text-align:center;
font-weight:300;
line-height:@navbar-height;
width:@navbar-height;
height:@navbar-height;
padding:0;
@media screen and (max-width: @grid-float-breakpoint) {
height: (@navbar-height );
line-height: (@navbar-height );
font-size:18px;
}
@media (max-width:@screen-sm) {
height: (@navbar-height / 2);
line-height: (@navbar-height / 2);
font-size:14px;
width:(@navbar-height / 2);
}
&:hover {
background:@secondary;
color:#fff !important
}
}
a{
@media screen and (max-width: @grid-float-breakpoint) {
margin-top:-10px;
font-size:18px;
}
}
}
}
#left-inner-col {
margin-right:@navbar-height + (@grid-gutter-width);
@media screen and (max-width: @grid-float-breakpoint) {
margin-right:0;
width:100%
}
.full-width {
width:100% !important;
#sidebar-2 {
padding-right:0 !important
}
}
}
@media screen and (max-width: @screen-md) {
#left-inner-col,
#right-inner-col {
width:100%;
}
#right-inner-col {
left:0;
margin-bottom:@grid-gutter-width;
ul {
float:left !important;
text-align:left !important;
}
}
}
#sticky-logowrap.uk-active {
#logowrap {
margin-left:-50%;
left:50%;
width:100% !important;
}
}
#left-inner-col.full-width {width:100%}