| Current Path : /var/www/html/templates/t3_blank/less/ |
| Current File : /var/www/html/templates/t3_blank/less/style.less |
/**
*------------------------------------------------------------------------------
* @package T3 Framework for Joomla!
*------------------------------------------------------------------------------
* @copyright Copyright (C) 2004-2013 JoomlArt.com. All Rights Reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
* @authors JoomlArt, JoomlaBamboo, (contribute to this project at github
* & Google group to become co-author)
* @Google group: https://groups.google.com/forum/#!forum/t3fw
* @Link: http://t3-framework.org
*------------------------------------------------------------------------------
*/
// ---------------------------------------------------------
// HEADER
// ---------------------------------------------------------
.t3-header {
padding-top: @T3globalPadding;
padding-bottom: @T3globalPadding;
}
// Logo
// ---------------------------------------------------------
.logo {
float: left;
a {
display: inline-block;
line-height: 1;
margin: 0;
}
}
// Logo Image
// ----------
.logo-image {
overflow: hidden;
a {
background-repeat: no-repeat;
width: @T3logoWidth;
height: @T3logoHeight;
}
//hide sitename and slogan
span, small {
display: none;
}
}
// Logo Text
// ----------
.logo-text {
a {
color: @grayDark;
text-decoration: none;
font-size: @fontSizeLarge;
}
&:hover a,
a:hover,
a:active,
a:focus {
text-decoration: none;
}
// Taglines
.site-slogan {
display: block;
font-size: @baseFontSize;
margin-top: 5px;
}
}
// Head Search
// ------------------------------------------------------
.head-search {
float: right;
margin-top: @T3globalMargin;
form {
margin: 0;
float: right;
}
label {
display: none;
}
.search {
}
.input {
background: url("@{T3ImagePath}/ico/search-invert.png") no-repeat 8px center;
width: 120px;
padding-left: 26px;
// focus state
&:focus {
color: @grayDark;
width: 180px;
}
}
}
// ---------------------------------------------------------
// SPOTLIGHTS
// ---------------------------------------------------------
.t3-sl {
padding-bottom: @T3globalPadding * 3;
padding-top: @T3globalPadding * 3;
// /.clearfix();
}
// Spotlight 1
// -----------
.t3-sl-1 {
}
// Spotlight 2
// -----------
.t3-sl-2 {
}
// Spotlight 3
// -----------
.t3-sl-3 {
}
// Spotlight 4
// -----------
.t3-sl-4 {
}
// ---------------------------------------------------------
// MAIN BODY
// ---------------------------------------------------------
.t3-mainbody {
padding-bottom: @T3globalPadding * 2;
padding-top: @T3globalPadding * 2;
}
// Content
// -------
.t3-content {
}
// Sidebars
// --------
.t3-sidebar {
}
.t3-sidebar-1 {
}
.t3-sidebar-2 {
}
// ---------------------------------------------------------
// FOOTER
// ---------------------------------------------------------
.t3-footer {
background: @grayDarker;
color: @gray;
.clearfix();
// small
small {
display: block;
font-size: 100%; //Use global footer font size.
}
// links
a {
color: @T3FooterModuleColor;
// Link States
&:hover, &:active, &:focus {
color: lighten(@gray,50%);
}
}
}
// Foot Nav
// --------
.t3-footnav {
padding: (@T3globalPadding * 3) 0 (@T3globalPadding * 2);
.clearfix();
ul {
list-style: none;
margin-left: 0;
}
li {
line-height: 24px;
}
.module-title {
font-size: @baseFontSize + 4px;
color: @T3FooterModuleTitleColor;
}
}
// Copyright
// ---------
.t3-copyright {
border-top: 1px solid lighten(@grayDarker,5%);
font-size: @T3smallerFontSize;
padding: (@T3globalPadding * 2) 0 (@T3globalPadding * 4);
.clearfix();
}
.copyright {
float: left;
}
.poweredby {
float: right;
text-align: right;
.t3-logo,
.t3-logo-small {
float: right;
opacity: .5;
}
}
// ---------------------------------------------------------
// MISC.
// ---------------------------------------------------------