Current Directory: /home/astoriaah/www/old15/templates/client/less/mixins
Viewing File: /home/astoriaah/www/old15/templates/client/less/mixins/zenmixins.less
// Pallette
.primary1 () {
background: darken(@primary, 15%);
border: 0;
color: #fff
}
.primary2 () {
background: lighten(@primary, 15%);
border: 0;
color: #fff
}
.secondary1 () {
background: darken(@secondary, 15%);
border: 0;
color: #fff
}
.secondary2 () {
background: lighten(@secondary, 15%);
border: 0;
color: darken(@secondary, 30%)
}
.zenborder () {
border:1px solid @border-color
}
.reset() {
border:0;
box-shadow: none;
background-image:none;
background: none;
padding: 0;
margin: 0
}
.padding () {
padding:10px 3%;
}
.padding-row () {
padding: 20px 0 0px;
}
.padding-row-bottom() {
padding: 0 0 30px;
}
.margin() {margin: 0 0 30px}
.noshadow () {
text-shadow: none
}
// Display Items
.dividerstyle () {
border-bottom:4px solid lighten(@minorborderColor, 40%);
}
.dividertop () {
background-position: right top
}
.myshadow() {
.box-shadow(inset 0px 0px 4px rgba(0,0,0,.06));
}
// Lists
.flatlist () {
float: left;
margin: 0 3% 0 0
}
.simplelist() {
ul {
margin: 0;
.lastchild();
.firstchild();
}
li {
list-style-type: none;
padding: 8px 0;
border-bottom:1px solid #eee;
li {background:none !important}
}
ol {
list-style-type:decimal;
li {
}
}
}
.lastchild() {
li:last-child,
li:last-child a {
border-bottom:0;
}
}
.firstchild() {
li:first-child,
li:first-child a {
border-top:0;
}
}
.btn() {
color:@btn-primary-color !important;
background: @btn-primary-bg !important;
border: 1px solid @btn-primary-border !important;
padding:20px 30px;
&:hover {
color:@btn-primary-color-hover !important;
background: @btn-primary-bg-hover !important;
border: 1px solid @btn-primary-border-hover !important;
text-decoration:none
}
}
.btn-active() {
color:@btn-primary-color-hover !important;
background: @btn-primary-bg-hover !important;
border: 1px solid @btn-primary-border-hover !important;
}
.textshadow() {
text-shadow:1px 1px 0 rgba(255,255,255, 0.3);
}
.box-shadow() {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 8px rgba(0, 0, 0, 0.05);
}
.img-border() {
background: #fff !important;
padding: 4px;
border:1px solid @border-color;
margin-bottom: 20px;
}
.gradient (@startColor: #eee, @endColor: white) {
background-color: @startColor;
background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
background: -webkit-linear-gradient(top, @startColor, @endColor);
background: -moz-linear-gradient(top, @startColor, @endColor);
background: -ms-linear-gradient(top, @startColor, @endColor);
background: -o-linear-gradient(top, @startColor, @endColor);
}
.border-radius (@radius: 5px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
@c1: lighten(#fafafa, 0%);
@cs1: 30%;
@c2: #fafafa;
@cs2: 50%;
@c3: lighten(#fafafa, 1%);
@cs3: 100%;
.vertical-3 {
background: @c3; /* Old browsers */
background: -moz-linear-gradient(top, @c1 @cs1, @c2 @cs2, @c3 @cs3); /* FF 3.6+ */
background: -ms-linear-gradient(top, @c1 @cs1, @c2 @cs2, @c3 @cs3); /* IE10 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(@cs1, @c1), color-stop(@cs2, @c2), color-stop(@cs3, @c3)); /* Safari 4+, Chrome 2+ */
background: -webkit-linear-gradient(top, @c1 @cs1, @c2 @cs2, @c3 @cs3); /* Safari 5.1+, Chrome 10+ */
background: -o-linear-gradient(top, @c1 @cs1, @c2 @cs2, @c3 @cs3); /* Opera 11.10 */
background: linear-gradient(top, @c1 @cs1, @c2 @cs2, @c3 @cs3); /* the standard */
}
.transition() {
-webkit-transition:color 0.2s ease-in;
-moz-transition:color 0.2s ease-in;
-o-transition:color 0.2s ease-in;
transition:color 0.2s ease-in;
-webkit-transition:background-color 0.2s ease-in;
-moz-transition:background-color 0.2s ease-in;
-o-transition:background-color 0.2s ease-in;
transition:background-color 0.2s ease-in;
}
.bodyshadow() {
text-shadow: 1px 1px 0 #f9f9f9;
}
.resetmodal {
position:relative;
width:auto !important;
left:auto!important;
top:auto!important;
.box-shadow(none);
.border-radius(0)!important;
}