@Umbraco.EnableTuning() and Recursive less file

This commit is contained in:
antoine
2014-05-21 13:53:00 +02:00
parent 81934c47d2
commit e6f0d4e056
15 changed files with 1234 additions and 565 deletions

View File

@@ -1,122 +1,123 @@
html {
height: 100%;
height: 100%;
}
body {
height: 100%;
padding: 0;
margin: 0;
text-align: center;
background-color: #fafbfd;
height: 100%;
padding: 0;
margin: 0;
text-align: center;
background-color: #fafbfd;
}
h2 {
margin-left: 10px;
font-size: 14px;
color: #d9d9d9;
text-align: center;
margin-left: 10px;
font-size: 14px;
color: #d9d9d9;
text-align: center;
}
.tuning #TuningBg {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 275px;
height: 100%;
padding: 0;
margin-left: -275px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 16px;
background: #1D1D1D;
-webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0);
box-shadow: 0 0 14px rgba(0, 0, 0, 0);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 275px;
height: 100%;
padding: 0;
margin-left: -275px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 16px;
background: #1D1D1D;
-webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0);
box-shadow: 0 0 14px rgba(0, 0, 0, 0);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.show {
display: block !important;
display: block !important;
}
.wait {
margin: 10px 0 0 0;
margin: 10px 0 0 0;
}
.tuning .tuning-wrapper {
height: 100%;
overflow-y: auto;
text-align: left;
height: 100%;
overflow-y: auto;
text-align: left;
}
.tuning .wrapper-pading {
padding: 10px;
padding: 10px;
}
.tuning #TuningBg.open {
margin-left: 0;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
margin-left: 0;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.tuning .colpick {
z-index: 99999999;
z-index: 99999999;
}
.tuning .nav {
margin-top: 12px;
margin-bottom: 30px;
border-bottom: none;
text-transform: uppercase;
padding:0 10px
padding: 0 10px;
margin-top: 12px;
margin-bottom: 30px;
text-transform: uppercase;
border-bottom: none;
}
.tuning .nav-tabs > li > a {
color: #d9d9d9 !important;
background-color: #1D1D1D !important;
border: none;
border-bottom: 3px solid transparent;
color: #d9d9d9 !important;
background-color: #1D1D1D !important;
border: none;
border-bottom: 3px solid transparent;
}
.tuning .nav-tabs > li.active > a,
.tuning .nav-tabs > li.active > a:hover,
.tuning .nav-tabs > li.active > a:focus {
color: #d9d9d9;
cursor: default;
background-color: #1D1D1D !important;
border: none;
border-bottom: 3px solid #d9d9d9;
color: #d9d9d9;
cursor: default;
background-color: #1D1D1D !important;
border: none;
border-bottom: 3px solid #d9d9d9;
}
.tuning .nav-tabs > li > a:hover {
color: #d9d9d9 !important;
background-color: #1D1D1D !important;
border: none !important;
border-bottom: 3px solid #d9d9d9 !important;
color: #d9d9d9 !important;
background-color: #1D1D1D !important;
border: none !important;
border-bottom: 3px solid #d9d9d9 !important;
}
.tuning .nav > li > a:hover,
.tuning .nav > li > a:focus {
color: #d9d9d9 !important;
text-decoration: none !important;
background-color: #1D1D1D !important;
border: none !important;
border-bottom: 3px solid #d9d9d9 !important;
color: #d9d9d9 !important;
text-decoration: none !important;
background-color: #1D1D1D !important;
border: none !important;
border-bottom: 3px solid #d9d9d9 !important;
}
.tuning .nav-tabs > li > a {
border-bottom: 3px solid transparent;
/*border-radius: 2px 2px 0 0;*/
border-bottom: 3px solid transparent;
/*border-radius: 2px 2px 0 0;*/
}
.nav-tabs>li {
float: left;
margin-bottom: -1px;
margin-top: 1px;
.nav-tabs > li {
float: left;
margin-top: 1px;
margin-bottom: -1px;
}
.tuning .nav-tabs > li > a {
@@ -139,71 +140,70 @@ h2 {
/* .panel-heading */
.tab-pane {
border-bottom: 1px solid #343434;
border-bottom: 1px solid #343434;
}
.tuning .panel-heading {
padding: 0;
padding: 0;
}
.tuning .panel-default > .panel-heading {
background-color: #1D1D1D;
color: #d9d9d9;
border-color: none;
border-radius: 0;
border-left: 4px transparent solid;
color: #d9d9d9;
background-color: #1D1D1D;
border-left: 4px transparent solid;
border-color: none;
border-radius: 0;
}
.tuning .panel-default > .panel-heading:hover,
.tuning .panel-default.selected > .panel-heading
{
text-decoration: none;
background-color: rgba(255, 255, 255, 0.09);
border-left: 4px #f57020 solid;
color: #d9d9d9;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all .3s linear;
.tuning .panel-default.selected > .panel-heading {
color: #d9d9d9;
text-decoration: none;
background-color: rgba(255, 255, 255, 0.09);
border-left: 4px #f57020 solid;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all .3s linear;
}
.tuning .panel-title > a {
display: block;
font-size: 13px;
line-height: 22px;
color: #d9d9d9;
cursor: pointer;
padding: 5px 0 5px 17px;
display: block;
padding: 5px 0 5px 17px;
font-size: 13px;
line-height: 22px;
color: #d9d9d9;
cursor: pointer;
}
.tuning .panel-default > .panel-heading h4 {
margin: 0 0 0 -4px;
border-top: 1px solid #343434;
margin: 0 0 0 -4px;
border-top: 1px solid #343434;
}
.panel-group .panel+.panel {
margin-top: 0px;
.panel-group .panel + .panel {
margin-top: 0;
}
.tuning .panel-default.selected {
margin:1px 0 0 0;
margin: 1px 0 0 0;
}
.tuning .panel-default.selected > .panel-heading h4 {
color: #d9d9d9;
border-bottom: 1px solid #6D6D6D;
margin: 0 0 0 0;
border-top: none;
margin: 0 0 0 0;
color: #d9d9d9;
border-top: none;
border-bottom: 1px solid #6D6D6D;
}
.tuning .panel-default.selected > .panel-heading h4 a {
padding: 5px 0 5px 13px;
padding: 5px 0 5px 13px;
}
/* panel */
.tuning .panel-default {
background-color: #1D1D1D;
border: 0px solid rgba(217, 217, 217, 0.5);
border: 0 solid rgba(217, 217, 217, 0.5);
border-radius: 0;
}
@@ -220,11 +220,11 @@ h2 {
.tuning .btn-default-save:focus {
float: right;
margin-top: 20px;
margin-right: 20px;
color: #fff;
background-color: #53a93f;
border-color: #ccc;
border-radius: 2px;
margin-right: 20px;
}
.tuning .btn-default-save:hover {
@@ -232,6 +232,22 @@ h2 {
background-color: rgba(83, 169, 63, 0.81);
}
.tuning .btn-default-delete,
.tuning .btn-default-delete:focus {
float: right;
margin-top: 20px;
margin-right: 10px;
color: #343434;
background: #e4e4e4;
border-color: #ccc;
border-radius: 2px;
}
.tuning .btn-default-delete:hover {
color: #343434;
background-color: rgba(228, 228, 228, 0.65);
}
.tuning .field-title {
float: left;
margin-right: 10px;
@@ -338,38 +354,38 @@ h2 {
}
.tuning .imagePickerPreview {
float: left;
width: 50px;
height: 30px;
clear: both;
color: rgba(217, 217, 217, 0.5);
text-align: center;
cursor: pointer;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border: 1px solid rgba(217, 217, 217, 0.5);
float: left;
width: 50px;
height: 30px;
clear: both;
color: rgba(217, 217, 217, 0.5);
text-align: center;
cursor: pointer;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border: 1px solid rgba(217, 217, 217, 0.5);
}
.tuning .imagePickerPreview:hover {
color: #d9d9d9;
border: 1px solid #d9d9d9;
color: #d9d9d9;
border: 1px solid #d9d9d9;
}
.tuning .imagePickerPreview i {
font-size: 14px;
line-height: 30px;
cursor: pointer;
font-size: 14px;
line-height: 30px;
cursor: pointer;
}
.tuning .colorPickerDelete {
float: left;
margin-top: 5px;
margin-left: 3px;
font-size: 10px;
color: rgba(217, 217, 217, 0.5);
cursor: pointer;
float: left;
margin-top: 5px;
margin-left: 3px;
font-size: 10px;
color: rgba(217, 217, 217, 0.5);
cursor: pointer;
}
.tuning .colorPickerDelete:hover {
@@ -377,9 +393,9 @@ h2 {
}
.tuning .tuning-tools {
position: absolute;
right: -28px;
margin: 25px 0 0 0;
position: absolute;
right: -28px;
margin: 25px 0 0 0;
}
.tuning #TuningBg.open .tuning-tools {
@@ -410,125 +426,125 @@ h2 {
/* image picker */
.tuningImagePicker {
list-style: none;
margin-top: 10px;
padding: 0;
height: 500px;
overflow: auto;
text-align: left;
}
height: 500px;
padding: 0;
margin-top: 10px;
overflow: auto;
text-align: left;
list-style: none;
}
.tuningImagePicker ul {
list-style: none;
padding: 0;
margin: 0;
margin-left: 17px;
}
padding: 0;
margin: 0;
margin-left: 17px;
list-style: none;
}
.tuningImagePicker li {
display: inline-block;
margin-bottom: 10px;
display: inline-block;
margin-bottom: 10px;
}
.tuningImagePicker ul.media-items li {
margin-right: 17px;
margin-right: 17px;
}
.tuningImagePicker .media-preview {
border: 2px solid #F3F2F2;
display: inline-block;
cursor: pointer;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 110px;
height: 60px;
position: relative;
position: relative;
display: inline-block;
width: 110px;
height: 60px;
cursor: pointer;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border: 2px solid #F3F2F2;
}
.tuningImagePicker .media-preview .folder {
font-size: 40px;
color: gainsboro;
top: -5px;
position: absolute;
left: 0;
width: 100%;
text-align: center;
position: absolute;
top: -5px;
left: 0;
width: 100%;
font-size: 40px;
color: gainsboro;
text-align: center;
}
.tuningImagePicker .media-preview .folder-name {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 13px;
color: grey;
margin-top: -5px;
line-height: 0;
margin-top: -5px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 0;
color: grey;
}
.tuningImagePicker .media-preview:hover, .media-preview.selected {
border: 2px solid #84B8F0;
.tuningImagePicker .media-preview:hover,
.media-preview.selected {
border: 2px solid #84B8F0;
}
.bodyTuningImagePicker {
padding: 10px 20px 0px 15px;
padding: 10px 20px 0 15px;
}
.tuningImagePicker .modal-dialog {
width: 618px;
font-weight:normal
width: 618px;
font-weight: normal;
}
.bodyTuningImagePicker .breadcrumb {
font-size: 16px;
margin-top: 4px;
margin-bottom: 10px;
text-align: left;
margin-top: 4px;
margin-bottom: 10px;
font-size: 16px;
text-align: left;
}
.bodyTuningImagePicker .breadcrumb > li {
display: inline;
display: inline;
}
.bodyTuningImagePicker .breadcrumb > li a {
cursor: pointer;
cursor: pointer;
}
.bodyTuningImagePicker .breadcrumb input {
padding: 0;
margin: -4px -4px;
padding: 0;
margin: -4px -4px;
}
.bodyTuningImagePicker .fileinput-button {
position: absolute;
top: 10px;
right: 10px;
font-size: 19px;
position: absolute;
top: 10px;
right: 10px;
font-size: 19px;
}
.bodyTuningImagePicker input.input-media {
position: absolute;
top: 0;
right: 0;
margin: 0;
font-size: 23px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
transform: translate(-300px,0) scale(4);
direction: ltr;
position: absolute;
top: 0;
right: 0;
margin: 0;
font-size: 23px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
transform: translate(-300px, 0) scale(4);
direction: ltr;
}
.bodyTuningImagePicker .breadcrumb a.disabled, .bodyTuningImagePicker .breadcrumb a.disabled:hover {
color: grey;
text-decoration: none;
cursor: default;
.bodyTuningImagePicker .breadcrumb a.disabled,
.bodyTuningImagePicker .breadcrumb a.disabled:hover {
color: grey;
text-decoration: none;
cursor: default;
}
.tuningImagePicker h3 {
color: rgba(85, 85, 85, 1);
font-size: 18px;
font-size: 18px;
color: #555555;
}
/* font picker */
@@ -627,8 +643,8 @@ h2 {
}
.laptop {
width: 1366px;
height: 768px;
width: 1024px;
height: 740px;
}
.iPad-portrait {
@@ -688,15 +704,15 @@ ul.preview-device {
}
ul.preview-device li {
display: block;
overflow: hidden;
clear: both;
text-align: center;
cursor: pointer;
border-left: 4px solid transparent;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all .3s linear;
display: block;
overflow: hidden;
clear: both;
text-align: center;
cursor: pointer;
border-left: 4px solid transparent;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all .3s linear;
}
ul.preview-device li div {
@@ -724,33 +740,33 @@ ul.preview-device li span {
/******* font-face *******/
#speechbubble {
display:none;
position: absolute;
right: 0;
bottom: 40px;
left: 0;
z-index: 1000;
padding: 0;
margin: auto;
background: none;
border: none;
border-bottom: none;
margin-left: 300px;
text-align: left;
position: absolute;
right: 0;
bottom: 40px;
left: 0;
z-index: 1000;
display: none;
padding: 0;
margin: auto;
margin-left: 300px;
text-align: left;
background: none;
border: none;
border-bottom: none;
}
#speechbubble p {
position: relative;
padding: 8px 30px 8px 20px;
margin: auto;
margin-top: 5px;
font-size: 12px;
text-shadow: none;
border: none;
border-radius: 5px;
color: #ffffff;
background-color: #46a546;
border-color: transparent;
position: relative;
padding: 8px 30px 8px 20px;
margin: auto;
margin-top: 5px;
font-size: 12px;
color: #ffffff;
text-shadow: none;
background-color: #46a546;
border: none;
border-color: transparent;
border-radius: 5px;
}
/******* font-face *******/

View File

@@ -16,7 +16,7 @@
<iframe id="resultFrame" ng-src="{{pageId}}" frameborder="0"></iframe>
</div>
<div class="tuning" style="display:none" ng-class="{show:frameLoaded}">
<div class="tuning" style="display:none" ng-class="{show:frameFirstLoaded}">
<div id="TuningBg" ng-class="{open:isOpen}" style="display: block;">
@@ -147,6 +147,7 @@
</tabset>
<button class="btn btn-default btn-default-save" ng-click="saveLessParameters()">save</button>
<button class="btn btn-default btn-default-delete" ng-click="deleteTuning()">reset</button>
</div>

View File

@@ -10,7 +10,9 @@ angular.module("umbraco.tuning", ['ui.bootstrap', 'spectrumcolorpicker', 'ui.sli
.controller("Umbraco.tuningController", function ($scope, $modal, $http, $window, $timeout, $location) {
$scope.isOpen = false;
$scope.frameLoaded = false;
$scope.frameLoaded = 0;
$scope.frameFirstLoaded = false;
$scope.tuningParameterUrl = "";
$scope.schemaFocus = "body";
$scope.settingIsOpen = 'previewDevice';
$scope.BackgroundPositions = ['center', 'left', 'right', 'bottom center', 'bottom left', 'bottom right', 'top center', 'top left', 'top right'];
@@ -23,7 +25,7 @@ angular.module("umbraco.tuning", ['ui.bootstrap', 'spectrumcolorpicker', 'ui.sli
$scope.pageId = "../dialogs/Preview.aspx?id=" + $location.search().id;
$scope.devices = [
{ name: "desktop", css: "desktop", icon: "icon-display" },
{ name: "laptop - 1366px", css: "laptop border", icon: "icon-laptop" },
{ name: "laptop - 1024px", css: "laptop border", icon: "icon-laptop" },
{ name: "iPad portrait - 768px", css: "iPad-portrait border", icon: "icon-ipad" },
{ name: "iPad landscape - 1024px", css: "iPad-landscape border", icon: "icon-ipad flip" },
{ name: "smartphone portrait - 480px", css: "smartphone-portrait border", icon: "icon-iphone" },
@@ -33,7 +35,10 @@ angular.module("umbraco.tuning", ['ui.bootstrap', 'spectrumcolorpicker', 'ui.sli
// Load parameters from GetLessParameters and init data of the tuning config
var initTuning = function () {
$http.get('/Umbraco/Api/tuning/GetLessParameters')
console.info("url " + $scope.tuningParameterUrl);
$http.get('/Umbraco/Api/tuning/Load', { params: { param: $scope.tuningParameterUrl } })
.success(function (data) {
$.each(tuningConfig.categories, function (indexCategory, category) {
@@ -63,6 +68,10 @@ angular.module("umbraco.tuning", ['ui.bootstrap', 'spectrumcolorpicker', 'ui.sli
$scope.tuningModel = tuningConfig;
$scope.tuningPalette = tuningPalette;
if ($scope.settingIsOpen == "setting") {
openIntelTuning();
}
});
}
@@ -164,14 +173,14 @@ angular.module("umbraco.tuning", ['ui.bootstrap', 'spectrumcolorpicker', 'ui.sli
})
});
var resultParameters = { result: parameters.join("") };
var resultParameters = { result: parameters.join(""), pageId: $location.search().id };
var transform = function (result) {
return $.param(result);
}
$('.btn-default-save').attr("disabled", true);
$http.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded";
$http.post('/Umbraco/Api/tuning/PostLessParameters', resultParameters, {
$http.post('/Umbraco/Api/tuning/Save', resultParameters, {
headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
transformRequest: transform
})
@@ -182,6 +191,19 @@ angular.module("umbraco.tuning", ['ui.bootstrap', 'spectrumcolorpicker', 'ui.sli
}
// Delete current page tuning
$scope.deleteTuning = function () {
$('.btn-default-delete').attr("disabled", true);
$http.get('/Umbraco/Api/tuning/Delete', { params: { pageId: $location.search().id } })
.success(function (data) {
$scope.frameLoaded++;
$scope.pageId = $scope.pageId + "&n=123456";
$('.btn-default-delete').attr("disabled", false);
})
}
// Toggle panel
$scope.togglePanel = function () {
if ($scope.isOpen) {
@@ -277,18 +299,21 @@ angular.module("umbraco.tuning", ['ui.bootstrap', 'spectrumcolorpicker', 'ui.sli
$scope.googleFontFamilies = data;
})
// watch framLoaded
$scope.$watch("frameLoaded", function () {
if ($scope.frameLoaded) {
console.info("init tuning");
if ($scope.frameLoaded > 0) {
initTuning();
$scope.$watch('tuningModel', function () {
refreshtuning();
}, true);
$scope.togglePanel();
}
}, true)
// first panel init
initTuning();
$("#tuningPanel").show();
// toggle panel
$scope.togglePanel();
})

File diff suppressed because one or more lines are too long

View File

@@ -1,13 +1,719 @@

/***************************************************************/
/* IMPORTE LESS PARAMETERS */
/***************************************************************/
/************************************************************************/
/* Google Fonts region */
/************************************************************************/
/***start-gf***/
@import url('http://fonts.googleapis.com/css?family=Open Sans:300');
/***end-gf***/
/************************************************************************/
@import "/Umbraco/assets/less/tuning.lessParameters.less";
/************************************************************************/
/* Less parameters */
/************************************************************************/
/***start-lessParam***/
@backgroundBodyColor:rgb(223, 223, 223);
@backgroundBodyGradientColor:'';
@backgroundBodyImageOrPattern:'';
@backgroundBodyPosition:top center;
@backgroundBodyCover:true;
@backgroundBodyRepeat:repeat;
@backgroundBodyAttachment:fixed;
@backgroundMainColumnColor:rgb(246, 246, 246);
@backgroundMainColumnGradientColor:'';
@backgroundMainColumnImageOrPattern:'';
@backgroundMainColumnPosition:'';
@backgroundMainColumnCover:true;
@backgroundMainColumnRepeat:'';
@backgroundMainColumnAttachment:fixed;
@backgroundHeaderColor:rgb(51, 51, 51);
@backgroundHeaderGradientColor:'';
@backgroundHeaderImageOrPattern:'';
@backgroundHeaderPosition:'';
@backgroundHeaderCover:true;
@backgroundHeaderRepeat:'';
@backgroundHeaderAttachment:fixed;
@backgroundFooterColor:rgb(51, 51, 51);
@backgroundFooterGradientColor:'';
@backgroundFooterImageOrPattern:'';
@backgroundFooterPosition:center;
@backgroundFooterCover:true;
@backgroundFooterRepeat:'';
@backgroundFooterAttachment:fixed;
@stylingMainColumnBoxed:boxed;
@stylingHeaderTopMargin:21;
@stylingMainColumnTopMargin:0;
@stylingFooterTopMargin:0;
@stylingFooterBottompMargin:20;
@stylingMainColumnRadius:0;
@stylingMainColumnShadow:21;
@stylingHeaderTopBorderSize:5;
@stylingHeaderBottomBorderSize:0;
@stylingHeaderTopBorderColor:rgb(230, 126, 34);
@stylingHeaderBottomBorderColor:rgb(230, 126, 34);
@stylingHeaderMinHeight:0;
@stylingHeaderLogoTopMargin:14;
@stylingNavDisplay:block-right;
@stylingNavBackgroundColor:'';
@stylingNavBackgroundDdl:rgba(97, 97, 97, 0.85);
@stylingNavBackgroundActiveColor:rgb(230, 126, 34);
@stylingNavMarginTop:-39;
@stylingNavRadius:5;
@stylingNavRadiusOnlyTop:true;
@stylingNavItemTopBorderActiveSize:0;
@stylingNavItemBottomBorderActiveSize:0;
@stylingNavItemTopBorderActiveColor:rgb(230, 126, 34);
@stylingNavItemBottomBorderActiveColor:rgb(230, 126, 34);
@stySocialDisplay:block-right;
@stySocialBackgroundColor:rgba(255, 255, 255, 0.08);
@stySocialTopMargin:0;
@stySocialBorderTopSize:0;
@stySocialBorderBottomSize:0;
@stySocialBorderTopColor:rgb(230, 126, 34);
@stySocialBorderBottomColor:rgb(230, 126, 34);
@stylingBoxesBackgroundColor:'';
@stylingBoxesMinHeight:0;
@stylingBoxesRadius:0;
@stylingBoxesBorderSize:0;
@stylingBoxesBorderColor:'';
@stylingThumbnailsBackgroundColor:'';
@stylingThumbnailsMinHeight:0;
@stylingThumbnailsRadius:0;
@stylingThumbnailsBorderSize:0;
@stylingThumbnailsBorderColor:'';
@FontBodyColor:'';
@FontBodySize:14;
@FontBodyLineHeight:18;
@FontBodyFamily:Open Sans;
@FontBodyFamily_weight:300;
@FontBodyFamily_style:'';
@FontBodyFamily_type:google;
@FontNavFontColor:rgba(255, 255, 255, 0.84);
@FontNavFontActiveColor:rgb(255, 255, 255);
@FontNavSize:18;
@FontNavLineHeight:43;
@FontNavFamily:Open Sans;
@FontNavFamily_weight:300;
@FontNavFamily_style:'';
@FontNavFamily_type:google;
@FontSocialFontColor:rgba(255, 255, 255, 0.6);
@FontSocialFontColorHover:rgb(255, 255, 255);
@FontSocialFontSize:12;
@FontSocialLineHeight:34;
@FontSocialFamily:Arial, Helvetica;
@FontSocialFamily_weight:normal;
@FontSocialFamily_style:normal;
@FontSocialFamily_type:safe;
@FontH1Color:rgb(230, 126, 34);
@FontH1Size:24;
@FontH1LineHeight:26;
@FontH1TopMargin:20;
@FontH1BottomMargin:20;
@FontH1Family:Open Sans;
@FontH1Family_weight:300;
@FontH1Family_style:'';
@FontH1Family_type:google;
@FontH2Color:rgb(230, 126, 34);
@FontH2Size:18;
@FontH2LineHeight:18;
@FontH2TopMargin:5;
@FontH2BottomMargin:10;
@FontH2Family:Open Sans;
@FontH2Family_weight:300;
@FontH2Family_style:'';
@FontH2Family_type:google;
@FontH3Color:rgb(230, 126, 34);
@FontH3Size:18;
@FontH3LineHeight:16;
@FontH3TopMargin:10;
@FontH3BottomMargin:10;
@FontH3Family:Open Sans;
@FontH3Family_weight:300;
@FontH3Family_style:'';
@FontH3Family_type:google;
@FontH4Color:'';
@FontH4Size:14;
@FontH4LineHeight:14;
@FontH4TopMargin:5;
@FontH4BottomMargin:10;
@FontH4Family:Open Sans;
@FontH4Family_weight:300;
@FontH4Family_style:'';
@FontH4Family_type:google;
@FontH5Color:'';
@FontH5Size:12;
@FontH5LineHeight:12;
@FontH5TopMargin:5;
@FontH5BottomMargin:10;
@FontH5Family:Open Sans;
@FontH5Family_weight:300;
@FontH5Family_style:'';
@FontH5Family_type:google;
@FontH6Color:'';
@FontH6Size:12;
@FontH6LineHeight:12;
@FontH6TopMargin:5;
@FontH6BottomMargin:10;
@FontH6Family:Open Sans;
@FontH6Family_weight:300;
@FontH6Family_style:'';
@FontH6Family_type:google;
@FontMediumColor:'';
@FontMediumSize:18;
@FontMediumLineHeight:24;
@FontMediumTopMargin:5;
@FontMediumBottomMargin:10;
@FontMediumFamily:Open Sans;
@FontMediumFamily_weight:300;
@FontMediumFamily_style:'';
@FontMediumFamily_type:google;
@FontHighlightedColor:'';
@FontHighlightedBackgroundColor:rgb(230, 126, 34);
@FontHighlightedFamily:Open Sans;
@FontHighlightedFamily_weight:300;
@FontHighlightedFamily_style:'';
@FontHighlightedFamily_type:google;
@FontBigColor:rgb(230, 126, 34);
@FontBigSize:26;
@FontBigLineHeight:28;
@FontBigTopMargin:5;
@FontBigBottomMargin:15;
@FontBigFamily:Open Sans;
@FontBigFamily_weight:300;
@FontBigFamily_style:'';
@FontBigFamily_type:google;
@FontButtonColor:rgba(255, 255, 255, 0.92);
@FontButtonBackgroundColor:rgb(230, 126, 34);
@FontButtonColorHover:rgba(255, 255, 255, 0.55);
@FontButtonBackgroundColorHover:rgba(230, 126, 34, 0.74);
@FontButtonSize:24;
@FontButtonLineHeight:24;
@FontButtonPadding:10;
@FontButtonFamily:Open Sans;
@FontButtonFamily_weight:300;
@FontButtonFamily_style:'';
@FontButtonFamily_type:google;
@FontColor2Color:rgb(230, 126, 34);
@FontColor3Color:rgba(253, 251, 251, 0.91);
@FontColor4Color:rgb(170, 170, 170);
@FontLinkColor:rgb(230, 126, 34);
@FontLinkColorHover:rgba(230, 126, 34, 0.84);
/***end-lessParam***/
/************************************************************************/
/***************************************************************/
/* FONT */
/***************************************************************/
/************************************************************************/
/* Base Style */
/************************************************************************/
/***start-baseStyle***/
/* General */
h1, h2, h3, h4, h5, h6 {
text-rendering: optimizelegibility;
}
h1 {
font-weight:300;
}
.clear-container .container {
padding-right: 0px;
padding-left: 0px;
}
.big, .medium {
display:block;
}
@media (max-width: 767px) {
.hidden-phone {
display: none !important;
}
}
@media (max-width: 979px) and (min-width: 768px) {
.hidden-tablet {
display: none !important;
}
}
/* Wrapper for wide or boxed view */
.wrapper {
transition: all .20s ease-in-out;
-moz-transition: all .20s ease-in-out;
-webkit-transition: all .20s ease-in-out;
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto;
}
.social-row, logo-row, nav-row {
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto;
width: 100%;
overflow: hidden;
}
.wrapper.content,
.wrapper.footer {
overflow:hidden;
}
/* logo */
.logo {
max-width:350px;
font-size:0px;
margin:15px 0px 15px 0;
float:left;
transition: all .20s ease-in-out;
-moz-transition: all .20s ease-in-out;
-webkit-transition: all .20s ease-in-out;
}
.logo img {
max-width:100%
}
/* navigation */
.navbar-default .navbar-nav > li > a.fa,
.navbar-default .navbar-nav > li > a.fa:focus {
font-family: FontAwesome;
}
.navbar {
background: none;
border:none;
min-height: 0px;
margin-bottom: 0px;
border-radius: 0px;
-webkit-border-radius: 0px;
transition: all .20s ease-in-out;
-moz-transition: all .20s ease-in-out;
-webkit-transition: all .20s ease-in-out;
}
.navbar-default .navbar-collapse {
border: none;
max-height: none;
transition: all .20s ease-in-out;
-moz-transition: all .20s ease-in-out;
-webkit-transition: all .20s ease-in-out;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .dropdown-menu>li>a:hover {
background:none;
}
.navbar-default .dropdown-menu {
border: none;
margin:0;
padding:0;
min-width:initial;
}
.navbar-default .nav > li > a {
padding: 0;
transition: all .20s ease-in-out;
-moz-transition: all .20s ease-in-out;
-webkit-transition: all .20s ease-in-out;
}
.navbar-default .dropdown-menu > li > a {
padding: 0;
}
.navbar-default .dropdown-menu > li > a {
padding: 10px 10px 10px 10px;
}
.navbar-default .navbar-nav > li > a {
padding: 0px 10px 0px 10px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
background: none;
}
@media (min-width: 768px) {
.navbar-default .navbar-nav > li {
margin-left: 5px;
}
.navbar-nav > li:first-child {
margin-left: 0px;
}
.navbar-default .dropdown-menu {
margin:0;
padding:0;
}
.navbar-collapse {
padding-right: 0px;
padding-left: 0px;
}
}
@media (max-width: 768px) {
.navbar-default .navbar-nav li {
margin-bottom: 3px;
}
.navbar-default .navbar-nav .open .dropdown-menu {
-webkit-border-radius: 0px;
border-radius: 0px;
margin-top:3px;
}
.navbar-default .navbar-nav {
margin: 0 -15px;
}
.navbar-default .navbar-collapse {
margin-left: -15px;
margin-right: -15px;
}
.navbar-default .navbar-nav > li > a ,
.navbar-default .dropdown-menu > li > a {
padding: 10px 10px 10px 10px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
padding: 10px 0px 10px 25px;
}
.navbar-toggle {
margin: 15px 0 15px 0;
}
}
/* social list */
.social-bar {
list-style:none;
margin-top:0;
padding: 0 15px 0 10px;
margin: 0px -15px 0px -15px;
line-height: 0px;
font-size: 0px;
}
.social-bar li {
display:inline-block;
margin-left:5px;
}
.social-bar li a {
cursor:pointer;
padding: 0 2px 0 2px;
}
.social-bar li a:hover {
text-decoration:none;
}
.social-bar li a span {
display:none;
}
/* nav search */
#nav-search-form {
padding: 15px;
}
#nav-search-form button {
padding: 5px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: transparent;
border: none;
}
#nav-search-form a, #nav-search-form button {
margin-left:5px
}
#nav-search-form input {
padding: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
@media (min-width: 768px) {
#nav-search-form {
margin-left: -203px;
width:238px;
}
}
@media (max-width: 768px) {
#nav-search-form input {
width: 93%;
}
}
/* usky-grid */
.usky-grid-cell{
margin-top: 30px;
margin-bottom: 30px;
overflow: hidden;
}
.usky-grid-row{
margin-left: 0px;
margin-right: 0px;
}
.usky-grid-full-size .usky-grid-row:first-child{
margin-top: 0;
}
.usky-grid-full-size .usky-grid-row:last-child{
margin-bottom: 0;
}
.usky-grid-full-size .usky-grid-cell{
margin-top: 0px;
margin-bottom: 0px;
}
/*.usky-grid-full-size .usky-grid-row{
margin-left: -15px;
margin-right: -15px;
}*/
.usky-grid-skip-top-margin {
margin-top: 0px;
}
.usky-grid-skip-bottom-margin {
margin-bottom: 0px;
}
.usky-grid-column {
padding-right: 0px; padding-left: 0px;
}
/* jumbotron */
.jumbotron {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
background-color: #e3e1e1;
margin-bottom:0px;
}
.container .jumbotron {
padding: 15px;
}
/* thumbnail */
.thumbnail {
margin-bottom:0px;
min-height:400px;
}
.thumbnail-container {
margin: 0 -15px;
}
.thumbnail .caption {
padding: 0 10px 10px 10px;
color: inherit;
}
.thumbnail>a>img {
display: block;
height: auto;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 991px) {
.thumbnail-container .col-md-3 {
margin: 30px 0 0 0;
}
.thumbnail-container .col-md-3:first-child {
margin: 0 0 0 0;
}
}
/* Search results list */
.search-results-list {
margin:0;
padding:0;
list-style:none;
}
.search-results-list li p {
margin-left: 20px;
}
.search-results-list i {
margin-right: 10px;
}
/* Blog list */
.post-list img.post-image, .post-detail img.post-image
{
display: block;
height: auto;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
.post-list .meta {
margin-bottom:10px
}
.post-list .meta .sep {
margin:0 3px 0 3px;
}
.post-list .meta .fn {
margin:0 0 0 3px;
}
.blog-list-widget {
margin:0;
padding:0;
list-style:none;
}
.blog-list-widget i {
margin-right: 10px;
}
.post-detail {
padding: 0 15px 0 15px;
}
.post-detail .meta {
margin: 0 0 20px 0;
}
.blog-nav .fa-angle-double-left {
float:left;
}
.blog-nav .fa-angle-double-right {
float:right;
}
.blog-nav {
margin:-15px 0 30px 0 ;
}
.blog-nav a {
font-size:28px;
}
.blog-nav a:hover {
text-decoration:none;
}
/* TinyStyle */
.highlighted {
padding: 0 4px 2px;
}
.button {
border: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 12px 15px 14px;
margin-top: 10px;
display: inline-block;
margin-bottom: 0;
font-size: 14px;
text-align: center;
vertical-align: middle;
cursor: pointer;
}
/* Copyright */
.copyright {
text-align: center;
}
/* maps */
.google-maps {
height: 400px;
margin: 0 0 30px;
}
/* form */
#contact-form .error {
border:1px solid red;
}
#contact-form .success {
display:none;
}
/* go up */
.go-top {
position:fixed;
bottom:0.5em; right: 0.5em;
text-decoration: none;
color:white;
background-color: rgba(0, 0, 0, 0.3);
font-size:30px;
padding:0.1em 0.3em 0.1em;
display:none;
border-radius:3px; z-index:500;
transition: all .20s ease-in-out;
-moz-transition: all .20s ease-in-out;
-webkit-transition: all .20s ease-in-out;
}
.go-top:hover { background-color:rgba(0, 0, 0, 0.6);}
/***end-baseStyle***/
/************************************************************************/
/************************************************************************/
/* Less parameters */
/************************************************************************/
/***start-lessFonts***/
body {
font-family:@FontBodyFamily,Verdana,Arial,Helvetica,sans-serif;
@@ -159,10 +865,14 @@ a {
a:hover {
color:@FontLinkColorHover;
}
/***end-lessFonts***/
/************************************************************************/
/* Less parameters */
/************************************************************************/
/***start-lessStyles***/
/***************************************************************/
/* BACKGROUND */
/***************************************************************/
.body-cover () when (@backgroundBodyCover = true) {
-webkit-background-size: cover;
@@ -252,9 +962,7 @@ body {
.footer-cover;
}
/***************************************************************/
/* MAIN */
/***************************************************************/
.full () when (@stylingMainColumnBoxed = full) {
width:100% !important;
@@ -384,9 +1092,7 @@ body {
.wrapper { .wide-wrapper-1200 }
}
/***************************************************************/
/* SOCIAL */
/***************************************************************/
.social-row-none () when (@stySocialDisplay = none) {
display:none;
@@ -497,9 +1203,7 @@ body {
}
/***************************************************************/
/* NAVIGATION */
/***************************************************************/
.condition1 () when (@stylingNavDisplay = none) {
display:none;
@@ -670,9 +1374,7 @@ body {
}
/***************************************************************/
/* dropdown-menu */
/***************************************************************/
.condition22 () when (@stylingNavRadiusOnlyTop = true) {
.border-radius(0, @stylingNavRadius + 0px, @stylingNavRadius + 0px, 0px);
@@ -717,9 +1419,7 @@ body {
}
}
/***************************************************************/
/* Search */
/***************************************************************/
#nav-search-form a, #nav-search-form button {
color: @FontNavFontColor;
@@ -729,9 +1429,7 @@ body {
border:1px solid @FontNavFontColor;
}
/***************************************************************/
/* SearchNavbar-Toggle */
/***************************************************************/
.condition23 () when (@stylingNavDisplay = block-right) {
float: right;
@@ -755,9 +1453,7 @@ body {
background-color: @stylingNavBackgroundActiveColor;
}
/***************************************************************/
/* Boxes */
/***************************************************************/
.jumbotron {
min-height: @stylingBoxesMinHeight + 0px;
@@ -770,9 +1466,7 @@ body {
background-color: @stylingBoxesBackgroundColor;
}
/***************************************************************/
/* Thumbnail */
/***************************************************************/
.thumbnail {
min-height: @stylingThumbnailsMinHeight + 0px;
@@ -781,9 +1475,14 @@ body {
background-color: @stylingThumbnailsBackgroundColor;
}
/***************************************************************/
/***end-lessStyles***/
/************************************************************************/
/* Less ELEMENT */
/************************************************************************/
/***start-lessElement***/
/* ELEMENT */
/***************************************************************/
.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
background: @color;
@@ -933,4 +1632,6 @@ body {
-moz-background-clip: @argument;
-webkit-background-clip: @argument;
background-clip: @argument;
}
}
/***end-lessElement***/

View File

@@ -3,6 +3,11 @@
/*********************************************************************************************************/
var refrechLayout = function (parameters) {
// Disable links
$('a').addClass("myDisable");
$('a').bind("click.myDisable", function () { return false; });
var string = "less.modifyVars({" + parameters.join(",") + "})";
eval(string);
}
@@ -16,8 +21,8 @@ var closeIntelTuning = function (tuningModel) {
if (tuningModel) {
$('a').removeClass("myDisable");
$('a').unbind("click.myDisable");
//$('a').removeClass("myDisable");
//$('a').unbind("click.myDisable");
$("[tuning-over]").css('outline', 'none');
$.each(tuningModel.categories, function (key, category) {
@@ -38,8 +43,8 @@ var initIntelTuning = function (tuningModel) {
if (tuningModel) {
$('a').addClass("myDisable");
$('a').bind("click.myDisable", function () { return false; });
//$('a').addClass("myDisable");
//$('a').bind("click.myDisable", function () { return false; });
$.each(tuningModel.categories, function (key, category) {
$.each(category.sections, function (key, section) {
@@ -79,18 +84,11 @@ var initIntelTuning = function (tuningModel) {
var initTuningPanel = function () {
// Disable tuning.style.css
var styleSheets = document.styleSheets;
var href = 'tuning.style.css';
for (var i = 0; i < styleSheets.length; i++) {
if (styleSheets[i].href.indexOf(href) > -1) {
styleSheets[i].disabled = true;
break;
}
// Init panel
if (parent.setFrameIsLoaded) {
parent.setFrameIsLoaded(tuningParameterUrl);
}
// Init panel
parent.setFrameIsLoaded();
}
initTuningPanel();

View File

@@ -40,9 +40,11 @@ var refrechIntelTuning = function (schema) {
}
var setFrameIsLoaded = function () {
console.info("iframe id loaded");
var setFrameIsLoaded = function (tuningParameterUrl) {
console.info("iframe id loaded " + tuningParameterUrl);
var scope = angular.element($("#tuningPanel")).scope();
scope.frameLoaded = true;
scope.tuningParameterUrl = tuningParameterUrl;
scope.frameLoaded++;
scope.frameFirstLoaded = true;
scope.$apply();
}

View File

@@ -1,187 +0,0 @@
@import url('http://fonts.googleapis.com/css?family=Open Sans:300');
@backgroundBodyColor:rgb(244, 234, 234);
@backgroundBodyGradientColor:'';
@backgroundBodyImageOrPattern:'';
@backgroundBodyPosition:top center;
@backgroundBodyCover:true;
@backgroundBodyRepeat:repeat;
@backgroundBodyAttachment:fixed;
@backgroundMainColumnColor:rgb(246, 246, 246);
@backgroundMainColumnGradientColor:'';
@backgroundMainColumnImageOrPattern:'';
@backgroundMainColumnPosition:'';
@backgroundMainColumnCover:true;
@backgroundMainColumnRepeat:'';
@backgroundMainColumnAttachment:fixed;
@backgroundHeaderColor:rgb(51, 51, 51);
@backgroundHeaderGradientColor:'';
@backgroundHeaderImageOrPattern:'';
@backgroundHeaderPosition:'';
@backgroundHeaderCover:true;
@backgroundHeaderRepeat:'';
@backgroundHeaderAttachment:fixed;
@backgroundFooterColor:rgb(51, 51, 51);
@backgroundFooterGradientColor:'';
@backgroundFooterImageOrPattern:'';
@backgroundFooterPosition:center;
@backgroundFooterCover:true;
@backgroundFooterRepeat:'';
@backgroundFooterAttachment:fixed;
@stylingMainColumnBoxed:boxed;
@stylingHeaderTopMargin:21;
@stylingMainColumnTopMargin:0;
@stylingFooterTopMargin:0;
@stylingFooterBottompMargin:20;
@stylingMainColumnRadius:0;
@stylingMainColumnShadow:21;
@stylingHeaderTopBorderSize:5;
@stylingHeaderBottomBorderSize:0;
@stylingHeaderTopBorderColor:rgb(230, 126, 34);
@stylingHeaderBottomBorderColor:rgb(230, 126, 34);
@stylingHeaderMinHeight:0;
@stylingHeaderLogoTopMargin:14;
@stylingNavDisplay:block-right;
@stylingNavBackgroundColor:'';
@stylingNavBackgroundDdl:rgba(97, 97, 97, 0.85);
@stylingNavBackgroundActiveColor:rgb(230, 126, 34);
@stylingNavMarginTop:-39;
@stylingNavRadius:5;
@stylingNavRadiusOnlyTop:true;
@stylingNavItemTopBorderActiveSize:0;
@stylingNavItemBottomBorderActiveSize:0;
@stylingNavItemTopBorderActiveColor:rgb(230, 126, 34);
@stylingNavItemBottomBorderActiveColor:rgb(230, 126, 34);
@stySocialDisplay:block-right;
@stySocialBackgroundColor:rgba(255, 255, 255, 0.08);
@stySocialTopMargin:0;
@stySocialBorderTopSize:0;
@stySocialBorderBottomSize:0;
@stySocialBorderTopColor:rgb(230, 126, 34);
@stySocialBorderBottomColor:rgb(230, 126, 34);
@stylingBoxesBackgroundColor:'';
@stylingBoxesMinHeight:0;
@stylingBoxesRadius:0;
@stylingBoxesBorderSize:0;
@stylingBoxesBorderColor:'';
@stylingThumbnailsBackgroundColor:'';
@stylingThumbnailsMinHeight:0;
@stylingThumbnailsRadius:0;
@stylingThumbnailsBorderSize:0;
@stylingThumbnailsBorderColor:'';
@FontBodyColor:'';
@FontBodySize:14;
@FontBodyLineHeight:18;
@FontBodyFamily:Open Sans;
@FontBodyFamily_weight:300;
@FontBodyFamily_style:'';
@FontBodyFamily_type:google;
@FontNavFontColor:rgba(255, 255, 255, 0.84);
@FontNavFontActiveColor:rgb(255, 255, 255);
@FontNavSize:18;
@FontNavLineHeight:43;
@FontNavFamily:Open Sans;
@FontNavFamily_weight:300;
@FontNavFamily_style:'';
@FontNavFamily_type:google;
@FontSocialFontColor:rgba(255, 255, 255, 0.6);
@FontSocialFontColorHover:rgb(255, 255, 255);
@FontSocialFontSize:12;
@FontSocialLineHeight:34;
@FontSocialFamily:Arial, Helvetica;
@FontSocialFamily_weight:normal;
@FontSocialFamily_style:normal;
@FontSocialFamily_type:safe;
@FontH1Color:rgb(230, 126, 34);
@FontH1Size:24;
@FontH1LineHeight:26;
@FontH1TopMargin:20;
@FontH1BottomMargin:20;
@FontH1Family:Open Sans;
@FontH1Family_weight:300;
@FontH1Family_style:'';
@FontH1Family_type:google;
@FontH2Color:rgb(230, 126, 34);
@FontH2Size:18;
@FontH2LineHeight:18;
@FontH2TopMargin:5;
@FontH2BottomMargin:10;
@FontH2Family:Open Sans;
@FontH2Family_weight:300;
@FontH2Family_style:'';
@FontH2Family_type:google;
@FontH3Color:rgb(230, 126, 34);
@FontH3Size:18;
@FontH3LineHeight:16;
@FontH3TopMargin:10;
@FontH3BottomMargin:10;
@FontH3Family:Open Sans;
@FontH3Family_weight:300;
@FontH3Family_style:'';
@FontH3Family_type:google;
@FontH4Color:'';
@FontH4Size:14;
@FontH4LineHeight:14;
@FontH4TopMargin:5;
@FontH4BottomMargin:10;
@FontH4Family:Open Sans;
@FontH4Family_weight:300;
@FontH4Family_style:'';
@FontH4Family_type:google;
@FontH5Color:'';
@FontH5Size:12;
@FontH5LineHeight:12;
@FontH5TopMargin:5;
@FontH5BottomMargin:10;
@FontH5Family:Open Sans;
@FontH5Family_weight:300;
@FontH5Family_style:'';
@FontH5Family_type:google;
@FontH6Color:'';
@FontH6Size:12;
@FontH6LineHeight:12;
@FontH6TopMargin:5;
@FontH6BottomMargin:10;
@FontH6Family:Open Sans;
@FontH6Family_weight:300;
@FontH6Family_style:'';
@FontH6Family_type:google;
@FontMediumColor:'';
@FontMediumSize:18;
@FontMediumLineHeight:24;
@FontMediumTopMargin:5;
@FontMediumBottomMargin:10;
@FontMediumFamily:Open Sans;
@FontMediumFamily_weight:300;
@FontMediumFamily_style:'';
@FontMediumFamily_type:google;
@FontHighlightedColor:'';
@FontHighlightedBackgroundColor:rgb(230, 126, 34);
@FontHighlightedFamily:Open Sans;
@FontHighlightedFamily_weight:300;
@FontHighlightedFamily_style:'';
@FontHighlightedFamily_type:google;
@FontBigColor:rgb(230, 126, 34);
@FontBigSize:26;
@FontBigLineHeight:28;
@FontBigTopMargin:5;
@FontBigBottomMargin:15;
@FontBigFamily:Open Sans;
@FontBigFamily_weight:300;
@FontBigFamily_style:'';
@FontBigFamily_type:google;
@FontButtonColor:rgba(255, 255, 255, 0.92);
@FontButtonBackgroundColor:rgb(230, 126, 34);
@FontButtonColorHover:rgba(255, 255, 255, 0.55);
@FontButtonBackgroundColorHover:rgba(230, 126, 34, 0.74);
@FontButtonSize:24;
@FontButtonLineHeight:24;
@FontButtonPadding:10;
@FontButtonFamily:Open Sans;
@FontButtonFamily_weight:300;
@FontButtonFamily_style:'';
@FontButtonFamily_type:google;
@FontColor2Color:rgb(230, 126, 34);
@FontColor3Color:rgba(253, 251, 251, 0.91);
@FontColor4Color:rgb(170, 170, 170);
@FontLinkColor:rgb(230, 126, 34);
@FontLinkColorHover:rgba(230, 126, 34, 0.84);