Current Directory: /home/astoriaah/www/old15/templates/client/less/style
Viewing File: /home/astoriaah/www/old15/templates/client/less/style/modules.less
.zen-module-title {
margin-bottom:10px;
}
.moduletable {
float:left;
width:100%;
h3 :after {
height:4px;
background:#d3d3d3;
content:" ";
width:40px;
left:0;
bottom:-12px;
position:absolute;
}
&.primary,
&.primary1 {
h3 :after {
background:@primary;
}
}
&.primary2 {
h3 :after {
background:@primary2;
}
}
&.primary3 {
h3 :after {
background:@primary3;
}
}
&.secondary,
&.secondary1 {
h3 :after {
background:@secondary;
}
}
&.secondary2 {
h3 :after {
background:@secondary2;
}
}
&.secondary3 {
h3 :after {
background:@secondary3;
}
}
}
#mainWrap {
div.primary1 {
background:@primary;
color:#fff;
padding:10px;
p {
color:#fff;
}
}
div.primary2 {
background:@primary2;
color:#fff;
padding:10px;
p {
color:#fff;
}
}
div.primary3 {
background:@primary3;
color:#fff;
padding:10px;
p {
color:#fff;
}
}
div.secondary1 {
background:@secondary;
color:#fff;
padding:10px;
p {
color:#fff;
}
}
div.secondary2 {
background:@secondary2;
color:#fff;
padding:10px;
p {
color:#fff;
}
}
div.secondary3 {
background:@secondary3;
color:#fff;
padding:10px;
p {
color:#fff;
}
}
div.moduletable {
background:#fff;
padding:15px 30px;
p {
color:@text-color
}
}
}
.moduletable.nopadding {
padding:0;
p {
padding:0 30px;
&:first-child {
padding:0
}
}
.zen-module-title {
margin:0 !important;
h3 {
position:absolute;
z-index:20;
background:#333;
background:rgba(0,0,0,0.6);;
padding:12px 10px;
margin-top:0px;
:after {
background:none;
}
span {
color:#fff
}
}
}
h1,h2,h3 {
padding:0 30px
}
}
.moduletable.large {
i {
font-size:6em
}
}
/* Default
-----------------------------------------------------------------------------*/
div,
.moduletable,
#mainWrap div {
&.rounded {
.border-radius(4px)
}
}
#mainWrap {
div.border,
.moduletable.border {
padding:10px;
background: #fff;
border:1px solid @border-color;
p {
color:@text-color;
}
}
.moduletable.border {
padding:8px;
border:0;
.module-inner {
padding:7px 22px;
border:1px solid @border-color
}
}
}
/* Dark
-----------------------------------------------------------------------------*/
.moduletable.dark {
background: #333;
border:1px solid #111;
color: #fff ;
p {
color:#fff
}
}
#mainWrap,
#bottomrow {
.moduletable.dark {
p {
color:#fff
}
}
}
/* Light
-----------------------------------------------------------------------------*/
.moduletable.light {
color: @text-color;
background: #fff;
.zen-module-title h3 {
.border-radius(0) !important;
}
}
/* Align module heading to the right
-----------------------------------------------------------------------------*/
.right-heading {
h3 {
text-align: right;
}
}
/* Shadow Styling
-----------------------------------------------------------------------------*/
.moduletable.shadow,
.inset.shadow .zen-module-body,
div.shadow {
box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.1);
padding:15px 30px;
}
.moduletable.inset.shadow {
box-shadow:none
}
.inset.shadow .zen-module-body {
padding:30px 30px 10px
}
.moduletable.shadow2,
.inset.shadow2 .zen-module-body,
div.shadow2 {
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
padding:15px 30px;
}
.moduletable.inset.shadow2 {
box-shadow:none
}
.inset.shadow2 .zen-module-body {
padding:30px 30px 10px
}
.inset {
.zen-module-body {
background:#fff;
border:1px solid @border-color;
padding:20px;
}
}
/* Image Border
-----------------------------------------------------------------------------*/
img.border,
.zenborder img {
.img-border()
}
/* Centered
-----------------------------------------------------------------------------*/
.moduletable.centered {
clear:both;
.zen-module-title {
margin-bottom:30px;
margin-top:30px;
em {color:@primary}
h3 {
border-bottom:1px solid @border-color;
line-height:0.3em;
span {
}
}
}
h1,h2,h3,h4,h5,h6,p{
text-align:center;
font-weight:bold
}
}