You've already forked joomla_test
first commit
This commit is contained in:
alazhar
84
templates/as002036free/less/bootstrap.less
vendored
Normal file
84
templates/as002036free/less/bootstrap.less
vendored
Normal file
@ -0,0 +1,84 @@
|
||||
// CSS Reset
|
||||
@import "../../../media/jui/less/reset.less";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "variables.less"; // Custom for this template
|
||||
@import "../../../media/jui/less/mixins.less";
|
||||
|
||||
// Grid system and page structure
|
||||
@import "../../../media/jui/less/scaffolding.less";
|
||||
@import "../../../media/jui/less/grid.less";
|
||||
@import "../../../media/jui/less/layouts.less";
|
||||
|
||||
// Base CSS
|
||||
@import "../../../media/jui/less/type.less";
|
||||
@import "../../../media/jui/less/code.less";
|
||||
@import "../../../media/jui/less/forms.less";
|
||||
@import "../../../media/jui/less/tables.less";
|
||||
|
||||
// Components: common
|
||||
// @import "../../../media/jui/less/sprites.less";
|
||||
@import "../../../media/jui/less/dropdowns.less";
|
||||
@import "../../../media/jui/less/wells.less";
|
||||
@import "../../../media/jui/less/component-animations.less";
|
||||
@import "../../../media/jui/less/close.less";
|
||||
|
||||
// Components: Buttons & Alerts
|
||||
@import "../../../media/jui/less/buttons.less";
|
||||
@import "../../../media/jui/less/button-groups.less";
|
||||
@import "../../../media/jui/less/alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less
|
||||
|
||||
// Components: Nav
|
||||
@import "../../../media/jui/less/navs.less";
|
||||
@import "../../../media/jui/less/navbar.less";
|
||||
@import "../../../media/jui/less/breadcrumbs.less";
|
||||
@import "../../../media/jui/less/pagination.less";
|
||||
@import "../../../media/jui/less/pager.less";
|
||||
|
||||
// Components: Popovers
|
||||
@import "../../../media/jui/less/modals.less";
|
||||
@import "../../../media/jui/less/tooltip.less";
|
||||
@import "../../../media/jui/less/popovers.less";
|
||||
|
||||
// Components: Misc
|
||||
@import "../../../media/jui/less/thumbnails.less";
|
||||
@import "../../../media/jui/less/labels-badges.less";
|
||||
@import "../../../media/jui/less/progress-bars.less";
|
||||
@import "../../../media/jui/less/accordion.less";
|
||||
@import "../../../media/jui/less/carousel.less";
|
||||
@import "../../../media/jui/less/hero-unit.less";
|
||||
|
||||
// Utility classes
|
||||
@import "../../../media/jui/less/utilities.less";
|
||||
|
||||
// RESPONSIVE CLASSES
|
||||
// ------------------
|
||||
|
||||
@import "../../../media/jui/less/responsive-utilities.less";
|
||||
|
||||
|
||||
// MEDIA QUERIES
|
||||
// ------------------
|
||||
|
||||
// Phones to portrait tablets and narrow desktops
|
||||
@import "../../../media/jui/less/responsive-767px-max.less";
|
||||
|
||||
// Tablets to regular desktops
|
||||
@import "../../../media/jui/less/responsive-768px-979px.less";
|
||||
|
||||
// Large desktops
|
||||
@import "../../../media/jui/less/responsive-1200px-min.less";
|
||||
|
||||
|
||||
// RESPONSIVE NAVBAR
|
||||
// ------------------
|
||||
|
||||
// From 979px and below, show a button to toggle navbar contents
|
||||
@import "../../../media/jui/less/responsive-navbar.less";
|
||||
|
||||
// Extended for JUI
|
||||
@import "../../../media/jui/less/bootstrap-extended.less"; // Has to be last to override when necessary
|
||||
|
||||
// Icon Font
|
||||
@import "icomoon.less";
|
||||
//@import "font-awesome.less";
|
||||
545
templates/as002036free/less/default.less
Normal file
545
templates/as002036free/less/default.less
Normal file
@ -0,0 +1,545 @@
|
||||
// Core variables and mixins
|
||||
@import "variables.less"; // Custom for this template
|
||||
@import "../../../media/jui/less/mixins.less";
|
||||
|
||||
img{max-width: 100%;}
|
||||
a:focus{outline: none;}
|
||||
a.selected{color:@linkColorHover;}
|
||||
a:hover{text-decoration: none;}
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#wrapper{
|
||||
min-height: 100%;
|
||||
height: auto !important;
|
||||
height: 100%;
|
||||
margin: 0 auto -180px;
|
||||
}
|
||||
|
||||
#push, #footer-wrapper {
|
||||
height: 180px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*=================================================================*/
|
||||
/*======================= MODULE STYLES ===========================*/
|
||||
/*=================================================================*/
|
||||
|
||||
/*== Search ==*/
|
||||
|
||||
.mod-search__aside{
|
||||
.mod-search_searchword{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/*== Login ==*/
|
||||
|
||||
.mod-login__aside{
|
||||
.mod-login_username, .mod-login_passwd{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.mod-login_submit{
|
||||
margin: 9px 0;
|
||||
}
|
||||
|
||||
#form-login-remember label{margin-bottom: 20px;}
|
||||
|
||||
/*Finder*/
|
||||
#mod-finder-searchword{
|
||||
.border-radius(0px);
|
||||
margin-bottom: 4px;
|
||||
border: 1px solid #ebebeb;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/*======================= MODULE ITEM WIDTH =======================*/
|
||||
|
||||
.fluidcol(@num){
|
||||
width: (100% - (@num - 1) * @fluidGridGutterWidth) / @num;
|
||||
}
|
||||
|
||||
.row-fluid {
|
||||
[class*="itemSpan"] {
|
||||
-moz-box-sizing: border-box;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-left: @fluidGridGutterWidth;
|
||||
min-height: 30px;
|
||||
width: 100%;
|
||||
}
|
||||
[class*="itemSpan"]:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.itemSpan1{ .fluidcol(1);}
|
||||
.itemSpan2{ .fluidcol(2);}
|
||||
.itemSpan3{ .fluidcol(3);}
|
||||
.itemSpan4{ .fluidcol(4);}
|
||||
.itemSpan5{ .fluidcol(5);}
|
||||
.itemSpan6{ .fluidcol(6);}
|
||||
.itemSpan7{ .fluidcol(7);}
|
||||
.itemSpan8{ .fluidcol(8);}
|
||||
.itemSpan9{ .fluidcol(9);}
|
||||
.itemSpan10{ .fluidcol(10);}
|
||||
.itemSpan11{ .fluidcol(11);}
|
||||
.itemSpan12{ .fluidcol(12);}
|
||||
}
|
||||
|
||||
|
||||
/*======================= MODAL WINDOW =======================*/
|
||||
|
||||
.modalClose{margin: 14px;}
|
||||
div.modal.fade.in.loginPopup{width: 260px; margin: -130px 0 0 -260px/2; top: 50%; left: 50%;}
|
||||
.login-greeting{margin: 0 0 9px 0;}
|
||||
.input-modal{width: 146px;}
|
||||
div.modal.fade{z-index: -500;}
|
||||
div.modal.fade.in{z-index: 1100;}
|
||||
|
||||
|
||||
/*======================= SOCIAL MEDIA =======================*/
|
||||
|
||||
.mod-menu__social{
|
||||
position: relative;
|
||||
z-index: 50;
|
||||
}
|
||||
|
||||
.social {
|
||||
text-align: right;
|
||||
width: 70px;
|
||||
position: absolute;
|
||||
margin: 0;
|
||||
top: 23px;
|
||||
left: -28px;
|
||||
li{
|
||||
display: inline;
|
||||
a{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
font-size: 0px;
|
||||
text-indent: -999px;
|
||||
&:hover{
|
||||
background-color: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.twitter{
|
||||
background: url(../images/social/twitter.png);
|
||||
}
|
||||
.facebook{
|
||||
background: url(../images/social/facebook.png);
|
||||
}
|
||||
.feed{
|
||||
background: url(../images/social/feed.png);
|
||||
}
|
||||
.youtube{
|
||||
background: url(../images/social/youtube.png);
|
||||
}
|
||||
.vimeo{
|
||||
background: url(../images/social/vimeo.png);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*=================================================================*/
|
||||
/*======================= COMPONENT STYLES ========================*/
|
||||
/*=================================================================*/
|
||||
|
||||
/*Forms*/
|
||||
|
||||
input, textarea {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
textarea{resize: none;}
|
||||
|
||||
select,
|
||||
textarea,
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="datetime"],
|
||||
input[type="datetime-local"],
|
||||
input[type="date"],
|
||||
input[type="month"],
|
||||
input[type="time"],
|
||||
input[type="week"],
|
||||
input[type="number"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="color"],
|
||||
.uneditable-input{
|
||||
.box-sizing(border-box);
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="datetime"],
|
||||
input[type="datetime-local"],
|
||||
input[type="date"],
|
||||
input[type="month"],
|
||||
input[type="time"],
|
||||
input[type="week"],
|
||||
input[type="number"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="color"]{
|
||||
line-height: 1 !important;
|
||||
padding: 7px 6px 6px !important;
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
|
||||
.checkbox-radio-wrap__inline{
|
||||
display: inline-block;
|
||||
margin-left: 6px;
|
||||
vertical-align: top;
|
||||
input[type="radio"], input[type="checkbox"] {
|
||||
margin: -2px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.page-registration, .page-remind, .page-reset, .page-login, .page-login, .page-profile__edit{
|
||||
form{
|
||||
label{
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
textarea.invalid{
|
||||
border: 1px solid #9D261D;
|
||||
}
|
||||
|
||||
.form-vertical{
|
||||
label{display: inline-block;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*======================= Archived Articles ===================*/
|
||||
|
||||
.filter-search.alert{padding: 8px 21px;}
|
||||
|
||||
/*======================= Search & Smart Search ========================*/
|
||||
|
||||
ul#finder-filter-select-dates {
|
||||
li.filter-date {
|
||||
margin-bottom: 4px;
|
||||
margin-right: 4px;
|
||||
select.filter-date-operator{
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#searchForm{
|
||||
fieldset{
|
||||
margin-bottom: 20px;
|
||||
label{
|
||||
display: inline-block;
|
||||
margin-right: 1em;
|
||||
}
|
||||
}
|
||||
.form-limit{
|
||||
label{float: left;}
|
||||
select{float: right; position: relative; top: -4px;}
|
||||
p{overflow: hidden; clear: both;}
|
||||
}
|
||||
}
|
||||
|
||||
dl.search-results{
|
||||
margin-bottom: 30px;
|
||||
dt{margin-top: 20px;}
|
||||
}
|
||||
|
||||
.navbar-form .btn, .navbar-form .btn-group {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
|
||||
/*======================= Gallery Page ========================*/
|
||||
|
||||
|
||||
.page-gallery, .page-item__gallery{
|
||||
a.zoom{
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
span.zoom-bg{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
background: #000;
|
||||
.opacity(0);
|
||||
}
|
||||
span.zoom-icon{
|
||||
background: url(../images/zoom.png) left top no-repeat;
|
||||
display: block;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
position: absolute;
|
||||
top: -50%;
|
||||
left: 50%;
|
||||
margin: -18px 0 0 -18px;
|
||||
}
|
||||
}
|
||||
.item_icons{
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
}
|
||||
|
||||
ul.singleColumn{
|
||||
margin: 0;
|
||||
>.item{
|
||||
list-style: none;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.view-article{
|
||||
#prevArrow,
|
||||
#nextArrow{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Start: Recommended Isotope styles */
|
||||
/**** Isotope Filtering ****/
|
||||
|
||||
.isotope-item {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.isotope-hidden.isotope-item {
|
||||
pointer-events: none;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/**** Isotope CSS3 transitions ****/
|
||||
|
||||
.isotope,
|
||||
.isotope .isotope-item {
|
||||
-webkit-transition-duration: 0.8s;
|
||||
-moz-transition-duration: 0.8s;
|
||||
-ms-transition-duration: 0.8s;
|
||||
-o-transition-duration: 0.8s;
|
||||
transition-duration: 0.8s;
|
||||
}
|
||||
.isotope {
|
||||
-webkit-transition-property: height, width;
|
||||
-moz-transition-property: height, width;
|
||||
-ms-transition-property: height, width;
|
||||
-o-transition-property: height, width;
|
||||
transition-property: height, width;
|
||||
}
|
||||
.isotope .isotope-item {
|
||||
-webkit-transition-property: -webkit-transform, opacity;
|
||||
-moz-transition-property: -moz-transform, opacity;
|
||||
-ms-transition-property: -ms-transform, opacity;
|
||||
-o-transition-property: top, left, opacity;
|
||||
transition-property: transform, opacity;
|
||||
}
|
||||
|
||||
/**** disabling Isotope CSS3 transitions ****/
|
||||
|
||||
.isotope.no-transition,
|
||||
.isotope.no-transition .isotope-item,
|
||||
.isotope .isotope-item.no-transition {
|
||||
-webkit-transition-duration: 0s;
|
||||
-moz-transition-duration: 0s;
|
||||
-ms-transition-duration: 0s;
|
||||
-o-transition-duration: 0s;
|
||||
transition-duration: 0s;
|
||||
}
|
||||
|
||||
/* End: Recommended Isotope styles */
|
||||
|
||||
ul#filters{
|
||||
li{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin: 9px 9px 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
#isotopeContainer{padding-top: 8px;}
|
||||
|
||||
.page-gallery_img{
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.category_children{
|
||||
.category_child{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*======================= Archives Page ========================*/
|
||||
|
||||
.page-archive_filters{
|
||||
.filter-search.alert{
|
||||
padding-bottom: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
select{
|
||||
margin-bottom: 8px;
|
||||
display: inline-block;
|
||||
}
|
||||
button{
|
||||
display: inline-block;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
/*======================= Contacts Page ========================*/
|
||||
|
||||
|
||||
#jform_contact_message{
|
||||
resize:none;
|
||||
width: 100%;
|
||||
height: 158px;
|
||||
}
|
||||
#contact-form{
|
||||
label {
|
||||
display: inline-block;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
.phone-num{display: inline-block;}
|
||||
|
||||
#jform_contact_name, #jform_contact_email, #jform_contact_emailmsg{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.contact_email-copy, .contact_vcard{
|
||||
margin: 0 @inputHeight/2;
|
||||
height: @inputHeight;
|
||||
line-height: @inputHeight;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.contact_vcard{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.contact_details{
|
||||
.icons-marker{
|
||||
display: block;
|
||||
width: 16px;
|
||||
margin-right: 12px;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.contact_address{
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#contact_map{
|
||||
margin-bottom: @baseLineHeight;
|
||||
border:1px solid darken(@bodyBackground, 15%);
|
||||
height: 358px;
|
||||
>div{
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*======================= User Pages ========================*/
|
||||
|
||||
.page-login{
|
||||
form{
|
||||
.control-group{margin: 0;}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*======================= CAPTION FIXES =======================*/
|
||||
|
||||
.img_caption{
|
||||
text-align: center!important;
|
||||
&.left{
|
||||
float: left;
|
||||
margin-right: 1em;
|
||||
p{
|
||||
clear: left;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
&.right{
|
||||
float: right;
|
||||
margin-left: 1em;
|
||||
p{
|
||||
clear: right;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
&.none{
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
}
|
||||
|
||||
/*======================= 404 PAGE =======================*/
|
||||
|
||||
.error-container{}
|
||||
.errorBox{background: none; text-align:left;}
|
||||
|
||||
/*======================= OFFLINE PAGE =======================*/
|
||||
|
||||
.offlineBox{}
|
||||
|
||||
|
||||
/*======================= SCROLL TO TOP =======================*/
|
||||
|
||||
#back-top {position: fixed; bottom: 90px; right: 20px; z-index: 60}
|
||||
|
||||
#back-top a {
|
||||
width: 46px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-size: @baseFontSize;
|
||||
line-height: @baseLineHeight;
|
||||
font-family: @baseFontFamily;
|
||||
text-transform: none;
|
||||
text-decoration: none;
|
||||
color: @textColor;
|
||||
|
||||
/* transition */
|
||||
-webkit-transition: 1s;
|
||||
-moz-transition: 1s;
|
||||
transition: 1s;
|
||||
}
|
||||
#back-top a:hover {color: @linkColorHover;}
|
||||
|
||||
/* arrow icon (span tag) */
|
||||
#back-top span {
|
||||
width: 46px;
|
||||
height: 46px;
|
||||
display: block;
|
||||
margin-bottom: 7px;
|
||||
background: #ddd url(../images/up-arrow.png) no-repeat center center;
|
||||
|
||||
/* transition */
|
||||
-webkit-transition: 1s;
|
||||
-moz-transition: 1s;
|
||||
transition: 1s;
|
||||
}
|
||||
#back-top a:hover span {}
|
||||
329
templates/as002036free/less/font-awesome.less
vendored
Normal file
329
templates/as002036free/less/font-awesome.less
vendored
Normal file
@ -0,0 +1,329 @@
|
||||
/* Font Awesome
|
||||
the iconic font designed for use with Twitter Bootstrap
|
||||
-------------------------------------------------------
|
||||
The full suite of pictographic icons, examples, and documentation
|
||||
can be found at: http://fortawesome.github.com/Font-Awesome/
|
||||
|
||||
License
|
||||
-------------------------------------------------------
|
||||
The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
|
||||
http://creativecommons.org/licenses/by/3.0/ A mention of
|
||||
'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
|
||||
source code is considered acceptable attribution (most common on the web).
|
||||
If human readable source code is not available to the end user, a mention in
|
||||
an 'About' or 'Credits' screen is considered acceptable (most common in desktop
|
||||
or mobile software).
|
||||
|
||||
Contact
|
||||
-------------------------------------------------------
|
||||
Email: dave@davegandy.com
|
||||
Twitter: http://twitter.com/fortaweso_me
|
||||
Work: Lead Product Designer @ http://kyruus.com
|
||||
|
||||
*/
|
||||
|
||||
@fontAwesomePath: '../fonts';
|
||||
|
||||
@font-face {
|
||||
font-family: 'FontAwesome';
|
||||
src: url('@{fontAwesomePath}/fontawesome-webfont.eot');
|
||||
src: url('@{fontAwesomePath}/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('@{fontAwesomePath}/fontawesome-webfont.woff') format('woff'),
|
||||
url('@{fontAwesomePath}/fontawesome-webfont.ttf') format('truetype'),
|
||||
url('@{fontAwesomePath}/fontawesome-webfont.svg#FontAwesome') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* Font Awesome styles
|
||||
------------------------------------------------------- */
|
||||
[class^="icon-"]:before,
|
||||
[class*=" icon-"]:before {
|
||||
font-family: FontAwesome;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
a [class^="icon-"],
|
||||
a [class*=" icon-"] {
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
/* makes the font 33% larger relative to the icon container */
|
||||
.icon-large:before {
|
||||
vertical-align: middle;
|
||||
font-size: 4/3em;
|
||||
}
|
||||
|
||||
.btn, .nav-tabs {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
/* keeps button heights with and without icons the same */
|
||||
line-height: .9em;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
display: inline-block;
|
||||
width: 1.25em;
|
||||
text-align: center;
|
||||
}
|
||||
.icon-large:before,
|
||||
.icon-large:before {
|
||||
/* 1.5 increased font size for icon-large * 1.25 width */
|
||||
width: 1.5*1.25em;
|
||||
}
|
||||
}
|
||||
|
||||
ul.icons {
|
||||
list-style-type: none;
|
||||
margin-left: 2em;
|
||||
text-indent: -.8em;
|
||||
|
||||
li {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
width: .8em;
|
||||
}
|
||||
.icon-large:before,
|
||||
.icon-large:before {
|
||||
/* 1.5 increased font size for icon-large * 1.25 width */
|
||||
vertical-align: initial;
|
||||
// width: 1.5*1.25em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
||||
readers do not read off random characters that represent icons */
|
||||
.icon-glass:before { content: "\f000"; }
|
||||
.icon-music:before { content: "\f001"; }
|
||||
.icon-search:before { content: "\f002"; }
|
||||
.icon-envelope:before { content: "\f003"; }
|
||||
.icon-heart:before { content: "\f004"; }
|
||||
.icon-star:before { content: "\f005"; }
|
||||
.icon-star-empty:before { content: "\f006"; }
|
||||
.icon-user:before { content: "\f007"; }
|
||||
.icon-film:before { content: "\f008"; }
|
||||
.icon-th-large:before { content: "\f009"; }
|
||||
.icon-th:before { content: "\f00a"; }
|
||||
.icon-th-list:before { content: "\f00b"; }
|
||||
.icon-ok:before { content: "\f00c"; }
|
||||
.icon-remove:before { content: "\f00d"; }
|
||||
.icon-zoom-in:before { content: "\f00e"; }
|
||||
|
||||
.icon-zoom-out:before { content: "\f010"; }
|
||||
.icon-off:before { content: "\f011"; }
|
||||
.icon-signal:before { content: "\f012"; }
|
||||
.icon-cog:before { content: "\f013"; }
|
||||
.icon-trash:before { content: "\f014"; }
|
||||
.icon-home:before { content: "\f015"; }
|
||||
.icon-file:before { content: "\f016"; }
|
||||
.icon-time:before { content: "\f017"; }
|
||||
.icon-road:before { content: "\f018"; }
|
||||
.icon-download-alt:before { content: "\f019"; }
|
||||
.icon-download:before { content: "\f01a"; }
|
||||
.icon-upload:before { content: "\f01b"; }
|
||||
.icon-inbox:before { content: "\f01c"; }
|
||||
.icon-play-circle:before { content: "\f01d"; }
|
||||
.icon-repeat:before { content: "\f01e"; }
|
||||
|
||||
/* \f020 doesn't work in Safari. all shifted one down */
|
||||
.icon-refresh:before { content: "\f021"; }
|
||||
.icon-list-alt:before { content: "\f022"; }
|
||||
.icon-lock:before { content: "\f023"; }
|
||||
.icon-flag:before { content: "\f024"; }
|
||||
.icon-headphones:before { content: "\f025"; }
|
||||
.icon-volume-off:before { content: "\f026"; }
|
||||
.icon-volume-down:before { content: "\f027"; }
|
||||
.icon-volume-up:before { content: "\f028"; }
|
||||
.icon-qrcode:before { content: "\f029"; }
|
||||
.icon-barcode:before { content: "\f02a"; }
|
||||
.icon-tag:before { content: "\f02b"; }
|
||||
.icon-tags:before { content: "\f02c"; }
|
||||
.icon-book:before { content: "\f02d"; }
|
||||
.icon-bookmark:before { content: "\f02e"; }
|
||||
.icon-print:before { content: "\f02f"; }
|
||||
|
||||
.icon-camera:before { content: "\f030"; }
|
||||
.icon-font:before { content: "\f031"; }
|
||||
.icon-bold:before { content: "\f032"; }
|
||||
.icon-italic:before { content: "\f033"; }
|
||||
.icon-text-height:before { content: "\f034"; }
|
||||
.icon-text-width:before { content: "\f035"; }
|
||||
.icon-align-left:before { content: "\f036"; }
|
||||
.icon-align-center:before { content: "\f037"; }
|
||||
.icon-align-right:before { content: "\f038"; }
|
||||
.icon-align-justify:before { content: "\f039"; }
|
||||
.icon-list:before { content: "\f03a"; }
|
||||
.icon-indent-left:before { content: "\f03b"; }
|
||||
.icon-indent-right:before { content: "\f03c"; }
|
||||
.icon-facetime-video:before { content: "\f03d"; }
|
||||
.icon-picture:before { content: "\f03e"; }
|
||||
|
||||
.icon-pencil:before { content: "\f040"; }
|
||||
.icon-map-marker:before { content: "\f041"; }
|
||||
.icon-adjust:before { content: "\f042"; }
|
||||
.icon-tint:before { content: "\f043"; }
|
||||
.icon-edit:before { content: "\f044"; }
|
||||
.icon-share:before { content: "\f045"; }
|
||||
.icon-check:before { content: "\f046"; }
|
||||
.icon-move:before { content: "\f047"; }
|
||||
.icon-step-backward:before { content: "\f048"; }
|
||||
.icon-fast-backward:before { content: "\f049"; }
|
||||
.icon-backward:before { content: "\f04a"; }
|
||||
.icon-play:before { content: "\f04b"; }
|
||||
.icon-pause:before { content: "\f04c"; }
|
||||
.icon-stop:before { content: "\f04d"; }
|
||||
.icon-forward:before { content: "\f04e"; }
|
||||
|
||||
.icon-fast-forward:before { content: "\f050"; }
|
||||
.icon-step-forward:before { content: "\f051"; }
|
||||
.icon-eject:before { content: "\f052"; }
|
||||
.icon-chevron-left:before { content: "\f053"; }
|
||||
.icon-chevron-right:before { content: "\f054"; }
|
||||
.icon-plus-sign:before { content: "\f055"; }
|
||||
.icon-minus-sign:before { content: "\f056"; }
|
||||
.icon-remove-sign:before { content: "\f057"; }
|
||||
.icon-ok-sign:before { content: "\f058"; }
|
||||
.icon-question-sign:before { content: "\f059"; }
|
||||
.icon-info-sign:before { content: "\f05a"; }
|
||||
.icon-screenshot:before { content: "\f05b"; }
|
||||
.icon-remove-circle:before { content: "\f05c"; }
|
||||
.icon-ok-circle:before { content: "\f05d"; }
|
||||
.icon-ban-circle:before { content: "\f05e"; }
|
||||
|
||||
.icon-arrow-left:before { content: "\f060"; }
|
||||
.icon-arrow-right:before { content: "\f061"; }
|
||||
.icon-arrow-up:before { content: "\f062"; }
|
||||
.icon-arrow-down:before { content: "\f063"; }
|
||||
.icon-share-alt:before { content: "\f064"; }
|
||||
.icon-resize-full:before { content: "\f065"; }
|
||||
.icon-resize-small:before { content: "\f066"; }
|
||||
.icon-plus:before { content: "\f067"; }
|
||||
.icon-minus:before { content: "\f068"; }
|
||||
.icon-asterisk:before { content: "\f069"; }
|
||||
.icon-exclamation-sign:before { content: "\f06a"; }
|
||||
.icon-gift:before { content: "\f06b"; }
|
||||
.icon-leaf:before { content: "\f06c"; }
|
||||
.icon-fire:before { content: "\f06d"; }
|
||||
.icon-eye-open:before { content: "\f06e"; }
|
||||
|
||||
.icon-eye-close:before { content: "\f070"; }
|
||||
.icon-warning-sign:before { content: "\f071"; }
|
||||
.icon-plane:before { content: "\f072"; }
|
||||
.icon-calendar:before { content: "\f073"; }
|
||||
.icon-random:before { content: "\f074"; }
|
||||
.icon-comment:before { content: "\f075"; }
|
||||
.icon-magnet:before { content: "\f076"; }
|
||||
.icon-chevron-up:before { content: "\f077"; }
|
||||
.icon-chevron-down:before { content: "\f078"; }
|
||||
.icon-retweet:before { content: "\f079"; }
|
||||
.icon-shopping-cart:before { content: "\f07a"; }
|
||||
.icon-folder-close:before { content: "\f07b"; }
|
||||
.icon-folder-open:before { content: "\f07c"; }
|
||||
.icon-resize-vertical:before { content: "\f07d"; }
|
||||
.icon-resize-horizontal:before { content: "\f07e"; }
|
||||
|
||||
.icon-bar-chart:before { content: "\f080"; }
|
||||
.icon-twitter-sign:before { content: "\f081"; }
|
||||
.icon-facebook-sign:before { content: "\f082"; }
|
||||
.icon-camera-retro:before { content: "\f083"; }
|
||||
.icon-key:before { content: "\f084"; }
|
||||
.icon-cogs:before { content: "\f085"; }
|
||||
.icon-comments:before { content: "\f086"; }
|
||||
.icon-thumbs-up:before { content: "\f087"; }
|
||||
.icon-thumbs-down:before { content: "\f088"; }
|
||||
.icon-star-half:before { content: "\f089"; }
|
||||
.icon-heart-empty:before { content: "\f08a"; }
|
||||
.icon-signout:before { content: "\f08b"; }
|
||||
.icon-linkedin-sign:before { content: "\f08c"; }
|
||||
.icon-pushpin:before { content: "\f08d"; }
|
||||
.icon-external-link:before { content: "\f08e"; }
|
||||
|
||||
.icon-signin:before { content: "\f090"; }
|
||||
.icon-trophy:before { content: "\f091"; }
|
||||
.icon-github-sign:before { content: "\f092"; }
|
||||
.icon-upload-alt:before { content: "\f093"; }
|
||||
.icon-lemon:before { content: "\f094"; }
|
||||
.icon-phone:before { content: "\f095"; }
|
||||
.icon-check-empty:before { content: "\f096"; }
|
||||
.icon-bookmark-empty:before { content: "\f097"; }
|
||||
.icon-phone-sign:before { content: "\f098"; }
|
||||
.icon-twitter:before { content: "\f099"; }
|
||||
.icon-facebook:before { content: "\f09a"; }
|
||||
.icon-github:before { content: "\f09b"; }
|
||||
.icon-unlock:before { content: "\f09c"; }
|
||||
.icon-credit-card:before { content: "\f09d"; }
|
||||
.icon-rss:before { content: "\f09e"; }
|
||||
|
||||
.icon-hdd:before { content: "\f0a0"; }
|
||||
.icon-bullhorn:before { content: "\f0a1"; }
|
||||
.icon-bell:before { content: "\f0a2"; }
|
||||
.icon-certificate:before { content: "\f0a3"; }
|
||||
.icon-hand-right:before { content: "\f0a4"; }
|
||||
.icon-hand-left:before { content: "\f0a5"; }
|
||||
.icon-hand-up:before { content: "\f0a6"; }
|
||||
.icon-hand-down:before { content: "\f0a7"; }
|
||||
.icon-circle-arrow-left:before { content: "\f0a8"; }
|
||||
.icon-circle-arrow-right:before { content: "\f0a9"; }
|
||||
.icon-circle-arrow-up:before { content: "\f0aa"; }
|
||||
.icon-circle-arrow-down:before { content: "\f0ab"; }
|
||||
.icon-globe:before { content: "\f0ac"; }
|
||||
.icon-wrench:before { content: "\f0ad"; }
|
||||
.icon-tasks:before { content: "\f0ae"; }
|
||||
|
||||
.icon-filter:before { content: "\f0b0"; }
|
||||
.icon-briefcase:before { content: "\f0b1"; }
|
||||
.icon-fullscreen:before { content: "\f0b2"; }
|
||||
|
||||
.icon-group:before { content: "\f0c0"; }
|
||||
.icon-link:before { content: "\f0c1"; }
|
||||
.icon-cloud:before { content: "\f0c2"; }
|
||||
.icon-beaker:before { content: "\f0c3"; }
|
||||
.icon-cut:before { content: "\f0c4"; }
|
||||
.icon-copy:before { content: "\f0c5"; }
|
||||
.icon-paper-clip:before { content: "\f0c6"; }
|
||||
.icon-save:before { content: "\f0c7"; }
|
||||
.icon-sign-blank:before { content: "\f0c8"; }
|
||||
.icon-reorder:before { content: "\f0c9"; }
|
||||
.icon-list-ul:before { content: "\f0ca"; }
|
||||
.icon-list-ol:before { content: "\f0cb"; }
|
||||
.icon-strikethrough:before { content: "\f0cc"; }
|
||||
.icon-underline:before { content: "\f0cd"; }
|
||||
.icon-table:before { content: "\f0ce"; }
|
||||
|
||||
.icon-magic:before { content: "\f0d0"; }
|
||||
.icon-truck:before { content: "\f0d1"; }
|
||||
.icon-pinterest:before { content: "\f0d2"; }
|
||||
.icon-pinterest-sign:before { content: "\f0d3"; }
|
||||
.icon-google-plus-sign:before { content: "\f0d4"; }
|
||||
.icon-google-plus:before { content: "\f0d5"; }
|
||||
.icon-money:before { content: "\f0d6"; }
|
||||
.icon-caret-down:before { content: "\f0d7"; }
|
||||
.icon-caret-up:before { content: "\f0d8"; }
|
||||
.icon-caret-left:before { content: "\f0d9"; }
|
||||
.icon-caret-right:before { content: "\f0da"; }
|
||||
.icon-columns:before { content: "\f0db"; }
|
||||
.icon-sort:before { content: "\f0dc"; }
|
||||
.icon-sort-down:before { content: "\f0dd"; }
|
||||
.icon-sort-up:before { content: "\f0de"; }
|
||||
|
||||
.icon-envelope-alt:before { content: "\f0e0"; }
|
||||
.icon-linkedin:before { content: "\f0e1"; }
|
||||
.icon-undo:before { content: "\f0e2"; }
|
||||
.icon-legal:before { content: "\f0e3"; }
|
||||
.icon-dashboard:before { content: "\f0e4"; }
|
||||
.icon-comment-alt:before { content: "\f0e5"; }
|
||||
.icon-comments-alt:before { content: "\f0e6"; }
|
||||
.icon-bolt:before { content: "\f0e7"; }
|
||||
.icon-sitemap:before { content: "\f0e8"; }
|
||||
.icon-umbrella:before { content: "\f0e9"; }
|
||||
.icon-paste:before { content: "\f0ea"; }
|
||||
|
||||
.icon-user-md:before { content: "\f200"; }
|
||||
992
templates/as002036free/less/icomoon.less
Normal file
992
templates/as002036free/less/icomoon.less
Normal file
@ -0,0 +1,992 @@
|
||||
@font-face {
|
||||
font-family: 'icomoon-custom';
|
||||
src: url('../fonts/icomoon-custom.eot');
|
||||
src: url('../fonts/icomoon-custom.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/icomoon-custom.svg') format('svg'),
|
||||
url('../fonts/icomoon-custom.woff') format('woff'),
|
||||
url('../fonts/icomoon-custom.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* Use the following CSS code if you want to use data attributes for inserting your icons */
|
||||
[data-icon]:before {
|
||||
font-family: 'icomoon-custom';
|
||||
content: attr(data-icon);
|
||||
speak: none;
|
||||
font-weight: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* From Bootstrap */
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
.ie7-restore-right-whitespace();
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
/* Use the following CSS code if you want to have a class per icon */
|
||||
[class^="icon-"]:before, [class*=" icon-"]:before {
|
||||
font-family: 'icomoon-custom';
|
||||
font-style: normal;
|
||||
speak: none;
|
||||
font-weight: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
// ==========================================================================================
|
||||
|
||||
|
||||
.icon-home:before {
|
||||
content: "\21";
|
||||
}
|
||||
.icon-home-2:before {
|
||||
content: "\22";
|
||||
}
|
||||
.icon-newspaper:before {
|
||||
content: "\23";
|
||||
}
|
||||
.icon-pencil:before {
|
||||
content: "\24";
|
||||
}
|
||||
.icon-pencil-2:before {
|
||||
content: "\25";
|
||||
}
|
||||
.icon-droplet:before {
|
||||
content: "\26";
|
||||
}
|
||||
.icon-pictures:before {
|
||||
content: "\27";
|
||||
}
|
||||
.icon-picture:before {
|
||||
content: "\28";
|
||||
}
|
||||
.icon-camera:before {
|
||||
content: "\29";
|
||||
}
|
||||
.icon-music:before {
|
||||
content: "\2a";
|
||||
}
|
||||
.icon-play:before {
|
||||
content: "\2b";
|
||||
}
|
||||
.icon-film:before {
|
||||
content: "\2c";
|
||||
}
|
||||
.icon-camera-2:before {
|
||||
content: "\2d";
|
||||
}
|
||||
.icon-spades:before {
|
||||
content: "\2e";
|
||||
}
|
||||
.icon-clubs:before {
|
||||
content: "\2f";
|
||||
}
|
||||
.icon-diamonds:before {
|
||||
content: "\30";
|
||||
}
|
||||
.icon-broadcast:before {
|
||||
content: "\31";
|
||||
}
|
||||
.icon-mic:before {
|
||||
content: "\32";
|
||||
}
|
||||
.icon-book:before {
|
||||
content: "\33";
|
||||
}
|
||||
.icon-file:before {
|
||||
content: "\34";
|
||||
}
|
||||
.icon-file-2:before {
|
||||
content: "\35";
|
||||
}
|
||||
.icon-new:before {
|
||||
content: "\36";
|
||||
}
|
||||
.icon-copy:before {
|
||||
content: "\37";
|
||||
}
|
||||
.icon-folder:before {
|
||||
content: "\38";
|
||||
}
|
||||
.icon-folder-2:before {
|
||||
content: "\39";
|
||||
}
|
||||
.icon-tag:before {
|
||||
content: "\3a";
|
||||
}
|
||||
.icon-cart:before {
|
||||
content: "\3b";
|
||||
}
|
||||
.icon-basket:before {
|
||||
content: "\3c";
|
||||
}
|
||||
.icon-calculate:before {
|
||||
content: "\3d";
|
||||
}
|
||||
.icon-support:before {
|
||||
content: "\3e";
|
||||
}
|
||||
.icon-phone:before {
|
||||
content: "\3f";
|
||||
}
|
||||
.icon-mail:before {
|
||||
content: "\40";
|
||||
}
|
||||
.icon-location:before {
|
||||
content: "\41";
|
||||
}
|
||||
.icon-compass:before {
|
||||
content: "\42";
|
||||
}
|
||||
.icon-history:before {
|
||||
content: "\43";
|
||||
}
|
||||
.icon-clock:before {
|
||||
content: "\44";
|
||||
}
|
||||
.icon-bell:before {
|
||||
content: "\45";
|
||||
}
|
||||
.icon-calendar:before {
|
||||
content: "\46";
|
||||
}
|
||||
.icon-printer:before {
|
||||
content: "\47";
|
||||
}
|
||||
.icon-mouse:before {
|
||||
content: "\48";
|
||||
}
|
||||
.icon-screen:before {
|
||||
content: "\49";
|
||||
}
|
||||
.icon-laptop:before {
|
||||
content: "\4a";
|
||||
}
|
||||
.icon-mobile:before {
|
||||
content: "\4b";
|
||||
}
|
||||
.icon-cabinet:before {
|
||||
content: "\4c";
|
||||
}
|
||||
.icon-drawer:before {
|
||||
content: "\4d";
|
||||
}
|
||||
.icon-drawer-2:before {
|
||||
content: "\4e";
|
||||
}
|
||||
.icon-box:before {
|
||||
content: "\4f";
|
||||
}
|
||||
.icon-box-add:before {
|
||||
content: "\50";
|
||||
}
|
||||
.icon-box-remove:before {
|
||||
content: "\51";
|
||||
}
|
||||
.icon-download:before {
|
||||
content: "\52";
|
||||
}
|
||||
.icon-upload:before {
|
||||
content: "\53";
|
||||
}
|
||||
.icon-database:before {
|
||||
content: "\54";
|
||||
}
|
||||
.icon-flip:before {
|
||||
content: "\55";
|
||||
}
|
||||
.icon-flip-2:before {
|
||||
content: "\56";
|
||||
}
|
||||
.icon-undo:before {
|
||||
content: "\57";
|
||||
}
|
||||
.icon-redo:before {
|
||||
content: "\58";
|
||||
}
|
||||
.icon-forward:before {
|
||||
content: "\59";
|
||||
}
|
||||
.icon-reply:before {
|
||||
content: "\5a";
|
||||
}
|
||||
.icon-reply-2:before {
|
||||
content: "\5b";
|
||||
}
|
||||
.icon-comments:before {
|
||||
content: "\5c";
|
||||
}
|
||||
.icon-comments-2:before {
|
||||
content: "\5d";
|
||||
}
|
||||
.icon-comments-3:before {
|
||||
content: "\5e";
|
||||
}
|
||||
.icon-comments-4:before {
|
||||
content: "\5f";
|
||||
}
|
||||
.icon-comments-5:before {
|
||||
content: "\60";
|
||||
}
|
||||
.icon-user:before {
|
||||
content: "\61";
|
||||
}
|
||||
.icon-user-2:before {
|
||||
content: "\62";
|
||||
}
|
||||
.icon-user-3:before {
|
||||
content: "\63";
|
||||
}
|
||||
.icon-busy:before {
|
||||
content: "\64";
|
||||
}
|
||||
.icon-loading:before {
|
||||
content: "\65";
|
||||
}
|
||||
.icon-loading-2:before {
|
||||
content: "\66";
|
||||
}
|
||||
.icon-search:before {
|
||||
content: "\67";
|
||||
}
|
||||
.icon-zoom-in:before {
|
||||
content: "\68";
|
||||
}
|
||||
.icon-zoom-out:before {
|
||||
content: "\69";
|
||||
}
|
||||
.icon-key:before {
|
||||
content: "\6a";
|
||||
}
|
||||
.icon-key-2:before {
|
||||
content: "\6b";
|
||||
}
|
||||
.icon-locked:before {
|
||||
content: "\6c";
|
||||
}
|
||||
.icon-unlocked:before {
|
||||
content: "\6d";
|
||||
}
|
||||
.icon-wrench:before {
|
||||
content: "\6e";
|
||||
}
|
||||
.icon-equalizer:before {
|
||||
content: "\6f";
|
||||
}
|
||||
.icon-cog:before {
|
||||
content: "\70";
|
||||
}
|
||||
.icon-pie:before {
|
||||
content: "\71";
|
||||
}
|
||||
.icon-bars:before {
|
||||
content: "\72";
|
||||
}
|
||||
.icon-stats-up:before {
|
||||
content: "\73";
|
||||
}
|
||||
.icon-gift:before {
|
||||
content: "\74";
|
||||
}
|
||||
.icon-trophy:before {
|
||||
content: "\75";
|
||||
}
|
||||
.icon-diamond:before {
|
||||
content: "\76";
|
||||
}
|
||||
.icon-coffee:before {
|
||||
content: "\77";
|
||||
}
|
||||
.icon-rocket:before {
|
||||
content: "\78";
|
||||
}
|
||||
.icon-meter-slow:before {
|
||||
content: "\79";
|
||||
}
|
||||
.icon-meter-medium:before {
|
||||
content: "\7a";
|
||||
}
|
||||
.icon-meter-fast:before {
|
||||
content: "\7b";
|
||||
}
|
||||
.icon-dashboard:before {
|
||||
content: "\7c";
|
||||
}
|
||||
.icon-fire:before {
|
||||
content: "\7d";
|
||||
}
|
||||
.icon-lab:before {
|
||||
content: "\7e";
|
||||
}
|
||||
.icon-remove:before {
|
||||
content: "\e000";
|
||||
}
|
||||
.icon-remove-2:before {
|
||||
content: "\e001";
|
||||
}
|
||||
.icon-remove-3:before {
|
||||
content: "\e002";
|
||||
}
|
||||
.icon-briefcase:before {
|
||||
content: "\e003";
|
||||
}
|
||||
.icon-briefcase-2:before {
|
||||
content: "\e004";
|
||||
}
|
||||
.icon-cars:before {
|
||||
content: "\e005";
|
||||
}
|
||||
.icon-bus:before {
|
||||
content: "\e006";
|
||||
}
|
||||
.icon-cube:before {
|
||||
content: "\e007";
|
||||
}
|
||||
.icon-cube-2:before {
|
||||
content: "\e008";
|
||||
}
|
||||
.icon-puzzle:before {
|
||||
content: "\e009";
|
||||
}
|
||||
.icon-glasses:before {
|
||||
content: "\e00a";
|
||||
}
|
||||
.icon-glasses-2:before {
|
||||
content: "\e00b";
|
||||
}
|
||||
.icon-accessibility:before {
|
||||
content: "\e00c";
|
||||
}
|
||||
.icon-accessibility-2:before {
|
||||
content: "\e00d";
|
||||
}
|
||||
.icon-target:before {
|
||||
content: "\e00e";
|
||||
}
|
||||
.icon-target-2:before {
|
||||
content: "\e00f";
|
||||
}
|
||||
.icon-lightning:before {
|
||||
content: "\e010";
|
||||
}
|
||||
.icon-power:before {
|
||||
content: "\e011";
|
||||
}
|
||||
.icon-power-2:before {
|
||||
content: "\e012";
|
||||
}
|
||||
.icon-clipboard:before {
|
||||
content: "\e013";
|
||||
}
|
||||
.icon-clipboard-2:before {
|
||||
content: "\e014";
|
||||
}
|
||||
.icon-playlist:before {
|
||||
content: "\e015";
|
||||
}
|
||||
.icon-grid-view:before {
|
||||
content: "\e016";
|
||||
}
|
||||
.icon-tree-view:before {
|
||||
content: "\e017";
|
||||
}
|
||||
.icon-cloud:before {
|
||||
content: "\e018";
|
||||
}
|
||||
.icon-cloud-2:before {
|
||||
content: "\e019";
|
||||
}
|
||||
.icon-download-2:before {
|
||||
content: "\e01a";
|
||||
}
|
||||
.icon-upload-2:before {
|
||||
content: "\e01b";
|
||||
}
|
||||
.icon-upload-3:before {
|
||||
content: "\e01c";
|
||||
}
|
||||
.icon-link:before {
|
||||
content: "\e01d";
|
||||
}
|
||||
.icon-link-2:before {
|
||||
content: "\e01e";
|
||||
}
|
||||
.icon-flag:before {
|
||||
content: "\e01f";
|
||||
}
|
||||
.icon-flag-2:before {
|
||||
content: "\e020";
|
||||
}
|
||||
.icon-attachment:before {
|
||||
content: "\e021";
|
||||
}
|
||||
.icon-eye:before {
|
||||
content: "\e022";
|
||||
}
|
||||
.icon-eye-2:before {
|
||||
content: "\e023";
|
||||
}
|
||||
.icon-bookmark:before {
|
||||
content: "\e024";
|
||||
}
|
||||
.icon-bookmark-2:before {
|
||||
content: "\e025";
|
||||
}
|
||||
.icon-star:before {
|
||||
content: "\e026";
|
||||
}
|
||||
.icon-star-2:before {
|
||||
content: "\e027";
|
||||
}
|
||||
.icon-star-3:before {
|
||||
content: "\e028";
|
||||
}
|
||||
.icon-heart:before {
|
||||
content: "\e029";
|
||||
}
|
||||
.icon-heart-2:before {
|
||||
content: "\e02a";
|
||||
}
|
||||
.icon-thumbs-up:before {
|
||||
content: "\e02b";
|
||||
}
|
||||
.icon-thumbs-down:before {
|
||||
content: "\e02c";
|
||||
}
|
||||
.icon-happy:before {
|
||||
content: "\e02d";
|
||||
}
|
||||
.icon-smiley:before {
|
||||
content: "\e02e";
|
||||
}
|
||||
.icon-neutral:before {
|
||||
content: "\e02f";
|
||||
}
|
||||
.icon-plus:before {
|
||||
content: "\e030";
|
||||
}
|
||||
.icon-minus:before {
|
||||
content: "\e031";
|
||||
}
|
||||
.icon-help:before {
|
||||
content: "\e032";
|
||||
}
|
||||
.icon-help-2:before {
|
||||
content: "\e033";
|
||||
}
|
||||
.icon-blocked:before {
|
||||
content: "\e034";
|
||||
}
|
||||
.icon-cancel:before {
|
||||
content: "\e035";
|
||||
}
|
||||
.icon-cancel-2:before {
|
||||
content: "\e036";
|
||||
}
|
||||
.icon-checkmark:before {
|
||||
content: "\e037";
|
||||
}
|
||||
.icon-minus-2:before {
|
||||
content: "\e038";
|
||||
}
|
||||
.icon-plus-2:before {
|
||||
content: "\e039";
|
||||
}
|
||||
.icon-enter:before {
|
||||
content: "\e03a";
|
||||
}
|
||||
.icon-exit:before {
|
||||
content: "\e03b";
|
||||
}
|
||||
.icon-loop:before {
|
||||
content: "\e03c";
|
||||
}
|
||||
.icon-arrow-up-left:before {
|
||||
content: "\e03d";
|
||||
}
|
||||
.icon-arrow-up:before {
|
||||
content: "\e03e";
|
||||
}
|
||||
.icon-arrow-up-right:before {
|
||||
content: "\e03f";
|
||||
}
|
||||
.icon-arrow-right:before {
|
||||
content: "\e040";
|
||||
}
|
||||
.icon-arrow-down-right:before {
|
||||
content: "\e041";
|
||||
}
|
||||
.icon-arrow-down:before {
|
||||
content: "\e042";
|
||||
}
|
||||
.icon-arrow-down-left:before {
|
||||
content: "\e043";
|
||||
}
|
||||
.icon-arrow-left:before {
|
||||
content: "\e044";
|
||||
}
|
||||
.icon-arrow-up-left-2:before {
|
||||
content: "\e045";
|
||||
}
|
||||
.icon-arrow-up-2:before {
|
||||
content: "\e046";
|
||||
}
|
||||
.icon-arrow-up-right-2:before {
|
||||
content: "\e047";
|
||||
}
|
||||
.icon-arrow-right-2:before {
|
||||
content: "\e048";
|
||||
}
|
||||
.icon-arrow-down-right-2:before {
|
||||
content: "\e049";
|
||||
}
|
||||
.icon-arrow-down-2:before {
|
||||
content: "\e04a";
|
||||
}
|
||||
.icon-arrow-down-left-2:before {
|
||||
content: "\e04b";
|
||||
}
|
||||
.icon-arrow-left-2:before {
|
||||
content: "\e04c";
|
||||
}
|
||||
.icon-arrow-up-left-3:before {
|
||||
content: "\e04d";
|
||||
}
|
||||
.icon-arrow-up-3:before {
|
||||
content: "\e04e";
|
||||
}
|
||||
.icon-arrow-up-right-3:before {
|
||||
content: "\e04f";
|
||||
}
|
||||
.icon-arrow-right-3:before {
|
||||
content: "\e050";
|
||||
}
|
||||
.icon-arrow-down-right-3:before {
|
||||
content: "\e051";
|
||||
}
|
||||
.icon-arrow-down-3:before {
|
||||
content: "\e052";
|
||||
}
|
||||
.icon-arrow-down-left-3:before {
|
||||
content: "\e053";
|
||||
}
|
||||
.icon-arrow-left-3:before {
|
||||
content: "\e054";
|
||||
}
|
||||
.icon-arrow-up-4:before {
|
||||
content: "\e055";
|
||||
}
|
||||
.icon-arrow-right-4:before {
|
||||
content: "\e056";
|
||||
}
|
||||
.icon-arrow-down-4:before {
|
||||
content: "\e057";
|
||||
}
|
||||
.icon-arrow-left-4:before {
|
||||
content: "\e058";
|
||||
}
|
||||
.icon-arrow-up-5:before {
|
||||
content: "\e059";
|
||||
}
|
||||
.icon-arrow-right-5:before {
|
||||
content: "\e05a";
|
||||
}
|
||||
.icon-arrow-down-5:before {
|
||||
content: "\e05b";
|
||||
}
|
||||
.icon-arrow-left-5:before {
|
||||
content: "\e05c";
|
||||
}
|
||||
.icon-arrow-up-6:before {
|
||||
content: "\e05d";
|
||||
}
|
||||
.icon-arrow-right-6:before {
|
||||
content: "\e05e";
|
||||
}
|
||||
.icon-arrow-down-6:before {
|
||||
content: "\e05f";
|
||||
}
|
||||
.icon-arrow-left-6:before {
|
||||
content: "\e060";
|
||||
}
|
||||
.icon-menu:before {
|
||||
content: "\e061";
|
||||
}
|
||||
.icon-enter-2:before {
|
||||
content: "\e062";
|
||||
}
|
||||
.icon-backspace:before {
|
||||
content: "\e063";
|
||||
}
|
||||
.icon-backspace-2:before {
|
||||
content: "\e064";
|
||||
}
|
||||
.icon-tab:before {
|
||||
content: "\e065";
|
||||
}
|
||||
.icon-tab-2:before {
|
||||
content: "\e066";
|
||||
}
|
||||
.icon-checkbox:before {
|
||||
content: "\e067";
|
||||
}
|
||||
.icon-checkbox-unchecked:before {
|
||||
content: "\e068";
|
||||
}
|
||||
.icon-checkbox-partial:before {
|
||||
content: "\e069";
|
||||
}
|
||||
.icon-radio-checked:before {
|
||||
content: "\e06a";
|
||||
}
|
||||
.icon-radio-unchecked:before {
|
||||
content: "\e06b";
|
||||
}
|
||||
.icon-font:before {
|
||||
content: "\e06c";
|
||||
}
|
||||
.icon-paragraph-left:before {
|
||||
content: "\e06d";
|
||||
}
|
||||
.icon-paragraph-center:before {
|
||||
content: "\e06e";
|
||||
}
|
||||
.icon-paragraph-right:before {
|
||||
content: "\e06f";
|
||||
}
|
||||
.icon-paragraph-justify:before {
|
||||
content: "\e070";
|
||||
}
|
||||
.icon-left-to-right:before {
|
||||
content: "\e071";
|
||||
}
|
||||
.icon-right-to-left:before {
|
||||
content: "\e072";
|
||||
}
|
||||
.icon-share:before {
|
||||
content: "\e073";
|
||||
}
|
||||
.icon-new-tab:before {
|
||||
content: "\e074";
|
||||
}
|
||||
.icon-new-tab-2:before {
|
||||
content: "\e075";
|
||||
}
|
||||
.icon-embed:before {
|
||||
content: "\e076";
|
||||
}
|
||||
.icon-code:before {
|
||||
content: "\e077";
|
||||
}
|
||||
.icon-bluetooth:before {
|
||||
content: "\e078";
|
||||
}
|
||||
.icon-share-2:before {
|
||||
content: "\e079";
|
||||
}
|
||||
.icon-share-3:before {
|
||||
content: "\e07a";
|
||||
}
|
||||
.icon-mail-2:before {
|
||||
content: "\e07b";
|
||||
}
|
||||
.icon-mail-3:before {
|
||||
content: "\e07c";
|
||||
}
|
||||
.icon-mail-4:before {
|
||||
content: "\e07d";
|
||||
}
|
||||
.icon-google:before {
|
||||
content: "\e07e";
|
||||
}
|
||||
.icon-google-plus:before {
|
||||
content: "\e07f";
|
||||
}
|
||||
.icon-google-plus-2:before {
|
||||
content: "\e080";
|
||||
}
|
||||
.icon-google-plus-3:before {
|
||||
content: "\e081";
|
||||
}
|
||||
.icon-gplus:before {
|
||||
content: "\e082";
|
||||
}
|
||||
.icon-google-drive:before {
|
||||
content: "\e083";
|
||||
}
|
||||
.icon-facebook:before {
|
||||
content: "\e084";
|
||||
}
|
||||
.icon-facebook-2:before {
|
||||
content: "\e085";
|
||||
}
|
||||
.icon-facebook-3:before {
|
||||
content: "\e086";
|
||||
}
|
||||
.icon-instagram:before {
|
||||
content: "\e087";
|
||||
}
|
||||
.icon-twitter:before {
|
||||
content: "\e088";
|
||||
}
|
||||
.icon-twitter-2:before {
|
||||
content: "\e089";
|
||||
}
|
||||
.icon-twitter-3:before {
|
||||
content: "\e08a";
|
||||
}
|
||||
.icon-feed:before {
|
||||
content: "\e08b";
|
||||
}
|
||||
.icon-feed-2:before {
|
||||
content: "\e08c";
|
||||
}
|
||||
.icon-feed-3:before {
|
||||
content: "\e08d";
|
||||
}
|
||||
.icon-youtube:before {
|
||||
content: "\e08e";
|
||||
}
|
||||
.icon-youtube-2:before {
|
||||
content: "\e08f";
|
||||
}
|
||||
.icon-vimeo:before {
|
||||
content: "\e090";
|
||||
}
|
||||
.icon-vimeo-2:before {
|
||||
content: "\e091";
|
||||
}
|
||||
.icon-flickr:before {
|
||||
content: "\e092";
|
||||
}
|
||||
.icon-flickr-2:before {
|
||||
content: "\e093";
|
||||
}
|
||||
.icon-flickr-3:before {
|
||||
content: "\e094";
|
||||
}
|
||||
.icon-picassa:before {
|
||||
content: "\e095";
|
||||
}
|
||||
.icon-picassa-2:before {
|
||||
content: "\e096";
|
||||
}
|
||||
.icon-dribbble:before {
|
||||
content: "\e097";
|
||||
}
|
||||
.icon-dribbble-2:before {
|
||||
content: "\e098";
|
||||
}
|
||||
.icon-dribbble-3:before {
|
||||
content: "\e099";
|
||||
}
|
||||
.icon-forrst:before {
|
||||
content: "\e09a";
|
||||
}
|
||||
.icon-forrst-2:before {
|
||||
content: "\e09b";
|
||||
}
|
||||
.icon-deviantart:before {
|
||||
content: "\e09c";
|
||||
}
|
||||
.icon-deviantart-2:before {
|
||||
content: "\e09d";
|
||||
}
|
||||
.icon-github:before {
|
||||
content: "\e09e";
|
||||
}
|
||||
.icon-github-2:before {
|
||||
content: "\e09f";
|
||||
}
|
||||
.icon-github-3:before {
|
||||
content: "\e0a0";
|
||||
}
|
||||
.icon-github-4:before {
|
||||
content: "\e0a1";
|
||||
}
|
||||
.icon-github-5:before {
|
||||
content: "\e0a2";
|
||||
}
|
||||
.icon-github-6:before {
|
||||
content: "\e0a3";
|
||||
}
|
||||
.icon-git:before {
|
||||
content: "\e0a4";
|
||||
}
|
||||
.icon-github-7:before {
|
||||
content: "\e0a5";
|
||||
}
|
||||
.icon-wordpress:before {
|
||||
content: "\e0a6";
|
||||
}
|
||||
.icon-wordpress-2:before {
|
||||
content: "\e0a7";
|
||||
}
|
||||
.icon-joomla:before {
|
||||
content: "\e0a8";
|
||||
}
|
||||
.icon-blogger:before {
|
||||
content: "\e0a9";
|
||||
}
|
||||
.icon-blogger-2:before {
|
||||
content: "\e0aa";
|
||||
}
|
||||
.icon-tumblr:before {
|
||||
content: "\e0ab";
|
||||
}
|
||||
.icon-tumblr-2:before {
|
||||
content: "\e0ac";
|
||||
}
|
||||
.icon-yahoo:before {
|
||||
content: "\e0ad";
|
||||
}
|
||||
.icon-yahoo-2:before {
|
||||
content: "\e0ae";
|
||||
}
|
||||
.icon-amazon:before {
|
||||
content: "\e0af";
|
||||
}
|
||||
.icon-amazon-2:before {
|
||||
content: "\e0b0";
|
||||
}
|
||||
.icon-tux:before {
|
||||
content: "\e0b1";
|
||||
}
|
||||
.icon-apple:before {
|
||||
content: "\e0b2";
|
||||
}
|
||||
.icon-finder:before {
|
||||
content: "\e0b3";
|
||||
}
|
||||
.icon-android:before {
|
||||
content: "\e0b4";
|
||||
}
|
||||
.icon-windows:before {
|
||||
content: "\e0b5";
|
||||
}
|
||||
.icon-soundcloud:before {
|
||||
content: "\e0b6";
|
||||
}
|
||||
.icon-soundcloud-2:before {
|
||||
content: "\e0b7";
|
||||
}
|
||||
.icon-skype:before {
|
||||
content: "\e0b8";
|
||||
}
|
||||
.icon-reddit:before {
|
||||
content: "\e0b9";
|
||||
}
|
||||
.icon-linkedin:before {
|
||||
content: "\e0ba";
|
||||
}
|
||||
.icon-linkedin-2:before {
|
||||
content: "\e0bb";
|
||||
}
|
||||
.icon-lastfm:before {
|
||||
content: "\e0bc";
|
||||
}
|
||||
.icon-lastfm-2:before {
|
||||
content: "\e0bd";
|
||||
}
|
||||
.icon-delicious:before {
|
||||
content: "\e0be";
|
||||
}
|
||||
.icon-stumbleupon:before {
|
||||
content: "\e0bf";
|
||||
}
|
||||
.icon-stumbleupon-2:before {
|
||||
content: "\e0c0";
|
||||
}
|
||||
.icon-pinterest:before {
|
||||
content: "\e0c1";
|
||||
}
|
||||
.icon-pinterest-2:before {
|
||||
content: "\e0c2";
|
||||
}
|
||||
.icon-xing:before {
|
||||
content: "\e0c3";
|
||||
}
|
||||
.icon-xing-2:before {
|
||||
content: "\e0c4";
|
||||
}
|
||||
.icon-flattr:before {
|
||||
content: "\e0c5";
|
||||
}
|
||||
.icon-foursquare:before {
|
||||
content: "\e0c6";
|
||||
}
|
||||
.icon-foursquare-2:before {
|
||||
content: "\e0c7";
|
||||
}
|
||||
.icon-paypal:before {
|
||||
content: "\e0c8";
|
||||
}
|
||||
.icon-paypal-2:before {
|
||||
content: "\e0c9";
|
||||
}
|
||||
.icon-paypal-3:before {
|
||||
content: "\e0ca";
|
||||
}
|
||||
.icon-yelp:before {
|
||||
content: "\e0cb";
|
||||
}
|
||||
.icon-libreoffice:before {
|
||||
content: "\e0cc";
|
||||
}
|
||||
.icon-file-pdf:before {
|
||||
content: "\e0cd";
|
||||
}
|
||||
.icon-file-openoffice:before {
|
||||
content: "\e0ce";
|
||||
}
|
||||
.icon-file-word:before {
|
||||
content: "\e0cf";
|
||||
}
|
||||
.icon-file-excel:before {
|
||||
content: "\e0d0";
|
||||
}
|
||||
.icon-file-powerpoint:before {
|
||||
content: "\e0d1";
|
||||
}
|
||||
.icon-file-zip:before {
|
||||
content: "\e0d2";
|
||||
}
|
||||
.icon-file-xml:before {
|
||||
content: "\e0d3";
|
||||
}
|
||||
.icon-file-css:before {
|
||||
content: "\e0d4";
|
||||
}
|
||||
.icon-html5:before {
|
||||
content: "\e0d5";
|
||||
}
|
||||
.icon-html5-2:before {
|
||||
content: "\e0d6";
|
||||
}
|
||||
.icon-css3:before {
|
||||
content: "\e0d7";
|
||||
}
|
||||
.icon-chrome:before {
|
||||
content: "\e0d8";
|
||||
}
|
||||
.icon-firefox:before {
|
||||
content: "\e0d9";
|
||||
}
|
||||
.icon-IE:before {
|
||||
content: "\e0da";
|
||||
}
|
||||
.icon-opera:before {
|
||||
content: "\e0db";
|
||||
}
|
||||
.icon-safari:before {
|
||||
content: "\e0dc";
|
||||
}
|
||||
.icon-IcoMoon:before {
|
||||
content: "\e0dd";
|
||||
}
|
||||
0
templates/as002036free/less/ie.less
Normal file
0
templates/as002036free/less/ie.less
Normal file
1
templates/as002036free/less/index.html
Normal file
1
templates/as002036free/less/index.html
Normal file
@ -0,0 +1 @@
|
||||
<html><body bgcolor="#FFFFFF"></body></html>
|
||||
681
templates/as002036free/less/mixins.less
Normal file
681
templates/as002036free/less/mixins.less
Normal file
@ -0,0 +1,681 @@
|
||||
//
|
||||
// Mixins
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// UTILITY MIXINS
|
||||
// --------------------------------------------------
|
||||
|
||||
// Clearfix
|
||||
// --------
|
||||
// For clearing floats like a boss h5bp.com/q
|
||||
.clearfix {
|
||||
*zoom: 1;
|
||||
&:before,
|
||||
&:after {
|
||||
display: table;
|
||||
content: "";
|
||||
// Fixes Opera/contenteditable bug:
|
||||
// http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
|
||||
line-height: 0;
|
||||
}
|
||||
&:after {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
// Webkit-style focus
|
||||
// ------------------
|
||||
.tab-focus() {
|
||||
// Default
|
||||
outline: thin dotted #333;
|
||||
// Webkit
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
// Center-align a block level element
|
||||
// ----------------------------------
|
||||
.center-block() {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
// IE7 inline-block
|
||||
// ----------------
|
||||
.ie7-inline-block() {
|
||||
*display: inline; /* IE7 inline-block hack */
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
// IE7 likes to collapse whitespace on either side of the inline-block elements.
|
||||
// Ems because we're attempting to match the width of a space character. Left
|
||||
// version is for form buttons, which typically come after other elements, and
|
||||
// right version is for icons, which come before. Applying both is ok, but it will
|
||||
// mean that space between those elements will be .6em (~2 space characters) in IE7,
|
||||
// instead of the 1 space in other browsers.
|
||||
.ie7-restore-left-whitespace() {
|
||||
*margin-left: .3em;
|
||||
|
||||
&:first-child {
|
||||
*margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ie7-restore-right-whitespace() {
|
||||
*margin-right: .3em;
|
||||
}
|
||||
|
||||
// Sizing shortcuts
|
||||
// -------------------------
|
||||
.size(@height, @width) {
|
||||
width: @width;
|
||||
height: @height;
|
||||
}
|
||||
.square(@size) {
|
||||
.size(@size, @size);
|
||||
}
|
||||
|
||||
// Placeholder text
|
||||
// -------------------------
|
||||
.placeholder(@color: @placeholderText) {
|
||||
&:-moz-placeholder {
|
||||
color: @color;
|
||||
}
|
||||
&:-ms-input-placeholder {
|
||||
color: @color;
|
||||
}
|
||||
&::-webkit-input-placeholder {
|
||||
color: @color;
|
||||
}
|
||||
}
|
||||
|
||||
// Text overflow
|
||||
// -------------------------
|
||||
// Requires inline-block or block for proper styling
|
||||
.text-overflow() {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
// CSS image replacement
|
||||
// -------------------------
|
||||
// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
|
||||
.hide-text {
|
||||
font: 0/0 a;
|
||||
color: transparent;
|
||||
text-shadow: none;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
|
||||
// FONTS
|
||||
// --------------------------------------------------
|
||||
|
||||
#font {
|
||||
#family {
|
||||
.serif() {
|
||||
font-family: @serifFontFamily;
|
||||
}
|
||||
.sans-serif() {
|
||||
font-family: @sansFontFamily;
|
||||
}
|
||||
.monospace() {
|
||||
font-family: @monoFontFamily;
|
||||
}
|
||||
}
|
||||
.shorthand(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||
font-size: @size;
|
||||
font-weight: @weight;
|
||||
line-height: @lineHeight;
|
||||
}
|
||||
.serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||
#font > #family > .serif;
|
||||
#font > .shorthand(@size, @weight, @lineHeight);
|
||||
}
|
||||
.sans-serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||
#font > #family > .sans-serif;
|
||||
#font > .shorthand(@size, @weight, @lineHeight);
|
||||
}
|
||||
.monospace(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||
#font > #family > .monospace;
|
||||
#font > .shorthand(@size, @weight, @lineHeight);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// FORMS
|
||||
// --------------------------------------------------
|
||||
|
||||
// Block level inputs
|
||||
.input-block-level {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-height: 30px; // Make inputs at least the height of their button counterpart
|
||||
.box-sizing(border-box); // Makes inputs behave like true block-level elements
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Mixin for form field states
|
||||
.formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
|
||||
// Set the text color
|
||||
> label,
|
||||
.help-block,
|
||||
.help-inline {
|
||||
color: @textColor;
|
||||
}
|
||||
// Style inputs accordingly
|
||||
.checkbox,
|
||||
.radio,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
color: @textColor;
|
||||
}
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
border-color: @borderColor;
|
||||
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
|
||||
&:focus {
|
||||
border-color: darken(@borderColor, 10%);
|
||||
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@borderColor, 20%));
|
||||
}
|
||||
}
|
||||
// Give a small background color for input-prepend/-append
|
||||
.input-prepend .add-on,
|
||||
.input-append .add-on {
|
||||
color: @textColor;
|
||||
background-color: @backgroundColor;
|
||||
border-color: @textColor;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// CSS3 PROPERTIES
|
||||
// --------------------------------------------------
|
||||
|
||||
// Border Radius
|
||||
.border-radius(@radius) {
|
||||
-webkit-border-radius: @radius;
|
||||
-moz-border-radius: @radius;
|
||||
border-radius: @radius;
|
||||
}
|
||||
|
||||
// Single Corner Border Radius
|
||||
.border-top-left-radius(@radius) {
|
||||
-webkit-border-top-left-radius: @radius;
|
||||
-moz-border-radius-topleft: @radius;
|
||||
border-top-left-radius: @radius;
|
||||
}
|
||||
.border-top-right-radius(@radius) {
|
||||
-webkit-border-top-right-radius: @radius;
|
||||
-moz-border-radius-topright: @radius;
|
||||
border-top-right-radius: @radius;
|
||||
}
|
||||
.border-bottom-right-radius(@radius) {
|
||||
-webkit-border-bottom-right-radius: @radius;
|
||||
-moz-border-radius-bottomright: @radius;
|
||||
border-bottom-right-radius: @radius;
|
||||
}
|
||||
.border-bottom-left-radius(@radius) {
|
||||
-webkit-border-bottom-left-radius: @radius;
|
||||
-moz-border-radius-bottomleft: @radius;
|
||||
border-bottom-left-radius: @radius;
|
||||
}
|
||||
|
||||
// Single Side Border Radius
|
||||
.border-top-radius(@radius) {
|
||||
.border-top-right-radius(@radius);
|
||||
.border-top-left-radius(@radius);
|
||||
}
|
||||
.border-right-radius(@radius) {
|
||||
.border-top-right-radius(@radius);
|
||||
.border-bottom-right-radius(@radius);
|
||||
}
|
||||
.border-bottom-radius(@radius) {
|
||||
.border-bottom-right-radius(@radius);
|
||||
.border-bottom-left-radius(@radius);
|
||||
}
|
||||
.border-left-radius(@radius) {
|
||||
.border-top-left-radius(@radius);
|
||||
.border-bottom-left-radius(@radius);
|
||||
}
|
||||
|
||||
// Drop shadows
|
||||
.box-shadow(@shadowA, @shadowB:X, ...){
|
||||
// Multiple shadow solution from http://toekneestuck.com/blog/2012/05/15/less-css-arguments-variable/
|
||||
@props: ~`"@{arguments}".replace(/[\[\]]|\,\sX/g, '')`;
|
||||
-webkit-box-shadow: @props;
|
||||
-moz-box-shadow: @props;
|
||||
box-shadow: @props;
|
||||
}
|
||||
|
||||
// Transitions
|
||||
.transition(@transition) {
|
||||
-webkit-transition: @transition;
|
||||
-moz-transition: @transition;
|
||||
-o-transition: @transition;
|
||||
transition: @transition;
|
||||
}
|
||||
.transition-delay(@transition-delay) {
|
||||
-webkit-transition-delay: @transition-delay;
|
||||
-moz-transition-delay: @transition-delay;
|
||||
-o-transition-delay: @transition-delay;
|
||||
transition-delay: @transition-delay;
|
||||
}
|
||||
|
||||
// Transformations
|
||||
.rotate(@degrees) {
|
||||
-webkit-transform: rotate(@degrees);
|
||||
-moz-transform: rotate(@degrees);
|
||||
-ms-transform: rotate(@degrees);
|
||||
-o-transform: rotate(@degrees);
|
||||
transform: rotate(@degrees);
|
||||
}
|
||||
.scale(@ratio) {
|
||||
-webkit-transform: scale(@ratio);
|
||||
-moz-transform: scale(@ratio);
|
||||
-ms-transform: scale(@ratio);
|
||||
-o-transform: scale(@ratio);
|
||||
transform: scale(@ratio);
|
||||
}
|
||||
.translate(@x, @y) {
|
||||
-webkit-transform: translate(@x, @y);
|
||||
-moz-transform: translate(@x, @y);
|
||||
-ms-transform: translate(@x, @y);
|
||||
-o-transform: translate(@x, @y);
|
||||
transform: translate(@x, @y);
|
||||
}
|
||||
.skew(@x, @y) {
|
||||
-webkit-transform: skew(@x, @y);
|
||||
-moz-transform: skew(@x, @y);
|
||||
-ms-transform: skewX(@x) skewY(@y); // See https://github.com/twitter/bootstrap/issues/4885
|
||||
-o-transform: skew(@x, @y);
|
||||
transform: skew(@x, @y);
|
||||
}
|
||||
.translate3d(@x, @y, @z) {
|
||||
-webkit-transform: translate3d(@x, @y, @z);
|
||||
-moz-transform: translate3d(@x, @y, @z);
|
||||
-o-transform: translate3d(@x, @y, @z);
|
||||
transform: translate3d(@x, @y, @z);
|
||||
}
|
||||
|
||||
// Backface visibility
|
||||
// Prevent browsers from flickering when using CSS 3D transforms.
|
||||
// Default value is `visible`, but can be changed to `hidden
|
||||
// See git pull https://github.com/dannykeane/bootstrap.git backface-visibility for examples
|
||||
.backface-visibility(@visibility){
|
||||
-webkit-backface-visibility: @visibility;
|
||||
-moz-backface-visibility: @visibility;
|
||||
backface-visibility: @visibility;
|
||||
}
|
||||
|
||||
// Background clipping
|
||||
// Heads up: FF 3.6 and under need "padding" instead of "padding-box"
|
||||
.background-clip(@clip) {
|
||||
-webkit-background-clip: @clip;
|
||||
-moz-background-clip: @clip;
|
||||
background-clip: @clip;
|
||||
}
|
||||
|
||||
// Background sizing
|
||||
.background-size(@size){
|
||||
-webkit-background-size: @size;
|
||||
-moz-background-size: @size;
|
||||
-o-background-size: @size;
|
||||
background-size: @size;
|
||||
}
|
||||
|
||||
|
||||
// Box sizing
|
||||
.box-sizing(@boxmodel) {
|
||||
-webkit-box-sizing: @boxmodel;
|
||||
-moz-box-sizing: @boxmodel;
|
||||
box-sizing: @boxmodel;
|
||||
}
|
||||
|
||||
// User select
|
||||
// For selecting text on the page
|
||||
.user-select(@select) {
|
||||
-webkit-user-select: @select;
|
||||
-moz-user-select: @select;
|
||||
-ms-user-select: @select;
|
||||
-o-user-select: @select;
|
||||
user-select: @select;
|
||||
}
|
||||
|
||||
// Resize anything
|
||||
.resizable(@direction) {
|
||||
resize: @direction; // Options: horizontal, vertical, both
|
||||
overflow: auto; // Safari fix
|
||||
}
|
||||
|
||||
// CSS3 Content Columns
|
||||
.content-columns(@columnCount, @columnGap: @gridGutterWidth) {
|
||||
-webkit-column-count: @columnCount;
|
||||
-moz-column-count: @columnCount;
|
||||
column-count: @columnCount;
|
||||
-webkit-column-gap: @columnGap;
|
||||
-moz-column-gap: @columnGap;
|
||||
column-gap: @columnGap;
|
||||
}
|
||||
|
||||
// Optional hyphenation
|
||||
.hyphens(@mode: auto) {
|
||||
word-wrap: break-word;
|
||||
-webkit-hyphens: @mode;
|
||||
-moz-hyphens: @mode;
|
||||
-ms-hyphens: @mode;
|
||||
-o-hyphens: @mode;
|
||||
hyphens: @mode;
|
||||
}
|
||||
|
||||
// Opacity
|
||||
.opacity(@opacity) {
|
||||
opacity: @opacity / 100;
|
||||
filter: ~"alpha(opacity=@{opacity})";
|
||||
}
|
||||
|
||||
|
||||
|
||||
// BACKGROUNDS
|
||||
// --------------------------------------------------
|
||||
|
||||
// Add an alphatransparency value to any background or border color (via Elyse Holladay)
|
||||
#translucent {
|
||||
.background(@color: @white, @alpha: 1) {
|
||||
background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
|
||||
}
|
||||
.border(@color: @white, @alpha: 1) {
|
||||
border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
|
||||
.background-clip(padding-box);
|
||||
}
|
||||
}
|
||||
|
||||
// Gradient Bar Colors for buttons and alerts
|
||||
.gradientBar(@primaryColor, @secondaryColor, @textColor: #fff, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) {
|
||||
color: @textColor;
|
||||
text-shadow: @textShadow;
|
||||
#gradient > .vertical(@primaryColor, @secondaryColor);
|
||||
border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%);
|
||||
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
|
||||
}
|
||||
|
||||
// Gradients
|
||||
#gradient {
|
||||
.horizontal(@startColor: #555, @endColor: #333) {
|
||||
background-color: @endColor;
|
||||
background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+
|
||||
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
|
||||
background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||
background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
|
||||
background-image: linear-gradient(to right, @startColor, @endColor); // Standard, IE10
|
||||
background-repeat: repeat-x;
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@startColor),argb(@endColor))); // IE9 and down
|
||||
}
|
||||
.vertical(@startColor: #555, @endColor: #333) {
|
||||
background-color: mix(@startColor, @endColor, 60%);
|
||||
background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
|
||||
background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||
background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
|
||||
background-image: linear-gradient(to bottom, @startColor, @endColor); // Standard, IE10
|
||||
background-repeat: repeat-x;
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@startColor),argb(@endColor))); // IE9 and down
|
||||
}
|
||||
.directional(@startColor: #555, @endColor: #333, @deg: 45deg) {
|
||||
background-color: @endColor;
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+
|
||||
background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||
background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10
|
||||
background-image: linear-gradient(@deg, @startColor, @endColor); // Standard, IE10
|
||||
}
|
||||
.vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
|
||||
background-color: mix(@midColor, @endColor, 80%);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
|
||||
background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||
background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor);
|
||||
background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||
background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||
background-repeat: no-repeat;
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@startColor),argb(@endColor))); // IE9 and down, gets no color-stop at all for proper fallback
|
||||
}
|
||||
.radial(@innerColor: #555, @outerColor: #333) {
|
||||
background-color: @outerColor;
|
||||
background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(@innerColor), to(@outerColor));
|
||||
background-image: -webkit-radial-gradient(circle, @innerColor, @outerColor);
|
||||
background-image: -moz-radial-gradient(circle, @innerColor, @outerColor);
|
||||
background-image: -o-radial-gradient(circle, @innerColor, @outerColor);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.striped(@color: #555, @angle: 45deg) {
|
||||
background-color: @color;
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
}
|
||||
}
|
||||
// Reset filters for IE
|
||||
.reset-filter() {
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
|
||||
}
|
||||
|
||||
|
||||
|
||||
// COMPONENT MIXINS
|
||||
// --------------------------------------------------
|
||||
|
||||
// Horizontal dividers
|
||||
// -------------------------
|
||||
// Dividers (basically an hr) within dropdowns and nav lists
|
||||
.nav-divider(@top: #e5e5e5, @bottom: @white) {
|
||||
// IE7 needs a set width since we gave a height. Restricting just
|
||||
// to IE7 to keep the 1px left/right space in other browsers.
|
||||
// It is unclear where IE is getting the extra space that we need
|
||||
// to negative-margin away, but so it goes.
|
||||
*width: 100%;
|
||||
height: 1px;
|
||||
margin: ((@baseLineHeight / 2) - 1) 1px; // 8px 1px
|
||||
*margin: -5px 0 5px;
|
||||
overflow: hidden;
|
||||
background-color: @top;
|
||||
border-bottom: 1px solid @bottom;
|
||||
}
|
||||
|
||||
// Button backgrounds
|
||||
// ------------------
|
||||
.buttonBackground(@startColor, @endColor, @textColor: #fff, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) {
|
||||
// gradientBar will set the background to a pleasing blend of these, to support IE<=9
|
||||
.gradientBar(@startColor, @endColor, @textColor, @textShadow);
|
||||
*background-color: @endColor; /* Darken IE7 buttons by default so they stand out more given they won't have borders */
|
||||
.reset-filter();
|
||||
|
||||
// in these cases the gradient won't cover the background, so we override
|
||||
&:hover, &:active, &.active, &.disabled, &[disabled] {
|
||||
color: @textColor;
|
||||
background-color: @endColor;
|
||||
*background-color: darken(@endColor, 5%);
|
||||
}
|
||||
|
||||
// IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
|
||||
&:active,
|
||||
&.active {
|
||||
background-color: darken(@endColor, 10%) e("\9");
|
||||
}
|
||||
}
|
||||
|
||||
// Navbar vertical align
|
||||
// -------------------------
|
||||
// Vertically center elements in the navbar.
|
||||
// Example: an element has a height of 30px, so write out `.navbarVerticalAlign(30px);` to calculate the appropriate top margin.
|
||||
.navbarVerticalAlign(@elementHeight) {
|
||||
margin-top: (@navbarHeight - @elementHeight) / 2;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Grid System
|
||||
// -----------
|
||||
|
||||
// Centered container element
|
||||
.container-fixed() {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
.clearfix();
|
||||
}
|
||||
|
||||
// Table columns
|
||||
.tableColumns(@columnSpan: 1) {
|
||||
float: none; // undo default grid column styles
|
||||
width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 16; // 16 is total padding on left and right of table cells
|
||||
margin-left: 0; // undo default grid column styles
|
||||
}
|
||||
|
||||
// Make a Grid
|
||||
// Use .makeRow and .makeColumn to assign semantic layouts grid system behavior
|
||||
.makeRow() {
|
||||
margin-left: @gridGutterWidth * -1;
|
||||
.clearfix();
|
||||
}
|
||||
.makeColumn(@columns: 1, @offset: 0) {
|
||||
float: left;
|
||||
margin-left: (@gridColumnWidth * @offset) + (@gridGutterWidth * (@offset - 1)) + (@gridGutterWidth * 2);
|
||||
width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
|
||||
}
|
||||
|
||||
// The Grid
|
||||
#grid {
|
||||
|
||||
.core (@gridColumnWidth, @gridGutterWidth) {
|
||||
|
||||
.spanX (@index) when (@index > 0) {
|
||||
(~".span@{index}") { .span(@index); }
|
||||
.spanX(@index - 1);
|
||||
}
|
||||
.spanX (0) {}
|
||||
|
||||
.offsetX (@index) when (@index > 0) {
|
||||
(~".offset@{index}") { .offset(@index); }
|
||||
.offsetX(@index - 1);
|
||||
}
|
||||
.offsetX (0) {}
|
||||
|
||||
.offset (@columns) {
|
||||
margin-left: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns + 1));
|
||||
}
|
||||
|
||||
.span (@columns) {
|
||||
width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
|
||||
}
|
||||
|
||||
.row {
|
||||
margin-left: @gridGutterWidth * -1;
|
||||
.clearfix();
|
||||
}
|
||||
|
||||
[class*="span"] {
|
||||
float: left;
|
||||
min-height: 1px; // prevent collapsing columns
|
||||
margin-left: @gridGutterWidth;
|
||||
}
|
||||
|
||||
// Set the container width, and override it for fixed navbars in media queries
|
||||
.container,
|
||||
.navbar-static-top .container,
|
||||
.navbar-fixed-top .container,
|
||||
.navbar-fixed-bottom .container { .span(@gridColumns); }
|
||||
|
||||
// generate .spanX and .offsetX
|
||||
.spanX (@gridColumns);
|
||||
.offsetX (@gridColumns);
|
||||
|
||||
}
|
||||
|
||||
.fluid (@fluidGridColumnWidth, @fluidGridGutterWidth) {
|
||||
|
||||
.spanX (@index) when (@index > 0) {
|
||||
(~".span@{index}") { .span(@index); }
|
||||
.spanX(@index - 1);
|
||||
}
|
||||
.spanX (0) {}
|
||||
|
||||
.offsetX (@index) when (@index > 0) {
|
||||
(~'.offset@{index}') { .offset(@index); }
|
||||
(~'.offset@{index}:first-child') { .offsetFirstChild(@index); }
|
||||
.offsetX(@index - 1);
|
||||
}
|
||||
.offsetX (0) {}
|
||||
|
||||
.offset (@columns) {
|
||||
margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + (@fluidGridGutterWidth*2);
|
||||
*margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%) + (@fluidGridGutterWidth*2) - (.5 / @gridRowWidth * 100 * 1%);
|
||||
}
|
||||
|
||||
.offsetFirstChild (@columns) {
|
||||
margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + (@fluidGridGutterWidth);
|
||||
*margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%) + @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);
|
||||
}
|
||||
|
||||
.span (@columns) {
|
||||
width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1));
|
||||
*width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%);
|
||||
}
|
||||
|
||||
.row-fluid {
|
||||
width: 100%;
|
||||
.clearfix();
|
||||
[class*="span"] {
|
||||
.input-block-level();
|
||||
float: left;
|
||||
margin-left: @fluidGridGutterWidth;
|
||||
*margin-left: @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);
|
||||
}
|
||||
[class*="span"]:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
// generate .spanX and .offsetX
|
||||
.spanX (@gridColumns);
|
||||
.offsetX (@gridColumns);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.input(@gridColumnWidth, @gridGutterWidth) {
|
||||
|
||||
.spanX (@index) when (@index > 0) {
|
||||
(~"input.span@{index}, textarea.span@{index}, .uneditable-input.span@{index}") { .span(@index); }
|
||||
.spanX(@index - 1);
|
||||
}
|
||||
.spanX (0) {}
|
||||
|
||||
.span(@columns) {
|
||||
width: ((@gridColumnWidth) * @columns) + (@gridGutterWidth * (@columns - 1)) - 14;
|
||||
}
|
||||
|
||||
input,
|
||||
textarea,
|
||||
.uneditable-input {
|
||||
margin-left: 0; // override margin-left from core grid system
|
||||
}
|
||||
|
||||
// Space grid-sized controls properly if multiple per line
|
||||
.controls-row [class*="span"] + [class*="span"] {
|
||||
margin-left: @gridGutterWidth;
|
||||
}
|
||||
|
||||
// generate .spanX
|
||||
.spanX (@gridColumns);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
429
templates/as002036free/less/responsive.less
Normal file
429
templates/as002036free/less/responsive.less
Normal file
@ -0,0 +1,429 @@
|
||||
// Core variables and mixins
|
||||
@import "variables.less"; // Custom for this template
|
||||
@import "../../../media/jui/less/mixins.less";
|
||||
|
||||
|
||||
/*========================================================================
|
||||
========================================================================*/
|
||||
|
||||
/* Large desktop */
|
||||
@media (min-width: 1200px) {}
|
||||
|
||||
/*========================================================================
|
||||
========================================================================*/
|
||||
|
||||
/* Large desktop */
|
||||
@media (max-width: 1200px) {
|
||||
#contact_map{height: 376px;}
|
||||
|
||||
#header-row .mod-search_searchword {width: 230px;}
|
||||
.slide_title {font-size: 100px;}
|
||||
.camera_caption a.readmore {right: 60px;}
|
||||
.mod-newsflash-adv__links .item_content ul li a {
|
||||
font-size: 12px;
|
||||
}
|
||||
h1, h2 {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*========================================================================
|
||||
========================================================================*/
|
||||
|
||||
/* Narrow desktop */
|
||||
@media (max-width: 980px) {
|
||||
|
||||
#logo .logo_title{
|
||||
width: 180px;
|
||||
position: relative;
|
||||
top: 12px;
|
||||
}
|
||||
|
||||
.thumbnails {margin-left: -12px;}
|
||||
.thumbnails > li {margin-left: 12px;}
|
||||
|
||||
.page-category__team .item_introtext {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
#header-row .mod-search { padding-left: 0; }
|
||||
#header-row .btn-search { left: 10px; }
|
||||
#header-row .mod-search_searchword {width: 220px;}
|
||||
|
||||
.slide_title {
|
||||
font-size: 70px;
|
||||
letter-spacing: -4px;
|
||||
line-height: 44px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.camera_caption a.readmore {
|
||||
padding: 19px 27px 16px 20px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.camera_caption a.readmore .arrow {
|
||||
right: 12px;
|
||||
top: 27px;
|
||||
}
|
||||
|
||||
.shadow span {
|
||||
left: 2%;
|
||||
width: 96%;
|
||||
}
|
||||
|
||||
.mod-newsflash-adv__links .item_content h2 {
|
||||
line-height: 30px;
|
||||
padding-top: 14px;
|
||||
padding-bottom: 14px;
|
||||
}
|
||||
|
||||
/*footer*/
|
||||
#back-top{display: none !important;}
|
||||
}
|
||||
|
||||
/*========================================================================
|
||||
========================================================================*/
|
||||
|
||||
/* Portrait tablet to landscape and desktop */
|
||||
@media (min-width: 768px) and (max-width: 979px) {}
|
||||
|
||||
/*========================================================================
|
||||
========================================================================*/
|
||||
|
||||
/* Landscape phone to portrait tablet */
|
||||
@media (max-width: 767px){
|
||||
|
||||
#logo .logo_title{
|
||||
|
||||
}
|
||||
|
||||
body{padding: 0 !important }
|
||||
|
||||
.container{
|
||||
margin-left: 20px !important;
|
||||
margin-right: 20px !important;
|
||||
}
|
||||
|
||||
// Stick to bottom footer styles
|
||||
#wrapper{margin: 0;}
|
||||
#footer-wrapper{height: auto;}
|
||||
#push{display: none;}
|
||||
|
||||
#header-row .container {
|
||||
padding: 37px 0px 64px 0px;
|
||||
}
|
||||
|
||||
#header-row .mod-search {margin-left: 40px;}
|
||||
.mod-menu__social {
|
||||
margin-right: 80px;
|
||||
}
|
||||
|
||||
.moduletable.navigation{
|
||||
width: 89%;
|
||||
margin: 20px auto 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#navigation-row{
|
||||
.container{
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
position: relative;
|
||||
.shadow span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.moduletable.slider{
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.slide_title {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#camera-slideshow .camera_caption p {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.camera_caption a.readmore {
|
||||
right: inherit;
|
||||
}
|
||||
|
||||
.mod-newsflash-adv__links{
|
||||
.item__module{
|
||||
width: 48%;
|
||||
margin: 0 1% 20px;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
#footer{
|
||||
.moduletable.span3{
|
||||
float: right;
|
||||
width: 40%;
|
||||
}
|
||||
p{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.mod-footer{
|
||||
position: relative;
|
||||
top: -48px;
|
||||
}
|
||||
|
||||
.page-category__clients{
|
||||
.item{
|
||||
overflow: hidden;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.item_img{
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
clear: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
aside{
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
/*navigation*/
|
||||
.select-menu{display: block; width: 100%;}
|
||||
.sf-menu{display: none;}
|
||||
|
||||
|
||||
/*content*/
|
||||
.item-image.blog-image{float: none; margin: 0 0 20px 0; }
|
||||
|
||||
.row-fluid {
|
||||
[class*="itemSpan"] {
|
||||
display: block;
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
/*gallery*/
|
||||
.page-gallery{
|
||||
.item_img.img-intro{
|
||||
float: left;
|
||||
margin: 0 @baseLineHeight @baseLineHeight 0;
|
||||
}
|
||||
}
|
||||
|
||||
.img-full__left.span5{width: 50%;}
|
||||
|
||||
/*contact*/
|
||||
.contact_form{width: 50%;}
|
||||
.contact_details{
|
||||
margin-bottom: 20px;
|
||||
.span6{
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*Modules*/
|
||||
|
||||
/*search*/
|
||||
.mod-search__aside{
|
||||
.mod-search_searchword{
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
/*login*/
|
||||
.mod-login__aside{
|
||||
.mod-login_username, .mod-login_passwd{
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*========================================================================
|
||||
========================================================================*/
|
||||
|
||||
/* Landscape phones and down */
|
||||
@media (max-width: 480px) {
|
||||
|
||||
#logo a{
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#logo .logo_title{
|
||||
display: block !important;
|
||||
text-align: center;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
box-sizing:border-box;
|
||||
-moz-box-sizing:border-box;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
/*contact*/
|
||||
.contact_form{width: 100%;}
|
||||
.contact_details{
|
||||
margin-bottom: @baseLineHeight;
|
||||
.span6{
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
.container{
|
||||
margin-left: 10px !important;
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
|
||||
.camera_caption a.readmore {
|
||||
padding: 0px 10px 0px 10px;
|
||||
font-size: 20px;
|
||||
top: 20px;
|
||||
span{
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
#header-row .mod-search_searchword {
|
||||
width: 175px;
|
||||
}
|
||||
|
||||
.mod-newsflash-adv__links .item__module {
|
||||
width: 100%;
|
||||
margin: 0 0 20px;
|
||||
float: none;
|
||||
}
|
||||
|
||||
.img-intro__left, .img-full__left {
|
||||
float: none !important;
|
||||
margin: 0 0 9px 0 !important;
|
||||
}
|
||||
|
||||
/*registration*/
|
||||
.page-registration, .page-remind, .page-reset, .page-login, .page-login, .page-profile__edit{
|
||||
form{
|
||||
input, select{
|
||||
width: 100%;
|
||||
}
|
||||
label{
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-category__clients .item_img.img-intro {display: inline-block;}
|
||||
|
||||
/*gallery*/
|
||||
.page-gallery{
|
||||
.item_img.img-intro{
|
||||
float: none;
|
||||
margin: 0 0 @baseLineHeight 0;
|
||||
img{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.item{
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.img-full__left.span5{
|
||||
width: 100%;
|
||||
margin-right:0;
|
||||
box-sizing:border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
}
|
||||
|
||||
/*blog*/
|
||||
.page-blog{
|
||||
.item_img.img-intro{
|
||||
float: none;
|
||||
margin: 0 0 @baseLineHeight 0;
|
||||
img{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*archive*/
|
||||
.page-archive_filters{
|
||||
select{
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.page-category__clients{
|
||||
.item{
|
||||
overflow: hidden;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.item_img{
|
||||
float: none;
|
||||
margin-right: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
#footer{
|
||||
.moduletable.span3{
|
||||
float: right;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.mod-footer {
|
||||
position: relative;
|
||||
top: 33px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*Modules*/
|
||||
|
||||
/*search*/
|
||||
.mod-search__aside{
|
||||
.mod-search_searchword{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/*login*/
|
||||
.mod-login__aside{
|
||||
.mod-login_username, .mod-login_passwd{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*========================================================================
|
||||
========================================================================*/
|
||||
|
||||
/* Portrait phones */
|
||||
@media (max-width: 340px) {
|
||||
|
||||
#logo .logo_title {
|
||||
position: relative;
|
||||
top: 12px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#header-row .mod-search_searchword { width: 150px;}
|
||||
|
||||
.camera_caption a.readmore {
|
||||
top: 40px;
|
||||
}
|
||||
|
||||
}
|
||||
906
templates/as002036free/less/template.less
Normal file
906
templates/as002036free/less/template.less
Normal file
@ -0,0 +1,906 @@
|
||||
// Core variables and mixins
|
||||
@import "variables.less"; // Custom for this template
|
||||
@import "../../../media/jui/less/mixins.less";
|
||||
|
||||
body{
|
||||
background:url(../images/body-bg.png) left top repeat-x @bodyBackground;
|
||||
}
|
||||
|
||||
|
||||
/*======================= TYPOGRAPHY =======================*/
|
||||
|
||||
h1, h2, h3, h4{
|
||||
margin-top: 0;
|
||||
font-family: @customFontFamily;
|
||||
letter-spacing:-1px;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2{
|
||||
font-size: 40px;
|
||||
line-height:40px;
|
||||
font-weight: normal;
|
||||
margin-bottom: 24px;
|
||||
text-transform: uppercase;
|
||||
padding-bottom: 14px;
|
||||
}
|
||||
h3{
|
||||
font-size: 25px;
|
||||
font-weight: 200;
|
||||
line-height:30px;
|
||||
margin-bottom:0;
|
||||
padding-bottom: 14px;
|
||||
}
|
||||
h4{
|
||||
font-size: 18px;
|
||||
}
|
||||
h5{
|
||||
font: normal 14px/30px Arial, Helvetica, sans-serif;
|
||||
}
|
||||
h6{}
|
||||
|
||||
|
||||
p{
|
||||
margin: 0;
|
||||
padding-bottom: @baseFontSize;
|
||||
.indention-broad{
|
||||
font-size:14px;
|
||||
line-height:30px;
|
||||
}
|
||||
}
|
||||
|
||||
.icons-marker{
|
||||
font-size: 1.2 * @baseFontSize;
|
||||
line-height: @baseLineHeight;
|
||||
}
|
||||
|
||||
h1,
|
||||
.item__featured .item_title,
|
||||
.module_title,
|
||||
.page-category .item_title,
|
||||
.page_header h2,
|
||||
h2.item_title,
|
||||
.category_title h2{
|
||||
border-bottom: 1px solid @themeGreyBorder;
|
||||
}
|
||||
|
||||
.item__module{
|
||||
h2.item_title{
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*Buttons*/
|
||||
|
||||
.btn{
|
||||
text-shadow:none !important;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.readmore{
|
||||
text-transform: none;
|
||||
border:none !important;
|
||||
box-shadow:none !important;
|
||||
-webkit-box-shadow: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.btn-primary, .btn_primary{
|
||||
padding: 5px 10px;
|
||||
font-size: @btnPrimaryFontSize;
|
||||
line-height: @btnPrimaryLineHeight;
|
||||
*line-height: @btnPrimaryLineHeight;
|
||||
.buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight, @btnPrimaryColor); //mixin lacks text shadow. Default is used
|
||||
border-bottom-color: darken(@btnPrimaryBackground, 10%);
|
||||
.border-radius(4px);
|
||||
.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
|
||||
&.active, &:active{
|
||||
box-shadow:none;
|
||||
}
|
||||
}
|
||||
|
||||
.btn_info, .btn-info{
|
||||
padding: 5px 10px;
|
||||
font-size: @btnInfoFontSize;
|
||||
line-height: @btnInfoLineHeight;
|
||||
*line-height: @btnInfoLineHeight;
|
||||
.buttonBackground(@btnInfoBackground, @btnInfoBackgroundHighlight, @btnInfoColor, 0 1px 1px rgba(255,255,255,.75));
|
||||
border: none !important;
|
||||
.border-radius(4px);
|
||||
.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
|
||||
&.active, &:active{
|
||||
box-shadow:none;
|
||||
}
|
||||
}
|
||||
|
||||
/*Lists*/
|
||||
|
||||
ul.item_list, .categories-module, .archive-module{
|
||||
li{
|
||||
background:url(../images/li-icon-orange.png) left 11px no-repeat;
|
||||
padding: 0 0 0 20px;
|
||||
list-style: none;
|
||||
a{
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul.item_list{
|
||||
&.style2{
|
||||
padding-top: 10px;
|
||||
margin-left: 0;
|
||||
li{
|
||||
line-height: 30px;
|
||||
background:url(../images/li-icon-grey.png) left 12px no-repeat;
|
||||
padding-left: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul.categories-module{
|
||||
h5{
|
||||
font-size: 1em;
|
||||
line-height: inherit;
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.categories-module, .archive-module{
|
||||
margin: 0;
|
||||
li{
|
||||
line-height:30px;
|
||||
a{
|
||||
font-size: 14px;
|
||||
line-height: 30px;
|
||||
color: @themeGreyMain;
|
||||
&:hover{
|
||||
color: @themeOrange;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*Pagination*/
|
||||
|
||||
.pagination{
|
||||
span, a{
|
||||
background:none !important;
|
||||
padding: 0 6px;
|
||||
}
|
||||
ul{
|
||||
.border-radius(0);
|
||||
border:none;
|
||||
box-shadow: none;
|
||||
margin: 0 auto;
|
||||
li{
|
||||
.pagenav{
|
||||
font: 800 14px/18px;
|
||||
text-transform: none;
|
||||
color:@paginationSpan;
|
||||
.border-radius(0);
|
||||
border:none;
|
||||
box-shadow: none;
|
||||
|
||||
}
|
||||
span.pagenav{
|
||||
color:@paginationSpan;
|
||||
}
|
||||
a.pagenav{
|
||||
color:@paginationLink;
|
||||
&:hover{
|
||||
background:none;
|
||||
color:@paginationLinkAct;
|
||||
}
|
||||
}
|
||||
|
||||
&.num{
|
||||
span.pagenav{
|
||||
color:@paginationLinkAct;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*Forms*/
|
||||
|
||||
input[type='radio'], input[type='checkbox'] {margin: 3px 0 0;}
|
||||
|
||||
/* Images */
|
||||
|
||||
.item_img, .category_img{
|
||||
margin-bottom: @baseFontSize;
|
||||
border: 6px solid @themeImgBorder;
|
||||
.border-radius(5px);
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.img-intro__left,
|
||||
.img-full__left{
|
||||
float:left; margin: 0 18px 9px 0;
|
||||
}
|
||||
.img-intro__right,
|
||||
.img-full__right{
|
||||
float:right; margin: 0 18px 9px 0;
|
||||
}
|
||||
|
||||
// Shadow
|
||||
|
||||
.wshadow{
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.shadow{
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
span{
|
||||
.box-shadow(0px -2px 20px 2px rgba(0, 0, 0, 1));
|
||||
height: 5px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 1%;
|
||||
width: 98%;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/*======================= TOP =======================*/
|
||||
|
||||
#top-row{
|
||||
.container{}
|
||||
}
|
||||
|
||||
/*======================= HEADER =======================*/
|
||||
|
||||
#header-row{
|
||||
.container{
|
||||
padding: 37px 0 32px 0;
|
||||
margin-top: 26px;
|
||||
// #gradient.vertical(@themeGradTop, @themeGradBot);
|
||||
background: url(../images/header-bg.jpg) left top repeat-x #e5e5e5;
|
||||
border-radius:6px 6px 0 0;
|
||||
}
|
||||
.mod-search{
|
||||
margin-top: 16px;
|
||||
position: relative;
|
||||
padding-left: 55px;
|
||||
}
|
||||
.mod-search_searchword{
|
||||
width: 286px;
|
||||
border: none;
|
||||
position: relative;
|
||||
padding: 9px 6px 8px 35px !important;
|
||||
display: block;
|
||||
height: 32px;
|
||||
border-radius: 3px;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.btn-search{
|
||||
background: url(../images/search-icon.png) 0px 0px no-repeat @white !important;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
text-indent: -999em;
|
||||
border: none;
|
||||
position: absolute;
|
||||
top: 13px;
|
||||
left: 66px;
|
||||
z-index: 20;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#logo{
|
||||
a{
|
||||
display: inline-block;
|
||||
margin: 0 0 0 59px;
|
||||
}
|
||||
span.logo_title{
|
||||
font-size: 14px;
|
||||
color:#7f7f7f;
|
||||
margin: 0 0 0 4px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*======================= NAVIGATION =======================*/
|
||||
|
||||
#navigation-row{
|
||||
.container{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.moduletable.navigation{
|
||||
#gradient.vertical(@themeNavTop, @themeNavBot);
|
||||
border-radius:0 0 6px 6px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
.select-menu{display: none;}
|
||||
|
||||
.navigation{
|
||||
z-index: 50 !important;
|
||||
ul.sf-menu{
|
||||
position: relative;
|
||||
border-top:1px solid #d6d6d6;
|
||||
z-index: 150;
|
||||
>li{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 16.66666666666667%;
|
||||
text-align: center;
|
||||
background: url(../images/li-bg.png) left top no-repeat;
|
||||
border-top: 1px solid @white;
|
||||
&.active, &.sfHover, &.current{
|
||||
>a, >span{
|
||||
background: @menuItemBgColorAct;
|
||||
color: @menuItemColorAct;
|
||||
}
|
||||
}
|
||||
&.firstItem{
|
||||
background: none;
|
||||
}
|
||||
&.lastItem{}
|
||||
>a, >span{
|
||||
font-size: @menuItemFontSize;
|
||||
line-height: @menuItemLineHeight;
|
||||
font-family: @menuItemFontFamily;
|
||||
color: @menuItemColor;
|
||||
background: @menuItemBgColor;
|
||||
height: @menuItemLineHeight;
|
||||
display: block;
|
||||
font-weight: 400;
|
||||
padding: 27px 1em;
|
||||
text-transform: uppercase;
|
||||
&:hover{
|
||||
background: @menuItemBgColorAct;
|
||||
color: @menuItemColorAct;
|
||||
>span{
|
||||
background-position: center bottom !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.deeper{
|
||||
>a{
|
||||
position: relative;
|
||||
&:after{
|
||||
display: inline-block;
|
||||
background: url(../images/dd-arrow.png) left top no-repeat;
|
||||
width: 7px;
|
||||
height: 5px;
|
||||
position: relative;
|
||||
left: 12px;
|
||||
top: -4px;
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*SubMenu Styles*/
|
||||
li:hover > ul, li.sfHover > ul{ top: @menuItemLineHeight + 55;}/*Define 1st SubMenu position*/
|
||||
ul{width: @menuItemWidth; } /*Define menu width*/
|
||||
li li:hover ul, li li.sfHover ul{ top:-1em; left: @menuItemWidth;}/*Define SubMenu position*/
|
||||
li li li:hover ul, li li li.sfHover ul{ top:-1em; left:@menuItemWidth;}/*Define 2nd+ SubMenu position*/
|
||||
|
||||
ul{
|
||||
#gradient.vertical(#505050, #2e2e2e);
|
||||
padding: 12px 0;
|
||||
.border-bottom-right-radius(3px);
|
||||
.border-bottom-left-radius(3px);
|
||||
li{
|
||||
margin: 0 0 1px 0;
|
||||
a, span{
|
||||
text-align: left;
|
||||
font-size: @subMenuItemFontSize;
|
||||
line-height: @subMenuItemLineHeight;
|
||||
font-family: @subMenuItemFontFamily;
|
||||
color: @subMenuItemColor;
|
||||
background: @subMenuItemBgColor;
|
||||
display: block;
|
||||
padding: 0.5em 1em;
|
||||
text-decoration: none;
|
||||
&:hover{
|
||||
#gradient.vertical(#efa03d, #e66926);
|
||||
color: @subMenuItemColorAct;
|
||||
}
|
||||
}
|
||||
&.active, &.sfHover{
|
||||
>a, >span{
|
||||
#gradient.vertical(#efa03d, #e66926);
|
||||
color: @subMenuItemColorAct;
|
||||
|
||||
}
|
||||
}
|
||||
&.firstItem{
|
||||
border:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*======================= SHOWCASE =======================*/
|
||||
|
||||
#showcase-row{
|
||||
.container{
|
||||
margin-bottom: 30px;
|
||||
position: relative;
|
||||
}
|
||||
.shadow {
|
||||
top: -1px;
|
||||
}
|
||||
}
|
||||
|
||||
.moduletable.slider{
|
||||
border-radius:6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#camera-slideshow{
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.slide_title{
|
||||
font-family: @customFontFamily;
|
||||
font-size: 120px;
|
||||
text-transform: uppercase;
|
||||
font-weight: normal;
|
||||
letter-spacing: -7px;
|
||||
line-height: 72px;
|
||||
margin-bottom: 6px;
|
||||
.item_title_part0, .item_title_part1{
|
||||
color: @themeOrange;
|
||||
}
|
||||
}
|
||||
|
||||
.camera_caption{
|
||||
a.readmore{
|
||||
position: absolute;
|
||||
right: 94px;
|
||||
padding: 30px 36px 26px 28px;
|
||||
top: -5px;
|
||||
font-size: 30px;
|
||||
line-height: 30px;
|
||||
text-transform: uppercase;
|
||||
font-family: @customFontFamily;
|
||||
color:@white;
|
||||
#gradient.vertical(@themeGradOrangeTop, @themeGradOrangeBottom);
|
||||
.border-radius(6px);
|
||||
.arrow{
|
||||
background: url(../images/more-arrow.png) left top no-repeat;
|
||||
display: block;
|
||||
height: 11px;
|
||||
width: 8px;
|
||||
right: 20px;
|
||||
top: 39px;
|
||||
position: absolute;
|
||||
}
|
||||
&:hover{
|
||||
#gradient.vertical(@themeGradOrangeBottom, @themeGradOrangeTop);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*======================= FEATURE =======================*/
|
||||
|
||||
#feature-row{
|
||||
.container{}
|
||||
}
|
||||
|
||||
.mod-newsflash-adv__links{
|
||||
.item_content{
|
||||
background: @themeGreyLight;
|
||||
border-radius:6px;
|
||||
padding-bottom: 24px;
|
||||
ul{
|
||||
margin-bottom: 0;
|
||||
li{
|
||||
line-height: 28px;
|
||||
a{
|
||||
color:@themeLinkGrey;
|
||||
font-size: 14px;
|
||||
line-height: 30px;
|
||||
text-decoration: underline;
|
||||
&:hover{
|
||||
color:@themeOrange;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
h2{
|
||||
text-transform: none;
|
||||
padding-bottom: 0;
|
||||
line-height: 68px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
a.readmore{
|
||||
background: none;
|
||||
padding: 4px 0;
|
||||
margin: 0 0 0 45px;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
font-size: 14px;
|
||||
&:hover{
|
||||
color:@themeOrange;
|
||||
}
|
||||
}
|
||||
.shadow span{
|
||||
bottom: 21px;
|
||||
width: 92%;
|
||||
left: 4%;
|
||||
}
|
||||
&.support{
|
||||
.item_content{
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
.item_introtext{
|
||||
padding: 0 24px;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
color:#7f7f7f;
|
||||
}
|
||||
a.readmore{
|
||||
margin: 0 0 0 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item_title__links{
|
||||
// #gradient.vertical(@themeHeadingTop, @themeHeadingBot);
|
||||
background: url(../images/mod-heading-bg.jpg) left top repeat-x #616161;
|
||||
color:@white;
|
||||
border-radius:6px 6px 0 0;
|
||||
padding: 0 24px;
|
||||
h2{
|
||||
line-height: 68px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*======================= MAINTOP =======================*/
|
||||
|
||||
#maintop-row{
|
||||
.container{}
|
||||
}
|
||||
|
||||
|
||||
/*======================= CONTENT TOP =======================*/
|
||||
|
||||
#content-top-row{
|
||||
.container{}
|
||||
}
|
||||
|
||||
|
||||
/*======================= CONTENT =======================*/
|
||||
|
||||
#content-row{
|
||||
.container{
|
||||
padding-top: 24px;
|
||||
padding-bottom: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
.item{
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.page-header{
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.page-category .item_title{
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.item_info_dl{
|
||||
margin-top: 0;
|
||||
margin-bottom: 12px;
|
||||
dd{
|
||||
display: inline-block;
|
||||
line-height: 11px;
|
||||
border-right: 1px solid #b3b3b3;
|
||||
padding-right: 12px;
|
||||
margin-right: 12px;
|
||||
margin-left: 0;
|
||||
&:last-child{
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item {
|
||||
>.btn-group.pull-right{
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
/*===== About Page ======*/
|
||||
|
||||
.page-featured{
|
||||
|
||||
}
|
||||
|
||||
.items-leading .leading0{
|
||||
font-size: 14px;
|
||||
line-height: 30px;
|
||||
overflow: hidden;
|
||||
padding-bottom: 15px;
|
||||
h2{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.item__featured{
|
||||
.item_header{
|
||||
overflow: hidden;
|
||||
}
|
||||
.item_img{
|
||||
margin-top: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*===== Gallery Page ======*/
|
||||
|
||||
.page-gallery__gallery{
|
||||
.item_img{
|
||||
margin-right: 0;
|
||||
float: none;
|
||||
display: block;
|
||||
}
|
||||
.item_title{
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.page-item__gallery{
|
||||
.item_fulltext{
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.category_child{
|
||||
.category_title{
|
||||
a{
|
||||
display: inline-block;
|
||||
margin-right: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-gallery{
|
||||
.category_desc{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
ul.singleColumn{
|
||||
li{
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*===== Clients Page ======*/
|
||||
|
||||
.page-category__clients{
|
||||
.item_title{
|
||||
text-transform: none;
|
||||
font-size: 14px;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
border:none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
letter-spacing: 0;
|
||||
line-height: 22px;
|
||||
}
|
||||
.item_icons{
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.item_img.img-intro{
|
||||
display: block;
|
||||
clear: both;
|
||||
>img{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*===== Blog Page ======*/
|
||||
|
||||
.page-blog{
|
||||
p.item_title{
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*===== Team Page ======*/
|
||||
|
||||
.page-category__team{
|
||||
.item_introtext{
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*===== FAQS Page ======*/
|
||||
|
||||
.page-category__faqs{
|
||||
h2.item_title{
|
||||
font-size: 14px;
|
||||
text-transform: none;
|
||||
border:none;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
letter-spacing: 0;
|
||||
margin-bottom: 0;
|
||||
line-height: 30px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/*===== Testimonials Page ======*/
|
||||
|
||||
blockquote p {
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
/*===== Archive Page ======*/
|
||||
|
||||
.page-archive{
|
||||
.alert-info{
|
||||
background: @grayLighter;
|
||||
border: 1px solid @grayLighter;
|
||||
}
|
||||
}
|
||||
|
||||
#page-archive_items{
|
||||
.item_title{
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*======================= SIDEBARS =======================*/
|
||||
|
||||
aside{
|
||||
.moduletable{
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.mod-newsflash-adv__whats-new{
|
||||
.item{
|
||||
margin-bottom: 15px;
|
||||
padding-bottom: 30px;
|
||||
border-bottom: 1px solid @themeGreyBorder;
|
||||
&:last-child{
|
||||
border: none;
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
.item_published{
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
display: inline-block;
|
||||
padding-top: 2px;
|
||||
}
|
||||
.item_title{
|
||||
margin: 0 0 8px 0;
|
||||
line-height: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*======================= CONTENT BOTTOM =======================*/
|
||||
|
||||
#content-bottom-row{
|
||||
.container{}
|
||||
}
|
||||
|
||||
/*======================= MAINBOTTOM =======================*/
|
||||
|
||||
#mainbottom-row{
|
||||
.container{}
|
||||
}
|
||||
|
||||
|
||||
/*======================= BOTTOM =======================*/
|
||||
|
||||
#bottom-row{
|
||||
.container{}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*======================= FOOTER =======================*/
|
||||
|
||||
#footer-row{
|
||||
.container{
|
||||
padding-top: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
#copyright-row{
|
||||
.container{
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
#copyright{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: -64px;
|
||||
}
|
||||
|
||||
.footer-menu{
|
||||
li{
|
||||
display: inline-block;
|
||||
line-height: 11px;
|
||||
border-right: 1px solid #b3b3b3;
|
||||
padding-right: 12px;
|
||||
margin-right: 12px;
|
||||
background: none;
|
||||
&.lastItem{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
}
|
||||
a{
|
||||
text-transform: uppercase;
|
||||
color:@themeGreyMain;
|
||||
line-height: 11px;
|
||||
background: none !important;
|
||||
&:hover{
|
||||
color:@themeOrange;
|
||||
}
|
||||
}
|
||||
&.current, &.active{
|
||||
a{
|
||||
color:@themeOrange;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
#footer-wrapper{
|
||||
background: @themeGradBot;
|
||||
}
|
||||
|
||||
/*===== Social Media ======*/
|
||||
|
||||
.social {
|
||||
li{
|
||||
margin: 0 3px 0 0;
|
||||
a{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
&:hover{
|
||||
background-position:left bottom;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
346
templates/as002036free/less/variables.less
Normal file
346
templates/as002036free/less/variables.less
Normal file
@ -0,0 +1,346 @@
|
||||
//
|
||||
// Variables
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Global values
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Grays
|
||||
// -------------------------
|
||||
@black: #000;
|
||||
@grayDarker: #222;
|
||||
@grayDark: #333;
|
||||
@gray: #555;
|
||||
@grayLight: #999;
|
||||
@grayLighter: #eee;
|
||||
@white: #fff;
|
||||
|
||||
@themeGreyDark: #464646;
|
||||
@themeGreyMain: #626262;
|
||||
@themeGreyBgLight: #f1f1f1;
|
||||
@themeGreyLight: #e9e9e9;
|
||||
|
||||
@themeGradTop: #f9f9f9;
|
||||
@themeGradBot: #e6e6e6;
|
||||
|
||||
@themeNavTop: #f1f1f1;
|
||||
@themeNavBot: #dddddd;
|
||||
|
||||
@themeHeadingTop: #878787;
|
||||
@themeHeadingBot: #616161;
|
||||
|
||||
@themeGreyBorder: #d4d4d4;
|
||||
|
||||
@themeImgBorder: #dedede;
|
||||
|
||||
@themeLinkGrey: #7f7f7f;
|
||||
|
||||
@themeGradOrangeTop: #f2b346;
|
||||
@themeGradOrangeBottom: #e66b24;
|
||||
|
||||
// Accent colors
|
||||
// -------------------------
|
||||
@blue: #049cdb;
|
||||
@blueDark: #0064cd;
|
||||
@green: #46a546;
|
||||
@red: #9d261d;
|
||||
@yellow: #ffc40d;
|
||||
@orange: #f89406;
|
||||
@pink: #c3325f;
|
||||
@purple: #7a43b6;
|
||||
|
||||
@themeOrange: #e97b2c;
|
||||
|
||||
|
||||
// Scaffolding
|
||||
// -------------------------
|
||||
@bodyBackground: @themeGreyBgLight;
|
||||
@textColor: @themeGreyMain;
|
||||
|
||||
|
||||
// Links
|
||||
// -------------------------
|
||||
@linkColor: @themeOrange;
|
||||
@linkColorHover: @themeGreyMain;
|
||||
|
||||
|
||||
// Typography
|
||||
// -------------------------
|
||||
@sansFontFamily: Arial, Helvetica, sans-serif;
|
||||
@serifFontFamily: Georgia, "Times New Roman", Times, serif;
|
||||
@monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace;
|
||||
@customFontFamily: 'BenchNine', sans-serif;
|
||||
|
||||
@baseFontSize: 12px;
|
||||
@baseFontFamily: @sansFontFamily;
|
||||
@baseLineHeight: 20px;
|
||||
@altFontFamily: @serifFontFamily;
|
||||
|
||||
@headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
|
||||
@headingsFontWeight: bold; // instead of browser default, bold
|
||||
@headingsColor: inherit; // empty to use BS default, @textColor
|
||||
|
||||
|
||||
// Tables
|
||||
// -------------------------
|
||||
@tableBackground: transparent; // overall background-color
|
||||
@tableBackgroundAccent: #f9f9f9; // for striping
|
||||
@tableBackgroundHover: #f5f5f5; // for hover
|
||||
@tableBorder: #ddd; // table and cell border
|
||||
|
||||
|
||||
// Buttons & ReadMore links
|
||||
// -------------------------
|
||||
@btnBackground: @white;
|
||||
@btnBackgroundHighlight: darken(@white, 10%);
|
||||
@btnBorder: #bbb;
|
||||
|
||||
|
||||
|
||||
//Theme buttons variables
|
||||
|
||||
@btnPrimaryBackground: #f2b346;
|
||||
@btnPrimaryBackgroundHighlight: #e66b24;
|
||||
@btnPrimaryColor: @white;
|
||||
@btnPrimaryFontSize: 11px;
|
||||
@btnPrimaryLineHeight: @baseLineHeight;
|
||||
|
||||
//Theme ReadMore variables
|
||||
|
||||
@btnInfoBackground: #f2b346;
|
||||
@btnInfoBackgroundHighlight: #e66b24;
|
||||
@btnInfoColor: @white;
|
||||
@btnInfoFontSize: 11px;
|
||||
@btnInfoLineHeight: @baseLineHeight;
|
||||
|
||||
|
||||
@btnSuccessBackground: #62c462;
|
||||
@btnSuccessBackgroundHighlight: #51a351;
|
||||
|
||||
@btnWarningBackground: lighten(@orange, 15%);
|
||||
@btnWarningBackgroundHighlight: @orange;
|
||||
|
||||
@btnDangerBackground: #ee5f5b;
|
||||
@btnDangerBackgroundHighlight: #bd362f;
|
||||
|
||||
@btnInverseBackground: #444;
|
||||
@btnInverseBackgroundHighlight: @grayDarker;
|
||||
|
||||
// Forms
|
||||
// -------------------------
|
||||
@inputBackground: @white;
|
||||
@inputBorder: #d4d4d4;
|
||||
@inputHeight: 30px;
|
||||
@inputBorderRadius: 0px;
|
||||
@inputDisabledBackground: @grayLighter;
|
||||
@formActionsBackground: #f1f1f1;
|
||||
|
||||
// Dropdowns
|
||||
// -------------------------
|
||||
@dropdownBackground: @white;
|
||||
@dropdownBorder: rgba(0,0,0,.2);
|
||||
@dropdownDividerTop: #e5e5e5;
|
||||
@dropdownDividerBottom: @white;
|
||||
|
||||
@dropdownLinkColor: @grayDark;
|
||||
|
||||
@dropdownLinkColorHover: @white;
|
||||
@dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
|
||||
|
||||
@dropdownLinkColorActive: @dropdownLinkColor;
|
||||
@dropdownLinkBackgroundActive: @linkColor;
|
||||
|
||||
|
||||
|
||||
// COMPONENT VARIABLES
|
||||
// --------------------------------------------------
|
||||
|
||||
// Z-index master list
|
||||
// -------------------------
|
||||
// Used for a bird's eye view of components dependent on the z-axis
|
||||
// Try to avoid customizing these :)
|
||||
@zindexDropdown: 1000;
|
||||
@zindexPopover: 1010;
|
||||
@zindexTooltip: 1030;
|
||||
@zindexFixedNavbar: 1030;
|
||||
@zindexModalBackdrop: 1040;
|
||||
@zindexModal: 1050;
|
||||
|
||||
|
||||
// Sprite icons path
|
||||
// -------------------------
|
||||
@iconSpritePath: "../img/glyphicons-halflings.png";
|
||||
@iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
|
||||
|
||||
|
||||
// Input placeholder text color
|
||||
// -------------------------
|
||||
@placeholderText: @grayLight;
|
||||
|
||||
|
||||
// Hr border color
|
||||
// -------------------------
|
||||
@hrBorder: @grayLighter;
|
||||
|
||||
|
||||
// Wells
|
||||
// -------------------------
|
||||
@wellBackground: #f5f5f5;
|
||||
|
||||
|
||||
// Navbar
|
||||
// -------------------------
|
||||
@navbarCollapseWidth: 979px;
|
||||
|
||||
@navbarHeight: 40px;
|
||||
@navbarBackground: darken(@navbarBackgroundHighlight, 5%);
|
||||
@navbarBackgroundHighlight: #ffffff;
|
||||
@navbarBorder: darken(@navbarBackground, 12%);
|
||||
|
||||
@navbarText: @gray;
|
||||
@navbarLinkColor: @gray;
|
||||
@navbarLinkColorHover: @grayDark;
|
||||
@navbarLinkColorActive: @gray;
|
||||
@navbarLinkBackgroundHover: transparent;
|
||||
@navbarLinkBackgroundActive: darken(@navbarBackground, 5%);
|
||||
|
||||
@navbarBrandColor: @navbarLinkColor;
|
||||
|
||||
// Inverted navbar
|
||||
@navbarInverseBackground: #111111;
|
||||
@navbarInverseBackgroundHighlight: #222222;
|
||||
@navbarInverseBorder: #252525;
|
||||
|
||||
@navbarInverseText: @grayLight;
|
||||
@navbarInverseLinkColor: @grayLight;
|
||||
@navbarInverseLinkColorHover: @white;
|
||||
@navbarInverseLinkColorActive: @navbarInverseLinkColorHover;
|
||||
@navbarInverseLinkBackgroundHover: transparent;
|
||||
@navbarInverseLinkBackgroundActive: @navbarInverseBackground;
|
||||
|
||||
@navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%);
|
||||
@navbarInverseSearchBackgroundFocus: @white;
|
||||
@navbarInverseSearchBorder: @navbarInverseBackground;
|
||||
@navbarInverseSearchPlaceholderColor: #ccc;
|
||||
|
||||
@navbarInverseBrandColor: @navbarInverseLinkColor;
|
||||
|
||||
|
||||
// Pagination
|
||||
// -------------------------
|
||||
@paginationBackground: #fff;
|
||||
@paginationBorder: #ddd;
|
||||
@paginationActiveBackground: #f5f5f5;
|
||||
|
||||
@paginationLink: @linkColor;
|
||||
@paginationLinkAct: @linkColorHover;
|
||||
@paginationSpan: @gray;
|
||||
|
||||
|
||||
// Hero unit
|
||||
// -------------------------
|
||||
@heroUnitBackground: @grayLighter;
|
||||
@heroUnitHeadingColor: inherit;
|
||||
@heroUnitLeadColor: inherit;
|
||||
|
||||
|
||||
// Form states and alerts
|
||||
// -------------------------
|
||||
@warningText: #c09853;
|
||||
@warningBackground: #fcf8e3;
|
||||
@warningBorder: darken(spin(@warningBackground, -10), 3%);
|
||||
|
||||
@errorText: #b94a48;
|
||||
@errorBackground: #f2dede;
|
||||
@errorBorder: darken(spin(@errorBackground, -10), 3%);
|
||||
|
||||
@successText: #468847;
|
||||
@successBackground: #dff0d8;
|
||||
@successBorder: darken(spin(@successBackground, -10), 5%);
|
||||
|
||||
@infoText: #3a87ad;
|
||||
@infoBackground: #d9edf7;
|
||||
@infoBorder: darken(spin(@infoBackground, -10), 7%);
|
||||
|
||||
|
||||
// Tooltips and popovers
|
||||
// -------------------------
|
||||
@tooltipColor: #fff;
|
||||
@tooltipBackground: #000;
|
||||
@tooltipArrowWidth: 5px;
|
||||
@tooltipArrowColor: @tooltipBackground;
|
||||
|
||||
@popoverBackground: #fff;
|
||||
@popoverArrowWidth: 10px;
|
||||
@popoverArrowColor: #fff;
|
||||
@popoverTitleBackground: darken(@popoverBackground, 3%);
|
||||
|
||||
// Special enhancement for popovers
|
||||
@popoverArrowOuterWidth: @popoverArrowWidth + 1;
|
||||
@popoverArrowOuterColor: rgba(0,0,0,.25);
|
||||
|
||||
|
||||
|
||||
// GRID
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Default 940px grid
|
||||
// -------------------------
|
||||
@gridColumns: 12;
|
||||
@gridColumnWidth: 60px;
|
||||
@gridGutterWidth: 20px;
|
||||
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
|
||||
|
||||
// 1200px min
|
||||
@gridColumnWidth1200: 76px;
|
||||
@gridGutterWidth1200: 20px;
|
||||
@gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));
|
||||
|
||||
// 768px-979px
|
||||
@gridColumnWidth768: 52px;
|
||||
@gridGutterWidth768: 12px;
|
||||
@gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));
|
||||
|
||||
|
||||
// Fluid grid
|
||||
// -------------------------
|
||||
@fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth);
|
||||
@fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth);
|
||||
|
||||
// 1200px min
|
||||
@fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200);
|
||||
@fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200);
|
||||
|
||||
// 768px-979px
|
||||
@fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768);
|
||||
@fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768);
|
||||
|
||||
|
||||
|
||||
|
||||
// Superfish Menu
|
||||
// -------------------------
|
||||
|
||||
@menuItemWidth: 188px;
|
||||
|
||||
//Level 0
|
||||
@menuItemFontSize: 18px;
|
||||
@menuItemFontFamily: @customFontFamily;
|
||||
@menuItemLineHeight: 20px;
|
||||
|
||||
@menuItemColor: @themeGreyDark;
|
||||
@menuItemColorAct: @themeOrange;
|
||||
@menuItemBgColor: none;
|
||||
@menuItemBgColorAct: none;
|
||||
|
||||
//Level 1+
|
||||
@subMenuItemFontSize: 13px;
|
||||
@subMenuItemFontFamily: @sansFontFamily;
|
||||
@subMenuItemLineHeight: 26px;
|
||||
|
||||
@subMenuItemColor: #9a9a9a;
|
||||
@subMenuItemColorAct: @white;
|
||||
@subMenuItemBgColor: none;
|
||||
Reference in New Issue
Block a user