%PDF- %PDF-
| Direktori : /home1/lightco1/www/elstead.com.au/templates/purity_iii/less/layouts/ |
| Current File : //home1/lightco1/www/elstead.com.au/templates/purity_iii/less/layouts/porfolio.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
*------------------------------------------------------------------------------
*/
// VARIABLES & MIXINS
// ------------------
@import "../vars.less"; // Modify this for custom colors, font-sizes, etc
// ---------------------------------------------------------
// PORFOLIO LAYOUT
// ---------------------------------------------------------
// Page header
// ---------------------
.porfolio .page-header {
text-align: center;
border-bottom: 0;
margin-top: @t3-global-margin / 2;
margin-bottom: 0;
padding: 0;
}
// Porfolio Items
// ---------------------
.porfolio-items {
margin-top: @t3-global-margin;
padding-top: @t3-global-padding;
border-top: 1px solid @t3-border-color;
text-align: center;
.thumbnail {
border: 0;
padding: 0;
margin: @t3-global-margin 0;
}
// Link
.thumbnail > a {
color: @text-color;
text-decoration: none;
// Links states
&:hover, &:active, &:focus {
color: @link-color;
text-decoration: none;
}
}
// Image
.item-image {
float: none !important;
border: 1px solid @t3-border-color;
padding: 3px;
position: relative;
.transition(border-color 0.2s ease-in);
img {
width: 100%;
padding: 0;
}
}
.thumbnail > a {
&:hover, &:active, &:focus {
.item-image {
border-color: darken(@t3-border-color, 20%);
}
.item-image img {
opacity: .7;
}
}
}
// Title
h3 {
margin-top: @t3-global-margin;
margin-bottom: 5px;
font-weight: 700;
font-size: @font-size-large;
}
// Intro
p {
color: @gray;
margin: 0;
}
}
// Porfolio Extra Fields
// ---------------------
.porfolio {
// State
.item-state {
width: 70px;
height: 70px;
background: url(../../images/porfolio-item-states.png) no-repeat center top;
display: block;
text-indent: -9999em;
position: absolute;
top: -3px;
right: -3px;
}
.state-free {
background-position: center;
}
.state-hot {
background-position: center bottom;
}
// Demo URL
.item-demo-url {
display: inline-block;
margin-top: @t3-global-margin;
}
}