Current Directory: /home/astoriaah/www/old15/templates/client/less/style
Viewing File: /home/astoriaah/www/old15/templates/client/less/style/typography.less
/* Typography
-----------------------------------------------------------------------------*/
h1 {
margin:10px 0;
font-size: @font-size-base * 3;
line-height: @line-height-base * 1;
small {
font-size: @font-size-base * 2;
}
}
h2 {
margin:10px 0;
font-size: @font-size-base * 2;
line-height: @line-height-base * 1;
small {
font-size: @font-size-base * 1.5;
}
clear:both
}
h3 {
margin:10px 0;
font-size: @font-size-base *1.8;
line-height: @line-height-base * 1;
position:relative;
z-index:10;
font-weight:bold;
small {
font-size: @font-size-base + 2px;
}
i {margin-right:10px}
@media (max-width:@screen-sm) {
font-size:150%
}
}
.moduletable h3 {
line-height:1em;
margin-bottom:30px
}
h4 {
margin:10px 0;
font-size: @font-size-base + 2px;
line-height: @line-height-base;
small {
font-size: @font-size-base;
}
}
h5 {
margin:10px 0;
font-size: @font-size-base + 1px;
line-height: @line-height-base;
small {
font-size: @font-size-base - 2px;
}
}
h6 {
margin:10px 0;
font-size: @font-size-base;
line-height: @line-height-base;
}
body,p {
font-weight:@body-font-weight
}
h1,h2,h3,h4,h5,h6 {
font-weight:@headings-font-weight
}
ul,legend {
margin-bottom:30px
}
/* Content Classes
-----------------------------------------------------------------------------*/
h2.article-title,
h1.article-title,
.componentheading,
.contentheading {
margin: 0 0 30px !important;
position:relative;
z-index:1;
a:hover {
text-decoration:none;
color:@secondary !important
}
:after,
&:after {
height:4px;
background:@secondary;
content:" ";
width:40px;
left:0px;
bottom:-8px;
position:absolute;
}
}
h2.article-title {
font-size:2.6em
}
.alert {
margin-bottom:30px
}
.alert{
&.alert-message {
background: @alert-info-bg;
color: @alert-info-text;
border:1px solid @alert-info-border
}
&.alert-block,
&.alert-warning,
&.btn-warning {
border-color:@alert-warning-border !important;
color:@alert-warning-text !important;
h4 {
color:@alert-warning-text !important
}
}
&.alert-error,
&.btn-error {
border-color:@alert-danger-border !important;
color:@alert-danger-text !important ;
h4 {
color:@alert-danger-text !important
}
}
&.alert-success,
&.btn-success {
border: 2px solid @alert-success-border !important;
color:@alert-success-text !important;
h4 {
color:@alert-success-text !important
}
}
&.alert-info,
&.btn-info {
border: 2px solid @alert-info-border !important;
color:@alert-info-text !important;
h4 {
color:@alert-info-text !important
}
}
&.btn-danger {
border: 2px solid @alert-warning-border !important;
color:@alert-warning-text !important;
h4 {
color:@alert-warning-text !important
}
}
padding:20px 30px 20px;
.border-radius(0);
color:#fff;
a,button,p,div,h4 {
color:@text-color;
opacity:1
}
}
input {
.border-radius(0) !important
}
#mainWrap {
h1, h2 {margin:0;}
h1 span,
h2 span,
h1 a,
h2 a,
p,
div,
li {
color:@text-color;
font-weight:300;
&:hover {
}
}
}
/* Images
-----------------------------------------------------------------------------*/
img {
display: block;
max-width: 100%;
height: auto;
&.fullwidth {
width:100%
}
}
/* Paragraph
-----------------------------------------------------------------------------*/
p {
margin: 0 0 30px;
line-height: @line-height-base * 1.2;
small, .small {
font-size: @t3-font-size-small;
color: @gray-light;
}
color:@text-color
}
a,.zentitle {
.transition();
}
/* Emphasis and Misc
-----------------------------------------------------------------------------*/
small {
font-size: 85%; // Ex: 14px base font * 85% = about 12px
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
cite {
font-style: normal;
}
.muted {
color: @gray-light;
}
.highlight {
background-color: #FFC;
font-weight: bold;
padding: 1px 4px;
}
/* Links
-----------------------------------------------------------------------------*/
code {
display: block;
max-height: 400px;
overflow: scroll;
margin: 20px 0;
}
body {
h1,
h1 a,
h2,
h2 a,
.moduletable h3,
h4,
h5,
h6 {
color: @headings-color;
}
}
/* Reset JB Type blockquotes
-----------------------------------------------------------------------------*/
blockquote {
font-size:1.7em !important;
line-height: 1.2em;
margin:20px 0 !important;
font-weight:300;
color:#999;
letter-spacing:0.12px;
}
blockquote,
blockquote p,
.jb_quoteleft,
.jb_quoteleft p,
.jb_quoteright,
.jb_quoteright p {
}
blockquote,
.jb_quoteleft,
.jb_quoteright {
p {
background:none !important;
line-height: 1.2em;
}
}
.jb_author {float:right;color:#999;font-style:italic}
/* More Styles
-----------------------------------------------------------------------------*/
.headline{
text-align: center;
color: @headings-color;
clear:both;
background:#fff;
line-height:3em;
border-bottom:1px solid #eee;
border-top:1px solid #eee
}
.subheading {
text-align:center;
font-style: italic;
padding: 10px;
color: lighten(@text-color, 30%);
margin-bottom:30px;
font-size: 90%;
background:none;
border-top:1px solid #fff
}
ul.simple {
.simplelist();
.lastchild();
.firstchild();
margin: 0 0 30px;
li {
list-style-type: none;
padding:8px 0 !important;
}
}
/* Divider
-----------------------------------------------------------------------------*/
div.divider {
height:1px;
border-bottom:1px solid #fff;
border-top:1px solid #eee;
margin-bottom:30px;
clear:both
}
.item-inner {
box-shadow:0 0 4px rgba(0,0,0,0.3);
}
.minus100 {
margin-top:-100px
}
.minus110 {
margin-top:-110px
}
.minus90 {
margin-top:-90px
}
.minus80 {
margin-top:-80px
}
.minus70 {
margin-top:-70px
}
.minus60 {
margin-top:-60px
}
.minus50 {
margin-top:-50px
}
.minus40 {
margin-top:-40px
}
.minus30 {
margin-top:-30px
}
.minus20 {
margin-top:-20px
}
.minus10 {
margin-top:-10px
}