[ADD] theme saas-6

2021-05-25 18:32:22 +02:00
commit b2e6533276
3407 changed files with 104584 additions and 0 deletions
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g>
+	<g opacity="0.6">
+		<polyline fill="none" stroke="#000000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" points="16,5 32,25 
+			16,45 		"/>
+	</g>
+	<g>
+		<polyline fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" points="16,4 32,24 
+			16,44 		"/>
+	</g>
+</g>
+</svg>
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g>
+	<g opacity="0.6">
+		
+			<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="10" y1="11" x2="38" y2="39"/>
+	</g>
+	<g>
+		
+			<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="10" y1="10" x2="38" y2="38"/>
+	</g>
+</g>
+<g>
+	<g opacity="0.6">
+		
+			<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="38" y1="11" x2="10" y2="39"/>
+	</g>
+	<g>
+		
+			<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="38" y1="10" x2="10" y2="38"/>
+	</g>
+</g>
+</svg>
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g>
+	<circle fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" cx="20" cy="20" r="16"/>
+	
+		<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="44" y1="44" x2="31.3" y2="31.3"/>
+</g>
+<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="20" y1="14" x2="20" y2="26"/>
+<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="26" y1="20" x2="14" y2="20"/>
+</svg>
@@ -0,0 +1,61 @@
+{\rtf1\ansi\ansicpg1252\cocoartf1344\cocoasubrtf720
+{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
+{\colortbl;\red255\green255\blue255;}
+\paperw11900\paperh16840\margl1440\margr1440\vieww10800\viewh8400\viewkind0
+\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural
+
+\f0\fs24 \cf0 Graphene Image List\
+\
+shutterstock_141093442\
+{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-141093442/stock-photo-image-of-data-servers-while-working-blue-led-lights-are-flashing-image-can-represent-cloud.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-141093442/stock-photo-image-of-data-servers-while-working-blue-led-lights-are-flashing-image-can-represent-cloud.html?src=id&ws=1}}\
+\
+shutterstock_43743046.jpg\
+{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-43743046/stock-photo-moving-escalator-on-the-railway-station.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-43743046/stock-photo-moving-escalator-on-the-railway-station.html?src=id&ws=1}}\
+\
+shutterstock_51359917.jpg\
+{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-51359917/stock-photo-web-creative-artistic-fractal-as-mosaic-design.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-51359917/stock-photo-web-creative-artistic-fractal-as-mosaic-design.html?src=id&ws=1}}\
+\
+shutterstock_101262022.jpg\
+{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-101262022/stock-photo-fiber-optics-close-up-modern-computer-communication-technology.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-101262022/stock-photo-fiber-optics-close-up-modern-computer-communication-technology.html?src=id&ws=1}}\
+\
+shutterstock_123105301.jpg\
+{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-123105301/stock-photo-businessman-hand-using-tablet-computer-and-server-room-background.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-123105301/stock-photo-businessman-hand-using-tablet-computer-and-server-room-background.html?src=id&ws=1}}\
+\
+shutterstock_125192411.jpg\
+{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-125192411/stock-photo-abstract-of-modern-high-tech-internet-data-center-room-with-rows-of-racks-with-network-and-server.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-125192411/stock-photo-abstract-of-modern-high-tech-internet-data-center-room-with-rows-of-racks-with-network-and-server.html?src=id&ws=1}}\
+\
+shutterstock_125338148.jpg\
+{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-125338148/stock-photo-close-up-of-business-partners-making-pile-of-hands-at-meeting.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-125338148/stock-photo-close-up-of-business-partners-making-pile-of-hands-at-meeting.html?src=id&ws=1}}\
+\
+shutterstock_138488228.jpg\
+{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-138488228/stock-photo-modern-network-and-communication-concept-server-room-in-datacenter.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-138488228/stock-photo-modern-network-and-communication-concept-server-room-in-datacenter.html?src=id&ws=1}}\
+\
+shutterstock_141093442.jpg\
+{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-141093442/stock-photo-image-of-data-servers-while-working-blue-led-lights-are-flashing-image-can-represent-cloud.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-141093442/stock-photo-image-of-data-servers-while-working-blue-led-lights-are-flashing-image-can-represent-cloud.html?src=id&ws=1}}\
+\
+shutterstock_148972376.jpg\
+{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-148972376/stock-photo-program-code-on-a-monitor.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-148972376/stock-photo-program-code-on-a-monitor.html?src=id&ws=1}}\
+\
+shutterstock_156997538.jpg\
+{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-156997538/stock-photo-closeup-picture-of-a-keyboard-with-a-phone-and-tablet-lying-above-it.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-156997538/stock-photo-closeup-picture-of-a-keyboard-with-a-phone-and-tablet-lying-above-it.html?src=id&ws=1}}\
+\
+shutterstock_216021946.jpg\
+{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-216021946/stock-photo-motion-on-blue-background-abstract-background.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-216021946/stock-photo-motion-on-blue-background-abstract-background.html?src=id&ws=1}}\
+\
+shutterstock_110470916.jpg\
+{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-110470916/stock-vector-white-texture-seamless.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-110470916/stock-vector-white-texture-seamless.html?src=id&ws=1}}\
+\
+shutterstock_133492892.jpg\
+{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-133492892/stock-vector-abstract-vector-background-eps-graphic-vector-illustration-used-opacity-mask-and-transparency.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-133492892/stock-vector-abstract-vector-background-eps-graphic-vector-illustration-used-opacity-mask-and-transparency.html?src=id&ws=1}}\
+\
+shutterstock_133497713.jpg\
+{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-133497713/stock-vector-background-with-copy-space-eps-vector-illustration-used-opacity-mask-of-background.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-133497713/stock-vector-background-with-copy-space-eps-vector-illustration-used-opacity-mask-of-background.html?src=id&ws=1}}\
+\
+shutterstock_147803492.jpg\
+{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-147803492/stock-vector-white-grey-abstract-perspective-background.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-147803492/stock-vector-white-grey-abstract-perspective-background.html?src=id&ws=1}}\
+\
+shutterstock_169156292.jpg\
+{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-169156292/stock-photo-abstract-blurry-background.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-169156292/stock-photo-abstract-blurry-background.html?src=id&ws=1}}\
+\
+shutterstock_216021946.jpg\
+{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-216021946/stock-photo-motion-on-blue-background-abstract-background.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-216021946/stock-photo-motion-on-blue-background-abstract-background.html?src=id&ws=1}}}
@@ -0,0 +1,153 @@
+(function(){
+    'use strict';
+
+    var website = openerp.website;
+    var session_editor = new openerp.Session();
+    var _t = openerp._t;
+
+    var animableClass  =  "o_animate";
+    var previewClass   =  "o_animate_preview";
+    var animatingClass =  "o_animating";
+    var animatedClass  =  "o_animated";
+    var inView_visible_Class = "o_visible";
+
+    website.openerp_website = {};
+
+    // Typography
+    website.snippet.options.typo_style = website.snippet.Option.extend({
+        select_class: function(type, value, $li) {
+            this._super(type, value, $li);
+            var $self = this.$target;
+
+            if( value == "title-boxed" || value == "title-underlined") {
+                // fix parent align
+                $self.parent().addClass("title-parent");
+                //trigg transition
+                $self.addClass("o_animate").removeClass("o_visible").css('visibility', 'visible');
+                setTimeout(function(){
+                    $self.addClass("o_visible");
+                },500)
+            } else {
+                $self.parent().removeClass("title-parent");
+            }
+        },
+        clean_for_save: function(){
+            this.$target.removeClass("o_visible");
+        }
+    }),
+
+
+    website.snippet.options.no_resize =  website.snippet.Option.extend({
+        start:function(){
+            self = this;
+            setTimeout(function(){
+                self.$overlay.find(".oe_handle_button.size").hide();
+            },50)
+        }
+    }),
+
+    // Image background - Fix for mediablock
+    website.snippet.options.background.include({
+        select_class: function(type, value, $li) {
+            var self = this;
+            this._super(type, value, $li);
+            if (this.$target.hasClass("s_media_block")) {
+                var objs = self.$target.find(".videoBox, > iframe, .yt_video_container");
+                objs.stop(true,true)
+                    .fadeOut(100)
+                    .delay(600)
+                    .fadeIn(2000);
+            }
+        }
+    });
+
+    // Background effects - Fix for mediablock
+    website.snippet.options.bg_fx = website.snippet.Option.extend({
+        select_class: function(type, value, $li) {
+            var self = this;
+            this._super(type, value, $li);
+            if (this.$target.hasClass("s_media_block")) {
+                var objs = self.$target.find(".videoBox, > iframe, .yt_video_container");
+                objs.stop(true,true)
+                    .fadeOut(100)
+                    .delay(600)
+                    .fadeIn(2000);
+            }
+        }
+    });
+
+    website.snippet.Editor._drag_and_drop = website.snippet.Editor.include({
+        _drag_and_drop_start: function(){
+            this.$target.addClass("oe_snippet_body");
+            return this._super.apply(this, arguments);
+        },
+        _drag_and_drop_stop: function(){
+            this.$target.removeClass("oe_snippet_body")
+            return this._super.apply(this, arguments);
+        },
+    });
+
+    // Top Banner Options 
+    website.snippet.options.graphene_top_banner_options = website.snippet.Option.extend({
+        on_focus:function(){
+            var self = this;
+            if (self.$target.hasClass("move_to_top")){
+                self.$overlay
+                    .find(".oe_overlay_options").css("margin-top","200px").end()
+                    .find(".oe_snippet_clone, .oe_snippet_move").addClass("hidden");    
+            } else {
+                self.$overlay
+                    .find(".oe_snippet_clone, .oe_snippet_move").removeClass("hidden");
+            }
+        },
+        select_class: function(type, value, $li) {
+            if(type != "click"){return}
+            this._super(type, value, $li);
+            var self = this;
+            if (value == "move_to_top"){
+                $(".move_to_top").removeClass("move_to_top");
+                self.$target.addClass("move_to_top");
+                $("#wrapwrap").addClass("top_content");
+                $("#wrap").css("margin-top", (self.$target.height()* 0.9));
+
+                $('html, body').animate({scrollTop:0}, 1000);
+                self.on_focus()
+
+            } else {
+                self.$target.removeClass("move_to_top");
+                $("#wrapwrap").removeClass("top_content");
+                $("#wrap").css("margin-top","");
+                var offset = self.$target.offset.top;
+                $('html, body').animate({scrollTop:(offset+100)}, 1000);
+            }
+            if(self.$target.hasClass("s_media_block")){
+                $(window).trigger("resize");
+                self.$target.data('snippet-view').stop_video();
+                self.$target.data('snippet-view').start_video();
+            }
+        },
+    }),
+
+    // // FIX website builder overlay issues + Change margin
+    website.snippet.options.marginAndResize.include({
+        start: function(){
+            this._super();
+            var self = this;
+
+            $(window).on("resize", function(){
+                self.BuildingBlock.cover_target(self.$overlay, self.$target);
+            })
+
+            this.$overlay.find(".oe_handle.size .size").on('mouseup', function (event){
+                event.preventDefault();
+                if(self.$target.hasClass("move_to_top")){
+                    $("#wrap").css("margin-top", (self.$target.height()* 0.9));
+                    self.BuildingBlock.cover_target(self.$overlay, self.$target);
+                    $(window).trigger("resize");
+                }
+            });
+        }
+    })
+
+
+})();
@@ -0,0 +1,6 @@
+(function(){
+    'use strict';
+
+    var website = openerp.website;
+    website.add_template_file('/theme_graphene/static/src/xml/s_media_block_modal_ext.xml');
+})();
@@ -0,0 +1,36 @@
+(function () {
+    'use strict';
+
+    var website = openerp.website;
+    var session = new openerp.Session();
+    var _t = openerp._t;
+
+    website.openerp_website = {};
+
+    website.snippet.animationRegistry.s_google_map.include({
+        selector: ".s_google_map",
+
+        lightMonoMap  : [{"featureType":"administrative.locality","elementType":"all","stylers":[{"hue":"#2c2e33"},{"saturation":7},{"lightness":19},{"visibility":"on"}]},{"featureType":"landscape","elementType":"all","stylers":[{"hue":"#ffffff"},{"saturation":-100},{"lightness":100},{"visibility":"simplified"}]},{"featureType":"poi","elementType":"all","stylers":[{"hue":"#ffffff"},{"saturation":-100},{"lightness":100},{"visibility":"off"}]},{"featureType":"road","elementType":"geometry","stylers":[{"hue":"#bbc0c4"},{"saturation":-93},{"lightness":31},{"visibility":"simplified"}]},{"featureType":"road","elementType":"labels","stylers":[{"hue":"#bbc0c4"},{"saturation":-93},{"lightness":31},{"visibility":"on"}]},{"featureType":"road.arterial","elementType":"labels","stylers":[{"hue":"#bbc0c4"},{"saturation":-93},{"lightness":-2},{"visibility":"simplified"}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"hue":"#e9ebed"},{"saturation":-90},{"lightness":-8},{"visibility":"simplified"}]},{"featureType":"transit","elementType":"all","stylers":[{"hue":"#e9ebed"},{"saturation":10},{"lightness":69},{"visibility":"on"}]},{"featureType":"water","elementType":"all","stylers":[{"hue":"#e9ebed"},{"saturation":-78},{"lightness":67},{"visibility":"simplified"}]}],
+        lillaMap      : [{elementType: "labels", stylers: [{saturation: -20 }] }, {featureType: "poi", elementType: "labels", stylers: [{visibility: "off"}] }, {featureType: 'road.highway', elementType: 'labels', stylers: [{visibility: "off"}] }, {featureType: "road.local", elementType: "labels.icon", stylers: [{visibility: "off"}] }, {featureType: "road.arterial", elementType: "labels.icon", stylers: [{visibility: "off"}] }, {featureType: "road", elementType: "geometry.stroke", stylers: [{visibility: "off"}] }, {featureType: "transit", elementType: "geometry.fill", stylers: [{hue: '#2d313f' }, {visibility: "on"}, {lightness: 5 }, {saturation: -20 }] }, {featureType: "poi", elementType: "geometry.fill", stylers: [{hue: '#2d313f' }, {visibility: "on"}, {lightness: 5 }, {saturation: -20 }] }, {featureType: "poi.government", elementType: "geometry.fill", stylers: [{hue: '#2d313f' }, {visibility: "on"}, {lightness: 5 }, {saturation: -20 }] }, {featureType: "poi.sport_complex", elementType: "geometry.fill", stylers: [{hue: '#2d313f' }, {visibility: "on"}, {lightness: 5 }, {saturation: -20 }] }, {featureType: "poi.attraction", elementType: "geometry.fill", stylers: [{hue: '#2d313f' }, {visibility: "on"}, {lightness: 5 }, {saturation: -20 }] }, {featureType: "poi.business", elementType: "geometry.fill", stylers: [{hue: '#2d313f' }, {visibility: "on"}, {lightness: 5 }, {saturation: -20 }] }, {featureType: "transit", elementType: "geometry.fill", stylers: [{hue: '#2d313f' }, {visibility: "on"}, {lightness: 5 }, {saturation: -20 }] }, {featureType: "transit.station", elementType: "geometry.fill", stylers: [{hue: '#2d313f' }, {visibility: "on"}, {lightness: 5 }, {saturation: -20 }] }, {featureType: "landscape", stylers: [{hue: '#2d313f' }, {visibility: "on"}, {lightness: 5 }, {saturation: -20 }] }, {featureType: "road", elementType: "geometry.fill", stylers: [{hue: '#2d313f' }, {visibility: "on"}, {lightness: 5 }, {saturation: -20 }] }, {featureType: "road.highway", elementType: "geometry.fill", stylers: [{hue: '#2d313f' }, {visibility: "on"}, {lightness: 5 }, {saturation: -20 }] }, {featureType: "water", elementType: "geometry", stylers: [{hue: '#2d313f' }, {visibility: "on"}, {lightness: 5 }, {saturation: -20 }] }],
+        blueMap       : [{stylers: [{ hue: "#00ffe6" }, { saturation: -20 } ] },{featureType: "road", elementType: "geometry", stylers: [{ lightness: 100 }, { visibility: "simplified" } ] },{featureType: "road", elementType: "labels", stylers: [{ visibility: "off" } ] } ],
+        retroMap      : [{"featureType":"administrative","elementType":"all","stylers":[{"visibility":"on"},{"lightness":33}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#f2e5d4"}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#c5dac6"}]},{"featureType":"poi.park","elementType":"labels","stylers":[{"visibility":"on"},{"lightness":20}]},{"featureType":"road","elementType":"all","stylers":[{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry","stylers":[{"color":"#c5c6c6"}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#e4d7c6"}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#fbfaf7"}]},{"featureType":"water","elementType":"all","stylers":[{"visibility":"on"},{"color":"#acbcc9"}]}],
+        flatMap       : [{"stylers":[{"visibility":"off"}]},{"featureType":"road","stylers":[{"visibility":"on"},{"color":"#ffffff"}]},{"featureType":"road.arterial","stylers":[{"visibility":"on"},{"color":"#fee379"}]},{"featureType":"road.highway","stylers":[{"visibility":"on"},{"color":"#fee379"}]},{"featureType":"landscape","stylers":[{"visibility":"on"},{"color":"#f3f4f4"}]},{"featureType":"water","stylers":[{"visibility":"on"},{"color":"#7fc8ed"}]},{},{"featureType":"road","elementType":"labels","stylers":[{"visibility":"on"}]},{"featureType":"poi.park","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"color":"#83cead"}]},{"elementType":"labels","stylers":[{"visibility":"on"}]},{"featureType":"landscape.man_made","elementType":"geometry","stylers":[{"weight":0.9},{"visibility":"off"}]}],
+        cobaltMap     : [{"featureType":"all","elementType":"all","stylers":[{"invert_lightness":true},{"saturation":10},{"lightness":30},{"gamma":0.5},{"hue":"#435158"}]}],
+        cupertinoMap  : [{"featureType":"water","elementType":"geometry","stylers":[{"color":"#a2daf2"}]},{"featureType":"landscape.man_made","elementType":"geometry","stylers":[{"color":"#f7f1df"}]},{"featureType":"landscape.natural","elementType":"geometry","stylers":[{"color":"#d0e3b4"}]},{"featureType":"landscape.natural.terrain","elementType":"geometry","stylers":[{"visibility":"off"}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#bde6ab"}]},{"featureType":"poi","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"poi.medical","elementType":"geometry","stylers":[{"color":"#fbd3da"}]},{"featureType":"poi.business","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"geometry.stroke","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffe15f"}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#efd151"}]},{"featureType":"road.arterial","elementType":"geometry.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"road.local","elementType":"geometry.fill","stylers":[{"color":"black"}]},{"featureType":"transit.station.airport","elementType":"geometry.fill","stylers":[{"color":"#cfb2db"}]}],
+        carMap        : [{"featureType":"administrative","stylers":[{"visibility":"off"}]},{"featureType":"poi","stylers":[{"visibility":"simplified"}]},{"featureType":"road","stylers":[{"visibility":"simplified"}]},{"featureType":"water","stylers":[{"visibility":"simplified"}]},{"featureType":"transit","stylers":[{"visibility":"simplified"}]},{"featureType":"landscape","stylers":[{"visibility":"simplified"}]},{"featureType":"road.highway","stylers":[{"visibility":"off"}]},{"featureType":"road.local","stylers":[{"visibility":"on"}]},{"featureType":"road.highway","elementType":"geometry","stylers":[{"visibility":"on"}]},{"featureType":"water","stylers":[{"color":"#84afa3"},{"lightness":52}]},{"stylers":[{"saturation":-77}]},{"featureType":"road"}],
+        bwMap         : [{stylers: [{ hue: "#00ffe6" }, { saturation: -100 } ] },{featureType: "road", elementType: "geometry", stylers: [{ lightness: 100 }, { visibility: "simplified" } ] },{featureType: "road", elementType: "labels", stylers: [{ visibility: "off" } ] } ],
+    });
+
+    website.snippet.animationRegistry.s_media_block.include({
+        selector: ".s_media_block",
+
+        create_youtube_video: function () {
+            return this.YTPlayer_video.apply(this, arguments);
+        },
+
+        stop_video: function () {
+            this._super.apply(this, arguments);
+            this.$target.find('.yt_video_container').remove();
+        },
+    });
+})();
@@ -0,0 +1,147 @@
+(function(){
+	'use strict';
+
+	var website = openerp.website;
+  var session = new openerp.Session();
+  var _t = openerp._t;
+
+
+	website.openerp_website = {};
+
+
+  $(document).ready(function () {
+    var self               = $(this),
+        $graph_header       = $("#graph_header"),
+        $graph_header_clone = null,
+        graph_header_affix  = false,
+        graph_top_content   = false,
+        $wrapwrap          = $("#wrapwrap"),
+        $wrap              = $("#wrap"),
+        $win               = $(window),
+        winH               = $(window).height(),
+        winW               = $(window).width(),
+        edit_bar_h         = null;
+      
+      // Top content layout 
+      if($wrap.find(".move_to_top, .cover.js_fullheight").length > 0){ 
+        graph_top_content = true; 
+        $wrapwrap.addClass("top_content");
+      } 
+
+      // Top Affix Menu
+      if ($graph_header.hasClass("top_menu_affix")){
+        graph_header_affix = true;
+        var $graph_header_clone = $graph_header.clone().insertAfter($graph_header).attr("id","graph_header_affix").addClass("affix"); 
+        $graph_header_clone.find('[data-toggle="collapse"]').each(function(){
+          var source = $(this),
+              coo    = source.attr("data-target"),
+              target = $graph_header_clone.find(coo),
+              c      = coo.substring(1);   
+          source.attr("data-target", coo + "_clone");
+          target.removeClass(c).addClass(c + "_clone" );
+        })      
+      };
+
+      // Clean vertical align
+      $(".v-align").filter(function(){
+        return $(this).parent().is(":not(.slide)");
+      }).addClass("preserve3d");
+
+      $win
+        .load(function() {})
+        // Resize
+        .on("resize", function(){
+          winH = $(window).height(),
+          winW = $(window).width();
+          if($("#oe_main_menu_navbar").length > 0) {
+            edit_bar_h = $("#oe_main_menu_navbar").outerHeight();
+            if(graph_header_affix){$graph_header_clone.css("top", edit_bar_h)}
+          }
+          if(graph_top_content){
+            var s = $wrap.find(".move_to_top, .cover.js_fullheight");
+            $wrap.css("margin-top", (s.height()* 0.9));
+          };
+          $win.trigger("scroll");
+        })  
+        // Scroll
+        .on("scroll", function(){
+          if(graph_header_affix){
+            var wOffset  = $win.scrollTop();
+            var hOffset  = $graph_header.scrollTop();
+            (wOffset > (hOffset + 300) )? $graph_header_clone.addClass("affixed") : $graph_header_clone.removeClass("affixed");
+          }
+        })
+        .trigger("resize");
+  }),
+
+  // Graphene Theme
+  website.snippet.animationRegistry.graph_init = website.snippet.Animation.extend({
+    selector : "body",
+
+    stop : function() {
+      if($('#graph_header_affix').length > 0){ $('#graph_header_affix').remove();}
+    }
+  }),
+
+
+  // Ripple animation
+  website.snippet.animationRegistry.graph_links = website.snippet.Animation.extend({
+    selector: ".btn, .dropdown-menu li a",
+
+    start: function(){
+
+      var timeout,
+          btn = this.$target;
+
+      btn
+      .css({ position: 'relative', overflow: 'hidden'})
+      .bind('mousedown', function(e) {
+        var ripple;
+        if (btn.find('.graph-ripple').length === 0) {
+          ripple = $('<span class="graph-ripple"/>');
+          btn.prepend(ripple);
+        } else {
+          ripple = btn.find('.graph-ripple');
+        }
+        ripple.removeClass('graph-ripple-animated');
+
+        if (!ripple.height() && !ripple.width()) {
+          var diameter = Math.max(btn.outerWidth(), btn.outerHeight());
+          ripple.css({ height: diameter, width: diameter });
+        }
+
+        var x = e.pageX - btn.offset().left - ripple.width() / 2;
+        var y = e.pageY - btn.offset().top - ripple.height() / 2;
+
+        ripple
+          .css({ top: y + 'px',left: x + 'px'})
+          .addClass('graph-ripple-animated');
+
+        setTimeout(function() {
+          ripple.removeClass('graph-ripple-animated');
+        }, 351);
+      });
+    },
+  }),
+
+  //masonry-block
+  website.snippet.animationRegistry.masonry_block = website.snippet.Animation.extend({
+    selector : ".s_masonry_block",
+
+    start: function() {
+      var self = this;
+      self.resize();
+
+      $(window).on("resize", function(){
+        self.resize();
+      })
+    },
+
+    resize: function() {
+      var self = this,
+          w = self.$target.width();
+      self.$target.css("height", w/2);
+    }
+  })
+
+})();
@@ -0,0 +1,159 @@
+// =============================
+// === DEFINE MAIN COLOURS  ====
+// =============================
+
+// Resets bootstrap greyscale and add steps
+@black           : #000;
+@white           : lighten(@black, 100%);
+
+@gray-lighter    : lighten(@black, 93.5%);
+
+@gray-light-light: lighten(@black, 82%);
+@gray-light      : lighten(@black, 65.5%);
+@gray-light-dark : lighten(@black, 50%);
+
+@gray            : lighten(@black, 33.5%); 
+
+@gray-dark-light : lighten(@black, 25%);
+@gray-dark       : lighten(@black, 22%);
+@gray-dark-dark  : lighten(@black, 19%);
+
+@gray-darker     : lighten(@black, 16%);
+
+@gray-darkest     : lighten(@black, 13%);
+
+// Bootstrap's bg
+.bg-success          { background-color : @brand-success!important; color: contrast(@brand-success, #000000, #ffffff, 60%);}
+.bg-primary          { background-color : @brand-primary!important; color: contrast(@brand-primary, #000000, #ffffff, 60%);}
+.bg-info             { background-color : @brand-info!important; color: contrast(@brand-info, #000000, #ffffff, 60%);}
+.bg-danger           { background-color : @brand-danger!important; color: contrast(@brand-danger, #000000, #ffffff, 60%);}
+.bg-warning          { background-color : @brand-warning!important; color: contrast(@brand-warning, #000000, #ffffff, 60%);}
+
+// Text Color
+.color-black            { color : @black; }
+.color-white            { color : @white; }
+
+.color-gray-lighter     { color : @gray-lighter; }
+.color-gray-light-light { color : @gray-light-light; }
+.color-gray-light       { color : @gray-light; }
+.color-gray-light-dark  { color : @gray-light-dark; }
+.color-gray             { color : @gray; }
+.color-gray-dark-light  { color : @gray-dark-light; }
+.color-gray-dark        { color : @gray-dark; }
+.color-gray-dark-dark   { color : @gray-dark-dark; }
+.color-gray-darker      { color : @gray-darker; }
+.color-gray-darkest     { color : @gray-darkest; }
+
+// Background Color
+.bg-white            { background-color : @white!important;  color: @gray;}
+.bg-black            { background-color : @black!important;  color: contrast(@black, #000000, #ffffff, 60%);}
+
+.bg-gray-lighter     { background-color : @gray-lighter!important;  color: contrast(@gray-lighter , #000000, #ffffff, 60%);}
+.bg-gray-light-light { background-color : @gray-light-light!important;  color: contrast(@gray-light-light, #000000, #ffffff, 60%);}
+.bg-gray-light       { background-color : @gray-light!important;  color: contrast(@gray-light, #000000, #ffffff, 60%);}
+.bg-gray-light-dark  { background-color : @gray-light-dark!important;  color: contrast(@gray-light-dark, #000000, #ffffff, 60%);}
+
+.bg-gray             { background-color : @gray!important;  color: contrast(@gray, #000000, #ffffff, 60%);}
+
+.bg-gray-dark-light  { background-color : @gray-dark-light!important;  color: contrast(@gray-dark-light, #000000, #ffffff, 60%);}
+.bg-gray-dark        { background-color : @gray-dark!important;  color: contrast(@gray-dark, #000000, #ffffff, 60%);}
+.bg-gray-dark-dark   { background-color : @gray-dark-dark!important;  color: contrast(@gray-dark-dark, #000000, #ffffff, 60%);}
+.bg-gray-darker      { background-color : @gray-darker!important;  color: contrast(@gray-darker, #000000, #ffffff, 60%);}
+.bg-gray-darkest     { background-color : @gray-darkest!important;  color: contrast(@gray-darkest, #000000, #ffffff, 60%);}
+
+// Theme_common color' system
+@color-alpha     : @brand-primary;
+@color-beta      : @brand-success;
+@color-gamma     : @brand-info;
+@color-delta     : @brand-warning;
+@color-epsilon   : @brand-danger;
+
+@color-alpha-lighter   : lighten( @color-alpha, 10%);
+@color-beta-lighter    : lighten( @color-beta, 10%);
+@color-gamma-lighter   : lighten( @color-gamma, 10%);
+@color-delta-lighter   : lighten( @color-delta, 10%);
+@color-epsilon-lighter : lighten( @color-epsilon, 10%);
+
+@color-alpha-light     : lighten( @color-alpha, 5%);
+@color-beta-light      : lighten( @color-beta, 5%);
+@color-gamma-light     : lighten( @color-gamma, 5%);
+@color-delta-light     : lighten( @color-delta, 5%);
+@color-epsilon-light   : lighten( @color-epsilon, 5%);
+
+@color-alpha-dark      : darken( @color-alpha, 5%);
+@color-beta-dark       : darken( @color-beta, 5%);
+@color-gamma-dark      : darken( @color-gamma, 5%);
+@color-delta-dark      : darken( @color-delta, 5%);
+@color-epsilon-dark    : darken( @color-epsilon, 5%);
+
+@color-alpha-darker    : darken( @color-alpha, 10%);
+@color-beta-darker     : darken( @color-beta, 10%);
+@color-gamma-darker    : darken( @color-gamma, 10%);
+@color-delta-darker    : darken( @color-delta, 10%);
+@color-epsilon-darker  : darken( @color-epsilon, 10%);
+
+.color-alpha         { color : @color-alpha; }
+.color-beta          { color : @color-beta; }
+.color-gamma         { color : @color-gamma; }
+.color-delta         { color : @color-delta; }
+.color-epsilon       { color : @color-epsilon; }
+.color-white         { color : @white; }
+
+.bg-alpha           { background-color : @color-alpha!important;  color: contrast(@color-alpha, #000000, #ffffff, 60%);}
+.bg-beta            { background-color : @color-beta!important;  color: contrast(@color-beta, #000000, #ffffff, 60%);}
+.bg-gamma           { background-color : @color-gamma!important;  color: contrast(@color-gamma, #000000, #ffffff, 60%);}
+.bg-delta           { background-color : @color-delta!important;  color: contrast(@color-delta, #000000, #ffffff, 60%);}
+.bg-epsilon         { background-color : @color-epsilon!important;  color: contrast(@color-epsilon, #000000, #ffffff, 60%);}
+
+.bg-alpha-lighter   { background-color : @color-alpha-lighter!important;  color: contrast(@color-alpha-lighter, #000000, #ffffff, 60%);}
+.bg-beta-lighter    { background-color : @color-beta-lighter!important;  color: contrast(@color-beta-lighter, #000000, #ffffff, 60%);}
+.bg-gamma-lighter   { background-color : @color-gamma-lighter!important;  color: contrast(@color-gamma-lighter, #000000, #ffffff, 60%);}
+.bg-delta-lighter   { background-color : @color-delta-lighter!important;  color: contrast(@color-delta-lighter, #000000, #ffffff, 60%);}
+.bg-epsilon-lighter { background-color : @color-epsilon-lighter!important;  color: contrast(@color-epsilon-lighter, #000000, #ffffff, 60%);}
+
+.bg-alpha-light     { background-color : @color-alpha-light!important;  color: contrast(@color-alpha-light, #000000, #ffffff, 60%);}
+.bg-beta-light      { background-color : @color-beta-light!important;  color: contrast(@color-beta-light, #000000, #ffffff, 60%);}
+.bg-gamma-light     { background-color : @color-gamma-light!important;  color: contrast(@color-gamma-light, #000000, #ffffff, 60%);}
+.bg-delta-light     { background-color : @color-delta-light!important;  color: contrast(@color-delta-light, #000000, #ffffff, 60%);}
+.bg-epsilon-light   { background-color : @color-epsilon-light!important;  color: contrast(@color-epsilon-light, #000000, #ffffff, 60%);}
+
+.bg-alpha-dark      { background-color : @color-alpha-dark!important;  color: contrast(@color-alpha-dark, #000000, #ffffff, 60%);}
+.bg-beta-dark       { background-color : @color-beta-dark!important;  color: contrast(@color-beta-dark, #000000, #ffffff, 60%);}
+.bg-gamma-dark      { background-color : @color-gamma-dark!important;  color: contrast(@color-gamma-dark, #000000, #ffffff, 60%);}
+.bg-delta-dark      { background-color : @color-delta-dark!important;  color: contrast(@color-delta-dark, #000000, #ffffff, 60%);}
+.bg-epsilon-dark    { background-color : @color-epsilon-dark!important;  color: contrast(@color-epsilon-dark , #000000, #ffffff, 60%);}
+
+.bg-alpha-darker    { background-color : @color-alpha-darker!important;  color: contrast(@color-alpha-darker, #000000, #ffffff, 60%);}
+.bg-beta-darker     { background-color : @color-beta-darker!important;  color: contrast(@color-beta-darker, #000000, #ffffff, 60%);}
+.bg-gamma-darker    { background-color : @color-gamma-darker!important;  color: contrast(@color-gamma-darker, #000000, #ffffff, 60%);}
+.bg-delta-darker    { background-color : @color-delta-darker!important;  color: contrast(@color-delta-darker, #000000, #ffffff, 60%);}
+.bg-epsilon-darker  { background-color : @color-epsilon-darker!important;  color: contrast(@color-epsilon-darker , #000000, #ffffff, 60%);}
+
+// =============================
+// === Theme's Palette =========
+// =============================
+
+@color-alpha-gardenia    : #85AFA8;
+@color-beta-gardenia     : #7E566B;
+@color-gamma-gardenia    : #85909A;
+@color-delta-gardenia    : #969397;
+@color-epsilon-gardenia  : #422335;
+
+@color-alpha-pacifico    : #54787D;
+@color-beta-pacifico     : #6B9997;
+@color-gamma-pacifico    : #615145;
+@color-delta-pacifico    : #C6CCA5;
+@color-epsilon-pacifico  : #412342; 
+
+@color-alpha-blackmath   : #456F74;
+@color-beta-blackmath    : #EB5937;
+@color-gamma-blackmath   : #403D3C;
+@color-delta-blackmath   : #1C1919;
+@color-epsilon-blackmath : #D3CBBD; 
+
+@color-alpha-mwad        : #23C59E;
+@color-beta-mwad         : #FF5B5B;
+@color-gamma-mwad        : #FFE9C7;
+@color-delta-mwad        : #545445;
+@color-epsilon-mwad      : #2D2D36; 
+
@@ -0,0 +1,546 @@
+// ================================
+// = Gardenia customize modal =====
+// ================================
+
+@-moz-keyframes spin {
+    from { -moz-transform: rotate(0deg); }
+    to { -moz-transform: rotate(360deg); }
+}
+@-webkit-keyframes spin {
+    from { -webkit-transform: rotate(0deg); }
+    to { -webkit-transform: rotate(360deg); }
+}
+@keyframes spin {
+    from {transform:rotate(0deg);}
+    to {transform:rotate(360deg);}
+}
+
+body #theme_customize_modal {
+
+  .modal-dialog{
+    top: 40px;
+  }
+
+  .modal-content {
+    font-family: sans-serif;
+    background: #252931;
+    border-top: 1px solid #3B3D44;
+    border: none;
+    border-radius: 0;
+    color: white;
+    min-width: 28em;
+  }
+
+  .modal-header {
+    padding: 10px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+    margin-bottom: -2px;
+    min-height: 15.428571px;
+    z-index: 99;
+    position: relative;
+
+    .close {
+      color: white;
+      //background: #16a085;
+      position: absolute;
+      top: 2px;
+      opacity: .9;
+      right: 0;
+      padding: 0.2em 0.4em;
+      :hover {
+        opacity: 1;
+      }
+    }
+
+    .modal-title span {
+      font-family: 'Source Sans Pro', sans-serif;
+      font-weight: 100;
+      text-transform: uppercase;
+      letter-spacing: 1px;
+      font-size: 20px;
+    }
+  }
+
+  .modal-body {
+    padding: 0 0 15px 0;
+  }
+
+  .nav.nav-tabs {
+    border-bottom: none;
+    overflow: hidden;
+    border-top: 1px solid #1E2127;
+
+    i{
+      font-size: 1.1em;
+      margin-right: 3px;
+    }
+    li { border: none!important}
+
+    li a{
+      border: 1px solid #232730;
+      border-top: 1px solid #1E2127;
+      border-bottom: none;
+      color: #A2AFB9;
+      background-color: #252931;
+      font-size: 0.8em;
+      margin: 0;
+      padding: 13px 15px;
+    }
+
+    li:hover a{
+      //background-color: #252931;
+      color: #FFF;
+    }
+
+    li.active a, li.active:hover a{
+      background-color: #303540;
+      border-top: 1px solid #1E2127;
+
+      color: #FFF;
+    }
+  } //nav.nav-tabs
+
+  .tab-content {
+    background-color: #303540;
+    padding: 1em 15px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+  }
+
+  .fonts-preview{
+    max-width: 360px;
+    padding: 10px;
+    overflow: hidden;
+    font-size: 0.7em;
+  }
+
+  label, label > div, label > img {
+    border: none;
+    cursor: pointer;
+    color: #A8AFBD;
+    margin-bottom: 0;
+    :hover {
+      color:white;
+    }
+  }
+
+  label {
+    display: inline-block;
+    text-align: center;
+    width: 100%;
+    background-color: rgba(255, 255, 255, 0.03);
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+    p {
+      font-size: 12px;
+      line-height: 20px;
+    }
+  }
+
+  label:hover {
+    background-color: rgba(68, 75, 90, .5);
+    color:white;
+  }
+
+  label.checked:before {
+    content: '\f00c';
+    font-family: FontAwesome !important;
+    position: absolute;
+    display: block;
+    top: 0;
+    left: 1em;
+    height: 100%;
+    font-weight: 800;
+    color: #16a085;
+    z-index: 1;
+    font-size: 1.5em;
+    text-shadow: 0 1px 0px rgba(8, 31, 12, 0.86);
+  }
+
+  label.checked, label.checked:hover {
+    background-color: #444B5A;
+    height: 100%;
+    color: white;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
+    border-top: 1px solid rgba(0, 0, 0, 0.5);
+    box-shadow: inset 0 11px 15px rgba(0, 0, 0, 0.1);
+    p {
+      color: white;
+    }
+    > div, > img {
+      box-shadow: none;
+      border: none;
+    }
+  }
+
+  label:hover { background-color: #444B5A; }
+
+  a.changeTheme {
+    color: #D8D8D8;
+    text-align: right;
+    width: 100%;
+    display: block;
+    padding-right: .5em;
+    padding-top: 1em;
+    font-size: 0.8em;
+    font-weight: bold;
+  }
+} // theme_customize_modal
+
+body #theme_customize_modal.loading {
+  background: rgba(0, 0, 0, 0.35);
+
+  .loading_backdrop {
+    opacity: 0.6;
+    z-index: 2;
+  }
+
+  .fa.fa-cog {
+    -webkit-animation: spin 2s infinite linear;
+    -moz-animation: spin 2s infinite linear;
+    -o-animation: spin 2s infinite linear;
+    animation: spin 2s infinite linear;
+  }
+}
+
+// ============ LAYOUT TAB ===============
+
+#tab_layout > .row {
+  margin-bottom: 1px;
+}
+
+#tab_layout > .row:last-child {
+  margin-bottom: 0px;
+}
+
+body #theme_customize_modal .tab-pane label.chd-layout-combi.checked, body #theme_customize_modal .tab-pane label.chd-layout-combi:hover {
+  opacity: 1;
+}
+
+body #theme_customize_modal .tab-pane label.chd-layout-combi {
+  opacity: 0.8;
+
+  i {
+    margin-right: 0;
+  }
+
+  > p{
+    font-size: 12px;
+    line-height: 20px;
+    float: left;
+    width: 35%;
+    font-weight: bold;
+    margin-top: 10%;
+  }
+
+  // Start layout simulator
+  .sample_body {
+    border: 1px solid #FFF!important;
+    width: 60%;
+    position: relative;
+    display: block;
+    padding: 0;
+    margin: 10px 5px 10px 10px!important;
+    float: left;
+    background: #969397;
+    height: 80px;
+    overflow: hidden;
+    max-width: 250px;
+    box-shadow:  0 0 7px 1px rgba(0, 0, 0, 0.45);
+
+    .sample_browser {
+      height: 10px;
+      font-size: 0.2em;
+      background: #F1F1F1;
+      line-height: 9px;
+      padding: 0 3px;
+      color: #4D4D4D;
+      border-bottom: 1px solid rgba(77, 77, 77, 0.26);
+
+      .sample_addressBar {
+        background: #FFF;
+        border-bottom: 1px solid #E0E0E0;
+        height: 6px;
+        margin: 2px 5px;
+        width: 80%;
+        font-size: 3px;
+        line-height: 5px;
+        text-align: left;
+        padding: 0 3px;
+      }
+      .fa-circle {
+        color: #DD8B22;
+        margin-right: 1px;
+      }
+      .fa-circle:first-child {
+        color: #008000;
+      }
+      .fa-circle:last-child {
+        color: #AD2929;
+      }
+    }
+    .sample_browser *:hover { color: #4D4D4D }
+
+    .sample_wrap {
+
+      width: 100%;
+      position: relative;
+      display: block;
+      padding: 0;
+      margin: auto!important;
+      float: none;
+      background: white;
+
+      .sample_header {
+        position: relative;
+        width: 95%;
+        margin: 0 auto 5px;
+        height: 20px;
+        border-bottom: 1px solid #9C74A3;
+
+        h3 {
+          padding: 0;
+          margin: 0;
+          float: left;
+          font-size: 11px;
+          color: @gray;
+          line-height: 20px;
+        }
+        p {
+          color: @gray;
+          padding: 0;
+          float: right;
+          text-transform: uppercase;
+          font-size: 6px;
+          span {
+            width: 7px;
+            display: inline-block;
+          }
+        }
+      }
+
+      .sample_content {
+        position: relative;
+        margin: 0 auto;
+        width: 100%;
+        text-align: center;
+      }
+      .sample_image {
+        //background-image: @img-01;
+        background-image: url("@{graphene-img-base-url}@{img-08}");
+        background-size: cover;
+        background-position: center;
+        height: 90px;
+      }
+    }
+  }
+
+  // BOXED
+
+  .sample_body.boxed {
+    .sample_wrap {
+      width: 85%;
+      .sample_header {
+        border-bottom: none;
+        margin-bottom: 0px;
+      }
+
+      .sample_content {
+        width: 95%;
+      }
+    }
+  }
+
+  //  POSTCARD
+
+  .sample_body.postcard {
+    .sample_wrap {
+      background: rgba(0, 0, 0, 0);
+      width: 75%;
+      .sample_header {
+        border-bottom: none;
+        margin-bottom: 2px;
+        h3 {
+          color: white;
+        }
+        p {
+          color: white;
+        }
+      }
+
+      .sample_content {
+        .sample_image {
+          border-radius: 3px 3px 0 0;
+        }
+      }
+    }
+  }
+
+  .top-content{
+    .sample_wrap{
+      width: 100%!important;
+      height: 100%;
+    }
+    .sample_image{
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 70%!important;
+    }
+    .sample_content{
+      background-color: white;
+      width: 75%!important;
+      height: 100%;
+      p{
+        color: #333;
+        text-align: center;
+      }
+    }
+  }
+
+  // End layout simulator
+
+}
+
+// ============ PALETTE TAB ================
+
+// body #theme_customize_modal {
+
+//   label.chd-color-combi {
+//     padding-bottom: 24px;
+//     margin-bottom: 20px;
+//     margin: 10px 0;
+
+//     .container-fluid.opt {
+//       height: 40px;
+//       margin: 1em 0;
+//     }
+//     .row {
+
+//       height: 100%;
+
+//       div {
+//         height: 100%;
+//       }
+//     }
+//   }
+
+// }
+
+label.chd-color-combi {
+  padding-bottom: 24px;
+  margin-bottom: 20px;
+  margin: 10px 0;
+  .container-fluid.opt {
+    height: 40px;
+    margin: 1em 0;
+  }
+  .row {
+    height: 100%;
+    margin-top: 0.6em;
+  }
+  .row div{
+    height: 100%;
+    float: left;
+    border-top: 1px solid #2B2B2B;
+    border-bottom: 1px solid #2B2B2B;
+    width: 16.66666667%;
+    &:first-child { margin-left: 8.33333333%; border-left: 1px solid #2B2B2B;}
+    &:last-child  { border-right: 1px solid #2B2B2B;}
+  }
+
+  .gardenia .row{
+    div:nth-child(1) { background-color: @color-alpha-gardenia }
+    div:nth-child(2) { background-color: @color-beta-gardenia}
+    div:nth-child(3) { background-color: @color-gamma-gardenia}
+    div:nth-child(4) { background-color: @color-delta-gardenia}
+    div:nth-child(5) { background-color: @color-epsilon-gardenia}
+  }
+  .pacifico .row{
+    div:nth-child(1) { background-color: @color-alpha-pacifico }
+    div:nth-child(2) { background-color: @color-beta-pacifico}
+    div:nth-child(3) { background-color: @color-gamma-pacifico}
+    div:nth-child(4) { background-color: @color-delta-pacifico}
+    div:nth-child(5) { background-color: @color-epsilon-pacifico}
+  }
+  .blackmath .row{
+    div:nth-child(1) { background-color: @color-alpha-blackmath }
+    div:nth-child(2) { background-color: @color-beta-blackmath}
+    div:nth-child(3) { background-color: @color-gamma-blackmath}
+    div:nth-child(4) { background-color: @color-delta-blackmath}
+    div:nth-child(5) { background-color: @color-epsilon-blackmath}
+  }
+  .mwad .row{
+    div:nth-child(1) { background-color: @color-alpha-mwad }
+    div:nth-child(2) { background-color: @color-beta-mwad}
+    div:nth-child(3) { background-color: @color-gamma-mwad}
+    div:nth-child(4) { background-color: @color-delta-mwad}
+    div:nth-child(5) { background-color: @color-epsilon-mwad}
+  }
+}
+
+// ============ FONTS TAB ====================
+
+label.chd-fonts-combi {
+  margin-top: 10px;
+}
+
+// ============ ANIMATIONS TAB ===============
+
+body #theme_customize_modal .modal-content .modal-body #tab_animations {
+  > .row {
+    margin-bottom: 23px;
+    border-bottom: 1px solid rgba(37, 41, 49, 0.51);
+    padding-bottom: 10px;
+  }
+
+  h5 {
+    color: #A2AFB9;
+  }
+
+  i.help {
+    margin-left: 10px;
+    font-size: 0.8em;
+    top: 6px;
+    position: absolute;
+    cursor: pointer;
+  }
+  i.help:hover {
+    color: #fff;
+  }
+
+  label.checked:before {
+    content:none;
+    display: none;
+  }
+
+  label.on.checked {
+    height: 30px;
+    background-color: #16A053;
+  }
+  label.off.checked {
+    height: 30px;
+    background-color: #B34747;
+  }
+
+  label {
+    width: 48%;
+    float: left;
+    margin-right: 1%;
+    height: 32px;
+  }
+
+  .col-xs-6 {
+    padding: 0;
+    label {
+      width: 45%;
+      h6 {
+        font-weight: bold;
+      }
+
+    }
+
+  }
+
+}
+
@@ -0,0 +1,115 @@
+// =============================
+// === IMAGES and PATTERNS =====
+// =============================
+
+.bg-image(@img, @text-color: white, @shadow-color : rgba(0, 0, 0, 0), @x:50%, @y:50%, @repeat: no-repeat) {
+  @std-url: url("@{graphene-img-base-url}@{img}");
+  background-image: @std-url!important;
+  background-position: @x @y;
+  background-repeat: @repeat;
+  color: @text-color;
+  text-shadow: 0 1px 1px fadeout(@shadow-color,40%);
+  background-size: cover;
+
+  @media
+    only screen and (-webkit-min-device-pixel-ratio: 2),
+    only screen and (   min--moz-device-pixel-ratio: 2),
+    only screen and (     -o-min-device-pixel-ratio: 2/1),
+    only screen and (        min-device-pixel-ratio: 2),
+    only screen and (                min-resolution: 192dpi),
+    only screen and (                min-resolution: 2dppx) {
+      @2x-url: url("@{graphene-img-base-url}@{graphene-pattern-2x-prefix}@{img}");
+      background-image: @2x-url!important;
+  }
+}
+
+.bg-pattern(@img, @text-color:white, @repeat: repeat, @size: auto, @x:50%, @y:50%) {
+  @std-url: url("@{graphene-pattern-base-url}@{img}");
+  background-image: @std-url!important;
+  background-size: @size;
+  background-repeat: @repeat;
+  background-position: @x @y;
+  color: @text-color;
+
+  @media
+    only screen and (-webkit-min-device-pixel-ratio: 2),
+    only screen and (   min--moz-device-pixel-ratio: 2),
+    only screen and (     -o-min-device-pixel-ratio: 2/1),
+    only screen and (        min-device-pixel-ratio: 2),
+    only screen and (                min-resolution: 192dpi),
+    only screen and (                min-resolution: 2dppx) {
+      @2x-url: url("@{graphene-pattern-base-url}@{graphene-img-2x-prefix}@{img}");
+      background-image: @2x-url!important;
+  }
+}
+
+.bg-thumb(@img) {
+  @url: url("@{graphene-thumb-base-url}@{img}");
+  background-image: @url!important;
+  background-position: center center;
+  background-size: cover;
+}
+
+@img-01 : "bg_image_01.jpg";
+.bg-img-01       { .bg-image(@img-01); }
+.bg-img-01-thumb { .bg-thumb(@img-01); }
+
+@img-02 : "bg_image_02.jpg";
+.bg-img-02       { .bg-image(@img-02,white, black); }
+.bg-img-02-thumb { .bg-thumb(@img-02); }
+
+@img-03 : "bg_image_03.jpg";
+.bg-img-03       { .bg-image(@img-03, #F4F4F4, black); }
+.bg-img-03-thumb { .bg-thumb(@img-03); }
+
+@img-04 : "bg_image_04.jpg";
+.bg-img-04       { .bg-image(@img-04, white, black); }
+.bg-img-04-thumb { .bg-thumb(@img-04); }
+
+@img-05 : "bg_image_05.jpg";
+.bg-img-05       { .bg-image(@img-05); }
+.bg-img-05-thumb { .bg-thumb(@img-05); }
+
+@img-06 : "bg_image_06.jpg";
+.bg-img-06       { .bg-image(@img-06,#333, rgba(0, 0, 0, 0), 50%,0%); }
+.bg-img-06-thumb { .bg-thumb(@img-06); }
+
+@img-07 : "bg_image_07.jpg";
+.bg-img-07       { .bg-image(@img-07,white, black); }
+.bg-img-07-thumb { .bg-thumb(@img-07); }
+
+@img-08 : "bg_image_08.jpg";
+.bg-img-08       { .bg-image(@img-08, white, black); }
+.bg-img-08-thumb { .bg-thumb(@img-08); }
+
+@img-09 : "bg_image_09.jpg";
+.bg-img-09       { .bg-image(@img-09); }
+.bg-img-09-thumb { .bg-thumb(@img-09); }
+
+@img-10 : "bg_image_10.jpg";
+.bg-img-10       { .bg-image(@img-10,white, black); }
+.bg-img-10-thumb { .bg-thumb(@img-10); }
+
+@patt-01 : "bg_pattern_01.jpg";
+.bg_patt-01       { .bg-pattern(@patt-01, @gray, no-repeat, cover); }
+.bg_patt-01-thumb { .bg-thumb(@patt-01); }
+
+@patt-02 : "bg_pattern_02.jpg";
+.bg_patt-02       { .bg-pattern(@patt-02, @gray, no-repeat, cover, 100%, 42%); }
+.bg_patt-02-thumb { .bg-thumb(@patt-02); }
+
+@patt-03 : "bg_pattern_03.jpg";
+.bg_patt-03       { .bg-pattern(@patt-03, @gray, no-repeat, cover, 100%, 42%); }
+.bg_patt-03-thumb { .bg-thumb(@patt-03); }
+
+@patt-04 : "bg_pattern_04.jpg";
+.bg_patt-04       { .bg-pattern(@patt-04, @gray, no-repeat, cover, 100%, 35%); }
+.bg_patt-04-thumb { .bg-thumb(@patt-04); }
+
+@patt-05 : "bg_pattern_05.jpg";
+.bg_patt-05       { .bg-pattern(@patt-05, #555, no-repeat, cover, 100%, 42%); }
+.bg_patt-05-thumb { .bg-thumb(@patt-05); }
+
+@patt-06 : "bg_pattern_06.jpg";
+.bg_patt-06       { .bg-pattern(@patt-06, #666, no-repeat, cover, 100%, 36%); }
+.bg_patt-06-thumb { .bg-thumb(@patt-06); }
@@ -0,0 +1,25 @@
+
+@font-face {
+  font-family: 'et-line';
+  src:url('../fonts/et-line/et-line.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
+[data-icon]:before {
+  font-family: 'et-line';
+  content: attr(data-icon);
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  display:inline-block;
+}
+
+@font-family-sans-serif : 'Source Sans Pro', sans-serif;
+@headings-font-family   : 'Source Sans Pro', sans-serif;
+
--- a/Show More
+++ b/Show More