commit 51c615247e8eb25ece524c8d51fa0ea95aedb722 Author: Design Date: Tue May 11 15:41:12 2021 +0200 [ADD] theme 8.0 diff --git a/.gitignore b/.gitignore new file mode 100644 index 000000000..7e99e367f --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +*.pyc \ No newline at end of file diff --git a/snippet_google_map/LICENSE b/snippet_google_map/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/snippet_google_map/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/snippet_google_map/__init__.py b/snippet_google_map/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/snippet_google_map/__openerp__.py b/snippet_google_map/__openerp__.py new file mode 100644 index 000000000..1a141c3d3 --- /dev/null +++ b/snippet_google_map/__openerp__.py @@ -0,0 +1,12 @@ +{ + 'name':'Google Map Snippet', + 'description':'Google Map Snippet', + 'category': 'Website', + 'version':'1.1', + 'author':'Odoo S.A.', + 'data': [ + 'views/assets.xml', + 'views/s_google_map.xml', + ], + 'depends': ['theme_common'], +} diff --git a/snippet_google_map/doc/index.rst b/snippet_google_map/doc/index.rst new file mode 100644 index 000000000..176813341 --- /dev/null +++ b/snippet_google_map/doc/index.rst @@ -0,0 +1,34 @@ +You need to install the *Less CSS* compiler to run this snippet + +* on Linux, use your distribution's package manager to install nodejs and npm. + * In debian wheezy and Ubuntu 13.10 and before you need to install nodejs manually: + + .. code-block:: console + + $ wget -qO- https://deb.nodesource.com/setup | bash - + $ apt-get install -y nodejs + + * In later debian (>jessie) and ubuntu (>14.04) you may need to add a symlink as npm packages call ``node`` but debian calls the binary ``nodejs`` + + .. code-block:: console + + $ apt-get install -y npm + $ sudo ln -s /usr/bin/nodejs /usr/bin/node + + * Once npm is installed, use it to install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on OS X, install nodejs via your preferred package manager (`homebrew `_, `macports `_) then install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on Windows, `install nodejs `_, reboot (to update the `PATH`) and install less and less-plugin-clean-css: + + .. code-block:: ps1 + + C:\> npm install -g less less-plugin-clean-css diff --git a/snippet_google_map/static/description/icon.png b/snippet_google_map/static/description/icon.png new file mode 100644 index 000000000..983efab8f Binary files /dev/null and b/snippet_google_map/static/description/icon.png differ diff --git a/snippet_google_map/static/description/index.html b/snippet_google_map/static/description/index.html new file mode 100644 index 000000000..9f2a18957 --- /dev/null +++ b/snippet_google_map/static/description/index.html @@ -0,0 +1,27 @@ + + +
+

The Google Map Snippet embeds a Google Map on your site. This is a great way to display the location of your business or event. Add a title and address for the location to display in the snippet.

+
+
+ + + When you start typing an address, the page populates a list of autocomplete suggestions powered by Google. + +
+
+ + +
+
+

Map Type

+ +
+
+

Map Zoom

+ +
+
+ + +
diff --git a/snippet_google_map/static/description/screen_1.jpg b/snippet_google_map/static/description/screen_1.jpg new file mode 100644 index 000000000..115005fbc Binary files /dev/null and b/snippet_google_map/static/description/screen_1.jpg differ diff --git a/snippet_google_map/static/description/screen_2.jpg b/snippet_google_map/static/description/screen_2.jpg new file mode 100644 index 000000000..d62afa8ad Binary files /dev/null and b/snippet_google_map/static/description/screen_2.jpg differ diff --git a/snippet_google_map/static/description/screen_3.jpg b/snippet_google_map/static/description/screen_3.jpg new file mode 100644 index 000000000..8d68c5671 Binary files /dev/null and b/snippet_google_map/static/description/screen_3.jpg differ diff --git a/snippet_google_map/static/src/img/marker.png b/snippet_google_map/static/src/img/marker.png new file mode 100644 index 000000000..d34fad46e Binary files /dev/null and b/snippet_google_map/static/src/img/marker.png differ diff --git a/snippet_google_map/static/src/img/marker.svg b/snippet_google_map/static/src/img/marker.svg new file mode 100644 index 000000000..bd3c4f31a --- /dev/null +++ b/snippet_google_map/static/src/img/marker.svg @@ -0,0 +1,17 @@ + + + + + + + + + + diff --git a/snippet_google_map/static/src/img/thumbnail.png b/snippet_google_map/static/src/img/thumbnail.png new file mode 100644 index 000000000..94c11c87c Binary files /dev/null and b/snippet_google_map/static/src/img/thumbnail.png differ diff --git a/snippet_google_map/static/src/js/s_google_map_editor.js b/snippet_google_map/static/src/js/s_google_map_editor.js new file mode 100644 index 000000000..1feb30cd2 --- /dev/null +++ b/snippet_google_map/static/src/js/s_google_map_editor.js @@ -0,0 +1,91 @@ +(function(){ + 'use strict'; + + var website = openerp.website; + + website.add_template_file('/snippet_google_map/static/src/xml/s_google_map_modal.xml'); + + website.openerp_website = {}; + + website.snippet.options.map = website.snippet.Option.extend({ + + map: function (type, value, $li) { + if (type !== 'click') return; + var self = this; + self.$modal = $(openerp.qweb.render("snippet_google_map.s_google_map_modal")); + self.$modal.appendTo('body'); + self.$modal.modal(); + + self.$modal.on('shown.bs.modal', function () { + self.$modal.find("#pin_title").val(self.$target.attr('data-pin-title')); + self.$modal.find("#pin_style").val(self.$target.attr('data-pin-style')); + var autocomplete = new google.maps.places.Autocomplete((self.$modal.find('#pin_address').get(0)),{ types: ['geocode'] }); + google.maps.event.addListener(autocomplete, 'place_changed', function() { + var place = autocomplete.getPlace(); + if (!place.geometry) { + self.$modal.find("#placeBk").val("(50.854975,4.3753899)"); + } else { + self.$modal.find("#placeBk").val(place.geometry.location); + } + }); + }); + + self.$modal.find("#sub_map").on('click', function () { + if (!self.$modal.find("#placeBk").val()) { + self.$modal.find("#placeBk").val("(50.854975,4.3753899)") + } + self.$target.attr('data-map-gps', (self.$modal.find("#placeBk").val())); + self.$target.attr('data-pin-style', (self.$modal.find("#pin_style").val())); + self.$modal.modal('hide'); + self.$target.data('snippet-view').redraw(); + }); + }, + + map_type: function (type, value, $li) { + if (type !== 'click') return; + this.$target.attr('data-map-type', value); + this.$target.attr('data-map-color', ""); + this.$target.data('snippet-view').redraw(); + }, + map_color: function (type, value, $li) { + if (type !== 'click') return; + this.$target.attr('data-map-color', value); + this.$target.data('snippet-view').redraw(); + }, + map_zoom: function (type, value, $li) { + if (type !== 'click') return; + this.$target.attr('data-map-zoom', value); + this.$target.data('snippet-view').redraw(); + }, + map_gps: function (type, value, $li) { + this.$target.attr('data-map-gps', value); + this.$target.data('snippet-view').redraw(); + }, + set_active: function () { + this.$el.find('[data-map_type]') + .removeClass('active') + .filter('[data-map_type="'+this.$target.attr('data-map-type')+'"]') + .addClass('active'); + this.$el.find('[data-map_color]') + .removeClass('active') + .filter('[data-map_color="'+this.$target.attr('data-map-color')+'"]') + .addClass('active'); + this.$el.find('[data-map_zoom]') + .removeClass('active') + .filter('[data-map_zoom="'+this.$target.attr('data-map-zoom')+'"]') + .addClass('active'); + this.$el.find('[data-map_gps]') + .removeClass('active') + .filter('[data-map_gps="'+this.$target.attr('data-map-gps')+'"]') + .addClass('active'); + }, + + drop_and_build_snippet: function () { + this.map('click', null, null); + }, + start: function () { + this.$target.data('snippet-view').redraw(); + } + }); + +})(); diff --git a/snippet_google_map/static/src/js/s_google_map_frontend.js b/snippet_google_map/static/src/js/s_google_map_frontend.js new file mode 100644 index 000000000..dc8d79888 --- /dev/null +++ b/snippet_google_map/static/src/js/s_google_map_frontend.js @@ -0,0 +1,101 @@ + +(function(){ + 'use strict'; + + var website = openerp.website; + website.openerp_website = {}; + + // GARDENIA MAP + website.snippet.animationRegistry.s_google_map = website.snippet.Animation.extend({ + selector : "section.s_google_map", + + start : function() { + var self = this; + if (typeof google === 'object' && typeof google.maps === 'object') { + self.redraw(); + } + }, + + redraw: function () { + var self = this; + + //Define a default map's colors set + var std = []; + var stdMap = new google.maps.StyledMapType(std, {name: "Std Map"}); + + // Default options, will be overwritten by the user + var myOptions = { + zoom:12, + center:new google.maps.LatLng(50.854975,4.3753899), + mapTypeId: google.maps.MapTypeId.ROADMAP, + panControl: false, + zoomControl: false, + mapTypeControl: false, + streetViewControl: false, + scrollwheel:false, + mapTypeControlOptions: { + mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style'] + } + }; + + //Render Map + var mapC = self.$target.find('.map_container'), + map = new google.maps.Map(mapC.get(0), myOptions); + + //Update GPS position + var p = this.$target.attr('data-map-gps').substring(1).slice(0, -1).split(','); + var gps = new google.maps.LatLng( p[0],p[1] ); + map.setCenter(gps); + + //Update Map on screen resize + google.maps.event.addDomListener(window, 'resize', function() { + map.setCenter(gps); + }); + google.maps.event.addDomListener(map, 'resize', function() { + map.setCenter(gps); + }); + + //Create Marker & Infowindow + if(self.$target.attr('data-pin-style') == "flat") { + var is_internetExplorer11 = navigator.userAgent.toLowerCase().indexOf('trident') > -1; + var marker_url = (is_internetExplorer11) ? '/snippet_google_map/static/src/img/s_google_map/marker.png' : '/snippet_google_map/static/src/img/marker.svg'; + + var marker = new google.maps.Marker({ + map: map, + animation: google.maps.Animation.DROP, + position: new google.maps.LatLng(p[0],p[1] ), + icon: marker_url + }); + } else { + var marker = new google.maps.Marker({ + map: map, + animation: google.maps.Animation.DROP, + position: new google.maps.LatLng(p[0],p[1] ) + }); + } + + //Update Map Type + map.setMapTypeId(google.maps.MapTypeId[self.$target.attr('data-map-type')]); + + //Update Map Zoom + map.setZoom(parseInt(self.$target.attr('data-map-zoom'))); + + //Update Map Color (execute only if a map color palette is not defined) + if(self.$target.attr('data-map-color') != ""){ + self.update_map_color(map); + } + }, + + update_map_color: function(map){ + var self = this; + var mapColor = eval("self." + self.$target.attr('data-map-color')); + + var thisMap = new google.maps.StyledMapType(mapColor, {name: "TEST"}); + map.mapTypes.set('map_style', thisMap); + map.setMapTypeId('map_style'); + + } + + + }); +})(); \ No newline at end of file diff --git a/snippet_google_map/static/src/less/s_google_map.less b/snippet_google_map/static/src/less/s_google_map.less new file mode 100644 index 000000000..86ce15ed2 --- /dev/null +++ b/snippet_google_map/static/src/less/s_google_map.less @@ -0,0 +1,115 @@ +// ======= Variables ============================ +// ============================================== +// Change main snippet's propriety easily + +// es. @s_google_map-desc-bg: red; + + @s_google_map-desc-alpha : 0.80; + @s_google_map-desc-hover-alpha : 0.55; + + @s_google_map-desc-bg : @brand-primary; + @s_google_map-desc-hover-bg : @brand-primary; + + @s_google_map-desc-p-color : white; + @s_google_map-desc-p-color : white; + + + +// ====== hooks(hook) ===================================== +// =========================================================== +// Use them to inject NEW rules or overwrite the old ones. +// This method is more maintenable than classic css overwrite +// 'couse it works also if the snippet's structure will change. + +// How to: +// in your theme, just call the backdoor like a normal +// CSS class adding parethesis at the end ".backdoor-name()" +// (this will prevent the creation of a standard CSS class). +// Add your rules inside. Your style will take the priority. +// Done. + +// .s_google_map-hook(){ +// background: red; +// min-height: 200px; +// } + + .s_google_map-hook(){} + + .s_google_map-desc-hook(){} + + .s_google_map-desc-p-hook(){} + + .s_google_map-desc-span-hook(){} + + +// Default Style ================================ +// ============================================== + +.s_google_map { + height: 100%; + min-height: 300px; + position: relative; + .s_google_map-hook(); //.s_google_map backdoor + + .map_container { + position: absolute; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + } + + .description{ + z-index: 99; + background: @s_google_map-desc-bg; + background: rgba(red(@s_google_map-desc-bg), green(@s_google_map-desc-bg), blue(@s_google_map-desc-bg) , @s_google_map-desc-alpha); + position: absolute; + bottom: 0; + width: 100%; + padding: 0 1em; + color: white; + .transition(background-color 250ms ease); + .s_google_map-desc-hook(); //.description backdoor + + font { + float: left; + margin-top: 20px; + margin-bottom: 15px; + font-weight: bold; + text-transform: uppercase; + .s_google_map-desc-p-hook(); //.description p backdoor + } + + span{ + float: left; + text-transform: none; + font-weight: normal; + margin-top: 20px; + margin-left: 10px; + .s_google_map-desc-span-hook(); //.description span backdoor + } + } + + &:hover .description{ + background: @s_google_map-desc-hover-bg; + background: rgba(red(@s_google_map-desc-hover-bg), green(@s_google_map-desc-hover-bg), blue(@s_google_map-desc-hover-bg) , @s_google_map-desc-hover-alpha); + } +} + +#mapModal { + z-index: 3000; +} + +.pac-container { // google map autosuggestion + z-index: 3001; +} + +a#map_options:after { + content: none; +} + +.cke_editable section.s_google_map { + div.controls { + display: block; + } +} \ No newline at end of file diff --git a/snippet_google_map/static/src/xml/s_google_map_modal.xml b/snippet_google_map/static/src/xml/s_google_map_modal.xml new file mode 100644 index 000000000..6d60c764d --- /dev/null +++ b/snippet_google_map/static/src/xml/s_google_map_modal.xml @@ -0,0 +1,55 @@ + + + + + + + diff --git a/snippet_google_map/views/assets.xml b/snippet_google_map/views/assets.xml new file mode 100644 index 000000000..84c5dc00d --- /dev/null +++ b/snippet_google_map/views/assets.xml @@ -0,0 +1,23 @@ + + + + + + + + + + + + diff --git a/snippet_latest_posts/LICENSE b/snippet_latest_posts/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/snippet_latest_posts/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/snippet_latest_posts/__init__.py b/snippet_latest_posts/__init__.py new file mode 100644 index 000000000..355939a49 --- /dev/null +++ b/snippet_latest_posts/__init__.py @@ -0,0 +1 @@ +import controllers \ No newline at end of file diff --git a/snippet_latest_posts/__openerp__.py b/snippet_latest_posts/__openerp__.py new file mode 100644 index 000000000..7a43d503d --- /dev/null +++ b/snippet_latest_posts/__openerp__.py @@ -0,0 +1,16 @@ +{ + 'name':'Latest Posts Snippet', + 'description':'Latest Posts Snippet', + 'category': 'Website', + 'version':'1.1', + 'author':'Odoo S.A.', + 'data': [ + 'views/assets.xml', + 'views/s_latest_posts.xml', + 'views/options.xml', + ], + 'depends': ['website_less', 'website_blog'], + 'images': [ + 'static/description/icon.png', + ], +} diff --git a/snippet_latest_posts/controllers/__init__.py b/snippet_latest_posts/controllers/__init__.py new file mode 100644 index 000000000..039d9715f --- /dev/null +++ b/snippet_latest_posts/controllers/__init__.py @@ -0,0 +1 @@ +import main \ No newline at end of file diff --git a/snippet_latest_posts/controllers/main.py b/snippet_latest_posts/controllers/main.py new file mode 100644 index 000000000..0631507a4 --- /dev/null +++ b/snippet_latest_posts/controllers/main.py @@ -0,0 +1,14 @@ +import werkzeug +from openerp.addons.web import http +from openerp.addons.web.http import request + +class snippet_latest_posts_controller(http.Controller): + + # @http.route(['/snippet_latest_posts/fetch'], type='json', auth='public', website=True) + # def fetch_latest_posts(self, fields, domain, limit=None, order='create_date desc', context={}): + # return request.env['blog.post'].search_read(domain, fields, limit=limit, order=order, context=context) + + @http.route(['/snippet_latest_posts/render'], type='json', auth='public', website=True) + def render_latest_posts(self, template, domain, limit=None, order='create_date desc'): + posts = request.env['blog.post'].search(domain, limit=limit, order=order) + return request.registry['ir.ui.view'].render(request.cr, request.uid, template, {'posts': posts}, context=request.context) \ No newline at end of file diff --git a/snippet_latest_posts/doc/index.rst b/snippet_latest_posts/doc/index.rst new file mode 100644 index 000000000..176813341 --- /dev/null +++ b/snippet_latest_posts/doc/index.rst @@ -0,0 +1,34 @@ +You need to install the *Less CSS* compiler to run this snippet + +* on Linux, use your distribution's package manager to install nodejs and npm. + * In debian wheezy and Ubuntu 13.10 and before you need to install nodejs manually: + + .. code-block:: console + + $ wget -qO- https://deb.nodesource.com/setup | bash - + $ apt-get install -y nodejs + + * In later debian (>jessie) and ubuntu (>14.04) you may need to add a symlink as npm packages call ``node`` but debian calls the binary ``nodejs`` + + .. code-block:: console + + $ apt-get install -y npm + $ sudo ln -s /usr/bin/nodejs /usr/bin/node + + * Once npm is installed, use it to install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on OS X, install nodejs via your preferred package manager (`homebrew `_, `macports `_) then install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on Windows, `install nodejs `_, reboot (to update the `PATH`) and install less and less-plugin-clean-css: + + .. code-block:: ps1 + + C:\> npm install -g less less-plugin-clean-css diff --git a/snippet_latest_posts/static/description/icon.png b/snippet_latest_posts/static/description/icon.png new file mode 100644 index 000000000..e40e3f819 Binary files /dev/null and b/snippet_latest_posts/static/description/icon.png differ diff --git a/snippet_latest_posts/static/description/index.html b/snippet_latest_posts/static/description/index.html new file mode 100644 index 000000000..e3c7f5ccd --- /dev/null +++ b/snippet_latest_posts/static/description/index.html @@ -0,0 +1,18 @@ + + +
+ + +
+
+

Present your blog posts in magazine-style layouts.
+ This snippet is great for highlighting blog content on your homepage. +

+
+
+ +
+
+ + +
diff --git a/snippet_latest_posts/static/description/screen_1.jpg b/snippet_latest_posts/static/description/screen_1.jpg new file mode 100644 index 000000000..c874b728d Binary files /dev/null and b/snippet_latest_posts/static/description/screen_1.jpg differ diff --git a/snippet_latest_posts/static/src/img/s_latest_posts.jpg b/snippet_latest_posts/static/src/img/s_latest_posts.jpg new file mode 100644 index 000000000..8f583d6ec Binary files /dev/null and b/snippet_latest_posts/static/src/img/s_latest_posts.jpg differ diff --git a/snippet_latest_posts/static/src/img/s_latest_posts_big_picture.jpg b/snippet_latest_posts/static/src/img/s_latest_posts_big_picture.jpg new file mode 100644 index 000000000..6027dccc2 Binary files /dev/null and b/snippet_latest_posts/static/src/img/s_latest_posts_big_picture.jpg differ diff --git a/snippet_latest_posts/static/src/img/thumb.jpg b/snippet_latest_posts/static/src/img/thumb.jpg new file mode 100644 index 000000000..83f3ab22a Binary files /dev/null and b/snippet_latest_posts/static/src/img/thumb.jpg differ diff --git a/snippet_latest_posts/static/src/js/s_latest_posts_editor.js b/snippet_latest_posts/static/src/js/s_latest_posts_editor.js new file mode 100644 index 000000000..49eee1f70 --- /dev/null +++ b/snippet_latest_posts/static/src/js/s_latest_posts_editor.js @@ -0,0 +1,107 @@ +(function(){ + 'use strict'; + var website = openerp.website; + var session_editor = new openerp.Session(); + var _t = openerp._t; + + + // js_get_posts + website.snippet.options.js_get_posts = website.snippet.Option.extend({ + drop_and_build_snippet: function(){ + var self = this; + if (!self.$target.data('snippet-view')) { + this.$target.data("snippet-view", new website.snippet.animationRegistry.js_get_posts(this.$target)); + } + }, + clean_for_save:function(){ + this.$target.empty(); + } + }), + + // js_get_posts limit + website.snippet.options.js_get_posts_limit = website.snippet.Option.extend({ + start:function(){ + var self = this; + setTimeout(function(){ + var ul = self.$overlay.find(".snippet-option-js_get_posts_limit > ul"); + if (self.$target.attr("data-posts_limit")) { + var limit = self.$target.attr("data-posts_limit"); + ul.find('li[data-posts_limit="' + limit + '"]').addClass("active"); + } else { + ul.find('li[data-posts_limit="3"]').addClass("active"); + } + },100) + }, + posts_limit:function(type, value, $li){ + var self = this; + if(type != "click"){return} + value = parseInt(value); + this.$target.attr("data-posts_limit",value) + .data("posts_limit",value) + .data('snippet-view').redrow(true); + setTimeout(function(){ + $li.parent().find("li").removeClass("active"); + $li.addClass("active"); + },100); + } + }), + + // js_get_posts Select Blog + website.snippet.options.js_get_posts_selectBlog = website.snippet.Option.extend({ + start: function() { + this._super(); + var self = this; + var model = session_editor.model('blog.blog'); + var blogsList = []; + + model + .call('search_read', + [ + [], + ['name','id']// attributes to get + ], + {} ) + .then(function(blogs){ + self.createBlogsList(blogs)// start printing posts... + }) + .fail(function (e) { + // No data + var title = _t("Oops, Huston we have a problem"), + msg = $("

"+ title +"

"+ e.data.message + "
" ); + self.$target.append(msg) + return; + }); + }, + + createBlogsList: function(blogs){ + var self = this; + var ul = null; + + setTimeout(function(){ + ul = self.$overlay.find(".snippet-option-js_get_posts_selectBlog > ul"); + $(blogs).each(function(){ + var blog = $(this); + var li = $('
  • ' + blog[0].name + '
    • '); + ul.append(li); + }); + if (self.$target.attr("data-filter_by_blog_id")) { + var id = self.$target.attr("data-filter_by_blog_id"); + ul.find("li[data-filter_by_blog_id=" + id + "]").addClass("active"); + } + },100) + }, + + filter_by_blog_id:function(type, value, $li){ + var self = this; + if(type == "click"){ + $li.parent().find("li").removeClass("active"); + $li.addClass("active"); + value = parseInt(value); + self.$target.attr("data-filter_by_blog_id",value) + .data("filter_by_blog_id",value) + .data('snippet-view').redrow(true); + } + } + }) + +})(); diff --git a/snippet_latest_posts/static/src/js/s_latest_posts_frontend.js b/snippet_latest_posts/static/src/js/s_latest_posts_frontend.js new file mode 100644 index 000000000..4fb318fc2 --- /dev/null +++ b/snippet_latest_posts/static/src/js/s_latest_posts_frontend.js @@ -0,0 +1,131 @@ +(function(){ + 'use strict'; + + var website = openerp.website; + + website.snippet.animationRegistry.js_get_posts = website.snippet.Animation.extend({ + selector : ".js_get_posts", + + start: function(){ + this.redrow(); + }, + stop: function(){ + this.clean(); + }, + + redrow: function(debug){ + this.clean(debug); + this.build(debug); + }, + + clean:function(debug){ + this.$target.empty(); + }, + + build: function(debug){ + var self = this, + limit = self.$target.data("posts_limit"), + blog_id = self.$target.data("filter_by_blog_id"), + template = self.$target.data("template"), + loading = self.$target.data("loading"); + + // prevent user's editing + self.$target.attr("contenteditable","False"); + + // if no data, then use defaults values + if(!limit)limit = 3; + if(!template) template = 'snippet_latest_posts.media_list_template'; + + // create the domain + var domain = [['website_published', '=', true]] + if (blog_id) {domain.push(['blog_id', '=', parseInt(blog_id)]); } + + // call posts + openerp.jsonRpc('/snippet_latest_posts/render', 'call', { + 'template': template, + 'domain': domain, + 'limit': limit, + }).then(function(posts) { + if (loading && loading == true) { + // perfrorm an intro animation + self.loading(posts, debug); + } else { + // just print the posts + $(posts).appendTo(self.$target); + } + }) + .fail(function(e) { + // debug in js console + return; + }); + }, + + loading: function(posts, debug){ + var self = this, + $posts = $(posts); + + if(!$posts.first().find(".loading_container") && !$posts.first().is(".loading_container")){ + console.log("loading_container dont exist??") + if(debug) { + console.info("No '.loading_container' defined \n Please, add a 'loading_container' class to the element that must be filled by the loading bar"); + } + } else if(!$posts.first().is(".thumb") && !$posts.first().find(".thumb")) { + console.log("thumb dont exist??") + if(debug) { + console.info("No '.thumb' defined \n Please, add a 'thumb' class to your thumbnail div"); + } + } + else { + $posts.each(function(){ + var $post = $(this), + $load_c = $post.find(".loading_container"), + $thumb = $post.find(".thumb"), + $progress = $('
    ') + + // prevent precessing empty post + if ($post.html() == undefined) {return;} + + // if can't find loading container or thumb inside the post, then they are the post itself + if($load_c.length == 0) { $load_c = $post } + if($thumb.length == 0) { $thumb = $post } + + $post.addClass("js-loading"); + $progress.appendTo($load_c); + $post.appendTo(self.$target); + + var bg = $thumb.css('background-image').replace('url(','').replace(')',''), + loaded = false; + + $progress.find(".progress-bar").css("width","50%").attr("aria-valuenow","50"); + + var dummyImg = $('').attr('src', bg) + .load(function() { + // The post's background image is loaded, let's perform a gracefull intro animation + $progress.find(".progress-bar").find(".progress-bar").css("width","100%").attr("aria-valuenow","100"); + setTimeout(function() { + self.showPost($post, $progress); + },500); + $(this).remove(); + loaded = true; + }); + + // Show the post after 5sec without wait for thumb loading + setTimeout(function() { + if(loaded == false) { + dummyImg.remove(); + self.showPost($post, $progress) + } + },5000); + + }) + } + }, + + showPost: function($post, $progress){ + $post.removeClass("js-loading"); + $progress.fadeOut(500); + } + + }) + +})(); \ No newline at end of file diff --git a/snippet_latest_posts/static/src/less/js_get_posts.less b/snippet_latest_posts/static/src/less/js_get_posts.less new file mode 100644 index 000000000..df788bd00 --- /dev/null +++ b/snippet_latest_posts/static/src/less/js_get_posts.less @@ -0,0 +1,24 @@ +.js_get_posts{ + min-height: 100px; + overflow: auto; +} + +.progress.js-loading{ + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border-radius: 0; + + .progress-bar{ + margin: 0; + left: 10%; + width: 80%; + top: 45%; + height: 10px; + position: absolute; + background: #DBDBDB; + .box-shadow(none); + } +} \ No newline at end of file diff --git a/snippet_latest_posts/static/src/less/s_latest_posts.less b/snippet_latest_posts/static/src/less/s_latest_posts.less new file mode 100644 index 000000000..0887f19b4 --- /dev/null +++ b/snippet_latest_posts/static/src/less/s_latest_posts.less @@ -0,0 +1,31 @@ + +// Default Style ================================ +// ============================================== + + +.s_latest_posts { + .media.media_list_template{ + .pull-left { + height : 200px; + width : 100%; + a, .media-object { + height : 100%; + width : 100%; + position: relative; + background-size: cover; + background-position: center; + } + @media (min-width: 768px){ + height : 100px; + width : 100px; + } + } + .media, .media-body { + overflow: visible; + @media (min-width: 768px){ + overflow: hidden; + } + } + } +} + diff --git a/snippet_latest_posts/static/src/less/s_latest_posts_big_picture.less b/snippet_latest_posts/static/src/less/s_latest_posts_big_picture.less new file mode 100644 index 000000000..9b6bb618d --- /dev/null +++ b/snippet_latest_posts/static/src/less/s_latest_posts_big_picture.less @@ -0,0 +1,114 @@ + +// ============================= +// s_latest_posts_big_picture +// ============================= + +@s_latest_posts_big_picture-figure_bg: @brand-primary; + + +// ====== hooks(hook) ===================================== +// =========================================================== +// Use them to inject NEW rules or overwrite the old ones. +// This method is more maintenable than classic css overwrite +// 'couse it works also if the snippet's structure will change. + +// How to: +// in your theme, just call the backdoor like a normal +// CSS class adding parethesis at the end ".backdoor-name()" +// (this will prevent the creation of a standard CSS class). +// Add your rules inside. Your style will take the priority. +// Done. + +// .s_latest_posts-figure(){ +// background: red; +// min-height: 200px; +// } + +.s_latest_posts-js_get_posts-hook(){}; + .s_latest_posts-figure-hook(){}; + + + + + +.s_latest_posts_big_picture { + + > div { + clear: both; + + .content { + opacity:1; + position: relative; + height: 100%; + } + + figure { + position: relative; + float: left; + overflow: hidden; + margin: 0; + padding: 0; + margin: 10px 1%; + width: 98%; + height: 250px; + background: @s_latest_posts_big_picture-figure_bg; + text-align: center; + cursor: pointer; + .transition(all 300ms); + @media (min-width:768px) { + width: 48%; + } + + &.js-loading{ + background: #E7E7E7!important; + } + + .thumb { + position: relative; + display: block; + height: auto; + width: 100%; + height: 100%; + background-size: cover!important; + background-position: 50%; + opacity: 0.8; + } + figcaption, figcaption > a { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + padding: 2em; + color: #fff; + text-transform: uppercase; + font-size: 1.25em; + .backface-visibility(hidden); + &:after, &:before{ pointer-events: none;} + + > a{ + z-index: 1000; + text-indent: 200%; + white-space: nowrap; + font-size: 0; + opacity: 0; + } + h2 { + margin: 0; + font-size: 1.5em; + font-weight: 300; + span {font-weight: 800} + } + p{ + margin: 0; + margin-top: 1em; + letter-spacing: 1px; + font-size: 68.5%; + } + } + .s_latest_posts-figure-hook; + } // global figure + .s_latest_posts-js_get_posts-hook; + } +} + diff --git a/snippet_latest_posts/views/assets.xml b/snippet_latest_posts/views/assets.xml new file mode 100644 index 000000000..908a04964 --- /dev/null +++ b/snippet_latest_posts/views/assets.xml @@ -0,0 +1,25 @@ + + + + + + + + + + + diff --git a/theme_anelusia/views/customize_modal.xml b/theme_anelusia/views/customize_modal.xml new file mode 100644 index 000000000..caf0f1615 --- /dev/null +++ b/theme_anelusia/views/customize_modal.xml @@ -0,0 +1,598 @@ + + + + + + + + open + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_anelusia/views/images_content.xml b/theme_anelusia/views/images_content.xml new file mode 100644 index 000000000..b9284e707 --- /dev/null +++ b/theme_anelusia/views/images_content.xml @@ -0,0 +1,94 @@ + + + + + + + + /theme_anelusia/static/src/img/content/content_img_01.png + + + + /theme_anelusia/static/src/img/content/content_img_02.jpg + + + + /theme_anelusia/static/src/img/content/content_img_03.jpg + + + + /theme_anelusia/static/src/img/content/content_img_04.jpg + + + + /theme_anelusia/static/src/img/content/content_img_05.jpg + + + + /theme_anelusia/static/src/img/content/content_img_06.jpg + + + + /theme_anelusia/static/src/img/content/content_img_07.jpg + + + + /theme_anelusia/static/src/img/content/content_img_08.png + + + + /theme_anelusia/static/src/img/content/content_img_09.jpg + + + + /theme_anelusia/static/src/img/content/content_img_10.jpg + + + + /theme_anelusia/static/src/img/content/content_img_11.jpg + + + + /theme_anelusia/static/src/img/content/content_img_12.jpg + + + + + + /theme_anelusia/static/src/img/content/product_img_01.jpg + + + /theme_anelusia/static/src/img/content/product_img_02.jpg + + + /theme_anelusia/static/src/img/content/product_img_03.jpg + + + /theme_anelusia/static/src/img/content/product_img_04.jpg + + + /theme_anelusia/static/src/img/content/product_img_05.jpg + + + /theme_anelusia/static/src/img/content/product_img_06.jpg + + + /theme_anelusia/static/src/img/content/product_img_07.jpg + + + /theme_anelusia/static/src/img/content/product_img_08.jpg + + + /theme_anelusia/static/src/img/content/product_img_09.jpg + + + /theme_anelusia/static/src/img/content/product_img_10.jpg + + + /theme_anelusia/static/src/img/content/product_img_11.jpg + + + + diff --git a/theme_anelusia/views/images_library.xml b/theme_anelusia/views/images_library.xml new file mode 100644 index 000000000..d884d68ee --- /dev/null +++ b/theme_anelusia/views/images_library.xml @@ -0,0 +1,75 @@ + + + + + bg1.jpg + bg1.jpg + ir.ui.view + url + /theme_anelusia/static/src/img/library/bg1.jpg + + + bg2.jpg + bg2.jpg + ir.ui.view + url + /theme_anelusia/static/src/img/library/bg2.jpg + + + bg3.jpg + bg3.jpg + ir.ui.view + url + /theme_anelusia/static/src/img/library/bg3.jpg + + + bg4.jpg + bg4.jpg + ir.ui.view + url + /theme_anelusia/static/src/img/library/bg4.jpg + + + bg5.jpg + bg5.jpg + ir.ui.view + url + /theme_anelusia/static/src/img/library/bg5.jpg + + + bg6.jpg + bg6.jpg + ir.ui.view + url + /theme_anelusia/static/src/img/library/bg6.jpg + + + bg7.jpg + bg7.jpg + ir.ui.view + url + /theme_anelusia/static/src/img/library/bg7.jpg + + + bg8.jpg + bg8.jpg + ir.ui.view + url + /theme_anelusia/static/src/img/library/bg8.jpg + + + bg9.jpg + bg9.jpg + ir.ui.view + url + /theme_anelusia/static/src/img/library/bg9.jpg + + + bg10.jpg + bg10.jpg + ir.ui.view + url + /theme_anelusia/static/src/img/library/bg10.jpg + + + diff --git a/theme_anelusia/views/layout.xml b/theme_anelusia/views/layout.xml new file mode 100644 index 000000000..3cd427cd8 --- /dev/null +++ b/theme_anelusia/views/layout.xml @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + diff --git a/theme_anelusia/views/snippet_options.xml b/theme_anelusia/views/snippet_options.xml new file mode 100644 index 000000000..dad53da25 --- /dev/null +++ b/theme_anelusia/views/snippet_options.xml @@ -0,0 +1,132 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_anelusia/views/snippets.xml b/theme_anelusia/views/snippets.xml new file mode 100644 index 000000000..6943cf5f7 --- /dev/null +++ b/theme_anelusia/views/snippets.xml @@ -0,0 +1,51 @@ + + + + + + + + diff --git a/theme_anelusia_sale/LICENSE b/theme_anelusia_sale/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_anelusia_sale/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_anelusia_sale/__init__.py b/theme_anelusia_sale/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_anelusia_sale/__openerp__.py b/theme_anelusia_sale/__openerp__.py new file mode 100644 index 000000000..f5ad2d867 --- /dev/null +++ b/theme_anelusia_sale/__openerp__.py @@ -0,0 +1,16 @@ +{ + 'name': 'Theme Anelusia eCommerce Plugin', + 'description': 'Anelusia eCommerce Plugin', + 'category': 'Hidden', + 'version': '1.0', + 'author': 'Odoo S.A.', + 'depends': ['theme_anelusia', 'website_sale'], + 'data': [ + 'views/theme.xml', + 'views/layout.xml', + ], + 'demo': [ + 'demo/products.xml', + ], + 'auto_install': True, +} diff --git a/theme_anelusia_sale/demo/products.xml b/theme_anelusia_sale/demo/products.xml new file mode 100644 index 000000000..5d863c4cb --- /dev/null +++ b/theme_anelusia_sale/demo/products.xml @@ -0,0 +1,301 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Man + + + + Shoes + + + + T-Shirt + + + + Shirt + + + + Jumper + + + + Woman + + + + Jeans + + + + Sleeveless Dress + + + + Sleeveless Top + + + + Skirt + + + + Leather Shoes + True + 99 + 1 + 2 + + 99.0 + 99.0 + consu + + + + + + Converse Shoes + True + 99 + 1 + 2 + + 139.0 + 139.0 + consu + + + + + + Jeans + True + 99 + 1 + 2 + + 29.0 + 29.0 + consu + + + + + + Jeans + True + 99 + 1 + 2 + + 29.0 + 29.0 + consu + + + + + + Pink Shirt + True + 99 + 1 + 2 + + 29.0 + 29.0 + consu + + + + + + Sleeveless Top + True + 99 + 1 + 2 + + 69.0 + 69.0 + consu + + + + + + T-Shirt + True + 99 + 1 + 2 + + 9.0 + 9.0 + consu + + + + + + T-Shirt + True + 99 + 1 + 2 + + 19.0 + 19.0 + consu + + + + + + T-Shirt + True + 99 + 1 + 2 + + 19.0 + 19.0 + consu + + + + + + Sleeveless Dress + True + 99 + 1 + 2 + + 129.0 + 129.0 + consu + + + + + + Sleeveless Dress + True + 99 + 1 + 2 + + 149.0 + 149.0 + consu + + + + + + Skirt + True + 99 + 1 + 2 + + 39.0 + 39.0 + consu + + + + + + Skirt + True + 99 + 1 + 2 + + 29.0 + 29.0 + consu + + + + + + Skirt + True + 99 + 1 + 2 + + 19.0 + 19.0 + consu + + + + + + Jumper + True + 99 + 1 + 2 + + 49.0 + 49.0 + consu + + + + + + Jumper + True + 99 + 1 + 2 + + 59.0 + 59.0 + consu + + + + + + + + diff --git a/theme_anelusia_sale/static/src/js/collapse_categories.js b/theme_anelusia_sale/static/src/js/collapse_categories.js new file mode 100644 index 000000000..3f72baee7 --- /dev/null +++ b/theme_anelusia_sale/static/src/js/collapse_categories.js @@ -0,0 +1,29 @@ +$(function(){ + + // CATEGORIES + var category_list = "#products_grid_before" + if ($(".oe_website_sale " + category_list).length) { + // Close the category using the arrow + $(category_list).on('click', '.close-icon', function(event) { + $(event.target).closest('li').removeClass('active'); + }); + + // Open the category using the arrow + $(category_list).on('click', '.open-icon', function(event) { + // Close the others + $(category_list + " li").removeClass('active'); + // Open this one's hierarchy + $(event.target).parents('li').each(function(parent){ + $(this).addClass('active'); + }); + }); + + // Open the current category tab + var category_re = /\/shop\/category\/.*-/; + if (category_re.test(window.location.pathname)) { + var category_id = window.location.pathname.replace(category_re, ''); + var category_li = $('li:has(a[data-oe-model="product.public.category"][data-oe-id=' + category_id + '])') + category_li.addClass('active') + } + } +}); diff --git a/theme_anelusia_sale/static/src/js/website_sale.test.js b/theme_anelusia_sale/static/src/js/website_sale.test.js new file mode 100644 index 000000000..400200b9e --- /dev/null +++ b/theme_anelusia_sale/static/src/js/website_sale.test.js @@ -0,0 +1,39 @@ +(function () { + 'use strict'; + var _t = openerp._t; + + openerp.website.ready().done(function () { + + var additional_step = { + title: _t('Click on Menu button'), + element: '.navbar-header span:contains("MENU")', + waitFor: 'li:contains("Review Order")', + }; + + var last_valid_steps = [ + { + tour: openerp.Tour.tours.shop_customize, + title: 'check optional product is removed', + additional_step: additional_step, + }, + { + tour: openerp.Tour.tours.event_buy_tickets, + title: 'Order Now', + additional_step: additional_step, + }, + ]; + + _.each(last_valid_steps, function(s) { + if (s.tour) { + var steps = s.tour.steps; + for (var k=0; k .container-fluid form.pagination, #wrap > .container form.pagination { + float: none; + padding-right: 0; +} +.oe_website_sale { + overflow: hidden; + padding-bottom: 20px; + background-color: @color-alpha; + .page-header { + small { + display: block; + a { + color: red; + } + } + } + .oe_product_cart { + &:hover { + border: 1px solid @gray-lighter; + } + .in { + background-color: rgba(0, 0, 0, 0.5); + } + } + .oe_product { + padding: 5px; + border: 0; + h5 { + a { + color: @color-epsilon; + } + } + .ribbon { + background-color: red; + top: 0px; + width: 145px; + } + + // Product name, price and quick cart part + + section { + padding: 0px 15px; + h5 { + padding: 10px 0px; + font-size: 13px; + margin: 0px; + text-align: left; + border-bottom: 1px solid @gray-lighter; + a { + color: @color-delta; + &:hover { + text-decoration: none; + } + } + } + .text-info { + text-align: left; + color: @gray-light; + } + .oe_subdescription { + margin-bottom: 0px; + } + .product_price { + font-size: 12px; + position: relative; + text-align: left; + padding: 0; + b { + .text-danger { + color: red; + } + } + .btn-default { // cart btn + background: rgba(0, 0, 0, 0); + border: none; + font-size: 15px; + position: relative; + padding-right: 0px; + top: -6px; + padding-bottom: 0px; + } + } + } + } +} +#products_grid { + padding-left: 15px; + background-color: white; + table, tbody { + background-color: rgba(0, 0, 0, 0) !important; + } + .products_pager { + margin-top: 15px; + ul { + a { + border: rgba(0, 0, 0, 0); + color: @gray; + min-width: 35px; + } + } + } + .pagination > .active > a { + border-bottom: 3px solid @color-epsilon; + background-color: rgba(0, 0, 0, 0); + color: @color-epsilon; + } + .pagination a { + .transition (all 0.3s ease-out); + &:hover { + border-bottom: 3px solid @color-delta; + background: rgba(0, 0, 0, 0); + color: @gray-light; + } + } + .products_pager > ul { + li:first-child > a { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + } + li:last-child > a { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + } + } +} + +/* ================= Product size in col-md-10 ================= */ + +.col-md-10 .oe-height-1 { + height: 70px; +} +.col-md-10 .oe-height-2 { + height: 140px; +} +.col-md-10 .oe-height-4 { + height: 280px; +} +.col-md-10 .oe-height-6 { + height: 420px; +} +.col-md-10 .oe-height-8 { + height: 560px; +} + +/* =================== Search =================== */ + +#wrap { + .search { + background-color: @color-beta; + } +} +.js_sale .search form { + padding-right: 0px; +} +.form-inline .input-group { + background-color: white; + width: 100%; + .form-control { + width: 100%; + .BorderRadius (0px); + height: 50px; + box-shadow: none; + text-transform: lowercase; + border: none; + &:focus { + box-shadow: none; + } + } + .input-group-btn { + width: 50px; + .btn-default { + .BorderRadius (0px); + height: 50px; + width: 50px; + &:hover { + background-color: white !important; + } + } + .btn { + line-height: 2.5; + } + } +} + +/* =================== Categories =================== */ + +#products_grid_before { + padding-top: 0px; + padding-bottom: 800em; + margin-bottom: -800em; + background-color: @color-delta; + .nav-pills > li.active > a { + background-color: rgba(0, 0, 0, 0); + color: @color-beta; + &:hover { + background-color: @gray-dark; + } + } + ul.nav-stacked { + li { + a { + font-size: 16px; + color: @color-beta; + margin: 1px 0px; + + &:hover, &:focus { + background-color: @gray-dark; + color: @color-beta; + } + } + } + } + .nav-pills > li > ul { + padding-left: 15px; + } + > ul > li > a { + color: @color-beta; + text-transform: uppercase; + font-size: 18px !important; + } + li > ul, li > .close-icon, li.active > .open-icon { + display: none; + } + li.active > ul, li.active > .close-icon { + display: block; + } + .main-category { + text-transform: uppercase; + font-size: 18px; + color: @color-gamma; + } + .category-name { + font-size: 15px; + text-transform: uppercase; + text-align: left; + margin-top: 0px; + padding: 10px 15px; + color: @color-alpha; + border-bottom: 1px solid @gray-dark; + } + + /* =========== Filters ========== */ + + .js_attributes { + border-right-width: 0px; + padding: 0px 15px 15px 15px; + border-color: @gray-dark; + strong { + display: block; + padding-left: 10px; + margin-bottom: 10px; + margin-top: 10px; + color: @color-gamma; + text-transform: uppercase; + } + .css_attribute_color.active { + border: 5px ridge @color-alpha; + } + li > ul { + display: block; + } + label > span { + color: @gray; + } + } +} +.open-icon, .close-icon { + position: absolute; + right: 10px; + top: 4px; + padding: 0 4px; + cursor: pointer; + font-size: 18px; + color: @color-beta; +} + +/* =================== Product page =================== */ +.js_sale { + background-color: @color-alpha; + > .container:first-child { + width: 100%; + } + > .oe_website_sale:not(#product_detail), > .container:first-child { + > .row:first-child { + background-color: @color-delta; + } + } + .breadcrumb { + padding-top: 20px; + background: rgba(0, 0, 0, 0); + border-bottom: 1px solid @gray-lighter; + li { + font-size: 15px; + a { + color: @color-gamma; + } + } + } +} +#product_detail { + .col-md-5 { + padding: 40px; + } +} +.oe_website_sale.container { + width: 100%; +} +.js_add_cart_variants > li { + border-bottom: 1px solid white; + padding-bottom: 20px; + > strong { + width: 100%; + display: inline-block; + margin: 20px 0px; + padding: 5px 0px; + font-size: 20px; + color: @color-delta; + } +} +.js_add_cart_variants { + color: @gray; + + /* ======== PRICE ======== */ + + .oe_price_h4 { + font-size: 25px; + @media (max-width: @screen-sm-max) { + text-align: center; + } + .oe_currency_value { + font-size: 25px; + } + .oe_price { + font-weight: 300; + } + } +} +.discount .oe_default_price { + display: inline-block; +} +.product-title { + text-align: center; + color: @gray; +} +.product-description { + text-align: center; + font-size: 18px; +} +#add_to_cart { + padding: 30px; + margin: 20px 0; + border: none; + margin-top: 0px; + width: 200px; + .transition (all 0.5s ease-out); + @media (max-width: @screen-sm-max) { + margin: 0 auto; + } + .fa { + font-size: 30px; + padding-right: 10px; + } +} + +/* ======= ADD QUANTITY ========= */ + +.oe_website_spinner { + margin-bottom: 25px; + width: 200px; + height: 50px; + @media (max-width: @screen-sm-max) { + margin: 0 auto; + } + .input-group-addon { + border-radius: 0px; + width: 50px; + &:first-child, &:last-child { + border: none; + background-color: @gray; + } + a { + color: white; + } + } + .js_quantity { + text-align: center; + border-color: @gray; + height: 50px; + } +} +.badge, .active > a > .badge { + padding: 5px 10px; + margin-left: 15px; + background-color: @color-gamma; + color: white; + min-width: 28px; +} +.list-unstyled .css_attribute_color.active { + border: 3px solid @color-gamma; +} +#website_sale_recommended_products { + padding: 30px; + h3 { + text-align: center; + border-bottom: 5px solid @color-epsilon; + padding-bottom: 20px; + color: @color-gamma; + } + .row { + padding: 0 15px; + } + .col-md-2 { + margin-top: 10px; + min-height: 160px; + span { + color: @color-epsilon; + } + } +} + +/* ===================== Product list view ======================= */ + +@media (min-width: 400px) { + .oe_product.oe_list { + min-height: 200px !important; + } +} +.oe_list { + margin: 5px 0 5px 15px; + border: 1px solid @gray-lighter; + width: 90% !important; + @media (max-width: @screen-sm-min) { + height: auto !important; + } + img { + padding: 10px 0; + } + section { + h5 { + text-align: left !important; + font-size: 24px !important; + } + .product_price { + display: inline-block; + font-size: 18px !important; + } + .oe_subdescription { + max-width: 70%; + } + } +} +#products_grid { + .products_pager { + height: 65px; + } +} + +/* =================== Modal =================== */ + +#modal_optional_products { + .modal-title { + background: rgba(0, 0, 0, 0); + } + .input-group { + border-collapse: inherit; + } +} + +/* =================== Shopping cart =================== */ + +.oe_website_sale { + color: @gray; + .oe_cart { + .btn { + @media (max-width: @screen-xs-max) { + padding: 10px; + } + } + .btn-primary { + background-color: @color-epsilon; + color: white; + &:hover { + background-color: @color-mu; + } + } + strong { + color: @gray; + } + .well { + background-color: rgba(0, 0, 0, 0); + } + #cart_products { + img { + max-width: 100px; + } + } + .oe_website_spinner { + border-collapse: inherit; + } + .a-submit { + padding: 20px 0px; + min-width: 150px; + } + h4 .oe_currency_value, h4 .text-right { + font-size: 16px; + } + } + #right_column { + color: @gray; + a { + color: red; + } + .btn { + .BorderRadius (0px); + border: none; + } + .input-group-btn { + padding-left: 5px; + } + h4 { + color: @gray; + border-bottom: 1px solid @gray; + font-size: 22px; + font-weight: bold; + } + .fa { + padding-right: 5px; + } + } + .wizard { + padding-right: 15px; + box-shadow: none; + @media (max-width: @screen-xs-max) { + padding-right: 0px; + } + .text-primary { + color: white; + } + .text-success { + color: @gray-light; + } + li.text-primary { + background-color: @color-gamma; + @media (max-width: @screen-xs-max) { + background-color: rgba(0, 0, 0, 0); + color: @color-gamma; + padding-left: 7px; + } + .chevron:before { + border-left: 10px solid @color-gamma; + @media (max-width: @screen-xs-max) { + border-left: none; + } + } + } + li { + border-color: @color-gamma; + background-color: rgba(0, 0, 0, 0); + @media (max-width: @screen-xs-max) { + border-color: rgba(0, 0, 0, 0); + padding-left: 7px; + } + .chevron { + border-left: 10px solid @color-gamma; + background: rgba(0, 0, 0, 0); + @media (max-width: @screen-xs-max) { + border-color: rgba(0, 0, 0, 0); + } + } + } + .text-muted { + color: @gray-light; + } + } +} +#payment_method { + .oe_sale_acquirer_button { + .btn-primary { + background-color: @color-epsilon; + color: white; + &:hover { + background-color: @color-mu; + } + } + } +} + +/* ======================== PAY =========================== */ + +.oe_sale_acquirer_button { + .btn { + min-width: 150px; + text-transform: uppercase; + font-size: 20px; + margin-bottom: 20px; + } +} \ No newline at end of file diff --git a/theme_anelusia_sale/views/layout.xml b/theme_anelusia_sale/views/layout.xml new file mode 100644 index 000000000..b80d356af --- /dev/null +++ b/theme_anelusia_sale/views/layout.xml @@ -0,0 +1,161 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_anelusia_sale/views/theme.xml b/theme_anelusia_sale/views/theme.xml new file mode 100644 index 000000000..073131793 --- /dev/null +++ b/theme_anelusia_sale/views/theme.xml @@ -0,0 +1,25 @@ + + + + + + + open + + + + + + + + + \ No newline at end of file diff --git a/theme_avantgarde/LICENSE b/theme_avantgarde/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_avantgarde/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_avantgarde/__init__.py b/theme_avantgarde/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_avantgarde/__openerp__.py b/theme_avantgarde/__openerp__.py new file mode 100644 index 000000000..1e1220e21 --- /dev/null +++ b/theme_avantgarde/__openerp__.py @@ -0,0 +1,30 @@ +{ + 'name':'Avantgarde Theme', + 'description': 'Avantgarde is a sophisticated theme to inspire and impress', + 'category': 'Theme/Creative', + 'version':'1.1.0', + 'author':'Odoo S.A.', + 'data': [ + 'views/assets.xml', + 'views/customize_modal.xml', + 'views/snippets.xml', + 'views/options.xml', + 'views/images_library.xml' + ], + 'demo': [ + 'demo/demo-data.xml', + 'demo/style.xml', + 'demo/welcome.xml', + 'demo/artgallery.xml', + 'demo/magazine.xml', + 'demo/art_shop.xml', + 'demo/blocks.xml' + ], + 'images': [ + 'static/description/poster.jpg', + ], + 'depends': ['theme_common', 'snippet_google_map', 'snippet_latest_posts'], + 'price': 199, + 'currency': 'EUR', + 'live_test_url': 'https://theme-avantgarde.odoo.com', +} diff --git a/theme_avantgarde/demo/art_shop.xml b/theme_avantgarde/demo/art_shop.xml new file mode 100644 index 000000000..5bd675576 --- /dev/null +++ b/theme_avantgarde/demo/art_shop.xml @@ -0,0 +1,156 @@ + + + + + + Homepage - Shop + /page/art_shop + + 10 + + + + + + \ No newline at end of file diff --git a/theme_avantgarde/demo/artgallery.xml b/theme_avantgarde/demo/artgallery.xml new file mode 100644 index 000000000..acbf4340a --- /dev/null +++ b/theme_avantgarde/demo/artgallery.xml @@ -0,0 +1,121 @@ + + + + + + Homepage - ArtGallery + /page/artgallery + + 10 + + + + + + \ No newline at end of file diff --git a/theme_avantgarde/demo/blocks.xml b/theme_avantgarde/demo/blocks.xml new file mode 100644 index 000000000..19c40b8dc --- /dev/null +++ b/theme_avantgarde/demo/blocks.xml @@ -0,0 +1,279 @@ + + + + + + Building Blocks + /page/blocks + + 32 + + + + + + + \ No newline at end of file diff --git a/theme_avantgarde/demo/demo-data.xml b/theme_avantgarde/demo/demo-data.xml new file mode 100644 index 000000000..3ad1d3147 --- /dev/null +++ b/theme_avantgarde/demo/demo-data.xml @@ -0,0 +1,132 @@ + + + + + + + + + Demo + + 20 + + + + + + + + /theme_avantgarde/static/src/img/theme_samples/radius.jpg + A sample blog post + Lorem ipsum dolor sit amet + + + + + /theme_avantgarde/static/src/img/theme_samples/bridge.jpg + Another sample blog post + Lorem ipsum dolor sit amet + + + + Dynamic post list + Use this snippet to list your post where you need + + + + /theme_avantgarde/static/src/img/theme_samples/shop_art_2.jpg + + +
    + +
    +
    +

    + New Features Launched +

    +

    + To add to an already comprehensive set of Odoo + features, a website content management system (CMS + or WMS) has been developed and a beta release is + available from today, 31st January 2014. +

    +
    + +
    +

    + Odoo claims to be 'the Open Source software that makes + building your company's website and selling your products + online easy'. So how true is this statement? +

    + "Odoo's latest launch will allow a business to go from + zero to trading online quicker than ever before,” Stuart + Mackintosh, MD of Open Source specialist and Odoo + integration partner, OpusVL, explains. “The investment + required to have a fully automated business system is + dramatically reduced, enabling the small and medium + enterprise to compete at a level of functionality and + performance previously reserved for the big IT investors." +

    +
    +

    + "Finally, the leading edge is being brought to the masses. + It will now be the turn of the big players to catch up to + the superior technologies of the SME." +

    +
    +

    + "This is another clever and highly disruptive move by + Odoo,which will force other technology providers to + take another look at the value they are providing to ensure + that their 'solutions' can still compete." +

    + "Odoo now competes on many fronts, with no real + competition out there to knock them off the top spot. + With the launch of their integrated CMS and Ecommerce + systems,it only elevates their position as one of the leading + lights in the open source revolution. It will be at least 5 + years before another ERP or CMS provider will be able to + compete at this level due to the technology currently + employed by most industry providers." +

    +

    Adding to industry leading technology

    +

    + Like many modern website editors, with Odoo you can edit + content in-line, enabling you to see exactly what you are + changing and ensure your changes suit the context. +

    + However, unlike other web content management systems, it + fully integrates into the back-end database. This means + that when you edit a product description, image or price, + it updates the product database in real time, providing a + true self-service window into the business. +

    + This provides a single source of data for your company and + removes the need to create offline synchronisation between + website and product database. +

    + As it comes, there is a default website based on Bootstrap + 3, the latest industry standard for rapid development of + multi-device websites backed by Twitter, so can be directly + integrated with many web tools and works across all devices + by default. +

    +
    +]]> +     +     + + + + +     +     \ No newline at end of file diff --git a/theme_avantgarde/demo/magazine.xml b/theme_avantgarde/demo/magazine.xml new file mode 100644 index 000000000..1dd87c8f4 --- /dev/null +++ b/theme_avantgarde/demo/magazine.xml @@ -0,0 +1,138 @@ + + + + + + + + Homepage - Magazine + /page/magazine + + 20 + + + + + + \ No newline at end of file diff --git a/theme_avantgarde/demo/style.xml b/theme_avantgarde/demo/style.xml new file mode 100644 index 000000000..74c5ec335 --- /dev/null +++ b/theme_avantgarde/demo/style.xml @@ -0,0 +1,984 @@ + + + + + + Style Specimen + /page/style + + 40 + + + + + + + + \ No newline at end of file diff --git a/theme_avantgarde/demo/welcome.xml b/theme_avantgarde/demo/welcome.xml new file mode 100644 index 000000000..f8df2185a --- /dev/null +++ b/theme_avantgarde/demo/welcome.xml @@ -0,0 +1,183 @@ + + + + + + + + Welcome + /page/welcome + + + + + \ No newline at end of file diff --git a/theme_avantgarde/doc/index.rst b/theme_avantgarde/doc/index.rst new file mode 100644 index 000000000..9f4dd865e --- /dev/null +++ b/theme_avantgarde/doc/index.rst @@ -0,0 +1,34 @@ +You need to install the *Less CSS* compiler to run this theme + +* on Linux, use your distribution's package manager to install nodejs and npm. + * In debian wheezy and Ubuntu 13.10 and before you need to install nodejs manually: + + .. code-block:: console + + $ wget -qO- https://deb.nodesource.com/setup | bash - + $ apt-get install -y nodejs + + * In later debian (>jessie) and ubuntu (>14.04) you may need to add a symlink as npm packages call ``node`` but debian calls the binary ``nodejs`` + + .. code-block:: console + + $ apt-get install -y npm + $ sudo ln -s /usr/bin/nodejs /usr/bin/node + + * Once npm is installed, use it to install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on OS X, install nodejs via your preferred package manager (`homebrew `_, `macports `_) then install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on Windows, `install nodejs `_, reboot (to update the `PATH`) and install less and less-plugin-clean-css: + + .. code-block:: ps1 + + C:\> npm install -g less less-plugin-clean-css diff --git a/theme_avantgarde/static/description/contributors/applicatour.jpg b/theme_avantgarde/static/description/contributors/applicatour.jpg new file mode 100644 index 000000000..977d9052f Binary files /dev/null and b/theme_avantgarde/static/description/contributors/applicatour.jpg differ diff --git a/theme_avantgarde/static/description/contributors/aselcis.jpg b/theme_avantgarde/static/description/contributors/aselcis.jpg new file mode 100644 index 000000000..9fbc0f3c1 Binary files /dev/null and b/theme_avantgarde/static/description/contributors/aselcis.jpg differ diff --git a/theme_avantgarde/static/description/contributors/bas-solutions.png b/theme_avantgarde/static/description/contributors/bas-solutions.png new file mode 100644 index 000000000..c64c5359a Binary files /dev/null and b/theme_avantgarde/static/description/contributors/bas-solutions.png differ diff --git a/theme_avantgarde/static/description/contributors/bloopark.png b/theme_avantgarde/static/description/contributors/bloopark.png new file mode 100644 index 000000000..4ce0327d8 Binary files /dev/null and b/theme_avantgarde/static/description/contributors/bloopark.png differ diff --git a/theme_avantgarde/static/description/contributors/brouwland.jpg b/theme_avantgarde/static/description/contributors/brouwland.jpg new file mode 100644 index 000000000..8fe4a1441 Binary files /dev/null and b/theme_avantgarde/static/description/contributors/brouwland.jpg differ diff --git a/theme_avantgarde/static/description/contributors/catsdogs.png b/theme_avantgarde/static/description/contributors/catsdogs.png new file mode 100644 index 000000000..f4d03e63d Binary files /dev/null and b/theme_avantgarde/static/description/contributors/catsdogs.png differ diff --git a/theme_avantgarde/static/description/contributors/dialognet.png b/theme_avantgarde/static/description/contributors/dialognet.png new file mode 100644 index 000000000..831a1a9c3 Binary files /dev/null and b/theme_avantgarde/static/description/contributors/dialognet.png differ diff --git a/theme_avantgarde/static/description/contributors/dynapps.jpg b/theme_avantgarde/static/description/contributors/dynapps.jpg new file mode 100644 index 000000000..5854230c4 Binary files /dev/null and b/theme_avantgarde/static/description/contributors/dynapps.jpg differ diff --git a/theme_avantgarde/static/description/contributors/huckemedia.png b/theme_avantgarde/static/description/contributors/huckemedia.png new file mode 100644 index 000000000..2106c34b0 Binary files /dev/null and b/theme_avantgarde/static/description/contributors/huckemedia.png differ diff --git a/theme_avantgarde/static/description/contributors/opusvl.png b/theme_avantgarde/static/description/contributors/opusvl.png new file mode 100644 index 000000000..f1f25f120 Binary files /dev/null and b/theme_avantgarde/static/description/contributors/opusvl.png differ diff --git a/theme_avantgarde/static/description/contributors/oxen.jpg b/theme_avantgarde/static/description/contributors/oxen.jpg new file mode 100644 index 000000000..0cb41eb9f Binary files /dev/null and b/theme_avantgarde/static/description/contributors/oxen.jpg differ diff --git a/theme_avantgarde/static/description/contributors/simplitco.jpg b/theme_avantgarde/static/description/contributors/simplitco.jpg new file mode 100644 index 000000000..152bbf277 Binary files /dev/null and b/theme_avantgarde/static/description/contributors/simplitco.jpg differ diff --git a/theme_avantgarde/static/description/contributors/sodexis.jpg b/theme_avantgarde/static/description/contributors/sodexis.jpg new file mode 100644 index 000000000..12f1d8ecd Binary files /dev/null and b/theme_avantgarde/static/description/contributors/sodexis.jpg differ diff --git a/theme_avantgarde/static/description/contributors/tech-receptives.png b/theme_avantgarde/static/description/contributors/tech-receptives.png new file mode 100644 index 000000000..c441f44db Binary files /dev/null and b/theme_avantgarde/static/description/contributors/tech-receptives.png differ diff --git a/theme_avantgarde/static/description/contributors/vauxoo.png b/theme_avantgarde/static/description/contributors/vauxoo.png new file mode 100644 index 000000000..7e83d3148 Binary files /dev/null and b/theme_avantgarde/static/description/contributors/vauxoo.png differ diff --git a/theme_avantgarde/static/description/icon.png b/theme_avantgarde/static/description/icon.png new file mode 100644 index 000000000..3236f3014 Binary files /dev/null and b/theme_avantgarde/static/description/icon.png differ diff --git a/theme_avantgarde/static/description/index.html b/theme_avantgarde/static/description/index.html new file mode 100644 index 000000000..6199a43b5 --- /dev/null +++ b/theme_avantgarde/static/description/index.html @@ -0,0 +1,283 @@ +
    + + + +
    + +

    Avantgarde is a sophisticated theme to inspire and impress.
    + Its strength is its simplicity and flexibility.
    A perfect tool for anyone to create a clean and elegant website +

    + +
    + +
    +
    + +

    Fully-equipped

    + +
    + +
    + +

    Flexible

    + +
    + +
    + +

    Mobile friendly

    + +
    + +
    + +

    Cross-browser

    + +
    +
    + + +
    +

    Main options

    +
    + +
    +
    +

    Layout Options

    +
    + +
    +
    +

    Header Options

    +
    + +
    +
    +

    Color Options

    +
    + +
    +
    +

    Fonts Options

    +
    + +
    +
    + +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    + + + +
    +

    Powerful snippets

    +
    + + + + + +
    + + +

    Some fonts might not work with extended charsets.

    +

    The background pattern images in the theme are copyrighted and can't be used outside of the odoo.com domain.

    + +
    + + +
    +

    Contributors list

    +

    This theme has been created with the help of our user community.

    +
    + + +

    Thanks to our backers, the Indiegogo campaign was a success!

    +

    https://www.indiegogo.com/projects/bootstrap-themes-for-odoo-cms/

    +
    + +
    +

    Main Sponsor

    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + Ross Whiting, Oxenworkwear - Hans Balis - Stephan Keller, Sodexis, Inc. - Michael Hucke, Hucke Media GmbH & Co. KG - Joachim Grubelnik, DaDi EDV GmbH​ datadialog.net - DynApps - Cats&Dogs bvba - Bloopark systems GmbH & Co. KG - Parthiv Patel, Tech Receptives Solutions Pvt. Ltd. - Stuart Mackintosh, OpusVL - Erwin van der Ploeg, BAS Solutions - ali Zuaby, simplit co - Aselcis Consulting - Nhomar Hernandez, Vauxoo + + +

    Sponsor

    + + Robert Baumgartner, datenpol gmbh - openBIG - Russell Phillippe, Protogenos Ltd - Julien Allo, Julius - EasyPME - Jonathan Wilson, WillowIT Pty Ltd - Xavier Mallein, MAallein - Pedro M. Baeza, Serv. Tecnol. Avanzados - Daniel Dico, OERP Canada - Jantz Business Group b.v. - LogicaSoft Consulting - Eric Caudal, Elico Corp - Ermin Trevisan, Twanda - Jean-François Mattler, OpenFid SAS - Alex Ferrer, Lannex IT Solutions - Tony Gu, Shine IT Co. Ltd. 先安科技 - TaPo-IT OG - Jos De Graeve, Apertoso - Nicolas Rigo, eezee-it - Luis Miguel Varón E, Colorisa S.A - OpenBias - Stanislas Drouin Applicatour + + +

    Power Designer

    + + Rohit Thakral - François Dhommeaux, Ubic Informatique - Judson Alves, Market Home Delivery - Eric Flaux, ABF Osiell - Gilles Dupont - Arnis Putniņš - Johnson Martt, GetOpenERP (Part of OpenStow Technologies) - Gianluca Milano - Daniel Stolovich, ATEL S.A. - Equitania Software GmbH - Senthilnathan G - Houssine Bakkali - Arend Trip - Kevin Woolf, Baba Kevin's American Barbecue Co., Ltd. - toodoo sàrl - Zoltan Gabor 'Apersis' - Tom De Decker, WEB2GO LTD - Nicolás Cavalier Montenegro, STOREGUD CORPORATION SAC - Keirse Jerome - REAL Solutions S.A. - Davide Corio - Brice Muangkhot - Melvin Miguel Martinez, Mendoza Hernandez - Auditores - Chua Wen Ching - Tran Minh Tri working, ungdungtinhoc.com - Badisheng Morena - Sogexis - Josh Wardini - The Tee Shirt Bakery - Bruce Letterle, Red Lab Media - Benoit Vankoningsloo - Francisco Manuel Garcia Claramonte. - Paulina Mikolajczak-Blasco - Collectiv - Tony Fernando - Herbert Riener, rigaConcepts - Kalmen Chia, E-Global SCM Solution Sdn Bhd - Rob North, Pair A Dice Games - David E. Vargas, CloudShop - François Le Gal - Calin Chete (24h Solutions) - Maria Gabriela Fong, MAGA Systems & Consulting - Pascal Behr, Cytosurge AG - Marc Antwertinger - Opencloud Unipessoal, Lda - Ruchir Shukla, BizzAppDev - Michael Hucke, Hucke Media GmbH & Co. KG - Mathias Neef, copadoMEDIA UG - Pablo Arias - Same Motion - livingprocess.de - Habib Ayob - Igor Jovanovic - Liangming Wang, Weixuan Inc. - Jason Au Yeung, Binary System Limited - Fredrik Arvas, Arvas International AB - Martin Temmink, Zigaret - Mathieu Vanneste, Flockdesign - Filip Fruru, Instant Media - Marianne Wilmsmeier, Fabrik Fünf GmbH - Vertex Group Enterprises - Bingen Eguzkitza - Herczeg Péter, InnOpen Group Kft - Giles Hohnen - Luis Felipe Miléo, KMEE - Maria Gabriela Fong, MAGA Systems & Consulting - Aaron Magon, Web Industries - Andrew Trueman, B.M. Trueman & Partners - Sven Petersen, Conexus - Nous Cambas - Oliver Yuan, OpenStone - Henri Ibowili, A-YANT.COM - Nicolas JEUDY - Helmut Drewes - Maik Steinfeld, Streward - Hans Henrik Gabelgaard - AJ Rosman - Eduard - Patrick Darribet, SUDOKEYS - Camptocamp - Cyril Morisse - Alejandro Santana - Eva Pinter, YBO - Mathias Neef, copadoMEDIA UG - Jean-Christophe Perrot, LOGICASOFT - Zarshed Ali, HiTechnologia - Stefan Reisich - Maxime Chambreuil, Savoir-faire Linux - Mario Gielissen, Openworx - Nicholas Burdic, Aptoworks LLC - Olivier Lenoir + +
    +
    diff --git a/theme_avantgarde/static/description/media/CSS3.png b/theme_avantgarde/static/description/media/CSS3.png new file mode 100644 index 000000000..ca9c0599b Binary files /dev/null and b/theme_avantgarde/static/description/media/CSS3.png differ diff --git a/theme_avantgarde/static/description/media/HTML5.png b/theme_avantgarde/static/description/media/HTML5.png new file mode 100644 index 000000000..7c6e3e224 Binary files /dev/null and b/theme_avantgarde/static/description/media/HTML5.png differ diff --git a/theme_avantgarde/static/description/media/browsers.png b/theme_avantgarde/static/description/media/browsers.png new file mode 100644 index 000000000..934f65a26 Binary files /dev/null and b/theme_avantgarde/static/description/media/browsers.png differ diff --git a/theme_avantgarde/static/description/media/custom.png b/theme_avantgarde/static/description/media/custom.png new file mode 100644 index 000000000..d3aaf7f12 Binary files /dev/null and b/theme_avantgarde/static/description/media/custom.png differ diff --git a/theme_avantgarde/static/description/media/fonts.jpg b/theme_avantgarde/static/description/media/fonts.jpg new file mode 100644 index 000000000..58ca5950d Binary files /dev/null and b/theme_avantgarde/static/description/media/fonts.jpg differ diff --git a/theme_avantgarde/static/description/media/gift.png b/theme_avantgarde/static/description/media/gift.png new file mode 100644 index 000000000..dc83ee700 Binary files /dev/null and b/theme_avantgarde/static/description/media/gift.png differ diff --git a/theme_avantgarde/static/description/media/latest_posts.jpg b/theme_avantgarde/static/description/media/latest_posts.jpg new file mode 100644 index 000000000..a1f8c8a01 Binary files /dev/null and b/theme_avantgarde/static/description/media/latest_posts.jpg differ diff --git a/theme_avantgarde/static/description/media/layout.jpg b/theme_avantgarde/static/description/media/layout.jpg new file mode 100644 index 000000000..29f2a5206 Binary files /dev/null and b/theme_avantgarde/static/description/media/layout.jpg differ diff --git a/theme_avantgarde/static/description/media/less.png b/theme_avantgarde/static/description/media/less.png new file mode 100644 index 000000000..dff67658c Binary files /dev/null and b/theme_avantgarde/static/description/media/less.png differ diff --git a/theme_avantgarde/static/description/media/maps.jpg b/theme_avantgarde/static/description/media/maps.jpg new file mode 100644 index 000000000..9390cfa3c Binary files /dev/null and b/theme_avantgarde/static/description/media/maps.jpg differ diff --git a/theme_avantgarde/static/description/media/mobile.png b/theme_avantgarde/static/description/media/mobile.png new file mode 100644 index 000000000..45d4b5dbf Binary files /dev/null and b/theme_avantgarde/static/description/media/mobile.png differ diff --git a/theme_avantgarde/static/description/media/move_top.jpg b/theme_avantgarde/static/description/media/move_top.jpg new file mode 100644 index 000000000..91a8ba9d9 Binary files /dev/null and b/theme_avantgarde/static/description/media/move_top.jpg differ diff --git a/theme_avantgarde/static/description/media/options.png b/theme_avantgarde/static/description/media/options.png new file mode 100644 index 000000000..a373760bd Binary files /dev/null and b/theme_avantgarde/static/description/media/options.png differ diff --git a/theme_avantgarde/static/description/media/palette.jpg b/theme_avantgarde/static/description/media/palette.jpg new file mode 100644 index 000000000..5aceec89c Binary files /dev/null and b/theme_avantgarde/static/description/media/palette.jpg differ diff --git a/theme_avantgarde/static/description/media/typo.jpg b/theme_avantgarde/static/description/media/typo.jpg new file mode 100644 index 000000000..161e8743b Binary files /dev/null and b/theme_avantgarde/static/description/media/typo.jpg differ diff --git a/theme_avantgarde/static/description/media/video.jpg b/theme_avantgarde/static/description/media/video.jpg new file mode 100644 index 000000000..5c368714c Binary files /dev/null and b/theme_avantgarde/static/description/media/video.jpg differ diff --git a/theme_avantgarde/static/description/poster.jpg b/theme_avantgarde/static/description/poster.jpg new file mode 100644 index 000000000..aebd3e6de Binary files /dev/null and b/theme_avantgarde/static/description/poster.jpg differ diff --git a/theme_avantgarde/static/src/images_list.rtf b/theme_avantgarde/static/src/images_list.rtf new file mode 100644 index 000000000..c3e8f62a2 --- /dev/null +++ b/theme_avantgarde/static/src/images_list.rtf @@ -0,0 +1,50 @@ +{\rtf1\ansi\ansicpg1252\cocoartf1344\cocoasubrtf720 +{\fonttbl\f0\fnil\fcharset0 Georgia;} +{\colortbl;\red255\green255\blue255;\red0\green0\blue0;} +\paperw11900\paperh16840\margl1440\margr1440\vieww10800\viewh8400\viewkind0 +\deftab720 +\pard\pardeftab720\sl560\sa108 + +\f0\fs26 \cf0 \expnd0\expndtw0\kerning0 +bg_image_01.jpg / \expnd0\expndtw0\kerning0 +bg_image_05.jpg\expnd0\expndtw0\kerning0 +\ +{\field{\*\fldinst{HYPERLINK "https://unsplash.com/"}}{\fldrslt https://unsplash.com/}}\ +\ +\pard\pardeftab720\sl560\sa108 +\cf0 \expnd0\expndtw0\kerning0 +bg_image_06.jpg\expnd0\expndtw0\kerning0 +\ +\pard\pardeftab720\sl560\sa108 +\cf2 \expnd0\expndtw0\kerning0 +\outl0\strokewidth0 \strokec2 Egon Schiele - Gustav Klimt im blauen Malerkittel - 1913\ +\pard\pardeftab720\sl560\sa108 +{\field{\*\fldinst{HYPERLINK "http://commons.wikimedia.org/wiki/File:Egon_Schiele_-_Gustav_Klimt_im_blauen_Malerkittel_-_1913.jpeg"}}{\fldrslt \cf0 \expnd0\expndtw0\kerning0 +\outl0\strokewidth0 http://commons.wikimedia.org/wiki/File:Egon_Schiele_-_Gustav_Klimt_im_blauen_Malerkittel_-_1913.jpeg}}\cf0 \expnd0\expndtw0\kerning0 +\outl0\strokewidth0 \ +\ +\pard\pardeftab720\sl560\sa108 +\cf0 \expnd0\expndtw0\kerning0 +bg_image_07.jpg\expnd0\expndtw0\kerning0 +\ +1988 le rocher \'e9clabouss\'e9\kerning1\expnd0\expndtw0 \ +\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardeftab720\pardirnatural +{\field{\*\fldinst{HYPERLINK "http://commons.wikimedia.org/wiki/File:1988_le_rocher_%C3%A9clabouss%C3%A9.jpg"}}{\fldrslt \cf0 http://commons.wikimedia.org/wiki/File:1988_le_rocher_%C3%A9clabouss%C3%A9.jpg}}\ +\ +\ +\pard\pardeftab720\sl560\sa108 +\cf0 \expnd0\expndtw0\kerning0 +bg_image_08.jpg\kerning1\expnd0\expndtw0 \ +\pard\pardeftab720\sl560\sa108 +\cf2 \expnd0\expndtw0\kerning0 +\outl0\strokewidth0 \strokec2 Paul Gauguin - Portrait of a man - Google Art Project.jpg\cf0 \kerning1\expnd0\expndtw0 \outl0\strokewidth0 \ +\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardeftab720\pardirnatural +{\field{\*\fldinst{HYPERLINK "http://commons.wikimedia.org/wiki/File:Paul_Gauguin_-_Portrait_of_a_man_-_Google_Art_Project.jpg"}}{\fldrslt \cf0 http://commons.wikimedia.org/wiki/File:Paul_Gauguin_-_Portrait_of_a_man_-_Google_Art_Project.jpg}}\ +\ +\pard\pardeftab720\sl560\sa108 +\cf0 \expnd0\expndtw0\kerning0 +bg_image_09.jpg\cf2 \expnd0\expndtw0\kerning0 +\outl0\strokewidth0 \strokec2 \ +\pard\pardeftab720\sl560\sa108 +\cf2 Winter landscape Paul Gauguin.jpg\ +{\field{\*\fldinst{HYPERLINK "http://commons.wikimedia.org/wiki/File:Winter_landscape_Paul_Gauguin.jpg"}}{\fldrslt http://commons.wikimedia.org/wiki/File:Winter_landscape_Paul_Gauguin.jpg}}} \ No newline at end of file diff --git a/theme_avantgarde/static/src/img/guide/iframe.png b/theme_avantgarde/static/src/img/guide/iframe.png new file mode 100644 index 000000000..c1c7c6714 Binary files /dev/null and b/theme_avantgarde/static/src/img/guide/iframe.png differ diff --git a/theme_avantgarde/static/src/img/guide/share.png b/theme_avantgarde/static/src/img/guide/share.png new file mode 100644 index 000000000..6b8e05748 Binary files /dev/null and b/theme_avantgarde/static/src/img/guide/share.png differ diff --git a/theme_avantgarde/static/src/img/patterns/2x_bg_pattern_01.jpg b/theme_avantgarde/static/src/img/patterns/2x_bg_pattern_01.jpg new file mode 100644 index 000000000..ec60582df Binary files /dev/null and b/theme_avantgarde/static/src/img/patterns/2x_bg_pattern_01.jpg differ diff --git a/theme_avantgarde/static/src/img/patterns/2x_bg_pattern_02.jpg b/theme_avantgarde/static/src/img/patterns/2x_bg_pattern_02.jpg new file mode 100644 index 000000000..d48cb15b0 Binary files /dev/null and b/theme_avantgarde/static/src/img/patterns/2x_bg_pattern_02.jpg differ diff --git a/theme_avantgarde/static/src/img/patterns/2x_bg_pattern_03.jpg b/theme_avantgarde/static/src/img/patterns/2x_bg_pattern_03.jpg new file mode 100644 index 000000000..07b22ca83 Binary files /dev/null and b/theme_avantgarde/static/src/img/patterns/2x_bg_pattern_03.jpg differ diff --git a/theme_avantgarde/static/src/img/patterns/2x_bg_pattern_04.jpg b/theme_avantgarde/static/src/img/patterns/2x_bg_pattern_04.jpg new file mode 100644 index 000000000..20184434e Binary files /dev/null and b/theme_avantgarde/static/src/img/patterns/2x_bg_pattern_04.jpg differ diff --git a/theme_avantgarde/static/src/img/patterns/2x_bg_pattern_05.jpg b/theme_avantgarde/static/src/img/patterns/2x_bg_pattern_05.jpg new file mode 100644 index 000000000..fdae274ff Binary files /dev/null and b/theme_avantgarde/static/src/img/patterns/2x_bg_pattern_05.jpg differ diff --git a/theme_avantgarde/static/src/img/patterns/2x_bg_pattern_06.jpg b/theme_avantgarde/static/src/img/patterns/2x_bg_pattern_06.jpg new file mode 100644 index 000000000..db7d488b3 Binary files /dev/null and b/theme_avantgarde/static/src/img/patterns/2x_bg_pattern_06.jpg differ diff --git a/theme_avantgarde/static/src/img/patterns/bg bk 1 level.png b/theme_avantgarde/static/src/img/patterns/bg bk 1 level.png new file mode 100644 index 000000000..efbec17dc Binary files /dev/null and b/theme_avantgarde/static/src/img/patterns/bg bk 1 level.png differ diff --git a/theme_avantgarde/static/src/img/patterns/bg.png b/theme_avantgarde/static/src/img/patterns/bg.png new file mode 100644 index 000000000..3c73c11cf Binary files /dev/null and b/theme_avantgarde/static/src/img/patterns/bg.png differ diff --git a/theme_avantgarde/static/src/img/patterns/bg_pattern_01.jpg b/theme_avantgarde/static/src/img/patterns/bg_pattern_01.jpg new file mode 100644 index 000000000..f60e180de Binary files /dev/null and b/theme_avantgarde/static/src/img/patterns/bg_pattern_01.jpg differ diff --git a/theme_avantgarde/static/src/img/patterns/bg_pattern_02.jpg b/theme_avantgarde/static/src/img/patterns/bg_pattern_02.jpg new file mode 100644 index 000000000..d56fb8665 Binary files /dev/null and b/theme_avantgarde/static/src/img/patterns/bg_pattern_02.jpg differ diff --git a/theme_avantgarde/static/src/img/patterns/bg_pattern_03.jpg b/theme_avantgarde/static/src/img/patterns/bg_pattern_03.jpg new file mode 100644 index 000000000..ec7a31c99 Binary files /dev/null and b/theme_avantgarde/static/src/img/patterns/bg_pattern_03.jpg differ diff --git a/theme_avantgarde/static/src/img/patterns/bg_pattern_04.jpg b/theme_avantgarde/static/src/img/patterns/bg_pattern_04.jpg new file mode 100644 index 000000000..b117c8967 Binary files /dev/null and b/theme_avantgarde/static/src/img/patterns/bg_pattern_04.jpg differ diff --git a/theme_avantgarde/static/src/img/patterns/bg_pattern_05.jpg b/theme_avantgarde/static/src/img/patterns/bg_pattern_05.jpg new file mode 100644 index 000000000..c00d1a3ec Binary files /dev/null and b/theme_avantgarde/static/src/img/patterns/bg_pattern_05.jpg differ diff --git a/theme_avantgarde/static/src/img/patterns/bg_pattern_06.jpg b/theme_avantgarde/static/src/img/patterns/bg_pattern_06.jpg new file mode 100644 index 000000000..e225652f9 Binary files /dev/null and b/theme_avantgarde/static/src/img/patterns/bg_pattern_06.jpg differ diff --git a/theme_avantgarde/static/src/img/patterns/bg_sample.png b/theme_avantgarde/static/src/img/patterns/bg_sample.png new file mode 100644 index 000000000..c082cbbd1 Binary files /dev/null and b/theme_avantgarde/static/src/img/patterns/bg_sample.png differ diff --git a/theme_avantgarde/static/src/img/pictures/2x_bg_image_01.jpg b/theme_avantgarde/static/src/img/pictures/2x_bg_image_01.jpg new file mode 100644 index 000000000..63f1c6f8d Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/2x_bg_image_01.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/2x_bg_image_02.jpg b/theme_avantgarde/static/src/img/pictures/2x_bg_image_02.jpg new file mode 100644 index 000000000..ea9bf980d Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/2x_bg_image_02.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/2x_bg_image_03.jpg b/theme_avantgarde/static/src/img/pictures/2x_bg_image_03.jpg new file mode 100644 index 000000000..7baabca28 Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/2x_bg_image_03.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/2x_bg_image_04.jpg b/theme_avantgarde/static/src/img/pictures/2x_bg_image_04.jpg new file mode 100644 index 000000000..edffd00a8 Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/2x_bg_image_04.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/2x_bg_image_05.jpg b/theme_avantgarde/static/src/img/pictures/2x_bg_image_05.jpg new file mode 100644 index 000000000..c7e906066 Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/2x_bg_image_05.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/2x_bg_image_06.jpg b/theme_avantgarde/static/src/img/pictures/2x_bg_image_06.jpg new file mode 100644 index 000000000..e9be4627b Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/2x_bg_image_06.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/2x_bg_image_07.jpg b/theme_avantgarde/static/src/img/pictures/2x_bg_image_07.jpg new file mode 100644 index 000000000..ec3538b74 Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/2x_bg_image_07.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/2x_bg_image_08.jpg b/theme_avantgarde/static/src/img/pictures/2x_bg_image_08.jpg new file mode 100644 index 000000000..8a12f87ae Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/2x_bg_image_08.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/2x_bg_image_09.jpg b/theme_avantgarde/static/src/img/pictures/2x_bg_image_09.jpg new file mode 100644 index 000000000..566bbbf93 Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/2x_bg_image_09.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/2x_bg_image_10.jpg b/theme_avantgarde/static/src/img/pictures/2x_bg_image_10.jpg new file mode 100644 index 000000000..db65d9100 Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/2x_bg_image_10.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/2x_bg_image_11.jpg b/theme_avantgarde/static/src/img/pictures/2x_bg_image_11.jpg new file mode 100644 index 000000000..b1f8a35eb Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/2x_bg_image_11.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/2x_bg_image_12.jpg b/theme_avantgarde/static/src/img/pictures/2x_bg_image_12.jpg new file mode 100644 index 000000000..d804a4690 Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/2x_bg_image_12.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/bg_image_01.jpg b/theme_avantgarde/static/src/img/pictures/bg_image_01.jpg new file mode 100644 index 000000000..aa44703fa Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/bg_image_01.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/bg_image_02.jpg b/theme_avantgarde/static/src/img/pictures/bg_image_02.jpg new file mode 100644 index 000000000..02bf007ca Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/bg_image_02.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/bg_image_03.jpg b/theme_avantgarde/static/src/img/pictures/bg_image_03.jpg new file mode 100644 index 000000000..716bdce6b Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/bg_image_03.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/bg_image_04.jpg b/theme_avantgarde/static/src/img/pictures/bg_image_04.jpg new file mode 100644 index 000000000..23dc4d407 Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/bg_image_04.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/bg_image_05.jpg b/theme_avantgarde/static/src/img/pictures/bg_image_05.jpg new file mode 100644 index 000000000..c53e4986f Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/bg_image_05.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/bg_image_06.jpg b/theme_avantgarde/static/src/img/pictures/bg_image_06.jpg new file mode 100644 index 000000000..50bbf63d2 Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/bg_image_06.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/bg_image_07.jpg b/theme_avantgarde/static/src/img/pictures/bg_image_07.jpg new file mode 100644 index 000000000..8d2200c86 Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/bg_image_07.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/bg_image_08.jpg b/theme_avantgarde/static/src/img/pictures/bg_image_08.jpg new file mode 100644 index 000000000..39474acaa Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/bg_image_08.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/bg_image_09.jpg b/theme_avantgarde/static/src/img/pictures/bg_image_09.jpg new file mode 100644 index 000000000..d0bfbd43d Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/bg_image_09.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/bg_image_10.jpg b/theme_avantgarde/static/src/img/pictures/bg_image_10.jpg new file mode 100644 index 000000000..f862738d2 Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/bg_image_10.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/bg_image_11.jpg b/theme_avantgarde/static/src/img/pictures/bg_image_11.jpg new file mode 100644 index 000000000..b097279a1 Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/bg_image_11.jpg differ diff --git a/theme_avantgarde/static/src/img/pictures/bg_image_12.jpg b/theme_avantgarde/static/src/img/pictures/bg_image_12.jpg new file mode 100644 index 000000000..02eb20dcf Binary files /dev/null and b/theme_avantgarde/static/src/img/pictures/bg_image_12.jpg differ diff --git a/theme_avantgarde/static/src/img/theme_samples/CSS3.png b/theme_avantgarde/static/src/img/theme_samples/CSS3.png new file mode 100644 index 000000000..ca9c0599b Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/CSS3.png differ diff --git a/theme_avantgarde/static/src/img/theme_samples/HTML5.png b/theme_avantgarde/static/src/img/theme_samples/HTML5.png new file mode 100644 index 000000000..7c6e3e224 Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/HTML5.png differ diff --git a/theme_avantgarde/static/src/img/theme_samples/art_item-1.jpg b/theme_avantgarde/static/src/img/theme_samples/art_item-1.jpg new file mode 100644 index 000000000..a46824e4e Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/art_item-1.jpg differ diff --git a/theme_avantgarde/static/src/img/theme_samples/art_item-2.jpg b/theme_avantgarde/static/src/img/theme_samples/art_item-2.jpg new file mode 100644 index 000000000..75078eb70 Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/art_item-2.jpg differ diff --git a/theme_avantgarde/static/src/img/theme_samples/art_item-3.jpeg b/theme_avantgarde/static/src/img/theme_samples/art_item-3.jpeg new file mode 100644 index 000000000..1eb9566da Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/art_item-3.jpeg differ diff --git a/theme_avantgarde/static/src/img/theme_samples/art_item-4.jpg b/theme_avantgarde/static/src/img/theme_samples/art_item-4.jpg new file mode 100644 index 000000000..d4a2b381b Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/art_item-4.jpg differ diff --git a/theme_avantgarde/static/src/img/theme_samples/art_object_1.jpg b/theme_avantgarde/static/src/img/theme_samples/art_object_1.jpg new file mode 100644 index 000000000..f524b7617 Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/art_object_1.jpg differ diff --git a/theme_avantgarde/static/src/img/theme_samples/art_object_2.jpg b/theme_avantgarde/static/src/img/theme_samples/art_object_2.jpg new file mode 100644 index 000000000..2f4061ddf Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/art_object_2.jpg differ diff --git a/theme_avantgarde/static/src/img/theme_samples/bridge.jpg b/theme_avantgarde/static/src/img/theme_samples/bridge.jpg new file mode 100644 index 000000000..a4f80656d Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/bridge.jpg differ diff --git a/theme_avantgarde/static/src/img/theme_samples/browser_right.png b/theme_avantgarde/static/src/img/theme_samples/browser_right.png new file mode 100644 index 000000000..1e60f2082 Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/browser_right.png differ diff --git a/theme_avantgarde/static/src/img/theme_samples/design.jpg b/theme_avantgarde/static/src/img/theme_samples/design.jpg new file mode 100644 index 000000000..a87c28fb5 Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/design.jpg differ diff --git a/theme_avantgarde/static/src/img/theme_samples/image_content_logo.png b/theme_avantgarde/static/src/img/theme_samples/image_content_logo.png new file mode 100644 index 000000000..14676110c Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/image_content_logo.png differ diff --git a/theme_avantgarde/static/src/img/theme_samples/image_content_logo_black.png b/theme_avantgarde/static/src/img/theme_samples/image_content_logo_black.png new file mode 100644 index 000000000..dda9ddc40 Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/image_content_logo_black.png differ diff --git a/theme_avantgarde/static/src/img/theme_samples/less.png b/theme_avantgarde/static/src/img/theme_samples/less.png new file mode 100644 index 000000000..dff67658c Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/less.png differ diff --git a/theme_avantgarde/static/src/img/theme_samples/logo_gallery.png b/theme_avantgarde/static/src/img/theme_samples/logo_gallery.png new file mode 100644 index 000000000..a39a052ab Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/logo_gallery.png differ diff --git a/theme_avantgarde/static/src/img/theme_samples/logo_magazine.png b/theme_avantgarde/static/src/img/theme_samples/logo_magazine.png new file mode 100644 index 000000000..96f23207b Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/logo_magazine.png differ diff --git a/theme_avantgarde/static/src/img/theme_samples/logo_shop.png b/theme_avantgarde/static/src/img/theme_samples/logo_shop.png new file mode 100644 index 000000000..836f0dc26 Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/logo_shop.png differ diff --git a/theme_avantgarde/static/src/img/theme_samples/logo_shop_white.png b/theme_avantgarde/static/src/img/theme_samples/logo_shop_white.png new file mode 100644 index 000000000..46ef76062 Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/logo_shop_white.png differ diff --git a/theme_avantgarde/static/src/img/theme_samples/museum.jpg b/theme_avantgarde/static/src/img/theme_samples/museum.jpg new file mode 100644 index 000000000..23e647575 Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/museum.jpg differ diff --git a/theme_avantgarde/static/src/img/theme_samples/paint_modern.jpg b/theme_avantgarde/static/src/img/theme_samples/paint_modern.jpg new file mode 100644 index 000000000..042fceb40 Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/paint_modern.jpg differ diff --git a/theme_avantgarde/static/src/img/theme_samples/radius.jpg b/theme_avantgarde/static/src/img/theme_samples/radius.jpg new file mode 100644 index 000000000..47ef40f7f Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/radius.jpg differ diff --git a/theme_avantgarde/static/src/img/theme_samples/sample_1.jpg b/theme_avantgarde/static/src/img/theme_samples/sample_1.jpg new file mode 100644 index 000000000..c8c9759c2 Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/sample_1.jpg differ diff --git a/theme_avantgarde/static/src/img/theme_samples/sample_2.jpg b/theme_avantgarde/static/src/img/theme_samples/sample_2.jpg new file mode 100644 index 000000000..ab27f0ad9 Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/sample_2.jpg differ diff --git a/theme_avantgarde/static/src/img/theme_samples/sample_3.jpg b/theme_avantgarde/static/src/img/theme_samples/sample_3.jpg new file mode 100644 index 000000000..0b3a31f75 Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/sample_3.jpg differ diff --git a/theme_avantgarde/static/src/img/theme_samples/shop_art_1.jpg b/theme_avantgarde/static/src/img/theme_samples/shop_art_1.jpg new file mode 100644 index 000000000..bc5cf7208 Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/shop_art_1.jpg differ diff --git a/theme_avantgarde/static/src/img/theme_samples/shop_art_2.jpg b/theme_avantgarde/static/src/img/theme_samples/shop_art_2.jpg new file mode 100644 index 000000000..9a2857fd2 Binary files /dev/null and b/theme_avantgarde/static/src/img/theme_samples/shop_art_2.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/bg_image_01.jpg b/theme_avantgarde/static/src/img/thumbs/bg_image_01.jpg new file mode 100644 index 000000000..9fce8da57 Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/bg_image_01.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/bg_image_02.jpg b/theme_avantgarde/static/src/img/thumbs/bg_image_02.jpg new file mode 100644 index 000000000..2476710cf Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/bg_image_02.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/bg_image_03.jpg b/theme_avantgarde/static/src/img/thumbs/bg_image_03.jpg new file mode 100644 index 000000000..3b7fb1adc Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/bg_image_03.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/bg_image_04.jpg b/theme_avantgarde/static/src/img/thumbs/bg_image_04.jpg new file mode 100644 index 000000000..f6da1bf23 Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/bg_image_04.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/bg_image_05.jpg b/theme_avantgarde/static/src/img/thumbs/bg_image_05.jpg new file mode 100644 index 000000000..d5cad6103 Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/bg_image_05.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/bg_image_06.jpg b/theme_avantgarde/static/src/img/thumbs/bg_image_06.jpg new file mode 100644 index 000000000..0fcf62402 Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/bg_image_06.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/bg_image_07.jpg b/theme_avantgarde/static/src/img/thumbs/bg_image_07.jpg new file mode 100644 index 000000000..f79fd38a5 Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/bg_image_07.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/bg_image_08.jpg b/theme_avantgarde/static/src/img/thumbs/bg_image_08.jpg new file mode 100644 index 000000000..fbef654a6 Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/bg_image_08.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/bg_image_09.jpg b/theme_avantgarde/static/src/img/thumbs/bg_image_09.jpg new file mode 100644 index 000000000..e9b1d25c6 Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/bg_image_09.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/bg_image_10.jpg b/theme_avantgarde/static/src/img/thumbs/bg_image_10.jpg new file mode 100644 index 000000000..87d6da111 Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/bg_image_10.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/bg_image_11.jpg b/theme_avantgarde/static/src/img/thumbs/bg_image_11.jpg new file mode 100644 index 000000000..bcc263a9d Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/bg_image_11.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/bg_image_12.jpg b/theme_avantgarde/static/src/img/thumbs/bg_image_12.jpg new file mode 100644 index 000000000..2dcdbfb43 Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/bg_image_12.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/bg_pattern_01.jpg b/theme_avantgarde/static/src/img/thumbs/bg_pattern_01.jpg new file mode 100644 index 000000000..6830be0ae Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/bg_pattern_01.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/bg_pattern_02.jpg b/theme_avantgarde/static/src/img/thumbs/bg_pattern_02.jpg new file mode 100644 index 000000000..98317313c Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/bg_pattern_02.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/bg_pattern_03.jpg b/theme_avantgarde/static/src/img/thumbs/bg_pattern_03.jpg new file mode 100644 index 000000000..f39b3e5b4 Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/bg_pattern_03.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/bg_pattern_04.jpg b/theme_avantgarde/static/src/img/thumbs/bg_pattern_04.jpg new file mode 100644 index 000000000..6f105f36f Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/bg_pattern_04.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/bg_pattern_05.jpg b/theme_avantgarde/static/src/img/thumbs/bg_pattern_05.jpg new file mode 100644 index 000000000..dd10cc376 Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/bg_pattern_05.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/bg_pattern_06.jpg b/theme_avantgarde/static/src/img/thumbs/bg_pattern_06.jpg new file mode 100644 index 000000000..4a814fcba Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/bg_pattern_06.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/map-blue.jpg b/theme_avantgarde/static/src/img/thumbs/map-blue.jpg new file mode 100644 index 000000000..ffb2717cc Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/map-blue.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/map-bw.jpg b/theme_avantgarde/static/src/img/thumbs/map-bw.jpg new file mode 100644 index 000000000..b84ef12e3 Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/map-bw.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/map-caramello.jpg b/theme_avantgarde/static/src/img/thumbs/map-caramello.jpg new file mode 100644 index 000000000..9b9f7e52e Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/map-caramello.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/map-cobalt.jpg b/theme_avantgarde/static/src/img/thumbs/map-cobalt.jpg new file mode 100644 index 000000000..9972b3b1b Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/map-cobalt.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/map-cupertino.jpg b/theme_avantgarde/static/src/img/thumbs/map-cupertino.jpg new file mode 100644 index 000000000..9a39d06c5 Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/map-cupertino.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/map-default.jpg b/theme_avantgarde/static/src/img/thumbs/map-default.jpg new file mode 100644 index 000000000..eb1adb41f Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/map-default.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/map-flat.jpg b/theme_avantgarde/static/src/img/thumbs/map-flat.jpg new file mode 100644 index 000000000..9513a729d Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/map-flat.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/map-lightMono.jpg b/theme_avantgarde/static/src/img/thumbs/map-lightMono.jpg new file mode 100644 index 000000000..d93e3c80a Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/map-lightMono.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/map-lilla.jpg b/theme_avantgarde/static/src/img/thumbs/map-lilla.jpg new file mode 100644 index 000000000..ad8895aa8 Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/map-lilla.jpg differ diff --git a/theme_avantgarde/static/src/img/thumbs/map-retro.jpg b/theme_avantgarde/static/src/img/thumbs/map-retro.jpg new file mode 100644 index 000000000..9dee6e29d Binary files /dev/null and b/theme_avantgarde/static/src/img/thumbs/map-retro.jpg differ diff --git a/theme_avantgarde/static/src/img/ui/s_animated_blocks.jpg b/theme_avantgarde/static/src/img/ui/s_animated_blocks.jpg new file mode 100644 index 000000000..785b71ec1 Binary files /dev/null and b/theme_avantgarde/static/src/img/ui/s_animated_blocks.jpg differ diff --git a/theme_avantgarde/static/src/img/ui/s_clonable_boxes.jpg b/theme_avantgarde/static/src/img/ui/s_clonable_boxes.jpg new file mode 100644 index 000000000..37b7d94eb Binary files /dev/null and b/theme_avantgarde/static/src/img/ui/s_clonable_boxes.jpg differ diff --git a/theme_avantgarde/static/src/img/ui/s_css_slider.jpg b/theme_avantgarde/static/src/img/ui/s_css_slider.jpg new file mode 100644 index 000000000..7f57c9b56 Binary files /dev/null and b/theme_avantgarde/static/src/img/ui/s_css_slider.jpg differ diff --git a/theme_avantgarde/static/src/img/ui/s_google_map.jpg b/theme_avantgarde/static/src/img/ui/s_google_map.jpg new file mode 100644 index 000000000..3308deb65 Binary files /dev/null and b/theme_avantgarde/static/src/img/ui/s_google_map.jpg differ diff --git a/theme_avantgarde/static/src/img/ui/s_latest_posts.jpg b/theme_avantgarde/static/src/img/ui/s_latest_posts.jpg new file mode 100644 index 000000000..d6cd84f9b Binary files /dev/null and b/theme_avantgarde/static/src/img/ui/s_latest_posts.jpg differ diff --git a/theme_avantgarde/static/src/img/ui/s_latest_posts_big_picture.jpg b/theme_avantgarde/static/src/img/ui/s_latest_posts_big_picture.jpg new file mode 100644 index 000000000..d317a1ea0 Binary files /dev/null and b/theme_avantgarde/static/src/img/ui/s_latest_posts_big_picture.jpg differ diff --git a/theme_avantgarde/static/src/img/ui/s_latest_posts_horizontal.jpg b/theme_avantgarde/static/src/img/ui/s_latest_posts_horizontal.jpg new file mode 100644 index 000000000..23c478280 Binary files /dev/null and b/theme_avantgarde/static/src/img/ui/s_latest_posts_horizontal.jpg differ diff --git a/theme_avantgarde/static/src/img/ui/s_masonry_block.jpg b/theme_avantgarde/static/src/img/ui/s_masonry_block.jpg new file mode 100644 index 000000000..f7e19f5f8 Binary files /dev/null and b/theme_avantgarde/static/src/img/ui/s_masonry_block.jpg differ diff --git a/theme_avantgarde/static/src/img/ui/s_media_block-thumb.jpg b/theme_avantgarde/static/src/img/ui/s_media_block-thumb.jpg new file mode 100644 index 000000000..340c39586 Binary files /dev/null and b/theme_avantgarde/static/src/img/ui/s_media_block-thumb.jpg differ diff --git a/theme_avantgarde/static/src/img/ui/s_medias_list.jpg b/theme_avantgarde/static/src/img/ui/s_medias_list.jpg new file mode 100644 index 000000000..4715821b0 Binary files /dev/null and b/theme_avantgarde/static/src/img/ui/s_medias_list.jpg differ diff --git a/theme_avantgarde/static/src/img/ui/s_numbers.jpg b/theme_avantgarde/static/src/img/ui/s_numbers.jpg new file mode 100644 index 000000000..558b496bb Binary files /dev/null and b/theme_avantgarde/static/src/img/ui/s_numbers.jpg differ diff --git a/theme_avantgarde/static/src/img/ui/s_page_header.jpg b/theme_avantgarde/static/src/img/ui/s_page_header.jpg new file mode 100644 index 000000000..d337dd856 Binary files /dev/null and b/theme_avantgarde/static/src/img/ui/s_page_header.jpg differ diff --git a/theme_avantgarde/static/src/img/ui/s_showcase.jpg b/theme_avantgarde/static/src/img/ui/s_showcase.jpg new file mode 100644 index 000000000..d25d04607 Binary files /dev/null and b/theme_avantgarde/static/src/img/ui/s_showcase.jpg differ diff --git a/theme_avantgarde/static/src/img/ui/s_showcase_image_left.jpg b/theme_avantgarde/static/src/img/ui/s_showcase_image_left.jpg new file mode 100644 index 000000000..818174a98 Binary files /dev/null and b/theme_avantgarde/static/src/img/ui/s_showcase_image_left.jpg differ diff --git a/theme_avantgarde/static/src/img/ui/s_showcase_image_right.jpg b/theme_avantgarde/static/src/img/ui/s_showcase_image_right.jpg new file mode 100644 index 000000000..972dbd413 Binary files /dev/null and b/theme_avantgarde/static/src/img/ui/s_showcase_image_right.jpg differ diff --git a/theme_avantgarde/static/src/img/ui/s_showcase_slider-arrow.svg b/theme_avantgarde/static/src/img/ui/s_showcase_slider-arrow.svg new file mode 100644 index 000000000..26642f101 --- /dev/null +++ b/theme_avantgarde/static/src/img/ui/s_showcase_slider-arrow.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + diff --git a/theme_avantgarde/static/src/img/ui/s_showcase_slider-close.svg b/theme_avantgarde/static/src/img/ui/s_showcase_slider-close.svg new file mode 100644 index 000000000..46c4ea644 --- /dev/null +++ b/theme_avantgarde/static/src/img/ui/s_showcase_slider-close.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_avantgarde/static/src/img/ui/s_showcase_slider-zoom.svg b/theme_avantgarde/static/src/img/ui/s_showcase_slider-zoom.svg new file mode 100644 index 000000000..3519a3cbb --- /dev/null +++ b/theme_avantgarde/static/src/img/ui/s_showcase_slider-zoom.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + diff --git a/theme_avantgarde/static/src/img/ui/s_showcase_slider.jpg b/theme_avantgarde/static/src/img/ui/s_showcase_slider.jpg new file mode 100644 index 000000000..7cc9e8e29 Binary files /dev/null and b/theme_avantgarde/static/src/img/ui/s_showcase_slider.jpg differ diff --git a/theme_avantgarde/static/src/img/ui/s_text_block_image_fw.jpg b/theme_avantgarde/static/src/img/ui/s_text_block_image_fw.jpg new file mode 100644 index 000000000..f8b4d77b0 Binary files /dev/null and b/theme_avantgarde/static/src/img/ui/s_text_block_image_fw.jpg differ diff --git a/theme_avantgarde/static/src/js/avantgarde.editor.js b/theme_avantgarde/static/src/js/avantgarde.editor.js new file mode 100644 index 000000000..915dbdac9 --- /dev/null +++ b/theme_avantgarde/static/src/js/avantgarde.editor.js @@ -0,0 +1,207 @@ +(function(){ + 'use strict'; + + var website = openerp.website; + + + website.openerp_website = {}; + + + // Typography + website.snippet.options.typo_style = website.snippet.Option.extend({ + }), + + + website.snippet.options.no_resize = website.snippet.Option.extend({ + start:function(){ + self = this; + setTimeout(function(){ + self.$overlay.find(".oe_handle_button.size").hide(); + },50) + } + }), + + + + // Simple Accordition + website.snippet.options.avant_simpleAccordition = website.snippet.Option.extend({ + start: function () { + self = this; + self.$target.find(".panel-collapse ").css("height","").addClass("in"); + }, + clean_for_save: function() { + self = this; + self.$target.find(".panel-collapse ").css("height","0").removeClass("in"); + }, + drop_and_build_snippet: function () { + self = this; + self.$target.find(".panel-collapse ").css("height","").addClass("in"); + }, + on_clone: function($clone){ + var Mrand = Math.floor((Math.random() * 9999999) + 1); + $clone.find("div.panel-group").attr("id",Mrand); + $clone.find(".bar").each(function(){ + var bar = $(this); + var rand = Math.floor((Math.random() * 9999999) + 1); + bar.find("a.panel-heading").attr("data-cke-saved-href","#"+rand); + bar.find("a.panel-heading").attr("data-parent","#"+Mrand); + bar.find("div.panel-collapse.collapse").attr("id",rand); + }) + } + }), + + website.snippet.options.avant_simpleAccordition_bar = website.snippet.Option.extend({ + start: function () { + self = this; + self.$target.parent().parent().find(".panel-collapse ").css("height","").addClass("in"); + }, + on_focus: function() { + self = this; + self.$target.fadeTo(100,0).fadeTo(200,1); + }, + on_clone: function($clone){ + var rand = Math.floor((Math.random() * 9999999) + 1); + $clone.find("a.panel-heading").attr("data-cke-saved-href","#"+rand); + $clone.find("div.panel-collapse.collapse").attr("id",rand); + } + }), + + website.snippet.options.avant_simpleAccordition_link = website.snippet.Option.extend({ + start: function () { + self = this; + self.$target.parent().parent().parent().find(".panel-collapse ") + .css("height","") + .addClass("in"); + }, + on_focus: function() { + self = this; + self.$target.fadeTo(100,0).fadeTo(200,1); + } + }), + + // 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) + .o_anim_fade_in(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) + .o_anim_fade_in(2000); + } + } + }), + + website.snippet.Editor._drag_and_drop = website.snippet.Editor.include({ + _drag_and_drop_start: function(){ + this._super(); + this.$target.addClass("oe_snippet_body"); + return this._super.apply(this, arguments); + }, + _drag_and_drop_stop: function(){ + this._super(); + this.$target.removeClass("oe_snippet_body") + return this._super.apply(this, arguments); + }, + }), + + // Tob Banner snippets + website.snippet.options.top_banner_snippets = website.snippet.Option.extend({ + selector : ".top_banner *", + start:function(){ + var self = this; + self.$overlay.find(".oe_overlay_options").css("margin-top", (self.$target.height()/2)); + } + }), + + // Top Banner Options + website.snippet.options.avantgarde_top_banner_options = website.snippet.Option.extend({ + start: function(){ + this._super(); + var self = this; + if (!self.$target.parent().is("#wrap")) { + console.log(self) + setTimeout(function(){ + //self.$el.remove(); + }) + } + }, + + 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"); + } + }); + } + }) + +})(); \ No newline at end of file diff --git a/theme_avantgarde/static/src/js/avantgarde.ext.editor.js b/theme_avantgarde/static/src/js/avantgarde.ext.editor.js new file mode 100644 index 000000000..4abe7cbcf --- /dev/null +++ b/theme_avantgarde/static/src/js/avantgarde.ext.editor.js @@ -0,0 +1,180 @@ +(function(){ + 'use strict'; + + var website = openerp.website; + + website.add_template_file('/theme_avantgarde/static/src/xml/s_media_block_modal_ext.xml'); + website.openerp_website = {}; + website.snippet.options.s_media_block.include({ + + video_opt: function (type, value, $li) { + if (type !== 'click') return; + var self = this; + self.$target.data('snippet-view').stop_video(); + self.$modal = $(openerp.qweb.render("theme_avantgarde.s_media_block_modal_ext")); + self.$modal.appendTo('body'); + self.$modal.modal(); + + var $header_type = self.$modal.find("#header_type"), + $header_type_icon = self.$modal.find(".videoEnabler i"), + $tab_html5 = self.$modal.find("#tab_html5"), + $tab_custom = self.$modal.find("#tab_custom"), + $mp4 = self.$modal.find("#mp4"), + $webm = self.$modal.find("#webm"), + $ogg = self.$modal.find("#ogg"), + + $muted = self.$modal.find("#muted"), + $loop = self.$modal.find("#loop"), + $controls = self.$modal.find("#controls"), + $autoplay = self.$modal.find("#autoplay"), + + $custom_content = self.$modal.find("#custom_content"), + + //youtube-options + $yt_muted = self.$modal.find("#yt-muted"), + $yt_loop = self.$modal.find("#yt-loop"), + $yt_startat = self.$modal.find("#yt-startat"), + $yt_stopat = self.$modal.find("#yt-stopat"), + + $yt_opacity = self.$modal.find("#yt-opacity"), + $yt_vol = self.$modal.find("#yt-vol"), + $yt_bg = self.$modal.find("#yt-bg"), + + $iframefit = self.$modal.find("input:radio[name=iframefit]"), + + $cancel = self.$modal.find("#cancel"), + $sub_data = self.$modal.find("#sub_data"); + + attr_to_modal(); + self.typeBK = $header_type.val(); //store de actual type + + if (!$custom_content.val()) { + // if custom code is empty,provide an example video + $custom_content.val(''); + self.$target.attr('custom_content', $custom_content.val()); + }; + + update_header_type(); + + $header_type.on('change',function(){ + update_header_type(); + }); + + $sub_data.on('click', function() { + modal_to_attr(); + self.$target.data('snippet-view').stop_video(); + self.$target.data('snippet-view').start_video(); + }); + + $cancel.on('click', function() { + self.$target.attr('header_type', self.typeBK ); + self.$target.data('snippet-view').stop_video(); + self.$target.data('snippet-view').start_video(); + }); + + function update_header_type() { + var val = $header_type.val(); + + self.$target.attr('header_type', $header_type.val() ); + + if (val == 'video') { + $header_type_icon.removeClass().addClass('fa fa-video-camera'); + $tab_html5.addClass("active","trans"); + $tab_custom.removeClass("active","trans"); + self.$target.data('snippet-view').stop_video(); + self.$target.data('snippet-view').start_video(); + } else if ( val == 'custom_content' ) { + $header_type_icon.removeClass().addClass( "fa fa-code" ); + $tab_html5.removeClass("active","trans"); + $tab_custom.addClass("active","trans"); + self.$target.data('snippet-view').stop_video(); // TODO Activate Iframe + self.$target.data('snippet-view').start_video(); + } else { + $header_type_icon.removeClass().addClass( "fa fa-picture-o" ); + $tab_html5.removeClass("active","trans"); + $tab_custom.removeClass("active","trans"); + self.$target.data('snippet-view').stop_video(); + } + } + + function modal_to_attr() { + // header type + self.$target.attr('header_type', $header_type.val() ); + + // video paths + ($mp4.val())? self.$target.attr('mp4', $mp4.val()) : self.$target.removeAttr( "mp4" ); + ($webm.val())? self.$target.attr('webm', $webm.val()) : self.$target.removeAttr( "webm" ); + ($ogg.val())? self.$target.attr('ogg', $ogg.val()) : self.$target.removeAttr( "ogg" ); + + //video options + ($muted.attr('checked') == 'checked')? self.$target.attr('muted', $muted.val()) : self.$target.removeAttr( "muted" ); + ($loop.attr('checked') == 'checked')? self.$target.attr('loop', $loop.val()) : self.$target.removeAttr( "loop" ); + ($controls.attr('checked') == 'checked')? self.$target.attr('controls', $controls.val()) : self.$target.removeAttr( "controls" ); + ($autoplay.attr('checked') == 'checked')? self.$target.attr('autoplay', $autoplay.val()) : self.$target.removeAttr( "autoplay" ); + + //custom content + ($custom_content.val())? self.$target.attr('custom_content', $custom_content.val()) : self.$target.removeAttr( "custom_content" ); + + // youtube options + ($yt_muted.attr('checked') == 'checked')? self.$target.attr('yt-muted', $yt_muted.val()) : self.$target.removeAttr( "yt-muted" ); + ($yt_loop.attr('checked') == 'checked')? self.$target.attr('yt-loop', $yt_loop.val()) : self.$target.removeAttr( "yt-loop" ); + + + ($yt_startat.val())? self.$target.attr('yt-startat', $yt_startat.val()) : self.$target.removeAttr( "yt-startat" ); + ($yt_stopat.val())? self.$target.attr('yt-stopat', $yt_stopat.val()) : self.$target.removeAttr( "yt-stopat" ); + ($yt_opacity.val())? self.$target.attr('yt-opacity', $yt_opacity.val()) : self.$target.removeAttr( "yt-opacity" ); + ($yt_vol.val())? self.$target.attr('yt-vol', $yt_vol.val()) : self.$target.removeAttr( "yt-vol" ); + + ($yt_bg.val())? self.$target.attr('yt-bg', $yt_bg.val()) : self.$target.removeAttr( "yt-bg" ); + + //iframe fit mode + self.$target.attr('iframefit', self.$modal.find('input[name=iframefit]:checked').val()) + }; + + function attr_to_modal() { + // header type + $header_type.val(self.$target.attr('header_type')); + + // video paths + (self.$target.attr('mp4'))? $mp4.val(self.$target.attr('mp4')) : $mp4.val(''); + (self.$target.attr('webm'))? $webm.val(self.$target.attr('webm')) : $webm.val(''); + (self.$target.attr('ogg'))? $ogg.val(self.$target.attr('ogg')) : $ogg.val('') ; + + //video options + (self.$target.attr('muted'))? $muted.attr('checked', true) : $muted.attr('checked', false); + (self.$target.attr('loop'))? $loop.attr('checked', true) : $loop.attr('checked', false); + (self.$target.attr('controls'))? $controls.attr('checked', true) : $controls.attr('checked', false); + (self.$target.attr('autoplay'))? $autoplay.attr('checked', true) : $autoplay.attr('checked', false); + + //custom content + if (self.$target.attr('custom_content')) {$custom_content.val(self.$target.attr('custom_content'))}; + + //youtube options + (self.$target.attr('yt-muted'))? $yt_muted.attr('checked', true) : $yt_muted.attr('checked', false); + (self.$target.attr('yt-loop'))? $yt_loop.attr('checked', true) : $yt_loop.attr('checked', false); + (self.$target.attr('yt-startat'))? $yt_startat.val(self.$target.attr('yt-startat')) : $yt_startat.val(''); + (self.$target.attr('yt-stopat'))? $yt_stopat.val(self.$target.attr('yt-stopat')) : $yt_stopat.val(''); + + (self.$target.attr('yt-opacity'))? $yt_opacity.val(self.$target.attr('yt-opacity')) : $yt_opacity.val(''); + (self.$target.attr('yt-vol'))? $yt_vol.val(self.$target.attr('yt-vol')) : $yt_vol.val(''); + (self.$target.attr('yt-bg'))? $yt_bg.val(self.$target.attr('yt-bg')) : $yt_bg.val(''); + + //iframe fit mode + if (self.$target.attr('iframefit') ) { + $iframefit.filter('[value='+self.$target.attr('iframefit')+']').prop('checked', true); + }; + } + + this.$modal.on('hidden.bs.modal', function () { + $(this).remove(); + }); + }, + + }), + + website.snippet.options.s_css_slider_slide.include({ + newSlideUrl: "/theme_avantgarde/static/src/img/theme_samples/sample_2.jpg" + }) + + +})(); \ No newline at end of file diff --git a/theme_avantgarde/static/src/js/avantgarde.ext.frontend.js b/theme_avantgarde/static/src/js/avantgarde.ext.frontend.js new file mode 100644 index 000000000..53568aa3c --- /dev/null +++ b/theme_avantgarde/static/src/js/avantgarde.ext.frontend.js @@ -0,0 +1,208 @@ +(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", + + custom_content:function(){ + var self = this; + var custom_content = self.$target.attr('custom_content'); + var video_id; + var video_type; + var video_url; + + var needle = custom_content.match(/src=["']?([^"']+)["' ]?/); + + if (needle) { + + needle = needle[1]; + + if (needle.indexOf(".youtube.") != -1) { + video_type = "youtube"; + video_id = needle.match(/\.youtube\.[a-z]+\/(embed\/|watch\?v=)?([^\/?&]+)/i)[2]; + } else if (needle.indexOf("//youtu.") != -1) { + video_type = "youtube"; + video_id = needle.match(/youtube\.[a-z]+\/([^\/?&]+)/i)[1]; + } else if (needle.indexOf("player.vimeo.") != -1 || needle.indexOf("//vimeo.") != -1) { + video_type = "vimeo"; + video_id = needle.match(/vimeo\.[a-z]+\/(video\/)?([^?&]+)/i)[2]; + } else if (needle.indexOf(".dailymotion.") != -1) { + video_type = "dailymotion"; + video_id = needle.match(/dailymotion\.[a-z]+\/(embed\/)?(video\/)?([^\/?&]+)/i)[3]; + } else { + video_type = ""; + video_id = needle; + } + + if (video_type == 'youtube') { + + $(function(){ + if (!jQuery.browser.mobile) + self.youtube_video(video_id); + }); + return; + + } else if (video_type == 'vimeo') { + video_url = "http://player.vimeo.com/video/" + video_id + "?autoplay=1" + ";loop=1"; + } else if (video_type == 'dailymotion') { + video_url = "http://www.dailymotion.com/embed/video/" + video_id + "?autoplay=1"; + } + + + if (video_type.length > 0 ) { + var headerIframe = $(''); + self.$target.append(headerIframe); + headerIframe = self.$target.find('iframe'); + headerIframe.fadeTo(0,0); + if (self.$target.attr('iframefit') == 'fitCont') { + setTimeout(function(){ + headerIframe.addClass('headerIframe'); + this.Iframeratio = (headerIframe.width() / headerIframe.height()); + self.iframeSize(this.Iframeratio); + self.$target.css('max-height', headerIframe.width()/Iframeratio ); + headerIframe.fadeTo("slow",1); + + $(window).bind('resize.s_media_block', self.throttle(function(e){ + self.$target.css({ + 'height': headerIframe.width()/Iframeratio, + 'max-height': headerIframe.width()/Iframeratio + }); + self.iframeSize(this.Iframeratio); + }, 300)); + }, 1000); // is fitCont + + } else if (self.$target.attr('iframefit') == 'fitIframe') { + self.$target.css('max-height', ''); + headerIframe.css({'height': '100%', 'width': '100%' }); + setTimeout(function(){ + headerIframe.fadeTo("slow",1); + }, 1000); + } + + } else { + var customIframe = $(custom_content).filter('iframe'); + self.$target.append(customIframe); + self.$target.css("max-height",""); + self.$target.find("iframe").css({"height":"100%","width":"100%","top":"0","position":"absolute"}); + } + } + }, + + youtube_video:function(video_id){ + var self = this; + var $yt_muted, + $yt_loop; + + (self.$target.attr('yt-muted'))? $yt_muted = true : $yt_muted = false; + (self.$target.attr('yt-loop'))? $yt_loop = true : $yt_loop = false; + + var $yt_startAt = (self.$target.attr('yt-startat')); + var $yt_stopAt = (self.$target.attr('yt-stopat')); + var $yt_opacity = (self.$target.attr('yt-opacity')); + var $yt_vol = (self.$target.attr('yt-vol')); + var $yt_bg = (self.$target.attr('yt-bg')); + + var timeStamp = Date.now(); + var timeStamp2 = Date.now() + 100; + + var $video_container = $('
    ').attr("id", "s_media_block_" + timeStamp); + var $el = $('
    /'); + var $loader = $(""); + + $video_container.append($el).append($loader); + self.$target.append($video_container); + + + $("#"+ timeStamp2).YTPlayer(); + + + var interval = null; + + $loader.animate({width: "45%"},800, function() { + var el = $loader; + interval = setInterval(function(){ timer() }, 300); + function timer() { var w = el.width(); el.width(w + 5);} + }); + + $("#"+ timeStamp2).on("YTPStart",function(){ + if (self.$target.find(".controls").length > 0){return} + clearInterval(interval); + $loader.css("width", "100%").fadeOut(500); + + var controls = $("").appendTo(self.$target.find(".yt_video_container")); + var btnplay = controls.find(".btnplay"); + var btnMute = controls.find(".btnMute"); + + if($yt_muted == true){btnMute.remove();}; + + function to_mute(){ + $("#"+ timeStamp2).muteYTP(); + btnMute + .removeClass("fa-volume-up").addClass("fa-volume-off") + .unbind("click", to_mute) + .bind("click", to_audio) + } + function to_audio(){ + $("#"+ timeStamp2).unmuteYTP(); + btnMute + .removeClass("fa-volume-off").addClass("fa-volume-up") + .unbind("click", to_audio) + .bind("click", to_mute) + } + function to_pause(){ + $("#"+ timeStamp2).pauseYTP(); + btnplay + .removeClass("fa-pause").addClass("fa-play") + .unbind("click", to_pause) + .bind("click", to_play) + } + function to_play(){ + $("#"+ timeStamp2).playYTP(); + btnplay + .removeClass("fa-play").addClass("fa-pause") + .unbind("click", to_play) + .bind("click", to_pause) + } + btnplay.bind("click",to_pause); + if(!$yt_muted == true){btnMute.bind("click", to_mute)}; + }); + }, + + stop_video: function() { + var self = this; + var $vid = self.$target.find('.videoBox'); + var $yt_video = self.$target.find('.yt_video_container .player'); + + $(window).unbind('resize.s_media_block'); + if ($vid.length > 0) { $vid.remove();} + if ($yt_video.length > 0) { + self.$target.find('.yt_video_container').remove() + } else { + var $iframe = this.$target.find('iframe'); + if ($iframe.length > 0) { $iframe.remove();} + } + }, + }) + +})(); \ No newline at end of file diff --git a/theme_avantgarde/static/src/js/avantgarde.frontend.js b/theme_avantgarde/static/src/js/avantgarde.frontend.js new file mode 100644 index 000000000..27b27ba99 --- /dev/null +++ b/theme_avantgarde/static/src/js/avantgarde.frontend.js @@ -0,0 +1,145 @@ +(function(){ + 'use strict'; + + var website = openerp.website; + + website.openerp_website = {}; + + + $(document).ready(function () { + var self = $(this), + $avant_header = $("#avant_header"), + $avant_header_clone = null, + avant_header_affix = false, + avant_top_content = false, + $wrapwrap = $("#wrapwrap"), + $wrap = $("#wrap"), + $win = $(window), + winH = $(window).height(), + winW = $(window).width(), + edit_bar_h = null; + + // Top Affix Menu + if ($avant_header.hasClass("top_menu_affix")){ + avant_header_affix = true; + var $avant_header_clone = $avant_header.clone().insertAfter($avant_header).attr("id","avant_header_affix").addClass("affix"); + $avant_header_clone.find('[data-toggle="collapse"]').each(function(){ + var source = $(this), + coo = source.attr("data-target"), + target = $avant_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"); + + // Top content layout + if($wrap.find(".move_to_top").length > 0){ + avant_top_content = true; + $wrapwrap.addClass("top_content"); + } + + $win + .load(function() {}) + // Resize + .on("resize", function(){ + if(avant_top_content == true){ + var s = $wrap.find(".move_to_top, .cover.js_fullheight").height(); + var hOffset = $avant_header.scrollTop() + $avant_header.height() + $wrap.css("margin-top", ((s - hOffset) - 100) ); + }; + $win.trigger("scroll"); + }) // Scroll + .on("scroll", function(){ + if(avant_header_affix == true){ + var wOffset = $win.scrollTop(); + var hOffset = $avant_header.scrollTop(); + (wOffset > (hOffset + 300) )? $avant_header_clone.addClass("affixed") : $avant_header_clone.removeClass("affixed"); + } + }) + .trigger("resize"); + + + }), + + // Avantgarde Theme + website.snippet.animationRegistry.avant_init = website.snippet.Animation.extend({ + selector : "body", + + stop : function() { + if($('#avant_header_affix').length > 0){ $('#avant_header_affix').remove();} + } + }), + + + // Ripple animation + website.snippet.animationRegistry.avant_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('.avant-ripple').length === 0) { + ripple = $(''); + btn.prepend(ripple); + } else { + ripple = btn.find('.avant-ripple'); + } + ripple.removeClass('avant-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('avant-ripple-animated'); + + setTimeout(function() { + ripple.removeClass('avant-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(), + ww = $(window).width(); + self.$target.css("height", w/2); + } + }) + +})(); + + + diff --git a/theme_avantgarde/static/src/less/colors.less b/theme_avantgarde/static/src/less/colors.less new file mode 100644 index 000000000..b178eee87 --- /dev/null +++ b/theme_avantgarde/static/src/less/colors.less @@ -0,0 +1,192 @@ +// ============================= +// === 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-palette-1 : #DBAD10; +@color-beta-palette-1 : #595959; +@color-gamma-palette-1 : #808F85; +@color-delta-palette-1 : #91C499; +@color-epsilon-palette-1 : #F2E9DC; + +@color-alpha-palette-2 : #E91E63; +@color-beta-palette-2 : #FF9833; +@color-gamma-palette-2 : #339ACC; +@color-delta-palette-2 : #00CC64; +@color-epsilon-palette-2 : #572F59; + +@color-alpha-palette-3 : #3BBFEE; +@color-beta-palette-3 : #58355E; +@color-gamma-palette-3 : #E03616; +@color-delta-palette-3 : #FFF689; +@color-epsilon-palette-3 : #CFFFB0; + +@color-alpha-palette-4 : #009688; +@color-beta-palette-4 : #003249; +@color-gamma-palette-4 : #313715; +@color-delta-palette-4 : #ECCE8E; +@color-epsilon-palette-4 : #D16014; + +@color-alpha-palette-5 : #F44336; +@color-beta-palette-5 : #450D0B; +@color-gamma-palette-5 : #1F143B; +@color-delta-palette-5 : #80A2BD; +@color-epsilon-palette-5 : #655557; + +@color-alpha-palette-6 : #CDDC39; +@color-beta-palette-6 : #D6F8D6; +@color-gamma-palette-6 : #7FC6A4; +@color-delta-palette-6 : #5D737E; +@color-epsilon-palette-6 : #55505C; + +@color-alpha-palette-7 : #FF5722; +@color-beta-palette-7 : #29335C; +@color-gamma-palette-7 : #F3A712; +@color-delta-palette-7 : #F0CEA0; +@color-epsilon-palette-7 : #534D41; + +@color-alpha-palette-8 : #607D8B; +@color-beta-palette-8 : #3B1F2B; +@color-gamma-palette-8 : #A9ACA9; +@color-delta-palette-8 : #969397; +@color-epsilon-palette-8 : #60495A; + diff --git a/theme_avantgarde/static/src/less/customize_modal.less b/theme_avantgarde/static/src/less/customize_modal.less new file mode 100644 index 000000000..5074f8e46 --- /dev/null +++ b/theme_avantgarde/static/src/less/customize_modal.less @@ -0,0 +1,642 @@ +// ================================ +// = Avantgarde customize modal === +// ================================ + + +// --- Fonts + +@import url(http://fonts.googleapis.com/css?family=Alfa+Slab+One|Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic|Arvo:400,700,400italic,700italic|Poiret+One|PT+Sans+Narrow:400,700|Playfair+Display:400italic,700italic|Oswald:400,700,300|Vollkorn:400italic,700italic,400,700|Abril+Fatface|Raleway:400,100,200,300,600,500,700,800,900|Open+Sans+Condensed:300,300italic,700|Roboto+Slab:400,100,300,700&subset=latin,latin-ext); + +@import url(http://fonts.googleapis.com/css?family=Arapey:400italic,400&subset=latin,latin-ext); + +@import url(http://fonts.googleapis.com/css?family=Rufina:400,700&subset=latin,latin-ext); + + +body #theme_customize_modal{ + .alfa {font-family: 'Alfa Slab One', cursive;} + .lato {font-family: 'Lato', sans-serif;} + .arvo {font-family: 'Arvo', sans-serif;} + .poiret {font-family: 'Poiret One', sans-serif;} + .ptsans {font-family: 'PT Sans Narow', sans-serif;} + .rufina {font-family: 'Rufina', serif;} + .oswald {font-family: 'Oswald', sans-serif;} + .vollkorn {font-family: 'Vollkorn', serif;} + .abril {font-family: 'Abril Fatface', cursive;} + .raleway {font-family: 'Raleway', sans-serif;} + .opensans {font-family: 'Open Sans Condensed', sans-serif;} + .roboto {font-family: 'Roboto Slab', serif;} +} + +@sample_image: url("@{avantgarde-img-base-url}@{img-04}"); + +// --- Animations + +@-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 { + text-rendering: geometricPrecision; + + .modal-dialog{ + top: 40px; + } + + .modal-content { + font-family: sans-serif; + background: #FFF; + border-top: 1px solid #3B3D44; + border: none; + border-radius: 0; + color: #333; + 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: #333; + text-shadow:none; + position: absolute; + top: 2px; + opacity: .9; + right: 0; + padding: 0.2em 0.4em; + :hover { + opacity: 1; + } + } + + .modal-title { + i{ + margin-right: 4px; + } + span { + font-family: @avant-family-heading; + text-transform: uppercase; + letter-spacing: 1px; + font-size: 20px; + margin-left: 3px; + } + } + } + + .modal-body { + padding: 0 0 15px 0; + } + + .nav.nav-tabs { + border-bottom: none; + overflow: hidden; + border-top: 1px solid darken(@avantgarde-ui-dark, 10%); + + i{ + font-size: 1.1em; + margin-right: 3px; + } + li { border: none!important} + + li a{ + //border: 1px solid @avantgarde-ui-dark; + //border-top: 1px solid darken(@avantgarde-ui-dark, 10%); + border: 1px solid @avantgarde-ui-dark; + border-bottom: 2px solid darken(@avantgarde-ui-dark, 10%); + color: @avantgarde-ui-text; + background-color: @avantgarde-ui-dark; + font-size: 0.8em; + margin: 0; + padding: 13px 15px; + } + + li:hover a{ + color: @avantgarde-ui-text; + } + + li.active a, + li.active:hover a{ + background-color: @avantgarde-ui-light; + border: 1px solid darken(@avantgarde-ui-dark, 10%); + border-top: 1px solid @avantgarde-ui-light; + border-bottom: 2px solid @avantgarde-ui-light; + color: darken(@avantgarde-ui-text, 10%); + } + li.active:first-child a{ + border-left: 1px solid @avantgarde-ui-light; + } + + } //nav.nav-tabs + + .tab-content { + overflow-y: auto; + min-height: 300px; + background-color: @avantgarde-ui-light; + padding: 1em 15px; + border-top: 1px solid darken(@avantgarde-ui-dark, 10%); + border-bottom: 0px solid darken(@avantgarde-ui-dark, 10%); + margin-top: -1px; + } + + .fonts-preview{ + max-width: 360px; + padding: 10px; + border: 1px solid @avantgarde-ui-dark; + overflow: hidden; + font-size: 0.7em; + } + + label, + label > div, + label > img { + border: none; + cursor: pointer; + color: @avantgarde-ui-text; + margin-bottom: 0; + :hover { + color:@avantgarde-ui-text; + } + } + + label { + display: inline-block; + text-align: center; + width: 100%; + border:1px solid @avantgarde-ui-dark; + p { + font-size: 12px; + line-height: 20px; + } + } + + label:hover { + background-color: @avantgarde-ui-dark; + color: @avantgarde-ui-text; + } + + label.checked:before { + content: '\f00c'; + font-family: FontAwesome !important; + position: absolute; + display: block; + top: 0.1em; + left: 0.2em; + font-size: 1em; + height: 100%; + font-weight: 800; + color: #16a085; + z-index: 1; + text-shadow: 0 1px 0px rgba(8, 31, 12, 0.86); + } + + label.checked, + label.checked:hover { + background-color: @avantgarde-ui-light; + height: 100%; + color: @avantgarde-ui-text; + border: 1px solid @color-alpha; + box-shadow: inset 0 11px 15px fadeout(@color-alpha, 95%); + p { + color: @avantgarde-ui-text; + } + > div, > img { + box-shadow: none; + border: none; + } + } + + label:hover { background-color: @avantgarde-ui-dark; } + + a.changeTheme { + 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 { + 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 .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 2px 1px rgba(0, 0, 0, 0.3); + color: @avant-text; + + .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; + h3 { + padding: 0; + margin: 0; + float: left; + font-size: 11px; + color: #333; + font-family: @avant-family-heading; + line-height: 20px; + } + p { + color: @gray; + padding: 0; + float: right; + font-family: @avant-family-heading; + 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: @sample_image; + 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%; + } + } + } + + // End layout simulator + +} + + +// ============ OPTIONS TAB ================ + +body #theme_customize_modal #tab_options { + .chd-opt-combi{ + text-align : left; + border : none; + position : relative; + margin-bottom : 0.6em; + .checkbox { + display: initial; + } + + &:before { display: none!important} + &:after{ + content : "\f204"; + font-family : 'FontAwesome'; + position : absolute; + left : -1.7em; + top : -0.1em; + } + &.checked{ + box-shadow:none; + &:after{ + content: "\f205"; + } + } + } + + .sample_body.options{ + width: 100%; + margin: 0!important; + max-width: 100%; + height: 150px; + .sample_wrap, + .sample_content, + .sample_image { + height: 100%; + } + .sample_image { + opacity: 0.5; + } + .fa-bars { display: none; } + .sample_header { padding-top: 2px;height: 35px;} + .sample_menu { margin-top: 6px; } + .pre_header{ + display: none; + font-size: 0.4em; + padding: 4px 5px; + margin-bottom: 0; + height: 15px; + border-bottom: 1px solid #333; + } + } + +} + + +// ============ PALETTE TAB ================ + +//body #theme_customize_modal #tab_palettes .panel.complementary .col-xs-12 + +body #theme_customize_modal.loading { + + #tab_palettes.active.in{ + .panel.complementary{ + .col-xs-12{ + max-height: 0; + opacity: 0; + .transition(all 1s); + } + .fa-cog { + display: block; + margin: 20px auto; + font-size: 3em; + .transition(300ms); + } + } + } +} + + +body #theme_customize_modal{ + + #tab_palettes { + .col-xs-3{ + padding-right: 0; + padding-left: 5px; + } + .panel.complementary{ + background-color: #EDEDED; + + .col-xs-12{ + max-height: 0; + opacity: 0; + overflow: hidden; + .transition(all 10s); + } + .fa-cog { + display: block; + font-size: 0; + margin: 0; + .transition(300ms); + } + } + } + + #tab_palettes.active.in { + .panel.complementary{ + .col-xs-12{ + .transition(all 1000ms); + max-height: 500px; + opacity: 1; + } + } + } + + + label.chd-color-combi { + display: block; + text-align: center; + width: 85%; + margin: 0 auto .7em; + .container-fluid.opt { + height: 20px; + margin: .5em 0; + } + .row { + height: 100%; + margin: 0 -10px; + border: 1px solid @avantgarde-ui-dark; + } + + .palette-1 .row{ + background-color: @color-alpha-palette-1; + } + .palette-2 .row{ + background-color: @color-alpha-palette-2; + } + .palette-3 .row{ + background-color: @color-alpha-palette-3; + } + .palette-4 .row{ + background-color: @color-alpha-palette-4; + } + + .palette-5 .row{ + background-color: @color-alpha-palette-5; + } + .palette-6 .row{ + background-color: @color-alpha-palette-6; + } + .palette-7 .row{ + background-color: @color-alpha-palette-7; + } + .palette-8 .row{ + background-color: @color-alpha-palette-8; + } + + .main_bg_1 .row{ + background-color: #fff; + } + + .main_bg_1_pattern .row{ + background-color : #fff; + background-image : @main_bg_pattern_sample; + background-size : 200px 200px; + } + + .main_bg_2 .row{ + background-color: #000; + } + + .main_bg_2_pattern .row{ + background-color : #000; + background-image : @main_bg_pattern_sample; + background-size : 200px 200px; + } + + .main_bg_3 .row{ + background-color: #D3CBBD; + } + + .main_bg_3_pattern .row{ + background-color : #D3CBBD; + background-image : @main_bg_pattern_sample; + background-size : 200px 200px; + } + + .main_bg_4 .row{ + background-color: #575D69; + } + + .main_bg_4_pattern .row{ + background-color : #575D69; + background-image : @main_bg_pattern_sample; + background-size : 200px 200px; + } + } +} + + + +// ============ FONTS TAB ==================== + +#tab_fonts{ + .btn-group.heading{ + margin-right: 10px; + } + .btn .caret { + margin-left: 5px; + } +} + +#heading-loader, #paragraph-loader { + padding: 0; + a{ + position: relative; + label{ + z-index: 9999999999; + position: absolute; + top: 0; + left: 0; + width: 100%; + height:100%; + background: rgba(0, 0, 0, 0)!important; + } + } +} + + + + diff --git a/theme_avantgarde/static/src/less/images.less b/theme_avantgarde/static/src/less/images.less new file mode 100644 index 000000000..a6dbf8534 --- /dev/null +++ b/theme_avantgarde/static/src/less/images.less @@ -0,0 +1,126 @@ +// ============================= +// === IMAGES and PATTERNS ===== +// ============================= + +.bg-image(@img, @text-color: white, @shadow-color : rgba(255, 0, 0, 0), @x:50%, @y:50%, @repeat: no-repeat) { + @std-url: url("@{avantgarde-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("@{avantgarde-img-base-url}@{avantgarde-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("@{avantgarde-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("@{avantgarde-pattern-base-url}@{avantgarde-img-2x-prefix}@{img}"); + background-image: @2x-url!important; + } +} + +.bg-thumb(@img) { + @url: url("@{avantgarde-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(255, 0, 0, 0), 50%,20%); } +.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); } + +@img-11 : "bg_image_11.jpg"; +.bg-img-11 { .bg-image(@img-11,white, black); } +.bg-img-11-thumb { .bg-thumb(@img-11); } + +@img-12 : "bg_image_12.jpg"; +.bg-img-12 { .bg-image(@img-12,white, black); } +.bg-img-12-thumb { .bg-thumb(@img-12); } + + + +@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); } diff --git a/theme_avantgarde/static/src/less/main.less b/theme_avantgarde/static/src/less/main.less new file mode 100644 index 000000000..d874e4b41 --- /dev/null +++ b/theme_avantgarde/static/src/less/main.less @@ -0,0 +1,2166 @@ + +// ================================================================= +// Avantgarde Theme. +// Light colours, thin text, clean and sharp design. +// ================================================================= + + + +// ============================= +// == Theme's variables ======== +// ============================= + +@avantgarde-debug: false; + +@avantgarde-layout-boxed: false; + +@avantgarde-img-base-url : "../img/pictures/"; +@avantgarde-img-2x-prefix : "2x_"; + +@avantgarde-thumb-base-url : "../img/thumbs/"; + +@avantgarde-pattern-base-url : "../img/patterns/"; +@avantgarde-pattern-2x-prefix : "2x_"; + +// UI colors + +@avantgarde-ui-dark : #252931; +@avantgarde-ui-light : #303540; +@avantgarde-ui-text : #fff; +@avantgarde-ui-muted : #9097A8; +@avantgarde-ui-success : #16A085; +@avantgarde-ui-danger : #E77575; + + + + +@avantgarde-ui-dark : #EAEAEA; +@avantgarde-ui-light : #FFF; +@avantgarde-ui-text : #333; +@avantgarde-ui-muted : #888; +@avantgarde-ui-success : #16A085; +@avantgarde-ui-danger : #E77575; + + +@main_bg_pattern: url('../img/patterns/bg.png'); +@main_bg_pattern_sample: url('../img/patterns/bg_sample.png'); + + +// ============================= +// === DEBUG =================== +// ============================= + +.debug() when (@avantgarde-debug = true) { + + body:after{ + display: block; + position: fixed; + bottom: 0; + left: 0; + width: 100%; + height: 50px; + font-size: 1.3em; + background: black; + color: white; + z-index: 999999; + content: "LESS debug: Postcard Layout > @{avantgarde-layout-top_banner} || boxed > @{avantgarde-layout-boxed} "; + } + +} +.debug(); + + + + +// ======== Responsive Margin Fix ======================================== + +@initial-margin: 1px; // Initial Value, 1=100% of the default value + +@xw-margin: @initial-margin; // Adaptative coefficient for > 1200px Extra device +@lg-margin: (@initial-margin * 0.8); // Adaptative coefficient for < 1200px Wide device +@md-margin: (@initial-margin * 0.6); // Adaptative coefficient for < 992px Medium device +@sm-margin: (@initial-margin * 0.4); // Adaptative coefficient for < 768px Small device +@xs-margin: (@initial-margin * 0.2); // Adaptative coefficient for < 480px Tiny device + +// ! DON'T TOUCH ! // +.generate-margin(128); +.generate-margin(@n, @i: 1) when (@i =< @n) { + .mt@{i} { margin-top: (@i * @xw-margin) !important; } + .mb@{i} { margin-bottom: (@i * @xw-margin) !important; } + .generate-margin(@n, (@i + 2)); +} + +@media only screen and (max-width: 1200px) { + .generate-margin(128); + .generate-margin(@n, @i: 1) when (@i =< @n) { + .mt@{i} { margin-top: (@i * @lg-margin) !important; } + .mb@{i} { margin-bottom: (@i * @lg-margin) !important; } + .generate-margin(@n, (@i * 2)); + } +} + +@media only screen and (max-width: 992px) { + .generate-margin(128); + .generate-margin(@n, @i: 1) when (@i =< @n) { + .mt@{i} { margin-top: (@i * @md-margin) !important; } + .mb@{i} { margin-bottom: (@i * @md-margin) !important; } + .generate-margin(@n, (@i * 2)); + } +} + +@media only screen and (max-width: 768px) { + .generate-margin(128); + .generate-margin(@n, @i: 1) when (@i =< @n) { + .mt@{i} { margin-top: (@i * @sm-margin) !important; } + .mb@{i} { margin-bottom: (@i * @sm-margin) !important; } + .generate-margin(@n, (@i * 2)); + } +} + +@media only screen and (max-width: 480px) { + .generate-margin(128); + .generate-margin(@n, @i: 1) when (@i =< @n) { + .mt@{i} { margin-top: (@i * @xs-margin) !important; } + .mb@{i} { margin-bottom: (@i * @xs-margin) !important; } + .generate-margin(@n, (@i * 2)); + } +} + +.mt0 { + margin-top: 0px !important; +} +.mb0 { + margin-bottom: 0px !important; +} + + +// =========================================================== +// ================== BOOTSTRAP VARIABLES =================== +// =========================================================== + + + + +@border-radius-base :0px; +@border-radius-large :0px; +@border-radius-small :0px; + +// ============= LABELS ============= +// ====================================== + +#wrapwrap { + label { + font-weight: inherit; + } +} + +// ============= MODALS ============= +// ====================================== + +.oe_mobile_preview{ + .modal-header h3{color:white!important} +} + +@modal-header-border-color : darken(@avantgarde-ui-dark,20%); +@modal-title-padding : 10px; +@modal-title-line-height : @line-height-base; + +.modal-header{ + border-bottom: 1px solid @avantgarde-ui-light; + .close{ + color: #000; + text-shadow: 0 1px 0 #000; + } +} + +@modal-content-bg : @avantgarde-ui-dark; +@modal-content-border-color : @avantgarde-ui-dark; +@modal-content-fallback-border-color : @avantgarde-ui-dark; + +.modal-content{ + color: @avantgarde-ui-text; + top: 15px; + label{ + font-weight: 300; + } + hr{ + border-top-color: rgba(255, 255, 255, 0.05); + } + .well{ + background-color : @avantgarde-ui-light; + border: none; + } + + textarea{ + color: @gray-darkest; + } + + .nav-tabs{ + background-color : @avantgarde-ui-dark; + border: none; + >li > a{ + color: @avantgarde-ui-muted; + border: none; + &:hover{ + background-color: @avantgarde-ui-light; + border: none; + } + } + >li.active>a, + >li.active>a:hover, + >li.active>a:focus { + background-color: @avantgarde-ui-light; + color: white; + border: none; + } + li.search { + top: 3px; + right: 7px; + .pager li > a, .pager li > span{ + background-color: @brand-primary; + border-radius: 0; + border: none; + font-weight: bold; + color: white; + } + .pager .disabled >a, + .pager .disabled> a:hover, + .pager .disabled> a:focus, + .pager .disabled> span{ + background-color: @avantgarde-ui-light; + border: none; + opacity: 0.5; + } + + } + } + .form-control { + background-color: @avantgarde-ui-dark; + color: #333; + border:none; + height: 30px; + } + .font-icons:before { + top : 7px!important; + left : 8px!important; + font-size : 1.2em!important; + } + + +} +.modal-body{ + border-bottom : 1px solid rgba(255, 255, 255, 0.05); + background-color : @avantgarde-ui-light; + padding-bottom : @modal-title-padding; +} + +@modal-footer-border-color: @avantgarde-ui-dark; + +.modal-footer{ + padding: @modal-title-padding + 5px; +} + +@modal-backdrop-bg: #000; +@modal-backdrop-opacity: .2; + +@modal-lg: 900px; +@modal-md: 600px; +@modal-sm: 300px; + + +// ============= WELLS ============= +// =================================== + + +@well-bg : rgba(0, 0, 0, 0); +@well-border : fadeout(@avant-text, 50%); + +.well { + .box-shadow(none); +} + +// ============= INPUTS ============= +// ==================================== + +@input-bg : rgba(255, 0, 0, 0); +@input-bg-disabled : @gray-lighter; + +@input-color : fadeOut(@avant-text,50%); +@input-border : fadeOut(@avant-text,50%); +@input-color-placeholder : fadeOut(@avant-text,50%); + +@input-height-base : (@line-height-computed + (@padding-base-vertical * 2) + 10); + +#wrapwrap { + .input-group, .navbar-form{ + .btn{ + height: (@line-height-computed + (@padding-base-vertical * 2) + 10); + } + } + + .navbar-inverse { + .btn-default, input{ + border-color: contrast(@avant-text, @navbar-inverse-bg); + color: contrast(@avant-text, @navbar-inverse-bg); + .placeholder(contrast(@avant-text, @navbar-inverse-bg)); + + } + } + +} + +//================================== BASE ==================================== + + + +// ============================= +// 3.1 GENERAL LAYOUT ========== +// ============================= + +@avant-bg: #FFF; +@avant-text: #333; + +@body-bg : @avant-bg; +@text-color : @avant-text; + + +#wrap { + margin-top: 20px; + .transition(margin-top 600ms ease-in); +} + + + + +// ============================= +// 3.2 TYPOGRAPHY ============== +// ============================= + +@font-family-base : "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; ; + +@font-family-sans-serif : @font-family-base; +@font-family-serif : "Georgia", "Garamond", "Palatino", serif; + +@font-family-monospace : Menlo, Monaco, Consolas, "Courier New", monospace; + + +@headings-font-family : inherit; +@headings-font-weight : 300; +@headings-line-height : 1.1; +@headings-color : inherit; + +@avant-family-base : @font-family-base; +@avant-family-heading : @font-family-serif; +@avant-family-heading-style : inherit; +@avant-family-heading-weight : inherit; +@avant-family-heading-letter-spacing : -0.05em; +@avant-family-heading-word-spacing : 0.05em; + + +#wrapwrap, +#theme_customize_modal .fonts-preview { + font-family: @avant-family-base; + h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + font-family : @avant-family-heading; + font-style : @avant-family-heading-style; + font-weight : @avant-family-heading-weight; + letter-spacing : @avant-family-heading-letter-spacing; + word-spacing : @avant-family-heading-word-spacing; + } +} + +#wrapwrap{ + text-rendering : geometricPrecision; + // -webkit-transform : translate3d(0, 0, 0); + // transform : translate3d(0, 0, 0); + -webkit-font-smoothing : antialiased; + -moz-osx-font-smoothing : grayscale; +} + +body{ + overflow-y: scroll; +} + +#wrapwrap{ + .animation-duration(1.3s); + .pageFadeInDown; +} + +.serif { font-family: @font-family-serif;} +.sans-serif { font-family: @font-family-sans-serif;} + + + +h1 { font-size: 3em;} + +h4, h5, h6 { + line-height: 1.6; +} + +footer { + margin-top: 25px; + height: auto; + padding-top: 10px; + background: rgba(255, 0, 0, 0); + border-top: 1px solid #E2E2E2; +} + +a:hover{ + text-decoration: none; + cursor: pointer; +} + +// ============================= +// BUTTONS / LABELS ============ +// ============================= + +// ======== Buttons + +@btn-font-weight: normal; + +@btn-default-color: @avant-text; +@btn-default-bg: rgba(255, 0, 0, 0); +@btn-default-border: @avant-text; + +@btn-primary-color: #fff; +@btn-primary-bg: @brand-primary; +@btn-primary-border: rgba(255, 0, 0, 0); + +@btn-success-color: #fff; +@btn-success-bg: @brand-success; +@btn-success-border: rgba(255, 0, 0, 0); + +@btn-info-color: #fff; +@btn-info-bg: @brand-info; +@btn-info-border: rgba(255, 0, 0, 0); + +@btn-warning-color: #fff; +@btn-warning-bg: @brand-warning; +@btn-warning-border: rgba(255, 0, 0, 0); + +@btn-danger-color: #fff; +@btn-danger-bg: @brand-danger; +@btn-danger-border: rgba(255, 0, 0, 0); + +@btn-link-disabled-color: @gray-light; + + +// ======== Button Customizations + +.btn-lg { + .button-size( + @padding-large-vertical; + @padding-large-horizontal*2; + @font-size-large; + @line-height-large; + @border-radius-large; + ); +} + +.btn{ + z-index: 2; + //box-shadow: 0px 3px 3px -2px rgba(51, 51, 51, 0.0); + .transition(.25s); + .preserve3d; + + &:hover{ + //box-shadow: 0px 3px 3px -2px rgba(51, 51, 51, 0.23); + z-index: 4; + } + + &.btn-link { + text-decoration: none; + &:hover{ + box-shadow: none; + } + } + &:active{ + //box-shadow: 0px 2px 2px -1px rgba(51, 51, 51, 0.23); + } +} + +// overwrite the default bootstrap mixin +.button-variant(@color; @background; @border) { + &, + &:focus{ + color: @color; + background-color: @background; + border-color: @border; + } + + &:hover, + &.focus, + &:active, + .open > .dropdown-toggle& { + color: @color; + background-color: darken(@background, 2%); + border-color: @border; + box-shadow: none; + } +} + +// button.btn{ +// outline:0!important; +// &:focus, &:active {outline:0;} +// } + + +.avant-ripple { + display: block; + position: absolute; + border-radius: 100%; + opacity: 0.3; + z-index: -1; + background: rgba(255, 255, 255, .9); + pointer-events: none; + .scale(0); + + .btn-default &, + .btn-link & { + background: rgba(0, 0, 0, .3); + } +} + +.avant-ripple-animated { + .animation(ripple 0.35s ease-in); +} + + +.tooltip { + height: auto; + .tooltip-arrow { + display: none; + } + h5 { + text-transform: none; + } +} + + + +// ================================== +// WB builder default classes === +// ================================== + +#wrapwrap { + overflow-x: hidden; +} +.readable { + max-width: 100%; + > *{ + position: relative; + max-width: 700px; + margin-left: auto; + margin-right: auto; + } +} +#wrap > hr { + width: 50%; + position: relative; +} + + + +// ============================= +// EFFECTS ================= +// ============================= + +.generate-spacing(10); +.generate-spacing(@n, @i:1) when (@i =< @n) { + .letterSpacing@{i} { + letter-spacing:(@i)*1px!important; + } + .generate-spacing(@n, (@i + 1)); +} + +.em2 {font-size: 2em;} +.em4 {font-size: 4em;} + +.text-small { + font-size: 0.9em; +} +.text-medium { + font-size: 1.2em; +} +.text-big { + font-size: 1.5em; +} + + +.mo0 {margin-left: 0; margin-right: 0} + +.drop-caps:first-letter, +.drop-caps_alpha:first-letter, +.drop-caps_beta:first-letter, +.drop-caps_gamma:first-letter, +.drop-caps_delta:first-letter, +.drop-caps_epsilon:first-letter { + font-size: 4.6em; + line-height: 0.9; + float: left; + margin-right: 0.1em; +} +.text-right { + .drop-caps:first-letter, + .drop-caps_alpha:first-letter, + .drop-caps_beta:first-letter, + .drop-caps_gamma:first-letter, + .drop-caps_delta:first-letter, + .drop-caps_epsilon:first-letter { + float: right; + } +} + + +.drop-caps_alpha:first-letter { + color: @color-alpha; +} + +.drop-caps_beta:first-letter { + color: @color-beta; +} + +.drop-caps_gamma:first-letter { + color: @color-gamma; +} + +.drop-caps_delta:first-letter { + color: @color-delta; +} + +.drop-caps_epsilon:first-letter { + color: @color-epsilon; +} + +.text-small_caps{ + font-variant: small-caps; + text-rendering: auto; +} + +.glossy-bg { + background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.5) 0%, rgba(241,241,241,0.5) 50%, rgba(225,225,225,0.5) 51%, rgba(246,246,246,0.5) 100%); + background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(50%,rgba(241,241,241,0.5)), color-stop(51%,rgba(225,225,225,0.5)), color-stop(100%,rgba(246,246,246,0.5))); + background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); + background: -o-linear-gradient(-45deg, rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); + background: -ms-linear-gradient(-45deg, rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); + background: linear-gradient(135deg, rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80f6f6f6',GradientType=1 ); +} + +.glossy { + position: relative; + &:before { + content: ""; + top: 0; + left: 0; + width: 100%; + height: 100%; + position: absolute; + display: block; + .glossy-bg; + + border-top: 2px solid rgba(255, 255, 255, 0.73); + border-bottom: 1px solid rgba(155, 155, 155, 0.73); + } +} + +.glossy-medium { + position: relative; + &:before { + content: ""; + top: 0; + left: 0; + width: 100%; + height: 100%; + position: absolute; + display: block; + opacity: 0.7; + .glossy-bg; + + border-top: 2px solid #fff; + border-bottom: 2px solid #848484; + } +} + +.glossy-soft { + position: relative; + &:before { + content: ""; + top: 0; + left: 0; + width: 100%; + height: 100%; + position: absolute; + display: block; + opacity: 0.3; + .glossy-bg; + + border-top: 2px solid #fff; + border-bottom: 2px solid #848484; + } +} + + +.insetShadow { + position: relative; + + &:before{ + content: ""; + display: block; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.2) 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(50%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0.2))); + background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.2) 100%); + background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.2) 100%); + background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.2) 100%); + background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.2) 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#66000000',GradientType=0 ); + } +} +.insetShadowBig { + position: relative; + &:before{ + content: ""; + display: block; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.4) 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.4)), color-stop(50%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.4))); + background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.4) 100%); + background: -o-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.4) 100%); + background: -ms-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.4) 100%); + background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.4) 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#66000000',GradientType=0 ); + } +} + +.v-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + > *:first-child { + margin-top: 0; + } +} + +.preserve3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + + +// ============================= +// === ANIMATIONS ============== +// ============================= + +// ======= Ripple +@-webkit-keyframes ripple { + 100% { + opacity: 0; + -webkit-transform: scale(2.5); } } +@-moz-keyframes ripple { + 100% { + opacity: 0; + -moz-transform: scale(2.5); } } +@keyframes ripple { + 100% { + opacity: 0; + -webkit-transform: scale(2.5); + -moz-transform: scale(2.5); + -ms-transform: scale(2.5); + -o-transform: scale(2.5); + transform: scale(2.5); } } + + +@keyframes pageFadeInDown { + 0% { + opacity: 0; + transform: (translate3d(0, -50px, 0)); + } + + 80% { + transform: none; + } + + 100% { + opacity: 1; + } +} + +@-webkit-keyframes pageFadeInDown { + 0% { + opacity: 0; + transform: (translate3d(0, -20px, 0)); + } + + 80% { transform: none; } + 100% {opacity: 1; } +} + + +.pageFadeInDown { + .animation-name(pageFadeInDown); +} + +@keyframes elFadeIn { + 0% {opacity: 0; } 100% {opacity: 1; } +} + +@-webkit-keyframes elFadeIn { + 0% {opacity: 0; } 100% {opacity: 1; } +} +.elFadeIn { + .animation-name(elFadeIn); +} + +// ============================= +// === HEADER ================== +// ============================= + +#pre-header { + display: none; + border-bottom: 1px solid @avant-text; + padding: 10px 0; + position: relative; + z-index: 2; + a{ + color: @avant-text; + &:hover{ + color: @color-alpha; + } + } +} + +#avant_header, #avant_header_affix { + font-family: @avant-family-heading; + padding: 0; + + .navbar { + background-color: rgba(255, 0, 0, 0); + border-color: rgba(255, 0, 0, 0); + padding: 20px 0 4px; + + > .container { + width: 100%; + max-width: 1024px; + } + + .navbar-nav { + + > li.divider { + border-right: 1px solid #E0E0E0; + } + > li > a { + color: @avant-text; + .transition(all 400ms); + } + > li > a:hover { + color: @color-alpha; + } + b { + font-weight: 600; + } + + > li.active > a, > li.active > a:hover, > li.active > a:focus { + background-color: rgba(255, 0, 0, 0); + span { + border-bottom-color:rgba(255, 0, 0, 0)!important; + } + } + + .navbar-toggle { + margin: 0; + } + } //.navbar-nav + } //navbar +} + +// #avant_header{ +// .navbar > .container { +// width: 100%; +// max-width: 100%; +// margin-bottom: 0; +// } +// } + +#wrapwrap #avant_header_affix { + position: fixed; + top: 0; + left: 0; + margin-top: -200px; + width: 100%; + z-index: 1000; + background: @avant-bg; + border-bottom: 1px solid @gray-lighter; + .transition(margin-top 500ms ease); + + .navbar{ + padding: 2px 20px; + font-size: 12px; + a{color: @avant-text} + } + + .dropdown-menu { + background: @avant-bg; + a:hover {background-color: @color-alpha} + a, a:hover { color:@avant-text;} + } + + a.navbar-brand{ + color: @avant-text; + } + + &.affixed { + margin-top: 0px; + .transition(margin-top 500ms ease); + } + +} + + + +// ============================= +// ==== Top Content ========== +// ============================= + + + +// ============================= +// 3.8 Website B. ============== +// ============================= + + +// Restore original toolbar font-family +div#website-top-navbar *:not(.fa) { + font-family: sans-serif; +} + +// Fix website b. background behaviour +.oe_structure.oe_empty:empty, { + background-repeat: no-repeat!important; + background-position: center!important; +} + +#website-top-navbar, #oe_main_menu_navbar{ + .cke_toolbar { + top: 4px; + .cke_toolgroup, .cke_combo_button{ + background: #FFF; + background-image: none; + border: none; + border-radius: 2px; + .cke_button { + padding-top: 3px; + padding-bottom: 3px; + } + } + } + #oe_snippets{ + padding-top: 5px; + .nav-tabs{ + padding: 0px; + } + .tab-content, + .tab-content > div{ + background-color: rgba(255, 0, 0, 0); + padding: 0px 2px; + } + } +} + + +#oe_manipulators { + font-family: sans-serif; + .avant-pseudo-menu-icon(@content){ + > a { padding-left: 30px;} + > a:before { + font-family: FontAwesome; + content: @content; + position: absolute; + left: 7px; + font-size: 1em; + width: 1em; + text-align: center; + } + } + + .dropdown-menu > li{ + a { + padding: 3px 20px 3px 10px; + .fa { + width: 18px; + margin-right: 5px; + margin-left: -3px; + } + } + + &[data-delete_slide] { .avant-pseudo-menu-icon("\f014") } + &[data-create_slide] { .avant-pseudo-menu-icon("\f055") } + &.js-s_css_slider_addSlide { .avant-pseudo-menu-icon("\f055") } + &.js-s_css_slider_removeSlide { .avant-pseudo-menu-icon("\f00d") } + + &[data-toggle_class]{ + a {background: rgba(255, 0, 0, 0);} + a:after { + font-family: FontAwesome; + content: "\f096"; + color: @avantgarde-ui-text; + position: absolute; + right: 12px; + font-size: 1em; + } + a:hover:after { + content: "\f046"; + color: @avantgarde-ui-success; + } + &.active{ + a:after{ + content: "\f046"; + color: @avantgarde-ui-success; + } + a:hover:after { + color: @avantgarde-ui-text; + content: "\f096"; + } + } + } + } + + .dropdown-menu > li.snippet-option-blog-style, + .dropdown-menu > li.snippet-option-colorpicker { + .avant-pseudo-menu-icon("\f1ea") + } + + .dropdown-menu > li.snippet-option-colorpicker { + > a:before{ content: "\f1fb"; } + tr.avantgarde-ui-divider-bg {display: table-row!important;} + } + + ul{ background-color: fadeout(@avantgarde-ui-light,10%)!important; } + + li{ + background-color: rgba(255, 0, 0, 0)!important; + a:before, + a > .fa, + a { + color: fadeout(@avantgarde-ui-text,20%)!important; + background-color: rgba(255, 0, 0, 0)!important; + } + + &.active{ + background-color: @avantgarde-ui-dark!important; + > a, > a .fa, > a:before{color:@avantgarde-ui-text} + } + + &:hover{ + background-color: @avantgarde-ui-dark!important; + > a, + > a .fa, + > a:before{ color: @avantgarde-ui-text} + > a:after { border-left-color: @avantgarde-ui-text} + + } + + &.divider, &.divider:hover{ + background: @avantgarde-ui-dark!important; + margin: 0; + } + } + + li[data-select_class].active a:after{ + font-family: FontAwesome; + content: "\f00c"; + color: @avantgarde-ui-success; + float: right; + } + + .btn-group .btn-default{ + background-color: @avantgarde-ui-light; + border: 1px solid @avantgarde-ui-dark; + color: @avantgarde-ui-text; + .scale(1); + + &:hover{ + background-color: darken(@avantgarde-ui-light, 12%); + } + } + + .btn-group .oe_snippet_remove{ + background-color: @brand-danger; + border-color: darken(@brand-danger, 10%); + color: #fff; + + &:hover{ + background-color: darken(@brand-danger, 12%); + } + } + + .btn-group .btn-primary{ + background-color: darken(@avantgarde-ui-success, 10%); + color:white; + .scale(1); + + &:hover{ + background-color: darken(@avantgarde-ui-success, 12%); + } + } + .btn-group.open .btn-primary{ + background-color: darken(@avantgarde-ui-success, 15%); + color:white; + } + + .oe_overlay .oe_handle.size .oe_handle_button { + margin-left: -70px; + } + + .oe_overlay .oe_handle.size .size { + margin-left: 70px; + } + +} + +li.snippet-option-colorpicker{ + ul.dropdown-menu{ + padding-left: 4px; + tr{ + display: block; + float: left; + margin-bottom: .1em; + td { + display: inline; + float: left; + overflow: hidden; + position: relative; + button { + width: 28px; + border-radius: 0; + border: 1px solid #000; + } + } + } + hr{ + width: 164px!important; + opacity: .7; + } + td.selected button{ + border: 1px solid rgba(255, 255, 255, 0.55); + } + td.selected:after{ + font-family: FontAwesome; + content: "\f00c"; + color: @avantgarde-ui-success; + text-shadow: 0 1px 0px #333; + position: absolute; + left: -2px; + top: -3px; + font-size: 1em; + } + } +} + + +.oe_mobile_preview.modal .modal-content .modal-header .modal-title { + color: #999; +} + + +table.colorpicker{ + .color-alpha { background-color : @color-alpha; } + .color-beta { background-color : @color-beta; } + .color-gamma { background-color : @color-gamma; } + .color-delta { background-color : @color-delta; } + .color-epsilon { background-color : @color-epsilon; } + + .color-alpha-light { background-color : @color-alpha-light; } + .color-beta-light { background-color : @color-beta-light; } + .color-gamma-light { background-color : @color-gamma-light; } + .color-delta-light { background-color : @color-delta-light; } + .color-epsilon-light { background-color : @color-epsilon-light; } + + .color-alpha-dark { background-color : @color-alpha-dark; } + .color-beta-dark { background-color : @color-beta-dark; } + .color-gamma-dark { background-color : @color-gamma-dark; } + .color-delta-dark { background-color : @color-delta-dark; } + .color-epsilon-dark { background-color : @color-epsilon-dark; } + + .color-gray-lighter { background-color : @gray-lighter; } + .color-gray-light-light { background-color : @gray-light-light; } + .color-gray-light-dark { background-color : @gray-light-dark; } + .color-gray-light { background-color : @gray-light; } + .color-gray { background-color : @gray; } + + .color-gray-dark-light { background-color : @gray-dark-light; } + .color-gray-dark { background-color : @gray-dark; } + .color-gray-dark-dark { background-color : @gray-dark-dark; } + + .color-gray-darker { background-color : @gray-darker; } + .color-gray-darkest { background-color : @gray-darkest; } + + .color-white { background-color : @white; } + .color-black { background-color : @black; } +} + + +ul.dropdown-menu.backgrounds { + width: 260px; + li{ + margin: 2px 7px 6px; + padding: 0; + display: block; + position: relative; + } + li.col-2 { + display: inline; + float: left; + margin: 0; + padding: 4px 6px; + } + + li a.thumb { + height: 50px; + width: 114px; + padding: 0!important; + margin: 0; + background-size: cover; + outline: 1px solid #626262; + opacity: .8; + &:hover {opacity: 1} + } + li.active { + a {outline: 2px solid @avantgarde-ui-success } + a {opacity: 1} + } +} + +main .oe_snippet_body:not(.dropdown-submenu){ + overflow: hidden; + max-height: 0; + .animation(o-anim_drop cubic-bezier(0.215, 0.610, 0.355, 1.000) .2s); + .animation-iteration-count(1); + .transform-origin(50% 50%); + .animation-fill-mode(forwards); +} + +.o-anim_drop(){ + 0% { + max-height: 0; + opacity: .9; + .scale(1.05); + box-shadow: 0 0 20px 0 #555; + } + 80% { + opacity: 1; + } + 100% { + max-height: 2000px; + opacity: 1; + .scale(1); + box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); + } +} + +@-webkit-keyframes o-anim_drop {.o-anim_drop;} + @-moz-keyframes o-anim_drop {.o-anim_drop;} + @-ms-keyframes o-anim_drop {.o-anim_drop;} + @-o-keyframes o-anim_drop {.o-anim_drop;} + @keyframes o-anim_drop {.o-anim_drop;} + + + +// Elements interaction + + +// If a title is first child of a box with custom margin-top, +// then remove the natural title's margin-top + +[class*='mt'] { + > h1, > h2, > h3, > h4, > h5, > h6 { + &:first-child{ + margin-top: 0; + } + } +} + + +// ============================= +// ==== Top Content ========== +// ============================= + +#wrapwrap.top_content{ + position: relative; + + #wrap{ + #blog_content{ + background: #FEFEFE; + } + } + + > main, > footer { + opacity: 0.999; // hack to create a stacking context allowing to place top_content on top of background but behind everything else + } + + .move_to_top{ + z-index: -1; + position: absolute; + width: 100%; + top: 0; + left: 0; + + // Blog's Post edit buttons + .js_publish_management, #change_cover{ + margin-top: 100%; + } + } +} + +.move_to_top{ + z-index: -1; + position: absolute; + width: 100%; + top: 0; + left: 0; + opacity: 0; + .animation-fill-mode(forwards); + .animation-duration(0.3s); + .elFadeIn; + .animation-delay(1.5s); + + // Blog's Post edit buttons + .js_publish_management, #change_cover{ + margin-top: 100%; + } +} + + +//================================== SNIPPETS ==================================== + + +// ============================ +// Jumbotron ================== +// ============================ + +.jumbotron p { + font-weight: inherit; +} + + +// ============================ +// s_title ==================== +// ============================ + +.s_title { + text-align: center; + overflow:hidden; + h1{ + display: inline; + position: relative; + &:before { + content: ""; + background: @avant-text; + height: 1px; + position: absolute; + left: -100%; + top: 49%; + width: 90%; + } + &:after { + content: ""; + background: @avant-text; + height: 1px; + position: absolute; + left: 110%; + top: 49%; + width: 90%; + } + } +} + + +// ============================ +// s_css_slider =============== +// ============================ + +@s_css_slider_info-bg-color : @avant-bg; +@s_css_slider_info-text-color : @avant-text; + + +// ============================= +// s_text_block ================ +// ============================= + +.s_text_block { + margin-top: 0; + margin-bottom: 0; +} + + +// ============================= +// s_text_block_image_fw ======= +// ============================= + +.s_text_block_image_fw { + div{ + text-shadow: none; + } +} + + + +// ============================= +// Media Block ================= +// ============================= + +.s_media_block-hook{ + > .v-align { + z-index: 1; + color: white; + position: relative; + } + + .title-boxed{ + margin-bottom: 0; + } + + .yt_video_container{ + .controls{ + position: absolute; + top: 80%; + right: 50px; + opacity: 0; + padding: 3px 7px; + color: @gray-light; + background: rgba(0, 0, 0, 0.69); + span.btnMute { margin-left:5px}; + span:hover { color: @white; cursor: pointer;} + } + &:hover{ + .controls{ + opacity: 1; + } + } + } + .yt_video_container{ + position: absolute; + z-index: 0; + top: 0; + left: 0; + width: 100%; + height: 100%; + transform: translate(0); + background: rgba(255, 0, 0, 0); + &.js-static-black{ + background: black; + } + &.js-animated-bg{ + background: linear-gradient(230deg,#4b79cf,#a24bcf,#4bc5cf); + background-size: 300% 300%; + .animation(o-anim_movingBG 30s ease infinite); + } + .mb_YTPBar{display: none!important} + + .yt-loader{ + position: absolute; + height: 3px; + background: #2D9; + display: block; + overflow: visible!important; + left: 0; + .transition(width 800ms ease); + span{ + display: block; + position: absolute; + right: 0px; + width: 100px; + height: 100%; + box-shadow: 0 0 10px #2D9, 0 0 5px #2D9; + opacity: 1.0; + } + + } + } +} + + +.o-anim_movingBG(){ + 0% { + background-position: 0% 84% + } + 40% { + background-position: 100% 16% + } + 100% { + background-position: 0% 84% + } +} + +@-webkit-keyframes o-anim_movingBG {.o-anim_movingBG;} + @-moz-keyframes o-anim_movingBG {.o-anim_movingBG;} + @-ms-keyframes o-anim_movingBG {.o-anim_movingBG;} + @-o-keyframes o-anim_movingBG {.o-anim_movingBG;} + @keyframes o-anim_movingBG {.o-anim_movingBG;} + + + +#s_media_block_modal { + + .modal-header { + #header_type{ + background-color: @avantgarde-ui-light; + } + .videoEnabler { + position: relative; + display: block; + height: 3em; + + .form-control { + border: none;display: inline-block; + vertical-align: middle; + height:100%; + font-size: 1.3em; + height: 1.8em; + display: block; + } + i { + font-size: 1.6em; + margin-top: 0.25em; + color:hsl(221, 14%, 37%); + } + } + } + .modal-body { + + img.guide { + -webkit-box-shadow: inset rgba(0, 0, 0, 0.35) 0 0 26px,rgba(0, 0, 0, 0.35) 0 0 15px; + -moz-box-shadow: inset rgba(0,0,0,.35) 0 0 26px,rgba(0,0,0,.35) 0 0 15px; + box-shadow: inset rgba(0, 0, 0, 0.35) 0 0 26px,rgba(0, 0, 0, 0.35) 0 0 15px; + border-radius: 50%; + border: 8px solid #FFF; + width: 75%; + height: auto; + margin-top: 20px; + } + .videoTabs { + max-height: 0px; + opacity: 0; + overflow: hidden; + width: 100%; + position: relative; + border-top: 0px solid black; + + hr { + margin: 10px -15px 20px; + border-top: 1px solid #434A58; + } + + small i[data-icon] { + margin-right: -1px; + font-size: 10px; + text-shadow: none; + display: inline-block; + transform: translateY(-1px); + } + } + .videoTabs.active { + max-height: 2000px; + opacity: 1; + padding: 20px 0; + } + + .pre_label { + padding-left: 0; + text-align: right; + font-size: 12px; + margin-bottom: 0; + font-weight: 400; + cursor: auto; + } + + select.background{ + font-size: 12px; + line-height: 12px; + height: 20px; + } + + #custom_content { + font-family: monospace; + font-size: 0.8em; + } + } + .modal-footer{ + border-top: 1px solid rgba(255, 255, 255, 0.1); + text-align: right; + } + .close { + color: #FFF; + position: absolute; + top: 2px; + opacity: .9; + right: 0; + padding: 0.2em 0.4em; + } + + label { + color: #EAEAEA; + } + .help-block { + display: block; + margin-top: 4px; + margin-bottom: 7px; + color: #B3BFC4; + font-size: 10px; + font-weight: bold; + i { + color: #16A085; + margin-right: 7px; + } + } + + .yt-options input{ + color: #555; + margin-top: 0; + } +} + + + +// ============================= +// === s_animated_boxes ======== +// ============================= + + +.s_animated_boxes-slide-hook(){ + .transition(none); + display: none; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.s_animated_boxes-slide_hover-hook(){ + .transition(none); + //opacity: 1; +} + + + +// ================================= +// s_medias_list +// ================================= + +@s_medias_list-bg-color-main: white; + + +// ================================= +// s_numbers +// ================================= + +@s_numbers-main_bg_color: @color-beta; +@s_numbers-numbers_color: @white; + + +// ============================= +// 4.6 Google Map ============ +// ============================= + +@s_google_map-desc-bg : @color-beta; +@s_google_map-desc-hover-bg : @color-beta; + + +.stdMap-thumb { .bg-thumb("map-default.jpg")} +.lightMonoMap-thumb { .bg-thumb("map-default.jpg")} +.cupertinoMap-thumb { .bg-thumb("map-cupertino.jpg")} +.retroMap-thumb { .bg-thumb("map-retro.jpg")} +.cobaltMap-thumb { .bg-thumb("map-cobalt.jpg")} +.flatMap-thumb { .bg-thumb("map-flat.jpg")} +.blueMap-thumb { .bg-thumb("map-blue.jpg")} +.lillaMap-thumb { .bg-thumb("map-lilla.jpg")} +.carMap-thumb { .bg-thumb("map-caramello.jpg")} +.testMap-thumb { .bg-thumb("map-default.jpg")} +.lightMonoMap-thumb { .bg-thumb("map-lightMono.jpg")} +.bwMap-thumb { .bg-thumb("map-bw.jpg")} + + +// ============================= +// Page Header s_page_header == +// ============================= + +// Snippet +@s_page_header-main-bg_color : @color-beta-lighter; +@s_page_header-main-font_color : @white; + +// Labels +@s_page_header-label-font_size : .9em; +@s_page_header-label-border_radius : 2px; +@s_page_header-label-padding : 5px 8px; +@s_page_header-label-margin : 0 10px 0 0; + +// Labels > i +@s_page_header-i-margin: 0 6px; + + + +// ============================= +// === s_showcase_slider ======= +// ============================= + +.s_showcase_slider-navigation-hook(){ + span { + text-indent:100%; + background:url("../img/ui/s_showcase_slider-arrow.svg") no-repeat center center; + &:before{ content: none;} + } + &:first-of-type { + span { + -webkit-transform: rotate(180deg)!important; + -ms-transform: rotate(180deg)!important; + -o-transform: rotate(180deg)!important; + transform: rotate(180deg)!important; + } + } +} + +.s_showcase_slider-close-hook(){ + background: url("../img/ui/s_showcase_slider-close.svg") no-repeat center center; + text-indent: 100%; +} + +.s_showcase_slider-slider-hover-hook(){ + &:after{ + background: rgba(0, 0, 0, 0.4) url("../img/ui/s_showcase_slider-zoom.svg") no-repeat center center; + } +} + +// ============================= +// === s_css_slider ============ +// ============================= + +.s_css_slider-navigation-hook(){ + span { + text-indent:100%; + background:url("../img/ui/s_showcase_slider-arrow.svg") no-repeat center center; + &:before{ content: none;} + } + &:first-of-type { + span { + -webkit-transform: rotate(180deg)!important; + -ms-transform: rotate(180deg)!important; + -o-transform: rotate(180deg)!important; + transform: rotate(180deg)!important; + } + } +} + +.s_css_slider-close-hook(){ + background: url("../img/ui/s_showcase_slider-close.svg") no-repeat center center; + text-indent: 100%; +} + + +// ==================== +// .s_latest_posts +// ==================== + + +@s_latest_posts_big_picture-figure_bg: #000; + + +.s_latest_posts-js_get_posts-hook(){ + + figcaption p { margin: 0 } + + &.effect-dexter { + figure{ + background: -webkit-linear-gradient(top, darken(@color-beta, 10%) 0%, darken(@color-beta, 30%) 100%); + background: linear-gradient(to bottom, darken(@color-beta, 10%) 0%,darken(@color-beta, 30%) 100%); + .thumb { + -webkit-transition: opacity 0.35s; + transition: opacity 0.35s; + } + figcaption{ + padding: 3em; + text-align: left; + &:after { + position: absolute; + right: 30px; + bottom: 30px; + left: 30px; + height: -webkit-calc(50% - 10px); + height: calc(50% - 10px); + border: 2px solid #fff; + content: ''; + .transition(transform 0.35s); + .translate3d(0,-100%,0); + } + } + p { + position: absolute; + right: 60px; + bottom: 60px; + left: 60px; + opacity: 0; + .transition(e("opacity 0.35s linear 0s, transform 0.35s linear 0s")); + -webkit-transform: translate3d(0,-100px,0); + transform: translate3d(0,-100px,0); + } + &:hover { + .thumb{ + opacity: 0.4; + } + figcaption::after { + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + } + p { + opacity: 1; + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + } + } + } + } + + &.effect-chico{ + .thumb { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: scale(1.12); + transform: scale(1.12); + } + figcaption { + padding: 3em; + &::before { + position: absolute; + top: 7%; + right: 7%; + bottom: 7%; + left: 7%; + border: 1px solid #fff; + content: ''; + -webkit-transform: scale(1.1); + transform: scale(1.1); + opacity: 0; + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + } + } + p{ + opacity: 0; + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + margin: 10% auto 0; + max-width: 200px; + -webkit-transform: scale(1.5); + transform: scale(1.5); + } + h2 { + padding: 0; + } + figure:hover{ + .thumb { + opacity: 0.5; + -webkit-transform: scale(1); + transform: scale(1); + } + figcaption::before,p { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } + } + } + &.effect-marley{ + + figcaption { + text-align: right; + h2, p { + position: absolute; + right: 30px; + left: 30px; + padding: 10px 0; + } + p { + bottom: 30px; + line-height: 1.5; + -webkit-transform: translate3d(0,100%,0); + transform: translate3d(0,100%,0); + opacity: 0; + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + } + h2 { + top: 30px; + -webkit-transition: -webkit-transform 0.35s; + transition: transform 0.35s; + -webkit-transform: translate3d(0,20px,0); + transform: translate3d(0,20px,0); + &:after { + position: absolute; + top: 100%; + left: 0; + width: 100%; + height: 4px; + background: #fff; + content: ''; + -webkit-transform: translate3d(0,40px,0); + transform: translate3d(0,40px,0); + opacity: 0; + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + } + } + } + + figure:hover{ + figcaption{ + h2 { + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + } + h2::after,p { + opacity: 1; + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + } + } + } + } + + &.effect-steve{ + figure{ + z-index: auto; + background: #000; + &:before, h2:before{ + position: absolute; + top: 0; + left: 0; + z-index: -1; + width: 100%; + height: 100%; + background: #000; + content: ''; + -webkit-transition: opacity 0.35s; + transition: opacity 0.35s; + } + &:before{ + box-shadow: 0 3px 30px rgba(0,0,0,0.8); + opacity: 0; + } + .content{ + overflow: hidden; + } + figcaption { + z-index: 1; + } + .thumb { + opacity: 1; + -webkit-transition: -webkit-transform 0.35s; + transition: transform 0.35s; + -webkit-transform: perspective(1000px) translate3d(0,0,0); + transform: perspective(1000px) translate3d(0,0,0); + } + h2, p { + background: #fff; + color: #2d434e; + } + h2 { + position: relative; + margin-top: .1em; + padding: 0.25em; + &:before { + box-shadow: 0 1px 10px rgba(0,0,0,0.5); + } + } + p { + margin-top: 1em; + padding: 0.5em; + font-weight: 800; + opacity: 0; + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: scale3d(0.9,0.9,1); + transform: scale3d(0.9,0.9,1); + } + + + &:hover{ //figure + + &:before { + opacity: 1; + } + h2:before { + opacity: 0; + } + .thumb { + -webkit-transform: perspective(1000px) translate3d(0,0,21px); + transform: perspective(1000px) translate3d(0,0,21px); + } + p { + opacity: 1; + -webkit-transform: scale3d(1,1,1); + transform: scale3d(1,1,1); + } + } + } + } + + &.first_is_big figure:first-child{ + width: 98%; + } +}; + +// ============================= +// s_latest_posts_big_orizontal +// ============================= + +.s_latest_posts_big_orizontal { + .js_get_posts{ + position: relative; + width: 100%; + display: flex; + padding: 0; + margin: 0; + overflow: visible; + text-align: left; + .post{ + //display: table-cell; + flex-grow:1; + position: relative; + figcaption:after{ + position: relative; + width: 100%; + height: 150px; + content: ""; + display: block; + } + h4{ + position: relative; + text-align: left; + padding-right: 5%; + &:before{ + content: ""; + z-index: 0; + display: inline; + float: left; + width: 20%; + position: absolute; + top: 49%; + left: 0; + border-bottom: 1px solid @avant-text; + } + a { + z-index: 1; + display: block; + line-height: 1; + padding-left: 25%; + position: relative; + } + } + h5{ + padding-left: 24%; + } + >a{ + bottom: 0; + display: block; + background: @color-alpha; + width: 100%; + height: 150px; + position: absolute; + overflow: hidden; + > div { + height: 100%; + width: 100%; + background-size: cover; + background-position: center; + opacity: 1; + .scale(1); + .transform-origin(50%); + + .transition(all 400ms); + .backface-visibility(hidden); + &:hover{ + opacity: .8; + .scale(1.1); + } + } + } + @media only screen and (max-width : 768px) { + display: inline-block; + margin-bottom: 2em; + width: 50%; + } + @media only screen and (max-width : 480px) { + width: 100%; + + } + } + @media only screen and (max-width : 768px) { + display: block; + } + } +} + +// DEMO PAGES + +#wrap.demo_welcome{ + .s_latest_posts_big_picture>div figure { + width: 100%!important; + background: #000; + .thumb{ + .opacity(0.7); + } + @media screen and (min-width:767px) { + width: 33.3333%!important; + margin: 0; + } + } + +} + + +#wrap.demo_style{ + .page_sample{ + border: 1px solid #E4E4E4; + border-bottom: 2px solid #B8B8B8; + } +} + +#wrap.demo_magazine{ + border-top: 1px solid #000; + padding-top: 2em; + .s_latest_posts_big_picture>div.first_is_big figure:first-child { + margin-top: 0; + } +} + + +/*================================================== += Bootstrap 3 Media Queries = +==================================================*/ + +/* Extra Small Devices, Phones */ +@media only screen and (max-width : 480px) { + .v-align { + top: auto; + .translate(0; 0) + } +} + +/* Small Devices, Tablets */ +@media only screen and (min-width : 768px) {} + +/* Medium Devices, Desktops */ +@media only screen and (min-width : 992px) {} + +/* Large Devices, Wide Screens */ +@media only screen and (min-width : 1200px) {} + diff --git a/theme_avantgarde/static/src/less/options/colors/option_main_bg_1.less b/theme_avantgarde/static/src/less/options/colors/option_main_bg_1.less new file mode 100644 index 000000000..8ec333943 --- /dev/null +++ b/theme_avantgarde/static/src/less/options/colors/option_main_bg_1.less @@ -0,0 +1,6 @@ +body{ + background-image:none; +} + +@avant-bg : #fff; +@avant-text : #000; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/colors/option_main_bg_1_pattern.less b/theme_avantgarde/static/src/less/options/colors/option_main_bg_1_pattern.less new file mode 100644 index 000000000..a98ab18be --- /dev/null +++ b/theme_avantgarde/static/src/less/options/colors/option_main_bg_1_pattern.less @@ -0,0 +1,6 @@ +body{ + background-image: @main_bg_pattern; +} + +@avant-bg : #fff; +@avant-text : #000; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/colors/option_main_bg_2.less b/theme_avantgarde/static/src/less/options/colors/option_main_bg_2.less new file mode 100644 index 000000000..359afb0a0 --- /dev/null +++ b/theme_avantgarde/static/src/less/options/colors/option_main_bg_2.less @@ -0,0 +1,6 @@ +body{ + background-image:none; +} + +@avant-bg : #000; +@avant-text : #fff; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/colors/option_main_bg_2_pattern.less b/theme_avantgarde/static/src/less/options/colors/option_main_bg_2_pattern.less new file mode 100644 index 000000000..e398888f2 --- /dev/null +++ b/theme_avantgarde/static/src/less/options/colors/option_main_bg_2_pattern.less @@ -0,0 +1,6 @@ +body{ + background-image: @main_bg_pattern; +} + +@avant-bg : #000; +@avant-text : #fff; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/colors/option_main_bg_3.less b/theme_avantgarde/static/src/less/options/colors/option_main_bg_3.less new file mode 100644 index 000000000..e8cf344ed --- /dev/null +++ b/theme_avantgarde/static/src/less/options/colors/option_main_bg_3.less @@ -0,0 +1,6 @@ +body{ + background-image:none; +} + +@avant-bg : #D3CBBD; +@avant-text : #000; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/colors/option_main_bg_3_pattern.less b/theme_avantgarde/static/src/less/options/colors/option_main_bg_3_pattern.less new file mode 100644 index 000000000..4cd0c318a --- /dev/null +++ b/theme_avantgarde/static/src/less/options/colors/option_main_bg_3_pattern.less @@ -0,0 +1,6 @@ +body{ + background-image: @main_bg_pattern; +} + +@avant-bg : #D3CBBD; +@avant-text : #000; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/colors/option_main_bg_4.less b/theme_avantgarde/static/src/less/options/colors/option_main_bg_4.less new file mode 100644 index 000000000..7c1e7a568 --- /dev/null +++ b/theme_avantgarde/static/src/less/options/colors/option_main_bg_4.less @@ -0,0 +1,6 @@ +body{ + background-image:none; +} + +@avant-bg : #575D69; +@avant-text : #fff; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/colors/option_main_bg_4_pattern.less b/theme_avantgarde/static/src/less/options/colors/option_main_bg_4_pattern.less new file mode 100644 index 000000000..41e7d1eb3 --- /dev/null +++ b/theme_avantgarde/static/src/less/options/colors/option_main_bg_4_pattern.less @@ -0,0 +1,6 @@ +body{ + background-image: @main_bg_pattern; +} + +@avant-bg : #575D69; +@avant-text : #fff; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/colors/palette-1.less b/theme_avantgarde/static/src/less/options/colors/palette-1.less new file mode 100644 index 000000000..e70727d2e --- /dev/null +++ b/theme_avantgarde/static/src/less/options/colors/palette-1.less @@ -0,0 +1,36 @@ +// Gardenia Color Set +// =========================== + +@color-alpha : @color-alpha-palette-1; +@color-beta : @color-beta-palette-1; +@color-gamma : @color-gamma-palette-1; +@color-delta : @color-delta-palette-1; +@color-epsilon : @color-epsilon-palette-1; + + +// ============================= +// Bootstrap Colours =========== +// ============================= + +@brand-primary: @color-alpha; + + +// ============================= +// General Colours ============= +// ============================= + +@avant-text: @gray-darker; + + +// ============================= +// Snipets ===================== +// ============================= + +.jumbotron { + background-color: #DDD; +} + + + + + diff --git a/theme_avantgarde/static/src/less/options/colors/palette-2.less b/theme_avantgarde/static/src/less/options/colors/palette-2.less new file mode 100644 index 000000000..13e64a32a --- /dev/null +++ b/theme_avantgarde/static/src/less/options/colors/palette-2.less @@ -0,0 +1,21 @@ +// Pacifico Color Set +// ============================= + +@color-alpha : @color-alpha-palette-2; +@color-beta : @color-beta-palette-2; +@color-gamma : @color-gamma-palette-2; +@color-delta : @color-delta-palette-2; +@color-epsilon : @color-epsilon-palette-2; + + + +// ============================= +// Bootstrap Colours =========== +// ============================= + +@brand-primary : @color-alpha; +@brand-info : #4D68A3; +@brand-success : #5CB85C; +@brand-info : #4D68A3; +@brand-warning : #DDC66B; +@brand-danger : #D86060; diff --git a/theme_avantgarde/static/src/less/options/colors/palette-3.less b/theme_avantgarde/static/src/less/options/colors/palette-3.less new file mode 100644 index 000000000..c1a6b1a51 --- /dev/null +++ b/theme_avantgarde/static/src/less/options/colors/palette-3.less @@ -0,0 +1,25 @@ +// Tender Color Set + + +// ============================= + +@color-alpha : @color-alpha-palette-3; +@color-beta : @color-beta-palette-3; +@color-gamma : @color-gamma-palette-3; +@color-delta : @color-delta-palette-3; +@color-epsilon : @color-epsilon-palette-3; + + + +// ============================= +// Bootstrap Colours =========== +// ============================= + +@brand-primary : @color-alpha; +@brand-info : #5877BA; +@brand-success : #31B05E; +@brand-info : #4D68A3; +@brand-warning : #EACF41; +@brand-danger : #CB3E3E; + + diff --git a/theme_avantgarde/static/src/less/options/colors/palette-4.less b/theme_avantgarde/static/src/less/options/colors/palette-4.less new file mode 100644 index 000000000..9c3608749 --- /dev/null +++ b/theme_avantgarde/static/src/less/options/colors/palette-4.less @@ -0,0 +1,17 @@ +// MWAD Color Set +// ========================== + +@color-alpha : @color-alpha-palette-4; +@color-beta : @color-beta-palette-4; +@color-gamma : @color-gamma-palette-4; +@color-delta : @color-delta-palette-4; +@color-epsilon : @color-epsilon-palette-4; + + +// ============================= +// Bootstrap Colours =========== +// ============================= + +@brand-primary: @color-alpha; +@brand-success: #5CB85C; + diff --git a/theme_avantgarde/static/src/less/options/colors/palette-5.less b/theme_avantgarde/static/src/less/options/colors/palette-5.less new file mode 100644 index 000000000..efab107db --- /dev/null +++ b/theme_avantgarde/static/src/less/options/colors/palette-5.less @@ -0,0 +1,43 @@ +// Gardenia Color Set +// =========================== + +@color-alpha : @color-alpha-palette-5; +@color-beta : @color-beta-palette-5; +@color-gamma : @color-gamma-palette-5; +@color-delta : @color-delta-palette-5; +@color-epsilon : @color-epsilon-palette-5; + + +// ============================= +// Bootstrap Colours =========== +// ============================= + +@brand-primary: @color-alpha; + + + +// ============================= +// General Colours ============= +// ============================= + +@avant-text: @gray-darker; + + +// ============================= +// Snipets ===================== +// ============================= + + + +.jumbotron { + background-color: #DDD; +} + + + + + + + + + diff --git a/theme_avantgarde/static/src/less/options/colors/palette-6.less b/theme_avantgarde/static/src/less/options/colors/palette-6.less new file mode 100644 index 000000000..438945a6a --- /dev/null +++ b/theme_avantgarde/static/src/less/options/colors/palette-6.less @@ -0,0 +1,39 @@ +// Gardenia Color Set +// =========================== + +@color-alpha : @color-alpha-palette-6; +@color-beta : @color-beta-palette-6; +@color-gamma : @color-gamma-palette-6; +@color-delta : @color-delta-palette-6; +@color-epsilon : @color-epsilon-palette-6; + + +// ============================= +// Bootstrap Colours =========== +// ============================= + +@brand-primary: @color-alpha; + + + +// ============================= +// General Colours ============= +// ============================= + +@avant-text: @gray-darker; + + +// ============================= +// Snipets ===================== +// ============================= + +.jumbotron { + background-color: #DDD; +} + + + + + + + diff --git a/theme_avantgarde/static/src/less/options/colors/palette-7.less b/theme_avantgarde/static/src/less/options/colors/palette-7.less new file mode 100644 index 000000000..a4d479c38 --- /dev/null +++ b/theme_avantgarde/static/src/less/options/colors/palette-7.less @@ -0,0 +1,37 @@ +// Gardenia Color Set +// =========================== + +@color-alpha : @color-alpha-palette-7; +@color-beta : @color-beta-palette-7; +@color-gamma : @color-gamma-palette-7; +@color-delta : @color-delta-palette-7; +@color-epsilon : @color-epsilon-palette-7; + + +// ============================= +// Bootstrap Colours =========== +// ============================= + +@brand-primary: @color-alpha; + + +// ============================= +// General Colours ============= +// ============================= + +@avant-text: @gray-darker; + + +// ============================= +// Snipets ===================== +// ============================= + +.jumbotron { + background-color: #DDD; +} + + + + + + diff --git a/theme_avantgarde/static/src/less/options/colors/palette-8.less b/theme_avantgarde/static/src/less/options/colors/palette-8.less new file mode 100644 index 000000000..49a9c635b --- /dev/null +++ b/theme_avantgarde/static/src/less/options/colors/palette-8.less @@ -0,0 +1,38 @@ +// Gardenia Color Set +// =========================== + +@color-alpha : @color-alpha-palette-8; +@color-beta : @color-beta-palette-8; +@color-gamma : @color-gamma-palette-8; +@color-delta : @color-delta-palette-8; +@color-epsilon : @color-epsilon-palette-8; + + +// ============================= +// Bootstrap Colours =========== +// ============================= + +@brand-primary: @color-alpha; + + +// ============================= +// General Colours ============= +// ============================= + +@avant-text: @gray-darker; + + +// ============================= +// Snipets ===================== +// ============================= + + + +.jumbotron { + background-color: #DDD; +} + + + + + diff --git a/theme_avantgarde/static/src/less/options/fonts/heading-abril.less b/theme_avantgarde/static/src/less/options/fonts/heading-abril.less new file mode 100644 index 000000000..358b7c3ab --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/heading-abril.less @@ -0,0 +1,5 @@ +@import url(http://fonts.googleapis.com/css?family=Abril+Fatface&subset=latin,latin-ext); + +@avant-family-heading: 'Abril Fatface', cursive; +@avant-family-heading-letter-spacing : 0; +@avant-family-heading-word-spacing : 0; diff --git a/theme_avantgarde/static/src/less/options/fonts/heading-alfa_slab.less b/theme_avantgarde/static/src/less/options/fonts/heading-alfa_slab.less new file mode 100644 index 000000000..bada165ef --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/heading-alfa_slab.less @@ -0,0 +1,5 @@ +@import url(http://fonts.googleapis.com/css?family=Alfa+Slab+One&subset=latin,latin-ext); + +@avant-family-heading: 'Alfa Slab One', cursive; +@avant-family-heading-letter-spacing : 0.01em;; +@avant-family-heading-word-spacing : 0; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/fonts/heading-arvo.less b/theme_avantgarde/static/src/less/options/fonts/heading-arvo.less new file mode 100644 index 000000000..a99cf231a --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/heading-arvo.less @@ -0,0 +1,3 @@ +@import url(http://fonts.googleapis.com/css?family=Arvo:400,700,400italic,700italic&subset=latin,latin-ext); + +@avant-family-heading: 'Arvo', serif; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/fonts/heading-cantata.less b/theme_avantgarde/static/src/less/options/fonts/heading-cantata.less new file mode 100644 index 000000000..08b3597e1 --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/heading-cantata.less @@ -0,0 +1,3 @@ +@import url(http://fonts.googleapis.com/css?family=Cantata+One&subset=latin,latin-ext); + +@avant-family-heading: 'Cantata One', serif; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/fonts/heading-lato.less b/theme_avantgarde/static/src/less/options/fonts/heading-lato.less new file mode 100644 index 000000000..3d006c06a --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/heading-lato.less @@ -0,0 +1,4 @@ +@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic&subset=latin,latin-ext); + +@avant-family-heading: 'Lato', sans-serif; + diff --git a/theme_avantgarde/static/src/less/options/fonts/heading-open_sans.less b/theme_avantgarde/static/src/less/options/fonts/heading-open_sans.less new file mode 100644 index 000000000..81ee65049 --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/heading-open_sans.less @@ -0,0 +1,3 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,latin-ext); + +@avant-family-heading: 'Open Sans Condensed', sans-serif; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/fonts/heading-oswald.less b/theme_avantgarde/static/src/less/options/fonts/heading-oswald.less new file mode 100644 index 000000000..3d07fbabe --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/heading-oswald.less @@ -0,0 +1,3 @@ +@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300&subset=latin,latin-ext); + +@avant-family-heading: 'Oswald', sans-serif; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/fonts/heading-poiret_one.less b/theme_avantgarde/static/src/less/options/fonts/heading-poiret_one.less new file mode 100644 index 000000000..1afcb1368 --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/heading-poiret_one.less @@ -0,0 +1,3 @@ +@import url(http://fonts.googleapis.com/css?family=Poiret+One&subset=latin,latin-ext); + +@avant-family-heading: 'Poiret One', cursive; diff --git a/theme_avantgarde/static/src/less/options/fonts/heading-pt_sans.less b/theme_avantgarde/static/src/less/options/fonts/heading-pt_sans.less new file mode 100644 index 000000000..02dd880c7 --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/heading-pt_sans.less @@ -0,0 +1,3 @@ +@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,latin-ext); + +@avant-family-heading: 'PT Sans Narrow', sans-serif; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/fonts/heading-raleway.less b/theme_avantgarde/static/src/less/options/fonts/heading-raleway.less new file mode 100644 index 000000000..76870ccd6 --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/heading-raleway.less @@ -0,0 +1,3 @@ +@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,600,500,700,800,900&subset=latin,latin-ext); + +@avant-family-heading: 'Raleway', sans-serif; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/fonts/heading-roboto_slab.less b/theme_avantgarde/static/src/less/options/fonts/heading-roboto_slab.less new file mode 100644 index 000000000..c524beb25 --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/heading-roboto_slab.less @@ -0,0 +1,3 @@ +@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700&subset=latin,latin-ext); + +@avant-family-heading: 'Roboto Slab', serif; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/fonts/heading-rufina.less b/theme_avantgarde/static/src/less/options/fonts/heading-rufina.less new file mode 100644 index 000000000..160a8497a --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/heading-rufina.less @@ -0,0 +1,5 @@ +@import url(http://fonts.googleapis.com/css?family=Rufina:400,700&subset=latin,latin-ext); + +@avant-family-heading : 'Rufina', serif; + +@avant-family-heading-weight : 700; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/fonts/paragraph-abril.less b/theme_avantgarde/static/src/less/options/fonts/paragraph-abril.less new file mode 100644 index 000000000..7a735e4be --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/paragraph-abril.less @@ -0,0 +1,4 @@ +@import url(http://fonts.googleapis.com/css?family=Abril+Fatface&subset=latin,latin-ext); + +@avant-family-base: 'Abril Fatface', cursive; + diff --git a/theme_avantgarde/static/src/less/options/fonts/paragraph-arvo.less b/theme_avantgarde/static/src/less/options/fonts/paragraph-arvo.less new file mode 100644 index 000000000..6dcef4704 --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/paragraph-arvo.less @@ -0,0 +1,3 @@ +@import url(http://fonts.googleapis.com/css?family=Arvo:400,700,400italic,700italic&subset=latin,latin-ext); + +@avant-family-base: 'Arvo', serif; diff --git a/theme_avantgarde/static/src/less/options/fonts/paragraph-cinzel.less b/theme_avantgarde/static/src/less/options/fonts/paragraph-cinzel.less new file mode 100644 index 000000000..49b10a60f --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/paragraph-cinzel.less @@ -0,0 +1,3 @@ +@import url(http://fonts.googleapis.com/css?family=Cinzel+Decorative:400,700,900&subset=latin,latin-ext); + +@avant-family-base: 'Cinzel Decorative', cursive; diff --git a/theme_avantgarde/static/src/less/options/fonts/paragraph-lato.less b/theme_avantgarde/static/src/less/options/fonts/paragraph-lato.less new file mode 100644 index 000000000..630ab9b64 --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/paragraph-lato.less @@ -0,0 +1,4 @@ +@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic&subset=latin,latin-ext); + +@avant-family-base: 'Lato', sans-serif; + diff --git a/theme_avantgarde/static/src/less/options/fonts/paragraph-open_sans.less b/theme_avantgarde/static/src/less/options/fonts/paragraph-open_sans.less new file mode 100644 index 000000000..2ed80e765 --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/paragraph-open_sans.less @@ -0,0 +1,3 @@ +@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,latin-ext); + +@avant-family-base: 'Open Sans Condensed', sans-serif; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/fonts/paragraph-oswald.less b/theme_avantgarde/static/src/less/options/fonts/paragraph-oswald.less new file mode 100644 index 000000000..bf0863af4 --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/paragraph-oswald.less @@ -0,0 +1,3 @@ +@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300&subset=latin,latin-ext); + +@avant-family-base: 'Oswald', sans-serif; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/fonts/paragraph-poiret_one.less b/theme_avantgarde/static/src/less/options/fonts/paragraph-poiret_one.less new file mode 100644 index 000000000..06baef033 --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/paragraph-poiret_one.less @@ -0,0 +1,3 @@ +@import url(http://fonts.googleapis.com/css?family=Poiret+One&subset=latin,latin-ext); + +@avant-family-base: 'Poiret One', cursive; diff --git a/theme_avantgarde/static/src/less/options/fonts/paragraph-pt_sans.less b/theme_avantgarde/static/src/less/options/fonts/paragraph-pt_sans.less new file mode 100644 index 000000000..4c0f148df --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/paragraph-pt_sans.less @@ -0,0 +1,3 @@ +@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,latin-ext); + +@avant-family-base: 'PT Sans Narrow', sans-serif; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/fonts/paragraph-raleway.less b/theme_avantgarde/static/src/less/options/fonts/paragraph-raleway.less new file mode 100644 index 000000000..8f304df9b --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/paragraph-raleway.less @@ -0,0 +1,3 @@ +@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,600,500,700,800,900&subset=latin,latin-ext); + +@avant-family-base: 'Raleway', sans-serif; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/fonts/paragraph-roboto_slab.less b/theme_avantgarde/static/src/less/options/fonts/paragraph-roboto_slab.less new file mode 100644 index 000000000..873ec03bb --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/paragraph-roboto_slab.less @@ -0,0 +1,3 @@ +@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700&subset=latin,latin-ext); + +@avant-family-base: 'Roboto Slab', serif; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/fonts/paragraph-vollkorn.less b/theme_avantgarde/static/src/less/options/fonts/paragraph-vollkorn.less new file mode 100644 index 000000000..79720c924 --- /dev/null +++ b/theme_avantgarde/static/src/less/options/fonts/paragraph-vollkorn.less @@ -0,0 +1,3 @@ +@import url(http://fonts.googleapis.com/css?family=Vollkorn:400italic,700italic,400,700&subset=latin,latin-ext); + +@avant-family-base: 'Vollkorn', serif; \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/layouts/boxed.less b/theme_avantgarde/static/src/less/options/layouts/boxed.less new file mode 100644 index 000000000..7581f9c7d --- /dev/null +++ b/theme_avantgarde/static/src/less/options/layouts/boxed.less @@ -0,0 +1,31 @@ +// Option Layout Boxed + +@avantgarde-layout-boxed : true; + +#wrap, footer > .container, footer > #footer{ + .container{max-width: 100%} +} + +#wrap { + margin-top: 0; +} + +#wrapwrap { + padding: 0; + width: 85%; + max-width: 1024px; + margin: 0 auto; +} + +#avant_header { + + .navbar{ + padding: 20px 10px; + } + + a.navbar-brand.logo { + padding: 0px; + } + + +} \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/layouts/fullwidth.less b/theme_avantgarde/static/src/less/options/layouts/fullwidth.less new file mode 100644 index 000000000..6baad815b --- /dev/null +++ b/theme_avantgarde/static/src/less/options/layouts/fullwidth.less @@ -0,0 +1,3 @@ +#pre-header { + padding: 10px 10px; +} \ No newline at end of file diff --git a/theme_avantgarde/static/src/less/options/layouts/pre_header.less b/theme_avantgarde/static/src/less/options/layouts/pre_header.less new file mode 100644 index 000000000..e9a737ea0 --- /dev/null +++ b/theme_avantgarde/static/src/less/options/layouts/pre_header.less @@ -0,0 +1,13 @@ +#pre-header { + display: block; +} + + +// Customize Modal + +body #theme_customize_modal #tab_options { + .sample_header { padding-top: 0!important;} + .pre_header{ + display: block!important; + } +} diff --git a/theme_avantgarde/static/src/less/options/layouts/wide_logo.less b/theme_avantgarde/static/src/less/options/layouts/wide_logo.less new file mode 100644 index 000000000..c075e553a --- /dev/null +++ b/theme_avantgarde/static/src/less/options/layouts/wide_logo.less @@ -0,0 +1,292 @@ + +#avant_header:not(.disabled) { + + > .navbar{ + padding-left: 0; + padding-right: 0; + @media (min-width: 768px) { + .container { + padding-right: 0; + } + } + } + .navbar-header{ + float: none!important; + position: relative; + } + button.navbar-toggle{ + display: block; + border-color: rgba(0, 0, 0, 0); + background-color: rgba(0, 0, 0, 0); + position: absolute; + top: 50%; + -moz-transform-origin: 100% 20%; + -ms-transform-origin: 100% 20%; + -o-transform-origin: 100% 20%; + -webkit-transform-origin: 100% 20%; + transform-origin: 100% 20%; + -moz-transform: scale(1.3) translatey(-80%); + -ms-transform: scale(1.3) translatey(-80%); + -o-transform: scale(1.3) translatey(-80%); + -webkit-transform: scale(1.3) translatey(-80%); + transform: scale(1.3) translatey(-80%); + right: 0; + + transform-origin: 100% 20%; + .transition(all 400ms); + .icon-bar { + width: 25px; + height: 3px; + .transition(all 400ms); + &:nth-child(2){ + transform: rotate(45deg); + transform-origin: 50% 50%; + } + &:nth-child(3){ + transform-origin: 50% 50%; + transform: rotate(-45deg)translateY(-5px)translateX(4px); + } + &:nth-child(4){ + height: 3px; + opacity: 0; + } + } + &:hover{ + background-color: rgba(0, 0, 0, 0); + cursor: pointer; + + .icon-bar { + background-color: @color-alpha; + } + } + @media only screen and (min-width : 350px) { + height: 3em; + } + @media only screen and (min-width : 480px) { + height: 2.5em; + } + + /* Small Devices, Tablets */ + @media only screen and (min-width : 768px) { + height: 3.6em; + } + + /* Medium Devices, Desktops */ + @media only screen and (min-width : 992px) { + height: 4.5em; + } + &.collapsed{ + -moz-transform: scale(1) translatey(-80%); + -ms-transform: scale(1) translatey(-80%); + -o-transform: scale(1) translatey(-80%); + -webkit-transform: scale(1) translatey(-80%); + transform: scale(1) translatey(-80%); + .icon-bar { + background-color: fadeOut(@avant-text,20%); + .transition(all 400ms); + &:nth-child(2){ + transform: rotate(0deg); + } + &:nth-child(3){ + transform: rotate(0deg)translateY(0px)translateX(0px); + } + &:nth-child(4){ + height: 3px; + opacity: 1; + } + } + &:hover{ + .icon-bar { + background-color: @color-alpha; + } + } + } + } + + .collapse.navbar-collapse.navbar-top-collapse { + display: none!important; + overflow-x: hidden!important; + .transition(padding none); + &.in, &.collapsing{ + + display: block!important; + overflow-x: hidden!important; + } + } + #top_menu { + text-align: right; + float: none!important; + overflow: hidden; + max-width: 100%; + margin-top: 0px; + padding-right: 15px; + padding-bottom: 2em; + + > li{ + float: none!important; + width: 100%; + overflow: hidden; + &.divider{ + margin: 5px 0; + border: none; + padding: 0; + border:none; + } + a { + font-size: 1.6em; + float: right; + padding: 9px; + background-color: @avant-bg; + margin-bottom: .31em; + clear: both; + .transition(all 300ms ease-in-out); + } + a:hover{ + .translate(-10px,0); + } + //dropdowns + &.dropdown.open{ + + > a.dropdown-toggle { + background-color: @avant-bg; + } + } + + .dropdown-menu{ + position: static; + float: right; + clear: both; + background-color: rgba(0, 0, 0, 0); + border: none; + box-shadow: none; + margin-right: 1.5em; + margin-bottom: 1em; + a{ + color: @avant-text; + font-size: 1em; + } + } + + } + } + + + a.navbar-brand { + + // text version + font-family : @avant-family-heading; + font-style : @avant-family-heading-style; + color : @avant-text; + font-size : 2em; + @media only screen and (min-width : 350px) { + font-size: 3em; + } + @media only screen and (min-width : 480px) { + font-size: 3em; + } + + /* Small Devices, Tablets */ + @media only screen and (min-width : 768px) { + font-size: 5em; + } + + /* Medium Devices, Desktops */ + @media only screen and (min-width : 992px) { + font-size: 6em; + padding: .3em 0 .3em 15px; + } + + // image version + &.logo { + max-width: 80%; + height: auto; + img{ + max-width: 100%; + max-height: 120px; + } + } + } +} + + +// LAYOUT BOXED +.avantgarde-layout-boxed() when (@avantgarde-layout-boxed = true) { + #avant_header:not(.disabled) { + a.navbar-brand { + padding-left : 0; + /* Medium Devices, Desktops */ + @media only screen and (min-width : 992px) { + font-size: 6em; + padding: .3em 0; + } + } + button.navbar-toggle{ + margin-right: 0; + padding-right: 0; + } + } +} +.avantgarde-layout-boxed(); + + +// Top Content +#wrapwrap.top_content{ + #avant_header:not(.disabled){ + .navbar-collapse{ + overflow: hidden; + position: absolute; + right: 0; + width: 100%; + padding: 10px; + background-color: fadeout(@avant-text, 80%) + } + #top_menu, #top_menu.collapsing { + padding: 0; + margin: 0; + li { + float: right!important; + > a{ + float: right!important; + } + } + .dropdown-menu{ + a, a:hover{ + .translate(0, 0); + margin-left: 3px; + } + } + } + @media only screen and (max-width : 768px) { + #top_menu{ + background-color: @avant-bg; + padding-right: 5%; + } + .navbar-collapse{ + padding: 0; + } + } + } +} + +// Customize Modal + +body #theme_customize_modal #tab_options { + .sample_header{ + height: 30px; + h3{ + font-size: 1.7em; + line-height: 1.5em; + } + p.sample_menu{ + display: none; + } + i.fa-bars{ + display: inline!important;; + position: relative; + color: @avant-text; + float: right; + line-height: 2.3em; + } + } +} + diff --git a/theme_avantgarde/static/src/lib/jquery.mb.YTPlayer.js b/theme_avantgarde/static/src/lib/jquery.mb.YTPlayer.js new file mode 100644 index 000000000..1d425a3d7 --- /dev/null +++ b/theme_avantgarde/static/src/lib/jquery.mb.YTPlayer.js @@ -0,0 +1,1230 @@ +/*___________________________________________________________________________________________________________________________________________________ + _ jquery.mb.components _ + _ _ + _ file: jquery.mb.YTPlayer.js _ + _ last modified: 19/08/14 20.13 _ + _ _ + _ Open Lab s.r.l., Florence - Italy _ + _ _ + _ email: matteo@open-lab.com _ + _ site: http://pupunzi.com _ + _ http://open-lab.com _ + _ blog: http://pupunzi.open-lab.com _ + _ Q&A: http://jquery.pupunzi.com _ + _ _ + _ Licences: MIT, GPL _ + _ http://www.opensource.org/licenses/mit-license.php _ + _ http://www.gnu.org/licenses/gpl.html _ + _ _ + _ Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi); _ + ___________________________________________________________________________________________________________________________________________________*/ + +var ytp = ytp || {}; + +function onYouTubePlayerAPIReady() { + if(ytp.YTAPIReady) + return; + + ytp.YTAPIReady=true; + jQuery(document).trigger("YTAPIReady"); +} + +(function (jQuery, ytp) { + + /*Browser detection patch*/ + var nAgt = navigator.userAgent; + if (!jQuery.browser) { + jQuery.browser = {}; + jQuery.browser.mozilla = !1; + jQuery.browser.webkit = !1; + jQuery.browser.opera = !1; + jQuery.browser.safari = !1; + jQuery.browser.chrome = !1; + jQuery.browser.msie = !1; + jQuery.browser.ua = nAgt; + jQuery.browser.name = navigator.appName; + jQuery.browser.fullVersion = "" + parseFloat(navigator.appVersion); + jQuery.browser.majorVersion = parseInt(navigator.appVersion, 10); + var nameOffset, verOffset, ix; + if (-1 != (verOffset = nAgt.indexOf("Opera")))jQuery.browser.opera = !0, jQuery.browser.name = "Opera", jQuery.browser.fullVersion = nAgt.substring(verOffset + 6), -1 != (verOffset = nAgt.indexOf("Version")) && (jQuery.browser.fullVersion = nAgt.substring(verOffset + 8)); else if (-1 != (verOffset = nAgt.indexOf("MSIE")))jQuery.browser.msie = !0, jQuery.browser.name = "Microsoft Internet Explorer", jQuery.browser.fullVersion = nAgt.substring(verOffset + 5); else if (-1 != nAgt.indexOf("Trident")) { + jQuery.browser.msie = !0; + jQuery.browser.name = "Microsoft Internet Explorer"; + var start = nAgt.indexOf("rv:") + 3, end = start + 4; + jQuery.browser.fullVersion = nAgt.substring(start, end) + } else-1 != (verOffset = nAgt.indexOf("Chrome")) ? (jQuery.browser.webkit = !0, jQuery.browser.chrome = !0, jQuery.browser.name = "Chrome", jQuery.browser.fullVersion = nAgt.substring(verOffset + 7)) : -1 != (verOffset = nAgt.indexOf("Safari")) ? (jQuery.browser.webkit = !0, jQuery.browser.safari = !0, jQuery.browser.name = "Safari", jQuery.browser.fullVersion = nAgt.substring(verOffset + 7), -1 != (verOffset = nAgt.indexOf("Version")) && (jQuery.browser.fullVersion = nAgt.substring(verOffset + 8))) : -1 != (verOffset = nAgt.indexOf("AppleWebkit")) ? (jQuery.browser.webkit = !0, jQuery.browser.name = "Safari", jQuery.browser.fullVersion = nAgt.substring(verOffset + 7), -1 != (verOffset = nAgt.indexOf("Version")) && (jQuery.browser.fullVersion = nAgt.substring(verOffset + 8))) : -1 != (verOffset = nAgt.indexOf("Firefox")) ? (jQuery.browser.mozilla = !0, jQuery.browser.name = "Firefox", jQuery.browser.fullVersion = nAgt.substring(verOffset + 8)) : (nameOffset = nAgt.lastIndexOf(" ") + 1) < (verOffset = nAgt.lastIndexOf("/")) && (jQuery.browser.name = nAgt.substring(nameOffset, verOffset), jQuery.browser.fullVersion = nAgt.substring(verOffset + 1), jQuery.browser.name.toLowerCase() == jQuery.browser.name.toUpperCase() && (jQuery.browser.name = navigator.appName)); + -1 != (ix = jQuery.browser.fullVersion.indexOf(";")) && (jQuery.browser.fullVersion = jQuery.browser.fullVersion.substring(0, ix)); + -1 != (ix = jQuery.browser.fullVersion.indexOf(" ")) && (jQuery.browser.fullVersion = jQuery.browser.fullVersion.substring(0, ix)); + jQuery.browser.majorVersion = parseInt("" + jQuery.browser.fullVersion, 10); + isNaN(jQuery.browser.majorVersion) && (jQuery.browser.fullVersion = "" + parseFloat(navigator.appVersion), jQuery.browser.majorVersion = parseInt(navigator.appVersion, 10)); + jQuery.browser.version = jQuery.browser.majorVersion + } + jQuery.browser.android = /Android/i.test(nAgt); + jQuery.browser.blackberry = /BlackBerry|BB|PlayBook/i.test(nAgt); + jQuery.browser.ios = /iPhone|iPad|iPod|webOS/i.test(nAgt); + jQuery.browser.operaMobile = /Opera Mini/i.test(nAgt); + jQuery.browser.kindle = /Kindle|Silk/i.test(nAgt); + jQuery.browser.windowsMobile = /IEMobile|Windows Phone/i.test(nAgt); + jQuery.browser.mobile = jQuery.browser.android || jQuery.browser.blackberry || jQuery.browser.ios || jQuery.browser.windowsMobile || jQuery.browser.operaMobile || jQuery.browser.kindle; + + /******************************************************************************* + * jQuery.mb.components: jquery.mb.CSSAnimate + ******************************************************************************/ + + jQuery.fn.CSSAnimate=function(a,g,p,m,h){function r(a){return a.replace(/([A-Z])/g,function(a){return"-"+a.toLowerCase()})}function f(a,f){return"string"!==typeof a||a.match(/^[\-0-9\.]+$/)?""+a+f:a}jQuery.support.CSStransition=function(){var a=(document.body||document.documentElement).style;return void 0!==a.transition||void 0!==a.WebkitTransition||void 0!==a.MozTransition||void 0!==a.MsTransition||void 0!==a.OTransition}();return this.each(function(){var e=this,k=jQuery(this);e.id=e.id||"CSSA_"+ (new Date).getTime();var l=l||{type:"noEvent"};if(e.CSSAIsRunning&&e.eventType==l.type)e.CSSqueue=function(){k.CSSAnimate(a,g,p,m,h)};else if(e.CSSqueue=null,e.eventType=l.type,0!==k.length&&a){e.CSSAIsRunning=!0;"function"==typeof g&&(h=g,g=jQuery.fx.speeds._default);"function"==typeof p&&(h=p,p=0);"function"==typeof m&&(h=m,m="cubic-bezier(0.65,0.03,0.36,0.72)");if("string"==typeof g)for(var b in jQuery.fx.speeds)if(g==b){g=jQuery.fx.speeds[b];break}else g=jQuery.fx.speeds._default;g||(g=jQuery.fx.speeds._default); if(jQuery.support.CSStransition){l={"default":"ease","in":"ease-in",out:"ease-out","in-out":"ease-in-out",snap:"cubic-bezier(0,1,.5,1)",easeOutCubic:"cubic-bezier(.215,.61,.355,1)",easeInOutCubic:"cubic-bezier(.645,.045,.355,1)",easeInCirc:"cubic-bezier(.6,.04,.98,.335)",easeOutCirc:"cubic-bezier(.075,.82,.165,1)",easeInOutCirc:"cubic-bezier(.785,.135,.15,.86)",easeInExpo:"cubic-bezier(.95,.05,.795,.035)",easeOutExpo:"cubic-bezier(.19,1,.22,1)",easeInOutExpo:"cubic-bezier(1,0,0,1)",easeInQuad:"cubic-bezier(.55,.085,.68,.53)", easeOutQuad:"cubic-bezier(.25,.46,.45,.94)",easeInOutQuad:"cubic-bezier(.455,.03,.515,.955)",easeInQuart:"cubic-bezier(.895,.03,.685,.22)",easeOutQuart:"cubic-bezier(.165,.84,.44,1)",easeInOutQuart:"cubic-bezier(.77,0,.175,1)",easeInQuint:"cubic-bezier(.755,.05,.855,.06)",easeOutQuint:"cubic-bezier(.23,1,.32,1)",easeInOutQuint:"cubic-bezier(.86,0,.07,1)",easeInSine:"cubic-bezier(.47,0,.745,.715)",easeOutSine:"cubic-bezier(.39,.575,.565,1)",easeInOutSine:"cubic-bezier(.445,.05,.55,.95)",easeInBack:"cubic-bezier(.6,-.28,.735,.045)", easeOutBack:"cubic-bezier(.175, .885,.32,1.275)",easeInOutBack:"cubic-bezier(.68,-.55,.265,1.55)"};l[m]&&(m=l[m]);var d="",q="transitionEnd";jQuery.browser.webkit?(d="-webkit-",q="webkitTransitionEnd"):jQuery.browser.mozilla?(d="-moz-",q="transitionend"):jQuery.browser.opera?(d="-o-",q="otransitionend"):jQuery.browser.msie&&(d="-ms-",q="msTransitionEnd");l=[];for(c in a){b=c;"transform"===b&&(b=d+"transform",a[b]=a[c],delete a[c]);"filter"===b&&(b=d+"filter",a[b]=a[c],delete a[c]);if("transform-origin"=== b||"origin"===b)b=d+"transform-origin",a[b]=a[c],delete a[c];"x"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" translateX("+f(a[c],"px")+")",delete a[c]);"y"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" translateY("+f(a[c],"px")+")",delete a[c]);"z"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" translateZ("+f(a[c],"px")+")",delete a[c]);"rotate"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" rotate("+f(a[c],"deg")+")",delete a[c]);"rotateX"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" rotateX("+f(a[c],"deg")+ ")",delete a[c]);"rotateY"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" rotateY("+f(a[c],"deg")+")",delete a[c]);"rotateZ"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" rotateZ("+f(a[c],"deg")+")",delete a[c]);"scale"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" scale("+f(a[c],"")+")",delete a[c]);"scaleX"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" scaleX("+f(a[c],"")+")",delete a[c]);"scaleY"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" scaleY("+f(a[c],"")+")",delete a[c]);"scaleZ"===b&&(b=d+"transform", a[b]=a[b]||"",a[b]+=" scaleZ("+f(a[c],"")+")",delete a[c]);"skew"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" skew("+f(a[c],"deg")+")",delete a[c]);"skewX"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" skewX("+f(a[c],"deg")+")",delete a[c]);"skewY"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" skewY("+f(a[c],"deg")+")",delete a[c]);"perspective"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" perspective("+f(a[c],"px")+")",delete a[c]);0>l.indexOf(b)&&l.push(r(b))}var c=l.join(","),s=function(){k.off(q+"."+ e.id);clearTimeout(e.timeout);k.css(d+"transition","");"function"==typeof h&&h(k);e.called=!0;e.CSSAIsRunning=!1;"function"==typeof e.CSSqueue&&(e.CSSqueue(),e.CSSqueue=null)},n={};jQuery.extend(n,a);n[d+"transition-property"]=c;n[d+"transition-duration"]=g+"ms";n[d+"transition-delay"]=p+"ms";n[d+"transition-style"]="preserve-3d";n[d+"transition-timing-function"]=m;setTimeout(function(){k.one(q+"."+e.id,s);k.css(n)},1);e.timeout=setTimeout(function(){k.called||!h?(k.called=!1,e.CSSAIsRunning=!1):(k.css(d+ "transition",""),h(k),e.CSSAIsRunning=!1,"function"==typeof e.CSSqueue&&(e.CSSqueue(),e.CSSqueue=null))},g+p+100)}else{for(var c in a)"transform"===c&&delete a[c],"filter"===c&&delete a[c],"transform-origin"===c&&delete a[c],"auto"===a[c]&&delete a[c];h&&"string"!==typeof h||(h="linear");k.animate(a,g,h)}}})}; + + /******************************************************************************/ + + var getYTPVideoID = function (url) { + + var videoID, playlistID; + + if (url.indexOf("youtu.be") > 0) { + videoID = url.substr(url.lastIndexOf("/")+1, url.length); + playlistID = videoID.indexOf("?list=") > 0 ? videoID.substr(videoID.lastIndexOf("="), videoID.length) : null; + videoID = playlistID ? videoID.substr(0, videoID.lastIndexOf("?")) : videoID; + } else if (url.indexOf("http") > -1) { + videoID = url.match(/[\\?&]v=([^&#]*)/)[1]; + playlistID = url.indexOf("list=")>0 ? url.match(/[\\?&]list=([^&#]*)/)[1] : null; + } else { + videoID = url.length > 15 ? null : url; + playlistID = videoID ? null : url; + } + + return {videoID: videoID, playlistID: playlistID}; + }; + + /* todo: + setPlaybackRate() + playlist + */ + + jQuery.mbYTPlayer = { + name : "jquery.mb.YTPlayer", + version: "2.8.0", + author : "Matteo Bicocchi", + + defaults: { + + containment : "body", + ratio : "auto", // "auto", "16/9", "4/3" + videoURL : null, + playlistURL : null, + startAt : 0, + stopAt : 0, + autoPlay : true, + vol : 100, // 1 to 100 + addRaster : false, + opacity : 1, + quality : "default", //or “small”, “medium”, “large”, “hd720”, “hd1080”, “highres” + mute : false, + loop : true, + showControls : true, + showAnnotations : false, + showYTLogo : true, + stopMovieOnClick : false, + stopMovieOnBlur : true, + realfullscreen : true, + gaTrack : true, + optimizeDisplay : true, + onReady : function (player) {} + + }, + + /* @fontface icons */ + controls: { + play : "P", + pause : "p", + mute : "M", + unmute : "A", + onlyYT : "O", + showSite: "R", + ytLogo : "Y" + }, + + locationProtocol: "https:", + + buildPlayer: function (options) { + + /* + if (jQuery.browser.mobile) + return this; + */ + + return this.each(function () { + var YTPlayer = this; + var $YTPlayer = jQuery(YTPlayer); + + YTPlayer.loop = 0; + YTPlayer.opt = {}; + + $YTPlayer.addClass("mb_YTPlayer"); + + var property = $YTPlayer.data("property") && typeof $YTPlayer.data("property") == "string" ? eval('(' + $YTPlayer.data("property") + ')') : $YTPlayer.data("property"); + + if (typeof property != "undefined" && typeof property.vol != "undefined") + property.vol = property.vol == 0 ? property.vol = 1 : property.vol; + + jQuery.extend(YTPlayer.opt, jQuery.mbYTPlayer.defaults, options, property); + + var isIframe = function() { + var isIframe = false; + try{ + if (self.location.href != top.location.href) + isIframe = true; + } catch(e) { + isIframe = true; + } + return isIframe; + }; + + var canGoFullScreen = !(jQuery.browser.msie || jQuery.browser.opera || isIframe()); + + if (!canGoFullScreen) + YTPlayer.opt.realfullscreen = false; + + if (!$YTPlayer.attr("id")) + $YTPlayer.attr("id", "video_" + new Date().getTime()); + + var playerID = "mbYTP_" + YTPlayer.id; + + YTPlayer.isAlone = false; + YTPlayer.hasFocus = true; + + var videoID = this.opt.videoURL ? getYTPVideoID(this.opt.videoURL).videoID : $YTPlayer.attr("href") ? getYTPVideoID($YTPlayer.attr("href")).videoID : false; + var playlistID = this.opt.videoURL ? getYTPVideoID(this.opt.videoURL).playlistID : $YTPlayer.attr("href") ? getYTPVideoID($YTPlayer.attr("href")).playlistID : false; + + YTPlayer.videoID = videoID; + YTPlayer.playlistID = playlistID; + + YTPlayer.opt.showAnnotations = (YTPlayer.opt.showAnnotations) ? '0' : '3'; + var playerVars = { 'autoplay': 0, 'modestbranding': 1, 'controls': 0, 'showinfo': 0, 'rel': 0, 'enablejsapi': 1, 'version': 3, 'playerapiid': playerID, 'origin': '*', 'allowfullscreen': true, 'wmode': 'rgba(0, 0, 0, 0)', 'iv_load_policy': YTPlayer.opt.showAnnotations}; + + var v = document.createElement('video'); + if (v.canPlayType) + jQuery.extend(playerVars, {'html5': 1}); + + if (jQuery.browser.msie && jQuery.browser.version < 9) { + this.opt.opacity = 1; + } + + var playerBox = jQuery("
    ").attr("id", playerID).addClass("playerBox"); + var overlay = jQuery("
    ").css({position: "absolute", top: 0, left: 0, width: "100%", height: "100%"}).addClass("YTPOverlay"); + + YTPlayer.isSelf = YTPlayer.opt.containment == "self"; + YTPlayer.opt.containment = YTPlayer.opt.containment == "self" ? jQuery(this) : jQuery(YTPlayer.opt.containment); + YTPlayer.isBackground = YTPlayer.opt.containment.get(0).tagName.toLowerCase() == "body"; + + if (YTPlayer.isBackground && ytp.backgroundIsInited) + return; + + var isPlayer = YTPlayer.opt.containment.is(jQuery(this)); + YTPlayer.canPlayOnMobile = isPlayer && jQuery(this).children().length == 0; + if (!isPlayer) { + $YTPlayer.hide(); + } else { + YTPlayer.isPlayer = true; + } + + if (jQuery.browser.mobile && !YTPlayer.canPlayOnMobile) { + $YTPlayer.remove(); + return; + } + + if (YTPlayer.opt.addRaster) { + var classN = YTPlayer.opt.addRaster == "dot" ? "raster-dot" : "raster"; + + var retina = (window.retina || window.devicePixelRatio > 1); + overlay.addClass(retina ? classN + " retina" : classN); + } else { + + overlay.removeClass(function (index, classNames) { + + // change the list into an array + var current_classes = classNames.split(" "), + // array of classes which are to be removed + classes_to_remove = []; + + jQuery.each(current_classes, function (index, class_name) { + // if the classname begins with bg add it to the classes_to_remove array + if (/raster-.*/.test(class_name)) { + classes_to_remove.push(class_name); + } + }); + + classes_to_remove.push("retina"); + // turn the array back into a string + return classes_to_remove.join(" "); + }) + } + + var wrapper = jQuery("
    ").addClass("mbYTP_wrapper").attr("id", "wrapper_" + playerID); + wrapper.css({position: "absolute", zIndex: 0, minWidth: "100%", minHeight: "100%", left: 0, top: 0, overflow: "hidden", opacity: 0}); + playerBox.css({position: "absolute", zIndex: 0, width: "100%", height: "100%", top: 0, left: 0, overflow: "hidden"}); + wrapper.append(playerBox); + + YTPlayer.opt.containment.children().not("script, style").each(function () { + if (jQuery(this).css("position") == "static") + jQuery(this).css("position", "relative"); + }); + + if (YTPlayer.isBackground) { + +// jQuery("body").css({position: "relative", minWidth: "100%", minHeight: "100%", zIndex: 1, boxSizing: "border-box"}); + jQuery("body").css({boxSizing: "border-box"}); + wrapper.css({position: "fixed", top: 0, left: 0, zIndex: 0, webkitTransform: "translateZ(0)"}); + $YTPlayer.hide(); + + } else if (YTPlayer.opt.containment.css("position") == "static") + YTPlayer.opt.containment.css({position: "relative"}); + + YTPlayer.opt.containment.prepend(wrapper); + YTPlayer.wrapper = wrapper; + + playerBox.css({opacity: 1}); + + if (!jQuery.browser.mobile) { + playerBox.after(overlay); + YTPlayer.overlay = overlay; + } + + if (!YTPlayer.isBackground) { + overlay.on("mouseenter", function () { + $YTPlayer.find(".mb_YTPBar").addClass("visible"); + }).on("mouseleave", function () { + $YTPlayer.find(".mb_YTPBar").removeClass("visible"); + }) + } + + if (!ytp.YTAPIReady) { + jQuery("#YTAPI").remove(); + var tag = jQuery("").attr({"src": jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/player_api?v=" + jQuery.mbYTPlayer.version, "id": "YTAPI"}); + jQuery("head title").after(tag); + } else { + setTimeout(function () { + jQuery(document).trigger("YTAPIReady"); + }, 100) + } + + jQuery(document).on("YTAPIReady", function () { + + if ((YTPlayer.isBackground && ytp.backgroundIsInited) || YTPlayer.isInit) + return; + + if (YTPlayer.isBackground && YTPlayer.opt.stopMovieOnClick) + jQuery(document).off("mousedown.ytplayer").on("mousedown.ytplayer", function (e) { + var target = jQuery(e.target); + if (target.is("a") || target.parents().is("a")) { + $YTPlayer.pauseYTP(); + } + }); + + if (YTPlayer.isBackground) { + ytp.backgroundIsInited = true; + } + + YTPlayer.opt.autoPlay = typeof YTPlayer.opt.autoPlay == "undefined" ? (YTPlayer.isBackground ? true : false) : YTPlayer.opt.autoPlay; + YTPlayer.opt.vol = YTPlayer.opt.vol ? YTPlayer.opt.vol : 100; + + jQuery.mbYTPlayer.getDataFromFeed(YTPlayer); + + jQuery(YTPlayer).on("YTPChanged", function () { + + if (YTPlayer.isInit) + return; + + YTPlayer.isInit = true; + + //if is mobile && isPlayer fallback to the default YT player + if (jQuery.browser.mobile && YTPlayer.canPlayOnMobile) { + new YT.Player(playerID, { + videoId: YTPlayer.videoID.toString(), + height : '100%', + width : '100%', + videoId: YTPlayer.videoID, + events : { + 'onReady' : function (event) { + YTPlayer.player = event.target; + playerBox.css({opacity: 1}); + YTPlayer.wrapper.css({opacity: YTPlayer.opt.opacity}); + $YTPlayer.optimizeDisplay(); + }, + 'onStateChange': function () {} + } + }); + return; + } + + new YT.Player(playerID, { + videoId : YTPlayer.videoID.toString(), + playerVars: playerVars, + events : { + 'onReady': function (event) { + + YTPlayer.player = event.target; + + if (YTPlayer.isReady) + return; + + YTPlayer.isReady = true; + + YTPlayer.playerEl = YTPlayer.player.getIframe(); + + $YTPlayer.optimizeDisplay(); + + YTPlayer.videoID = videoID; + + jQuery(window).on("resize.YTP", function () { + $YTPlayer.optimizeDisplay(); + }); + + if (YTPlayer.opt.showControls) + jQuery(YTPlayer).buildYTPControls(); + + var startAt = YTPlayer.opt.startAt ? YTPlayer.opt.startAt : 1; + + YTPlayer.player.setVolume(0); + jQuery(YTPlayer).muteYTPVolume(); + + jQuery.mbYTPlayer.checkForState(YTPlayer); + + YTPlayer.checkForStartAt = setInterval(function () { + + var canPlayVideo = jQuery.browser.mozilla && !window.MediaSource ? true : (YTPlayer.player.getVideoLoadedFraction() > startAt / YTPlayer.player.getDuration()); + + if (YTPlayer.player.getDuration() > 0 && YTPlayer.player.getCurrentTime() >= startAt && canPlayVideo) { + + clearInterval(YTPlayer.checkForStartAt); + YTPlayer.player.setVolume(0); + jQuery(YTPlayer).muteYTPVolume(); + if (typeof YTPlayer.opt.onReady == "function") + YTPlayer.opt.onReady(YTPlayer); + if (!YTPlayer.opt.mute) + jQuery(YTPlayer).unmuteYTP(); + + //jQuery.mbYTPlayer.checkForState(YTPlayer); + + YTPlayer.player.pauseVideo(); + + setTimeout(function () { + + YTPlayer.canTrigger = true; + + if (YTPlayer.opt.autoPlay) { + $YTPlayer.playYTP(); + $YTPlayer.css("background-image", "none"); + YTPlayer.wrapper.CSSAnimate({opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity}, 2000); + } else { + YTPlayer.player.pauseVideo(); + } + + }, 100) + + } else { + YTPlayer.player.playVideo(); + YTPlayer.player.seekTo(startAt, true); + } + }, 1000); +// }, jQuery.browser.chrome ? 1000 : 1); + var YTPready = jQuery.Event("YTPReady"); + jQuery(YTPlayer).trigger(YTPready); + }, + + 'onStateChange': function (event) { + /* + -1 (unstarted) + 0 (ended) + 1 (playing) + 2 (paused) + 3 (buffering) + 5 (video cued). + */ + + if (typeof event.target.getPlayerState != "function") + return; + + var state = event.target.getPlayerState(); + + if (YTPlayer.state == state) + return; + + YTPlayer.state = state; + + var controls = jQuery("#controlBar_" + YTPlayer.id); + + var eventType; + + switch (state) { + case -1: //------------------------------------------------ unstarted + + eventType = "YTPUnstarted"; + break; + + case 0: //------------------------------------------------ ended + + eventType = "YTPEnd"; + + break; + + case 1: //------------------------------------------------ play + + eventType = "YTPStart"; + + controls.find(".mb_YTPPlaypause").html(jQuery.mbYTPlayer.controls.pause); + + if (typeof _gaq != "undefined" && eval(YTPlayer.opt.gaTrack)) + _gaq.push(['_trackEvent', 'YTPlayer', 'Play', (YTPlayer.videoTitle || YTPlayer.videoID.toString())]); + + if (typeof ga != "undefined" && eval(YTPlayer.opt.gaTrack)) + ga('send', 'event', 'YTPlayer', 'play', (YTPlayer.videoTitle || YTPlayer.videoID.toString())); + + break; + + case 2: //------------------------------------------------ pause + + eventType = "YTPPause"; + + controls.find(".mb_YTPPlaypause").html(jQuery.mbYTPlayer.controls.play); + + break; + + case 3: //------------------------------------------------ buffer + if (!jQuery.browser.chrome) + YTPlayer.player.setPlaybackQuality(YTPlayer.opt.quality); + + eventType = "YTPBuffering"; + + if (!jQuery.browser.chrome) + YTPlayer.player.setPlaybackQuality(YTPlayer.opt.quality); + + controls.find(".mb_YTPPlaypause").html(jQuery.mbYTPlayer.controls.play); + setTimeout(function(){ + controls.show(1000); + },2000); + + break; + + case 5: //------------------------------------------------ cued + eventType = "YTPCued"; + break; + + default: + break; + + } + + // Trigger state events + var YTPevent = jQuery.Event(eventType); + YTPevent.time = YTPlayer.player.time; + if (YTPlayer.canTrigger) + jQuery(YTPlayer).trigger(YTPevent); + + }, + + 'onPlaybackQualityChange': function (e) { + + var quality = e.target.getPlaybackQuality(); + + var YTPQualityChange = jQuery.Event("YTPQualityChange"); + YTPQualityChange.quality = quality; + jQuery(YTPlayer).trigger(YTPQualityChange); + + }, + + 'onError': function (err) { + + if (err.data == 150) { + console.log("Embedding this video is restricted by Youtube."); + if (YTPlayer.isPlayList) + jQuery(YTPlayer).playNext(); + } + if (err.data == 2 && YTPlayer.isPlayList) + jQuery(YTPlayer).playNext(); + + if (typeof YTPlayer.opt.onError == "function") + YTPlayer.opt.onError($YTPlayer, err); + } + } + }); + }); + }) + }); + }, + +// todo: This API is deprecated. Find another way to retreive the Data informations. + + getDataFromFeed: function (YTPlayer) { + //Get video info from FEEDS API + + if (!(jQuery.browser.msie && jQuery.browser.version <= 9)) { + jQuery.getJSON(jQuery.mbYTPlayer.locationProtocol + '//gdata.youtube.com/feeds/api/videos/' + YTPlayer.videoID + '?v=2&alt=jsonc', function (data, status, xhr) { + YTPlayer.dataReceived = true; + YTPlayer.videoData = data.data; + jQuery(YTPlayer).trigger("YTPChanged"); + var YTPData = jQuery.Event("YTPData"); + YTPData.prop = {}; + for (var x in YTPlayer.videoData) + YTPData.prop[x] = YTPlayer.videoData[x]; + jQuery(YTPlayer).trigger(YTPData); + YTPlayer.videoTitle = YTPlayer.videoData.title; + if (YTPlayer.opt.ratio == "auto") + if (YTPlayer.videoData.aspectRatio && YTPlayer.videoData.aspectRatio === "widescreen") + YTPlayer.opt.ratio = "16/9"; + else + YTPlayer.opt.ratio = "4/3"; + if (!YTPlayer.hasData) { + YTPlayer.hasData = true; + if (YTPlayer.isPlayer) { + var bgndURL = YTPlayer.videoData.thumbnail.hqDefault; + YTPlayer.opt.containment.css({background: "rgba(0,0,0,0.5) url(" + bgndURL + ") center center", backgroundSize: "cover"}); + } + } + }); + setTimeout(function () { + if (!YTPlayer.dataReceived && !YTPlayer.hasData) { + YTPlayer.hasData = true; + jQuery(YTPlayer).trigger("YTPChanged"); + } + }, 1500) + + } else { + YTPlayer.opt.ratio == "auto" ? YTPlayer.opt.ratio = "16/9" : YTPlayer.opt.ratio; + + if (!YTPlayer.hasData) { + YTPlayer.hasData = true; + setTimeout(function () { + jQuery(YTPlayer).trigger("YTPChanged"); + }, 100) + } + } + }, + + getVideoData: function () { + var YTPlayer = this.get(0); + return YTPlayer.videoData; + }, + + getVideoID: function () { + var YTPlayer = this.get(0); + return YTPlayer.videoID || false; + }, + + setVideoQuality: function (quality) { + var YTPlayer = this.get(0); + + if (!jQuery.browser.chrome) + YTPlayer.player.setPlaybackQuality(quality); + }, + + YTPlaylist: function (videos, shuffle, callback) { + var YTPlayer = this.get(0); + + YTPlayer.isPlayList = true; + + if (shuffle) + videos = jQuery.shuffle(videos); + + if (!YTPlayer.videoID) { + YTPlayer.videos = videos; + YTPlayer.videoCounter = 0; + YTPlayer.videoLength = videos.length; + + jQuery(YTPlayer).data("property", videos[0]); + jQuery(YTPlayer).mb_YTPlayer(); + } + + if (typeof callback == "function") + jQuery(YTPlayer).on("YTPChanged", function () { + callback(YTPlayer); + }); + + jQuery(YTPlayer).on("YTPEnd", function () { + jQuery(YTPlayer).playNext(); + }); + }, + + playNext: function () { + var YTPlayer = this.get(0); + YTPlayer.videoCounter++; + if (YTPlayer.videoCounter >= YTPlayer.videoLength) + YTPlayer.videoCounter = 0; + jQuery(YTPlayer.playerEl).css({opacity: 0}); + jQuery(YTPlayer).changeMovie(YTPlayer.videos[YTPlayer.videoCounter]); + }, + + playPrev: function () { + var YTPlayer = this.get(0); + YTPlayer.videoCounter--; + if (YTPlayer.videoCounter < 0) + YTPlayer.videoCounter = YTPlayer.videoLength - 1; + jQuery(YTPlayer.playerEl).css({opacity: 0}); + jQuery(YTPlayer).changeMovie(YTPlayer.videos[YTPlayer.videoCounter]); + }, + + changeMovie: function (opt) { + var YTPlayer = this.get(0); + + YTPlayer.opt.startAt = 0; + YTPlayer.opt.stopAt = 0; + YTPlayer.opt.mute = true; + + if (opt) { + jQuery.extend(YTPlayer.opt, opt); + } + + YTPlayer.videoID = getYTPVideoID(YTPlayer.opt.videoURL).videoID; + + jQuery(YTPlayer).pauseYTP(); + + var timer = jQuery.browser.msie ? 1000 : 0; + + jQuery(YTPlayer.playerEl).CSSAnimate({opacity: 0}, timer); + + setTimeout(function () { + var quality = !jQuery.browser.chrome ? YTPlayer.opt.quality : "default"; + + jQuery(YTPlayer).getPlayer().cueVideoByUrl(encodeURI(jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/v/" + YTPlayer.videoID), 1, quality); + + jQuery(YTPlayer).playYTP(); + + jQuery(YTPlayer).one("YTPStart", function () { + YTPlayer.wrapper.CSSAnimate({opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity}, 1000); + jQuery(YTPlayer.playerEl).CSSAnimate({opacity: 1}, timer); + + if (YTPlayer.opt.startAt) { + YTPlayer.player.seekTo(YTPlayer.opt.startAt); + } + jQuery.mbYTPlayer.checkForState(YTPlayer); + + if (!YTPlayer.opt.autoPlay) + jQuery(YTPlayer).pauseYTP(); + + }); + + if (YTPlayer.opt.mute) { + jQuery(YTPlayer).muteYTPVolume(); + } else { + jQuery(YTPlayer).unmuteYTP(); + } + + }, timer); + + if (YTPlayer.opt.addRaster) { + var retina = (window.retina || window.devicePixelRatio > 1); + YTPlayer.overlay.addClass(retina ? "raster retina" : "raster"); + } else { + YTPlayer.overlay.removeClass("raster"); + YTPlayer.overlay.removeClass("retina"); + } + + jQuery("#controlBar_" + YTPlayer.id).remove(); + + if (YTPlayer.opt.showControls) + jQuery(YTPlayer).buildYTPControls(); + + jQuery.mbYTPlayer.getDataFromFeed(YTPlayer); + jQuery(YTPlayer).optimizeDisplay(); + }, + + getPlayer: function () { + return jQuery(this).get(0).player; + }, + + playerDestroy: function () { + var YTPlayer = this.get(0); + ytp.YTAPIReady = false; + ytp.backgroundIsInited = false; + YTPlayer.isInit = false; + YTPlayer.videoID = null; + var playerBox = YTPlayer.wrapper; + playerBox.remove(); + jQuery("#controlBar_" + YTPlayer.id).remove(); + }, + + fullscreen: function (real) { + + var YTPlayer = this.get(0); + + if (typeof real == "undefined") + real = YTPlayer.opt.realfullscreen; + + real = eval(real); + + var controls = jQuery("#controlBar_" + YTPlayer.id); + var fullScreenBtn = controls.find(".mb_OnlyYT"); + var videoWrapper = YTPlayer.isSelf ? YTPlayer.opt.containment : YTPlayer.wrapper; + //var videoWrapper = YTPlayer.wrapper; + + if (real) { + var fullscreenchange = jQuery.browser.mozilla ? "mozfullscreenchange" : jQuery.browser.webkit ? "webkitfullscreenchange" : "fullscreenchange"; + jQuery(document).off(fullscreenchange).on(fullscreenchange, function () { + var isFullScreen = RunPrefixMethod(document, "IsFullScreen") || RunPrefixMethod(document, "FullScreen"); + + if (!isFullScreen) { + YTPlayer.isAlone = false; + fullScreenBtn.html(jQuery.mbYTPlayer.controls.onlyYT); + jQuery(YTPlayer).setVideoQuality(YTPlayer.opt.quality); + videoWrapper.removeClass("fullscreen"); + + videoWrapper.CSSAnimate({opacity: YTPlayer.opt.opacity}, 500); + videoWrapper.css({zIndex: 0}); + + if (YTPlayer.isBackground) { + jQuery("body").after(controls); + } else { + YTPlayer.wrapper.before(controls); + } + jQuery(window).resize(); + jQuery(YTPlayer).trigger("YTPFullScreenEnd"); + + } else { + jQuery(YTPlayer).setVideoQuality("default"); + jQuery(YTPlayer).trigger("YTPFullScreenStart"); + } + }); + } + + if (!YTPlayer.isAlone) { + + if (real) { + + videoWrapper.css({opacity: 0}); + videoWrapper.addClass("fullscreen"); + launchFullscreen(videoWrapper.get(0)); + setTimeout(function () { + videoWrapper.CSSAnimate({opacity: 1}, 1000); + YTPlayer.wrapper.append(controls); + jQuery(YTPlayer).optimizeDisplay(); + + YTPlayer.player.seekTo(YTPlayer.player.getCurrentTime() + .1, true); + }, 500) + } else + videoWrapper.css({zIndex: 10000}).CSSAnimate({opacity: 1}, 1000); + + fullScreenBtn.html(jQuery.mbYTPlayer.controls.showSite); + YTPlayer.isAlone = true; + + } else { + + if (real) { + cancelFullscreen(); + } else { + videoWrapper.CSSAnimate({opacity: YTPlayer.opt.opacity}, 500); + videoWrapper.css({zIndex: 0}); + } + + + fullScreenBtn.html(jQuery.mbYTPlayer.controls.onlyYT) + YTPlayer.isAlone = false; + } + + function RunPrefixMethod(obj, method) { + var pfx = ["webkit", "moz", "ms", "o", ""]; + var p = 0, m, t; + while (p < pfx.length && !obj[m]) { + m = method; + if (pfx[p] == "") { + m = m.substr(0, 1).toLowerCase() + m.substr(1); + } + m = pfx[p] + m; + t = typeof obj[m]; + if (t != "undefined") { + pfx = [pfx[p]]; + return (t == "function" ? obj[m]() : obj[m]); + } + p++; + } + } + + function launchFullscreen(element) { + RunPrefixMethod(element, "RequestFullScreen"); + } + + function cancelFullscreen() { + if (RunPrefixMethod(document, "FullScreen") || RunPrefixMethod(document, "IsFullScreen")) { + RunPrefixMethod(document, "CancelFullScreen"); + } + } + }, + + playYTP: function () { + var YTPlayer = this.get(0); + + if (typeof YTPlayer.player === "undefined") + return; + + var controls = jQuery("#controlBar_" + YTPlayer.id); + var playBtn = controls.find(".mb_YTPPlaypause"); + playBtn.html(jQuery.mbYTPlayer.controls.pause); + YTPlayer.player.playVideo(); + + YTPlayer.wrapper.CSSAnimate({opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity}, 2000); + jQuery(YTPlayer).on("YTPStart", function () { + jQuery(YTPlayer).css("background-image", "none"); + }) + }, + + toggleLoops: function () { + var YTPlayer = this.get(0); + var data = YTPlayer.opt; + if (data.loop == 1) { + data.loop = 0; + } else { + if (data.startAt) { + YTPlayer.player.seekTo(data.startAt); + } else { + YTPlayer.player.playVideo(); + } + data.loop = 1; + } + }, + + stopYTP: function () { + var YTPlayer = this.get(0); + var controls = jQuery("#controlBar_" + YTPlayer.id); + var playBtn = controls.find(".mb_YTPPlaypause"); + playBtn.html(jQuery.mbYTPlayer.controls.play); + YTPlayer.player.stopVideo(); + }, + + pauseYTP: function () { + var YTPlayer = this.get(0); + var data = YTPlayer.opt; + var controls = jQuery("#controlBar_" + YTPlayer.id); + var playBtn = controls.find(".mb_YTPPlaypause"); + playBtn.html(jQuery.mbYTPlayer.controls.play); + YTPlayer.player.pauseVideo(); + }, + + seekToYTP: function (val) { + var YTPlayer = this.get(0); + YTPlayer.player.seekTo(val, true); + }, + + setYTPVolume: function (val) { + var YTPlayer = this.get(0); + if (!val && !YTPlayer.opt.vol && YTPlayer.player.getVolume() == 0) + jQuery(YTPlayer).unmuteYTP(); + else if ((!val && YTPlayer.player.getVolume() > 0) || (val && YTPlayer.player.getVolume() == val)) + jQuery(YTPlayer).muteYTPVolume(); + else + YTPlayer.opt.vol = val; + YTPlayer.player.setVolume(YTPlayer.opt.vol); + }, + + muteYTP: function () { + var YTPlayer = this.get(0); + YTPlayer.player.mute(); + YTPlayer.player.setVolume(0); + + var controls = jQuery("#controlBar_" + YTPlayer.id); + var muteBtn = controls.find(".mb_YTPMuteUnmute"); + muteBtn.html(jQuery.mbYTPlayer.controls.unmute); + jQuery(YTPlayer).addClass("isMuted"); + jQuery(YTPlayer).trigger("YTPMuted"); + }, + + unmuteYTP: function () { + var YTPlayer = this.get(0); + + YTPlayer.player.unMute(); + YTPlayer.player.setVolume(YTPlayer.opt.vol); + + var controls = jQuery("#controlBar_" + YTPlayer.id); + var muteBtn = controls.find(".mb_YTPMuteUnmute"); + muteBtn.html(jQuery.mbYTPlayer.controls.mute); + + jQuery(YTPlayer).removeClass("isMuted"); + jQuery(YTPlayer).trigger("YTPUnmuted"); + }, + + manageYTPProgress: function () { + + var YTPlayer = this.get(0); + var controls = jQuery("#controlBar_" + YTPlayer.id); + var progressBar = controls.find(".mb_YTPProgress"); + var loadedBar = controls.find(".mb_YTPLoaded"); + var timeBar = controls.find(".mb_YTPseekbar"); + var totW = progressBar.outerWidth(); + + var currentTime = Math.floor(YTPlayer.player.getCurrentTime()); + var totalTime = Math.floor(YTPlayer.player.getDuration()); + var timeW = (currentTime * totW) / totalTime; + var startLeft = 0; + + var loadedW = YTPlayer.player.getVideoLoadedFraction() * 100; + + loadedBar.css({left: startLeft, width: loadedW + "%"}); + timeBar.css({left: 0, width: timeW}); + return {totalTime: totalTime, currentTime: currentTime}; + }, + + buildYTPControls: function () { + var YTPlayer = this.get(0); + var data = YTPlayer.opt; + + /** @data.printUrl is deprecated; use data.showYTLogo */ + data.showYTLogo = data.showYTLogo || data.printUrl; + + if (jQuery("#controlBar_" + YTPlayer.id).length) + return; + + var controlBar = jQuery("").attr("id", "controlBar_" + YTPlayer.id).addClass("mb_YTPBar").css({whiteSpace: "noWrap", position: YTPlayer.isBackground ? "fixed" : "absolute", zIndex: YTPlayer.isBackground ? 10000 : 1000}).hide(); + YTPlayer.controlBar = controlBar; + + var buttonBar = jQuery("
    ").addClass("buttonBar"); + + var playpause = jQuery("" + jQuery.mbYTPlayer.controls.play + "").addClass("mb_YTPPlaypause ytpicon").click(function () { + if (YTPlayer.player.getPlayerState() == 1) + jQuery(YTPlayer).pauseYTP(); + else + jQuery(YTPlayer).playYTP(); + }); + + var MuteUnmute = jQuery("" + jQuery.mbYTPlayer.controls.mute + "").addClass("mb_YTPMuteUnmute ytpicon").click(function () { + if (YTPlayer.player.getVolume() == 0) { + jQuery(YTPlayer).unmuteYTP(); + } else { + jQuery(YTPlayer).muteYTP(); + } + }); + + var idx = jQuery("").addClass("mb_YTPTime"); + + var vURL = data.videoURL ? data.videoURL : ""; + + if (vURL.indexOf("http") < 0) + vURL = jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/watch?v=" + data.videoURL; + var movieUrl = jQuery("").html(jQuery.mbYTPlayer.controls.ytLogo).addClass("mb_YTPUrl ytpicon").attr("title", "view on YouTube").on("click", function () {window.open(vURL, "viewOnYT")}); + var onlyVideo = jQuery("").html(jQuery.mbYTPlayer.controls.onlyYT).addClass("mb_OnlyYT ytpicon").on("click", function () {jQuery(YTPlayer).fullscreen(data.realfullscreen);}); + + var progressBar = jQuery("
    ").addClass("mb_YTPProgress").css("position", "absolute").click(function (e) { + timeBar.css({width: (e.clientX - timeBar.offset().left)}); + YTPlayer.timeW = e.clientX - timeBar.offset().left; + controlBar.find(".mb_YTPLoaded").css({width: 0}); + var totalTime = Math.floor(YTPlayer.player.getDuration()); + YTPlayer.goto = (timeBar.outerWidth() * totalTime) / progressBar.outerWidth(); + + YTPlayer.player.seekTo(parseFloat(YTPlayer.goto), true); + controlBar.find(".mb_YTPLoaded").css({width: 0}); + }); + + var loadedBar = jQuery("
    ").addClass("mb_YTPLoaded").css("position", "absolute"); + var timeBar = jQuery("
    ").addClass("mb_YTPseekbar").css("position", "absolute"); + + progressBar.append(loadedBar).append(timeBar); + buttonBar.append(playpause).append(MuteUnmute).append(idx); + + if (data.showYTLogo) { + buttonBar.append(movieUrl); + } + + if (YTPlayer.isBackground || (eval(YTPlayer.opt.realfullscreen) && !YTPlayer.isBackground)) + buttonBar.append(onlyVideo); + + controlBar.append(buttonBar).append(progressBar); + + if (!YTPlayer.isBackground) { + controlBar.addClass("inlinePlayer"); + YTPlayer.wrapper.before(controlBar); + } else { + jQuery("body").after(controlBar); + } + }, + + checkForState: function (YTPlayer) { + + var interval = YTPlayer.opt.showControls ? 10 : 1000; + clearInterval(YTPlayer.getState); + + YTPlayer.getState = setInterval(function () { + var prog = jQuery(YTPlayer).manageYTPProgress(); + var $YTPlayer = jQuery(YTPlayer); + var controlBar = jQuery("#controlBar_" + YTPlayer.id); + var data = YTPlayer.opt; + var startAt = YTPlayer.opt.startAt ? YTPlayer.opt.startAt : 1; + var stopAt = YTPlayer.opt.stopAt > YTPlayer.opt.startAt ? YTPlayer.opt.stopAt : 0; + stopAt = stopAt < YTPlayer.player.getDuration() ? stopAt : 0; + + if (YTPlayer.player.time != prog.currentTime) { + var YTPevent = jQuery.Event("YTPTime"); + YTPevent.time = YTPlayer.player.time; + jQuery(YTPlayer).trigger(YTPevent); + } + + YTPlayer.player.time = prog.currentTime; + + if (YTPlayer.player.getVolume() == 0) + $YTPlayer.addClass("isMuted"); + else + $YTPlayer.removeClass("isMuted"); + + if (YTPlayer.opt.showControls) + if (prog.totalTime) { + controlBar.find(".mb_YTPTime").html(jQuery.mbYTPlayer.formatTime(prog.currentTime) + " / " + jQuery.mbYTPlayer.formatTime(prog.totalTime)); + } else { + controlBar.find(".mb_YTPTime").html("-- : -- / -- : --"); + } + + if(eval(YTPlayer.opt.stopMovieOnBlur)) + if (!document.hasFocus()) { + + if (YTPlayer.state == 1) { + YTPlayer.hasFocus = false; + $YTPlayer.pauseYTP(); + } + + } else if (document.hasFocus() && !YTPlayer.hasFocus && !(YTPlayer.state == -1 || YTPlayer.state == 0)) { + + YTPlayer.hasFocus = true; + $YTPlayer.playYTP(); + } + + if (YTPlayer.player.getPlayerState() == 1 && (parseFloat(YTPlayer.player.getDuration() - 3) < YTPlayer.player.getCurrentTime() || (stopAt > 0 && parseFloat(YTPlayer.player.getCurrentTime()) > stopAt))) { + + if (YTPlayer.isEnded) + return; + + YTPlayer.isEnded = true; + setTimeout(function () {YTPlayer.isEnded = false}, 2000); + + if (YTPlayer.isPlayList) { + clearInterval(YTPlayer.getState); + + var YTPEnd = jQuery.Event("YTPEnd"); + YTPEnd.time = YTPlayer.player.time; + jQuery(YTPlayer).trigger(YTPEnd); + + return; + + } else if (!data.loop) { + YTPlayer.player.pauseVideo(); + YTPlayer.wrapper.CSSAnimate({opacity: 0}, 1000, function () { + + var YTPEnd = jQuery.Event("YTPEnd"); + YTPEnd.time = YTPlayer.player.time; + jQuery(YTPlayer).trigger(YTPEnd); + + YTPlayer.player.seekTo(startAt, true); + + if (!YTPlayer.isBackground) { + var bgndURL = YTPlayer.videoData.thumbnail.hqDefault; + jQuery(YTPlayer).css({background: "rgba(0,0,0,0.5) url(" + bgndURL + ") center center", backgroundSize: "cover"}); + } + + }); + } else + YTPlayer.player.seekTo(startAt, true); + } + }, interval); + }, + + formatTime: function (s) { + var min = Math.floor(s / 60); + var sec = Math.floor(s - (60 * min)); + return (min <= 9 ? "0" + min : min) + " : " + (sec <= 9 ? "0" + sec : sec); + } + }; + + jQuery.fn.toggleVolume = function () { + var YTPlayer = this.get(0); + if (!YTPlayer) + return; + + if (YTPlayer.player.isMuted()) { + jQuery(YTPlayer).unmuteYTP(); + return true; + } else { + jQuery(YTPlayer).muteYTP(); + return false; + } + }; + + jQuery.fn.optimizeDisplay = function () { + + var YTPlayer = this.get(0); + var data = YTPlayer.opt; + var playerBox = jQuery(YTPlayer.playerEl); + var win = {}; + var el = YTPlayer.wrapper; + + win.width = el.outerWidth(); + win.height = el.outerHeight(); + + var margin = 24; + var overprint = 100; + var vid = {}; + + if(data.optimizeDisplay) { + + vid.width = win.width + ((win.width * margin) / 100); + vid.height = data.ratio == "16/9" ? Math.ceil((9 * win.width) / 16) : Math.ceil((3 * win.width) / 4); + vid.marginTop = -((vid.height - win.height) / 2); + vid.marginLeft = -((win.width * (margin / 2)) / 100); + + if (vid.height < win.height) { + vid.height = win.height + ((win.height * margin) / 100); + vid.width = data.ratio == "16/9" ? Math.floor((16 * win.height) / 9) : Math.floor((4 * win.height) / 3); + vid.marginTop = -((win.height * (margin / 2)) / 100); + vid.marginLeft = -((vid.width - win.width) / 2); + } + + vid.width += overprint; + vid.height += overprint; + vid.marginTop -= overprint / 2; + vid.marginLeft -= overprint / 2; + + }else{ + + vid.width = "100%"; + vid.height = "100%"; + vid.marginTop = 0; + vid.marginLeft -= 0; + + } + + playerBox.css({width: vid.width, height: vid.height, marginTop: vid.marginTop, marginLeft: vid.marginLeft}); + }; + + jQuery.shuffle = function (arr) { + var newArray = arr.slice(); + var len = newArray.length; + var i = len; + while (i--) { + var p = parseInt(Math.random() * len); + var t = newArray[i]; + newArray[i] = newArray[p]; + newArray[p] = t; + } + return newArray; + }; + + /*Exposed method for external use*/ + jQuery.fn.YTPlayer = jQuery.mbYTPlayer.buildPlayer; + jQuery.fn.YTPlaylist = jQuery.mbYTPlayer.YTPlaylist; + jQuery.fn.playNext = jQuery.mbYTPlayer.playNext; + jQuery.fn.playPrev = jQuery.mbYTPlayer.playPrev; + jQuery.fn.changeMovie = jQuery.mbYTPlayer.changeMovie; + jQuery.fn.getVideoID = jQuery.mbYTPlayer.getVideoID; + jQuery.fn.getPlayer = jQuery.mbYTPlayer.getPlayer; + jQuery.fn.playerDestroy = jQuery.mbYTPlayer.playerDestroy; + jQuery.fn.fullscreen = jQuery.mbYTPlayer.fullscreen; + jQuery.fn.buildYTPControls = jQuery.mbYTPlayer.buildYTPControls; + jQuery.fn.playYTP = jQuery.mbYTPlayer.playYTP; + jQuery.fn.toggleLoops = jQuery.mbYTPlayer.toggleLoops; + jQuery.fn.stopYTP = jQuery.mbYTPlayer.stopYTP; + jQuery.fn.pauseYTP = jQuery.mbYTPlayer.pauseYTP; + jQuery.fn.seekToYTP = jQuery.mbYTPlayer.seekToYTP; + jQuery.fn.muteYTP = jQuery.mbYTPlayer.muteYTP; + jQuery.fn.unmuteYTP = jQuery.mbYTPlayer.unmuteYTP; + jQuery.fn.setYTPVolume = jQuery.mbYTPlayer.setYTPVolume; + jQuery.fn.setVideoQuality = jQuery.mbYTPlayer.setVideoQuality; + jQuery.fn.manageYTPProgress = jQuery.mbYTPlayer.manageYTPProgress; + jQuery.fn.getDataFromFeed = jQuery.mbYTPlayer.getVideoData; + + /** @deprecated **/ + jQuery.fn.mb_YTPlayer = jQuery.fn.YTPlayer; + jQuery.fn.muteYTPVolume = jQuery.mbYTPlayer.muteYTP; + jQuery.fn.unmuteYTPVolume = jQuery.mbYTPlayer.unmuteYTP; + + +})(jQuery, ytp); diff --git a/theme_avantgarde/static/src/xml/s_media_block_modal_ext.xml b/theme_avantgarde/static/src/xml/s_media_block_modal_ext.xml new file mode 100644 index 000000000..f43d619f3 --- /dev/null +++ b/theme_avantgarde/static/src/xml/s_media_block_modal_ext.xml @@ -0,0 +1,268 @@ + + + + + + + + + + + diff --git a/theme_avantgarde/views/assets.xml b/theme_avantgarde/views/assets.xml new file mode 100644 index 000000000..bc88dd8c4 --- /dev/null +++ b/theme_avantgarde/views/assets.xml @@ -0,0 +1,62 @@ + + + + + + + + open + + + + + + + + + + + + + + + + + + + + diff --git a/theme_bewise/views/customize_modal.xml b/theme_bewise/views/customize_modal.xml new file mode 100644 index 000000000..619878469 --- /dev/null +++ b/theme_bewise/views/customize_modal.xml @@ -0,0 +1,246 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_bewise/views/image_content.xml b/theme_bewise/views/image_content.xml new file mode 100644 index 000000000..51f39390e --- /dev/null +++ b/theme_bewise/views/image_content.xml @@ -0,0 +1,75 @@ + + + + + + + + + + /theme_bewise/static/src/img/content/content_logo_small.png + + + + + + /theme_bewise/static/src/img/content/content_img_01.png + + + /theme_bewise/static/src/img/content/content_img_02.png + + + /theme_bewise/static/src/img/content/content_img_03.png + + + /theme_bewise/static/src/img/content/content_img_04.png + + + /theme_bewise/static/src/img/content/content_img_05.png + + + /theme_bewise/static/src/img/content/content_img_06.png + + + /theme_bewise/static/src/img/content/content_img_07.png + + + /theme_bewise/static/src/img/content/content_img_08.png + + + /theme_bewise/static/src/img/content/content_img_09.jpg + + + /theme_bewise/static/src/img/content/content_img_10.jpg + + + /theme_bewise/static/src/img/content/content_img_11.jpg + + + + /theme_bewise/static/src/img/content/content_img_13.jpg + + + /theme_bewise/static/src/img/content/content_img_14.png + + + /theme_bewise/static/src/img/content/content_img_15.png + + + /theme_bewise/static/src/img/content/content_img_16.png + + + /theme_bewise/static/src/img/content/content_img_17.png + + + /theme_bewise/static/src/img/content/content_img_18.png + + + + diff --git a/theme_bewise/views/image_library.xml b/theme_bewise/views/image_library.xml new file mode 100644 index 000000000..6b878b70b --- /dev/null +++ b/theme_bewise/views/image_library.xml @@ -0,0 +1,74 @@ + + + + img_library_01.jpg + img_library_01.jpg + ir.ui.view + url + /theme_bewise/static/src/img/library/img_library_01.jpg + + + img_library_02.jpg + img_library_02.jpg + ir.ui.view + url + /theme_bewise/static/src/img/library/img_library_02.jpg + + + img_library_03.jpg + img_library_03.jpg + ir.ui.view + url + /theme_bewise/static/src/img/library/img_library_03.jpg + + + img_library_04.jpg + img_library_04.jpg + ir.ui.view + url + /theme_bewise/static/src/img/library/img_library_04.jpg + + + img_library_05.jpg + img_library_05.jpg + ir.ui.view + url + /theme_bewise/static/src/img/library/img_library_05.jpg + + + img_library_06.jpg + img_library_06.jpg + ir.ui.view + url + /theme_bewise/static/src/img/library/img_library_06.jpg + + + img_library_07.jpg + img_library_07.jpg + ir.ui.view + url + /theme_bewise/static/src/img/library/img_library_07.jpg + + + img_library_08.jpg + img_library_08.jpg + ir.ui.view + url + /theme_bewise/static/src/img/library/img_library_08.jpg + + + img_library_09.jpg + img_library_09.jpg + ir.ui.view + url + /theme_bewise/static/src/img/library/img_library_09.jpg + + + img_library_10.jpg + img_library_10.jpg + ir.ui.view + url + /theme_bewise/static/src/img/library/img_library_10.jpg + + + diff --git a/theme_bewise/views/snippets.xml b/theme_bewise/views/snippets.xml new file mode 100644 index 000000000..d41d22ea5 --- /dev/null +++ b/theme_bewise/views/snippets.xml @@ -0,0 +1,60 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_bewise/views/snippets_options.xml b/theme_bewise/views/snippets_options.xml new file mode 100644 index 000000000..ac9f45cb8 --- /dev/null +++ b/theme_bewise/views/snippets_options.xml @@ -0,0 +1,197 @@ + + + + + + + + + + + + + + + + + + diff --git a/theme_bistro/LICENSE b/theme_bistro/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_bistro/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_bistro/__init__.py b/theme_bistro/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_bistro/__openerp__.py b/theme_bistro/__openerp__.py new file mode 100644 index 000000000..03e29537d --- /dev/null +++ b/theme_bistro/__openerp__.py @@ -0,0 +1,23 @@ +{ + 'name': 'Bistro Theme', + 'description': 'Bistro Theme - Restaurant, Food/Drink, Catering, Food trucks', + 'category': 'Theme/Services', + 'version': '1.0', + 'author': 'Odoo SA', + 'depends': ['theme_treehouse'], + 'data': [ + 'views/assets.xml', + 'views/images.xml', + 'views/preset.xml', + 'views/snippets_options.xml', + ], + 'demo': [ + 'demo/home.xml', + ], + 'images': [ + 'static/description/bistro_cover.jpg', + ], + 'price': 4, + 'currency': 'EUR', + 'live_test_url': 'https://theme-bistro.odoo.com' +} diff --git a/theme_bistro/demo/home.xml b/theme_bistro/demo/home.xml new file mode 100644 index 000000000..890bdb330 --- /dev/null +++ b/theme_bistro/demo/home.xml @@ -0,0 +1,332 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_bistro/doc/index.rst b/theme_bistro/doc/index.rst new file mode 100644 index 000000000..9f4dd865e --- /dev/null +++ b/theme_bistro/doc/index.rst @@ -0,0 +1,34 @@ +You need to install the *Less CSS* compiler to run this theme + +* on Linux, use your distribution's package manager to install nodejs and npm. + * In debian wheezy and Ubuntu 13.10 and before you need to install nodejs manually: + + .. code-block:: console + + $ wget -qO- https://deb.nodesource.com/setup | bash - + $ apt-get install -y nodejs + + * In later debian (>jessie) and ubuntu (>14.04) you may need to add a symlink as npm packages call ``node`` but debian calls the binary ``nodejs`` + + .. code-block:: console + + $ apt-get install -y npm + $ sudo ln -s /usr/bin/nodejs /usr/bin/node + + * Once npm is installed, use it to install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on OS X, install nodejs via your preferred package manager (`homebrew `_, `macports `_) then install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on Windows, `install nodejs `_, reboot (to update the `PATH`) and install less and less-plugin-clean-css: + + .. code-block:: ps1 + + C:\> npm install -g less less-plugin-clean-css diff --git a/theme_bistro/static/description/bistro_cover.jpg b/theme_bistro/static/description/bistro_cover.jpg new file mode 100644 index 000000000..bbcaf789f Binary files /dev/null and b/theme_bistro/static/description/bistro_cover.jpg differ diff --git a/theme_bistro/static/description/contributors/applicatour.jpg b/theme_bistro/static/description/contributors/applicatour.jpg new file mode 100644 index 000000000..977d9052f Binary files /dev/null and b/theme_bistro/static/description/contributors/applicatour.jpg differ diff --git a/theme_bistro/static/description/contributors/aselcis.jpg b/theme_bistro/static/description/contributors/aselcis.jpg new file mode 100644 index 000000000..9fbc0f3c1 Binary files /dev/null and b/theme_bistro/static/description/contributors/aselcis.jpg differ diff --git a/theme_bistro/static/description/contributors/bas-solutions.png b/theme_bistro/static/description/contributors/bas-solutions.png new file mode 100644 index 000000000..c64c5359a Binary files /dev/null and b/theme_bistro/static/description/contributors/bas-solutions.png differ diff --git a/theme_bistro/static/description/contributors/bloopark.png b/theme_bistro/static/description/contributors/bloopark.png new file mode 100644 index 000000000..4ce0327d8 Binary files /dev/null and b/theme_bistro/static/description/contributors/bloopark.png differ diff --git a/theme_bistro/static/description/contributors/brouwland.jpg b/theme_bistro/static/description/contributors/brouwland.jpg new file mode 100644 index 000000000..8fe4a1441 Binary files /dev/null and b/theme_bistro/static/description/contributors/brouwland.jpg differ diff --git a/theme_bistro/static/description/contributors/catsdogs.png b/theme_bistro/static/description/contributors/catsdogs.png new file mode 100644 index 000000000..f4d03e63d Binary files /dev/null and b/theme_bistro/static/description/contributors/catsdogs.png differ diff --git a/theme_bistro/static/description/contributors/dialognet.png b/theme_bistro/static/description/contributors/dialognet.png new file mode 100644 index 000000000..831a1a9c3 Binary files /dev/null and b/theme_bistro/static/description/contributors/dialognet.png differ diff --git a/theme_bistro/static/description/contributors/dynapps.jpg b/theme_bistro/static/description/contributors/dynapps.jpg new file mode 100644 index 000000000..5854230c4 Binary files /dev/null and b/theme_bistro/static/description/contributors/dynapps.jpg differ diff --git a/theme_bistro/static/description/contributors/huckemedia.png b/theme_bistro/static/description/contributors/huckemedia.png new file mode 100644 index 000000000..2106c34b0 Binary files /dev/null and b/theme_bistro/static/description/contributors/huckemedia.png differ diff --git a/theme_bistro/static/description/contributors/opusvl.png b/theme_bistro/static/description/contributors/opusvl.png new file mode 100644 index 000000000..f1f25f120 Binary files /dev/null and b/theme_bistro/static/description/contributors/opusvl.png differ diff --git a/theme_bistro/static/description/contributors/oxen.jpg b/theme_bistro/static/description/contributors/oxen.jpg new file mode 100644 index 000000000..0cb41eb9f Binary files /dev/null and b/theme_bistro/static/description/contributors/oxen.jpg differ diff --git a/theme_bistro/static/description/contributors/simplitco.jpg b/theme_bistro/static/description/contributors/simplitco.jpg new file mode 100644 index 000000000..152bbf277 Binary files /dev/null and b/theme_bistro/static/description/contributors/simplitco.jpg differ diff --git a/theme_bistro/static/description/contributors/sodexis.jpg b/theme_bistro/static/description/contributors/sodexis.jpg new file mode 100644 index 000000000..12f1d8ecd Binary files /dev/null and b/theme_bistro/static/description/contributors/sodexis.jpg differ diff --git a/theme_bistro/static/description/contributors/tech-receptives.png b/theme_bistro/static/description/contributors/tech-receptives.png new file mode 100644 index 000000000..c441f44db Binary files /dev/null and b/theme_bistro/static/description/contributors/tech-receptives.png differ diff --git a/theme_bistro/static/description/contributors/vauxoo.png b/theme_bistro/static/description/contributors/vauxoo.png new file mode 100644 index 000000000..7e83d3148 Binary files /dev/null and b/theme_bistro/static/description/contributors/vauxoo.png differ diff --git a/theme_bistro/static/description/customization-modal-background.gif b/theme_bistro/static/description/customization-modal-background.gif new file mode 100644 index 000000000..68ba3ce24 Binary files /dev/null and b/theme_bistro/static/description/customization-modal-background.gif differ diff --git a/theme_bistro/static/description/customization-modal-colors.gif b/theme_bistro/static/description/customization-modal-colors.gif new file mode 100644 index 000000000..dc1204b2f Binary files /dev/null and b/theme_bistro/static/description/customization-modal-colors.gif differ diff --git a/theme_bistro/static/description/customization-modal-fonts-patterns.gif b/theme_bistro/static/description/customization-modal-fonts-patterns.gif new file mode 100644 index 000000000..7d315ca89 Binary files /dev/null and b/theme_bistro/static/description/customization-modal-fonts-patterns.gif differ diff --git a/theme_bistro/static/description/icon.png b/theme_bistro/static/description/icon.png new file mode 100644 index 000000000..072ece77a Binary files /dev/null and b/theme_bistro/static/description/icon.png differ diff --git a/theme_bistro/static/description/index.html b/theme_bistro/static/description/index.html new file mode 100644 index 000000000..a75b4f4fa --- /dev/null +++ b/theme_bistro/static/description/index.html @@ -0,0 +1,266 @@ +
    +
    +
    +
    +

    Bistro is a professional responsive HTML5 theme, built using Bootstrap, a popular front-end framework for developing responsive, mobile first projects on the web.
    Just drag & drop the building blocks you need to easily build your layout. All layouts are made of sections, that you can easily combine to fit your specific project.

    + + +

    Customization Tools

    +
    Bistro was made with easy customization and branding in mind. Based on simple, modern and typographical elements, it allows you to easily build your website. All the options were made to work together. You can not go wrong with the settings. +
    +

    - You will find these options in: Customize (top-right of the screen) > Customize Theme

    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +

    Some fonts might not work with extended charsets.

    + +

    Building Blocks

    +
    You get a new complete range of building blocks.
    +

    - You will find these blocks in: Edit (top-left of the screen) > Insert Blocks

    + +

    Structure

    +
    +
    +
    + Banner +
    +
    +
    + Page Header +
    +
    +
    + Features Circle +
    +
    +
    + Numbers +
    +
    +
    + 3-Col + Carousel +
    +
    +
    + Boxed Carousel +
    +
    +
    + FW. 4-Col +
    +
    +
    + FW. Text-Image +
    +
    +
    + FW. Image-Text +
    +
    +
    + FW. Text-Block-Image +
    +
    +
    + FW. Images + Captions +
    +
    +
    + Masonry Block +
    +
    + +

    Content

    +
    +
    +
    + Well + Icons +
    +
    +
    + Blockquote + Author +
    +
    +
    + Separator + Styles +
    +
    +
    + Panel + Icons +
    +
    +
    + Social + Styles +
    +
    +
    + Label +
    +
    +
    + Progress bar +
    +
    + +

    Features

    +
    +
    +
    + References +
    +
    +
    + Quotes Slider +
    +
    +
    + Features Grid +
    +
    +
    + Collapse +
    +
    +
    + Medias List +
    +
    +
    + Naws Carousel +
    +
    +
    + Steps +
    +
    +
    + Team Profiles +
    +
    +
    + Google Map +
    +
    + + +

    Customize Your Blocks

    +
    Each building blocks comes with its own options of layout, backgrounds, colors, and styles
    + +

    The images in this theme are copyrighted and can't be used outside of the odoo.com domain.

    + +

    + This theme was created with the help of our user community.
    + Thanks to our backers the Indiegogo campaign was a success!
    + https://www.indiegogo.com/projects/bootstrap-themes-for-odoo-cms/ +

    + +

    MAIN SPONSOR

    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + + +
    +
    +

    + Ross Whiting, Oxenworkwear - Hans Balis - Stephan Keller, Sodexis, Inc. - Michael Hucke, Hucke Media GmbH & Co. KG - Joachim Grubelnik, DaDi EDV GmbH​ datadialog.net - DynApps - Cats&Dogs bvba - Bloopark systems GmbH & Co. KG - Parthiv Patel, Tech Receptives Solutions Pvt. Ltd. - Stuart Mackintosh, OpusVL - Erwin van der Ploeg, BAS Solutions - ali Zuaby, simplit co - Aselcis Consulting - Nhomar Hernandez, Vauxoo +

    +

    SPONSOR

    +
    +

    + Robert Baumgartner, datenpol gmbh - openBIG - Russell Phillippe, Protogenos Ltd - Julien Allo, Julius - EasyPME - Jonathan Wilson, WillowIT Pty Ltd - Xavier Mallein, MAallein - Pedro M. Baeza, Serv. Tecnol. Avanzados - Daniel Dico, OERP Canada - Jantz Business Group b.v. - LogicaSoft Consulting - Eric Caudal, Elico Corp - Ermin Trevisan, Twanda - Jean-François Mattler, OpenFid SAS - Alex Ferrer, Lannex IT Solutions - Tony Gu, Shine IT Co. Ltd. 先安科技 - TaPo-IT OG - Jos De Graeve, Apertoso - Nicolas Rigo, eezee-it - Luis Miguel Varón E, Colorisa S.A - OpenBias - Stanislas Drouin Applicatour +

    +

    POWER DESIGNER

    +
    +

    + Rohit Thakral - François Dhommeaux, Ubic Informatique - Judson Alves, Market Home Delivery - Eric Flaux, ABF Osiell - Gilles Dupont - Arnis Putniņš - Johnson Martt, GetOpenERP (Part of OpenStow Technologies) - Gianluca Milano - Daniel Stolovich, ATEL S.A. - Equitania Software GmbH - Senthilnathan G - Houssine Bakkali - Arend Trip - Kevin Woolf, Baba Kevin's American Barbecue Co., Ltd. - toodoo sàrl - Zoltan Gabor 'Apersis' - Tom De Decker, WEB2GO LTD - Nicolás Cavalier Montenegro, STOREGUD CORPORATION SAC - Keirse Jerome - REAL Solutions S.A. - Davide Corio - Brice Muangkhot - Melvin Miguel Martinez, Mendoza Hernandez - Auditores - Chua Wen Ching - Tran Minh Tri working, ungdungtinhoc.com - Badisheng Morena - Sogexis - Josh Wardini - The Tee Shirt Bakery - Bruce Letterle, Red Lab Media - Benoit Vankoningsloo - Francisco Manuel Garcia Claramonte. - Paulina Mikolajczak-Blasco - Collectiv - Tony Fernando - Herbert Riener, rigaConcepts - Kalmen Chia, E-Global SCM Solution Sdn Bhd - Rob North, Pair A Dice Games - David E. Vargas, CloudShop - François Le Gal - Calin Chete (24h Solutions) - Maria Gabriela Fong, MAGA Systems & Consulting - Pascal Behr, Cytosurge AG - Marc Antwertinger - Opencloud Unipessoal, Lda - Ruchir Shukla, BizzAppDev - Michael Hucke, Hucke Media GmbH & Co. KG - Mathias Neef, copadoMEDIA UG - Pablo Arias - Same Motion - livingprocess.de - Habib Ayob - Igor Jovanovic - Liangming Wang, Weixuan Inc. - Jason Au Yeung, Binary System Limited - Fredrik Arvas, Arvas International AB - Martin Temmink, Zigaret - Mathieu Vanneste, Flockdesign - Filip Fruru, Instant Media - Marianne Wilmsmeier, Fabrik Fünf GmbH - Vertex Group Enterprises - Bingen Eguzkitza - Herczeg Péter, InnOpen Group Kft - Giles Hohnen - Luis Felipe Miléo, KMEE - Maria Gabriela Fong, MAGA Systems & Consulting - Aaron Magon, Web Industries - Andrew Trueman, B.M. Trueman & Partners - Sven Petersen, Conexus - Nous Cambas - Oliver Yuan, OpenStone - Henri Ibowili, A-YANT.COM - Nicolas JEUDY - Helmut Drewes - Maik Steinfeld, Streward - Hans Henrik Gabelgaard - AJ Rosman - Eduard - Patrick Darribet, SUDOKEYS - Camptocamp - Cyril Morisse - Alejandro Santana - Eva Pinter, YBO - Mathias Neef, copadoMEDIA UG - Jean-Christophe Perrot, LOGICASOFT - Zarshed Ali, HiTechnologia - Stefan Reisich - Maxime Chambreuil, Savoir-faire Linux - Mario Gielissen, Openworx - Nicholas Burdic, Aptoworks LLC - Olivier Lenoir +

    +
    +
    +
    \ No newline at end of file diff --git a/theme_bistro/static/description/snippets_thumbs/s_banner_2.gif b/theme_bistro/static/description/snippets_thumbs/s_banner_2.gif new file mode 100644 index 000000000..53c245d31 Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_banner_2.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_blockquote_extended.gif b/theme_bistro/static/description/snippets_thumbs/s_blockquote_extended.gif new file mode 100644 index 000000000..f49297cbc Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_blockquote_extended.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_carousel_boxed.gif b/theme_bistro/static/description/snippets_thumbs/s_carousel_boxed.gif new file mode 100644 index 000000000..fbe6423ed Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_carousel_boxed.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_collapse.gif b/theme_bistro/static/description/snippets_thumbs/s_collapse.gif new file mode 100644 index 000000000..68f361376 Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_collapse.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_features_circle.gif b/theme_bistro/static/description/snippets_thumbs/s_features_circle.gif new file mode 100644 index 000000000..5b0cece2c Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_features_circle.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_features_grid_circle.gif b/theme_bistro/static/description/snippets_thumbs/s_features_grid_circle.gif new file mode 100644 index 000000000..ba2fb4010 Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_features_grid_circle.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_four_columns_fw.gif b/theme_bistro/static/description/snippets_thumbs/s_four_columns_fw.gif new file mode 100644 index 000000000..50c54374f Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_four_columns_fw.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_google_map.gif b/theme_bistro/static/description/snippets_thumbs/s_google_map.gif new file mode 100644 index 000000000..027dd9d2d Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_google_map.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_image_text_fw.gif b/theme_bistro/static/description/snippets_thumbs/s_image_text_fw.gif new file mode 100644 index 000000000..07b7e12d2 Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_image_text_fw.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_images_captions_fw.gif b/theme_bistro/static/description/snippets_thumbs/s_images_captions_fw.gif new file mode 100644 index 000000000..4bdd57def Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_images_captions_fw.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_label.gif b/theme_bistro/static/description/snippets_thumbs/s_label.gif new file mode 100644 index 000000000..e744f415a Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_label.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_masonry_block.gif b/theme_bistro/static/description/snippets_thumbs/s_masonry_block.gif new file mode 100644 index 000000000..9e31beb0f Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_masonry_block.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_medias_list.gif b/theme_bistro/static/description/snippets_thumbs/s_medias_list.gif new file mode 100644 index 000000000..6627cdc8f Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_medias_list.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_news_carousel.gif b/theme_bistro/static/description/snippets_thumbs/s_news_carousel.gif new file mode 100644 index 000000000..1a3b7e0f1 Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_news_carousel.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_numbers.gif b/theme_bistro/static/description/snippets_thumbs/s_numbers.gif new file mode 100644 index 000000000..d7248bea7 Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_numbers.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_page_header.gif b/theme_bistro/static/description/snippets_thumbs/s_page_header.gif new file mode 100644 index 000000000..64acf4572 Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_page_header.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_panel_extended.gif b/theme_bistro/static/description/snippets_thumbs/s_panel_extended.gif new file mode 100644 index 000000000..02cad4bdd Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_panel_extended.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_process_steps_2.gif b/theme_bistro/static/description/snippets_thumbs/s_process_steps_2.gif new file mode 100644 index 000000000..f104030f4 Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_process_steps_2.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_progress_bar.gif b/theme_bistro/static/description/snippets_thumbs/s_progress_bar.gif new file mode 100644 index 000000000..64dbef14d Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_progress_bar.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_quotes_slider_2.gif b/theme_bistro/static/description/snippets_thumbs/s_quotes_slider_2.gif new file mode 100644 index 000000000..2539ab5ad Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_quotes_slider_2.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_references_2.gif b/theme_bistro/static/description/snippets_thumbs/s_references_2.gif new file mode 100644 index 000000000..e99f9ff5b Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_references_2.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_separator_extended.gif b/theme_bistro/static/description/snippets_thumbs/s_separator_extended.gif new file mode 100644 index 000000000..e6e3eaa26 Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_separator_extended.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_share_extended.gif b/theme_bistro/static/description/snippets_thumbs/s_share_extended.gif new file mode 100644 index 000000000..40b05882d Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_share_extended.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_team_profiles_2.gif b/theme_bistro/static/description/snippets_thumbs/s_team_profiles_2.gif new file mode 100644 index 000000000..7de943eae Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_team_profiles_2.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_text_block_image_fw.gif b/theme_bistro/static/description/snippets_thumbs/s_text_block_image_fw.gif new file mode 100644 index 000000000..5d78082fb Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_text_block_image_fw.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_text_image_fw.gif b/theme_bistro/static/description/snippets_thumbs/s_text_image_fw.gif new file mode 100644 index 000000000..bd5df6388 Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_text_image_fw.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_three_columns_carousel.gif b/theme_bistro/static/description/snippets_thumbs/s_three_columns_carousel.gif new file mode 100644 index 000000000..63bd8ba98 Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_three_columns_carousel.gif differ diff --git a/theme_bistro/static/description/snippets_thumbs/s_well_extended.gif b/theme_bistro/static/description/snippets_thumbs/s_well_extended.gif new file mode 100644 index 000000000..5f62d84df Binary files /dev/null and b/theme_bistro/static/description/snippets_thumbs/s_well_extended.gif differ diff --git a/theme_bistro/static/src/img/backgrounds/01.jpg b/theme_bistro/static/src/img/backgrounds/01.jpg new file mode 100644 index 000000000..bc4334065 Binary files /dev/null and b/theme_bistro/static/src/img/backgrounds/01.jpg differ diff --git a/theme_bistro/static/src/img/backgrounds/02.jpg b/theme_bistro/static/src/img/backgrounds/02.jpg new file mode 100644 index 000000000..354c54c5e Binary files /dev/null and b/theme_bistro/static/src/img/backgrounds/02.jpg differ diff --git a/theme_bistro/static/src/img/backgrounds/03.jpg b/theme_bistro/static/src/img/backgrounds/03.jpg new file mode 100644 index 000000000..88309e730 Binary files /dev/null and b/theme_bistro/static/src/img/backgrounds/03.jpg differ diff --git a/theme_bistro/static/src/img/backgrounds/04.jpg b/theme_bistro/static/src/img/backgrounds/04.jpg new file mode 100644 index 000000000..724f59c38 Binary files /dev/null and b/theme_bistro/static/src/img/backgrounds/04.jpg differ diff --git a/theme_bistro/static/src/img/backgrounds/05.jpg b/theme_bistro/static/src/img/backgrounds/05.jpg new file mode 100644 index 000000000..bb3d10926 Binary files /dev/null and b/theme_bistro/static/src/img/backgrounds/05.jpg differ diff --git a/theme_bistro/static/src/img/backgrounds/06.jpg b/theme_bistro/static/src/img/backgrounds/06.jpg new file mode 100644 index 000000000..3ac8adaa6 Binary files /dev/null and b/theme_bistro/static/src/img/backgrounds/06.jpg differ diff --git a/theme_bistro/static/src/img/backgrounds/07.jpg b/theme_bistro/static/src/img/backgrounds/07.jpg new file mode 100644 index 000000000..00768aa52 Binary files /dev/null and b/theme_bistro/static/src/img/backgrounds/07.jpg differ diff --git a/theme_bistro/static/src/img/backgrounds/08.jpg b/theme_bistro/static/src/img/backgrounds/08.jpg new file mode 100644 index 000000000..78df09027 Binary files /dev/null and b/theme_bistro/static/src/img/backgrounds/08.jpg differ diff --git a/theme_bistro/static/src/img/backgrounds/09.jpg b/theme_bistro/static/src/img/backgrounds/09.jpg new file mode 100644 index 000000000..dc003903b Binary files /dev/null and b/theme_bistro/static/src/img/backgrounds/09.jpg differ diff --git a/theme_bistro/static/src/img/backgrounds/10.jpg b/theme_bistro/static/src/img/backgrounds/10.jpg new file mode 100644 index 000000000..4e1e647b1 Binary files /dev/null and b/theme_bistro/static/src/img/backgrounds/10.jpg differ diff --git a/theme_bistro/static/src/img/backgrounds/11.jpg b/theme_bistro/static/src/img/backgrounds/11.jpg new file mode 100644 index 000000000..6eb366526 Binary files /dev/null and b/theme_bistro/static/src/img/backgrounds/11.jpg differ diff --git a/theme_bistro/static/src/img/backgrounds/12.jpg b/theme_bistro/static/src/img/backgrounds/12.jpg new file mode 100644 index 000000000..7aade4234 Binary files /dev/null and b/theme_bistro/static/src/img/backgrounds/12.jpg differ diff --git a/theme_bistro/static/src/img/backgrounds/13.jpg b/theme_bistro/static/src/img/backgrounds/13.jpg new file mode 100644 index 000000000..2c7412e95 Binary files /dev/null and b/theme_bistro/static/src/img/backgrounds/13.jpg differ diff --git a/theme_bistro/static/src/img/backgrounds/14.jpg b/theme_bistro/static/src/img/backgrounds/14.jpg new file mode 100644 index 000000000..d93898083 Binary files /dev/null and b/theme_bistro/static/src/img/backgrounds/14.jpg differ diff --git a/theme_bistro/static/src/img/backgrounds/15.jpg b/theme_bistro/static/src/img/backgrounds/15.jpg new file mode 100644 index 000000000..bea91a1df Binary files /dev/null and b/theme_bistro/static/src/img/backgrounds/15.jpg differ diff --git a/theme_bistro/static/src/img/backgrounds/16.jpg b/theme_bistro/static/src/img/backgrounds/16.jpg new file mode 100644 index 000000000..f44eafb43 Binary files /dev/null and b/theme_bistro/static/src/img/backgrounds/16.jpg differ diff --git a/theme_bistro/static/src/img/content/big_picture.jpg b/theme_bistro/static/src/img/content/big_picture.jpg new file mode 100644 index 000000000..dba1f95ad Binary files /dev/null and b/theme_bistro/static/src/img/content/big_picture.jpg differ diff --git a/theme_bistro/static/src/img/content/border-lines.svg b/theme_bistro/static/src/img/content/border-lines.svg new file mode 100644 index 000000000..ba66be56d --- /dev/null +++ b/theme_bistro/static/src/img/content/border-lines.svg @@ -0,0 +1,8 @@ + + + + + + + diff --git a/theme_bistro/static/src/img/content/border-waves.svg b/theme_bistro/static/src/img/content/border-waves.svg new file mode 100644 index 000000000..f054e19db --- /dev/null +++ b/theme_bistro/static/src/img/content/border-waves.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + diff --git a/theme_bistro/static/src/img/content/image_text.jpg b/theme_bistro/static/src/img/content/image_text.jpg new file mode 100644 index 000000000..d6f0d117f Binary files /dev/null and b/theme_bistro/static/src/img/content/image_text.jpg differ diff --git a/theme_bistro/static/src/img/content/logo_01.png b/theme_bistro/static/src/img/content/logo_01.png new file mode 100644 index 000000000..75203c1c4 Binary files /dev/null and b/theme_bistro/static/src/img/content/logo_01.png differ diff --git a/theme_bistro/static/src/img/content/logo_02.png b/theme_bistro/static/src/img/content/logo_02.png new file mode 100644 index 000000000..7f7411652 Binary files /dev/null and b/theme_bistro/static/src/img/content/logo_02.png differ diff --git a/theme_bistro/static/src/img/content/logo_03.png b/theme_bistro/static/src/img/content/logo_03.png new file mode 100644 index 000000000..d6c304228 Binary files /dev/null and b/theme_bistro/static/src/img/content/logo_03.png differ diff --git a/theme_bistro/static/src/img/content/logo_04.png b/theme_bistro/static/src/img/content/logo_04.png new file mode 100644 index 000000000..b06679c97 Binary files /dev/null and b/theme_bistro/static/src/img/content/logo_04.png differ diff --git a/theme_bistro/static/src/img/content/logo_05.png b/theme_bistro/static/src/img/content/logo_05.png new file mode 100644 index 000000000..cac7a993a Binary files /dev/null and b/theme_bistro/static/src/img/content/logo_05.png differ diff --git a/theme_bistro/static/src/img/content/logo_06.png b/theme_bistro/static/src/img/content/logo_06.png new file mode 100644 index 000000000..b1aa89333 Binary files /dev/null and b/theme_bistro/static/src/img/content/logo_06.png differ diff --git a/theme_bistro/static/src/img/content/profiles_boxes_1.jpg b/theme_bistro/static/src/img/content/profiles_boxes_1.jpg new file mode 100644 index 000000000..edafdd89e Binary files /dev/null and b/theme_bistro/static/src/img/content/profiles_boxes_1.jpg differ diff --git a/theme_bistro/static/src/img/content/profiles_boxes_2.jpg b/theme_bistro/static/src/img/content/profiles_boxes_2.jpg new file mode 100644 index 000000000..af31cf3dd Binary files /dev/null and b/theme_bistro/static/src/img/content/profiles_boxes_2.jpg differ diff --git a/theme_bistro/static/src/img/content/profiles_boxes_3.jpg b/theme_bistro/static/src/img/content/profiles_boxes_3.jpg new file mode 100644 index 000000000..daa9ca0ba Binary files /dev/null and b/theme_bistro/static/src/img/content/profiles_boxes_3.jpg differ diff --git a/theme_bistro/static/src/img/content/text_image.jpg b/theme_bistro/static/src/img/content/text_image.jpg new file mode 100644 index 000000000..ea827d394 Binary files /dev/null and b/theme_bistro/static/src/img/content/text_image.jpg differ diff --git a/theme_bistro/static/src/img/content/three_columns_1.jpg b/theme_bistro/static/src/img/content/three_columns_1.jpg new file mode 100644 index 000000000..6285a50ba Binary files /dev/null and b/theme_bistro/static/src/img/content/three_columns_1.jpg differ diff --git a/theme_bistro/static/src/img/content/three_columns_2a.jpg b/theme_bistro/static/src/img/content/three_columns_2a.jpg new file mode 100644 index 000000000..cc3aa015d Binary files /dev/null and b/theme_bistro/static/src/img/content/three_columns_2a.jpg differ diff --git a/theme_bistro/static/src/img/content/three_columns_2b.jpg b/theme_bistro/static/src/img/content/three_columns_2b.jpg new file mode 100644 index 000000000..209df748a Binary files /dev/null and b/theme_bistro/static/src/img/content/three_columns_2b.jpg differ diff --git a/theme_bistro/static/src/img/content/three_columns_2c.jpg b/theme_bistro/static/src/img/content/three_columns_2c.jpg new file mode 100644 index 000000000..73108dd5d Binary files /dev/null and b/theme_bistro/static/src/img/content/three_columns_2c.jpg differ diff --git a/theme_bistro/static/src/img/content/three_columns_3.jpg b/theme_bistro/static/src/img/content/three_columns_3.jpg new file mode 100644 index 000000000..fe58f333f Binary files /dev/null and b/theme_bistro/static/src/img/content/three_columns_3.jpg differ diff --git a/theme_bistro/static/src/img/patterns/01.gif b/theme_bistro/static/src/img/patterns/01.gif new file mode 100644 index 000000000..f19574e8e Binary files /dev/null and b/theme_bistro/static/src/img/patterns/01.gif differ diff --git a/theme_bistro/static/src/img/patterns/02.gif b/theme_bistro/static/src/img/patterns/02.gif new file mode 100644 index 000000000..005414381 Binary files /dev/null and b/theme_bistro/static/src/img/patterns/02.gif differ diff --git a/theme_bistro/static/src/img/patterns/03.gif b/theme_bistro/static/src/img/patterns/03.gif new file mode 100644 index 000000000..02891ce31 Binary files /dev/null and b/theme_bistro/static/src/img/patterns/03.gif differ diff --git a/theme_bistro/static/src/img/patterns/04.gif b/theme_bistro/static/src/img/patterns/04.gif new file mode 100644 index 000000000..5f3b4173f Binary files /dev/null and b/theme_bistro/static/src/img/patterns/04.gif differ diff --git a/theme_bistro/static/src/img/patterns/05.png b/theme_bistro/static/src/img/patterns/05.png new file mode 100644 index 000000000..7c8487ae4 Binary files /dev/null and b/theme_bistro/static/src/img/patterns/05.png differ diff --git a/theme_bistro/static/src/img/patterns/06.png b/theme_bistro/static/src/img/patterns/06.png new file mode 100644 index 000000000..97fc9bbf6 Binary files /dev/null and b/theme_bistro/static/src/img/patterns/06.png differ diff --git a/theme_bistro/static/src/img/patterns/07.gif b/theme_bistro/static/src/img/patterns/07.gif new file mode 100644 index 000000000..749c4a145 Binary files /dev/null and b/theme_bistro/static/src/img/patterns/07.gif differ diff --git a/theme_bistro/static/src/less/theme.less b/theme_bistro/static/src/less/theme.less new file mode 100644 index 000000000..acac51f53 --- /dev/null +++ b/theme_bistro/static/src/less/theme.less @@ -0,0 +1,48 @@ +.border-waves:before, +.border-waves:after { + content: ''; + display: block; + height: 10px; + background: url('/theme_bistro/static/src/img/content/border-waves.svg'); + background-repeat: repeat-x; +} + +.border-waves:before { + background-position: left -6px; +} + +.border-waves:after { + background-position: left 2px; +} + +.border-triangles:before, +.border-triangles:after { + content: ''; + display: block; + height: 16px; + background-repeat: repeat-x; + background-size: 16px 16px !important; +} + +.border-triangles:after { + background: linear-gradient(-45deg, #ffffff 8px, rgba(0, 0, 0, 0) 0), linear-gradient(45deg, #ffffff 8px, rgba(0, 0, 0, 0) 0); +} + +.border-triangles:before { + background: linear-gradient(-135deg, #ffffff 8px, rgba(0, 0, 0, 0) 0), linear-gradient(135deg, #ffffff 8px, rgba(0, 0, 0, 0) 0); +} + +.border-lines:before, +.border-lines:after { + content: ''; + display: block; + height: 1px; +} + +.border-lines:before { + box-shadow: 0 0 0 10px #fff, 0 21px 0 0 #fff; +} + +.border-lines:after { + box-shadow: 0 0 0 10px #fff, 0 -21px 0 0 #fff; +} diff --git a/theme_bistro/views/assets.xml b/theme_bistro/views/assets.xml new file mode 100644 index 000000000..d98c6908b --- /dev/null +++ b/theme_bistro/views/assets.xml @@ -0,0 +1,22 @@ + + + + + + + open + + + + + + + + + \ No newline at end of file diff --git a/theme_bistro/views/images.xml b/theme_bistro/views/images.xml new file mode 100644 index 000000000..2b3f81696 --- /dev/null +++ b/theme_bistro/views/images.xml @@ -0,0 +1,189 @@ + + + + + + + + /theme_bistro/static/src/img/backgrounds/01.jpg + + + + /theme_bistro/static/src/img/backgrounds/02.jpg + + + + /theme_bistro/static/src/img/backgrounds/03.jpg + + + + /theme_bistro/static/src/img/backgrounds/04.jpg + + + + /theme_bistro/static/src/img/backgrounds/05.jpg + + + + /theme_bistro/static/src/img/backgrounds/06.jpg + + + + /theme_bistro/static/src/img/backgrounds/07.jpg + + + + /theme_bistro/static/src/img/backgrounds/08.jpg + + + + /theme_bistro/static/src/img/backgrounds/09.jpg + + + + /theme_bistro/static/src/img/backgrounds/10.jpg + + + + /theme_bistro/static/src/img/backgrounds/11.jpg + + + + /theme_bistro/static/src/img/backgrounds/12.jpg + + + + /theme_bistro/static/src/img/backgrounds/13.jpg + + + + /theme_bistro/static/src/img/backgrounds/14.jpg + + + + /theme_bistro/static/src/img/backgrounds/15.jpg + + + + /theme_bistro/static/src/img/backgrounds/16.jpg + + + + + + + /theme_bistro/static/src/img/patterns/01.gif + + + + /theme_bistro/static/src/img/patterns/02.gif + + + + /theme_bistro/static/src/img/patterns/03.gif + + + + /theme_bistro/static/src/img/patterns/07.gif + + + + /theme_bistro/static/src/img/patterns/04.gif + + + + /theme_bistro/static/src/img/patterns/05.png + + + + /theme_bistro/static/src/img/patterns/06.png + + + + + + + /theme_bistro/static/src/img/content/text_image.jpg + + + + /theme_bistro/static/src/img/content/big_picture.jpg + + + + /theme_bistro/static/src/img/content/image_text.jpg + + + + /theme_bistro/static/src/img/content/profiles_boxes_2.jpg + + + + /theme_bistro/static/src/img/content/profiles_boxes_3.jpg + + + + /theme_bistro/static/src/img/content/logo_01.png + + + + /theme_bistro/static/src/img/content/logo_02.png + + + + /theme_bistro/static/src/img/content/logo_03.png + + + + /theme_bistro/static/src/img/content/logo_04.png + + + + /theme_bistro/static/src/img/content/logo_05.png + + + + /theme_bistro/static/src/img/content/logo_06.png + + + + /theme_bistro/static/src/img/content/profiles_boxes_1.jpg + + + + /theme_bistro/static/src/img/content/three_columns_1.jpg + + + + /theme_bistro/static/src/img/content/three_columns_2a.jpg + + + + /theme_bistro/static/src/img/content/three_columns_2b.jpg + + + + /theme_bistro/static/src/img/content/three_columns_2c.jpg + + + + /theme_bistro/static/src/img/content/three_columns_3.jpg + + + + /theme_bistro/static/src/img/backgrounds/01.jpg + + + + /theme_bistro/static/src/img/backgrounds/04.jpg + + + + /theme_bistro/static/src/img/backgrounds/11.jpg + + + + \ No newline at end of file diff --git a/theme_bistro/views/preset.xml b/theme_bistro/views/preset.xml new file mode 100644 index 000000000..890a38002 --- /dev/null +++ b/theme_bistro/views/preset.xml @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + True + + + + True + + + + True + + + + True + + + + \ No newline at end of file diff --git a/theme_bistro/views/snippets_options.xml b/theme_bistro/views/snippets_options.xml new file mode 100644 index 000000000..7781d80d5 --- /dev/null +++ b/theme_bistro/views/snippets_options.xml @@ -0,0 +1,24 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_bookstore/LICENSE b/theme_bookstore/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_bookstore/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_bookstore/__init__.py b/theme_bookstore/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_bookstore/__openerp__.py b/theme_bookstore/__openerp__.py new file mode 100644 index 000000000..534be467a --- /dev/null +++ b/theme_bookstore/__openerp__.py @@ -0,0 +1,22 @@ +{ + 'name': 'Bookstore Theme', + 'description': 'Books, Magazines, Music', + 'category': 'Theme/Services', + 'version': '1.0', + 'author': 'Odoo S.A.', + 'depends': ['theme_loftspace', 'website_animate'], + 'data': [ + 'views/assets.xml', + 'views/images.xml', + 'views/preset.xml', + ], + 'demo': [ + 'demo/demo.xml', + ], + 'images': [ + 'static/description/bookstore_description.png', + ], + 'price': 4, + 'currency': 'EUR', + 'live_test_url': 'https://theme-bookstore.odoo.com' +} \ No newline at end of file diff --git a/theme_bookstore/demo/demo.xml b/theme_bookstore/demo/demo.xml new file mode 100644 index 000000000..0dab7e896 --- /dev/null +++ b/theme_bookstore/demo/demo.xml @@ -0,0 +1,371 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_bookstore/doc/index.rst b/theme_bookstore/doc/index.rst new file mode 100644 index 000000000..9f4dd865e --- /dev/null +++ b/theme_bookstore/doc/index.rst @@ -0,0 +1,34 @@ +You need to install the *Less CSS* compiler to run this theme + +* on Linux, use your distribution's package manager to install nodejs and npm. + * In debian wheezy and Ubuntu 13.10 and before you need to install nodejs manually: + + .. code-block:: console + + $ wget -qO- https://deb.nodesource.com/setup | bash - + $ apt-get install -y nodejs + + * In later debian (>jessie) and ubuntu (>14.04) you may need to add a symlink as npm packages call ``node`` but debian calls the binary ``nodejs`` + + .. code-block:: console + + $ apt-get install -y npm + $ sudo ln -s /usr/bin/nodejs /usr/bin/node + + * Once npm is installed, use it to install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on OS X, install nodejs via your preferred package manager (`homebrew `_, `macports `_) then install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on Windows, `install nodejs `_, reboot (to update the `PATH`) and install less and less-plugin-clean-css: + + .. code-block:: ps1 + + C:\> npm install -g less less-plugin-clean-css diff --git a/theme_bookstore/static/description/bookstore_description.png b/theme_bookstore/static/description/bookstore_description.png new file mode 100644 index 000000000..4282b246b Binary files /dev/null and b/theme_bookstore/static/description/bookstore_description.png differ diff --git a/theme_bookstore/static/description/contributors/applicatour.jpg b/theme_bookstore/static/description/contributors/applicatour.jpg new file mode 100644 index 000000000..977d9052f Binary files /dev/null and b/theme_bookstore/static/description/contributors/applicatour.jpg differ diff --git a/theme_bookstore/static/description/contributors/aselcis.jpg b/theme_bookstore/static/description/contributors/aselcis.jpg new file mode 100644 index 000000000..9fbc0f3c1 Binary files /dev/null and b/theme_bookstore/static/description/contributors/aselcis.jpg differ diff --git a/theme_bookstore/static/description/contributors/bas-solutions.png b/theme_bookstore/static/description/contributors/bas-solutions.png new file mode 100644 index 000000000..c64c5359a Binary files /dev/null and b/theme_bookstore/static/description/contributors/bas-solutions.png differ diff --git a/theme_bookstore/static/description/contributors/bloopark.png b/theme_bookstore/static/description/contributors/bloopark.png new file mode 100644 index 000000000..4ce0327d8 Binary files /dev/null and b/theme_bookstore/static/description/contributors/bloopark.png differ diff --git a/theme_bookstore/static/description/contributors/brouwland.jpg b/theme_bookstore/static/description/contributors/brouwland.jpg new file mode 100644 index 000000000..8fe4a1441 Binary files /dev/null and b/theme_bookstore/static/description/contributors/brouwland.jpg differ diff --git a/theme_bookstore/static/description/contributors/catsdogs.png b/theme_bookstore/static/description/contributors/catsdogs.png new file mode 100644 index 000000000..f4d03e63d Binary files /dev/null and b/theme_bookstore/static/description/contributors/catsdogs.png differ diff --git a/theme_bookstore/static/description/contributors/dialognet.png b/theme_bookstore/static/description/contributors/dialognet.png new file mode 100644 index 000000000..831a1a9c3 Binary files /dev/null and b/theme_bookstore/static/description/contributors/dialognet.png differ diff --git a/theme_bookstore/static/description/contributors/dynapps.jpg b/theme_bookstore/static/description/contributors/dynapps.jpg new file mode 100644 index 000000000..5854230c4 Binary files /dev/null and b/theme_bookstore/static/description/contributors/dynapps.jpg differ diff --git a/theme_bookstore/static/description/contributors/huckemedia.png b/theme_bookstore/static/description/contributors/huckemedia.png new file mode 100644 index 000000000..2106c34b0 Binary files /dev/null and b/theme_bookstore/static/description/contributors/huckemedia.png differ diff --git a/theme_bookstore/static/description/contributors/opusvl.png b/theme_bookstore/static/description/contributors/opusvl.png new file mode 100644 index 000000000..f1f25f120 Binary files /dev/null and b/theme_bookstore/static/description/contributors/opusvl.png differ diff --git a/theme_bookstore/static/description/contributors/oxen.jpg b/theme_bookstore/static/description/contributors/oxen.jpg new file mode 100644 index 000000000..0cb41eb9f Binary files /dev/null and b/theme_bookstore/static/description/contributors/oxen.jpg differ diff --git a/theme_bookstore/static/description/contributors/simplitco.jpg b/theme_bookstore/static/description/contributors/simplitco.jpg new file mode 100644 index 000000000..152bbf277 Binary files /dev/null and b/theme_bookstore/static/description/contributors/simplitco.jpg differ diff --git a/theme_bookstore/static/description/contributors/sodexis.jpg b/theme_bookstore/static/description/contributors/sodexis.jpg new file mode 100644 index 000000000..12f1d8ecd Binary files /dev/null and b/theme_bookstore/static/description/contributors/sodexis.jpg differ diff --git a/theme_bookstore/static/description/contributors/tech-receptives.png b/theme_bookstore/static/description/contributors/tech-receptives.png new file mode 100644 index 000000000..c441f44db Binary files /dev/null and b/theme_bookstore/static/description/contributors/tech-receptives.png differ diff --git a/theme_bookstore/static/description/contributors/vauxoo.png b/theme_bookstore/static/description/contributors/vauxoo.png new file mode 100644 index 000000000..7e83d3148 Binary files /dev/null and b/theme_bookstore/static/description/contributors/vauxoo.png differ diff --git a/theme_bookstore/static/description/customtool.jpg b/theme_bookstore/static/description/customtool.jpg new file mode 100644 index 000000000..438c65997 Binary files /dev/null and b/theme_bookstore/static/description/customtool.jpg differ diff --git a/theme_bookstore/static/description/customtool2.jpg b/theme_bookstore/static/description/customtool2.jpg new file mode 100644 index 000000000..4cde1a77c Binary files /dev/null and b/theme_bookstore/static/description/customtool2.jpg differ diff --git a/theme_bookstore/static/description/icon.png b/theme_bookstore/static/description/icon.png new file mode 100644 index 000000000..7f188de27 Binary files /dev/null and b/theme_bookstore/static/description/icon.png differ diff --git a/theme_bookstore/static/description/index.html b/theme_bookstore/static/description/index.html new file mode 100644 index 000000000..b85900326 --- /dev/null +++ b/theme_bookstore/static/description/index.html @@ -0,0 +1,212 @@ +
    +

    Html5 Responsive Bootstrap Theme for Odoo CMS

    +
    + +

    Bookstore is a professional responsive HTML5 theme, built using Bootstrap3, + the most popular front-end framework for developing responsive, mobile + first projects on the web. Just drag & drop the new building blocks + you need to easily build your layout. All layouts are made of sections, + that you can easily combine to fit your specific project.

    + +
    + +

    Bookstore Customization Tool

    + +

    Theme Bookstore comes with customization tools. You can easily change + the background, the colors and the font combination of your website or + you a preset.

    + +
    +
    + +
    +
    +

    Theme Bookstore comes with a lot of options

    +
      +
    • WIDE OR BOXED LAYOUT
      • +
    • 6 COLOR SCHEMES
      • +
    • 8 BACKGROUND SHADES OR USE YOUR OWN
      • +
    • 6 FONT COMBINATIONS
      • +
    • 10 BACKGROUND PATTERNS
      • +
    +

    All the background, color and font combinations were made to work together.  + You can not go wrong with the settings.

    + +

    Minimalistic Flat Design

    +

    Bookstore was made with easy customization and branding in mind. Based on + simple, modern and typographical elements, it allows you to easily customize + your website.

    + +

    6 Prebuild Presets

    +

    You don't have the time to play with options? Don't worry, Bookstore gives + you six full presets wich combine colors, fonts and background.

    +

    This theme has an additional eCommerce plugin.

    +
    +
    +
    + +

    Bookstore Building Blocks

    + +

    You get a new complete range of building blocks.

    + +
    +
    +

    STRUCTURE BLOCKS

    +
      +
    • Custom Banner
      • +
    • Big Picture + Text
      • +
    • Text + Big Picture
      • +
    • Cubes
      • +
    • Cubes Reversed
      • +
    • Features Slideshow
      • +
    • Header + Text + Picture
      • +
    • Product List
      • +
    • Text + Image + Text
      • +
    • Parallax Banner
      • +
    • 2 Color Blocks
      • +
    • 4 Color Blocks
      • +
    • Numbers
      • +
    • Timeline
      • +
    • Event List
      • +
    • Logos Bar
      • +
    • Testimonial Slider
      • +
    • Progress
      • +
    • Big Circle Icons
      • +
    +

    EFFECT BLOCKS

    +
      +
    • Big Image Parallax
      • +
    +
    +
    +

    Customize Your Blocks

    +

    Each building blocks comes with its own options. 

    +
    +

    CONTENT BLOCKS

    +
      +
    • Title
      • +
    • 1 Column Text
      • +
    • 2 Column Text
      • +
    • 3 Column Text
      • +
    • 4 Column Text
      • +
    • Custom Button
      • +
    • Separator Block
      • +
    +

    FEATURES BLOCKS

    +
      +
    • Slide Banner
      • +
    • Slideshow with products
      • +
    +
    +
    + +

    Some fonts might not work with extended charsets.

    +

    The images in the theme are copyrighted and can't be used outside of the odoo.com domain.

    +
    + +

    CONTRIBUTORS LIST

    +
    + +

    This theme was created with the help of our user community.

    + +

    Thanks to our backers the Indiegogo campaign was a success!

    + +

    https://www.indiegogo.com/projects/bootstrap-themes-for-odoo-cms/

    +
    + +

    Main Sponsor

    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + +

    Ross Whiting, Oxenworkwear - Hans Balis - Stephan Keller, Sodexis, Inc. - Michael Hucke, Hucke Media GmbH & Co. KG - Joachim Grubelnik, DaDi EDV GmbH​ datadialog.net - DynApps - Cats&Dogs bvba - Bloopark systems GmbH & Co. KG - Parthiv Patel, Tech Receptives Solutions Pvt. Ltd. - Stuart Mackintosh, OpusVL - Erwin van der Ploeg, BAS Solutions - ali Zuaby, simplit co - Aselcis Consulting - Nhomar Hernandez, Vauxoo

    + +

    Sponsor

    +
    + +

    Robert Baumgartner, datenpol gmbh - openBIG - Russell Phillippe, Protogenos Ltd - Julien Allo, Julius - EasyPME - Jonathan Wilson, WillowIT Pty Ltd - Xavier Mallein, MAallein - Pedro M. Baeza, Serv. Tecnol. Avanzados - Daniel Dico, OERP Canada - Jantz Business Group b.v. - LogicaSoft Consulting - Eric Caudal, Elico Corp - Ermin Trevisan, Twanda - Jean-François Mattler, OpenFid SAS - Alex Ferrer, Lannex IT Solutions - Tony Gu, Shine IT Co. Ltd. 先安科技 - TaPo-IT OG - Jos De Graeve, Apertoso - Nicolas Rigo, eezee-it - Luis Miguel Varón E, Colorisa S.A - OpenBias - Stanislas Drouin Applicatour

    + +

    Power Designer

    +
    + +

    Rohit Thakral - François Dhommeaux, Ubic Informatique - Judson Alves, Market Home Delivery - Eric Flaux, ABF Osiell - Gilles Dupont - Arnis Putniņš - Johnson Martt, GetOpenERP (Part of OpenStow Technologies) - Gianluca Milano - Daniel Stolovich, ATEL S.A. - Equitania Software GmbH - Senthilnathan G - Houssine Bakkali - Arend Trip - Kevin Woolf, Baba Kevin's American Barbecue Co., Ltd. - toodoo sàrl - Zoltan Gabor 'Apersis' - Tom De Decker, WEB2GO LTD - Nicolás Cavalier Montenegro, STOREGUD CORPORATION SAC - Keirse Jerome - REAL Solutions S.A. - Davide Corio - Brice Muangkhot - Melvin Miguel Martinez, Mendoza Hernandez - Auditores - Chua Wen Ching - Tran Minh Tri working, ungdungtinhoc.com - Badisheng Morena - Sogexis - Josh Wardini - The Tee Shirt Bakery - Bruce Letterle, Red Lab Media - Benoit Vankoningsloo - Francisco Manuel Garcia Claramonte. - Paulina Mikolajczak-Blasco - Collectiv - Tony Fernando - Herbert Riener, rigaConcepts - Kalmen Chia, E-Global SCM Solution Sdn Bhd - Rob North, Pair A Dice Games - David E. Vargas, CloudShop - François Le Gal - Calin Chete (24h Solutions) - Maria Gabriela Fong, MAGA Systems & Consulting - Pascal Behr, Cytosurge AG - Marc Antwertinger - Opencloud Unipessoal, Lda - Ruchir Shukla, BizzAppDev - Michael Hucke, Hucke Media GmbH & Co. KG - Mathias Neef, copadoMEDIA UG - Pablo Arias - Same Motion - livingprocess.de - Habib Ayob - Igor Jovanovic - Liangming Wang, Weixuan Inc. - Jason Au Yeung, Binary System Limited - Fredrik Arvas, Arvas International AB - Martin Temmink, Zigaret - Mathieu Vanneste, Flockdesign - Filip Fruru, Instant Media - Marianne Wilmsmeier, Fabrik Fünf GmbH - Vertex Group Enterprises - Bingen Eguzkitza - Herczeg Péter, InnOpen Group Kft - Giles Hohnen - Luis Felipe Miléo, KMEE - Maria Gabriela Fong, MAGA Systems & Consulting - Aaron Magon, Web Industries - Andrew Trueman, B.M. Trueman & Partners - Sven Petersen, Conexus - Nous Cambas - Oliver Yuan, OpenStone - Henri Ibowili, A-YANT.COM - Nicolas JEUDY - Helmut Drewes - Maik Steinfeld, Streward - Hans Henrik Gabelgaard - AJ Rosman - Eduard - Patrick Darribet, SUDOKEYS - Camptocamp - Cyril Morisse - Alejandro Santana - Eva Pinter, YBO - Mathias Neef, copadoMEDIA UG - Jean-Christophe Perrot, LOGICASOFT - Zarshed Ali, HiTechnologia - Stefan Reisich - Maxime Chambreuil, Savoir-faire Linux - Mario Gielissen, Openworx - Nicholas Burdic, Aptoworks LLC - Olivier Lenoir

    +
    diff --git a/theme_bookstore/static/src/img/backgrounds/01.jpg b/theme_bookstore/static/src/img/backgrounds/01.jpg new file mode 100644 index 000000000..5cdb01daa Binary files /dev/null and b/theme_bookstore/static/src/img/backgrounds/01.jpg differ diff --git a/theme_bookstore/static/src/img/backgrounds/02.jpg b/theme_bookstore/static/src/img/backgrounds/02.jpg new file mode 100644 index 000000000..6defabeed Binary files /dev/null and b/theme_bookstore/static/src/img/backgrounds/02.jpg differ diff --git a/theme_bookstore/static/src/img/backgrounds/03.jpg b/theme_bookstore/static/src/img/backgrounds/03.jpg new file mode 100644 index 000000000..0385c2c24 Binary files /dev/null and b/theme_bookstore/static/src/img/backgrounds/03.jpg differ diff --git a/theme_bookstore/static/src/img/backgrounds/04.jpg b/theme_bookstore/static/src/img/backgrounds/04.jpg new file mode 100644 index 000000000..1740c963f Binary files /dev/null and b/theme_bookstore/static/src/img/backgrounds/04.jpg differ diff --git a/theme_bookstore/static/src/img/backgrounds/05.jpg b/theme_bookstore/static/src/img/backgrounds/05.jpg new file mode 100644 index 000000000..15f114f51 Binary files /dev/null and b/theme_bookstore/static/src/img/backgrounds/05.jpg differ diff --git a/theme_bookstore/static/src/img/backgrounds/06.jpg b/theme_bookstore/static/src/img/backgrounds/06.jpg new file mode 100644 index 000000000..4f102a39a Binary files /dev/null and b/theme_bookstore/static/src/img/backgrounds/06.jpg differ diff --git a/theme_bookstore/static/src/img/backgrounds/07.jpg b/theme_bookstore/static/src/img/backgrounds/07.jpg new file mode 100644 index 000000000..c6f1e7f21 Binary files /dev/null and b/theme_bookstore/static/src/img/backgrounds/07.jpg differ diff --git a/theme_bookstore/static/src/img/backgrounds/08.jpg b/theme_bookstore/static/src/img/backgrounds/08.jpg new file mode 100644 index 000000000..f7a84b8ca Binary files /dev/null and b/theme_bookstore/static/src/img/backgrounds/08.jpg differ diff --git a/theme_bookstore/static/src/img/backgrounds/09.jpg b/theme_bookstore/static/src/img/backgrounds/09.jpg new file mode 100644 index 000000000..4bd5ac63a Binary files /dev/null and b/theme_bookstore/static/src/img/backgrounds/09.jpg differ diff --git a/theme_bookstore/static/src/img/backgrounds/10.jpg b/theme_bookstore/static/src/img/backgrounds/10.jpg new file mode 100644 index 000000000..23882f121 Binary files /dev/null and b/theme_bookstore/static/src/img/backgrounds/10.jpg differ diff --git a/theme_bookstore/static/src/img/content/content_img_01.jpg b/theme_bookstore/static/src/img/content/content_img_01.jpg new file mode 100644 index 000000000..25fd2417b Binary files /dev/null and b/theme_bookstore/static/src/img/content/content_img_01.jpg differ diff --git a/theme_bookstore/static/src/img/content/content_img_02.jpg b/theme_bookstore/static/src/img/content/content_img_02.jpg new file mode 100644 index 000000000..cfaee4208 Binary files /dev/null and b/theme_bookstore/static/src/img/content/content_img_02.jpg differ diff --git a/theme_bookstore/static/src/img/content/content_img_03.jpg b/theme_bookstore/static/src/img/content/content_img_03.jpg new file mode 100644 index 000000000..9d083a8ca Binary files /dev/null and b/theme_bookstore/static/src/img/content/content_img_03.jpg differ diff --git a/theme_bookstore/static/src/img/content/content_img_04.jpg b/theme_bookstore/static/src/img/content/content_img_04.jpg new file mode 100644 index 000000000..fa80410ae Binary files /dev/null and b/theme_bookstore/static/src/img/content/content_img_04.jpg differ diff --git a/theme_bookstore/static/src/img/content/content_img_05.jpg b/theme_bookstore/static/src/img/content/content_img_05.jpg new file mode 100644 index 000000000..93904e601 Binary files /dev/null and b/theme_bookstore/static/src/img/content/content_img_05.jpg differ diff --git a/theme_bookstore/static/src/img/content/content_img_06.jpg b/theme_bookstore/static/src/img/content/content_img_06.jpg new file mode 100644 index 000000000..40baa38d1 Binary files /dev/null and b/theme_bookstore/static/src/img/content/content_img_06.jpg differ diff --git a/theme_bookstore/static/src/img/content/content_img_07.jpg b/theme_bookstore/static/src/img/content/content_img_07.jpg new file mode 100644 index 000000000..c363f61fd Binary files /dev/null and b/theme_bookstore/static/src/img/content/content_img_07.jpg differ diff --git a/theme_bookstore/static/src/img/content/content_img_08.jpg b/theme_bookstore/static/src/img/content/content_img_08.jpg new file mode 100644 index 000000000..0c60e8b8a Binary files /dev/null and b/theme_bookstore/static/src/img/content/content_img_08.jpg differ diff --git a/theme_bookstore/static/src/img/content/content_img_09.jpg b/theme_bookstore/static/src/img/content/content_img_09.jpg new file mode 100644 index 000000000..2c16887eb Binary files /dev/null and b/theme_bookstore/static/src/img/content/content_img_09.jpg differ diff --git a/theme_bookstore/static/src/img/content/content_img_10.jpg b/theme_bookstore/static/src/img/content/content_img_10.jpg new file mode 100644 index 000000000..3601d12cf Binary files /dev/null and b/theme_bookstore/static/src/img/content/content_img_10.jpg differ diff --git a/theme_bookstore/static/src/img/content/content_img_11.jpg b/theme_bookstore/static/src/img/content/content_img_11.jpg new file mode 100644 index 000000000..616be2733 Binary files /dev/null and b/theme_bookstore/static/src/img/content/content_img_11.jpg differ diff --git a/theme_bookstore/static/src/img/content/content_img_12.jpg b/theme_bookstore/static/src/img/content/content_img_12.jpg new file mode 100644 index 000000000..8c29dbdfd Binary files /dev/null and b/theme_bookstore/static/src/img/content/content_img_12.jpg differ diff --git a/theme_bookstore/static/src/img/content/content_logo.png b/theme_bookstore/static/src/img/content/content_logo.png new file mode 100644 index 000000000..b1aa89333 Binary files /dev/null and b/theme_bookstore/static/src/img/content/content_logo.png differ diff --git a/theme_bookstore/static/src/img/content/product_img_01.jpg b/theme_bookstore/static/src/img/content/product_img_01.jpg new file mode 100644 index 000000000..d8ec5cbca Binary files /dev/null and b/theme_bookstore/static/src/img/content/product_img_01.jpg differ diff --git a/theme_bookstore/static/src/img/content/product_img_02.jpg b/theme_bookstore/static/src/img/content/product_img_02.jpg new file mode 100644 index 000000000..07ca82570 Binary files /dev/null and b/theme_bookstore/static/src/img/content/product_img_02.jpg differ diff --git a/theme_bookstore/static/src/img/content/product_img_03.jpg b/theme_bookstore/static/src/img/content/product_img_03.jpg new file mode 100644 index 000000000..f87bcc755 Binary files /dev/null and b/theme_bookstore/static/src/img/content/product_img_03.jpg differ diff --git a/theme_bookstore/static/src/img/content/product_img_04.jpg b/theme_bookstore/static/src/img/content/product_img_04.jpg new file mode 100644 index 000000000..eae16d755 Binary files /dev/null and b/theme_bookstore/static/src/img/content/product_img_04.jpg differ diff --git a/theme_bookstore/static/src/img/content/product_img_05.jpg b/theme_bookstore/static/src/img/content/product_img_05.jpg new file mode 100644 index 000000000..a69bf31bf Binary files /dev/null and b/theme_bookstore/static/src/img/content/product_img_05.jpg differ diff --git a/theme_bookstore/static/src/img/content/product_img_06.jpg b/theme_bookstore/static/src/img/content/product_img_06.jpg new file mode 100644 index 000000000..e3cc750bf Binary files /dev/null and b/theme_bookstore/static/src/img/content/product_img_06.jpg differ diff --git a/theme_bookstore/static/src/img/content/product_img_07.jpg b/theme_bookstore/static/src/img/content/product_img_07.jpg new file mode 100644 index 000000000..6cb3d6701 Binary files /dev/null and b/theme_bookstore/static/src/img/content/product_img_07.jpg differ diff --git a/theme_bookstore/static/src/img/content/product_img_08.jpg b/theme_bookstore/static/src/img/content/product_img_08.jpg new file mode 100644 index 000000000..b2d06436a Binary files /dev/null and b/theme_bookstore/static/src/img/content/product_img_08.jpg differ diff --git a/theme_bookstore/static/src/img/content/product_img_09.jpg b/theme_bookstore/static/src/img/content/product_img_09.jpg new file mode 100644 index 000000000..790915085 Binary files /dev/null and b/theme_bookstore/static/src/img/content/product_img_09.jpg differ diff --git a/theme_bookstore/static/src/img/content/product_img_10.jpg b/theme_bookstore/static/src/img/content/product_img_10.jpg new file mode 100644 index 000000000..2bf76159d Binary files /dev/null and b/theme_bookstore/static/src/img/content/product_img_10.jpg differ diff --git a/theme_bookstore/static/src/img/content/product_img_11.jpg b/theme_bookstore/static/src/img/content/product_img_11.jpg new file mode 100644 index 000000000..45b729be6 Binary files /dev/null and b/theme_bookstore/static/src/img/content/product_img_11.jpg differ diff --git a/theme_bookstore/static/src/img/content/product_img_12.jpg b/theme_bookstore/static/src/img/content/product_img_12.jpg new file mode 100644 index 000000000..87c7de0a6 Binary files /dev/null and b/theme_bookstore/static/src/img/content/product_img_12.jpg differ diff --git a/theme_bookstore/static/src/img/content/product_img_13.jpg b/theme_bookstore/static/src/img/content/product_img_13.jpg new file mode 100644 index 000000000..75074109e Binary files /dev/null and b/theme_bookstore/static/src/img/content/product_img_13.jpg differ diff --git a/theme_bookstore/static/src/img/content/product_img_14.jpg b/theme_bookstore/static/src/img/content/product_img_14.jpg new file mode 100644 index 000000000..1376eb7d8 Binary files /dev/null and b/theme_bookstore/static/src/img/content/product_img_14.jpg differ diff --git a/theme_bookstore/static/src/img/content/product_img_15.jpg b/theme_bookstore/static/src/img/content/product_img_15.jpg new file mode 100644 index 000000000..d835ee024 Binary files /dev/null and b/theme_bookstore/static/src/img/content/product_img_15.jpg differ diff --git a/theme_bookstore/static/src/img/content/product_img_16.jpg b/theme_bookstore/static/src/img/content/product_img_16.jpg new file mode 100644 index 000000000..ef1188c43 Binary files /dev/null and b/theme_bookstore/static/src/img/content/product_img_16.jpg differ diff --git a/theme_bookstore/static/src/less/snippets/s_banner_3.less b/theme_bookstore/static/src/less/snippets/s_banner_3.less new file mode 100644 index 000000000..893886968 --- /dev/null +++ b/theme_bookstore/static/src/less/snippets/s_banner_3.less @@ -0,0 +1,5 @@ +.s_banner_3_row_hook(){ + img { + display: none; + } +} \ No newline at end of file diff --git a/theme_bookstore/static/src/less/snippets/s_big_icon_circle.less b/theme_bookstore/static/src/less/snippets/s_big_icon_circle.less new file mode 100644 index 000000000..54a2da1ee --- /dev/null +++ b/theme_bookstore/static/src/less/snippets/s_big_icon_circle.less @@ -0,0 +1 @@ +@s_big_icon_circle_text_color: @gray; \ No newline at end of file diff --git a/theme_bookstore/views/assets.xml b/theme_bookstore/views/assets.xml new file mode 100644 index 000000000..81ffd0f99 --- /dev/null +++ b/theme_bookstore/views/assets.xml @@ -0,0 +1,22 @@ + + + + + + + open + + + + + + + + + + \ No newline at end of file diff --git a/theme_bookstore/views/images.xml b/theme_bookstore/views/images.xml new file mode 100644 index 000000000..db04c276f --- /dev/null +++ b/theme_bookstore/views/images.xml @@ -0,0 +1,151 @@ + + + + + + + + /theme_bookstore/static/src/img/backgrounds/01.jpg + + + + /theme_bookstore/static/src/img/backgrounds/02.jpg + + + + /theme_bookstore/static/src/img/backgrounds/03.jpg + + + + /theme_bookstore/static/src/img/backgrounds/04.jpg + + + + /theme_bookstore/static/src/img/backgrounds/05.jpg + + + + /theme_bookstore/static/src/img/backgrounds/06.jpg + + + + /theme_bookstore/static/src/img/backgrounds/07.jpg + + + + /theme_bookstore/static/src/img/backgrounds/08.jpg + + + + /theme_bookstore/static/src/img/backgrounds/09.jpg + + + + /theme_bookstore/static/src/img/backgrounds/10.jpg + + + + + + + + /theme_bookstore/static/src/img/content/content_img_01.jpg + + + + /theme_bookstore/static/src/img/content/content_img_02.jpg + + + + /theme_bookstore/static/src/img/content/content_img_03.jpg + + + + /theme_bookstore/static/src/img/content/content_img_04.jpg + + + + /theme_bookstore/static/src/img/content/content_img_05.jpg + + + + /theme_bookstore/static/src/img/content/content_img_06.jpg + + + + /theme_bookstore/static/src/img/content/content_img_07.jpg + + + + /theme_bookstore/static/src/img/content/content_img_08.jpg + + + + /theme_bookstore/static/src/img/content/content_img_09.jpg + + + + /theme_bookstore/static/src/img/content/content_img_10.jpg + + + + /theme_bookstore/static/src/img/content/content_img_11.jpg + + + + /theme_bookstore/static/src/img/content/content_img_12.jpg + + + + + + /theme_bookstore/static/src/img/content/product_img_01.jpg + + + + /theme_bookstore/static/src/img/content/product_img_02.jpg + + + + /theme_bookstore/static/src/img/content/product_img_03.jpg + + + + /theme_bookstore/static/src/img/content/product_img_04.jpg + + + + /theme_bookstore/static/src/img/content/product_img_05.jpg + + + + /theme_bookstore/static/src/img/content/product_img_06.jpg + + + + /theme_bookstore/static/src/img/content/product_img_07.jpg + + + + /theme_bookstore/static/src/img/content/product_img_08.jpg + + + + /theme_bookstore/static/src/img/content/product_img_09.jpg + + + + /theme_bookstore/static/src/img/content/product_img_10.jpg + + + + /theme_bookstore/static/src/img/content/product_img_11.jpg + + + + \ No newline at end of file diff --git a/theme_bookstore/views/layout.xml b/theme_bookstore/views/layout.xml new file mode 100644 index 000000000..6edff5a75 --- /dev/null +++ b/theme_bookstore/views/layout.xml @@ -0,0 +1,14 @@ + + + + + + + + + + diff --git a/theme_bookstore/views/preset.xml b/theme_bookstore/views/preset.xml new file mode 100644 index 000000000..00baa98a7 --- /dev/null +++ b/theme_bookstore/views/preset.xml @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/theme_bookstore_sale/LICENSE b/theme_bookstore_sale/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_bookstore_sale/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_bookstore_sale/__init__.py b/theme_bookstore_sale/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_bookstore_sale/__openerp__.py b/theme_bookstore_sale/__openerp__.py new file mode 100644 index 000000000..4191d0327 --- /dev/null +++ b/theme_bookstore_sale/__openerp__.py @@ -0,0 +1,15 @@ +{ + 'name': 'Theme Bookstore eCommerce Plugin', + 'description': 'Bookstore eCommerce Plugin', + 'category': 'Theme/Hidden', + 'version': '1.0', + 'author': 'Odoo S.A.', + 'depends': ['theme_loftspace_sale', 'theme_bookstore'], + 'data': [ + 'views/theme.xml', + ], + 'demo': [ + 'demo/products.xml', + ], + 'auto_install': True, +} \ No newline at end of file diff --git a/theme_bookstore_sale/demo/products.xml b/theme_bookstore_sale/demo/products.xml new file mode 100644 index 000000000..b931929b7 --- /dev/null +++ b/theme_bookstore_sale/demo/products.xml @@ -0,0 +1,213 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Children + + + + Back to School + + + + Tales + + + + Adults + + + + Scientific Books + + + + Novels + + + + Family + + + + + Scientific Book 1 + + 3.0 + + + + 1 + 2 + + + Scientific Book 2 + + 2.0 + + + 1 + 2 + + + Scientific Book 3 + + 15.0 + + + 1 + 2 + + + Novel 1 + + 2.0 + + + 1 + 2 + + + Novel 2 + + 19.0 + + + 1 + 2 + + + Novel 3 + + 2.0 + + + 1 + 2 + + + Novel 4 + + 1.5 + + + 1 + 2 + + + Novel 5 + + 9.0 + + + 1 + 2 + + + Family Book 1 + + 3.0 + + + 1 + 2 + + + Family Book 2 + + 3.0 + + + 1 + 2 + + + Family Book 3 + + 9.0 + + + 1 + 2 + + + Family Book 4 + + 19.0 + + + 1 + 2 + + + Family Book 5 + + 19.0 + + + 1 + 2 + + + Back to School 1 + + 14.0 + + + 1 + 2 + + + Back to School 2 + + 12.0 + + + 1 + 2 + + + Tales Book for Children + + 11.0 + + + 1 + 2 + + + + + diff --git a/theme_bookstore_sale/static/src/less/layout.less b/theme_bookstore_sale/static/src/less/layout.less new file mode 100644 index 000000000..56c2040f0 --- /dev/null +++ b/theme_bookstore_sale/static/src/less/layout.less @@ -0,0 +1,5 @@ +.js_sale, .oe_website_sale { + border-top: 1px solid @gray-lighter; + border-left: 1px solid @gray-lighter; + border-right: 1px solid @gray-lighter; +} \ No newline at end of file diff --git a/theme_bookstore_sale/views/theme.xml b/theme_bookstore_sale/views/theme.xml new file mode 100644 index 000000000..48f1bb628 --- /dev/null +++ b/theme_bookstore_sale/views/theme.xml @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_clean/LICENSE b/theme_clean/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_clean/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_clean/__init__.py b/theme_clean/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_clean/__openerp__.py b/theme_clean/__openerp__.py new file mode 100644 index 000000000..feb7240c8 --- /dev/null +++ b/theme_clean/__openerp__.py @@ -0,0 +1,26 @@ +{ + 'name': 'Clean Theme', + 'description': 'Clean Theme', + 'category': 'Theme/Services', + 'version': '1.1', + 'author': 'Odoo SA', + 'depends': ['theme_common', 'website_animate'], + 'data': [ + 'views/assets.xml', + 'views/customize_modal.xml', + 'views/image_content.xml', + 'views/image_library.xml', + 'views/snippets_options.xml', + 'views/snippets.xml', + ], + 'demo': [ + 'demo/home.xml', + 'demo/blocks.xml', + ], + 'images': [ + 'static/description/Clean_description.jpg', + ], + 'price': 199, + 'currency': 'EUR', + 'live_test_url': 'https://theme-clean.odoo.com/page/demo_page_home', +} diff --git a/theme_clean/demo/blocks.xml b/theme_clean/demo/blocks.xml new file mode 100644 index 000000000..ebe09c70c --- /dev/null +++ b/theme_clean/demo/blocks.xml @@ -0,0 +1,377 @@ + + + + + + + + Blocks + /page/demo_page_blocks + + 20 + + + + diff --git a/theme_clean/demo/home.xml b/theme_clean/demo/home.xml new file mode 100644 index 000000000..e3b3babae --- /dev/null +++ b/theme_clean/demo/home.xml @@ -0,0 +1,461 @@ + + + + + + + + Clean Home + /page/demo_page_home + + 20 + + + + diff --git a/theme_clean/doc/index.rst b/theme_clean/doc/index.rst new file mode 100644 index 000000000..9f4dd865e --- /dev/null +++ b/theme_clean/doc/index.rst @@ -0,0 +1,34 @@ +You need to install the *Less CSS* compiler to run this theme + +* on Linux, use your distribution's package manager to install nodejs and npm. + * In debian wheezy and Ubuntu 13.10 and before you need to install nodejs manually: + + .. code-block:: console + + $ wget -qO- https://deb.nodesource.com/setup | bash - + $ apt-get install -y nodejs + + * In later debian (>jessie) and ubuntu (>14.04) you may need to add a symlink as npm packages call ``node`` but debian calls the binary ``nodejs`` + + .. code-block:: console + + $ apt-get install -y npm + $ sudo ln -s /usr/bin/nodejs /usr/bin/node + + * Once npm is installed, use it to install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on OS X, install nodejs via your preferred package manager (`homebrew `_, `macports `_) then install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on Windows, `install nodejs `_, reboot (to update the `PATH`) and install less and less-plugin-clean-css: + + .. code-block:: ps1 + + C:\> npm install -g less less-plugin-clean-css diff --git a/theme_clean/static/description/Clean_description.jpg b/theme_clean/static/description/Clean_description.jpg new file mode 100644 index 000000000..24c041580 Binary files /dev/null and b/theme_clean/static/description/Clean_description.jpg differ diff --git a/theme_clean/static/description/Clean_description2.jpg b/theme_clean/static/description/Clean_description2.jpg new file mode 100644 index 000000000..2878bb6cd Binary files /dev/null and b/theme_clean/static/description/Clean_description2.jpg differ diff --git a/theme_clean/static/description/contributors/applicatour.jpg b/theme_clean/static/description/contributors/applicatour.jpg new file mode 100644 index 000000000..977d9052f Binary files /dev/null and b/theme_clean/static/description/contributors/applicatour.jpg differ diff --git a/theme_clean/static/description/contributors/aselcis.jpg b/theme_clean/static/description/contributors/aselcis.jpg new file mode 100644 index 000000000..9fbc0f3c1 Binary files /dev/null and b/theme_clean/static/description/contributors/aselcis.jpg differ diff --git a/theme_clean/static/description/contributors/bas-solutions.png b/theme_clean/static/description/contributors/bas-solutions.png new file mode 100644 index 000000000..c64c5359a Binary files /dev/null and b/theme_clean/static/description/contributors/bas-solutions.png differ diff --git a/theme_clean/static/description/contributors/bloopark.png b/theme_clean/static/description/contributors/bloopark.png new file mode 100644 index 000000000..4ce0327d8 Binary files /dev/null and b/theme_clean/static/description/contributors/bloopark.png differ diff --git a/theme_clean/static/description/contributors/brouwland.jpg b/theme_clean/static/description/contributors/brouwland.jpg new file mode 100644 index 000000000..8fe4a1441 Binary files /dev/null and b/theme_clean/static/description/contributors/brouwland.jpg differ diff --git a/theme_clean/static/description/contributors/catsdogs.png b/theme_clean/static/description/contributors/catsdogs.png new file mode 100644 index 000000000..f4d03e63d Binary files /dev/null and b/theme_clean/static/description/contributors/catsdogs.png differ diff --git a/theme_clean/static/description/contributors/dialognet.png b/theme_clean/static/description/contributors/dialognet.png new file mode 100644 index 000000000..831a1a9c3 Binary files /dev/null and b/theme_clean/static/description/contributors/dialognet.png differ diff --git a/theme_clean/static/description/contributors/dynapps.jpg b/theme_clean/static/description/contributors/dynapps.jpg new file mode 100644 index 000000000..5854230c4 Binary files /dev/null and b/theme_clean/static/description/contributors/dynapps.jpg differ diff --git a/theme_clean/static/description/contributors/huckemedia.png b/theme_clean/static/description/contributors/huckemedia.png new file mode 100644 index 000000000..2106c34b0 Binary files /dev/null and b/theme_clean/static/description/contributors/huckemedia.png differ diff --git a/theme_clean/static/description/contributors/opusvl.png b/theme_clean/static/description/contributors/opusvl.png new file mode 100644 index 000000000..f1f25f120 Binary files /dev/null and b/theme_clean/static/description/contributors/opusvl.png differ diff --git a/theme_clean/static/description/contributors/oxen.jpg b/theme_clean/static/description/contributors/oxen.jpg new file mode 100644 index 000000000..0cb41eb9f Binary files /dev/null and b/theme_clean/static/description/contributors/oxen.jpg differ diff --git a/theme_clean/static/description/contributors/simplitco.jpg b/theme_clean/static/description/contributors/simplitco.jpg new file mode 100644 index 000000000..152bbf277 Binary files /dev/null and b/theme_clean/static/description/contributors/simplitco.jpg differ diff --git a/theme_clean/static/description/contributors/sodexis.jpg b/theme_clean/static/description/contributors/sodexis.jpg new file mode 100644 index 000000000..12f1d8ecd Binary files /dev/null and b/theme_clean/static/description/contributors/sodexis.jpg differ diff --git a/theme_clean/static/description/contributors/tech-receptives.png b/theme_clean/static/description/contributors/tech-receptives.png new file mode 100644 index 000000000..c441f44db Binary files /dev/null and b/theme_clean/static/description/contributors/tech-receptives.png differ diff --git a/theme_clean/static/description/contributors/vauxoo.png b/theme_clean/static/description/contributors/vauxoo.png new file mode 100644 index 000000000..7e83d3148 Binary files /dev/null and b/theme_clean/static/description/contributors/vauxoo.png differ diff --git a/theme_clean/static/description/customtool-3.jpg b/theme_clean/static/description/customtool-3.jpg new file mode 100644 index 000000000..5c3ef7e3c Binary files /dev/null and b/theme_clean/static/description/customtool-3.jpg differ diff --git a/theme_clean/static/description/customtool.jpg b/theme_clean/static/description/customtool.jpg new file mode 100644 index 000000000..67cce9408 Binary files /dev/null and b/theme_clean/static/description/customtool.jpg differ diff --git a/theme_clean/static/description/customtool2.jpg b/theme_clean/static/description/customtool2.jpg new file mode 100644 index 000000000..134aa3830 Binary files /dev/null and b/theme_clean/static/description/customtool2.jpg differ diff --git a/theme_clean/static/description/icon.png b/theme_clean/static/description/icon.png new file mode 100644 index 000000000..3f7768e57 Binary files /dev/null and b/theme_clean/static/description/icon.png differ diff --git a/theme_clean/static/description/index.html b/theme_clean/static/description/index.html new file mode 100644 index 000000000..b390a34f9 --- /dev/null +++ b/theme_clean/static/description/index.html @@ -0,0 +1,214 @@ +
    +

    Html5 Responsive Bootstrap Theme for Odoo CMS

    +
    + +

    Clean is a professional responsive HTML5 theme, built using Bootstrap3, + the most popular front-end framework for developing responsive, mobile + first projects on the web. Just drag & drop the new building blocks + you need to easily build your layout. All layouts are made of sections, + that you can easily combine to fit your specific project.

    + +
    + +

    CLEAN Customization Tool

    +

    Theme Clean comes with customization tools. You can easily change + the background, the colors and the font combination of your website or + you a preset.

    + +
    +
    + +
    +
    +

    Theme Clean comes with a lot of options

    +
      +
    • 6 PRESETS
      • +
    • WIDE OR BOXED LAYOUT
      • +
    • 6 COLOR SCHEMES
      • +
    • 12 BACKGROUND SHADES
      • +
    • 12 FONT COMBINATIONS
      • +
    • 6 ANIMATIONS PRESETS
      • +
    +

    All the background, color and font combinations were made to work together.  + You can not go wrong with the settings.

    + +

    Minimalistic Flat Design

    +

    Clean was made with easy customization and branding in mind. Based on + simple, modern and typographical elements, it allows you to easily customize + your website.

    + +

    6 Prebuild Presets

    +

    You don't have the time to play with options? Don't worry, Clean gives + you six full presets wich combine colors, fonts and background.

    +
    +
    +
    + +

    CLEAN Building Blocks

    +

    You get a new complete range of building blocks.

    + +
    +
    +

    STRUCTURE BLOCKS

    +
      +
    • Title
      • +
    • Text
      • +
    • Color Block x2
      • +
    • Color Block x4
      • +
    • Image Text
      • +
    • Text Image
      • +
    • 1 Column
      • +
    • 2 Columns
      • +
    • 3 Columns
      • +
    +

    CONTENT BLOCKS

    +
      +
    • Text Highlight
      • +
    • Separator Color
      • +
    • Separator Shade
      • +
    • Icon Box
      • +
    • Icon Box Circle
      • +
    • Icon Box Square
      • +
    +
    +
    +

    FEATURES BLOCKS

    +
      +
    • Lead Bar
      • +
    • Logos Bar
      • +
    • Team Profiles
      • +
    • Timeline
      • +
    • Timeline Compact
      • +
    • Event List
      • +
    • Discount
      • +
    • Pricing
      • +
    • Process Step
      • +
    +

    EFFECTS BLOCKS

    +
      +
    • Big Image
      • +
    • Big Image Parallax
      • +
    • Slide Banner
      • +
    +
    +
    +

    Customize Your Blocks

    +

    Each building blocks comes with its own options. 

    + +
    +
    + +

    Some fonts might not work with extended charsets.

    +

    The images in the theme are copyrighted and can't be used outside of the odoo.com domain.

    +
    + +

    CONTRIBUTORS LIST

    +
    +

    This theme was created with the help of our user community.

    + +

    Thanks to our backers the Indiegogo campaign was a success!

    +

    https://www.indiegogo.com/projects/bootstrap-themes-for-odoo-cms/

    +
    + +

    Main Sponsor

    +
    + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + +

    + Ross Whiting, Oxenworkwear - Hans Balis - Stephan Keller, Sodexis, Inc. - Michael Hucke, Hucke Media GmbH & Co. KG - Joachim Grubelnik, DaDi EDV GmbH​ datadialog.net - DynApps - Cats&Dogs bvba - Bloopark systems GmbH & Co. KG - Parthiv Patel, Tech Receptives Solutions Pvt. Ltd. - Stuart Mackintosh, OpusVL - Erwin van der Ploeg, BAS Solutions - ali Zuaby, simplit co - Aselcis Consulting - Nhomar Hernandez, Vauxoo +

    + +

    Sponsor

    +
    +

    + Robert Baumgartner, datenpol gmbh - openBIG - Russell Phillippe, Protogenos Ltd - Julien Allo, Julius - EasyPME - Jonathan Wilson, WillowIT Pty Ltd - Xavier Mallein, MAallein - Pedro M. Baeza, Serv. Tecnol. Avanzados - Daniel Dico, OERP Canada - Jantz Business Group b.v. - LogicaSoft Consulting - Eric Caudal, Elico Corp - Ermin Trevisan, Twanda - Jean-François Mattler, OpenFid SAS - Alex Ferrer, Lannex IT Solutions - Tony Gu, Shine IT Co. Ltd. 先安科技 - TaPo-IT OG - Jos De Graeve, Apertoso - Nicolas Rigo, eezee-it - Luis Miguel Varón E, Colorisa S.A - OpenBias - Stanislas Drouin Applicatour +

    + +

    Power Designer

    +
    +

    + Rohit Thakral - François Dhommeaux, Ubic Informatique - Judson Alves, Market Home Delivery - Eric Flaux, ABF Osiell - Gilles Dupont - Arnis Putniņš - Johnson Martt, GetOpenERP (Part of OpenStow Technologies) - Gianluca Milano - Daniel Stolovich, ATEL S.A. - Equitania Software GmbH - Senthilnathan G - Houssine Bakkali - Arend Trip - Kevin Woolf, Baba Kevin's American Barbecue Co., Ltd. - toodoo sàrl - Zoltan Gabor 'Apersis' - Tom De Decker, WEB2GO LTD - Nicolás Cavalier Montenegro, STOREGUD CORPORATION SAC - Keirse Jerome - REAL Solutions S.A. - Davide Corio - Brice Muangkhot - Melvin Miguel Martinez, Mendoza Hernandez - Auditores - Chua Wen Ching - Tran Minh Tri working, ungdungtinhoc.com - Badisheng Morena - Sogexis - Josh Wardini - The Tee Shirt Bakery - Bruce Letterle, Red Lab Media - Benoit Vankoningsloo - Francisco Manuel Garcia Claramonte. - Paulina Mikolajczak-Blasco - Collectiv - Tony Fernando - Herbert Riener, rigaConcepts - Kalmen Chia, E-Global SCM Solution Sdn Bhd - Rob North, Pair A Dice Games - David E. Vargas, CloudShop - François Le Gal - Calin Chete (24h Solutions) - Maria Gabriela Fong, MAGA Systems & Consulting - Pascal Behr, Cytosurge AG - Marc Antwertinger - Opencloud Unipessoal, Lda - Ruchir Shukla, BizzAppDev - Michael Hucke, Hucke Media GmbH & Co. KG - Mathias Neef, copadoMEDIA UG - Pablo Arias - Same Motion - livingprocess.de - Habib Ayob - Igor Jovanovic - Liangming Wang, Weixuan Inc. - Jason Au Yeung, Binary System Limited - Fredrik Arvas, Arvas International AB - Martin Temmink, Zigaret - Mathieu Vanneste, Flockdesign - Filip Fruru, Instant Media - Marianne Wilmsmeier, Fabrik Fünf GmbH - Vertex Group Enterprises - Bingen Eguzkitza - Herczeg Péter, InnOpen Group Kft - Giles Hohnen - Luis Felipe Miléo, KMEE - Maria Gabriela Fong, MAGA Systems & Consulting - Aaron Magon, Web Industries - Andrew Trueman, B.M. Trueman & Partners - Sven Petersen, Conexus - Nous Cambas - Oliver Yuan, OpenStone - Henri Ibowili, A-YANT.COM - Nicolas JEUDY - Helmut Drewes - Maik Steinfeld, Streward - Hans Henrik Gabelgaard - AJ Rosman - Eduard - Patrick Darribet, SUDOKEYS - Camptocamp - Cyril Morisse - Alejandro Santana - Eva Pinter, YBO - Mathias Neef, copadoMEDIA UG - Jean-Christophe Perrot, LOGICASOFT - Zarshed Ali, HiTechnologia - Stefan Reisich - Maxime Chambreuil, Savoir-faire Linux - Mario Gielissen, Openworx - Nicholas Burdic, Aptoworks LLC - Olivier Lenoir +

    +
    diff --git a/theme_clean/static/src/img/backgrounds/bg_blur_img_01.jpg b/theme_clean/static/src/img/backgrounds/bg_blur_img_01.jpg new file mode 100644 index 000000000..12c62235a Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_blur_img_01.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_blur_img_02.jpg b/theme_clean/static/src/img/backgrounds/bg_blur_img_02.jpg new file mode 100644 index 000000000..b2a17a885 Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_blur_img_02.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_blur_img_03.jpg b/theme_clean/static/src/img/backgrounds/bg_blur_img_03.jpg new file mode 100644 index 000000000..abbb35900 Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_blur_img_03.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_blur_img_04.jpg b/theme_clean/static/src/img/backgrounds/bg_blur_img_04.jpg new file mode 100644 index 000000000..5761718e9 Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_blur_img_04.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_blur_img_05.jpg b/theme_clean/static/src/img/backgrounds/bg_blur_img_05.jpg new file mode 100644 index 000000000..47a0c0dfe Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_blur_img_05.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_blur_img_06.jpg b/theme_clean/static/src/img/backgrounds/bg_blur_img_06.jpg new file mode 100644 index 000000000..902410fc7 Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_blur_img_06.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_blur_thumb_01.jpg b/theme_clean/static/src/img/backgrounds/bg_blur_thumb_01.jpg new file mode 100644 index 000000000..796d79981 Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_blur_thumb_01.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_blur_thumb_02.jpg b/theme_clean/static/src/img/backgrounds/bg_blur_thumb_02.jpg new file mode 100644 index 000000000..29f62d414 Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_blur_thumb_02.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_blur_thumb_03.jpg b/theme_clean/static/src/img/backgrounds/bg_blur_thumb_03.jpg new file mode 100644 index 000000000..738ea31cc Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_blur_thumb_03.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_blur_thumb_04.jpg b/theme_clean/static/src/img/backgrounds/bg_blur_thumb_04.jpg new file mode 100644 index 000000000..c385757cb Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_blur_thumb_04.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_blur_thumb_05.jpg b/theme_clean/static/src/img/backgrounds/bg_blur_thumb_05.jpg new file mode 100644 index 000000000..302bed80c Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_blur_thumb_05.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_blur_thumb_06.jpg b/theme_clean/static/src/img/backgrounds/bg_blur_thumb_06.jpg new file mode 100644 index 000000000..c8f582f9b Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_blur_thumb_06.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_img_thumb_01.jpg b/theme_clean/static/src/img/backgrounds/bg_img_thumb_01.jpg new file mode 100644 index 000000000..4b6653f42 Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_img_thumb_01.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_img_thumb_02.jpg b/theme_clean/static/src/img/backgrounds/bg_img_thumb_02.jpg new file mode 100644 index 000000000..6b9326b2b Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_img_thumb_02.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_img_thumb_03.jpg b/theme_clean/static/src/img/backgrounds/bg_img_thumb_03.jpg new file mode 100644 index 000000000..b8d7452ab Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_img_thumb_03.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_img_thumb_04.jpg b/theme_clean/static/src/img/backgrounds/bg_img_thumb_04.jpg new file mode 100644 index 000000000..c5083f5bf Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_img_thumb_04.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_img_thumb_05.jpg b/theme_clean/static/src/img/backgrounds/bg_img_thumb_05.jpg new file mode 100644 index 000000000..8ea784b52 Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_img_thumb_05.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_img_thumb_06.jpg b/theme_clean/static/src/img/backgrounds/bg_img_thumb_06.jpg new file mode 100644 index 000000000..4eb3652af Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_img_thumb_06.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_snippet_01.jpg b/theme_clean/static/src/img/backgrounds/bg_snippet_01.jpg new file mode 100644 index 000000000..56399aa89 Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_snippet_01.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_snippet_02.jpg b/theme_clean/static/src/img/backgrounds/bg_snippet_02.jpg new file mode 100644 index 000000000..36deedefd Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_snippet_02.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_snippet_03.jpg b/theme_clean/static/src/img/backgrounds/bg_snippet_03.jpg new file mode 100644 index 000000000..e2996e638 Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_snippet_03.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_snippet_04.jpg b/theme_clean/static/src/img/backgrounds/bg_snippet_04.jpg new file mode 100644 index 000000000..a36feeba3 Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_snippet_04.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_snippet_05.jpg b/theme_clean/static/src/img/backgrounds/bg_snippet_05.jpg new file mode 100644 index 000000000..e793ca74f Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_snippet_05.jpg differ diff --git a/theme_clean/static/src/img/backgrounds/bg_snippet_06.jpg b/theme_clean/static/src/img/backgrounds/bg_snippet_06.jpg new file mode 100644 index 000000000..0359f7aab Binary files /dev/null and b/theme_clean/static/src/img/backgrounds/bg_snippet_06.jpg differ diff --git a/theme_clean/static/src/img/content/image_content_01.png b/theme_clean/static/src/img/content/image_content_01.png new file mode 100644 index 000000000..b4be2f667 Binary files /dev/null and b/theme_clean/static/src/img/content/image_content_01.png differ diff --git a/theme_clean/static/src/img/content/image_content_02.png b/theme_clean/static/src/img/content/image_content_02.png new file mode 100644 index 000000000..8391821e0 Binary files /dev/null and b/theme_clean/static/src/img/content/image_content_02.png differ diff --git a/theme_clean/static/src/img/content/image_content_03.png b/theme_clean/static/src/img/content/image_content_03.png new file mode 100644 index 000000000..0a6995dde Binary files /dev/null and b/theme_clean/static/src/img/content/image_content_03.png differ diff --git a/theme_clean/static/src/img/content/image_content_04.png b/theme_clean/static/src/img/content/image_content_04.png new file mode 100644 index 000000000..a3feba00d Binary files /dev/null and b/theme_clean/static/src/img/content/image_content_04.png differ diff --git a/theme_clean/static/src/img/content/image_content_05.png b/theme_clean/static/src/img/content/image_content_05.png new file mode 100644 index 000000000..b535f9052 Binary files /dev/null and b/theme_clean/static/src/img/content/image_content_05.png differ diff --git a/theme_clean/static/src/img/content/image_content_06.png b/theme_clean/static/src/img/content/image_content_06.png new file mode 100644 index 000000000..44799e675 Binary files /dev/null and b/theme_clean/static/src/img/content/image_content_06.png differ diff --git a/theme_clean/static/src/img/content/image_content_07.png b/theme_clean/static/src/img/content/image_content_07.png new file mode 100644 index 000000000..5c2a887cc Binary files /dev/null and b/theme_clean/static/src/img/content/image_content_07.png differ diff --git a/theme_clean/static/src/img/content/image_content_08.png b/theme_clean/static/src/img/content/image_content_08.png new file mode 100644 index 000000000..d09578e3b Binary files /dev/null and b/theme_clean/static/src/img/content/image_content_08.png differ diff --git a/theme_clean/static/src/img/content/image_content_09.jpg b/theme_clean/static/src/img/content/image_content_09.jpg new file mode 100644 index 000000000..5b62af80d Binary files /dev/null and b/theme_clean/static/src/img/content/image_content_09.jpg differ diff --git a/theme_clean/static/src/img/content/image_content_10.jpg b/theme_clean/static/src/img/content/image_content_10.jpg new file mode 100644 index 000000000..0a30bafac Binary files /dev/null and b/theme_clean/static/src/img/content/image_content_10.jpg differ diff --git a/theme_clean/static/src/img/content/image_content_11.jpg b/theme_clean/static/src/img/content/image_content_11.jpg new file mode 100644 index 000000000..b45b69531 Binary files /dev/null and b/theme_clean/static/src/img/content/image_content_11.jpg differ diff --git a/theme_clean/static/src/img/content/image_content_13.jpg b/theme_clean/static/src/img/content/image_content_13.jpg new file mode 100644 index 000000000..6d401c9e2 Binary files /dev/null and b/theme_clean/static/src/img/content/image_content_13.jpg differ diff --git a/theme_clean/static/src/img/content/image_content_14.png b/theme_clean/static/src/img/content/image_content_14.png new file mode 100644 index 000000000..a94c03ec1 Binary files /dev/null and b/theme_clean/static/src/img/content/image_content_14.png differ diff --git a/theme_clean/static/src/img/content/image_content_15.png b/theme_clean/static/src/img/content/image_content_15.png new file mode 100644 index 000000000..fdc8c7f17 Binary files /dev/null and b/theme_clean/static/src/img/content/image_content_15.png differ diff --git a/theme_clean/static/src/img/content/image_content_16.png b/theme_clean/static/src/img/content/image_content_16.png new file mode 100644 index 000000000..09612e962 Binary files /dev/null and b/theme_clean/static/src/img/content/image_content_16.png differ diff --git a/theme_clean/static/src/img/content/image_content_17.png b/theme_clean/static/src/img/content/image_content_17.png new file mode 100644 index 000000000..38e0855f5 Binary files /dev/null and b/theme_clean/static/src/img/content/image_content_17.png differ diff --git a/theme_clean/static/src/img/content/image_content_18.png b/theme_clean/static/src/img/content/image_content_18.png new file mode 100644 index 000000000..8427e81fd Binary files /dev/null and b/theme_clean/static/src/img/content/image_content_18.png differ diff --git a/theme_clean/static/src/img/content/image_content_logo.png b/theme_clean/static/src/img/content/image_content_logo.png new file mode 100644 index 000000000..99754f653 Binary files /dev/null and b/theme_clean/static/src/img/content/image_content_logo.png differ diff --git a/theme_clean/static/src/img/content/image_content_logo_small.png b/theme_clean/static/src/img/content/image_content_logo_small.png new file mode 100644 index 000000000..2bf90a3b3 Binary files /dev/null and b/theme_clean/static/src/img/content/image_content_logo_small.png differ diff --git a/theme_clean/static/src/img/customize/bg-amethyst.gif b/theme_clean/static/src/img/customize/bg-amethyst.gif new file mode 100644 index 000000000..61e4e88f9 Binary files /dev/null and b/theme_clean/static/src/img/customize/bg-amethyst.gif differ diff --git a/theme_clean/static/src/img/customize/bg-cobalt.gif b/theme_clean/static/src/img/customize/bg-cobalt.gif new file mode 100644 index 000000000..429eba521 Binary files /dev/null and b/theme_clean/static/src/img/customize/bg-cobalt.gif differ diff --git a/theme_clean/static/src/img/customize/bg-emerald.gif b/theme_clean/static/src/img/customize/bg-emerald.gif new file mode 100644 index 000000000..7cb294f42 Binary files /dev/null and b/theme_clean/static/src/img/customize/bg-emerald.gif differ diff --git a/theme_clean/static/src/img/customize/bg-gold.gif b/theme_clean/static/src/img/customize/bg-gold.gif new file mode 100644 index 000000000..ea5cfec42 Binary files /dev/null and b/theme_clean/static/src/img/customize/bg-gold.gif differ diff --git a/theme_clean/static/src/img/customize/bg-ruby.gif b/theme_clean/static/src/img/customize/bg-ruby.gif new file mode 100644 index 000000000..2c2f2a1b9 Binary files /dev/null and b/theme_clean/static/src/img/customize/bg-ruby.gif differ diff --git a/theme_clean/static/src/img/customize/bg-stone.gif b/theme_clean/static/src/img/customize/bg-stone.gif new file mode 100644 index 000000000..7ee89954e Binary files /dev/null and b/theme_clean/static/src/img/customize/bg-stone.gif differ diff --git a/theme_clean/static/src/img/customize/bg_shade_cold1.gif b/theme_clean/static/src/img/customize/bg_shade_cold1.gif new file mode 100644 index 000000000..94385b2d1 Binary files /dev/null and b/theme_clean/static/src/img/customize/bg_shade_cold1.gif differ diff --git a/theme_clean/static/src/img/customize/bg_shade_cold2.gif b/theme_clean/static/src/img/customize/bg_shade_cold2.gif new file mode 100644 index 000000000..72d6d5658 Binary files /dev/null and b/theme_clean/static/src/img/customize/bg_shade_cold2.gif differ diff --git a/theme_clean/static/src/img/customize/bg_shade_cold3.gif b/theme_clean/static/src/img/customize/bg_shade_cold3.gif new file mode 100644 index 000000000..07b7a47a9 Binary files /dev/null and b/theme_clean/static/src/img/customize/bg_shade_cold3.gif differ diff --git a/theme_clean/static/src/img/customize/bg_shade_dark1.gif b/theme_clean/static/src/img/customize/bg_shade_dark1.gif new file mode 100644 index 000000000..0fe98d6f2 Binary files /dev/null and b/theme_clean/static/src/img/customize/bg_shade_dark1.gif differ diff --git a/theme_clean/static/src/img/customize/bg_shade_dark2.gif b/theme_clean/static/src/img/customize/bg_shade_dark2.gif new file mode 100644 index 000000000..d55ea77f0 Binary files /dev/null and b/theme_clean/static/src/img/customize/bg_shade_dark2.gif differ diff --git a/theme_clean/static/src/img/customize/bg_shade_dark3.gif b/theme_clean/static/src/img/customize/bg_shade_dark3.gif new file mode 100644 index 000000000..35da75ddd Binary files /dev/null and b/theme_clean/static/src/img/customize/bg_shade_dark3.gif differ diff --git a/theme_clean/static/src/img/customize/bg_shade_light1.gif b/theme_clean/static/src/img/customize/bg_shade_light1.gif new file mode 100644 index 000000000..c873f3f58 Binary files /dev/null and b/theme_clean/static/src/img/customize/bg_shade_light1.gif differ diff --git a/theme_clean/static/src/img/customize/bg_shade_light2.gif b/theme_clean/static/src/img/customize/bg_shade_light2.gif new file mode 100644 index 000000000..d13d5a8e3 Binary files /dev/null and b/theme_clean/static/src/img/customize/bg_shade_light2.gif differ diff --git a/theme_clean/static/src/img/customize/bg_shade_light3.gif b/theme_clean/static/src/img/customize/bg_shade_light3.gif new file mode 100644 index 000000000..a955729e4 Binary files /dev/null and b/theme_clean/static/src/img/customize/bg_shade_light3.gif differ diff --git a/theme_clean/static/src/img/customize/bg_shade_warm1.gif b/theme_clean/static/src/img/customize/bg_shade_warm1.gif new file mode 100644 index 000000000..52a34a789 Binary files /dev/null and b/theme_clean/static/src/img/customize/bg_shade_warm1.gif differ diff --git a/theme_clean/static/src/img/customize/bg_shade_warm2.gif b/theme_clean/static/src/img/customize/bg_shade_warm2.gif new file mode 100644 index 000000000..cec777e87 Binary files /dev/null and b/theme_clean/static/src/img/customize/bg_shade_warm2.gif differ diff --git a/theme_clean/static/src/img/customize/bg_shade_warm3.gif b/theme_clean/static/src/img/customize/bg_shade_warm3.gif new file mode 100644 index 000000000..ec8584c8f Binary files /dev/null and b/theme_clean/static/src/img/customize/bg_shade_warm3.gif differ diff --git a/theme_clean/static/src/img/customize/img-bg-01.gif b/theme_clean/static/src/img/customize/img-bg-01.gif new file mode 100644 index 000000000..5333480be Binary files /dev/null and b/theme_clean/static/src/img/customize/img-bg-01.gif differ diff --git a/theme_clean/static/src/img/customize/img-bg-02.gif b/theme_clean/static/src/img/customize/img-bg-02.gif new file mode 100644 index 000000000..ed3f4f0a0 Binary files /dev/null and b/theme_clean/static/src/img/customize/img-bg-02.gif differ diff --git a/theme_clean/static/src/img/customize/img-bg-03.gif b/theme_clean/static/src/img/customize/img-bg-03.gif new file mode 100644 index 000000000..8617b8e08 Binary files /dev/null and b/theme_clean/static/src/img/customize/img-bg-03.gif differ diff --git a/theme_clean/static/src/img/customize/img-bg-04.gif b/theme_clean/static/src/img/customize/img-bg-04.gif new file mode 100644 index 000000000..b49c072e2 Binary files /dev/null and b/theme_clean/static/src/img/customize/img-bg-04.gif differ diff --git a/theme_clean/static/src/img/customize/img-bg-05.gif b/theme_clean/static/src/img/customize/img-bg-05.gif new file mode 100644 index 000000000..45744f354 Binary files /dev/null and b/theme_clean/static/src/img/customize/img-bg-05.gif differ diff --git a/theme_clean/static/src/img/customize/img-bg-06.gif b/theme_clean/static/src/img/customize/img-bg-06.gif new file mode 100644 index 000000000..84a4da7b4 Binary files /dev/null and b/theme_clean/static/src/img/customize/img-bg-06.gif differ diff --git a/theme_clean/static/src/img/customize/img-layout-cloudy.gif b/theme_clean/static/src/img/customize/img-layout-cloudy.gif new file mode 100644 index 000000000..2f482116a Binary files /dev/null and b/theme_clean/static/src/img/customize/img-layout-cloudy.gif differ diff --git a/theme_clean/static/src/img/customize/img-layout-cold.gif b/theme_clean/static/src/img/customize/img-layout-cold.gif new file mode 100644 index 000000000..adb6cfbf9 Binary files /dev/null and b/theme_clean/static/src/img/customize/img-layout-cold.gif differ diff --git a/theme_clean/static/src/img/customize/img-layout-dark.gif b/theme_clean/static/src/img/customize/img-layout-dark.gif new file mode 100644 index 000000000..a2665756e Binary files /dev/null and b/theme_clean/static/src/img/customize/img-layout-dark.gif differ diff --git a/theme_clean/static/src/img/customize/img-layout-light.gif b/theme_clean/static/src/img/customize/img-layout-light.gif new file mode 100644 index 000000000..69a695dfd Binary files /dev/null and b/theme_clean/static/src/img/customize/img-layout-light.gif differ diff --git a/theme_clean/static/src/img/customize/img-layout-medium.gif b/theme_clean/static/src/img/customize/img-layout-medium.gif new file mode 100644 index 000000000..7fdec3fff Binary files /dev/null and b/theme_clean/static/src/img/customize/img-layout-medium.gif differ diff --git a/theme_clean/static/src/img/customize/img-layout-warm.gif b/theme_clean/static/src/img/customize/img-layout-warm.gif new file mode 100644 index 000000000..92633f9ac Binary files /dev/null and b/theme_clean/static/src/img/customize/img-layout-warm.gif differ diff --git a/theme_clean/static/src/img/customize/preset_1.gif b/theme_clean/static/src/img/customize/preset_1.gif new file mode 100644 index 000000000..d16d7a7fe Binary files /dev/null and b/theme_clean/static/src/img/customize/preset_1.gif differ diff --git a/theme_clean/static/src/img/customize/preset_2.gif b/theme_clean/static/src/img/customize/preset_2.gif new file mode 100644 index 000000000..00a7fa2d5 Binary files /dev/null and b/theme_clean/static/src/img/customize/preset_2.gif differ diff --git a/theme_clean/static/src/img/customize/preset_3.gif b/theme_clean/static/src/img/customize/preset_3.gif new file mode 100644 index 000000000..49d0f6fea Binary files /dev/null and b/theme_clean/static/src/img/customize/preset_3.gif differ diff --git a/theme_clean/static/src/img/customize/preset_4.gif b/theme_clean/static/src/img/customize/preset_4.gif new file mode 100644 index 000000000..37e605047 Binary files /dev/null and b/theme_clean/static/src/img/customize/preset_4.gif differ diff --git a/theme_clean/static/src/img/customize/preset_5.gif b/theme_clean/static/src/img/customize/preset_5.gif new file mode 100644 index 000000000..9a0f5443f Binary files /dev/null and b/theme_clean/static/src/img/customize/preset_5.gif differ diff --git a/theme_clean/static/src/img/customize/preset_6.gif b/theme_clean/static/src/img/customize/preset_6.gif new file mode 100644 index 000000000..7ee89954e Binary files /dev/null and b/theme_clean/static/src/img/customize/preset_6.gif differ diff --git a/theme_clean/static/src/img/customize/variant-amethyst.gif b/theme_clean/static/src/img/customize/variant-amethyst.gif new file mode 100644 index 000000000..42dd89f4f Binary files /dev/null and b/theme_clean/static/src/img/customize/variant-amethyst.gif differ diff --git a/theme_clean/static/src/img/customize/variant-cobalt.gif b/theme_clean/static/src/img/customize/variant-cobalt.gif new file mode 100644 index 000000000..c7237049e Binary files /dev/null and b/theme_clean/static/src/img/customize/variant-cobalt.gif differ diff --git a/theme_clean/static/src/img/customize/variant-emerald.gif b/theme_clean/static/src/img/customize/variant-emerald.gif new file mode 100644 index 000000000..6ca27b08e Binary files /dev/null and b/theme_clean/static/src/img/customize/variant-emerald.gif differ diff --git a/theme_clean/static/src/img/customize/variant-gold.gif b/theme_clean/static/src/img/customize/variant-gold.gif new file mode 100644 index 000000000..b9a2782c0 Binary files /dev/null and b/theme_clean/static/src/img/customize/variant-gold.gif differ diff --git a/theme_clean/static/src/img/customize/variant-ruby.gif b/theme_clean/static/src/img/customize/variant-ruby.gif new file mode 100644 index 000000000..b6a06a60c Binary files /dev/null and b/theme_clean/static/src/img/customize/variant-ruby.gif differ diff --git a/theme_clean/static/src/img/customize/variant-stone.gif b/theme_clean/static/src/img/customize/variant-stone.gif new file mode 100644 index 000000000..6ae3a649a Binary files /dev/null and b/theme_clean/static/src/img/customize/variant-stone.gif differ diff --git a/theme_clean/static/src/img/demo/customtool-2.jpg b/theme_clean/static/src/img/demo/customtool-2.jpg new file mode 100644 index 000000000..34492eb60 Binary files /dev/null and b/theme_clean/static/src/img/demo/customtool-2.jpg differ diff --git a/theme_clean/static/src/img/demo/customtool.png b/theme_clean/static/src/img/demo/customtool.png new file mode 100644 index 000000000..3fab19258 Binary files /dev/null and b/theme_clean/static/src/img/demo/customtool.png differ diff --git a/theme_clean/static/src/img/demo/customtool2-2.jpg b/theme_clean/static/src/img/demo/customtool2-2.jpg new file mode 100644 index 000000000..b79eb8c66 Binary files /dev/null and b/theme_clean/static/src/img/demo/customtool2-2.jpg differ diff --git a/theme_clean/static/src/img/demo/customtool2.png b/theme_clean/static/src/img/demo/customtool2.png new file mode 100644 index 000000000..595a99f46 Binary files /dev/null and b/theme_clean/static/src/img/demo/customtool2.png differ diff --git a/theme_clean/static/src/img/library/bg_clean_pic_01.jpg b/theme_clean/static/src/img/library/bg_clean_pic_01.jpg new file mode 100644 index 000000000..9951efbbf Binary files /dev/null and b/theme_clean/static/src/img/library/bg_clean_pic_01.jpg differ diff --git a/theme_clean/static/src/img/library/bg_clean_pic_02.jpg b/theme_clean/static/src/img/library/bg_clean_pic_02.jpg new file mode 100644 index 000000000..de317aee2 Binary files /dev/null and b/theme_clean/static/src/img/library/bg_clean_pic_02.jpg differ diff --git a/theme_clean/static/src/img/library/bg_clean_pic_03.jpg b/theme_clean/static/src/img/library/bg_clean_pic_03.jpg new file mode 100644 index 000000000..acb95865c Binary files /dev/null and b/theme_clean/static/src/img/library/bg_clean_pic_03.jpg differ diff --git a/theme_clean/static/src/img/library/bg_clean_pic_04.jpg b/theme_clean/static/src/img/library/bg_clean_pic_04.jpg new file mode 100644 index 000000000..a977d9ba5 Binary files /dev/null and b/theme_clean/static/src/img/library/bg_clean_pic_04.jpg differ diff --git a/theme_clean/static/src/img/library/bg_clean_pic_05.jpg b/theme_clean/static/src/img/library/bg_clean_pic_05.jpg new file mode 100644 index 000000000..8dc9d7478 Binary files /dev/null and b/theme_clean/static/src/img/library/bg_clean_pic_05.jpg differ diff --git a/theme_clean/static/src/img/library/bg_clean_pic_06.jpg b/theme_clean/static/src/img/library/bg_clean_pic_06.jpg new file mode 100644 index 000000000..a35cbf291 Binary files /dev/null and b/theme_clean/static/src/img/library/bg_clean_pic_06.jpg differ diff --git a/theme_clean/static/src/img/library/bg_clean_pic_07.jpg b/theme_clean/static/src/img/library/bg_clean_pic_07.jpg new file mode 100644 index 000000000..25e2cd017 Binary files /dev/null and b/theme_clean/static/src/img/library/bg_clean_pic_07.jpg differ diff --git a/theme_clean/static/src/img/library/bg_clean_pic_08.jpg b/theme_clean/static/src/img/library/bg_clean_pic_08.jpg new file mode 100644 index 000000000..dfae30581 Binary files /dev/null and b/theme_clean/static/src/img/library/bg_clean_pic_08.jpg differ diff --git a/theme_clean/static/src/img/library/bg_clean_pic_09.jpg b/theme_clean/static/src/img/library/bg_clean_pic_09.jpg new file mode 100644 index 000000000..974a7499c Binary files /dev/null and b/theme_clean/static/src/img/library/bg_clean_pic_09.jpg differ diff --git a/theme_clean/static/src/img/library/bg_clean_pic_10.jpg b/theme_clean/static/src/img/library/bg_clean_pic_10.jpg new file mode 100644 index 000000000..b6d9c0a6c Binary files /dev/null and b/theme_clean/static/src/img/library/bg_clean_pic_10.jpg differ diff --git a/theme_clean/static/src/less/colors.less b/theme_clean/static/src/less/colors.less new file mode 100644 index 000000000..fce8df5c5 --- /dev/null +++ b/theme_clean/static/src/less/colors.less @@ -0,0 +1,149 @@ + + +/* Clean Colors */ + + +@color-blue: #3498DB; +@color-turquoise: #1ABC9C; +@color-green: #2ECC71; +@color-yellow: #F1C40F; +@color-orange: #E67E22; +@color-red: #E74C3C; +@color-pink: #f74b94; +@color-purple: #7a58b2; +@color-brown: #7b5844; + +@color-blue-dark: #2980B9; +@color-turquoise-dark: #16A085; +@color-green-dark: #27AE60; +@color-yellow-dark: #f3ac12; +@color-orange-dark: #D35400; +@color-red-dark: #C0392B; +@color-pink-dark: #ea3884; +@color-purple-dark: #593d87; +@color-brown-dark: #604434; + +@color-blue-light: lighten(@color-blue, 20%); +@color-turquoise-light: lighten(@color-turquoise, 20%); +@color-green-light: lighten(@color-green, 20%); +@color-yellow-light: lighten(@color-yellow, 20%); +@color-orange-light: lighten(@color-orange, 20%); +@color-red-light: lighten(@color-red, 20%); +@color-pink-light: lighten(@color-pink, 20%); +@color-purple-light: lighten(@color-purple, 20%); +@color-brown-light: lighten(@color-brown, 20%); + +@color-clouds: #ECF0F1; +@color-silver: #BDC3C7; +@color-concrete: #95A5A6; +@color-concrete-dark: #445b5c; +@color-stone: #7F8C8D; +@color-asphalt: #34495E; +@color-midnight: #2C3E50; + +@color-wind: #f7f7f7; +@color-clay: #e1dcd5; +@color-sand: #c5bcb1; +@color-beach: #f3bf91; +@color-forest: #254c3a; +@color-twilight: #39225f; +@color-burgundy: #8e362d; +@color-marine: #212d3a; + +/* GRAYS --------------------------------------------------------- */ + +@gray-ultra-darker: lighten(#000, 10%); +@gray-ultra-dark: lighten(#000, 15%); +@gray-darker: lighten(#000, 20%); +@gray-dark: lighten(#000, 40%); +@gray: lighten(#000, 55%); +@gray-light: lighten(#000, 70%); +@gray-lighter: lighten(#000, 80%); + +/* Backgrounds Colors ------------------------------------------------*/ + +@bg-blue: background(@color-blue); +@bg-turquoise: background(@color-turquoise); +@bg-green: background(@color-green); +@bg-yellow: background(@color-yellow); +@bg-orange: background(@color-orange); +@bg-red: background(@color-red); +@bg-pink: background(@color-pink); +@bg-purple: background(@color-purple); +@bg-brown: background(@color-brown); + +@bg-blue-dark: background(@color-blue-dark); +@bg-turquoise-dark: background(@color-turquoise-dark); +@bg-green-dark: background(@color-green-dark); +@bg-yellow-dark: background(@color-yellow-dark); +@bg-orange-dark: background(@color-orange-dark); +@bg-red-dark: background(@color-red-dark); +@bg-pink-dark: background(@color-pink-dark); +@bg-purple-dark: background(@color-purple-dark); +@bg-brown-dark: background(@color-brown-dark); + +@bg-blue-light: background(@color-blue-light); +@bg-turquoise-light: background(@color-turquoise-light); +@bg-green-light: background(@color-green-light); +@bg-yellow-light: background(@color-yellow-light); +@bg-orange-light: background(@color-orange-light); +@bg-red-light: background(@color-red-light); +@bg-pink-light: background(@color-pink-light); +@bg-purple-light: background(@color-purple-light); +@bg-brown-light: background(@color-brown-light); + + +@bg-clouds: background(@color-clouds); +@bg-silver: background(@color-silver); +@bg-concrete: background(@color-concrete); +@bg-stone: background(@color-stone); +@bg-asphalt: background(@color-asphalt); +@bg-midnight: background(@color-midnight); + +@bg-marine: background(@color-marine); +@bg-wind: background(@color-wind); +@bg-sand: background(@color-sand); +@bg-beach: background(@color-beach); +@bg-forest: background(@color-forest); +@bg-twilight: background(@color-twilight); +@bg-burgundy: background(@color-burgundy); + + +.text-blue { color: @color-blue;} +.text-turquoise { color: @color-turquoise;} +.text-green { color: @color-green;} +.text-yellow { color: @color-yellow;} +.text-orange { color: @color-orange;} +.text-red { color: @color-red;} +.text-pink { color: @color-pink;} +.text-purple { color: @color-purple;} +.text-brown { color: @color-brown;} + +.text-blue-dark { color: @color-blue-dark;} +.text-turquoise-dark { color: @color-turquoise-dark;} +.text-green-dark { color: @color-green-dark;} +.text-yellow-dark { color: @color-yellow-dark;} +.text-orange-dark { color: @color-orange-dark;} +.text-red-dark { color: @color-red-dark;} +.text-pink-dark { color: @color-pink-dark;} +.text-purple-dark { color: @color-purple-dark;} +.text-brown-dark { color: @color-brown-dark;} + +.text-blue-light { color: @color-blue-light;} +.text-turquoise-light { color: @color-turquoise-light;} +.text-green-light { color: @color-green-light;} +.text-yellow-light { color: @color-yellow-light;} +.text-orange-light { color: @color-orange-light;} +.text-red-light { color: @color-red-light;} +.text-pink-light { color: @color-pink-light;} +.text-purple-light { color: @color-purple-light;} +.text-brown-light { color: @color-brown-light;} + +.text-white { color: white;} +.text-clouds { color: @color-clouds;} +.text-silver { color: @color-silver;} +.text-concrete { color: @color-concrete;} +.text-stone { color: @color-stone;} +.text-asphalt { color: @color-asphalt;} +.text-midnight { color: @color-midnight;} +.text-black { color: black;} \ No newline at end of file diff --git a/theme_clean/static/src/less/customize_modal.less b/theme_clean/static/src/less/customize_modal.less new file mode 100644 index 000000000..4b86cd7fe --- /dev/null +++ b/theme_clean/static/src/less/customize_modal.less @@ -0,0 +1,298 @@ + +/* Theme Selector */ + +#boxed-collapse { +position: relative +} + +div.panel-heading.clean-panel-heading { + border: none; + background-color: #3d4546; + +} + +div.panel-heading.clean-panel-heading h4 { + font-family: 'Lato-Regular'; + color: white; + font-size: 16px; + font-weight: normal; + text-transform: uppercase; +} + +h4.panel-title.clean-panel-title { + +} + +.panel-group .panel-heading+.panel-collapse>.panel-body { + border-top: none; +} + +div.panel.panel-default.clean-panel { + border: none; + background-color: #3d4546; +} + +div.panel-body.clean-panel-body{ + background-color: #3d4546; + border: none; +} + +#boxed-collapse .modal-h5 { + font-size: 14px; + color: white; + padding: 4px 0 4px 4px; + background-color: lighten(@color-silver, 5%); + text-align: left; +} + +#theme_customize_modal .modal-title { + color: @gray; + font-size: 22px; + font-family: 'Lato-Regular'; + font-weight: normal; + text-transform: capitalize; + letter-spacing: normal; +} + + + +#theme_customize_modal .modal-body tr { + background: none; + border: none; +} + +#theme_customize_modal .modal-body td { + padding: 0; + background: none; + border: none; +} + +#theme_customize_modal .modal-body table { + padding: 0; + background: none; + border: none; + margin-bottom: 8px; +} + +#theme_customize_modal .modal-body table tbody tr td label.checked { + background-color: @color-clouds; + border: 1px solid @color-silver; + margin: 0 auto; + line-height: 0.9; +} + +#theme_customize_modal .modal-body table tbody tr td label img { + width: 50px; + height: 30px; + margin: 6px; +} + + +#theme_customize_modal .modal-body table tbody tr td label .clean-layout-combi-img { + width: 80px; + height: 30px; + margin: 6px; +} + +#theme_customize_modal .modal-body table tbody tr td label .clean-bg-layout-combi-img { + width: 50px; + height: 30px; + margin: 6px; +} + +#theme_customize_modal .modal-body table tbody tr td label img.clean-color-combi-img { + width: 50px; + height: 30px; + margin: 6px; +} + +#theme_customize_modal .modal-body table tbody tr td label img.clean-preset-combi-img { + width: 50px; + height: 30px; + margin: 9px; +} + +.clean-fonts-combi { + line-height: 1.2; +} + +td .clean-fonts-combi { + padding: 0; + margin-left: 4px; +} +.clean-fonts-combi:hover { + background: none; + text-decoration: underline; +} + +.clean-layout-combi { + padding: 5px; + margin: 0 auto; + width: 180px; +} + +.clean-preset-combi { + padding: 5px; + margin: 0 auto; +} + +.clean-bg-layout-combi { + width: 62px; + margin: 0 auto; +} + +.clean-color-combi { + width: 62px; + margin: 0 auto; +} + +.modal-h5, .modal-h6 { + color: @gray; + font-family: 'Lato-Regular'; + font-weight: normal; + text-transform: uppercase; + letter-spacing: normal; +} + +.modal-h5 { + font-size: 14px; + color: white; + padding: 4px 0 4px 4px; + background-color: @color-silver; +} +.modal-h6 { + font-size: 12px; +} + + +#theme_customize_modal .modal-content { +background-color: #3d4546; +font-family: "Lato-Regular" !important; +letter-spacing: normal; +font-weight: normal; +} + +#theme_customize_modal .modal-body { +font-family: "Lato-Regular" !important; +letter-spacing: normal; +font-weight: normal; +position: relative; +padding: 0 8px; +padding-bottom: 30px; +background-color: #3d4546; +color: white; +} + +#theme_customize_modal h5 { +font-family: "Lato-Regular" !important; +letter-spacing: normal; +font-size: 16px; +font-weight: normal; +padding-top: 20px; +padding-bottom: 5px; +border-top: 1px solid #555; +text-transform: uppercase; +text-align: center; +background-color: #3d4546; +color: #aaa; +} + + +#theme_customize_modal h6 { +font-family: "Lato-Regular" !important; +letter-spacing: normal; +font-weight: normal; +color: #fff; +} + +#theme_customize_modal .modal-title { +font-family: "Lato-Regular" !important; +letter-spacing: normal; +font-weight: normal; +margin-top: 10px; +text-transform: uppercase; +text-align: center; +background-color: #3d4546; +} + +#theme_customize_modal .modal-header { +font-family: "Lato-Regular" !important; +letter-spacing: normal; +font-weight: normal; +background-color: #3d4546; +border-bottom: none; +} + +#theme_customize_modal .modal-header .close { +float: right; +font-size: 24px; +font-weight: 700; +line-height: 1; +color: #fff; +text-shadow: 0 1px 0 #000; +} + +.clean-color-combi, .clean-bg-layout-combi, .clean-pattern-combi { +width: auto; +margin: 0 auto; +} + + +#theme_customize_modal .modal-body .clean-img-combi.checked .clean-color-combi-img { +box-shadow: none; +border: 1px solid #ccc; +} + +#theme_customize_modal .modal-body .clean-color-combi.checked .clean-color-layout-combi { +box-shadow: none; +border: 1px solid #ccc; +} + +#theme_customize_modal .modal-body .clean-bg-layout-combi.checked .clean-bg-layout-combi-img { +box-shadow: none; +border: 1px solid #ccc; +} + +#theme_customize_modal .modal-body .clean-bg-layout-combi.checked .clean-preset-combi-img { +box-shadow: none; +border: 1px solid #ccc; +} + + + + +.clean-layout-combi { +padding: 5px; +margin: 0 auto; +width: 150px; +} + +.clean-fonts-combi { +line-height: 1.5; +width: 180px; +} + +#theme_customize_modal .modal-body table tbody tr td label.checked { +background: #586263; +border: none; +margin: 0 auto; +line-height: 1.5; +} + +#theme_customize_modal label { +font-weight: normal; +} + +#theme_customize_modal label.clean-fonts-combi { + font-weight: normal; + letter-spacing: normal; + text-align: left; + margin-left: 24px; +} + +#theme_customize_modal label.clean-fonts-combi.checked { + text-align: left; + letter-spacing: normal; + padding-left: 15px; + +} \ No newline at end of file diff --git a/theme_clean/static/src/less/options/bg_color_01.less b/theme_clean/static/src/less/options/bg_color_01.less new file mode 100644 index 000000000..ea3d7e845 --- /dev/null +++ b/theme_clean/static/src/less/options/bg_color_01.less @@ -0,0 +1,20 @@ +body { + background-color: darken(@color-blue-dark, 5%); +} + +@text-color: white; +@headings-color: white; + +.text-muted { + color: @gray; +} + +#wrapwrap { + background-color: fade(black, 20%); +} + +/* oe_structure */ +.oe_structure.oe_empty:empty:before, [data-oe-type=html]:empty:before { + color: @gray; +} + diff --git a/theme_clean/static/src/less/options/bg_color_02.less b/theme_clean/static/src/less/options/bg_color_02.less new file mode 100644 index 000000000..2dbbb3f60 --- /dev/null +++ b/theme_clean/static/src/less/options/bg_color_02.less @@ -0,0 +1,23 @@ +body { + background-color: darken(@color-purple-dark, 5%); +} + +@text-color: white; +@headings-color: white; + +.text-muted { + color: @gray; +} + +.text-muted { + color: @gray; +} + +#wrapwrap { + background-color: fade(black, 20%); +} + +/* oe_structure */ +.oe_structure.oe_empty:empty:before, [data-oe-type=html]:empty:before { + color: white; +} diff --git a/theme_clean/static/src/less/options/bg_color_03.less b/theme_clean/static/src/less/options/bg_color_03.less new file mode 100644 index 000000000..098f0e2bc --- /dev/null +++ b/theme_clean/static/src/less/options/bg_color_03.less @@ -0,0 +1,19 @@ +body { + background-color: darken(@color-red-dark, 5%); +} + +@text-color: white; +@headings-color: white; + +.text-muted { + color: @gray; +} + +#wrapwrap { + background-color: fade(black, 60%); +} + +/* oe_structure */ +.oe_structure.oe_empty:empty:before, [data-oe-type=html]:empty:before { + color: white; +} \ No newline at end of file diff --git a/theme_clean/static/src/less/options/bg_color_04.less b/theme_clean/static/src/less/options/bg_color_04.less new file mode 100644 index 000000000..36c9ec9a0 --- /dev/null +++ b/theme_clean/static/src/less/options/bg_color_04.less @@ -0,0 +1,22 @@ +body { + background-color: @color-yellow-dark; +} + +@text-color: white; +@headings-color: white; + +.text-muted { + color: @gray-lighter; +} + + +#wrapwrap { + background-color: fade(black, 20%); +} + +/* oe_structure */ +.oe_structure.oe_empty:empty:before, [data-oe-type=html]:empty:before { + color: white; +} + + diff --git a/theme_clean/static/src/less/options/bg_color_05.less b/theme_clean/static/src/less/options/bg_color_05.less new file mode 100644 index 000000000..ca44c16d8 --- /dev/null +++ b/theme_clean/static/src/less/options/bg_color_05.less @@ -0,0 +1,19 @@ +body { + background-color: darken(@color-green-dark, 15%); +} + +@text-color: white; +@headings-color: white; + +.text-muted { + color: @gray; +} + +#wrapwrap { + background-color: fade(black, 50%); +} + +/* oe_structure */ +.oe_structure.oe_empty:empty:before, [data-oe-type=html]:empty:before { + color: white; +} \ No newline at end of file diff --git a/theme_clean/static/src/less/options/bg_color_06.less b/theme_clean/static/src/less/options/bg_color_06.less new file mode 100644 index 000000000..6e4331d2e --- /dev/null +++ b/theme_clean/static/src/less/options/bg_color_06.less @@ -0,0 +1,16 @@ +body { + background-color: @gray-dark; +} + +@text-color: white; +@headings-color: white; + + +#wrapwrap { + background-color: fade(black, 40%); + } + +/* oe_structure */ +.oe_structure.oe_empty:empty:before, [data-oe-type=html]:empty:before { + color: white; +} \ No newline at end of file diff --git a/theme_clean/static/src/less/options/bg_shade_cold1.less b/theme_clean/static/src/less/options/bg_shade_cold1.less new file mode 100644 index 000000000..332acacec --- /dev/null +++ b/theme_clean/static/src/less/options/bg_shade_cold1.less @@ -0,0 +1,10 @@ +body { + background-color: @color-asphalt; +} + +#wrapwrap { + background-color: fade(black, 15%); +} + +@text-color: @gray-lighter; +@headings-color: white; \ No newline at end of file diff --git a/theme_clean/static/src/less/options/bg_shade_cold2.less b/theme_clean/static/src/less/options/bg_shade_cold2.less new file mode 100644 index 000000000..995a558f5 --- /dev/null +++ b/theme_clean/static/src/less/options/bg_shade_cold2.less @@ -0,0 +1,11 @@ + +body { + background-color: @color-midnight; +} + +#wrapwrap { + background-color: fade(black, 15%); +} + +@text-color: @gray-light; +@headings-color: @gray-lighter; \ No newline at end of file diff --git a/theme_clean/static/src/less/options/bg_shade_cold3.less b/theme_clean/static/src/less/options/bg_shade_cold3.less new file mode 100644 index 000000000..dd12f7507 --- /dev/null +++ b/theme_clean/static/src/less/options/bg_shade_cold3.less @@ -0,0 +1,10 @@ +body { + background-color: @color-marine; +} + +#wrapwrap { + background-color: fade(black, 10%); +} + +@text-color: @gray-lighter; +@headings-color: white; \ No newline at end of file diff --git a/theme_clean/static/src/less/options/bg_shade_dark1.less b/theme_clean/static/src/less/options/bg_shade_dark1.less new file mode 100644 index 000000000..3e04bb274 --- /dev/null +++ b/theme_clean/static/src/less/options/bg_shade_dark1.less @@ -0,0 +1,10 @@ +body { + background-color: @gray-darker; +} + +#wrapwrap { + background-color: fade(black, 25%); +} + +@text-color: @gray-light; +@headings-color: @gray-light; \ No newline at end of file diff --git a/theme_clean/static/src/less/options/bg_shade_dark2.less b/theme_clean/static/src/less/options/bg_shade_dark2.less new file mode 100644 index 000000000..9daa5ab22 --- /dev/null +++ b/theme_clean/static/src/less/options/bg_shade_dark2.less @@ -0,0 +1,10 @@ +body { + background-color: darken(@gray-darker, 5%); +} + +#wrapwrap { + background-color: fade(black, 25%); +} + +@text-color: @gray-light; +@headings-color: @gray-lighter; \ No newline at end of file diff --git a/theme_clean/static/src/less/options/bg_shade_dark3.less b/theme_clean/static/src/less/options/bg_shade_dark3.less new file mode 100644 index 000000000..c5ad4f705 --- /dev/null +++ b/theme_clean/static/src/less/options/bg_shade_dark3.less @@ -0,0 +1,14 @@ +body { + background-color: black; +} + +#wrapwrap { + background-color: fade(white, 10%); +} + +@text-color: @gray-light; +@headings-color: @gray-light; + +.text-muted { + color: darken(@text-muted, 10%) +} \ No newline at end of file diff --git a/theme_clean/static/src/less/options/bg_shade_light1.less b/theme_clean/static/src/less/options/bg_shade_light1.less new file mode 100644 index 000000000..c9e1d4065 --- /dev/null +++ b/theme_clean/static/src/less/options/bg_shade_light1.less @@ -0,0 +1,14 @@ +body { + background-color: @color-wind; +} + +#wrapwrap { + background-color: white; +} + +@text-color: @gray; +@headings-color: @gray; + +hr { + border-color: @gray-lighter; +} \ No newline at end of file diff --git a/theme_clean/static/src/less/options/bg_shade_light2.less b/theme_clean/static/src/less/options/bg_shade_light2.less new file mode 100644 index 000000000..cae650885 --- /dev/null +++ b/theme_clean/static/src/less/options/bg_shade_light2.less @@ -0,0 +1,14 @@ +body { + background-color: lighten(@color-silver, 3%); +} + +#wrapwrap { + background-color: fade(white, 60%); +} + +@text-color: @gray-dark; +@headings-color: @gray; + +hr { + border-color: @gray; +} \ No newline at end of file diff --git a/theme_clean/static/src/less/options/bg_shade_light3.less b/theme_clean/static/src/less/options/bg_shade_light3.less new file mode 100644 index 000000000..c60b991cd --- /dev/null +++ b/theme_clean/static/src/less/options/bg_shade_light3.less @@ -0,0 +1,14 @@ +body { + background-color: lighten(@color-silver, 3%); +} + +#wrapwrap { + background-color: fade(white, 30%); +} + +@text-color: @gray-darker; +@headings-color: @gray-dark; + +hr { + border-color: @gray; +} \ No newline at end of file diff --git a/theme_clean/static/src/less/options/bg_shade_warm1.less b/theme_clean/static/src/less/options/bg_shade_warm1.less new file mode 100644 index 000000000..9ef6db20f --- /dev/null +++ b/theme_clean/static/src/less/options/bg_shade_warm1.less @@ -0,0 +1,10 @@ +body { + background-color: @color-clay; +} + +#wrapwrap { + background-color: fade(white, 50%); +} + +@text-color: darken(@gray, 10%); +@headings-color: lighten(@gray, 5%); \ No newline at end of file diff --git a/theme_clean/static/src/less/options/bg_shade_warm2.less b/theme_clean/static/src/less/options/bg_shade_warm2.less new file mode 100644 index 000000000..eb2541695 --- /dev/null +++ b/theme_clean/static/src/less/options/bg_shade_warm2.less @@ -0,0 +1,10 @@ +body { + background-color: @color-sand; +} + +#wrapwrap { + background-color: fade(white, 50%); +} + +@text-color: @gray-dark; +@headings-color: @gray-dark; \ No newline at end of file diff --git a/theme_clean/static/src/less/options/bg_shade_warm3.less b/theme_clean/static/src/less/options/bg_shade_warm3.less new file mode 100644 index 000000000..266320ceb --- /dev/null +++ b/theme_clean/static/src/less/options/bg_shade_warm3.less @@ -0,0 +1,18 @@ +body { + background-color: @color-sand; +} + +#wrapwrap { + background-color: fade(black, 5%); +} + +@text-color: lighten(@color-clay, 10%); +@headings-color: lighten(@color-clay, 7%); + +hr { + border-color: lighten(@color-clay, 7%); +} + +.text-muted { + color: darken(@text-muted, 7%) +} \ No newline at end of file diff --git a/theme_clean/static/src/less/options/color_preset_1.less b/theme_clean/static/src/less/options/color_preset_1.less new file mode 100644 index 000000000..87448dcc0 --- /dev/null +++ b/theme_clean/static/src/less/options/color_preset_1.less @@ -0,0 +1,107 @@ +/* GRAYS --------------------------------------------------------- */ +/* Adjust to vary the intensity of texts ans headings ------------ */ + +@gray-darker: lighten(#000, 20%); +@gray-dark: lighten(#000, 40%); +@gray: lighten(#000, 55%); +@gray-light: lighten(#000, 70%); +@gray-lighter: lighten(#000, 80%); + +/* COLORS --------------------------------------------------------- */ + +@color-alpha: @color-blue; +@color-beta: @color-blue-dark; +@color-gamma: @color-turquoise; +@color-delta: @color-asphalt; +@color-epsilon: @color-midnight; + +/* COLORED BG -------------------------------------------------------- */ + + +.bg-alpha { + .bg-silver; +} +.bg-beta { + .bg-concrete; +} +.bg-gamma { + .bg-blue-dark; +} +.bg-delta { + .bg-blue; +} +.bg-epsilon { + .bg-asphalt; +} + +/* TEXTS & LINKS --------------------------------------------------- */ + +@text-muted: @color-alpha; +@link-color: @color-alpha; +@link-hover-color: @color-gamma; + +/* BUTTONS --------------------------------------------------------- */ + +@btn-primary-bg: @color-blue; +@btn-success-bg: @color-turquoise; +@btn-info-bg: @color-green; +@btn-warning-bg: @color-orange; +@btn-danger-bg: @color-red; + +.btn .fa { + color: white;} + +.btn-default .fa { + color: @gray-dark;} + +/* rgba(0, 0, 0, 0) BG --------------------------------------------------- */ +/* Used in snippets Prx Image Color and Prx Image Shade ------------- */ + +.bg-rgba(0, 0, 0, 0)-color { background-color: @color-blue-dark; opacity: 0.9;} + +/* Navbar */ + +@navbar-default-bg: darken(@color-blue-dark, 15%); +@navbar-default-link-color: white; +@navbar-default-link-hover-color: @color-blue; + + +@navbar-default-link-active-color: white; +@navbar-default-link-active-bg: @color-blue; + + + +/* Footer ----------------------------------------------------------- */ + +#wrapwrap footer { + background-color: darken(@color-blue-dark, 20%); + color: white; +} + +footer .container .pull-left { + color: @color-clouds; +} + +footer ul li a { + color: @color-silver; +} + +footer ul li a:hover { + color: @color-clouds; + text-decoration: none; +} +footer h4 { + color: @gray-light; + padding-bottom: 12px; + text-transform: uppercase; +} +footer .fa { + color: @gray-light; +} + +footer a { + color: @color-turquoise; +} +footer a.hover { + color: @color-turquoise; +} \ No newline at end of file diff --git a/theme_clean/static/src/less/options/color_preset_2.less b/theme_clean/static/src/less/options/color_preset_2.less new file mode 100644 index 000000000..a8e3283b4 --- /dev/null +++ b/theme_clean/static/src/less/options/color_preset_2.less @@ -0,0 +1,95 @@ +/* GRAYS --------------------------------------------------------- */ +/* Adjust to vary the intensity of texts ans headings ------------ */ + +@gray-darker: lighten(#000, 30%); +@gray-dark: lighten(#000, 40%); +@gray: lighten(#000, 55%); +@gray-light: lighten(#000, 70%); +@gray-lighter: lighten(#000, 80%); + +/* COLORS --------------------------------------------------------- */ + +@color-alpha: @color-purple; +@color-beta: @color-purple-dark; +@color-gamma: @color-twilight; +@color-delta: @color-midnight; +@color-epsilon: @color-red-dark; + +/* COLORED BG -------------------------------------------------------- */ + +.bg-alpha { + .bg-silver; +} +.bg-beta { + .bg-purple; +} +.bg-gamma { + .bg-purple-dark; +} +.bg-delta { + .bg-twilight; +} +.bg-epsilon { + .bg-midnight; +} + +/* TEXTS & LINKS --------------------------------------------------- */ + +@text-muted: @color-alpha; +@link-color: @color-alpha; +@link-hover-color: @color-beta; + +/* BUTTONS --------------------------------------------------------- */ + +@btn-primary-bg: @color-silver; +@btn-success-bg: @color-concrete; +@btn-info-bg: @color-purple; +@btn-warning-bg: @color-purple-light; +@btn-danger-bg: @color-red; + +.btn .fa { + color: white;} + +.btn-default .fa { + color: @gray-dark;} + +/* rgba(0, 0, 0, 0) BG --------------------------------------------------- */ +/* Used in snippets Prx Image Color and Prx Image Shade ------------- */ + +.bg-rgba(0, 0, 0, 0)-color { background-color: @color-twilight; opacity: 0.85;} + +/* Navbar ----------------------------------------------------------- */ + +@navbar-default-bg: darken(@color-purple-dark, 15%); +@navbar-default-link-color: white; +@navbar-default-link-hover-color: @gray-light; + +@navbar-default-link-active-color: white; +@navbar-default-link-active-bg: @color-purple-dark; + +/* Footer ----------------------------------------------------------- */ + +#wrapwrap footer { + background-color: darken(@color-purple-dark, 20%); + color: white; +} + +footer .container .pull-left { + color: @color-clouds; +} +footer ul li a { + color: @color-silver; +} + +footer ul li a:hover { + color: @color-clouds; + text-decoration: none; +} +footer h4 { + color: @gray-light; + padding-bottom: 12px; + text-transform: uppercase; +} +footer .fa { + color: @gray-light; +} \ No newline at end of file diff --git a/theme_clean/static/src/less/options/color_preset_3.less b/theme_clean/static/src/less/options/color_preset_3.less new file mode 100644 index 000000000..6c8270c26 --- /dev/null +++ b/theme_clean/static/src/less/options/color_preset_3.less @@ -0,0 +1,97 @@ +/* GRAYS --------------------------------------------------------- */ +/* Adjust to vary the intensity of texts ans headings ------------ */ + +@gray-darker: lighten(#000, 20%); +@gray-dark: lighten(#000, 40%); +@gray: lighten(#000, 50%); +@gray-light: lighten(#000, 70%); +@gray-lighter: lighten(#000, 80%); + +/* COLORS --------------------------------------------------------- */ + +@color-alpha: @color-red; +@color-beta: @color-red-dark; +@color-gamma: @color-orange; +@color-delta: @color-sand; +@color-epsilon: @color-orange-dark; + +/* COLORED BG -------------------------------------------------------- */ + +.bg-alpha { + .bg-sand; +} +.bg-beta { + .bg-orange; +} +.bg-gamma { + .bg-red-dark; +} +.bg-delta { + .bg-red; +} +.bg-epsilon { + .bg-orange-dark; +} + +/* TEXT & LINKS -------------------------------------------------------- */ + +@text-muted: @color-gamma; +@link-color: @color-alpha; +@link-hover-color: @color-beta; + +/* BUTTONS --------------------------------------------------------- */ + +@btn-primary-bg: @color-red; +@btn-success-bg: @color-orange; +@btn-info-bg: @color-yellow-dark; +@btn-warning-bg: @color-orange-dark; +@btn-danger-bg: @color-red-dark; + +.btn .fa { + color: white;} + +.btn-default .fa { + color: @gray-dark;} + +/* rgba(0, 0, 0, 0) BG --------------------------------------------------- */ +/* Used in snippets Prx Image Color and Prx Image Shade ------------- */ + +.bg-rgba(0, 0, 0, 0)-color { background-color: @color-red-dark; opacity: 0.85;} + +/* Navbar ----------------------------------------------------------- */ + +@navbar-default-bg: darken(@color-red-dark, 15%); +@navbar-default-link-color: white; +@navbar-default-link-hover-color: @gray-light; + +@navbar-default-link-active-color: white; +@navbar-default-link-active-bg: @color-red-dark; + +/* Footer ----------------------------------------------------------- */ + +#wrapwrap footer { + background-color: darken(@color-red-dark, 20%); + color: white; +} + +footer .container .pull-left { + color: @color-clouds; +} +footer ul li a { + color: @color-silver; +} + +footer ul li a:hover { + color: @color-clouds; + text-decoration: none; +} +footer h4 { + color: @gray-light; + padding-bottom: 12px; + text-transform: uppercase; +} + +footer .fa { + color: @gray-light; +} + diff --git a/theme_clean/static/src/less/options/color_preset_4.less b/theme_clean/static/src/less/options/color_preset_4.less new file mode 100644 index 000000000..11f2b4a6a --- /dev/null +++ b/theme_clean/static/src/less/options/color_preset_4.less @@ -0,0 +1,100 @@ +/* GRAYS --------------------------------------------------------- */ +/* Adjust to vary the intensity of texts ans headings ------------ */ + +@gray-darker: lighten(#000, 20%); +@gray-dark: lighten(#000, 40%); +@gray: lighten(#000, 55%); +@gray-light: lighten(#000, 70%); +@gray-lighter: lighten(#000, 80%); + +/* COLORS --------------------------------------------------------- */ + +@color-alpha: @color-orange; +@color-beta: @color-yellow-dark; +@color-gamma: @color-yellow; +@color-delta: @color-red-dark; +@color-epsilon: @color-orange-dark; + +/* COLORED BG -------------------------------------------------------- */ + +.bg-alpha { + .bg-sand; +} +.bg-beta { + .bg-yellow; +} +.bg-gamma { + .bg-yellow-dark; +} +.bg-delta { + .bg-orange; +} +.bg-epsilon { + .bg-orange-dark; +} + +/* TEXTS & LINKS ------------------------------------------------------- */ + +@text-muted: @color-alpha; +@link-color: @color-gamma; +@link-hover-color: @color-alpha; + +/* BUTTONS --------------------------------------------------------- */ + +@btn-primary-bg: @color-yellow; +@btn-success-bg: @color-orange; +@btn-info-bg: @color-yellow-dark; +@btn-warning-bg: @color-orange-dark; +@btn-danger-bg: @color-red-dark; + +.btn .fa { + color: white;} + +.btn-default .fa { + color: @gray-dark;} + +/* rgba(0, 0, 0, 0) BG --------------------------------------------------- */ +/* Used in snippets Prx Image Color and Prx Image Shade ------------- */ + +.bg-rgba(0, 0, 0, 0)-color { background-color: @color-orange-dark; opacity: 0.85;} + +/* Navbar ----------------------------------------------------------- */ + +@navbar-default-bg: darken(@color-yellow-dark, 15%); +@navbar-default-link-color: white; +@navbar-default-link-hover-color: @gray-light; + +@navbar-default-link-active-color: white; +@navbar-default-link-active-bg: @color-yellow-dark; + +/* Footer ----------------------------------------------------------- */ + +#wrapwrap footer { + background-color: darken(@color-yellow-dark, 20%); + color: white; +} + + footer .container .pull-left { + color: @color-clouds; +} +footer ul li a { + color: @color-silver; +} + +footer ul li a:hover { + color: @color-clouds; + text-decoration: none; +} +footer h4 { + color: @gray-light; + padding-bottom: 12px; + text-transform: uppercase; +} + +footer .fa { + color: @gray-light; +} + + + + diff --git a/theme_clean/static/src/less/options/color_preset_5.less b/theme_clean/static/src/less/options/color_preset_5.less new file mode 100644 index 000000000..864de53e0 --- /dev/null +++ b/theme_clean/static/src/less/options/color_preset_5.less @@ -0,0 +1,95 @@ +/* GRAYS --------------------------------------------------------- */ +/* Adjust to vary the intensity of texts ans headings ------------ */ + +@gray-darker: lighten(#000, 20%); +@gray-dark: lighten(#000, 40%); +@gray: lighten(#000, 55%); +@gray-light: lighten(#000, 70%); +@gray-lighter: lighten(#000, 80%); + +/* COLORS --------------------------------------------------------- */ + +@color-alpha: @color-green; +@color-beta: @color-green-dark; +@color-gamma: @color-forest; +@color-delta: @color-asphalt; +@color-epsilon: @color-midnight; + +/* COLORED BG -------------------------------------------------------- */ + +.bg-alpha { + .bg-clouds; +} +.bg-beta { + .bg-silver; +} +.bg-gamma { + .bg-green-dark; +} +.bg-delta { + .bg-forest; +} +.bg-epsilon { + .bg-green; +} + +/* TEXTS & LINKS --------------------------------------------------- */ + +@text-muted: @color-beta; +@link-color: @color-beta; +@link-hover-color: @color-alpha; + +/* BUTTONS --------------------------------------------------------- */ + +@btn-primary-bg: @color-green; +@btn-success-bg: @color-turquoise; +@btn-info-bg: @color-blue; +@btn-warning-bg: @color-orange; +@btn-danger-bg: @color-red; + +.btn .fa { + color: white;} + +.btn-default .fa { + color: @gray-dark;} + +/* rgba(0, 0, 0, 0) BG --------------------------------------------------- */ +/* Used in snippets Prx Image Color and Prx Image Shade ------------- */ + +.bg-rgba(0, 0, 0, 0)-color { background-color: @color-green-dark; opacity: 0.9;} + +/* Navbar ----------------------------------------------------------- */ + + +@navbar-default-bg: darken(@color-green-dark, 15%); +@navbar-default-link-color: white; +@navbar-default-link-hover-color: @gray-light; + +@navbar-default-link-active-color: white; +@navbar-default-link-active-bg: @color-green; + +/* Footer ----------------------------------------------------------- */ + +#wrapwrap footer { + background-color: darken(@color-green-dark, 20%); + color: white; +} + +footer .container .pull-left { + color: @color-clouds; +} +footer ul li a { + color: @color-clouds; + } +footer ul li a:hover { + color: white; + text-decoration: none; + } +footer h4 { + color: @color-silver; + padding-bottom: 12px; + text-transform: uppercase; + } +footer .fa { + color: @gray-light; +} \ No newline at end of file diff --git a/theme_clean/static/src/less/options/color_preset_6.less b/theme_clean/static/src/less/options/color_preset_6.less new file mode 100644 index 000000000..d0fc193af --- /dev/null +++ b/theme_clean/static/src/less/options/color_preset_6.less @@ -0,0 +1,100 @@ +/* GRAYS --------------------------------------------------------- */ +/* Adjust to vary the intensity of texts ans headings ------------ */ + +@gray-darker: lighten(#000, 20%); +@gray-dark: lighten(#000, 40%); +@gray: lighten(#000, 55%); +@gray-light: lighten(#000, 70%); +@gray-lighter: lighten(#000, 80%); + +/* COLORS --------------------------------------------------------- */ + +@color-alpha: @color-concrete; +@color-beta: @color-silver; +@color-gamma: @color-stone; +@color-delta: @color-concrete-dark; +@color-epsilon: @color-midnight; + +/* COLORED BG -------------------------------------------------------- */ + +.bg-alpha { + .bg-clouds; +} +.bg-beta { + .bg-silver; +} +.bg-gamma { + .bg-stone; + } +.bg-delta { + .bg-concrete-dark; + } +.bg-epsilon { + .bg-asphalt; + } + +/* TEXT & LINKS -------------------------------------------------------- */ + + +@text-muted: @color-alpha; +@link-color: @color-alpha; +@link-hover-color: @color-gamma; + +/* BUTTONS --------------------------------------------------------- */ + +@btn-primary-bg: @color-concrete; +@btn-success-bg: @color-blue; +@btn-info-bg: @color-asphalt; +@btn-warning-bg: @color-red; +@btn-danger-bg: @color-red-dark; + +.btn .fa { + color: white;} + +.btn-default .fa { + color: @gray-dark;} + +/* rgba(0, 0, 0, 0) BG --------------------------------------------------- */ +/* Used in snippets Prx Image Color and Prx Image Shade ------------- */ + +.bg-rgba(0, 0, 0, 0)-color { background-color: @color-stone; opacity: 0.9;} + +/* Navbar ----------------------------------------------------------- */ + +@navbar-default-bg: darken(@color-concrete, 15%); +@navbar-default-link-color: white; +@navbar-default-link-hover-color: @gray-light; + +@navbar-default-link-active-color: white; +@navbar-default-link-active-bg: @color-concrete; + +/* Footer ----------------------------------------------------------- */ + +#wrapwrap footer { + background-color: darken(@color-concrete, 20%); + color: white; +} + +footer .container .pull-left { + color: @color-clouds; +} + +footer ul li a { + color: @color-silver; +} + +footer ul li a:hover { + color: @color-clouds; + text-decoration: none; +} +footer h4 { + color: @gray-light; + padding-bottom: 12px; + text-transform: uppercase; +} +footer .fa { + color: @gray-light; +} + + + diff --git a/theme_clean/static/src/less/options/font_BitterDroidSerif.less b/theme_clean/static/src/less/options/font_BitterDroidSerif.less new file mode 100644 index 000000000..64b2a3b6d --- /dev/null +++ b/theme_clean/static/src/less/options/font_BitterDroidSerif.less @@ -0,0 +1,11 @@ +@font-family-sans-serif: "Bitter-Regular"; +@font-family-base: "DroidSerif"; +@btn-font-weight: normal; + +html, body { + font-family: @font-family-base; + } +h1, h2, h3, h4, h5, h6 { + font-family: @font-family-sans-serif;} + + diff --git a/theme_clean/static/src/less/options/font_DosisOpenSans.less b/theme_clean/static/src/less/options/font_DosisOpenSans.less new file mode 100644 index 000000000..5d4620075 --- /dev/null +++ b/theme_clean/static/src/less/options/font_DosisOpenSans.less @@ -0,0 +1,18 @@ +@font-family-sans-serif: "Dosis-Regular"; +@font-family-base: "OpenSans-Regular"; +@btn-font-weight: normal; + +html, body { + font-family: @font-family-base; + } + +h1, h2, h3, h4, h5, h6 { + font-family: @font-family-sans-serif; + font-weight: 600; + text-transform: uppercase; + } + +.btn { + text-transform: uppercase; + font-family: @font-family-sans-serif; +} \ No newline at end of file diff --git a/theme_clean/static/src/less/options/font_HelveticaLato.less b/theme_clean/static/src/less/options/font_HelveticaLato.less new file mode 100644 index 000000000..9d223264d --- /dev/null +++ b/theme_clean/static/src/less/options/font_HelveticaLato.less @@ -0,0 +1,18 @@ +@font-family-sans-serif: "Lato-Regular"; +@font-family-base: "Helvetica"; +@btn-font-weight: normal; + +html, body { + font-family: @font-family-base; + font-size: @font-size-base; + } + +h1, h2, h3, h4, h5, h6 { + font-family: @font-family-sans-serif; + font-weight: 600; + } + +@font-size-base: 15px; +@font-size-large: ceil((@font-size-base * 1.25)); // +@font-size-small: ceil((@font-size-base * 0.85)); // + diff --git a/theme_clean/static/src/less/options/font_JosefinAbelOxygen.less b/theme_clean/static/src/less/options/font_JosefinAbelOxygen.less new file mode 100644 index 000000000..ef148f953 --- /dev/null +++ b/theme_clean/static/src/less/options/font_JosefinAbelOxygen.less @@ -0,0 +1,53 @@ +@font-family-sans-serif: "JosefinSlab-Regular"; +@font-family-base: "Abel-Regular"; +@font-size-base: 18px; +@line-height-base: 1.428571429; // 20/14 +@headings-line-height: 1.1; + +html, body { + font-family: @font-family-base; + font-size: @font-size-base; + line-height: @line-height-base; + } + +h1, h2, h3, h4, h5, h6 { + font-family: @font-family-sans-serif; + line-height: @headings-line-height; + letter-spacing: -1px; + } + +.text-muted { + font-family: "Abel-Regular"; + letter-spacing: -1px; + } + +h1 { + font-size: @font-size-h1; + } + +h2 { + font-size: @font-size-h2; + } + +h3 { + font-size: @font-size-h3; + } + +h4 { + font-size: @font-size-h4; + } + +h5 { + font-size: @font-size-h5; + } + +h6 { + font-size: @font-size-h6; + } + +@font-size-h1: floor((@font-size-base * 2.20)); // +@font-size-h2: floor((@font-size-base * 2.00)); // +@font-size-h3: ceil((@font-size-base * 1.85)); // +@font-size-h4: ceil((@font-size-base * 1.65)); // +@font-size-h5: ceil((@font-size-base * 1.50)); +@font-size-h6: ceil((@font-size-base * 1.25)); // \ No newline at end of file diff --git a/theme_clean/static/src/less/options/font_LatoLightMuli.less b/theme_clean/static/src/less/options/font_LatoLightMuli.less new file mode 100644 index 000000000..04f7eaac9 --- /dev/null +++ b/theme_clean/static/src/less/options/font_LatoLightMuli.less @@ -0,0 +1,17 @@ +@font-family-sans-serif: "Lato-Light"; +@font-family-base: "Muli-Regular"; +@btn-font-weight: normal; + +html, body { + font-family: @font-family-base; + font-size: @font-size-base; + } +h1, h2, h3, h4, h5, h6 { + font-family: @font-family-sans-serif; + text-transform: uppercase; + font-weight: 600; + } + +@font-size-base: 15px; +@font-size-large: ceil((@font-size-base * 1.25)); // +@font-size-small: ceil((@font-size-base * 0.85)); // \ No newline at end of file diff --git a/theme_clean/static/src/less/options/font_LibreBaskervilleOpenSans.less b/theme_clean/static/src/less/options/font_LibreBaskervilleOpenSans.less new file mode 100644 index 000000000..fa0430433 --- /dev/null +++ b/theme_clean/static/src/less/options/font_LibreBaskervilleOpenSans.less @@ -0,0 +1,13 @@ +@font-family-sans-serif: "LibreBaskerville-Regular"; +@font-family-base: "OpenSans-Regular"; +@btn-font-weight: normal; + +html, body { + font-family: @font-family-base; + } +h1, h2, h3, h4, h5, h6 { + font-family: @font-family-sans-serif; + letter-spacing: -1px;} +.text-muted { + font-family: "OpenSans-Regular"; + } \ No newline at end of file diff --git a/theme_clean/static/src/less/options/font_MedulaOneAbelOxygen.less b/theme_clean/static/src/less/options/font_MedulaOneAbelOxygen.less new file mode 100644 index 000000000..8e8cc052c --- /dev/null +++ b/theme_clean/static/src/less/options/font_MedulaOneAbelOxygen.less @@ -0,0 +1,52 @@ +@font-family-sans-serif: "MedulaOne-Regular"; +@font-family-base: "Abel-Regular"; +@font-size-base: 16px; +@line-height-base: 1.428571429; // 20/14 +@headings-line-height: 1.1; + +html, body { + font-family: @font-family-base; + font-size: @font-size-base; + line-height: @line-height-base; + } + +h1, h2, h3, h4, h5, h6 { + font-family: @font-family-sans-serif; + line-height: @headings-line-height; + } + +.text-muted { + font-family: "Abel-Regular"; + letter-spacing: -1px; + } + +h1 { + font-size: @font-size-h1; + } + +h2 { + font-size: @font-size-h2; + } + +h3 { + font-size: @font-size-h3; + } + +h4 { + font-size: @font-size-h4; + } + +h5 { + font-size: @font-size-h5; + } + +h6 { + font-size: @font-size-h6; + } + +@font-size-h1: floor((@font-size-base * 3.3)); // +@font-size-h2: floor((@font-size-base * 3.0)); // +@font-size-h3: ceil((@font-size-base * 2.5)); // +@font-size-h4: ceil((@font-size-base * 2.00)); // +@font-size-h5: ceil((@font-size-base * 1.95)); +@font-size-h6: ceil((@font-size-base * 1.80)); // \ No newline at end of file diff --git a/theme_clean/static/src/less/options/font_MontserratAltImprima.less b/theme_clean/static/src/less/options/font_MontserratAltImprima.less new file mode 100644 index 000000000..a9c671134 --- /dev/null +++ b/theme_clean/static/src/less/options/font_MontserratAltImprima.less @@ -0,0 +1,18 @@ +@font-family-sans-serif: "MontserratAlternates-Regular"; +@font-family-base: "Imprima-Regular"; + +html, body { + font-family: @font-family-base; + font-size: @font-size-base; + } +h1, h2, h3, h4, h5, h6 { + font-family: @font-family-sans-serif;} + +.text-muted { + font-family: "Imprima-Regular"; + font-weight: 500; + text-transform: uppercase; +} + +@font-size-base: 15px; + diff --git a/theme_clean/static/src/less/options/font_OswaldMuli.less b/theme_clean/static/src/less/options/font_OswaldMuli.less new file mode 100644 index 000000000..34de5bc6d --- /dev/null +++ b/theme_clean/static/src/less/options/font_OswaldMuli.less @@ -0,0 +1,18 @@ +@font-family-sans-serif: "Oswald-Regular"; +@font-family-base: "Muli-Regular"; + +html, body { + font-family: @font-family-base; + font-size: @font-size-base; + } +h1, h2, h3, h4, h5, h6 { + font-family: @font-family-sans-serif; + text-transform: uppercase;} + +.text-muted { + font-family: "Muli-Regular"; + text-transform: none; + letter-spacing: -0.5px; + font-weight: 500;} + +@font-size-base: 15px; \ No newline at end of file diff --git a/theme_clean/static/src/less/options/font_QuattrocentoBitter.less b/theme_clean/static/src/less/options/font_QuattrocentoBitter.less new file mode 100644 index 000000000..ee29d08c0 --- /dev/null +++ b/theme_clean/static/src/less/options/font_QuattrocentoBitter.less @@ -0,0 +1,16 @@ +@font-family-sans-serif: "Quattrocento-Bold"; +@font-family-base: "Bitter-Regular"; +@font-size-base: 15px; + +html, body { + font-family: @font-family-base; + font-size: @font-size-base; + } +h1, h2, h3, h4, h5, h6 { + font-family: @font-family-sans-serif; + text-transform: uppercase; + } + +.text-muted { + font-family: "Bitter-Regular"; +} \ No newline at end of file diff --git a/theme_clean/static/src/less/options/font_QuattrocentoPtSans.less b/theme_clean/static/src/less/options/font_QuattrocentoPtSans.less new file mode 100644 index 000000000..568b63106 --- /dev/null +++ b/theme_clean/static/src/less/options/font_QuattrocentoPtSans.less @@ -0,0 +1,16 @@ +@font-family-sans-serif: "Quattrocento-Regular"; +@font-family-base: "PT_Sans-Web-Regular"; +@font-size-base: 16px; + +html, body { + font-family: @font-family-base; + font-size: @font-size-base; + } +h1, h2, h3, h4, h5, h6 { + font-family: @font-family-sans-serif; + font-weight: 600; } + +.text-muted { + + text-transform: uppercase; +} \ No newline at end of file diff --git a/theme_clean/static/src/less/options/font_UbuntuPtSans.less b/theme_clean/static/src/less/options/font_UbuntuPtSans.less new file mode 100644 index 000000000..b794f5276 --- /dev/null +++ b/theme_clean/static/src/less/options/font_UbuntuPtSans.less @@ -0,0 +1,25 @@ +@font-family-sans-serif: "Ubuntu-Regular"; +@font-family-base: "PT_Sans-Web-Regular"; +@font-size-base: 16px; +@line-height-base: 1.3; + +html, body { + font-family: @font-family-base; + font-size: @font-size-base; + } +h1, h2, h3, h4, h5, h6 { + font-family: @font-family-sans-serif; + } + +.text-muted { + text-transform: uppercase; +} + +.lead { + font-size: 19px; +} + +#wrapwrap footer { + font-size: 16px; +} + diff --git a/theme_clean/static/src/less/options/font_VollkornAlice.less b/theme_clean/static/src/less/options/font_VollkornAlice.less new file mode 100644 index 000000000..0c13add73 --- /dev/null +++ b/theme_clean/static/src/less/options/font_VollkornAlice.less @@ -0,0 +1,16 @@ +@font-family-sans-serif: "Vollkorn-Italic"; +@font-family-base: "Alice-Regular"; +@font-size-base: 15px; + +html, body { + font-family: @font-family-base; + font-size: @font-size-base; + } +h1, h2, h3, h4, h5, h6 { + font-family: @font-family-sans-serif; + } + +.text-muted { + font-family: "Alice-Regular"; + text-transform: uppercase; +} \ No newline at end of file diff --git a/theme_clean/static/src/less/options/font_VollkornRaleway.less b/theme_clean/static/src/less/options/font_VollkornRaleway.less new file mode 100644 index 000000000..e30f30068 --- /dev/null +++ b/theme_clean/static/src/less/options/font_VollkornRaleway.less @@ -0,0 +1,15 @@ +@font-family-sans-serif: "Vollkorn-Regular"; +@font-family-base: "Raleway-Regular"; +@font-size-base: 15px; + +html, body { + font-family: @font-family-base; + font-size: @font-size-base; + } +h1, h2, h3, h4, h5, h6 { + font-family: @font-family-sans-serif; + } + +.text-muted { + text-transform: uppercase; +} \ No newline at end of file diff --git a/theme_clean/static/src/less/options/layout_boxed.less b/theme_clean/static/src/less/options/layout_boxed.less new file mode 100644 index 000000000..571c97c4a --- /dev/null +++ b/theme_clean/static/src/less/options/layout_boxed.less @@ -0,0 +1,9 @@ +#wrapwrap { + width: 85%; + margin: 0 auto; + + .container { + max-width: 100%; + } + +} \ No newline at end of file diff --git a/theme_clean/static/src/less/padding.less b/theme_clean/static/src/less/padding.less new file mode 100644 index 000000000..7e8035c72 --- /dev/null +++ b/theme_clean/static/src/less/padding.less @@ -0,0 +1,83 @@ +/* ----- GENERIC LAYOUTING HELPERS ---- */ +/* Vertical Spacing */ +.mt128 { + margin-top: 128px !important; +} + +.mt92 { + margin-top: 92px !important; +} + +.mt64 { + margin-top: 64px !important; +} + +.mt48 { + margin-top: 48px !important; +} + +.mt32 { + margin-top: 32px !important; +} + +.mt24 { + margin-top: 24px !important; +} + +.mt16 { + margin-top: 16px !important; +} + +.mt8 { + margin-top: 8px !important; +} + +.mt4 { + margin-top: 4px !important; +} + +.mt0 { + margin-top: 0px !important; +} + +.mb128 { + margin-bottom: 128px !important; +} + +.mb92 { + margin-bottom: 92px !important; +} + +.mb64 { + margin-bottom: 64px !important; +} + +.mb48 { + margin-bottom: 48px !important; +} + +.mb32 { + margin-bottom: 32px !important; +} + +.mb24 { + margin-bottom: 24px !important; +} + +.mb16 { + margin-bottom: 16px !important; +} + +.mb8 { + margin-bottom: 8px !important; +} + +.mb4 { + margin-bottom: 4px !important; +} + +.mb0 { + margin-bottom: 0px !important; +} + + diff --git a/theme_clean/static/src/less/theme.less b/theme_clean/static/src/less/theme.less new file mode 100644 index 000000000..6b75caf09 --- /dev/null +++ b/theme_clean/static/src/less/theme.less @@ -0,0 +1,1292 @@ + +/* Btn */ + + +@btn-default-color: #333; +@btn-default-bg: #fff; +@btn-default-border: #ccc; + +@btn-primary-color: #fff; +@btn-primary-border: darken(@btn-primary-bg, 5%); + +@btn-success-color: #fff; +@btn-success-border: darken(@btn-success-bg, 5%); + +@btn-info-color: #fff; +@btn-info-border: darken(@btn-info-bg, 5%); + +@btn-warning-color: #fff; +@btn-warning-border: darken(@btn-warning-bg, 5%); + +@btn-danger-color: #fff; +@btn-danger-border: darken(@btn-danger-bg, 5%); + +@btn-link-disabled-color: @gray-light; + +.btn .fa { + color: #fff; +} + +/* Border Radius */ +@border-radius-base: 2px; +@border-radius-large: 2px; +@border-radius-small: 1px; + +/* Form states and alerts - Define colors for form feedback states and, by default, alerts.*/ + +@state-primary-text: white; +@state-primary-bg: @color-alpha; +@state-primary-border: darken(spin(@state-primary-bg, -10), 5%); + +@state-success-text: white; +@state-success-bg: @color-beta; +@state-success-border: darken(spin(@state-success-bg, -10), 5%); + +@state-info-text: white; +@state-info-bg: @color-gamma; +@state-info-border: darken(spin(@state-info-bg, -10), 7%); + +@state-warning-text: white; +@state-warning-bg: @color-delta; +@state-warning-border: darken(spin(@state-warning-bg, -10), 5%); + +@state-danger-text: white; +@state-danger-bg: @color-epsilon; +@state-danger-border: darken(spin(@state-danger-bg, -10), 5%); + +// State info variables above are good for alerts, but for forms the text and bg colors need to switched +.has-success { + .form-control-validation(@state-danger-bg; @state-danger-border; @state-success-text); +} +.has-warning { + .form-control-validation(@state-danger-bg; @state-danger-border; @state-warning-text); +} +.has-error { + .form-control-validation(@state-danger-bg; @state-danger-border; @state-danger-text); +} + +//** Background color of the whole progress component +@progress-bg: #f5f5f5; +//** Progress bar text color +@progress-bar-color: #fff; + +//** Default progress bar color +@progress-bar-bg: @color-alpha; +//** Success progress bar color +@progress-bar-success-bg: @color-beta; +//** Warning progress bar color +@progress-bar-warning-bg: @color-delta; +//** Danger progress bar color +@progress-bar-danger-bg: @color-epsilon; +//** Info progress bar color +@progress-bar-info-bg: @color-gamma; + + + +.bg-blue { + background-color: @color-blue; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @color-blue-light; + } + & .fa { + color: white; + } +} + +.bg-turquoise { + background-color: @color-turquoise; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-turquoise, 35%); + } + & .fa { + color: white; + } +} + +.bg-green { + background-color: @color-green; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-green, 35%); + } + & .fa { + color: white; + } +} + +.bg-yellow { + background-color: @color-yellow; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-yellow, 30%); + } + & .fa { + color: white; + } +} + +.bg-orange { + background-color: @color-orange; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-orange, 35%); + } + & .fa { + color: white; + } +} + +.bg-red { + background-color: @color-red; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-red, 35%); + } + & .fa { + color: white; + } +} + +.bg-pink { + background-color: @color-pink; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-pink, 35%); + } + & .fa { + color: white; + } +} + +.bg-purple { + background-color: @color-purple; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-purple, 35%); + } + & .fa { + color: white; + } +} + +.bg-brown { + background-color: @color-brown; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: @gray-light; + } + & .text-muted { + color: lighten(@color-brown, 35%); + } + & .fa { + color: white; + } +} + +.bg-blue-dark { + background-color: @color-blue-dark ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-blue-dark , 35%); + } + & .fa { + color: white; + } +} + +.bg-turquoise-dark { + background-color: @color-turquoise-dark ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-turquoise-dark , 35%); + } + & .fa { + color: white; + } +} + +.bg-green-dark { + background-color: @color-green-dark ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-green-dark , 35%); + } + & .fa { + color: white; + } +} + +.bg-yellow-dark { + background-color: @color-yellow-dark ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-yellow-dark , 35%); + } + & .fa { + color: white; + } +} + +.bg-orange-dark { + background-color: @color-orange-dark ; + color: white; + h1, h2, h3, h4, h5, h6, p, & a { + color: white; + } + & .text-muted { + color: lighten(@color-orange-dark , 35%); + } + & .fa { + color: white; + } +} + +.bg-red-dark { + background-color: @color-red-dark ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-red-dark , 35%); + } + & .fa { + color: white; + } +} + +.bg-pink-dark { + background-color: @color-pink-dark ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-pink-dark , 35%); + } + & .fa { + color: white; + } +} + +.bg-purple-dark { + background-color: @color-purple-dark ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-purple-dark , 35%); + } + & .fa { + color: white; + } +} + +.bg-brown-dark { + background-color: @color-brown-dark ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: @gray-light; + } + & .text-muted { + color: lighten(@color-brown-dark, 35%); + } + & .fa { + color: white; + } +} + + +.bg-blue-light { + background-color: @color-blue-light ; + color: lighten(@color-blue-light , 50%); + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @color-blue; + } + & .fa { + color: white; + } +} + +.bg-turquoise-light { + background-color: @color-turquoise-light ; + color: lighten(@color-turquoise-light , 50%); + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @color-turquoise-dark; + } + & .fa { + color: white; + } +} + +.bg-green-light { + background-color: @color-green-light ; + color: lighten(@color-green-light , 50%); + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @color-green-dark; + } + & .fa { + color: white; + } +} + +.bg-yellow-light { + background-color: @color-yellow-light ; + color: lighten(@color-yellow-light , 50%); + h1, h2, h3, h4, h5, h6,{ + color: white; + } + p { + color: @gray; + } + & .text-muted { + color: @color-yellow-dark; + } + & .fa { + color: white; + } +} + +.bg-orange-light { + background-color: @color-orange-light ; + color: lighten(@color-orange-light , 50%); + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @color-orange; + } + & .fa { + color: white; + } +} + +.bg-red-light { + background-color: @color-red-light ; + color: lighten(@color-red-light , 50%); + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @color-red; + } + & .fa { + color: white; + } +} + +.bg-pink-light { + background-color: @color-pink-light ; + color: lighten(@color-pink-light , 50%); + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @color-pink; + } + & .fa { + color: white; + } +} + +.bg-purple-light { + background-color: @color-purple-light ; + color: lighten(@color-purple-light , 50%); + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @color-purple; + } + & .fa { + color: white; + } +} + +.bg-brown-light { + background-color: @color-brown-light ; + color: lighten(@color-brown-light, 50%); + h1, h2, h3, h4, h5, h6 { + color: white; + } + & .text-muted { + color: @color-brown; + } + & .fa { + color: white; + } +} + + + +.bg-clouds { + background-color: @color-clouds; + color: @gray-dark; + h1, h2, h3, h4, h5, h6, p { + color: @gray; + } + & .text-muted { + color: @gray; + } + & .fa { + color: @color-silver; + } +} + +.bg-silver { + background-color: @color-silver; + color: white; + h1, h2, h3, h4, h5, h6 { + color: white; + } + p { + color: @gray-dark; + } + & .text-muted { + color: @gray; + } + & .fa { + color: white; + } +} + +.bg-concrete { + background-color: @color-concrete ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @gray-dark; + } + & .fa { + color: white; + } +} + +.bg-stone { + background-color: @color-stone; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @gray-lighter; + } + & .fa { + color: white; + } +} + +.bg-asphalt { + background-color: @color-asphalt; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @color-concrete; + } + & .fa { + color: white; + } +} + +.bg-midnight { + background-color: @color-midnight ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @color-concrete; + } + & .fa { + color: white; + } +} + +.bg-marine { + background-color: @color-marine ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @gray-lighter; + } + & .fa { + color: white; + } +} + + +.bg-wind { + background-color: @color-wind; + color: @gray-dark; + h1, h2, h3, h4, h5, h6, p { + color: @gray-darker; + } + & .text-muted { + color: @gray; + } + & .fa { + color: @color-silver; + } +} +.bg-clay { + background-color: @color-clay; + color: white; + h1, h2, h3, h4, h5, h6 { + color: white; + } + & .text-muted { + color: white; + } + & .fa { + color: white; + } +} +.bg-sand { + background-color: @color-sand; + color: white; + h1, h2, h3, h4, h5, h6 { + color: white; + } + & .text-muted { + color: white; + } + & .fa { + color: white; + } +} +.bg-beach { + background-color: @color-beach; + color: @gray-dark; + h1, h2, h3, h4, h5, h6 { + color: @gray-darker; + } + & .text-muted { + color: @gray; + } + & .fa { + color: @color-silver; + } +} +.bg-forest { + background-color: @color-forest ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @gray-lighter; + } + & .fa { + color: white; + } +} +.bg-twilight { + background-color: @color-twilight ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @gray-lighter; + } + & .fa { + color: white; + } +} + +.bg-burgundy { + background-color: @color-burgundy ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @gray-lighter; + } + & .fa { + color: white; + } +} + +@bg-concrete-dark: background(@color-concrete-dark); + +.bg-concrete-dark { + background-color: @color-concrete-dark ; + color: white; + h1, h2, h3, h4, h5, h6 { + color: white; + } + & .text-muted { + color: @gray-lighter; + } + & .fa { + color: white; + } +} + +.bg-white { + background: white; + color: black; + h1, h2, h3, h4, h5, h6 { + color: @gray-dark; + } + & .text-muted { + color: @color-alpha; + } + & .fa { + color: @color-alpha; + } +} +.bg-black { + background: black; + color: white; + h1, h2, h3, h4, h5, h6 { + color: white; + } + p { + color: @gray-lighter; + } + & .text-muted { + color: @color-alpha; + } + & .fa { + color: white; + } +} +.bg-gray-darker {background-color: @gray-darker;} +.bg-gray-dark {background-color: @gray-dark;} +.bg-gray {background-color: @gray;} +.bg-gray-light {background-color: @gray-light; } +.bg-gray-lighter {background-color: @gray-lighter; } + + +/* Backgrounds Images------------------------------------------------------------------ */ + +@bg-img-01: url("/theme_clean/static/src/img/backgrounds/bg_snippet_01.jpg"); +@bg-img-02: url("/theme_clean/static/src/img/backgrounds/bg_snippet_02.jpg"); +@bg-img-03: url("/theme_clean/static/src/img/backgrounds/bg_snippet_03.jpg"); +@bg-img-04: url("/theme_clean/static/src/img/backgrounds/bg_snippet_04.jpg"); +@bg-img-05: url("/theme_clean/static/src/img/backgrounds/bg_snippet_05.jpg"); +@bg-img-06: url("/theme_clean/static/src/img/backgrounds/bg_snippet_06.jpg"); + + +.bg-img-01 { + background-image: @bg-img-01; + background-size: cover; + h1, h2, h3, h4, h5, h6, p, .fa { + color: white; + } + .text-muted { + color: @color-alpha; + } +} +.bg-img-02 { + background-image: + linear-gradient( + fade(black, 80%), + fade(black, 20%) + ), + @bg-img-02; + background-size: cover; + h1, h2, h3, h4, h5, h6, p, .fa { + color: white; + } + .text-muted { + color: @color-alpha; + } +} + +.bg-img-03 { + background-image: + linear-gradient( + fade(white, 60%), + fade(white, 70%) + ), + @bg-img-03; + background-size: cover; + h1, h2, h3, h4, h5, h6, p { + color: @gray-dark !important; + } + .text-muted, .fa { + color: @color-alpha !important; + } +} + +.bg-img-04 { + background-image: @bg-img-04; + background-size: cover; + h1, h2, h3, h4, h5, h6, p, .fa { + color: white; + } + .text-muted { + color: @color-alpha; + } +} + +.bg-img-05 { + background-image: @bg-img-05; + background-size: cover; + h1, h2, h3, h4, h5, h6, p, .fa { + color: white; + } + .text-muted { + color: @color-alpha; + } +} + +.bg-img-06 { + background-image: + linear-gradient( + fade(black, 30%), + fade(black, 75%) + ), + @bg-img-06; + background-size: cover; + h1, h2, h3, h4, h5, h6, p, .fa { + color: white; + } + .text-muted { + color: @color-alpha; + } +} + +@bg-blur-01: url("/theme_clean/static/src/img/backgrounds/bg_blur_img_01.jpg"); +@bg-blur-02: url("/theme_clean/static/src/img/backgrounds/bg_blur_img_02.jpg"); +@bg-blur-03: url("/theme_clean/static/src/img/backgrounds/bg_blur_img_03.jpg"); +@bg-blur-04: url("/theme_clean/static/src/img/backgrounds/bg_blur_img_04.jpg"); +@bg-blur-05: url("/theme_clean/static/src/img/backgrounds/bg_blur_img_05.jpg"); +@bg-blur-06: url("/theme_clean/static/src/img/backgrounds/bg_blur_img_06.jpg"); + +.bg-blur-01 { + background-image: @bg-blur-01; + background-size: cover; + background-attachment: fixed; + h1, h2, h3, h4, h5, h6, p, .fa { + color: @gray-dark; + } + .text-muted { + color: @color-alpha; + } +} +.bg-blur-02 { + background-image: @bg-blur-02; + background-size: cover; + background-attachment: fixed; + h1, h2, h3, h4, h5, h6, p, .fa { + color: white; + } + .text-muted { + color: @color-alpha; + } +} +.bg-blur-03 { + background-image: @bg-blur-03; + background-size: cover; + background-attachment: fixed; + h1, h2, h3, h4, h5, h6, p, .fa { + color: white; + } + .text-muted { + color: @color-alpha; + } +} +.bg-blur-04 { + background-image: @bg-blur-04; + background-size: cover; + background-attachment: fixed; + h1, h2, h3, h4, h5, h6, p, .fa { + color: white; + } + .text-muted { + color: @color-alpha; + } + +} +.bg-blur-05 { + background-image: @bg-blur-05; + background-size: cover; + background-attachment: fixed; + h1, h2, h3, h4, h5, h6, p, .fa { + color: white; + } + .text-muted { + color: @color-alpha; + } +} +.bg-blur-06 { + background-image: @bg-blur-06; + background-size: cover; + background-attachment: fixed; + h1, h2, h3, h4, h5, h6, p, .fa { + color: @gray-dark; + } + .text-muted { + color: @color-alpha; + } +} + +/* Backgrounds Gradients ------------------------------------------------------------------ */ + +.bg_gradient_primary_down { + background-image: + linear-gradient( + fade(@color-alpha, 0%), + fade(@color-alpha, 100%) + ), +} + +.bg_gradient_primary_up { + background-image: + linear-gradient( + fade(@color-alpha, 100%), + fade(@color-alpha, 0%) + ), +} + +.bg_gradient_white_down_thumb { + background-image: + linear-gradient( + fade(#ccc, 100%), + fade(white, 50%) + ), +} + +.bg_gradient_white_down { + background-image: + linear-gradient( + fade(white, 0%), + fade(white, 50%) + ), +} + +.bg_gradient_white_up_thumb { + background-image: + linear-gradient( + fade(white, 50%), + fade(#ccc, 100%) + ), +} + +.bg_gradient_white_up { + background-image: + linear-gradient( + fade(white, 50%), + fade(white, 0%) + ), +} + +.bg_gradient_black_up { + background-image: + linear-gradient( + fade(black, 50%), + fade(black, 0%) + ), +} + +.bg_gradient_black_down { + background-image: + linear-gradient( + fade(black, 0%), + fade(black, 50%) + ), +} + +.bg_option_menu_img, .bg_option_menu_gradient { + height: 25px; + width: 120px; + border: 1px solid #ccc; +} + + +/* Images*/ + +@content_logo: url("/theme_clean/static/src/img/content/content_logo.png"); + +.content_logo { + background-image: @content_logo; + background-size: cover; + width: 620px; + height: 220px; +} +/* +@content-img-01: url("/theme_clean/static/src/img/content/content_img_01.png"); +@content-img-02: url("/theme_clean/static/src/img/content/content_img_02.png"); +@content-img-03: url("/theme_clean/static/src/img/content/content_img_03.png"); +@content-img-04: url("/theme_clean/static/src/img/content/content_img_04.png"); +@content-img-05: url("/theme_clean/static/src/img/content/content_img_05.png"); +@content-img-06: url("/theme_clean/static/src/img/content/content_img_06.png"); +@content-img-07: url("/theme_clean/static/src/img/content/content_img_07.png"); +@content-img-08: url("/theme_clean/static/src/img/content/content_img_08.png"); +@content-img-09: url("/theme_clean/static/src/img/content/content_img_09.jpg"); +@content-img-10: url("/theme_clean/static/src/img/content/content_img_10.jpg"); +@content-img-11: url("/theme_clean/static/src/img/content/content_img_11.jpg"); + +@content-img-13: url("/theme_clean/static/src/img/content/content_img_13.jpg"); +@content-img-14: url("/theme_clean/static/src/img/content/content_img_14.jpg"); +@content-img-15: url("/theme_clean/static/src/img/content/content_img_15.png"); +@content-img-16: url("/theme_clean/static/src/img/content/content_img_16.png"); +@content-img-17: url("/theme_clean/static/src/img/content/content_img_17.png"); +@content-img-18: url("/theme_clean/static/src/img/content/content_img_18.png"); + +.content-img-01 { + background-image: @content-img-01; + background-size: cover; + max-width:100%; + height: 400px; +} + +.content-img-02 { + background-image: @content-img-02; + background-size: cover; + max-width:100%; + height: 400px; +} + +.content-img-03 { + background-image: @content-img-03; + background-size: cover; + max-width:100%; + height: 400px; +} + +.content-img-04 { + background: @content-img-04 center no-repeat; + max-width: 100%; + height: 400px; +} + +.content-img-05 { + background: @content-img-05 center no-repeat; + max-width: 100%; + height: 400px; +} + +.content-img-06 { + background-image: @content-img-06; + background-size: cover; + height: 400px; +} + +.content-img-07 { + background-image: @content-img-07; + background-size: cover; + max-width:100%; + min-height: 400px; +} + +.content-img-08 { + background-image: @content-img-08; + background-size: cover; + max-width:100%; + min-height: 400px; +} + + +.content-img-09 { + background-image: @content-img-09; + background-size: cover; + max-width: 100%; +} + +.content-img-10 { + background: @content-img-10; + background-size: cover; + max-width:100%; +} + +.content-img-11 { + background-image: @content-img-11; + background-size: cover; + max-width:100%; +} + +.content-img-13 { + background-image: @content-img-13; + background-size: cover; +} + +.content-img-14 { + background-image: @content-img-14; + background-size: cover; +} + +.content-img-15 { + background-image: @content-img-15; + background-size: cover; +} + +.content-img-16 { + background-image: @content-img-16; + background-size: cover; +} + +.content-img-17 { + background-image: @content-img-17; + background-size: cover; +} + +.content-img-18 { + background-image: @content-img-18; + background-size: cover; +} +*/ + +/* Custom Padding */ + +.padding-l-r-8 { + padding: 0 8px; +} + +.padding-l-r-16 { + padding: 0 16px; +} + +.padding-l-r-32 { + padding: 0 32px; +} + +/* Price List */ + +.price { + font-size: 50px; +} + + +/* popover */ + +.popover, .popover-title { + color: #555; +} + + +/* hr */ + +hr { + border-top: 1px solid @gray; +} + +/* Footer */ + +#wrapwrap footer { + display: table-row ; + font-size: 14px; +} +#wrapwrap footer .row { + padding: 70px 0 50px; + border-bottom: 1px solid @color-alpha; +} + +footer h4 { + font-size: 16px; +} + +footer p { + text-align: justify; +} + +footer .fa { + font-size: 18px; +} + +/* Media editor Icons */ + +.modal-dialog .select-media { + color: @gray-dark; +} + +.modal .font-icons-icons .font-icons-icon { + color: @gray-dark; +} + +.demo_blocks_title { + border-left: 5px solid @color-alpha; +} + +/* Animation o_fade_in */ + +@-webkit-keyframes o_fade_in { + 0% {opacity: 0;} + 100% {opacity: 1;} +} +@keyframes o_fade_in { + 0% {opacity: 0;} + 100% {opacity: 1;} +} +.o_displayed .o_fade_in { + -webkit-animation: o_fade_in 2s ease-out; + animation: o_fade_in 2s ease-out; +} + +/* Animation o_fade_in_down */ + +@-webkit-keyframes o_fade_in_down { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + } + 100% { + opacity: 1; + -webkit-transform: none; + } +} +@keyframes o_fade_in_down { + 0% { + opacity: 0; + transform: translate3d(0, -100%, 0); + } + 100% { + opacity: 1; + transform: none; + } +} +.o_animation:not(.o_displayed_middle) .o_fade_in_down { + opacity: 0; +} +.o_animation.o_displayed_middle .o_fade_in_down { + -webkit-animation: o_fade_in_down 1s ease-out; + animation: o_fade_in_down 1s ease-out; +} + +/* Animation o_fade_in_left */ + +@-webkit-keyframes o_fade_in_left { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + } + 100% { + opacity: 1; + -webkit-transform: none; + } +} +@keyframes o_fade_in_left { + 0% { + opacity: 0; + transform: translate3d(-100%, 0, 0); + } + 100% { + opacity: 1; + transform: none; + } +} +.o_animation:not(.o_displayed_middle) .o_fade_in_left { + opacity: 0; +} +.o_animation.o_displayed_middle .o_fade_in_left { + -webkit-animation: o_fade_in_left 1s ease-out; + animation: o_fade_in_left 1s ease-out; +} + +/* Animation o_fade_in_right */ + +@-webkit-keyframes o_fade_in_right { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + } + 100% { + opacity: 1; + -webkit-transform: none; + } +} +@keyframes o_fade_in_right { + 0% { + opacity: 0; + transform: translate3d(100%, 0, 0); + } + 100% { + opacity: 1; + transform: none; + } +} +.o_animation:not(.o_displayed_middle) .o_fade_in_right { + opacity: 0; +} +.o_animation.o_displayed_middle .o_fade_in_right { + -webkit-animation: o_fade_in_right 1s ease-out; + animation: o_fade_in_right 1s ease-out; +} + +/* Animation o_fade_in_up */ + +@-webkit-keyframes o_fade_in_up { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + } + 100% { + opacity: 1; + -webkit-transform: none; + } +} +@keyframes o_fade_in_up { + 0% { + opacity: 0; + transform: translate3d(0, 100%, 0); + } + 100% { + opacity: 1; + transform: none; + } +} +.o_animation:not(.o_displayed_middle) .o_fade_in_up { + opacity: 0; +} +.o_animation.o_displayed_middle .o_fade_in_up { + -webkit-animation: o_fade_in_up 1s ease-out; + animation: o_fade_in_up 1s ease-out; +} diff --git a/theme_clean/views/assets.xml b/theme_clean/views/assets.xml new file mode 100644 index 000000000..b1e1244b4 --- /dev/null +++ b/theme_clean/views/assets.xml @@ -0,0 +1,57 @@ + + + + + + + + open + + + + + + + + True + + + + + + + + diff --git a/theme_clean/views/customize_modal.xml b/theme_clean/views/customize_modal.xml new file mode 100644 index 000000000..e603ea43d --- /dev/null +++ b/theme_clean/views/customize_modal.xml @@ -0,0 +1,461 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_clean/views/image_content.xml b/theme_clean/views/image_content.xml new file mode 100644 index 000000000..4fc70f075 --- /dev/null +++ b/theme_clean/views/image_content.xml @@ -0,0 +1,76 @@ + + + + + + + + + image_content_logo_small.png + image_content_logo_small.png + ir.ui.view + url + /theme_clean/static/src/img/content/image_content_logo_small.png + + + + + /theme_clean/static/src/img/content/image_content_01.png + + + /theme_clean/static/src/img/content/image_content_02.png + + + /theme_clean/static/src/img/content/image_content_03.png + + + /theme_clean/static/src/img/content/image_content_04.png + + + /theme_clean/static/src/img/content/image_content_05.png + + + /theme_clean/static/src/img/content/image_content_06.png + + + /theme_clean/static/src/img/content/image_content_07.png + + + /theme_clean/static/src/img/content/image_content_09.jpg + + + /theme_clean/static/src/img/content/image_content_08.png + + + /theme_clean/static/src/img/content/image_content_10.jpg + + + /theme_clean/static/src/img/content/image_content_11.jpg + + + /theme_clean/static/src/img/content/image_content_13.jpg + + + /theme_clean/static/src/img/content/image_content_14.png + + + /theme_clean/static/src/img/content/image_content_15.png + + + /theme_clean/static/src/img/content/image_content_16.png + + + /theme_clean/static/src/img/content/image_content_17.png + + + /theme_clean/static/src/img/content/image_content_18.png + + + + diff --git a/theme_clean/views/image_library.xml b/theme_clean/views/image_library.xml new file mode 100644 index 000000000..2843b45ea --- /dev/null +++ b/theme_clean/views/image_library.xml @@ -0,0 +1,74 @@ + + + + bg_clean_pic_01.jpg + bg_clean_01.jpg + ir.ui.view + url + /theme_clean/static/src/img/library/bg_clean_pic_01.jpg + + + bg_clean_pic_02.jpg + bg_clean_pic_02.jpg + ir.ui.view + url + /theme_clean/static/src/img/library/bg_clean_pic_02.jpg + + + bg_clean_pic_03.jpg + bg_clean_pic_03.jpg + ir.ui.view + url + /theme_clean/static/src/img/library/bg_clean_pic_03.jpg + + + bg_clean_pic_04.jpg + bg_clean_pic_04.jpg + ir.ui.view + url + /theme_clean/static/src/img/library/bg_clean_pic_04.jpg + + + bg_clean_pic_05.jpg + bg_clean_pic_05.jpg + ir.ui.view + url + /theme_clean/static/src/img/library/bg_clean_pic_05.jpg + + + bg_clean_pic_06.jpg + bg_clean_pic_06.jpg + ir.ui.view + url + /theme_clean/static/src/img/library/bg_clean_pic_06.jpg + + + bg_clean_pic_07.jpg + bg_clean_pic_07.jpg + ir.ui.view + url + /theme_clean/static/src/img/library/bg_clean_pic_07.jpg + + + bg_clean_pic_08.jpg + bg_clean_pic_08.jpg + ir.ui.view + url + /theme_clean/static/src/img/library/bg_clean_pic_08.jpg + + + bg_clean_pic_09.jpg + bg_clean_pic_09.jpg + ir.ui.view + url + /theme_clean/static/src/img/library/bg_clean_pic_09.jpg + + + bg_clean_pic_10.jpg + bg_clean_pic_10.jpg + ir.ui.view + url + /theme_clean/static/src/img/library/bg_clean_pic_10.jpg + + + diff --git a/theme_clean/views/snippets.xml b/theme_clean/views/snippets.xml new file mode 100644 index 000000000..bc7a6c981 --- /dev/null +++ b/theme_clean/views/snippets.xml @@ -0,0 +1,51 @@ + + + + + + + + diff --git a/theme_clean/views/snippets_options.xml b/theme_clean/views/snippets_options.xml new file mode 100644 index 000000000..ae8339945 --- /dev/null +++ b/theme_clean/views/snippets_options.xml @@ -0,0 +1,192 @@ + + + + + + + + + + + + + + + + diff --git a/theme_common/LICENSE b/theme_common/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_common/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_common/__init__.py b/theme_common/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_common/__openerp__.py b/theme_common/__openerp__.py new file mode 100644 index 000000000..5c595b9c2 --- /dev/null +++ b/theme_common/__openerp__.py @@ -0,0 +1,120 @@ +{ + 'name': 'Theme Common', + 'summary': 'Snippets Library', + 'description': 'Snippets library containing snippets to be styled in Less Themes.', + 'category': 'Hidden', + 'version': '1.1', + 'author': 'Odoo SA', + 'depends': ['website_less'], + 'data': [ + # image placeholder + 'data/image_content.xml', + # Disable website master customize options + 'views/layout.xml', + # CLEAN + 'views/s_big_image.xml', + 'views/s_big_image_parallax.xml', + 'views/s_color_blocks_2.xml', + 'views/s_color_blocks_4.xml', + 'views/s_column.xml', + 'views/s_discount.xml', + 'views/s_event_list.xml', + 'views/s_icon_box.xml', + 'views/s_icon_box_circle.xml', + 'views/s_icon_box_square.xml', + 'views/s_image_text_2.xml', + 'views/s_lead_bar.xml', + 'views/s_logo_bar.xml', + 'views/s_pricing.xml', + 'views/s_process_step.xml', + 'views/s_progress_bar.xml', + 'views/s_profile.xml', + 'views/s_separator_color.xml', + 'views/s_separator_shade.xml', + 'views/s_slide_banner.xml', + 'views/s_team_profiles.xml', + 'views/s_text.xml', + 'views/s_text_image_2.xml', + 'views/s_text_highlight.xml', + 'views/s_three_columns_circle.xml', + 'views/s_timeline.xml', + 'views/s_timeline_compact.xml', + 'views/s_title_small.xml', + 'views/s_two_columns.xml', + # from theme enark + 'views/s_testimonial_slider.xml', + 'views/s_big_icon_circle.xml', + 'views/s_big_icon_square.xml', + # from theme bewise + 'views/s_mini_nav_bar.xml', + 'views/s_separator_nav.xml', + 'views/s_separator_multicolor.xml', + 'views/s_separator_multicolor_fw.xml', + 'views/s_color_blocks_img.xml', + 'views/s_color_blocks_slider.xml', + # ZAP + 'views/s_banner_2.xml', + 'views/s_carousel_boxed.xml', + 'views/s_collapse.xml', + 'views/s_features_circle.xml', + 'views/s_features_grid_circle.xml', + 'views/s_four_columns_fw.xml', + 'views/s_image_text_fw.xml', + 'views/s_images_captions_fw.xml', + 'views/s_label.xml', + 'views/s_medias_list.xml', + 'views/s_news_carousel.xml', + 'views/s_numbers.xml', + 'views/s_page_header.xml', + 'views/s_process_steps_2.xml', + 'views/s_quotes_slider_2.xml', + 'views/s_references_2.xml', + 'views/s_tabs.xml', + 'views/s_team_profiles_2.xml', + 'views/s_text_block_image_fw.xml', + 'views/s_text_image_fw.xml', + 'views/s_three_columns_carousel.xml', + # KIDDO + 'views/s_1_column_text.xml', + 'views/s_2_column_text.xml', + 'views/s_3_column_text.xml', + 'views/s_4_column_text.xml', + 'views/s_banner_parallax.xml', + 'views/s_banner_3.xml', + 'views/s_big_picture_text.xml', + 'views/s_button_text.xml', + 'views/s_cubes.xml', + 'views/s_features_carousel.xml', + 'views/s_header_text_big_picture.xml', + 'views/s_product_list.xml', + 'views/s_separator_block.xml', + 'views/s_text_big_picture.xml', + 'views/s_text_picture_text.xml', + 'views/s_title_big.xml', + 'views/s_products_carousel.xml', + # ANELUSIA + 'views/s_progress.xml', + 'views/s_menu_three_columns.xml', + # GRAPHENE + 'views/s_media_block.xml', + 'views/s_animated_boxes.xml', + 'views/s_showcase.xml', + 'views/s_showcase_slider.xml', + 'views/s_masonry_block.xml', + # AVANTGARDE + 'views/s_css_slider.xml', + 'views/s_showcase_image_right.xml', + 'views/s_showcase_image_left.xml', + 'views/s_clonable_boxes.xml', + # TREEHOUSE + 'views/s_timeline_icons.xml', + # MONGLIA + 'views/s_full_menu.xml', + 'views/s_compact_menu.xml', + 'views/s_event_slide.xml', + ], + 'demo': [ + 'demo/demo.xml', + ], + 'application': False, +} \ No newline at end of file diff --git a/theme_common/data/image_content.xml b/theme_common/data/image_content.xml new file mode 100644 index 000000000..e6273a488 --- /dev/null +++ b/theme_common/data/image_content.xml @@ -0,0 +1,290 @@ + + + + + + + + + + image_content_logo_small.png + image_content_logo_small.png + ir.ui.view + url + /theme_common/static/src/img/content/image_content_logo_small.png + + + + + + image_content_01.png + image_content_01.png + ir.ui.view + url + /theme_common/static/src/img/content/image_content_01.png + + + image_content_02.png + image_content_02.png + ir.ui.view + url + /theme_common/static/src/img/content/image_content_02.png + + + image_content_03.png + image_content_03.png + ir.ui.view + url + /theme_common/static/src/img/content/image_content_03.png + + + image_content_04.png + image_content_04.png + ir.ui.view + url + /theme_common/static/src/img/content/image_content_04.png + + + image_content_05.png + image_content_05.png + ir.ui.view + url + /theme_common/static/src/img/content/image_content_05.png + + + image_content_06.png + image_content_06.png + ir.ui.view + url + /theme_common/static/src/img/content/image_content_06.png + + + image_content_07.png + image_content_07.png + ir.ui.view + url + /theme_common/static/src/img/content/image_content_07.png + + + image_content_08.png + image_content_08.png + ir.ui.view + url + /theme_common/static/src/img/content/image_content_08.png + + + image_content_09.jpg + image_content_09.jpg + ir.ui.view + url + /theme_common/static/src/img/content/image_content_09.jpg + + + image_content_10.jpg + image_content_10.jpg + ir.ui.view + url + /theme_common/static/src/img/content/image_content_10.jpg + + + image_content_11.gif + image_content_11.gif + ir.ui.view + url + /theme_common/static/src/img/content/image_content_11.gif + + + image_content_12.jpg + image_content_12.jpg + ir.ui.view + url + /theme_common/static/src/img/content/image_content_12.jpg + + + image_content_13.jpg + image_content_13.jpg + ir.ui.view + url + /theme_common/static/src/img/content/image_content_13.jpg + + + image_content_14.png + image_content_14.png + ir.ui.view + url + /theme_common/static/src/img/content/image_content_14.png + + + image_content_15.png + image_content_15.png + ir.ui.view + url + /theme_common/static/src/img/content/image_content_15.png + + + image_content_16.png + image_content_16.png + ir.ui.view + url + /theme_common/static/src/img/content/image_content_16.png + + + image_content_17.png + image_content_17.png + ir.ui.view + url + /theme_common/static/src/img/content/image_content_17.png + + + image_content_18.png + image_content_18.png + ir.ui.view + url + /theme_common/static/src/img/content/image_content_18.png + + + image_content_19.gif + image_content_19.gif + ir.ui.view + url + /theme_common/static/src/img/content/image_content_19.gif + + + image_content_20.gif + image_content_20.gif + ir.ui.view + url + /theme_common/static/src/img/content/image_content_20.gif + + + image_content_21.gif + image_content_21.gif + ir.ui.view + url + /theme_common/static/src/img/content/image_content_21.gif + + + image_content_22.gif + image_content_22.gif + ir.ui.view + url + /theme_common/static/src/img/content/image_content_22.gif + + + image_content_23.gif + image_content_23.gif + ir.ui.view + url + /theme_common/static/src/img/content/image_content_23.gif + + + image_content_24.gif + image_content_24.gif + ir.ui.view + url + /theme_common/static/src/img/content/image_content_24.gif + + + image_content_25.gif + image_content_25.gif + ir.ui.view + url + /theme_common/static/src/img/content/image_content_25.gif + + + image_content_26.gif + image_content_26.gif + ir.ui.view + url + /theme_common/static/src/img/content/image_content_26.gif + + + + + + + image_product_01.png + image_product_01.png + ir.ui.view + url + /theme_common/static/src/img/content/image_product_01.jpg + + + image_product_02.png + image_product_02.png + ir.ui.view + url + /theme_common/static/src/img/content/image_product_01.jpg + + + image_product_03.png + image_product_03.png + ir.ui.view + url + /theme_common/static/src/img/content/image_product_01.jpg + + + image_product_04.png + image_product_04.png + ir.ui.view + url + /theme_common/static/src/img/content/image_product_01.jpg + + + image_product_05.png + image_product_05.png + ir.ui.view + url + /theme_common/static/src/img/content/image_product_01.jpg + + + image_product_06.png + image_product_06.png + ir.ui.view + url + /theme_common/static/src/img/content/image_product_01.jpg + + + image_product_07.png + image_product_07.png + ir.ui.view + url + /theme_common/static/src/img/content/image_product_01.jpg + + + image_product_08.png + image_product_08.png + ir.ui.view + url + /theme_common/static/src/img/content/image_product_01.jpg + + + image_product_09.png + image_product_09.png + ir.ui.view + url + /theme_common/static/src/img/content/image_product_01.jpg + + + image_product_10.png + image_product_10.png + ir.ui.view + url + /theme_common/static/src/img/content/image_product_01.jpg + + + image_product_11.png + image_product_11.png + ir.ui.view + url + /theme_common/static/src/img/content/image_product_01.jpg + + + + diff --git a/theme_common/demo/demo.xml b/theme_common/demo/demo.xml new file mode 100644 index 000000000..7a19d6a61 --- /dev/null +++ b/theme_common/demo/demo.xml @@ -0,0 +1,307 @@ + + + + + + + + + + diff --git a/theme_enark/views/customize_modal.xml b/theme_enark/views/customize_modal.xml new file mode 100644 index 000000000..ad803f526 --- /dev/null +++ b/theme_enark/views/customize_modal.xml @@ -0,0 +1,282 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_enark/views/image_content.xml b/theme_enark/views/image_content.xml new file mode 100644 index 000000000..3d6c84f23 --- /dev/null +++ b/theme_enark/views/image_content.xml @@ -0,0 +1,75 @@ + + + + + + + + + + /theme_enark/static/src/img/content/content_logo_small.png + + + + + + /theme_enark/static/src/img/content/content_img_01.png + + + /theme_enark/static/src/img/content/content_img_02.png + + + /theme_enark/static/src/img/content/content_img_03.png + + + /theme_enark/static/src/img/content/content_img_04.png + + + /theme_enark/static/src/img/content/content_img_05.png + + + /theme_enark/static/src/img/content/content_img_06.png + + + /theme_enark/static/src/img/content/content_img_07.png + + + /theme_enark/static/src/img/content/content_img_08.png + + + /theme_enark/static/src/img/content/content_img_09.jpg + + + /theme_enark/static/src/img/content/content_img_10.jpg + + + /theme_enark/static/src/img/content/content_img_11.jpg + + + + /theme_enark/static/src/img/content/content_img_13.jpg + + + /theme_enark/static/src/img/content/content_img_14.png + + + /theme_enark/static/src/img/content/content_img_15.png + + + /theme_enark/static/src/img/content/content_img_16.png + + + /theme_enark/static/src/img/content/content_img_17.png + + + /theme_enark/static/src/img/content/content_img_18.png + + + + diff --git a/theme_enark/views/image_library.xml b/theme_enark/views/image_library.xml new file mode 100644 index 000000000..097612918 --- /dev/null +++ b/theme_enark/views/image_library.xml @@ -0,0 +1,74 @@ + + + + img_library_01.jpg + img_library_01.jpg + ir.ui.view + url + /theme_enark/static/src/img/library/img_library_01.jpg + + + img_library_02.jpg + img_library_02.jpg + ir.ui.view + url + /theme_enark/static/src/img/library/img_library_02.jpg + + + img_library_03.jpg + img_library_03.jpg + ir.ui.view + url + /theme_enark/static/src/img/library/img_library_03.jpg + + + img_library_04.jpg + img_library_04.jpg + ir.ui.view + url + /theme_enark/static/src/img/library/img_library_04.jpg + + + img_library_05.jpg + img_library_05.jpg + ir.ui.view + url + /theme_enark/static/src/img/library/img_library_05.jpg + + + img_library_06.jpg + img_library_06.jpg + ir.ui.view + url + /theme_enark/static/src/img/library/img_library_06.jpg + + + img_library_07.jpg + img_library_07.jpg + ir.ui.view + url + /theme_enark/static/src/img/library/img_library_07.jpg + + + img_library_08.jpg + img_library_08.jpg + ir.ui.view + url + /theme_enark/static/src/img/library/img_library_08.jpg + + + img_library_09.jpg + img_library_09.jpg + ir.ui.view + url + /theme_enark/static/src/img/library/img_library_09.jpg + + + img_library_10.jpg + img_library_10.jpg + ir.ui.view + url + /theme_enark/static/src/img/library/img_library_10.jpg + + + diff --git a/theme_enark/views/snippets.xml b/theme_enark/views/snippets.xml new file mode 100644 index 000000000..dc17aa0ea --- /dev/null +++ b/theme_enark/views/snippets.xml @@ -0,0 +1,54 @@ + + + + + + + + diff --git a/theme_enark/views/snippets_options.xml b/theme_enark/views/snippets_options.xml new file mode 100644 index 000000000..312a8b5a8 --- /dev/null +++ b/theme_enark/views/snippets_options.xml @@ -0,0 +1,199 @@ + + + + + + + + + + + + + + + + + + + diff --git a/theme_graphene/LICENSE b/theme_graphene/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_graphene/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_graphene/__init__.py b/theme_graphene/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_graphene/__openerp__.py b/theme_graphene/__openerp__.py new file mode 100644 index 000000000..a987f13cc --- /dev/null +++ b/theme_graphene/__openerp__.py @@ -0,0 +1,28 @@ +{ + 'name':'Graphene theme', + 'description': 'Light colours, thin text, clean and sharp design.', + 'category': 'Theme/Corporate', + 'version':'1.0', + 'author':'Odoo S.A.', + 'data': [ + 'views/assets.xml', + 'views/customize_modal.xml', + 'views/snippets.xml', + 'views/options.xml', + 'views/images_library.xml' + ], + 'demo': [ + 'demo/demo-data.xml', + 'demo/welcome.xml', + 'demo/style.xml', + 'demo/feat.xml', + 'demo/blocks.xml' + ], + 'images': [ + 'static/description/graphene_poster.jpg', + ], + 'depends': ['theme_common', 'snippet_google_map', 'website_animate', 'snippet_latest_posts'], + 'price': 199, + 'currency': 'EUR', + 'live_test_url': 'https://theme-graphene.odoo.com' +} diff --git a/theme_graphene/demo/blocks.xml b/theme_graphene/demo/blocks.xml new file mode 100644 index 000000000..960e7cbf2 --- /dev/null +++ b/theme_graphene/demo/blocks.xml @@ -0,0 +1,338 @@ + + + + + + + + + + + + + Building Blocks + /page/blocks + + 12 + + + + \ No newline at end of file diff --git a/theme_graphene/demo/demo-data.xml b/theme_graphene/demo/demo-data.xml new file mode 100644 index 000000000..44b75a01a --- /dev/null +++ b/theme_graphene/demo/demo-data.xml @@ -0,0 +1,105 @@ + + + + + + /theme_graphene/static/src/img/theme_samples/radius.jpg + + + + /theme_graphene/static/src/img/theme_samples/bridge.jpg + + + + Organize a meeting + Are your meetings useful and productive? + + + + /theme_graphene/static/src/img/theme_samples/design.jpg + + +
    + +
    +
    +

    + New Features Launched +

    +

    + To add to an already comprehensive set of Odoo + features, a website content management system (CMS + or WMS) has been developed and a beta release is + available from today, 31st January 2014. +

    +
    + +
    +

    + Odoo claims to be 'the Open Source software that makes + building your company's website and selling your products + online easy'. So how true is this statement? +

    + "Odoo's latest launch will allow a business to go from + zero to trading online quicker than ever before,” Stuart + Mackintosh, MD of Open Source specialist and Odoo + integration partner, OpusVL, explains. “The investment + required to have a fully automated business system is + dramatically reduced, enabling the small and medium + enterprise to compete at a level of functionality and + performance previously reserved for the big IT investors." +

    +
    +

    + "Finally, the leading edge is being brought to the masses. + It will now be the turn of the big players to catch up to + the superior technologies of the SME." +

    +
    +

    + "This is another clever and highly disruptive move by + Odoo,which will force other technology providers to + take another look at the value they are providing to ensure + that their 'solutions' can still compete." +

    + "Odoo now competes on many fronts, with no real + competition out there to knock them off the top spot. + With the launch of their integrated CMS and Ecommerce + systems,it only elevates their position as one of the leading + lights in the open source revolution. It will be at least 5 + years before another ERP or CMS provider will be able to + compete at this level due to the technology currently + employed by most industry providers." +

    +

    Adding to industry leading technology

    +

    + Like many modern website editors, with Odoo you can edit + content in-line, enabling you to see exactly what you are + changing and ensure your changes suit the context. +

    + However, unlike other web content management systems, it + fully integrates into the back-end database. This means + that when you edit a product description, image or price, + it updates the product database in real time, providing a + true self-service window into the business. +

    + This provides a single source of data for your company and + removes the need to create offline synchronisation between + website and product database. +

    + As it comes, there is a default website based on Bootstrap + 3, the latest industry standard for rapid development of + multi-device websites backed by Twitter, so can be directly + integrated with many web tools and works across all devices + by default. +

    +
    +]]> +     +     + + + + +     +     \ No newline at end of file diff --git a/theme_graphene/demo/feat.xml b/theme_graphene/demo/feat.xml new file mode 100644 index 000000000..12deba340 --- /dev/null +++ b/theme_graphene/demo/feat.xml @@ -0,0 +1,75 @@ + + + + + + + + + + + + + Features + /page/feat + + 13 + + + + \ No newline at end of file diff --git a/theme_graphene/demo/style.xml b/theme_graphene/demo/style.xml new file mode 100644 index 000000000..4bed1accc --- /dev/null +++ b/theme_graphene/demo/style.xml @@ -0,0 +1,135 @@ + + + + + + + + + + + + Style + /page/style + + 11 + + + + \ No newline at end of file diff --git a/theme_graphene/demo/welcome.xml b/theme_graphene/demo/welcome.xml new file mode 100644 index 000000000..c9c85794e --- /dev/null +++ b/theme_graphene/demo/welcome.xml @@ -0,0 +1,163 @@ + + + + + + + + + + + + + Welcome + /page/welcome + + + + + \ No newline at end of file diff --git a/theme_graphene/doc/index.rst b/theme_graphene/doc/index.rst new file mode 100644 index 000000000..9f4dd865e --- /dev/null +++ b/theme_graphene/doc/index.rst @@ -0,0 +1,34 @@ +You need to install the *Less CSS* compiler to run this theme + +* on Linux, use your distribution's package manager to install nodejs and npm. + * In debian wheezy and Ubuntu 13.10 and before you need to install nodejs manually: + + .. code-block:: console + + $ wget -qO- https://deb.nodesource.com/setup | bash - + $ apt-get install -y nodejs + + * In later debian (>jessie) and ubuntu (>14.04) you may need to add a symlink as npm packages call ``node`` but debian calls the binary ``nodejs`` + + .. code-block:: console + + $ apt-get install -y npm + $ sudo ln -s /usr/bin/nodejs /usr/bin/node + + * Once npm is installed, use it to install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on OS X, install nodejs via your preferred package manager (`homebrew `_, `macports `_) then install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on Windows, `install nodejs `_, reboot (to update the `PATH`) and install less and less-plugin-clean-css: + + .. code-block:: ps1 + + C:\> npm install -g less less-plugin-clean-css diff --git a/theme_graphene/static/description/CSS3.png b/theme_graphene/static/description/CSS3.png new file mode 100644 index 000000000..ca9c0599b Binary files /dev/null and b/theme_graphene/static/description/CSS3.png differ diff --git a/theme_graphene/static/description/HTML5.png b/theme_graphene/static/description/HTML5.png new file mode 100644 index 000000000..7c6e3e224 Binary files /dev/null and b/theme_graphene/static/description/HTML5.png differ diff --git a/theme_graphene/static/description/contributors/applicatour.jpg b/theme_graphene/static/description/contributors/applicatour.jpg new file mode 100644 index 000000000..977d9052f Binary files /dev/null and b/theme_graphene/static/description/contributors/applicatour.jpg differ diff --git a/theme_graphene/static/description/contributors/aselcis.jpg b/theme_graphene/static/description/contributors/aselcis.jpg new file mode 100644 index 000000000..9fbc0f3c1 Binary files /dev/null and b/theme_graphene/static/description/contributors/aselcis.jpg differ diff --git a/theme_graphene/static/description/contributors/bas-solutions.png b/theme_graphene/static/description/contributors/bas-solutions.png new file mode 100644 index 000000000..c64c5359a Binary files /dev/null and b/theme_graphene/static/description/contributors/bas-solutions.png differ diff --git a/theme_graphene/static/description/contributors/bloopark.png b/theme_graphene/static/description/contributors/bloopark.png new file mode 100644 index 000000000..4ce0327d8 Binary files /dev/null and b/theme_graphene/static/description/contributors/bloopark.png differ diff --git a/theme_graphene/static/description/contributors/brouwland.jpg b/theme_graphene/static/description/contributors/brouwland.jpg new file mode 100644 index 000000000..8fe4a1441 Binary files /dev/null and b/theme_graphene/static/description/contributors/brouwland.jpg differ diff --git a/theme_graphene/static/description/contributors/catsdogs.png b/theme_graphene/static/description/contributors/catsdogs.png new file mode 100644 index 000000000..f4d03e63d Binary files /dev/null and b/theme_graphene/static/description/contributors/catsdogs.png differ diff --git a/theme_graphene/static/description/contributors/dialognet.png b/theme_graphene/static/description/contributors/dialognet.png new file mode 100644 index 000000000..831a1a9c3 Binary files /dev/null and b/theme_graphene/static/description/contributors/dialognet.png differ diff --git a/theme_graphene/static/description/contributors/dynapps.jpg b/theme_graphene/static/description/contributors/dynapps.jpg new file mode 100644 index 000000000..5854230c4 Binary files /dev/null and b/theme_graphene/static/description/contributors/dynapps.jpg differ diff --git a/theme_graphene/static/description/contributors/huckemedia.png b/theme_graphene/static/description/contributors/huckemedia.png new file mode 100644 index 000000000..2106c34b0 Binary files /dev/null and b/theme_graphene/static/description/contributors/huckemedia.png differ diff --git a/theme_graphene/static/description/contributors/opusvl.png b/theme_graphene/static/description/contributors/opusvl.png new file mode 100644 index 000000000..f1f25f120 Binary files /dev/null and b/theme_graphene/static/description/contributors/opusvl.png differ diff --git a/theme_graphene/static/description/contributors/oxen.jpg b/theme_graphene/static/description/contributors/oxen.jpg new file mode 100644 index 000000000..0cb41eb9f Binary files /dev/null and b/theme_graphene/static/description/contributors/oxen.jpg differ diff --git a/theme_graphene/static/description/contributors/simplitco.jpg b/theme_graphene/static/description/contributors/simplitco.jpg new file mode 100644 index 000000000..152bbf277 Binary files /dev/null and b/theme_graphene/static/description/contributors/simplitco.jpg differ diff --git a/theme_graphene/static/description/contributors/sodexis.jpg b/theme_graphene/static/description/contributors/sodexis.jpg new file mode 100644 index 000000000..12f1d8ecd Binary files /dev/null and b/theme_graphene/static/description/contributors/sodexis.jpg differ diff --git a/theme_graphene/static/description/contributors/tech-receptives.png b/theme_graphene/static/description/contributors/tech-receptives.png new file mode 100644 index 000000000..c441f44db Binary files /dev/null and b/theme_graphene/static/description/contributors/tech-receptives.png differ diff --git a/theme_graphene/static/description/contributors/vauxoo.png b/theme_graphene/static/description/contributors/vauxoo.png new file mode 100644 index 000000000..7e83d3148 Binary files /dev/null and b/theme_graphene/static/description/contributors/vauxoo.png differ diff --git a/theme_graphene/static/description/graphene_poster.jpg b/theme_graphene/static/description/graphene_poster.jpg new file mode 100644 index 000000000..c9a3d5df8 Binary files /dev/null and b/theme_graphene/static/description/graphene_poster.jpg differ diff --git a/theme_graphene/static/description/icon.png b/theme_graphene/static/description/icon.png new file mode 100644 index 000000000..6ec24bad6 Binary files /dev/null and b/theme_graphene/static/description/icon.png differ diff --git a/theme_graphene/static/description/index.html b/theme_graphene/static/description/index.html new file mode 100644 index 000000000..5680bc809 --- /dev/null +++ b/theme_graphene/static/description/index.html @@ -0,0 +1,307 @@ + +
    +
    + + +

    Graphene is a professional responsive HTML5 theme that puts the
    full power of all Odoo's technologies at your fingertips

    + We open up everything to you.

    + +
    + +
    +
    + +

    Fully-equipped

    +

    HTML5 videos, pure CSS3 Animation, Retina images support... Everyting is out of the box.

    +
    + +
    + +

    Flexible

    +

    Limitless combination. Use the provided styles or start from scratch, Graphene will take care of everything

    +
    + +
    + +

    Mobile friendly

    +

    Media queries are managed for you. Graphene work beautifully on desktop and mobile devices.

    +
    + +
    + +

    Cross-browser

    +

    Works on all modern browsers and degrades gracefully on the old ones.

    +
    +
    + + + +
    +

    Main Features

    + +
    + + + +
    + + + +
    + + + +
    + + + +
    + +
    +

    Main options

    + +

    Graphene comes several customization tools, so you can have ultimate control over your designs without write one line of code.

    +
    + +
    +
    +

    Comprehensive layout options

    + +
    + + +
    +

    Colors that work together

    + +
    + +
    +

    Simple perfect fonts combinations

    + +
    + +
    + +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    + + + +
    +

    Powerful snippets

    +

    Graphene comes several customization tools, so you can have ultimate control over your designs without write one line of code.

    +
    + + + + + +
    + + +

    Some fonts might not work with extended charsets.

    +

    The images in the theme are copyrighted and can't be used outside of the odoo.com domain.

    + +
    + + +
    +

    Contributors list

    +

    This theme has been created with the help of our user community.

    +
    + + +

    CONTRIBUTORS LIST

    +
    +

    This theme has benn created with the help of our user community.

    +

    Thanks to our backers, the Indiegogo campaign was a success!

    +

    https://www.indiegogo.com/projects/bootstrap-themes-for-odoo-cms/

    +
    + +
    +

    Main Sponsor

    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + Ross Whiting, Oxenworkwear - Hans Balis - Stephan Keller, Sodexis, Inc. - Michael Hucke, Hucke Media GmbH & Co. KG - Joachim Grubelnik, DaDi EDV GmbH​ datadialog.net - DynApps - Cats&Dogs bvba - Bloopark systems GmbH & Co. KG - Parthiv Patel, Tech Receptives Solutions Pvt. Ltd. - Stuart Mackintosh, OpusVL - Erwin van der Ploeg, BAS Solutions - ali Zuaby, simplit co - Aselcis Consulting - Nhomar Hernandez, Vauxoo + + +

    Sponsor

    + + Robert Baumgartner, datenpol gmbh - openBIG - Russell Phillippe, Protogenos Ltd - Julien Allo, Julius - EasyPME - Jonathan Wilson, WillowIT Pty Ltd - Xavier Mallein, MAallein - Pedro M. Baeza, Serv. Tecnol. Avanzados - Daniel Dico, OERP Canada - Jantz Business Group b.v. - LogicaSoft Consulting - Eric Caudal, Elico Corp - Ermin Trevisan, Twanda - Jean-François Mattler, OpenFid SAS - Alex Ferrer, Lannex IT Solutions - Tony Gu, Shine IT Co. Ltd. 先安科技 - TaPo-IT OG - Jos De Graeve, Apertoso - Nicolas Rigo, eezee-it - Luis Miguel Varón E, Colorisa S.A - OpenBias - Stanislas Drouin Applicatour + + +

    Power Designer

    + + Rohit Thakral - François Dhommeaux, Ubic Informatique - Judson Alves, Market Home Delivery - Eric Flaux, ABF Osiell - Gilles Dupont - Arnis Putniņš - Johnson Martt, GetOpenERP (Part of OpenStow Technologies) - Gianluca Milano - Daniel Stolovich, ATEL S.A. - Equitania Software GmbH - Senthilnathan G - Houssine Bakkali - Arend Trip - Kevin Woolf, Baba Kevin's American Barbecue Co., Ltd. - toodoo sàrl - Zoltan Gabor 'Apersis' - Tom De Decker, WEB2GO LTD - Nicolás Cavalier Montenegro, STOREGUD CORPORATION SAC - Keirse Jerome - REAL Solutions S.A. - Davide Corio - Brice Muangkhot - Melvin Miguel Martinez, Mendoza Hernandez - Auditores - Chua Wen Ching - Tran Minh Tri working, ungdungtinhoc.com - Badisheng Morena - Sogexis - Josh Wardini - The Tee Shirt Bakery - Bruce Letterle, Red Lab Media - Benoit Vankoningsloo - Francisco Manuel Garcia Claramonte. - Paulina Mikolajczak-Blasco - Collectiv - Tony Fernando - Herbert Riener, rigaConcepts - Kalmen Chia, E-Global SCM Solution Sdn Bhd - Rob North, Pair A Dice Games - David E. Vargas, CloudShop - François Le Gal - Calin Chete (24h Solutions) - Maria Gabriela Fong, MAGA Systems & Consulting - Pascal Behr, Cytosurge AG - Marc Antwertinger - Opencloud Unipessoal, Lda - Ruchir Shukla, BizzAppDev - Michael Hucke, Hucke Media GmbH & Co. KG - Mathias Neef, copadoMEDIA UG - Pablo Arias - Same Motion - livingprocess.de - Habib Ayob - Igor Jovanovic - Liangming Wang, Weixuan Inc. - Jason Au Yeung, Binary System Limited - Fredrik Arvas, Arvas International AB - Martin Temmink, Zigaret - Mathieu Vanneste, Flockdesign - Filip Fruru, Instant Media - Marianne Wilmsmeier, Fabrik Fünf GmbH - Vertex Group Enterprises - Bingen Eguzkitza - Herczeg Péter, InnOpen Group Kft - Giles Hohnen - Luis Felipe Miléo, KMEE - Maria Gabriela Fong, MAGA Systems & Consulting - Aaron Magon, Web Industries - Andrew Trueman, B.M. Trueman & Partners - Sven Petersen, Conexus - Nous Cambas - Oliver Yuan, OpenStone - Henri Ibowili, A-YANT.COM - Nicolas JEUDY - Helmut Drewes - Maik Steinfeld, Streward - Hans Henrik Gabelgaard - AJ Rosman - Eduard - Patrick Darribet, SUDOKEYS - Camptocamp - Cyril Morisse - Alejandro Santana - Eva Pinter, YBO - Mathias Neef, copadoMEDIA UG - Jean-Christophe Perrot, LOGICASOFT - Zarshed Ali, HiTechnologia - Stefan Reisich - Maxime Chambreuil, Savoir-faire Linux - Mario Gielissen, Openworx - Nicholas Burdic, Aptoworks LLC - Olivier Lenoir + +
    +
    + + diff --git a/theme_graphene/static/description/less.png b/theme_graphene/static/description/less.png new file mode 100644 index 000000000..dff67658c Binary files /dev/null and b/theme_graphene/static/description/less.png differ diff --git a/theme_graphene/static/description/main_logo.png b/theme_graphene/static/description/main_logo.png new file mode 100644 index 000000000..d10fd9fdc Binary files /dev/null and b/theme_graphene/static/description/main_logo.png differ diff --git a/theme_graphene/static/description/media/anima_editor.png b/theme_graphene/static/description/media/anima_editor.png new file mode 100644 index 000000000..3eff76182 Binary files /dev/null and b/theme_graphene/static/description/media/anima_editor.png differ diff --git a/theme_graphene/static/description/media/anima_editor700.png b/theme_graphene/static/description/media/anima_editor700.png new file mode 100644 index 000000000..455f493ba Binary files /dev/null and b/theme_graphene/static/description/media/anima_editor700.png differ diff --git a/theme_graphene/static/description/media/browsers.jpg b/theme_graphene/static/description/media/browsers.jpg new file mode 100644 index 000000000..9696f4e05 Binary files /dev/null and b/theme_graphene/static/description/media/browsers.jpg differ diff --git a/theme_graphene/static/description/media/cross.jpg b/theme_graphene/static/description/media/cross.jpg new file mode 100644 index 000000000..8164bce32 Binary files /dev/null and b/theme_graphene/static/description/media/cross.jpg differ diff --git a/theme_graphene/static/description/media/custom.jpg b/theme_graphene/static/description/media/custom.jpg new file mode 100644 index 000000000..258f3c2dc Binary files /dev/null and b/theme_graphene/static/description/media/custom.jpg differ diff --git a/theme_graphene/static/description/media/flexible.jpg b/theme_graphene/static/description/media/flexible.jpg new file mode 100644 index 000000000..1fbb6faf0 Binary files /dev/null and b/theme_graphene/static/description/media/flexible.jpg differ diff --git a/theme_graphene/static/description/media/fonts.jpg b/theme_graphene/static/description/media/fonts.jpg new file mode 100644 index 000000000..aaf706d94 Binary files /dev/null and b/theme_graphene/static/description/media/fonts.jpg differ diff --git a/theme_graphene/static/description/media/gift.jpg b/theme_graphene/static/description/media/gift.jpg new file mode 100644 index 000000000..5190de8d3 Binary files /dev/null and b/theme_graphene/static/description/media/gift.jpg differ diff --git a/theme_graphene/static/description/media/latest_posts.jpg b/theme_graphene/static/description/media/latest_posts.jpg new file mode 100644 index 000000000..a1f8c8a01 Binary files /dev/null and b/theme_graphene/static/description/media/latest_posts.jpg differ diff --git a/theme_graphene/static/description/media/layout.jpg b/theme_graphene/static/description/media/layout.jpg new file mode 100644 index 000000000..1b11c5d19 Binary files /dev/null and b/theme_graphene/static/description/media/layout.jpg differ diff --git a/theme_graphene/static/description/media/maps.jpg b/theme_graphene/static/description/media/maps.jpg new file mode 100644 index 000000000..9390cfa3c Binary files /dev/null and b/theme_graphene/static/description/media/maps.jpg differ diff --git a/theme_graphene/static/description/media/mobile.jpg b/theme_graphene/static/description/media/mobile.jpg new file mode 100644 index 000000000..c330c78d8 Binary files /dev/null and b/theme_graphene/static/description/media/mobile.jpg differ diff --git a/theme_graphene/static/description/media/move_top.jpg b/theme_graphene/static/description/media/move_top.jpg new file mode 100644 index 000000000..91a8ba9d9 Binary files /dev/null and b/theme_graphene/static/description/media/move_top.jpg differ diff --git a/theme_graphene/static/description/media/palette.jpg b/theme_graphene/static/description/media/palette.jpg new file mode 100644 index 000000000..04690347e Binary files /dev/null and b/theme_graphene/static/description/media/palette.jpg differ diff --git a/theme_graphene/static/description/media/typo.jpg b/theme_graphene/static/description/media/typo.jpg new file mode 100644 index 000000000..161e8743b Binary files /dev/null and b/theme_graphene/static/description/media/typo.jpg differ diff --git a/theme_graphene/static/description/media/video.jpg b/theme_graphene/static/description/media/video.jpg new file mode 100644 index 000000000..5c368714c Binary files /dev/null and b/theme_graphene/static/description/media/video.jpg differ diff --git a/theme_graphene/static/src/fonts/et-line/et-line.ttf b/theme_graphene/static/src/fonts/et-line/et-line.ttf new file mode 100644 index 000000000..9e3fc39f3 Binary files /dev/null and b/theme_graphene/static/src/fonts/et-line/et-line.ttf differ diff --git a/theme_graphene/static/src/img/guide/iframe.png b/theme_graphene/static/src/img/guide/iframe.png new file mode 100644 index 000000000..c1c7c6714 Binary files /dev/null and b/theme_graphene/static/src/img/guide/iframe.png differ diff --git a/theme_graphene/static/src/img/guide/share.png b/theme_graphene/static/src/img/guide/share.png new file mode 100644 index 000000000..6b8e05748 Binary files /dev/null and b/theme_graphene/static/src/img/guide/share.png differ diff --git a/theme_graphene/static/src/img/patterns/2x_bg_pattern_01.jpg b/theme_graphene/static/src/img/patterns/2x_bg_pattern_01.jpg new file mode 100644 index 000000000..ec60582df Binary files /dev/null and b/theme_graphene/static/src/img/patterns/2x_bg_pattern_01.jpg differ diff --git a/theme_graphene/static/src/img/patterns/2x_bg_pattern_02.jpg b/theme_graphene/static/src/img/patterns/2x_bg_pattern_02.jpg new file mode 100644 index 000000000..d48cb15b0 Binary files /dev/null and b/theme_graphene/static/src/img/patterns/2x_bg_pattern_02.jpg differ diff --git a/theme_graphene/static/src/img/patterns/2x_bg_pattern_03.jpg b/theme_graphene/static/src/img/patterns/2x_bg_pattern_03.jpg new file mode 100644 index 000000000..07b22ca83 Binary files /dev/null and b/theme_graphene/static/src/img/patterns/2x_bg_pattern_03.jpg differ diff --git a/theme_graphene/static/src/img/patterns/2x_bg_pattern_04.jpg b/theme_graphene/static/src/img/patterns/2x_bg_pattern_04.jpg new file mode 100644 index 000000000..20184434e Binary files /dev/null and b/theme_graphene/static/src/img/patterns/2x_bg_pattern_04.jpg differ diff --git a/theme_graphene/static/src/img/patterns/2x_bg_pattern_05.jpg b/theme_graphene/static/src/img/patterns/2x_bg_pattern_05.jpg new file mode 100644 index 000000000..fdae274ff Binary files /dev/null and b/theme_graphene/static/src/img/patterns/2x_bg_pattern_05.jpg differ diff --git a/theme_graphene/static/src/img/patterns/2x_bg_pattern_06.jpg b/theme_graphene/static/src/img/patterns/2x_bg_pattern_06.jpg new file mode 100644 index 000000000..db7d488b3 Binary files /dev/null and b/theme_graphene/static/src/img/patterns/2x_bg_pattern_06.jpg differ diff --git a/theme_graphene/static/src/img/patterns/bg_pattern_01.jpg b/theme_graphene/static/src/img/patterns/bg_pattern_01.jpg new file mode 100644 index 000000000..f60e180de Binary files /dev/null and b/theme_graphene/static/src/img/patterns/bg_pattern_01.jpg differ diff --git a/theme_graphene/static/src/img/patterns/bg_pattern_02.jpg b/theme_graphene/static/src/img/patterns/bg_pattern_02.jpg new file mode 100644 index 000000000..d56fb8665 Binary files /dev/null and b/theme_graphene/static/src/img/patterns/bg_pattern_02.jpg differ diff --git a/theme_graphene/static/src/img/patterns/bg_pattern_03.jpg b/theme_graphene/static/src/img/patterns/bg_pattern_03.jpg new file mode 100644 index 000000000..ec7a31c99 Binary files /dev/null and b/theme_graphene/static/src/img/patterns/bg_pattern_03.jpg differ diff --git a/theme_graphene/static/src/img/patterns/bg_pattern_04.jpg b/theme_graphene/static/src/img/patterns/bg_pattern_04.jpg new file mode 100644 index 000000000..b117c8967 Binary files /dev/null and b/theme_graphene/static/src/img/patterns/bg_pattern_04.jpg differ diff --git a/theme_graphene/static/src/img/patterns/bg_pattern_05.jpg b/theme_graphene/static/src/img/patterns/bg_pattern_05.jpg new file mode 100644 index 000000000..c00d1a3ec Binary files /dev/null and b/theme_graphene/static/src/img/patterns/bg_pattern_05.jpg differ diff --git a/theme_graphene/static/src/img/patterns/bg_pattern_06.jpg b/theme_graphene/static/src/img/patterns/bg_pattern_06.jpg new file mode 100644 index 000000000..e225652f9 Binary files /dev/null and b/theme_graphene/static/src/img/patterns/bg_pattern_06.jpg differ diff --git a/theme_graphene/static/src/img/pictures/2x_bg_image_01.jpg b/theme_graphene/static/src/img/pictures/2x_bg_image_01.jpg new file mode 100644 index 000000000..8f7bcb929 Binary files /dev/null and b/theme_graphene/static/src/img/pictures/2x_bg_image_01.jpg differ diff --git a/theme_graphene/static/src/img/pictures/2x_bg_image_02.jpg b/theme_graphene/static/src/img/pictures/2x_bg_image_02.jpg new file mode 100644 index 000000000..34cfafdca Binary files /dev/null and b/theme_graphene/static/src/img/pictures/2x_bg_image_02.jpg differ diff --git a/theme_graphene/static/src/img/pictures/2x_bg_image_03.jpg b/theme_graphene/static/src/img/pictures/2x_bg_image_03.jpg new file mode 100644 index 000000000..78694725e Binary files /dev/null and b/theme_graphene/static/src/img/pictures/2x_bg_image_03.jpg differ diff --git a/theme_graphene/static/src/img/pictures/2x_bg_image_04.jpg b/theme_graphene/static/src/img/pictures/2x_bg_image_04.jpg new file mode 100644 index 000000000..e42e8db8d Binary files /dev/null and b/theme_graphene/static/src/img/pictures/2x_bg_image_04.jpg differ diff --git a/theme_graphene/static/src/img/pictures/2x_bg_image_05.jpg b/theme_graphene/static/src/img/pictures/2x_bg_image_05.jpg new file mode 100644 index 000000000..6f0fa2a09 Binary files /dev/null and b/theme_graphene/static/src/img/pictures/2x_bg_image_05.jpg differ diff --git a/theme_graphene/static/src/img/pictures/2x_bg_image_06.jpg b/theme_graphene/static/src/img/pictures/2x_bg_image_06.jpg new file mode 100644 index 000000000..584ff477d Binary files /dev/null and b/theme_graphene/static/src/img/pictures/2x_bg_image_06.jpg differ diff --git a/theme_graphene/static/src/img/pictures/2x_bg_image_07.jpg b/theme_graphene/static/src/img/pictures/2x_bg_image_07.jpg new file mode 100644 index 000000000..938e1fa5f Binary files /dev/null and b/theme_graphene/static/src/img/pictures/2x_bg_image_07.jpg differ diff --git a/theme_graphene/static/src/img/pictures/2x_bg_image_08.jpg b/theme_graphene/static/src/img/pictures/2x_bg_image_08.jpg new file mode 100644 index 000000000..690d7a018 Binary files /dev/null and b/theme_graphene/static/src/img/pictures/2x_bg_image_08.jpg differ diff --git a/theme_graphene/static/src/img/pictures/2x_bg_image_09.jpg b/theme_graphene/static/src/img/pictures/2x_bg_image_09.jpg new file mode 100644 index 000000000..e5790f15a Binary files /dev/null and b/theme_graphene/static/src/img/pictures/2x_bg_image_09.jpg differ diff --git a/theme_graphene/static/src/img/pictures/2x_bg_image_10.jpg b/theme_graphene/static/src/img/pictures/2x_bg_image_10.jpg new file mode 100644 index 000000000..6648a21ff Binary files /dev/null and b/theme_graphene/static/src/img/pictures/2x_bg_image_10.jpg differ diff --git a/theme_graphene/static/src/img/pictures/bg_image_01.jpg b/theme_graphene/static/src/img/pictures/bg_image_01.jpg new file mode 100644 index 000000000..0641de271 Binary files /dev/null and b/theme_graphene/static/src/img/pictures/bg_image_01.jpg differ diff --git a/theme_graphene/static/src/img/pictures/bg_image_02.jpg b/theme_graphene/static/src/img/pictures/bg_image_02.jpg new file mode 100644 index 000000000..a1f0f773f Binary files /dev/null and b/theme_graphene/static/src/img/pictures/bg_image_02.jpg differ diff --git a/theme_graphene/static/src/img/pictures/bg_image_03.jpg b/theme_graphene/static/src/img/pictures/bg_image_03.jpg new file mode 100644 index 000000000..68d469a5f Binary files /dev/null and b/theme_graphene/static/src/img/pictures/bg_image_03.jpg differ diff --git a/theme_graphene/static/src/img/pictures/bg_image_04.jpg b/theme_graphene/static/src/img/pictures/bg_image_04.jpg new file mode 100644 index 000000000..61aa02cbf Binary files /dev/null and b/theme_graphene/static/src/img/pictures/bg_image_04.jpg differ diff --git a/theme_graphene/static/src/img/pictures/bg_image_05.jpg b/theme_graphene/static/src/img/pictures/bg_image_05.jpg new file mode 100644 index 000000000..490d1ea1f Binary files /dev/null and b/theme_graphene/static/src/img/pictures/bg_image_05.jpg differ diff --git a/theme_graphene/static/src/img/pictures/bg_image_06.jpg b/theme_graphene/static/src/img/pictures/bg_image_06.jpg new file mode 100644 index 000000000..afb7d1edc Binary files /dev/null and b/theme_graphene/static/src/img/pictures/bg_image_06.jpg differ diff --git a/theme_graphene/static/src/img/pictures/bg_image_07.jpg b/theme_graphene/static/src/img/pictures/bg_image_07.jpg new file mode 100644 index 000000000..b375557c8 Binary files /dev/null and b/theme_graphene/static/src/img/pictures/bg_image_07.jpg differ diff --git a/theme_graphene/static/src/img/pictures/bg_image_08.jpg b/theme_graphene/static/src/img/pictures/bg_image_08.jpg new file mode 100644 index 000000000..4ff18262f Binary files /dev/null and b/theme_graphene/static/src/img/pictures/bg_image_08.jpg differ diff --git a/theme_graphene/static/src/img/pictures/bg_image_09.jpg b/theme_graphene/static/src/img/pictures/bg_image_09.jpg new file mode 100644 index 000000000..48e430b3b Binary files /dev/null and b/theme_graphene/static/src/img/pictures/bg_image_09.jpg differ diff --git a/theme_graphene/static/src/img/pictures/bg_image_10.jpg b/theme_graphene/static/src/img/pictures/bg_image_10.jpg new file mode 100644 index 000000000..913afeb42 Binary files /dev/null and b/theme_graphene/static/src/img/pictures/bg_image_10.jpg differ diff --git a/theme_graphene/static/src/img/theme_samples/CSS3.png b/theme_graphene/static/src/img/theme_samples/CSS3.png new file mode 100644 index 000000000..ca9c0599b Binary files /dev/null and b/theme_graphene/static/src/img/theme_samples/CSS3.png differ diff --git a/theme_graphene/static/src/img/theme_samples/HTML5.png b/theme_graphene/static/src/img/theme_samples/HTML5.png new file mode 100644 index 000000000..7c6e3e224 Binary files /dev/null and b/theme_graphene/static/src/img/theme_samples/HTML5.png differ diff --git a/theme_graphene/static/src/img/theme_samples/bridge.jpg b/theme_graphene/static/src/img/theme_samples/bridge.jpg new file mode 100644 index 000000000..a4f80656d Binary files /dev/null and b/theme_graphene/static/src/img/theme_samples/bridge.jpg differ diff --git a/theme_graphene/static/src/img/theme_samples/browser_right.png b/theme_graphene/static/src/img/theme_samples/browser_right.png new file mode 100644 index 000000000..5489c1496 Binary files /dev/null and b/theme_graphene/static/src/img/theme_samples/browser_right.png differ diff --git a/theme_graphene/static/src/img/theme_samples/design.jpg b/theme_graphene/static/src/img/theme_samples/design.jpg new file mode 100644 index 000000000..a87c28fb5 Binary files /dev/null and b/theme_graphene/static/src/img/theme_samples/design.jpg differ diff --git a/theme_graphene/static/src/img/theme_samples/image_content_logo.png b/theme_graphene/static/src/img/theme_samples/image_content_logo.png new file mode 100644 index 000000000..09e6c6565 Binary files /dev/null and b/theme_graphene/static/src/img/theme_samples/image_content_logo.png differ diff --git a/theme_graphene/static/src/img/theme_samples/image_content_logo_black.png b/theme_graphene/static/src/img/theme_samples/image_content_logo_black.png new file mode 100644 index 000000000..678fe674d Binary files /dev/null and b/theme_graphene/static/src/img/theme_samples/image_content_logo_black.png differ diff --git a/theme_graphene/static/src/img/theme_samples/less.png b/theme_graphene/static/src/img/theme_samples/less.png new file mode 100644 index 000000000..dff67658c Binary files /dev/null and b/theme_graphene/static/src/img/theme_samples/less.png differ diff --git a/theme_graphene/static/src/img/theme_samples/radius.jpg b/theme_graphene/static/src/img/theme_samples/radius.jpg new file mode 100644 index 000000000..47ef40f7f Binary files /dev/null and b/theme_graphene/static/src/img/theme_samples/radius.jpg differ diff --git a/theme_graphene/static/src/img/theme_samples/ui1.jpg b/theme_graphene/static/src/img/theme_samples/ui1.jpg new file mode 100644 index 000000000..29d695316 Binary files /dev/null and b/theme_graphene/static/src/img/theme_samples/ui1.jpg differ diff --git a/theme_graphene/static/src/img/theme_samples/ui2.jpg b/theme_graphene/static/src/img/theme_samples/ui2.jpg new file mode 100644 index 000000000..e9e1e6386 Binary files /dev/null and b/theme_graphene/static/src/img/theme_samples/ui2.jpg differ diff --git a/theme_graphene/static/src/img/theme_samples/ui3.jpg b/theme_graphene/static/src/img/theme_samples/ui3.jpg new file mode 100644 index 000000000..91bdfb95e Binary files /dev/null and b/theme_graphene/static/src/img/theme_samples/ui3.jpg differ diff --git a/theme_graphene/static/src/img/theme_samples/ui4.jpg b/theme_graphene/static/src/img/theme_samples/ui4.jpg new file mode 100644 index 000000000..0223e8579 Binary files /dev/null and b/theme_graphene/static/src/img/theme_samples/ui4.jpg differ diff --git a/theme_graphene/static/src/img/theme_samples/ui5.jpg b/theme_graphene/static/src/img/theme_samples/ui5.jpg new file mode 100644 index 000000000..85d9510de Binary files /dev/null and b/theme_graphene/static/src/img/theme_samples/ui5.jpg differ diff --git a/theme_graphene/static/src/img/theme_samples/ui6.jpg b/theme_graphene/static/src/img/theme_samples/ui6.jpg new file mode 100644 index 000000000..0da5cff96 Binary files /dev/null and b/theme_graphene/static/src/img/theme_samples/ui6.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/bg_image_01.jpg b/theme_graphene/static/src/img/thumbs/bg_image_01.jpg new file mode 100644 index 000000000..3f65c3f6c Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/bg_image_01.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/bg_image_02.jpg b/theme_graphene/static/src/img/thumbs/bg_image_02.jpg new file mode 100644 index 000000000..d5948f943 Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/bg_image_02.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/bg_image_03.jpg b/theme_graphene/static/src/img/thumbs/bg_image_03.jpg new file mode 100644 index 000000000..5644fa303 Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/bg_image_03.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/bg_image_04.jpg b/theme_graphene/static/src/img/thumbs/bg_image_04.jpg new file mode 100644 index 000000000..fbf16d702 Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/bg_image_04.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/bg_image_05.jpg b/theme_graphene/static/src/img/thumbs/bg_image_05.jpg new file mode 100644 index 000000000..c96f63cd6 Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/bg_image_05.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/bg_image_06.jpg b/theme_graphene/static/src/img/thumbs/bg_image_06.jpg new file mode 100644 index 000000000..1a24a6b06 Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/bg_image_06.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/bg_image_07.jpg b/theme_graphene/static/src/img/thumbs/bg_image_07.jpg new file mode 100644 index 000000000..4b70dfe8b Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/bg_image_07.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/bg_image_08.jpg b/theme_graphene/static/src/img/thumbs/bg_image_08.jpg new file mode 100644 index 000000000..a69aef1c7 Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/bg_image_08.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/bg_image_09.jpg b/theme_graphene/static/src/img/thumbs/bg_image_09.jpg new file mode 100644 index 000000000..e6f22132f Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/bg_image_09.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/bg_image_10.jpg b/theme_graphene/static/src/img/thumbs/bg_image_10.jpg new file mode 100644 index 000000000..60f49b1c4 Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/bg_image_10.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/bg_pattern_01.jpg b/theme_graphene/static/src/img/thumbs/bg_pattern_01.jpg new file mode 100644 index 000000000..6830be0ae Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/bg_pattern_01.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/bg_pattern_02.jpg b/theme_graphene/static/src/img/thumbs/bg_pattern_02.jpg new file mode 100644 index 000000000..98317313c Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/bg_pattern_02.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/bg_pattern_03.jpg b/theme_graphene/static/src/img/thumbs/bg_pattern_03.jpg new file mode 100644 index 000000000..f39b3e5b4 Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/bg_pattern_03.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/bg_pattern_04.jpg b/theme_graphene/static/src/img/thumbs/bg_pattern_04.jpg new file mode 100644 index 000000000..6f105f36f Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/bg_pattern_04.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/bg_pattern_05.jpg b/theme_graphene/static/src/img/thumbs/bg_pattern_05.jpg new file mode 100644 index 000000000..dd10cc376 Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/bg_pattern_05.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/bg_pattern_06.jpg b/theme_graphene/static/src/img/thumbs/bg_pattern_06.jpg new file mode 100644 index 000000000..4a814fcba Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/bg_pattern_06.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/map-blue.jpg b/theme_graphene/static/src/img/thumbs/map-blue.jpg new file mode 100644 index 000000000..ffb2717cc Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/map-blue.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/map-bw.jpg b/theme_graphene/static/src/img/thumbs/map-bw.jpg new file mode 100644 index 000000000..b84ef12e3 Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/map-bw.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/map-caramello.jpg b/theme_graphene/static/src/img/thumbs/map-caramello.jpg new file mode 100644 index 000000000..9b9f7e52e Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/map-caramello.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/map-cobalt.jpg b/theme_graphene/static/src/img/thumbs/map-cobalt.jpg new file mode 100644 index 000000000..9972b3b1b Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/map-cobalt.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/map-cupertino.jpg b/theme_graphene/static/src/img/thumbs/map-cupertino.jpg new file mode 100644 index 000000000..9a39d06c5 Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/map-cupertino.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/map-default.jpg b/theme_graphene/static/src/img/thumbs/map-default.jpg new file mode 100644 index 000000000..eb1adb41f Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/map-default.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/map-flat.jpg b/theme_graphene/static/src/img/thumbs/map-flat.jpg new file mode 100644 index 000000000..9513a729d Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/map-flat.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/map-lightMono.jpg b/theme_graphene/static/src/img/thumbs/map-lightMono.jpg new file mode 100644 index 000000000..d93e3c80a Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/map-lightMono.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/map-lilla.jpg b/theme_graphene/static/src/img/thumbs/map-lilla.jpg new file mode 100644 index 000000000..ad8895aa8 Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/map-lilla.jpg differ diff --git a/theme_graphene/static/src/img/thumbs/map-retro.jpg b/theme_graphene/static/src/img/thumbs/map-retro.jpg new file mode 100644 index 000000000..9dee6e29d Binary files /dev/null and b/theme_graphene/static/src/img/thumbs/map-retro.jpg differ diff --git a/theme_graphene/static/src/img/ui/s_animated_blocks.jpg b/theme_graphene/static/src/img/ui/s_animated_blocks.jpg new file mode 100644 index 000000000..785b71ec1 Binary files /dev/null and b/theme_graphene/static/src/img/ui/s_animated_blocks.jpg differ diff --git a/theme_graphene/static/src/img/ui/s_google_map.jpg b/theme_graphene/static/src/img/ui/s_google_map.jpg new file mode 100644 index 000000000..3308deb65 Binary files /dev/null and b/theme_graphene/static/src/img/ui/s_google_map.jpg differ diff --git a/theme_graphene/static/src/img/ui/s_latest_posts.jpg b/theme_graphene/static/src/img/ui/s_latest_posts.jpg new file mode 100644 index 000000000..d6cd84f9b Binary files /dev/null and b/theme_graphene/static/src/img/ui/s_latest_posts.jpg differ diff --git a/theme_graphene/static/src/img/ui/s_latest_posts_big_picture.jpg b/theme_graphene/static/src/img/ui/s_latest_posts_big_picture.jpg new file mode 100644 index 000000000..d317a1ea0 Binary files /dev/null and b/theme_graphene/static/src/img/ui/s_latest_posts_big_picture.jpg differ diff --git a/theme_graphene/static/src/img/ui/s_masonry_block.jpg b/theme_graphene/static/src/img/ui/s_masonry_block.jpg new file mode 100644 index 000000000..f7e19f5f8 Binary files /dev/null and b/theme_graphene/static/src/img/ui/s_masonry_block.jpg differ diff --git a/theme_graphene/static/src/img/ui/s_media_block-thumb.jpg b/theme_graphene/static/src/img/ui/s_media_block-thumb.jpg new file mode 100644 index 000000000..340c39586 Binary files /dev/null and b/theme_graphene/static/src/img/ui/s_media_block-thumb.jpg differ diff --git a/theme_graphene/static/src/img/ui/s_medias_list.jpg b/theme_graphene/static/src/img/ui/s_medias_list.jpg new file mode 100644 index 000000000..4715821b0 Binary files /dev/null and b/theme_graphene/static/src/img/ui/s_medias_list.jpg differ diff --git a/theme_graphene/static/src/img/ui/s_numbers.jpg b/theme_graphene/static/src/img/ui/s_numbers.jpg new file mode 100644 index 000000000..558b496bb Binary files /dev/null and b/theme_graphene/static/src/img/ui/s_numbers.jpg differ diff --git a/theme_graphene/static/src/img/ui/s_page_header.jpg b/theme_graphene/static/src/img/ui/s_page_header.jpg new file mode 100644 index 000000000..d337dd856 Binary files /dev/null and b/theme_graphene/static/src/img/ui/s_page_header.jpg differ diff --git a/theme_graphene/static/src/img/ui/s_showcase.jpg b/theme_graphene/static/src/img/ui/s_showcase.jpg new file mode 100644 index 000000000..d25d04607 Binary files /dev/null and b/theme_graphene/static/src/img/ui/s_showcase.jpg differ diff --git a/theme_graphene/static/src/img/ui/s_showcase_slider-arrow.svg b/theme_graphene/static/src/img/ui/s_showcase_slider-arrow.svg new file mode 100644 index 000000000..26642f101 --- /dev/null +++ b/theme_graphene/static/src/img/ui/s_showcase_slider-arrow.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + diff --git a/theme_graphene/static/src/img/ui/s_showcase_slider-close.svg b/theme_graphene/static/src/img/ui/s_showcase_slider-close.svg new file mode 100644 index 000000000..46c4ea644 --- /dev/null +++ b/theme_graphene/static/src/img/ui/s_showcase_slider-close.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_graphene/static/src/img/ui/s_showcase_slider-zoom.svg b/theme_graphene/static/src/img/ui/s_showcase_slider-zoom.svg new file mode 100644 index 000000000..3519a3cbb --- /dev/null +++ b/theme_graphene/static/src/img/ui/s_showcase_slider-zoom.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + diff --git a/theme_graphene/static/src/img/ui/s_showcase_slider.jpg b/theme_graphene/static/src/img/ui/s_showcase_slider.jpg new file mode 100644 index 000000000..7cc9e8e29 Binary files /dev/null and b/theme_graphene/static/src/img/ui/s_showcase_slider.jpg differ diff --git a/theme_graphene/static/src/img/ui/s_text_block_image_fw.jpg b/theme_graphene/static/src/img/ui/s_text_block_image_fw.jpg new file mode 100644 index 000000000..f8b4d77b0 Binary files /dev/null and b/theme_graphene/static/src/img/ui/s_text_block_image_fw.jpg differ diff --git a/theme_graphene/static/src/imgs-list.rtf b/theme_graphene/static/src/imgs-list.rtf new file mode 100644 index 000000000..25a865c1e --- /dev/null +++ b/theme_graphene/static/src/imgs-list.rtf @@ -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}}} \ No newline at end of file diff --git a/theme_graphene/static/src/js/graphene.editor.js b/theme_graphene/static/src/js/graphene.editor.js new file mode 100644 index 000000000..2fc91451a --- /dev/null +++ b/theme_graphene/static/src/js/graphene.editor.js @@ -0,0 +1,297 @@ +(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 = {}; + + // Masonry Block + website.snippet.options.masonry_block = website.snippet.Option.extend({ + + }), + + // 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) + } + }), + + + + // Simple Accordition + website.snippet.options.graph_simpleAccordition = website.snippet.Option.extend({ + start: function () { + self = this; + self.$target.find(".panel-collapse ").css("height","").addClass("in"); + }, + clean_for_save: function() { + self = this; + self.$target.find(".panel-collapse ").css("height","0").removeClass("in"); + }, + drop_and_build_snippet: function () { + self = this; + self.$target.find(".panel-collapse ").css("height","").addClass("in"); + }, + on_clone: function($clone){ + var Mrand = Math.floor((Math.random() * 9999999) + 1); + $clone.find("div.panel-group").attr("id",Mrand); + $clone.find(".bar").each(function(){ + var bar = $(this); + var rand = Math.floor((Math.random() * 9999999) + 1); + bar.find("a.panel-heading").attr("data-cke-saved-href","#"+rand); + bar.find("a.panel-heading").attr("data-parent","#"+Mrand); + bar.find("div.panel-collapse.collapse").attr("id",rand); + }) + } + }); + + website.snippet.options.graph_simpleAccordition_bar = website.snippet.Option.extend({ + start: function () { + self = this; + self.$target.parent().parent().find(".panel-collapse ").css("height","").addClass("in"); + }, + on_focus: function() { + self = this; + self.$target.fadeTo(100,0).fadeTo(200,1); + }, + on_clone: function($clone){ + var rand = Math.floor((Math.random() * 9999999) + 1); + $clone.find("a.panel-heading").attr("data-cke-saved-href","#"+rand); + $clone.find("div.panel-collapse.collapse").attr("id",rand); + } + }); + + website.snippet.options.graph_simpleAccordition_link = website.snippet.Option.extend({ + start: function () { + self = this; + self.$target.parent().parent().parent().find(".panel-collapse ") + .css("height","") + .addClass("in"); + }, + on_focus: function() { + self = this; + self.$target.fadeTo(100,0).fadeTo(200,1); + } + }); + + // ANIMATED BOXES + website.snippet.options.graphene_animated_boxes_editor = website.snippet.Option.extend({ + start: function () { + var self = this; + self.add_btn_edit_slide(); + setTimeout(function(){ + if (self.$target.find(".slide").length > 0) { + self.$overlay.find(".createSlide").addClass("hide"); + self.$overlay.find(".deleteSlide").removeClass("hide"); + self.$overlay.find(".btn-showSlide").removeClass("hide"); + } else { + self.$overlay.find(".createSlide").removeClass("hide"); + self.$overlay.find(".deleteSlide").addClass("hide"); + self.$overlay.find(".btn-showSlide").addClass("hide"); + } + }, 100); + }, + + add_btn_edit_slide: function() { + var self = this; + self.$overlay.find(".oe_options").after(' Edit Slide '); + self.$overlay.on('click', '.btn-showSlide', _.bind(this.toggle_slide, this)); + }, + + create_slide: function(type, value, $li){ + if (type !== 'click') return; + var self = this, + slide = '

    Your new slide

    '; + self.$target.append(slide); + self.$overlay.find(".btn-showSlide").removeClass("hide"); + self.$overlay.find(".createSlide").addClass("hide"); + self.$overlay.find(".deleteSlide").removeClass("hide"); + }, + + delete_slide: function(type, value, $li){ + if (type !== 'click') return; + var self = this; + self.$target.find(".slide").remove(); + self.$overlay.find(".btn-showSlide").addClass("hide"); + self.$overlay.find(".createSlide").removeClass("hide"); + self.$overlay.find(".deleteSlide").addClass("hide"); + }, + + toggle_slide: function(){ + var a = this.$overlay.find(".btn-showSlide"), + i = a.find("i"), + t = this.$target, + s = t.find(".slide"); + if (!t.hasClass("showSlide")) { + t.addClass("showSlide"); i.addClass("fa-toggle-on").removeClass("fa-toggle-off"); i.css("color", "#FFF"); + s.addClass("visible"); + } else { + t.removeClass("showSlide"); i.removeClass("fa-toggle-on").addClass("fa-toggle-off"); i.css("color", ""); + s.removeClass("visible"); + } + }, + clean_for_save: function(type, value, $li) { + this.$target.removeClass("showSlide"); + } + }), + + + // 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) + .o_anim_fade_in(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) + .o_anim_fade_in(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); + }, + }); + + // Tob Banner snippets + website.snippet.options.top_banner_snippets = website.snippet.Option.extend({ + selector : ".top_banner *", + start:function(){ + var self = this; + self.$overlay.find(".oe_overlay_options").css("margin-top", (self.$target.height()/2)); + } + }) + + // Top Banner Options + website.snippet.options.graphene_top_banner_options = website.snippet.Option.extend({ + start: function(){ + this._super(); + var self = this; + if (!self.$target.parent().is("#wrap")) { + console.log(self) + setTimeout(function(){ + //self.$el.remove(); + }) + } + }, + + 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); + + } 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"); + } + }); + } + }) + + +})(); \ No newline at end of file diff --git a/theme_graphene/static/src/js/graphene.ext.editor.js b/theme_graphene/static/src/js/graphene.ext.editor.js new file mode 100644 index 000000000..836a4f887 --- /dev/null +++ b/theme_graphene/static/src/js/graphene.ext.editor.js @@ -0,0 +1,202 @@ +(function(){ + 'use strict'; + + var website = openerp.website; + var session = new openerp.Session(); + var _t = openerp._t; + + website.add_template_file('/theme_graphene/static/src/xml/s_media_block_modal_ext.xml'); + website.openerp_website = {}; + website.snippet.options.s_media_block.include({ + + video_opt: function (type, value, $li) { + if (type !== 'click') return; + var self = this; + self.$target.data('snippet-view').stop_video(); + self.$modal = $(openerp.qweb.render("theme_graphene.s_media_block_modal_ext")); + self.$modal.appendTo('body'); + self.$modal.modal(); + + var $header_type = self.$modal.find("#header_type"), + $header_type_icon = self.$modal.find(".videoEnabler i"), + $tab_html5 = self.$modal.find("#tab_html5"), + $tab_custom = self.$modal.find("#tab_custom"), + $mp4 = self.$modal.find("#mp4"), + $webm = self.$modal.find("#webm"), + $ogg = self.$modal.find("#ogg"), + + $muted = self.$modal.find("#muted"), + $loop = self.$modal.find("#loop"), + $controls = self.$modal.find("#controls"), + $autoplay = self.$modal.find("#autoplay"), + + $custom_content = self.$modal.find("#custom_content"), + + //youtube-options + $yt_muted = self.$modal.find("#yt-muted"), + $yt_loop = self.$modal.find("#yt-loop"), + $yt_startat = self.$modal.find("#yt-startat"), + $yt_stopat = self.$modal.find("#yt-stopat"), + + $yt_opacity = self.$modal.find("#yt-opacity"), + $yt_vol = self.$modal.find("#yt-vol"), + $yt_bg = self.$modal.find("#yt-bg"), + + $iframefit = self.$modal.find("input:radio[name=iframefit]"), + + $cancel = self.$modal.find("#cancel"), + $sub_data = self.$modal.find("#sub_data"); + + attr_to_modal(); + self.typeBK = $header_type.val(); //store de actual type + + if (!$custom_content.val()) { + // if custom code is empty,provide an example video + $custom_content.val(''); + self.$target.attr('custom_content', $custom_content.val()); + }; + + update_header_type(); + + $header_type.on('change',function(){ + update_header_type(); + }); + + $sub_data.on('click', function() { + modal_to_attr(); + self.$target.data('snippet-view').stop_video(); + self.$target.data('snippet-view').start_video(); + }); + + $cancel.on('click', function() { + self.$target.attr('header_type', self.typeBK ); + self.$target.data('snippet-view').stop_video(); + self.$target.data('snippet-view').start_video(); + }); + + function update_header_type() { + var val = $header_type.val(); + + self.$target.attr('header_type', $header_type.val() ); + + if (val == 'video') { + $header_type_icon.removeClass().addClass('fa fa-video-camera'); + $tab_html5.addClass("active","trans"); + $tab_custom.removeClass("active","trans"); + self.$target.data('snippet-view').stop_video(); + self.$target.data('snippet-view').start_video(); + } else if ( val == 'custom_content' ) { + $header_type_icon.removeClass().addClass( "fa fa-code" ); + $tab_html5.removeClass("active","trans"); + $tab_custom.addClass("active","trans"); + self.$target.data('snippet-view').stop_video(); // TODO Activate Iframe + self.$target.data('snippet-view').start_video(); + } else { + $header_type_icon.removeClass().addClass( "fa fa-picture-o" ); + $tab_html5.removeClass("active","trans"); + $tab_custom.removeClass("active","trans"); + self.$target.data('snippet-view').stop_video(); + } + } + + function modal_to_attr() { + // header type + self.$target.attr('header_type', $header_type.val() ); + + // video paths + ($mp4.val())? self.$target.attr('mp4', $mp4.val()) : self.$target.removeAttr( "mp4" ); + ($webm.val())? self.$target.attr('webm', $webm.val()) : self.$target.removeAttr( "webm" ); + ($ogg.val())? self.$target.attr('ogg', $ogg.val()) : self.$target.removeAttr( "ogg" ); + + //video options + ($muted.attr('checked') == 'checked')? self.$target.attr('muted', $muted.val()) : self.$target.removeAttr( "muted" ); + ($loop.attr('checked') == 'checked')? self.$target.attr('loop', $loop.val()) : self.$target.removeAttr( "loop" ); + ($controls.attr('checked') == 'checked')? self.$target.attr('controls', $controls.val()) : self.$target.removeAttr( "controls" ); + ($autoplay.attr('checked') == 'checked')? self.$target.attr('autoplay', $autoplay.val()) : self.$target.removeAttr( "autoplay" ); + + //custom content + ($custom_content.val())? self.$target.attr('custom_content', $custom_content.val()) : self.$target.removeAttr( "custom_content" ); + + // youtube options + ($yt_muted.attr('checked') == 'checked')? self.$target.attr('yt-muted', $yt_muted.val()) : self.$target.removeAttr( "yt-muted" ); + ($yt_loop.attr('checked') == 'checked')? self.$target.attr('yt-loop', $yt_loop.val()) : self.$target.removeAttr( "yt-loop" ); + + + ($yt_startat.val())? self.$target.attr('yt-startat', $yt_startat.val()) : self.$target.removeAttr( "yt-startat" ); + ($yt_stopat.val())? self.$target.attr('yt-stopat', $yt_stopat.val()) : self.$target.removeAttr( "yt-stopat" ); + ($yt_opacity.val())? self.$target.attr('yt-opacity', $yt_opacity.val()) : self.$target.removeAttr( "yt-opacity" ); + ($yt_vol.val())? self.$target.attr('yt-vol', $yt_vol.val()) : self.$target.removeAttr( "yt-vol" ); + + ($yt_bg.val())? self.$target.attr('yt-bg', $yt_bg.val()) : self.$target.removeAttr( "yt-bg" ); + + //iframe fit mode + self.$target.attr('iframefit', self.$modal.find('input[name=iframefit]:checked').val()) + }; + + function attr_to_modal() { + // header type + $header_type.val(self.$target.attr('header_type')); + + // video paths + (self.$target.attr('mp4'))? $mp4.val(self.$target.attr('mp4')) : $mp4.val(''); + (self.$target.attr('webm'))? $webm.val(self.$target.attr('webm')) : $webm.val(''); + (self.$target.attr('ogg'))? $ogg.val(self.$target.attr('ogg')) : $ogg.val('') ; + + //video options + (self.$target.attr('muted'))? $muted.attr('checked', true) : $muted.attr('checked', false); + (self.$target.attr('loop'))? $loop.attr('checked', true) : $loop.attr('checked', false); + (self.$target.attr('controls'))? $controls.attr('checked', true) : $controls.attr('checked', false); + (self.$target.attr('autoplay'))? $autoplay.attr('checked', true) : $autoplay.attr('checked', false); + + //custom content + if (self.$target.attr('custom_content')) {$custom_content.val(self.$target.attr('custom_content'))}; + + //youtube options + (self.$target.attr('yt-muted'))? $yt_muted.attr('checked', true) : $yt_muted.attr('checked', false); + (self.$target.attr('yt-loop'))? $yt_loop.attr('checked', true) : $yt_loop.attr('checked', false); + (self.$target.attr('yt-startat'))? $yt_startat.val(self.$target.attr('yt-startat')) : $yt_startat.val(''); + (self.$target.attr('yt-stopat'))? $yt_stopat.val(self.$target.attr('yt-stopat')) : $yt_stopat.val(''); + + (self.$target.attr('yt-opacity'))? $yt_opacity.val(self.$target.attr('yt-opacity')) : $yt_opacity.val(''); + (self.$target.attr('yt-vol'))? $yt_vol.val(self.$target.attr('yt-vol')) : $yt_vol.val(''); + (self.$target.attr('yt-bg'))? $yt_bg.val(self.$target.attr('yt-bg')) : $yt_bg.val(''); + + //iframe fit mode + if (self.$target.attr('iframefit') ) { + $iframefit.filter('[value='+self.$target.attr('iframefit')+']').prop('checked', true); + }; + } + + this.$modal.on('hidden.bs.modal', function () { + $(this).remove(); + }); + }, + + }), + + website.snippet.options.o_animate.include({ + animationName: null, + + select_class:function(type, value, $li){ + this._super(type, value, $li); + var self = this; + if (type == "click" && self.$target.is(".s_animated_boxes .slide")) self.processSlides(self.$target, value); + }, + + processSlides: function($el, value){ + $el.attr("graph_anim", value); + this.animationName = value; + }, + + clean_for_save: function(){ + this._super(); + var self = this; + if (self.$target.is(".s_animated_boxes .slide")) self.cleanSlides(self.$target); + }, + + cleanSlides: function($el){ + var self = this; + $el.removeClass("o_animate o_animate_preview " + self.animationName); + } + }) +})(); \ No newline at end of file diff --git a/theme_graphene/static/src/js/graphene.ext.frontend.js b/theme_graphene/static/src/js/graphene.ext.frontend.js new file mode 100644 index 000000000..f17a85fc1 --- /dev/null +++ b/theme_graphene/static/src/js/graphene.ext.frontend.js @@ -0,0 +1,208 @@ +(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", + + custom_content:function(){ + var self = this; + var custom_content = self.$target.attr('custom_content'); + var video_id; + var video_type; + var video_url; + + var needle = custom_content.match(/src=["']?([^"']+)["' ]?/); + + if (needle) { + + needle = needle[1]; + + if (needle.indexOf(".youtube.") != -1) { + video_type = "youtube"; + video_id = needle.match(/\.youtube\.[a-z]+\/(embed\/|watch\?v=)?([^\/?&]+)/i)[2]; + } else if (needle.indexOf("//youtu.") != -1) { + video_type = "youtube"; + video_id = needle.match(/youtube\.[a-z]+\/([^\/?&]+)/i)[1]; + } else if (needle.indexOf("player.vimeo.") != -1 || needle.indexOf("//vimeo.") != -1) { + video_type = "vimeo"; + video_id = needle.match(/vimeo\.[a-z]+\/(video\/)?([^?&]+)/i)[2]; + } else if (needle.indexOf(".dailymotion.") != -1) { + video_type = "dailymotion"; + video_id = needle.match(/dailymotion\.[a-z]+\/(embed\/)?(video\/)?([^\/?&]+)/i)[3]; + } else { + video_type = ""; + video_id = needle; + } + + if (video_type == 'youtube') { + + $(function(){ + if (!jQuery.browser.mobile) + self.youtube_video(video_id); + }); + return; + + } else if (video_type == 'vimeo') { + video_url = "https://player.vimeo.com/video/" + video_id + "?autoplay=1" + ";loop=1"; + } else if (video_type == 'dailymotion') { + video_url = "https://www.dailymotion.com/embed/video/" + video_id + "?autoplay=1"; + } + + + if (video_type.length > 0 ) { + var headerIframe = $(''); + self.$target.append(headerIframe); + headerIframe = self.$target.find('iframe'); + headerIframe.fadeTo(0,0); + if (self.$target.attr('iframefit') == 'fitCont') { + setTimeout(function(){ + headerIframe.addClass('headerIframe'); + this.Iframeratio = (headerIframe.width() / headerIframe.height()); + self.iframeSize(this.Iframeratio); + self.$target.css('max-height', headerIframe.width()/Iframeratio ); + headerIframe.fadeTo("slow",1); + + $(window).bind('resize.s_media_block', self.throttle(function(e){ + self.$target.css({ + 'height': headerIframe.width()/Iframeratio, + 'max-height': headerIframe.width()/Iframeratio + }); + self.iframeSize(this.Iframeratio); + }, 300)); + }, 1000); // is fitCont + + } else if (self.$target.attr('iframefit') == 'fitIframe') { + self.$target.css('max-height', ''); + headerIframe.css({'height': '100%', 'width': '100%' }); + setTimeout(function(){ + headerIframe.fadeTo("slow",1); + }, 1000); + } + + } else { + var customIframe = $(custom_content).filter('iframe'); + self.$target.append(customIframe); + self.$target.css("max-height",""); + self.$target.find("iframe").css({"height":"100%","width":"100%","top":"0","position":"absolute"}); + } + } + }, + + // When the visitor is logged in YouTube, the console return "Failed to execute 'postMessage'"; + // That is a known error from the side of the Youtube API. + // Fortunately it's not blocking but unfortunatly the fix should be done by the Google team. + youtube_video:function(video_id){ + var self = this; + var $yt_muted, + $yt_loop; + + (self.$target.attr('yt-muted'))? $yt_muted = true : $yt_muted = false; + (self.$target.attr('yt-loop'))? $yt_loop = true : $yt_loop = false; + + var $yt_startAt = (self.$target.attr('yt-startat')); + var $yt_stopAt = (self.$target.attr('yt-stopat')); + var $yt_opacity = (self.$target.attr('yt-opacity')); + var $yt_vol = (self.$target.attr('yt-vol')); + var $yt_bg = (self.$target.attr('yt-bg')); + + var timeStamp = Date.now(); + var timeStamp2 = Date.now() + 100; + + var $video_container = $('
    ').attr("id", "s_media_block_" + timeStamp); + var $el = $('
    /'); + var $loader = $(""); + $video_container.append($el).append($loader); + self.$target.append($video_container); + + $("#"+ timeStamp2).YTPlayer(); + + var interval = null; + if($("#oe_main_menu_navbar").length > 0) { $loader.css("top", ($("#oe_main_menu_navbar").outerHeight() +1) );} + $loader.animate({width: "45%"},800, function() { + var el = $loader; + interval = setInterval(function(){ timer() }, 300); + function timer() { var w = el.width(); el.width(w + 5);} + }); + + $("#"+ timeStamp2).on("YTPStart",function(){ + if (self.$target.find(".controls").length > 0){return} + clearInterval(interval); + $loader.css("width", "100%").fadeOut(500); + + var controls = $("").appendTo(self.$target.find(".yt_video_container")); + var btnplay = controls.find(".btnplay"); + var btnMute = controls.find(".btnMute"); + + if($yt_muted == true){btnMute.remove();}; + + function to_mute(){ + $("#"+ timeStamp2).muteYTP(); + btnMute + .removeClass("fa-volume-up").addClass("fa-volume-off") + .unbind("click", to_mute) + .bind("click", to_audio) + } + function to_audio(){ + $("#"+ timeStamp2).unmuteYTP(); + btnMute + .removeClass("fa-volume-off").addClass("fa-volume-up") + .unbind("click", to_audio) + .bind("click", to_mute) + } + function to_pause(){ + $("#"+ timeStamp2).pauseYTP(); + btnplay + .removeClass("fa-pause").addClass("fa-play") + .unbind("click", to_pause) + .bind("click", to_play) + } + function to_play(){ + $("#"+ timeStamp2).playYTP(); + btnplay + .removeClass("fa-play").addClass("fa-pause") + .unbind("click", to_play) + .bind("click", to_pause) + } + btnplay.bind("click",to_pause); + if(!$yt_muted == true){btnMute.bind("click", to_mute)}; + }); + }, + + stop_video: function() { + var self = this; + var $vid = self.$target.find('.videoBox'); + var $yt_video = self.$target.find('.yt_video_container .player'); + + $(window).unbind('resize.s_media_block'); + if ($vid.length > 0) { $vid.remove();} + if ($yt_video.length > 0) { + self.$target.find('.yt_video_container').remove() + } else { + var $iframe = this.$target.find('iframe'); + if ($iframe.length > 0) { $iframe.remove();} + } + }, + }) + +})(); \ No newline at end of file diff --git a/theme_graphene/static/src/js/graphene.frontend.js b/theme_graphene/static/src/js/graphene.frontend.js new file mode 100644 index 000000000..76844c143 --- /dev/null +++ b/theme_graphene/static/src/js/graphene.frontend.js @@ -0,0 +1,193 @@ +(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(); + $graph_header.find(".navbar").animate({top:(edit_bar_h *0.5)},100); + if(graph_header_affix == true){$graph_header_clone.css("top", edit_bar_h)} + } + if(graph_top_content == true){ + 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 == true){ + var wOffset = $win.scrollTop(); + var hOffset = $graph_header.scrollTop(); + (wOffset > (hOffset + 300) )? $graph_header_clone.addClass("affixed") : $graph_header_clone.removeClass("affixed"); + } + }) + .trigger("resize"); + + // Demo pages + + }), + + // 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 = $(''); + 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); + }); + }, + }), + + website.snippet.animationRegistry.s_animated_boxes_slide = website.snippet.Animation.extend({ + selector : ".s_animated_boxes .item", + + start: function() { + console.log("start") + var self = this; + + self.$target.on("mouseenter", function(){ + self.handlerIn(self.$target) + }); + self.$target.on("mouseleave", function(){ + self.handlerOut(self.$target) + }) + }, + + handlerIn: function($el) { + var $s = $el.find(".slide"); + $s.css("display", "block") + .addClass($s.attr("graph_anim")); + }, + + handlerOut: function($el) { + var $s = $el.find(".slide"); + $s.fadeOut(300, function() { + $s.removeClass($s.attr("graph_anim")); + }); + } + }) + + //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(), + ww = $(window).width(); + + // if (ww > 767) { + // self.$target.css("height", w/2); + // console.log("ww > 767") + // } else { + // self.$target.css("height", w*2); + // console.log("no") + // } + + self.$target.css("height", w/2); + } + }) + +})(); + + + diff --git a/theme_graphene/static/src/less/colors.less b/theme_graphene/static/src/less/colors.less new file mode 100644 index 000000000..605f275d3 --- /dev/null +++ b/theme_graphene/static/src/less/colors.less @@ -0,0 +1,168 @@ +// ============================= +// === 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; + diff --git a/theme_graphene/static/src/less/customize_modal.less b/theme_graphene/static/src/less/customize_modal.less new file mode 100644 index 000000000..f01c0fb94 --- /dev/null +++ b/theme_graphene/static/src/less/customize_modal.less @@ -0,0 +1,562 @@ +// ================================ +// = 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', 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; + } + + } + + } + +} + diff --git a/theme_graphene/static/src/less/images.less b/theme_graphene/static/src/less/images.less new file mode 100644 index 000000000..00850bb60 --- /dev/null +++ b/theme_graphene/static/src/less/images.less @@ -0,0 +1,118 @@ +// ============================= +// === 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); } diff --git a/theme_graphene/static/src/less/main.font.less b/theme_graphene/static/src/less/main.font.less new file mode 100644 index 000000000..f000cbd91 --- /dev/null +++ b/theme_graphene/static/src/less/main.font.less @@ -0,0 +1,34 @@ +@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic&subset=latin,latin-ext); + + +@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', sans-serif; +@headings-font-family : 'source_sans', sans-serif; + + + + + + diff --git a/theme_graphene/static/src/less/main.less b/theme_graphene/static/src/less/main.less new file mode 100644 index 000000000..d4acc4d22 --- /dev/null +++ b/theme_graphene/static/src/less/main.less @@ -0,0 +1,1900 @@ + +// ================================================================= +// Graphene Theme. +// Light colours, thin text, clean and sharp design. +// ================================================================= + + + +#oe_main_menu_navbar { + width: 100%; + position: fixed; + top: 0; + transform: translate3d(0,0,0); +} + + +// ============================= +// == Theme's variables ======== +// ============================= + +@graphene-debug: false; + +@graphene-layout-top_banner : false; +@graphene-layout-boxed : false; +@graphene-layout-postcard : false; + +@graphene-img-base-url: "../img/pictures/"; +@graphene-img-2x-prefix: "2x_"; + +@graphene-thumb-base-url: "../img/thumbs/"; + +@graphene-pattern-base-url: "../img/patterns/"; +@graphene-pattern-2x-prefix: "2x_"; + +// UI colors +@graphene-ui-dark : #252931; +@graphene-ui-light : #303540; +@graphene-ui-text : #fff; +@graphene-ui-muted : #9097A8; +@graphene-ui-success : #16A085; +@graphene-ui-danger : #E77575; + + +// ============================= +// === DEBUG =================== +// ============================= + +.debug() when (@graphene-debug = true) { + + body:after{ + display: block; + position: fixed; + bottom: 0; + left: 0; + width: 100%; + height: 50px; + font-size: 1.3em; + background: black; + color: white; + z-index: 999999; + content: "LESS debug: Postcard Layout > @{graphene-layout-top_banner} || boxed > @{graphene-layout-boxed} "; + } + +} +.debug(); + + + + +// ======== Responsive Margin Fix ======================================== + +@initial-margin: 1px; // Initial Value, 1=100% of the default value + +@xw-margin: @initial-margin; // Adaptative coefficient for > 1200px Extra device +@lg-margin: (@initial-margin * 0.8); // Adaptative coefficient for < 1200px Wide device +@md-margin: (@initial-margin * 0.6); // Adaptative coefficient for < 992px Medium device +@sm-margin: (@initial-margin * 0.4); // Adaptative coefficient for < 768px Small device +@xs-margin: (@initial-margin * 0.2); // Adaptative coefficient for < 480px Tiny device + +// ! DON'T TOUCH ! // +.generate-margin(128); +.generate-margin(@n, @i: 1) when (@i =< @n) { + .mt@{i} { margin-top: (@i * @xw-margin) !important; } + .mb@{i} { margin-bottom: (@i * @xw-margin) !important; } + .generate-margin(@n, (@i + 2)); +} + +@media only screen and (max-width: 1200px) { + .generate-margin(128); + .generate-margin(@n, @i: 1) when (@i =< @n) { + .mt@{i} { margin-top: (@i * @lg-margin) !important; } + .mb@{i} { margin-bottom: (@i * @lg-margin) !important; } + .generate-margin(@n, (@i * 2)); + } +} + +@media only screen and (max-width: 992px) { + .generate-margin(128); + .generate-margin(@n, @i: 1) when (@i =< @n) { + .mt@{i} { margin-top: (@i * @md-margin) !important; } + .mb@{i} { margin-bottom: (@i * @md-margin) !important; } + .generate-margin(@n, (@i * 2)); + } +} + +@media only screen and (max-width: 768px) { + .generate-margin(128); + .generate-margin(@n, @i: 1) when (@i =< @n) { + .mt@{i} { margin-top: (@i * @sm-margin) !important; } + .mb@{i} { margin-bottom: (@i * @sm-margin) !important; } + .generate-margin(@n, (@i * 2)); + } +} + +@media only screen and (max-width: 480px) { + .generate-margin(128); + .generate-margin(@n, @i: 1) when (@i =< @n) { + .mt@{i} { margin-top: (@i * @xs-margin) !important; } + .mb@{i} { margin-bottom: (@i * @xs-margin) !important; } + .generate-margin(@n, (@i * 2)); + } +} + +.mt0 { + margin-top: 0px !important; +} +.mb0 { + margin-bottom: 0px !important; +} + + +// ============================= +// === BOOTSTRAP VARIABLES ==== +// ============================= + +@border-radius-base :0px; +@border-radius-large :0px; +@border-radius-small :0px; + + + +//** Default label background color +@label-default-bg : @gray-light; +//** Primary label background color +@label-primary-bg : @brand-primary; +//** Success label background color +@label-success-bg : @brand-success; +//** Info label background color +@label-info-bg : @brand-info; +//** Warning label background color +@label-warning-bg : @brand-warning; +//** Danger label background color +@label-danger-bg : @brand-danger; + + + +// MODALS + +//@modal-inner-padding : 0px; + +@modal-header-border-color : darken(@graphene-ui-dark,20%); +@modal-title-padding : 10px; +@modal-title-line-height : @line-height-base; + +.modal-header{ + border-bottom: 1px solid @graphene-ui-light; + .close{ + color: #FFF; + text-shadow: 0 1px 0 #000; + } +} + +@modal-content-bg : @graphene-ui-dark; +@modal-content-border-color : @graphene-ui-dark; +@modal-content-fallback-border-color : @graphene-ui-dark; + +.modal-content{ + color: @graphene-ui-text; + top: 15px; + label{ + font-weight: 300; + } + hr{ + border-top-color: rgba(255, 255, 255, 0.05); + } + .well{ + background-color : @graphene-ui-light; + border: none; + } + + textarea{ + color: @gray-darkest; + } + + .nav-tabs{ + background-color : @graphene-ui-dark; + border: none; + >li > a{ + color: @graphene-ui-muted; + border: none; + &:hover{ + background-color: @graphene-ui-light; + border: none; + } + } + >li.active>a, + >li.active>a:hover, + >li.active>a:focus { + background-color: @graphene-ui-light; + color: white; + border: none; + } + li.search { + top: 3px; + right: 7px; + .pager li > a, .pager li > span{ + background-color: @brand-primary; + border-radius: 0; + border: none; + font-weight: bold; + color: white; + } + .pager .disabled >a, + .pager .disabled> a:hover, + .pager .disabled> a:focus, + .pager .disabled> span{ + background-color: @graphene-ui-light; + border: none; + opacity: 0.5; + } + + } + } + .form-control { + background-color: @graphene-ui-dark; + color: #EAEAEA; + border:none; + height: 30px; + } + .font-icons:before { + top : 7px!important; + left : 8px!important; + font-size : 1.2em!important; + } + + +} +.modal-body{ + border-bottom : 1px solid rgba(255, 255, 255, 0.05); + background-color : @graphene-ui-light; + padding-bottom : @modal-title-padding; +} + +@modal-footer-border-color: @graphene-ui-dark; + +.modal-footer{ + padding: @modal-title-padding + 5px; +} + +@modal-backdrop-bg: #000; +@modal-backdrop-opacity: .2; + +@modal-lg: 900px; +@modal-md: 600px; +@modal-sm: 300px; + + + + + +//================================== BASE ==================================== + + + +// ============================= +// 3.1 GENERAL LAYOUT ========== +// ============================= + +@body-bg : #FEFEFE; +@text-color : @gray; + +#wrap { + margin-top: 20px; +} + +main { background-color: #FEFEFE;} + + +// ============================= +// 3.2 TYPOGRAPHY ============== +// ============================= + +@font-family-base: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; ; + +@font-family-sans-serif: @font-family-base; +@font-family-serif: "Georgia", "Garamond", "Palatino", serif; + +@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; + + +@headings-font-family: inherit; +@headings-font-weight: 300; +@headings-line-height: 1.1; +@headings-color: inherit; + +.serif { font-family: @font-family-serif;} +.sans-serif { font-family: @font-family-sans-serif;} + +.body { + -webkit-font-smoothing : antialiased; + -moz-osx-font-smoothing : grayscale; +} + + +h1 { font-size: 3em;} + +h4, h5, h6 { + line-height: 1.6; +} + +a.navbar-brand, .navbar-default a.navbar-brand { + font-size: 20px; + text-transform: uppercase; + font-weight: 200; + letter-spacing: 0px; + padding-left: 0; +} + +footer { + margin-top: 25px; + height: auto; + padding-top: 10px; + background: white; + border-top: 1px solid #E2E2E2; +} + + +// ============================= +// BUTTONS / LABELS ============ +// ============================= + +// ======== Buttons + + +@btn-font-weight: normal; + +@btn-default-color: @gray; +@btn-default-bg: #fff; +@btn-default-border: @gray-lighter; + +@btn-primary-color: #fff; +@btn-primary-bg: @brand-primary; +@btn-primary-border: rgba(0, 0, 0, 0); + +@btn-success-color: #fff; +@btn-success-bg: @brand-success; +@btn-success-border: rgba(0, 0, 0, 0); + +@btn-info-color: #fff; +@btn-info-bg: @brand-info; +@btn-info-border: rgba(0, 0, 0, 0); + +@btn-warning-color: #fff; +@btn-warning-bg: @brand-warning; +@btn-warning-border: rgba(0, 0, 0, 0); + +@btn-danger-color: #fff; +@btn-danger-bg: @brand-danger; +@btn-danger-border: rgba(0, 0, 0, 0); + +@btn-link-disabled-color: @gray-light; + + +// ======== Button Customizations + +.btn-lg { + .button-size( + @padding-large-vertical; + @padding-large-horizontal*2; + @font-size-large; + @line-height-large; + @border-radius-large + ); +} + +.btn{ + z-index: 2; + box-shadow: 0px 3px 3px -2px rgba(51, 51, 51, 0.0); + .transition(.25s); + .preserve3d; + + &:hover{ + box-shadow: 0px 3px 3px -2px rgba(51, 51, 51, 0.23); + z-index: 4; + } + + &.btn-link { + text-decoration: none; + &:hover{ + box-shadow: none; + } + } + &:active{ + box-shadow: 0px 2px 2px -1px rgba(51, 51, 51, 0.23); + } +} + +// overwrite the default bootstrap mixin +.button-variant(@color; @background; @border) { + &, + &:focus{ + color: @color; + background-color: @background; + border-color: @border; + } + + &:hover, + &.focus, + &:active, + .open > .dropdown-toggle& { + color: @color; + background-color: darken(@background, 2%); + border-color: rgba(0, 0, 0, 0); + box-shadow: none; + } +} + +button.btn{ + outline:0!important; + &:focus, &:active {outline:0;} +} + + +.graph-ripple { + display: block; + position: absolute; + border-radius: 100%; + opacity: 0.3; + z-index: -1; + background: rgba(255, 255, 255, .9); + pointer-events: none; + .scale(0); + + .btn-default &, + .btn-link & { + background: rgba(0, 0, 0, .3); + } +} + +.graph-ripple-animated { + .animation(ripple 0.35s ease-in); +} + + +.tooltip { + height: auto; + .tooltip-arrow { + display: none; + } + h5 { + text-transform: none; + } +} + + + +// ================================== +// WB builder default classes === +// ================================== + +#wrapwrap { + overflow-x: hidden; +} +.readable { + max-width: 100%; + > *{ + position: relative; + max-width: 700px; + margin-left: auto; + margin-right: auto; + } +} +#wrap > hr { + width: 50%; + position: relative; +} + + + +// ============================= +// EFFECTS ================= +// ============================= + +.generate-spacing(10); +.generate-spacing(@n, @i:1) when (@i =< @n) { + .letterSpacing@{i} { + letter-spacing:(@i)*1px; + } + .generate-spacing(@n, (@i + 1)); +} + +.em2 {font-size: 2em;} +.em4 {font-size: 4em;} + +.mo0 {margin-left: 0;margin-right: 0} + +.title-parent { + text-align: center; +} + +.title-underlined { + display: inline-block; + position: relative; + clear: both; + padding-bottom: 0.6em; + &:after { + content: ""; + opacity: .8; + display: block; + margin-top: .4em; + border-top: 2px solid; + margin-left: auto; + margin-right: auto; + width: 0%; + .transition(width 1s ease-in 500ms); + } + &.o_visible { + &:after { width: 100%; } + } +} + +.title-boxed{ + display: inline-block; + position: relative; + margin-left: auto; + margin-right: auto; + margin-bottom: 2em; + &:before, &:after{ + opacity: 0; + border: 2px solid rgba(0, 0, 0, 0); + display: initial; + position: absolute; + width: 140%; + height: 2em; + left: -20%; + top: -.45em; + padding: 0; + content: ""; + .transition(e("opacity .75s ease-out 500ms, transform 1s ease-out 500ms")) + } + &:before { + .scale(0; 1); + border-top-color: inherit; + border-bottom-color: inherit; + } + &:after { + .scale(1; 0); + border-right-color: inherit; + border-left-color: inherit; + } + &.o_visible { + &:before,&:after { opacity: 1;.scale(1); } + } +} + +.glossy-bg { + background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.5) 0%, rgba(241,241,241,0.5) 50%, rgba(225,225,225,0.5) 51%, rgba(246,246,246,0.5) 100%); + background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(50%,rgba(241,241,241,0.5)), color-stop(51%,rgba(225,225,225,0.5)), color-stop(100%,rgba(246,246,246,0.5))); + background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); + background: -o-linear-gradient(-45deg, rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); + background: -ms-linear-gradient(-45deg, rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); + background: linear-gradient(135deg, rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80f6f6f6',GradientType=1 ); +} + +.glossy { + position: relative; + &:before { + content: ""; + top: 0; + left: 0; + width: 100%; + height: 100%; + position: absolute; + display: block; + .glossy-bg; + + border-top: 2px solid rgba(255, 255, 255, 0.73); + border-bottom: 1px solid rgba(155, 155, 155, 0.73); + } +} + +.glossy-medium { + position: relative; + &:before { + content: ""; + top: 0; + left: 0; + width: 100%; + height: 100%; + position: absolute; + display: block; + opacity: 0.7; + .glossy-bg; + + border-top: 2px solid #fff; + border-bottom: 2px solid #848484; + } +} + +.glossy-soft { + position: relative; + &:before { + content: ""; + top: 0; + left: 0; + width: 100%; + height: 100%; + position: absolute; + display: block; + opacity: 0.3; + .glossy-bg; + + border-top: 2px solid #fff; + border-bottom: 2px solid #848484; + } +} + + +.insetShadow { + position: relative; + + &:before{ + content: ""; + display: block; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.2) 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(50%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0.2))); + background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.2) 100%); + background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.2) 100%); + background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.2) 100%); + background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.2) 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#66000000',GradientType=0 ); + } +} +.insetShadowBig { + position: relative; + &:before{ + content: ""; + display: block; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.4) 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.4)), color-stop(50%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.4))); + background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.4) 100%); + background: -o-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.4) 100%); + background: -ms-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.4) 100%); + background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.4) 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#66000000',GradientType=0 ); + } +} + +.v-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + > *:first-child { + margin-top: 0; + } +} + +.preserve3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + + +// ============================= +// === ANIMATIONS ============== +// ============================= + +// ======= Ripple +@-webkit-keyframes ripple { + 100% { + opacity: 0; + -webkit-transform: scale(2.5); } } +@-moz-keyframes ripple { + 100% { + opacity: 0; + -moz-transform: scale(2.5); } } +@keyframes ripple { + 100% { + opacity: 0; + -webkit-transform: scale(2.5); + -moz-transform: scale(2.5); + -ms-transform: scale(2.5); + -o-transform: scale(2.5); + transform: scale(2.5); } } + + + +// ============================= +// === HEADER ================== +// ============================= + + +#graph_header, #graph_header_affix { + font-family: @font-family-sans-serif; + padding: 0; + + a.navbar-brand.logo { + padding: 0px; + } + + .navbar { + background-color: rgba(0, 0, 0, 0); + border-color: rgba(0, 0, 0, 0); + padding: 20px 0 4px; + + > .container { + width: 100%; + max-width: 1024px; + } + + .navbar-nav { + + > li.divider { + border-right: 1px solid #E0E0E0; + } + > li > a { + text-transform: uppercase; + color: @gray; + font-weight: 600; + opacity: 0.8; + } + > li > a:hover { + opacity: 1; + } + b { + font-weight: 600; + } + + > li.active > a, > li.active > a:hover, > li.active > a:focus { + background-color: rgba(0, 0, 0, 0); + color: @gray-dark; + opacity: 1; + + span { + border-bottom-color:rgba(0, 0, 0, 0)!important; + } + } + + .navbar-toggle { + margin: 0; + } + } //.navbar-nav + } //navbar +} + +#wrapwrap #graph_header_affix { + position: fixed; + top: 0; + left: 0; + margin-top: -200px; + width: 100%; + z-index: 1000; + background: white; + border-bottom: 1px solid @gray-lighter; + .transition(margin-top 500ms ease); + + .navbar{ + background-color: white; + padding: 2px 20px; + font-size: 12px; + } + + a.navbar-brand{ + color: @gray; + } + + &.affixed { + margin-top: 0px; + .transition(margin-top 500ms ease); + } + +} + + + + +// ============================= +// 3.8 Website B. ============== +// ============================= + + +// Restore original toolbar font-family +div#website-top-navbar *:not(.fa) { + font-family: sans-serif; +} + +// Fix website b. background behaviour +.oe_structure.oe_empty:empty, { + background-repeat: no-repeat!important; + background-position: center!important; +} + +#website-top-navbar, #oe_main_menu_navbar{ + background-color: @graphene-ui-dark; + + .cke_toolbar { + top: 4px; + .cke_toolgroup, .cke_combo_button{ + background: #FFF; + background-image: none; + border: none; + border-radius: 2px; + .cke_button { + padding-top: 3px; + padding-bottom: 3px; + } + } + } + + #oe_snippets{ + background-color: @graphene-ui-dark; + padding-top: 5px; + .nav-tabs{ + border-right: 1px solid @graphene-ui-light; + padding: 0px; + } + .nav > li.active, .nav > li.active a{ + background-color: @graphene-ui-dark !important; + } + .tab-content, + .tab-content > div{ + background-color: rgba(0, 0, 0, 0); + padding: 0px 2px; + } + } +} + + +#oe_manipulators { + + .dropdown-menu > li{ + a { + padding: 3px 20px 3px 10px; + color: @gray; + .fa { + width: 18px; + margin-right: 5px; + margin-left: -3px; + + } + } + &.active{ + a {color: white;} + } + + &[data-delete_slide] { + a {padding-left: 30px;} + a:before { + font-family: FontAwesome; + content: "\f014"; + position: absolute; + left: 7px; + font-size: 1em; + } + } + + &[data-create_slide] { + a {padding-left: 30px;} + a:before { + font-family: FontAwesome; + content: "\f055"; + position: absolute; + left: 7px; + font-size: 1em; + } + } + + &[data-toggle_class]{ + a {background: rgba(0, 0, 0, 0);} + a:after { + font-family: FontAwesome; + content: "\f096"; + color: @graphene-ui-dark; + position: absolute; + right: 12px; + font-size: 1em; + } + a:hover:after { + content: "\f046"; + color: @graphene-ui-success; + } + &.active{ + a:after{ + content: "\f046"; + color: @graphene-ui-success; + } + a:hover:after { + color: @graphene-ui-dark; + content: "\f096"; + } + } + } + } + + .dropdown-menu > li.snippet-option-blog-style > a, + .dropdown-menu > li.snippet-option-colorpicker > a { + padding-left: 30px; + &:before{ + font-family: FontAwesome; + content: "\f1ea"; + position: absolute; + left: 7px; + font-size: 1em; + } + } + + .dropdown-menu > li.snippet-option-colorpicker { + > a:before{ content: "\f1fb"; } + tr.graphene-ui-divider-bg {display: table-row!important;} + } + + ul{ background-color: fadeout(@graphene-ui-light,10%)!important; } + + li{ + background-color: rgba(0, 0, 0, 0)!important; + a:before, + a > .fa, + a { + color: fadeout(white,20%)!important; + font-weight: 300; + background-color: rgba(0, 0, 0, 0)!important; + } + + &.active{ + background-color: @graphene-ui-dark!important; + > a, > a .fa, > a:before{color:#fff!important} + } + + &:hover{ + background-color: fadeout(@graphene-ui-dark, 50%)!important; + > a, > a .fa, > a:before{color:fadeout(#fff, 10%)!important} + } + + &.divider, &.divider:hover{ + background: @graphene-ui-dark!important; + margin: 0; + } + } + + li[data-select_class].active a:after{ + font-family: FontAwesome; + content: "\f00c"; + color: @graphene-ui-success; + float: right; + } + + .btn-group .btn-default{ + background-color: @graphene-ui-light; + border: 1px solid @graphene-ui-dark; + color: @graphene-ui-muted; + .scale(1); + + &:hover{ + background-color: darken(@graphene-ui-light, 12%); + color: white; + } + } + + .btn-group .oe_snippet_remove{ + background-color: @brand-danger; + border-color: darken(@brand-danger, 10%); + color: #fff; + + &:hover{ + background-color: darken(@brand-danger, 12%); + } + } + + .btn-group .btn-primary{ + background-color: darken(@graphene-ui-success, 10%); + color:white; + .scale(1); + + &:hover{ + background-color: darken(@graphene-ui-success, 12%); + } + } + .btn-group.open .btn-primary{ + background-color: darken(@graphene-ui-success, 15%); + color:white; + } + + .oe_overlay .oe_handle.size .oe_handle_button { + margin-left: -70px; + } + + .oe_overlay .oe_handle.size .size { + margin-left: 70px; + } + +} + +li.snippet-option-colorpicker{ + ul.dropdown-menu{ + padding-left: 4px; + tr{ + display: block; + float: left; + margin-bottom: .1em; + td { + display: inline; + float: left; + overflow: hidden; + position: relative; + button { + width: 28px; + border-radius: 0; + border: 1px solid #000; + } + } + } + hr{ + width: 164px!important; + opacity: .7; + } + td.selected button{ + border: 1px solid rgba(255, 255, 255, 0.55); + } + td.selected:after{ + font-family: FontAwesome; + content: "\f00c"; + color: @graphene-ui-success; + text-shadow: 0 1px 0px #333; + position: absolute; + left: -2px; + top: -3px; + font-size: 1em; + } + } +} + + +.oe_mobile_preview.modal .modal-content .modal-header .modal-title { + color: #999; +} + + +table.colorpicker{ + .color-alpha { background-color : @color-alpha; } + .color-beta { background-color : @color-beta; } + .color-gamma { background-color : @color-gamma; } + .color-delta { background-color : @color-delta; } + .color-epsilon { background-color : @color-epsilon; } + + .color-alpha-light { background-color : @color-alpha-light; } + .color-beta-light { background-color : @color-beta-light; } + .color-gamma-light { background-color : @color-gamma-light; } + .color-delta-light { background-color : @color-delta-light; } + .color-epsilon-light { background-color : @color-epsilon-light; } + + .color-alpha-dark { background-color : @color-alpha-dark; } + .color-beta-dark { background-color : @color-beta-dark; } + .color-gamma-dark { background-color : @color-gamma-dark; } + .color-delta-dark { background-color : @color-delta-dark; } + .color-epsilon-dark { background-color : @color-epsilon-dark; } + + .color-gray-lighter { background-color : @gray-lighter; } + .color-gray-light-light { background-color : @gray-light-light; } + .color-gray-light-dark { background-color : @gray-light-dark; } + .color-gray-light { background-color : @gray-light; } + .color-gray { background-color : @gray; } + + .color-gray-dark-light { background-color : @gray-dark-light; } + .color-gray-dark { background-color : @gray-dark; } + .color-gray-dark-dark { background-color : @gray-dark-dark; } + + .color-gray-darker { background-color : @gray-darker; } + .color-gray-darkest { background-color : @gray-darkest; } + + .color-white { background-color : @white; } + .color-black { background-color : @black; } +} + + +ul.dropdown-menu.backgrounds { + width: 260px; + li{ + margin: 2px 7px 6px; + padding: 0; + display: block; + position: relative; + } + li.col-2 { + display: inline; + float: left; + margin: 0; + padding: 4px 6px; + } + + li a.thumb { + height: 50px; + width: 114px; + padding: 0!important; + margin: 0; + background-size: cover; + outline: 1px solid #626262; + opacity: .8; + &:hover {opacity: 1} + } + li.active { + a {outline: 2px solid @graphene-ui-success } + a {opacity: 1} + } +} + +main .oe_snippet_body:not(.dropdown-submenu){ + overflow: hidden; + max-height: 0; + .animation(o-anim_drop cubic-bezier(0.215, 0.610, 0.355, 1.000) .2s); + .animation-iteration-count(1); + .transform-origin(50% 50%); + .animation-fill-mode(forwards); +} + +.o-anim_drop(){ + 0% { + max-height: 0; + opacity: .9; + .scale(1.05); + box-shadow: 0 0 20px 0 #555; + } + 80% { + opacity: 1; + } + 100% { + max-height: 2000px; + opacity: 1; + .scale(1); + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } +} + +@-webkit-keyframes o-anim_drop {.o-anim_drop;} + @-moz-keyframes o-anim_drop {.o-anim_drop;} + @-ms-keyframes o-anim_drop {.o-anim_drop;} + @-o-keyframes o-anim_drop {.o-anim_drop;} + @keyframes o-anim_drop {.o-anim_drop;} + + + +// Elements interaction + + +// If a title is first child of a box with custom margin-top, +// then remove the natural title's margin-top + +[class*='mt'] { + > h1, > h2, > h3, > h4, > h5, > h6 { + &:first-child{ + margin-top: 0; + } + } +} + + +// ============================= +// ==== Top Content ========== +// ============================= + +#wrapwrap.top_content{ + position: relative; + + #graph_header { + position: absolute; + top: 0; + left: 0; + margin: 0; + width:100%; + + a.navbar-brand, .navbar-default a.navbar-brand { + color: #fff; + } + .navbar{ + background-color: rgba(0, 0, 0, 0.1); + } + + .nav> li > a{ + color: @gray-lighter; + } + .nav > li.active > a, .nav> li.hover > a{ + color: #fff; + } + + } + + > main, > footer { + opacity: 0.999; // hack to create a stacking context allowing to place top_content on top of background but behind everything else + } + + #wrap{ + #blog_content{ + background: #FEFEFE; + } + } + .move_to_top, .cover.js_fullheight{ + z-index: -1; + position: absolute; + width: 100%; + top: 0; + left: 0; + + // Blog's Post edit buttons + .js_publish_management, #change_cover{ + margin-top: 100%; + } + } +} + + +//================================== SNIPPETS ==================================== + + +// ============================= +// s_text_block ================ +// ============================= + +.s_text_block { + margin-top: 0; + margin-bottom: 0; +} + + +// ============================= +// s_text_block_image_fw ======= +// ============================= + +.s_text_block_image_fw { + div{ + text-shadow: none; + } +} + + + +// ============================= +// Media Block ================= +// ============================= + +.s_media_block-hook{ + > .v-align { + z-index: 1; + color: white; + position: relative; + } + + .title-boxed{ + margin-bottom: 0; + } + + .yt_video_container{ + .controls{ + position: absolute; + top: 80%; + right: 50px; + opacity: 0; + padding: 3px 7px; + color: @gray-light; + background: rgba(0, 0, 0, 0.69); + span.btnMute { margin-left:5px}; + span:hover { color: @white; cursor: pointer;} + } + &:hover{ + .controls{ + opacity: 1; + } + } + } + .yt_video_container{ + position: absolute; + z-index: 0; + top: 0; + left: 0; + width: 100%; + height: 100%; + transform: translate(0); + background: rgba(0, 0, 0, 0); + &.js-static-black{ + background: black; + } + &.js-animated-bg{ + background: linear-gradient(230deg,#4b79cf,#a24bcf,#4bc5cf); + background-size: 300% 300%; + .animation(o-anim_movingBG 30s ease infinite); + } + .mb_YTPBar{display: none!important} + + .yt-loader{ + position: absolute; + height: 3px; + background: #2D9; + display: block; + overflow: visible!important; + left: 0; + .transition(width 800ms ease); + span{ + display: block; + position: absolute; + right: 0px; + width: 100px; + height: 100%; + box-shadow: 0 0 10px #2D9, 0 0 5px #2D9; + opacity: 1.0; + } + + } + } +} + + +.o-anim_movingBG(){ + 0% { + background-position: 0% 84% + } + 40% { + background-position: 100% 16% + } + 100% { + background-position: 0% 84% + } +} + +@-webkit-keyframes o-anim_movingBG {.o-anim_movingBG;} + @-moz-keyframes o-anim_movingBG {.o-anim_movingBG;} + @-ms-keyframes o-anim_movingBG {.o-anim_movingBG;} + @-o-keyframes o-anim_movingBG {.o-anim_movingBG;} + @keyframes o-anim_movingBG {.o-anim_movingBG;} + + + +#s_media_block_modal { + + .modal-header { + #header_type{ + background-color: @graphene-ui-light; + } + .videoEnabler { + position: relative; + display: block; + height: 3em; + + .form-control { + border: none;display: inline-block; + vertical-align: middle; + height:100%; + font-size: 1.3em; + height: 1.8em; + display: block; + } + i { + font-size: 1.6em; + margin-top: 0.25em; + color:hsl(221, 14%, 37%); + } + } + } + .modal-body { + + img.guide { + -webkit-box-shadow: inset rgba(0, 0, 0, 0.35) 0 0 26px,rgba(0, 0, 0, 0.35) 0 0 15px; + -moz-box-shadow: inset rgba(0,0,0,.35) 0 0 26px,rgba(0,0,0,.35) 0 0 15px; + box-shadow: inset rgba(0, 0, 0, 0.35) 0 0 26px,rgba(0, 0, 0, 0.35) 0 0 15px; + border-radius: 50%; + border: 8px solid #FFF; + width: 75%; + height: auto; + margin-top: 20px; + } + .videoTabs { + max-height: 0px; + opacity: 0; + overflow: hidden; + width: 100%; + position: relative; + border-top: 0px solid black; + + hr { + margin: 10px -15px 20px; + border-top: 1px solid #434A58; + } + + small i[data-icon] { + margin-right: -1px; + font-size: 10px; + text-shadow: none; + display: inline-block; + transform: translateY(-1px); + } + } + .videoTabs.active { + max-height: 2000px; + opacity: 1; + padding: 20px 0; + } + .pre_label { + padding-left: 0; + text-align: right; + font-size: 12px; + margin-bottom: 0; + font-weight: 400; + cursor: auto; + } + + select.background{ + font-size: 12px; + line-height: 12px; + height: 20px; + } + + #custom_content { + font-family: monospace; + font-size: 0.8em; + } + } + .modal-footer{ + border-top: 1px solid rgba(255, 255, 255, 0.1); + text-align: right; + } + .close { + color: #FFF; + position: absolute; + top: 2px; + opacity: .9; + right: 0; + padding: 0.2em 0.4em; + } + + label { + color: #EAEAEA; + } + .help-block { + display: block; + margin-top: 4px; + margin-bottom: 7px; + color: #B3BFC4; + font-size: 10px; + font-weight: bold; + i { + color: #16A085; + margin-right: 7px; + } + } + + .yt-options input{ + color: #555; + margin-top: 0; + } +} + + + +// ============================= +// === s_animated_boxes ======== +// ============================= + + +.s_animated_boxes-slide-hook(){ + .transition(none); + display: none; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.s_animated_boxes-slide_hover-hook(){ + .transition(none); + //opacity: 1; +} + + + +// ================================= +// s_medias_list +// ================================= + +@s_medias_list-bg-color-main: white; + + +// ================================= +// s_numbers +// ================================= + +@s_numbers-main_bg_color: @color-beta; +@s_numbers-numbers_color: @white; + + +// ============================= +// 4.6 Google Map ============ +// ============================= + +@s_google_map-desc-bg : @color-beta; +@s_google_map-desc-hover-bg : @color-beta; + + +.stdMap-thumb { .bg-thumb("map-default.jpg")} +.lightMonoMap-thumb { .bg-thumb("map-default.jpg")} +.cupertinoMap-thumb { .bg-thumb("map-cupertino.jpg")} +.retroMap-thumb { .bg-thumb("map-retro.jpg")} +.cobaltMap-thumb { .bg-thumb("map-cobalt.jpg")} +.flatMap-thumb { .bg-thumb("map-flat.jpg")} +.blueMap-thumb { .bg-thumb("map-blue.jpg")} +.lillaMap-thumb { .bg-thumb("map-lilla.jpg")} +.carMap-thumb { .bg-thumb("map-caramello.jpg")} +.testMap-thumb { .bg-thumb("map-default.jpg")} +.lightMonoMap-thumb { .bg-thumb("map-lightMono.jpg")} +.bwMap-thumb { .bg-thumb("map-bw.jpg")} + + +// ============================= +// Page Header s_page_header == +// ============================= + +// Snippet +@s_page_header-main-bg_color : @color-beta-lighter; +@s_page_header-main-font_color : @white; + +// Labels +@s_page_header-label-font_size : .9em; +@s_page_header-label-border_radius : 2px; +@s_page_header-label-padding : 5px 8px; +@s_page_header-label-margin : 0 10px 0 0; + +// Labels > i +@s_page_header-i-margin: 0 6px; + + + +// ============================= +// === s_showcase_slider ======= +// ============================= + +.s_showcase_slider-navigation-hook(){ + span { + text-indent:100%; + background:url("../img/ui/s_showcase_slider-arrow.svg") no-repeat center center; + &:before{ content: none;} + } + &:first-of-type { + span {.rotate(180deg); } + } +} + +.s_showcase_slider-close-hook(){ + background: url("../img/ui/s_showcase_slider-close.svg") no-repeat center center; + text-indent: 100%; +} + +.s_showcase_slider-slider-hover-hook(){ + &:after{ + background: rgba(0, 0, 0, 0.4) url("../img/ui/s_showcase_slider-zoom.svg") no-repeat center center; + } +} + + +// ==================== +// .s_latest_posts +// ==================== + + +@s_latest_posts_big_picture-figure_bg: @color-beta-light; + + +.s_latest_posts-js_get_posts-hook(){ + + figcaption p { margin: 0 } + + &.effect-dexter { + figure{ + background: -webkit-linear-gradient(top, darken(@color-beta, 10%) 0%, darken(@color-beta, 30%) 100%); + background: linear-gradient(to bottom, darken(@color-beta, 10%) 0%,darken(@color-beta, 30%) 100%); + .thumb { + -webkit-transition: opacity 0.35s; + transition: opacity 0.35s; + } + figcaption{ + padding: 3em; + text-align: left; + &:after { + position: absolute; + right: 30px; + bottom: 30px; + left: 30px; + height: -webkit-calc(50% - 10px); + height: calc(50% - 10px); + border: 2px solid #fff; + content: ''; + .transition(transform 0.35s); + .translate3d(0,-100%,0); + } + } + p { + position: absolute; + right: 60px; + bottom: 60px; + left: 60px; + opacity: 0; + .transition(e("opacity 0.35s linear 0s, transform 0.35s linear 0s")); + -webkit-transform: translate3d(0,-100px,0); + transform: translate3d(0,-100px,0); + } + &:hover { + .thumb{ + opacity: 0.4; + } + figcaption::after { + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + } + p { + opacity: 1; + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + } + } + } + } + + &.effect-chico{ + .thumb { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: scale(1.12); + transform: scale(1.12); + } + figcaption { + padding: 3em; + &::before { + position: absolute; + top: 7%; + right: 7%; + bottom: 7%; + left: 7%; + border: 1px solid #fff; + content: ''; + -webkit-transform: scale(1.1); + transform: scale(1.1); + opacity: 0; + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + } + } + p{ + opacity: 0; + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + margin: 10% auto 0; + max-width: 200px; + -webkit-transform: scale(1.5); + transform: scale(1.5); + } + h2 { + padding: 0; + } + figure:hover{ + .thumb { + opacity: 0.5; + -webkit-transform: scale(1); + transform: scale(1); + } + figcaption::before,p { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } + } + } + &.effect-marley{ + + figcaption { + text-align: right; + h2, p { + position: absolute; + right: 30px; + left: 30px; + padding: 10px 0; + } + p { + bottom: 30px; + line-height: 1.5; + -webkit-transform: translate3d(0,100%,0); + transform: translate3d(0,100%,0); + opacity: 0; + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + } + h2 { + top: 30px; + -webkit-transition: -webkit-transform 0.35s; + transition: transform 0.35s; + -webkit-transform: translate3d(0,20px,0); + transform: translate3d(0,20px,0); + &:after { + position: absolute; + top: 100%; + left: 0; + width: 100%; + height: 4px; + background: #fff; + content: ''; + -webkit-transform: translate3d(0,40px,0); + transform: translate3d(0,40px,0); + opacity: 0; + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + } + } + } + + figure:hover{ + figcaption{ + h2 { + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + } + h2::after,p { + opacity: 1; + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + } + } + } + } + + &.effect-steve{ + figure{ + z-index: auto; + background: #000; + &:before, h2:before{ + position: absolute; + top: 0; + left: 0; + z-index: -1; + width: 100%; + height: 100%; + background: #000; + content: ''; + -webkit-transition: opacity 0.35s; + transition: opacity 0.35s; + } + &:before{ + box-shadow: 0 3px 30px rgba(0,0,0,0.8); + opacity: 0; + } + .content{ + overflow: hidden; + } + figcaption { + z-index: 1; + } + .thumb { + opacity: 1; + -webkit-transition: -webkit-transform 0.35s; + transition: transform 0.35s; + -webkit-transform: perspective(1000px) translate3d(0,0,0); + transform: perspective(1000px) translate3d(0,0,0); + } + h2, p { + background: #fff; + color: #2d434e; + } + h2 { + position: relative; + margin-top: .1em; + padding: 0.25em; + &:before { + box-shadow: 0 1px 10px rgba(0,0,0,0.5); + } + } + p { + margin-top: 1em; + padding: 0.5em; + font-weight: 800; + opacity: 0; + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: scale3d(0.9,0.9,1); + transform: scale3d(0.9,0.9,1); + } + + + &:hover{ //figure + + &:before { + opacity: 1; + } + h2:before { + opacity: 0; + } + .thumb { + -webkit-transform: perspective(1000px) translate3d(0,0,21px); + transform: perspective(1000px) translate3d(0,0,21px); + } + p { + opacity: 1; + -webkit-transform: scale3d(1,1,1); + transform: scale3d(1,1,1); + } + } + } + } + + &.first_is_big figure:first-child{ + width: 98%; + } +}; + + + + +// DEMO PAGES + +#wrap.demo_welcome{ + + .s_showcase{ + + h4 { + font-weight: 100; + vertical-align: middle; + } + + a.btn {margin-top: 2em;} + + @media only screen and (max-width: 768px){ + img{ + display: block; + text-align: center; + position: relative; + margin: auto; + } + a.btn {margin-top: 0;} + + } + } + .tech .img-responsive { + max-height: 50px; + text-align: center; + margin: 0 auto; + max-width: 100px; + } + + .s_showcase_slider.feat .s-ss-slider li { + padding: 0 10%; + background: #FFF; + } +} +#wrap.demo_blocks{ + .s_latest_posts_big_picture a { + pointer-events: none!important; + } + +} + + + + + +/*================================================== += Bootstrap 3 Media Queries = +==================================================*/ + +/* Extra Small Devices, Phones */ +@media only screen and (max-width : 480px) { + .v-align{ + top: auto; + .translate(0; 0); + } +} + +/* Small Devices, Tablets */ +@media only screen and (min-width : 768px) {} + +/* Medium Devices, Desktops */ +@media only screen and (min-width : 992px) {} + +/* Large Devices, Wide Screens */ +@media only screen and (min-width : 1200px) {} + diff --git a/theme_graphene/static/src/less/options/colors/blackmath.less b/theme_graphene/static/src/less/options/colors/blackmath.less new file mode 100644 index 000000000..c082a2dd9 --- /dev/null +++ b/theme_graphene/static/src/less/options/colors/blackmath.less @@ -0,0 +1,63 @@ +// Tender Color Set + + +// ============================= + +@color-alpha : @color-alpha-blackmath; +@color-beta : @color-beta-blackmath; +@color-gamma : @color-gamma-blackmath; +@color-delta : @color-delta-blackmath; +@color-epsilon : @color-epsilon-blackmath; + + + +// ============================= +// Bootstrap Colours =========== +// ============================= + +@brand-primary : @color-alpha; +@brand-info : #5877BA; +@brand-success : #31B05E; +@brand-info : #4D68A3; +@brand-warning : #EACF41; +@brand-danger : #CB3E3E; + + +// ============================= +// Backgrounds Colours ========= +// ============================= + + + +.graphene-layout-boxed() when (@graphene-layout-boxed = true) { + body { background: @color-epsilon } +} +.graphene-layout-boxed(); + + +.graphene-layout-postcard() when (@graphene-layout-postcard = true) { + body { background: @color-epsilon } + + header#graph_header { + .navbar-brand, .navbar-default .navbar-brand { + color: white; + } + + .navbar .navbar-nav > li.active > a, + .navbar .navbar-nav > li.active > a:hover, + .navbar .navbar-nav > li.active > a:focus { + color: white; + } + + .navbar .navbar-nav > li > a { + color: lighten(@color-epsilon-light, 10%); + &:hover{ + color: white; + } + } + } +} +.graphene-layout-postcard(); + + + diff --git a/theme_graphene/static/src/less/options/colors/gardenia.less b/theme_graphene/static/src/less/options/colors/gardenia.less new file mode 100644 index 000000000..4b03369d7 --- /dev/null +++ b/theme_graphene/static/src/less/options/colors/gardenia.less @@ -0,0 +1,85 @@ +// Gardenia Color Set +// =========================== + +@color-alpha : @color-alpha-gardenia; +@color-beta : @color-beta-gardenia; +@color-gamma : @color-gamma-gardenia; +@color-delta : @color-delta-gardenia; +@color-epsilon : @color-epsilon-gardenia; + + +// ============================= +// Bootstrap Colours =========== +// ============================= + +@brand-primary: @color-alpha; + + + +// ============================= +// General Colours ============= +// ============================= + + +#wrapwrap { + + .navbar-default .navbar-nav > .active > a > span, + .navbar-default .navbar-nav > .active > a:hover > span, + .navbar-default .navbar-nav > .active > a:focus > span { + border-bottom: 2px solid @color-epsilon ; + } + + .label-default { + background-color: @color-epsilon ; + } + +} + + +// ============================= +// Snipets ===================== +// ============================= + + + +.jumbotron { + background-color: #DDD; +} + + +// ============================= +// Layout ====================== +// ============================= + +.graphene-layout-postcard() when (@graphene-layout-boxed = true), (@graphene-layout-postcard = true) { + + body { background: #EDEDEE;} + + header#graph_header { + .navbar-brand, .navbar-default .navbar-brand { + color: @gray-darker; + } + + .navbar .navbar-nav > li.active > a, + .navbar .navbar-nav > li.active > a:hover, + .navbar .navbar-nav > li.active > a:focus { + color: @gray-dark; + } + + .navbar .navbar-nav > li > a { + color: @gray-darker; + } + } + + +} +.graphene-layout-postcard(); + + + + + + + + + diff --git a/theme_graphene/static/src/less/options/colors/mwad.less b/theme_graphene/static/src/less/options/colors/mwad.less new file mode 100644 index 000000000..005e2e5b6 --- /dev/null +++ b/theme_graphene/static/src/less/options/colors/mwad.less @@ -0,0 +1,50 @@ +// MWAD Color Set +// ========================== + +@color-alpha : @color-alpha-mwad; +@color-beta : @color-beta-mwad; +@color-gamma : @color-gamma-mwad; +@color-delta : @color-delta-mwad; +@color-epsilon : @color-epsilon-mwad; + + +// ============================= +// Bootstrap Colours =========== +// ============================= + +@brand-primary: @color-alpha; +@brand-success: #5CB85C; + + + +.graphene-layout-boxed() when (@graphene-layout-boxed = true) { + body { background: @color-epsilon } +} +.graphene-layout-boxed(); + +.graphene-layout-postcard() when (@graphene-layout-postcard = true) { + body { background: @color-epsilon } + + header#graph_header { + .navbar-brand, .navbar-default .navbar-brand { + color: white; + } + + .navbar .navbar-nav > li.active > a, + .navbar .navbar-nav > li.active > a:hover, + .navbar .navbar-nav > li.active > a:focus { + color: @gray-lighter; + } + + .navbar .navbar-nav > li > a { + color: @gray-light; + &:hover{ + color: white; + } + } + } + +} +.graphene-layout-postcard(); + + diff --git a/theme_graphene/static/src/less/options/colors/pacifico.less b/theme_graphene/static/src/less/options/colors/pacifico.less new file mode 100644 index 000000000..2998ab710 --- /dev/null +++ b/theme_graphene/static/src/less/options/colors/pacifico.less @@ -0,0 +1,94 @@ +// Pacifico Color Set +// ============================= + +@color-alpha : @color-alpha-pacifico; +@color-beta : @color-beta-pacifico; +@color-gamma : @color-gamma-pacifico; +@color-delta : @color-delta-pacifico; +@color-epsilon : @color-epsilon-pacifico; + + + +// ============================= +// Bootstrap Colours =========== +// ============================= + +@brand-primary : @color-alpha; +@brand-info : #4D68A3; +@brand-success : #5CB85C; +@brand-info : #4D68A3; +@brand-warning : #DDC66B; +@brand-danger : #D86060; + + +// ============================= +// Layout's Colours ============ +// ============================= + +body{ background-color: #FEFEFE;} + +// LAYOUT BOXED + +.graphene-layout-boxed() when (@graphene-layout-boxed = true) { + + body{ background-color: #575D69;} + +} +.graphene-layout-boxed(); + + + + + + +// LAYOUT POSTCARD +.graphene-layout-postcard() when (@graphene-layout-postcard = true) { + + body{ background-color: #575D69;} + + a.navbar-brand, .navbar-default a.navbar-brand { + color: @white; + } + + header#graph_header .navbar .navbar-nav > li.active > a, + header#graph_header .navbar .navbar-nav > li.active > a:hover, + header#graph_header .navbar .navbar-nav > li.active > a:focus { + color: @gray-lighter; + } + + header#graph_header .navbar .navbar-nav > li > a { + color: @gray-light; + &:hover{ + color: white; + } + } + +} +.graphene-layout-postcard(); + + + + +// LAYOUT TOP BANNER + +.graphene-layout-top_banner() when (@graphene-layout-top_banner = true) { + + body{ background-color: #575D69;} + + a.navbar-brand, .navbar-default a.navbar-brand { + color: @white; + } + + header#graph_header .navbar .navbar-nav > li.active > a, + header#graph_header .navbar .navbar-nav > li.active > a:hover, + header#graph_header .navbar .navbar-nav > li.active > a:focus { + color: @gray-lighter; + } + + header#graph_header .navbar .navbar-nav > li > a { + color: @gray-light; + } + +} +.graphene-layout-top_banner(); + diff --git a/theme_graphene/static/src/less/options/fonts/Cinzel.less b/theme_graphene/static/src/less/options/fonts/Cinzel.less new file mode 100644 index 000000000..47d1008a5 --- /dev/null +++ b/theme_graphene/static/src/less/options/fonts/Cinzel.less @@ -0,0 +1,12 @@ +@import url(https://fonts.googleapis.com/css?family=Cinzel:700,400&subset=latin,latin-ext); + +.serif { + font-family: 'Cinzel', serif; + &i, &em { + font-style: normal; + } + i, em { + font-style: normal; + } +} + diff --git a/theme_graphene/static/src/less/options/fonts/OldStandard.less b/theme_graphene/static/src/less/options/fonts/OldStandard.less new file mode 100644 index 000000000..755b3784f --- /dev/null +++ b/theme_graphene/static/src/less/options/fonts/OldStandard.less @@ -0,0 +1,5 @@ +@import url(https://fonts.googleapis.com/css?family=Old+Standard+TT:700,400,400italic&subset=latin,latin-ext); + +.serif { + font-family: 'Old Standard TT', serif; +} \ No newline at end of file diff --git a/theme_graphene/static/src/less/options/fonts/PlayfairDisplay.less b/theme_graphene/static/src/less/options/fonts/PlayfairDisplay.less new file mode 100644 index 000000000..bea0c2c46 --- /dev/null +++ b/theme_graphene/static/src/less/options/fonts/PlayfairDisplay.less @@ -0,0 +1,5 @@ +@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic&subset=latin,latin-ext); + +.serif { + font-family: 'Playfair Display', serif; +} \ No newline at end of file diff --git a/theme_graphene/static/src/less/options/fonts/abel.less b/theme_graphene/static/src/less/options/fonts/abel.less new file mode 100644 index 000000000..17ae09f7d --- /dev/null +++ b/theme_graphene/static/src/less/options/fonts/abel.less @@ -0,0 +1,8 @@ +// Abel +@import url(https://fonts.googleapis.com/css?family=Abel&subset=latin,latin-ext); + +.sans-serif { + font-family: 'Abel', sans-serif; +} + + diff --git a/theme_graphene/static/src/less/options/fonts/sans-serif.less b/theme_graphene/static/src/less/options/fonts/sans-serif.less new file mode 100644 index 000000000..9f6b13b32 --- /dev/null +++ b/theme_graphene/static/src/less/options/fonts/sans-serif.less @@ -0,0 +1,2 @@ + +.sans-serif { font-family: sans-serif; } diff --git a/theme_graphene/static/src/less/options/fonts/source-sans.less b/theme_graphene/static/src/less/options/fonts/source-sans.less new file mode 100644 index 000000000..40d76219d --- /dev/null +++ b/theme_graphene/static/src/less/options/fonts/source-sans.less @@ -0,0 +1,3 @@ +.sans-serif { + font-family: 'source_sans', sans-serif; +} diff --git a/theme_graphene/static/src/less/options/layouts/boxed.less b/theme_graphene/static/src/less/options/layouts/boxed.less new file mode 100644 index 000000000..ad095924f --- /dev/null +++ b/theme_graphene/static/src/less/options/layouts/boxed.less @@ -0,0 +1,27 @@ +// Option Layout Boxed + +@graphene-layout-boxed : true; + +#wrap, footer > .container, footer > #footer{ + .container{max-width: 100%} +} + +#wrap { + margin-top: 0; +} + +#wrapwrap { + background: #FFF; + padding: 0; + width: 85%; + margin: 0 auto; + + + #graph_header .navbar{ + padding: 20px 10px; + + + } + .container{max-width: 100%} + +} \ No newline at end of file diff --git a/theme_graphene/static/src/less/options/layouts/fullwidth.less b/theme_graphene/static/src/less/options/layouts/fullwidth.less new file mode 100644 index 000000000..2700da075 --- /dev/null +++ b/theme_graphene/static/src/less/options/layouts/fullwidth.less @@ -0,0 +1 @@ +#wrap{} \ No newline at end of file diff --git a/theme_graphene/static/src/less/options/layouts/postcard.less b/theme_graphene/static/src/less/options/layouts/postcard.less new file mode 100644 index 000000000..1f1054800 --- /dev/null +++ b/theme_graphene/static/src/less/options/layouts/postcard.less @@ -0,0 +1,76 @@ +// Postcard Layout + +@graphene-layout-postcard: true; + + +#graph_header { + .navbar{ + padding-left: 2.5%; + padding-right: 2.5%; + } + .nav li.open > a{ + background-color: rgba(0, 0, 0, 0); + color: #555; + } + .nav li.open a { + color: #555; + } +} + + +#wrapwrap, main, footer{ + background-color: rgba(0, 0, 0, 0)!important; +} + + + + +#wrap, footer > .container, footer > #footer{ + background: #FFF; + margin: 0 auto; + padding-top: 1px; + padding-bottom: 1px; + max-width: 1024px; + width: 95%; + .box-shadow(0 3px 5px 0px rgba(0, 0, 0, 0.18)); + .container{max-width: 100%} +} + +footer { + padding-bottom: 1em; +} + +footer > .container, footer > #footer{ + border-radius:0; + margin-top:0!important; + &:last-child{ + padding-bottom: 1em; + margin-bottom: 3em!important; + } +} + + +// =========== Others modules compatibility + + +.website_forum { + background: #FFF; + margin: 0 auto; + padding-top: 10px; + padding-bottom: 1px; + max-width: 1024px; + width: 95%; + a.navbar-brand{ + padding-left: 10px; + } +} + + +main > section.container{ + background: #FFF; + margin: 0 auto; + padding-top: 10px; + padding-bottom: 1px; + max-width: 1024px; + width: 95%; +} diff --git a/theme_graphene/static/src/less/options/layouts/top_banner.less b/theme_graphene/static/src/less/options/layouts/top_banner.less new file mode 100644 index 000000000..490564c53 --- /dev/null +++ b/theme_graphene/static/src/less/options/layouts/top_banner.less @@ -0,0 +1,96 @@ +// Postcard Layout + +@graphene-layout-top_banner: true; + + +#graph_header { + .navbar{ + padding-left: 2.5%; + padding-right: 2.5%; + } + .nav li.open > a{ + background-color: rgba(0, 0, 0, 0); + color: #555; + } + .nav li.open a { + color: #555; + } +} + +// #wrapwrap{ +// position: absolute; +// } + +#wrapwrap, main, footer{ + background-color: rgba(0, 0, 0, 0)!important; +} + + + + +#wrap, footer > .container, footer > #footer{ + background: #FFF; + margin: 0 auto; + padding-top: 1px; + max-width: 1024px; + width: 95%; + .box-shadow(0 6px 7px 0px rgba(0, 0, 0, 0.18)); + + .container{max-width: 100%} +} + +footer { + padding-bottom: 1em; +} + +footer > .container, footer > #footer{ + border-radius:0; + margin-top:0!important; + &:last-child{ + padding-bottom: 1em; + margin-bottom: 3em!important; + } +} + + + +#wrapwrap.top_content_enabled.top_content{ + #graph_header { + position: absolute; + top: 0; + left: 0; + margin: 0; + width:100%; + + a.navbar-brand, .navbar-default a.navbar-brand { + color: #fff; + } + .navbar{ + background-color: rgba(0, 0, 0, 0.1); + } + + .nav> li > a{ + color: @gray-lighter; + } + .nav > li.active > a, .nav> li.hover > a{ + color: #fff; + } + + } + + #wrap{ + > section, > div, > [class^="s_"] { + z-index: 2; + position: relative; + } + > .move_to_top{ + z-index: 1; + position: absolute; + width: 100%; + top: 0; + left: 0; + } + } +} + + diff --git a/theme_graphene/static/src/lib/jquery.mb.YTPlayer.js b/theme_graphene/static/src/lib/jquery.mb.YTPlayer.js new file mode 100644 index 000000000..1d425a3d7 --- /dev/null +++ b/theme_graphene/static/src/lib/jquery.mb.YTPlayer.js @@ -0,0 +1,1230 @@ +/*___________________________________________________________________________________________________________________________________________________ + _ jquery.mb.components _ + _ _ + _ file: jquery.mb.YTPlayer.js _ + _ last modified: 19/08/14 20.13 _ + _ _ + _ Open Lab s.r.l., Florence - Italy _ + _ _ + _ email: matteo@open-lab.com _ + _ site: http://pupunzi.com _ + _ http://open-lab.com _ + _ blog: http://pupunzi.open-lab.com _ + _ Q&A: http://jquery.pupunzi.com _ + _ _ + _ Licences: MIT, GPL _ + _ http://www.opensource.org/licenses/mit-license.php _ + _ http://www.gnu.org/licenses/gpl.html _ + _ _ + _ Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi); _ + ___________________________________________________________________________________________________________________________________________________*/ + +var ytp = ytp || {}; + +function onYouTubePlayerAPIReady() { + if(ytp.YTAPIReady) + return; + + ytp.YTAPIReady=true; + jQuery(document).trigger("YTAPIReady"); +} + +(function (jQuery, ytp) { + + /*Browser detection patch*/ + var nAgt = navigator.userAgent; + if (!jQuery.browser) { + jQuery.browser = {}; + jQuery.browser.mozilla = !1; + jQuery.browser.webkit = !1; + jQuery.browser.opera = !1; + jQuery.browser.safari = !1; + jQuery.browser.chrome = !1; + jQuery.browser.msie = !1; + jQuery.browser.ua = nAgt; + jQuery.browser.name = navigator.appName; + jQuery.browser.fullVersion = "" + parseFloat(navigator.appVersion); + jQuery.browser.majorVersion = parseInt(navigator.appVersion, 10); + var nameOffset, verOffset, ix; + if (-1 != (verOffset = nAgt.indexOf("Opera")))jQuery.browser.opera = !0, jQuery.browser.name = "Opera", jQuery.browser.fullVersion = nAgt.substring(verOffset + 6), -1 != (verOffset = nAgt.indexOf("Version")) && (jQuery.browser.fullVersion = nAgt.substring(verOffset + 8)); else if (-1 != (verOffset = nAgt.indexOf("MSIE")))jQuery.browser.msie = !0, jQuery.browser.name = "Microsoft Internet Explorer", jQuery.browser.fullVersion = nAgt.substring(verOffset + 5); else if (-1 != nAgt.indexOf("Trident")) { + jQuery.browser.msie = !0; + jQuery.browser.name = "Microsoft Internet Explorer"; + var start = nAgt.indexOf("rv:") + 3, end = start + 4; + jQuery.browser.fullVersion = nAgt.substring(start, end) + } else-1 != (verOffset = nAgt.indexOf("Chrome")) ? (jQuery.browser.webkit = !0, jQuery.browser.chrome = !0, jQuery.browser.name = "Chrome", jQuery.browser.fullVersion = nAgt.substring(verOffset + 7)) : -1 != (verOffset = nAgt.indexOf("Safari")) ? (jQuery.browser.webkit = !0, jQuery.browser.safari = !0, jQuery.browser.name = "Safari", jQuery.browser.fullVersion = nAgt.substring(verOffset + 7), -1 != (verOffset = nAgt.indexOf("Version")) && (jQuery.browser.fullVersion = nAgt.substring(verOffset + 8))) : -1 != (verOffset = nAgt.indexOf("AppleWebkit")) ? (jQuery.browser.webkit = !0, jQuery.browser.name = "Safari", jQuery.browser.fullVersion = nAgt.substring(verOffset + 7), -1 != (verOffset = nAgt.indexOf("Version")) && (jQuery.browser.fullVersion = nAgt.substring(verOffset + 8))) : -1 != (verOffset = nAgt.indexOf("Firefox")) ? (jQuery.browser.mozilla = !0, jQuery.browser.name = "Firefox", jQuery.browser.fullVersion = nAgt.substring(verOffset + 8)) : (nameOffset = nAgt.lastIndexOf(" ") + 1) < (verOffset = nAgt.lastIndexOf("/")) && (jQuery.browser.name = nAgt.substring(nameOffset, verOffset), jQuery.browser.fullVersion = nAgt.substring(verOffset + 1), jQuery.browser.name.toLowerCase() == jQuery.browser.name.toUpperCase() && (jQuery.browser.name = navigator.appName)); + -1 != (ix = jQuery.browser.fullVersion.indexOf(";")) && (jQuery.browser.fullVersion = jQuery.browser.fullVersion.substring(0, ix)); + -1 != (ix = jQuery.browser.fullVersion.indexOf(" ")) && (jQuery.browser.fullVersion = jQuery.browser.fullVersion.substring(0, ix)); + jQuery.browser.majorVersion = parseInt("" + jQuery.browser.fullVersion, 10); + isNaN(jQuery.browser.majorVersion) && (jQuery.browser.fullVersion = "" + parseFloat(navigator.appVersion), jQuery.browser.majorVersion = parseInt(navigator.appVersion, 10)); + jQuery.browser.version = jQuery.browser.majorVersion + } + jQuery.browser.android = /Android/i.test(nAgt); + jQuery.browser.blackberry = /BlackBerry|BB|PlayBook/i.test(nAgt); + jQuery.browser.ios = /iPhone|iPad|iPod|webOS/i.test(nAgt); + jQuery.browser.operaMobile = /Opera Mini/i.test(nAgt); + jQuery.browser.kindle = /Kindle|Silk/i.test(nAgt); + jQuery.browser.windowsMobile = /IEMobile|Windows Phone/i.test(nAgt); + jQuery.browser.mobile = jQuery.browser.android || jQuery.browser.blackberry || jQuery.browser.ios || jQuery.browser.windowsMobile || jQuery.browser.operaMobile || jQuery.browser.kindle; + + /******************************************************************************* + * jQuery.mb.components: jquery.mb.CSSAnimate + ******************************************************************************/ + + jQuery.fn.CSSAnimate=function(a,g,p,m,h){function r(a){return a.replace(/([A-Z])/g,function(a){return"-"+a.toLowerCase()})}function f(a,f){return"string"!==typeof a||a.match(/^[\-0-9\.]+$/)?""+a+f:a}jQuery.support.CSStransition=function(){var a=(document.body||document.documentElement).style;return void 0!==a.transition||void 0!==a.WebkitTransition||void 0!==a.MozTransition||void 0!==a.MsTransition||void 0!==a.OTransition}();return this.each(function(){var e=this,k=jQuery(this);e.id=e.id||"CSSA_"+ (new Date).getTime();var l=l||{type:"noEvent"};if(e.CSSAIsRunning&&e.eventType==l.type)e.CSSqueue=function(){k.CSSAnimate(a,g,p,m,h)};else if(e.CSSqueue=null,e.eventType=l.type,0!==k.length&&a){e.CSSAIsRunning=!0;"function"==typeof g&&(h=g,g=jQuery.fx.speeds._default);"function"==typeof p&&(h=p,p=0);"function"==typeof m&&(h=m,m="cubic-bezier(0.65,0.03,0.36,0.72)");if("string"==typeof g)for(var b in jQuery.fx.speeds)if(g==b){g=jQuery.fx.speeds[b];break}else g=jQuery.fx.speeds._default;g||(g=jQuery.fx.speeds._default); if(jQuery.support.CSStransition){l={"default":"ease","in":"ease-in",out:"ease-out","in-out":"ease-in-out",snap:"cubic-bezier(0,1,.5,1)",easeOutCubic:"cubic-bezier(.215,.61,.355,1)",easeInOutCubic:"cubic-bezier(.645,.045,.355,1)",easeInCirc:"cubic-bezier(.6,.04,.98,.335)",easeOutCirc:"cubic-bezier(.075,.82,.165,1)",easeInOutCirc:"cubic-bezier(.785,.135,.15,.86)",easeInExpo:"cubic-bezier(.95,.05,.795,.035)",easeOutExpo:"cubic-bezier(.19,1,.22,1)",easeInOutExpo:"cubic-bezier(1,0,0,1)",easeInQuad:"cubic-bezier(.55,.085,.68,.53)", easeOutQuad:"cubic-bezier(.25,.46,.45,.94)",easeInOutQuad:"cubic-bezier(.455,.03,.515,.955)",easeInQuart:"cubic-bezier(.895,.03,.685,.22)",easeOutQuart:"cubic-bezier(.165,.84,.44,1)",easeInOutQuart:"cubic-bezier(.77,0,.175,1)",easeInQuint:"cubic-bezier(.755,.05,.855,.06)",easeOutQuint:"cubic-bezier(.23,1,.32,1)",easeInOutQuint:"cubic-bezier(.86,0,.07,1)",easeInSine:"cubic-bezier(.47,0,.745,.715)",easeOutSine:"cubic-bezier(.39,.575,.565,1)",easeInOutSine:"cubic-bezier(.445,.05,.55,.95)",easeInBack:"cubic-bezier(.6,-.28,.735,.045)", easeOutBack:"cubic-bezier(.175, .885,.32,1.275)",easeInOutBack:"cubic-bezier(.68,-.55,.265,1.55)"};l[m]&&(m=l[m]);var d="",q="transitionEnd";jQuery.browser.webkit?(d="-webkit-",q="webkitTransitionEnd"):jQuery.browser.mozilla?(d="-moz-",q="transitionend"):jQuery.browser.opera?(d="-o-",q="otransitionend"):jQuery.browser.msie&&(d="-ms-",q="msTransitionEnd");l=[];for(c in a){b=c;"transform"===b&&(b=d+"transform",a[b]=a[c],delete a[c]);"filter"===b&&(b=d+"filter",a[b]=a[c],delete a[c]);if("transform-origin"=== b||"origin"===b)b=d+"transform-origin",a[b]=a[c],delete a[c];"x"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" translateX("+f(a[c],"px")+")",delete a[c]);"y"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" translateY("+f(a[c],"px")+")",delete a[c]);"z"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" translateZ("+f(a[c],"px")+")",delete a[c]);"rotate"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" rotate("+f(a[c],"deg")+")",delete a[c]);"rotateX"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" rotateX("+f(a[c],"deg")+ ")",delete a[c]);"rotateY"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" rotateY("+f(a[c],"deg")+")",delete a[c]);"rotateZ"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" rotateZ("+f(a[c],"deg")+")",delete a[c]);"scale"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" scale("+f(a[c],"")+")",delete a[c]);"scaleX"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" scaleX("+f(a[c],"")+")",delete a[c]);"scaleY"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" scaleY("+f(a[c],"")+")",delete a[c]);"scaleZ"===b&&(b=d+"transform", a[b]=a[b]||"",a[b]+=" scaleZ("+f(a[c],"")+")",delete a[c]);"skew"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" skew("+f(a[c],"deg")+")",delete a[c]);"skewX"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" skewX("+f(a[c],"deg")+")",delete a[c]);"skewY"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" skewY("+f(a[c],"deg")+")",delete a[c]);"perspective"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" perspective("+f(a[c],"px")+")",delete a[c]);0>l.indexOf(b)&&l.push(r(b))}var c=l.join(","),s=function(){k.off(q+"."+ e.id);clearTimeout(e.timeout);k.css(d+"transition","");"function"==typeof h&&h(k);e.called=!0;e.CSSAIsRunning=!1;"function"==typeof e.CSSqueue&&(e.CSSqueue(),e.CSSqueue=null)},n={};jQuery.extend(n,a);n[d+"transition-property"]=c;n[d+"transition-duration"]=g+"ms";n[d+"transition-delay"]=p+"ms";n[d+"transition-style"]="preserve-3d";n[d+"transition-timing-function"]=m;setTimeout(function(){k.one(q+"."+e.id,s);k.css(n)},1);e.timeout=setTimeout(function(){k.called||!h?(k.called=!1,e.CSSAIsRunning=!1):(k.css(d+ "transition",""),h(k),e.CSSAIsRunning=!1,"function"==typeof e.CSSqueue&&(e.CSSqueue(),e.CSSqueue=null))},g+p+100)}else{for(var c in a)"transform"===c&&delete a[c],"filter"===c&&delete a[c],"transform-origin"===c&&delete a[c],"auto"===a[c]&&delete a[c];h&&"string"!==typeof h||(h="linear");k.animate(a,g,h)}}})}; + + /******************************************************************************/ + + var getYTPVideoID = function (url) { + + var videoID, playlistID; + + if (url.indexOf("youtu.be") > 0) { + videoID = url.substr(url.lastIndexOf("/")+1, url.length); + playlistID = videoID.indexOf("?list=") > 0 ? videoID.substr(videoID.lastIndexOf("="), videoID.length) : null; + videoID = playlistID ? videoID.substr(0, videoID.lastIndexOf("?")) : videoID; + } else if (url.indexOf("http") > -1) { + videoID = url.match(/[\\?&]v=([^&#]*)/)[1]; + playlistID = url.indexOf("list=")>0 ? url.match(/[\\?&]list=([^&#]*)/)[1] : null; + } else { + videoID = url.length > 15 ? null : url; + playlistID = videoID ? null : url; + } + + return {videoID: videoID, playlistID: playlistID}; + }; + + /* todo: + setPlaybackRate() + playlist + */ + + jQuery.mbYTPlayer = { + name : "jquery.mb.YTPlayer", + version: "2.8.0", + author : "Matteo Bicocchi", + + defaults: { + + containment : "body", + ratio : "auto", // "auto", "16/9", "4/3" + videoURL : null, + playlistURL : null, + startAt : 0, + stopAt : 0, + autoPlay : true, + vol : 100, // 1 to 100 + addRaster : false, + opacity : 1, + quality : "default", //or “small”, “medium”, “large”, “hd720”, “hd1080”, “highres” + mute : false, + loop : true, + showControls : true, + showAnnotations : false, + showYTLogo : true, + stopMovieOnClick : false, + stopMovieOnBlur : true, + realfullscreen : true, + gaTrack : true, + optimizeDisplay : true, + onReady : function (player) {} + + }, + + /* @fontface icons */ + controls: { + play : "P", + pause : "p", + mute : "M", + unmute : "A", + onlyYT : "O", + showSite: "R", + ytLogo : "Y" + }, + + locationProtocol: "https:", + + buildPlayer: function (options) { + + /* + if (jQuery.browser.mobile) + return this; + */ + + return this.each(function () { + var YTPlayer = this; + var $YTPlayer = jQuery(YTPlayer); + + YTPlayer.loop = 0; + YTPlayer.opt = {}; + + $YTPlayer.addClass("mb_YTPlayer"); + + var property = $YTPlayer.data("property") && typeof $YTPlayer.data("property") == "string" ? eval('(' + $YTPlayer.data("property") + ')') : $YTPlayer.data("property"); + + if (typeof property != "undefined" && typeof property.vol != "undefined") + property.vol = property.vol == 0 ? property.vol = 1 : property.vol; + + jQuery.extend(YTPlayer.opt, jQuery.mbYTPlayer.defaults, options, property); + + var isIframe = function() { + var isIframe = false; + try{ + if (self.location.href != top.location.href) + isIframe = true; + } catch(e) { + isIframe = true; + } + return isIframe; + }; + + var canGoFullScreen = !(jQuery.browser.msie || jQuery.browser.opera || isIframe()); + + if (!canGoFullScreen) + YTPlayer.opt.realfullscreen = false; + + if (!$YTPlayer.attr("id")) + $YTPlayer.attr("id", "video_" + new Date().getTime()); + + var playerID = "mbYTP_" + YTPlayer.id; + + YTPlayer.isAlone = false; + YTPlayer.hasFocus = true; + + var videoID = this.opt.videoURL ? getYTPVideoID(this.opt.videoURL).videoID : $YTPlayer.attr("href") ? getYTPVideoID($YTPlayer.attr("href")).videoID : false; + var playlistID = this.opt.videoURL ? getYTPVideoID(this.opt.videoURL).playlistID : $YTPlayer.attr("href") ? getYTPVideoID($YTPlayer.attr("href")).playlistID : false; + + YTPlayer.videoID = videoID; + YTPlayer.playlistID = playlistID; + + YTPlayer.opt.showAnnotations = (YTPlayer.opt.showAnnotations) ? '0' : '3'; + var playerVars = { 'autoplay': 0, 'modestbranding': 1, 'controls': 0, 'showinfo': 0, 'rel': 0, 'enablejsapi': 1, 'version': 3, 'playerapiid': playerID, 'origin': '*', 'allowfullscreen': true, 'wmode': 'rgba(0, 0, 0, 0)', 'iv_load_policy': YTPlayer.opt.showAnnotations}; + + var v = document.createElement('video'); + if (v.canPlayType) + jQuery.extend(playerVars, {'html5': 1}); + + if (jQuery.browser.msie && jQuery.browser.version < 9) { + this.opt.opacity = 1; + } + + var playerBox = jQuery("
    ").attr("id", playerID).addClass("playerBox"); + var overlay = jQuery("
    ").css({position: "absolute", top: 0, left: 0, width: "100%", height: "100%"}).addClass("YTPOverlay"); + + YTPlayer.isSelf = YTPlayer.opt.containment == "self"; + YTPlayer.opt.containment = YTPlayer.opt.containment == "self" ? jQuery(this) : jQuery(YTPlayer.opt.containment); + YTPlayer.isBackground = YTPlayer.opt.containment.get(0).tagName.toLowerCase() == "body"; + + if (YTPlayer.isBackground && ytp.backgroundIsInited) + return; + + var isPlayer = YTPlayer.opt.containment.is(jQuery(this)); + YTPlayer.canPlayOnMobile = isPlayer && jQuery(this).children().length == 0; + if (!isPlayer) { + $YTPlayer.hide(); + } else { + YTPlayer.isPlayer = true; + } + + if (jQuery.browser.mobile && !YTPlayer.canPlayOnMobile) { + $YTPlayer.remove(); + return; + } + + if (YTPlayer.opt.addRaster) { + var classN = YTPlayer.opt.addRaster == "dot" ? "raster-dot" : "raster"; + + var retina = (window.retina || window.devicePixelRatio > 1); + overlay.addClass(retina ? classN + " retina" : classN); + } else { + + overlay.removeClass(function (index, classNames) { + + // change the list into an array + var current_classes = classNames.split(" "), + // array of classes which are to be removed + classes_to_remove = []; + + jQuery.each(current_classes, function (index, class_name) { + // if the classname begins with bg add it to the classes_to_remove array + if (/raster-.*/.test(class_name)) { + classes_to_remove.push(class_name); + } + }); + + classes_to_remove.push("retina"); + // turn the array back into a string + return classes_to_remove.join(" "); + }) + } + + var wrapper = jQuery("
    ").addClass("mbYTP_wrapper").attr("id", "wrapper_" + playerID); + wrapper.css({position: "absolute", zIndex: 0, minWidth: "100%", minHeight: "100%", left: 0, top: 0, overflow: "hidden", opacity: 0}); + playerBox.css({position: "absolute", zIndex: 0, width: "100%", height: "100%", top: 0, left: 0, overflow: "hidden"}); + wrapper.append(playerBox); + + YTPlayer.opt.containment.children().not("script, style").each(function () { + if (jQuery(this).css("position") == "static") + jQuery(this).css("position", "relative"); + }); + + if (YTPlayer.isBackground) { + +// jQuery("body").css({position: "relative", minWidth: "100%", minHeight: "100%", zIndex: 1, boxSizing: "border-box"}); + jQuery("body").css({boxSizing: "border-box"}); + wrapper.css({position: "fixed", top: 0, left: 0, zIndex: 0, webkitTransform: "translateZ(0)"}); + $YTPlayer.hide(); + + } else if (YTPlayer.opt.containment.css("position") == "static") + YTPlayer.opt.containment.css({position: "relative"}); + + YTPlayer.opt.containment.prepend(wrapper); + YTPlayer.wrapper = wrapper; + + playerBox.css({opacity: 1}); + + if (!jQuery.browser.mobile) { + playerBox.after(overlay); + YTPlayer.overlay = overlay; + } + + if (!YTPlayer.isBackground) { + overlay.on("mouseenter", function () { + $YTPlayer.find(".mb_YTPBar").addClass("visible"); + }).on("mouseleave", function () { + $YTPlayer.find(".mb_YTPBar").removeClass("visible"); + }) + } + + if (!ytp.YTAPIReady) { + jQuery("#YTAPI").remove(); + var tag = jQuery("").attr({"src": jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/player_api?v=" + jQuery.mbYTPlayer.version, "id": "YTAPI"}); + jQuery("head title").after(tag); + } else { + setTimeout(function () { + jQuery(document).trigger("YTAPIReady"); + }, 100) + } + + jQuery(document).on("YTAPIReady", function () { + + if ((YTPlayer.isBackground && ytp.backgroundIsInited) || YTPlayer.isInit) + return; + + if (YTPlayer.isBackground && YTPlayer.opt.stopMovieOnClick) + jQuery(document).off("mousedown.ytplayer").on("mousedown.ytplayer", function (e) { + var target = jQuery(e.target); + if (target.is("a") || target.parents().is("a")) { + $YTPlayer.pauseYTP(); + } + }); + + if (YTPlayer.isBackground) { + ytp.backgroundIsInited = true; + } + + YTPlayer.opt.autoPlay = typeof YTPlayer.opt.autoPlay == "undefined" ? (YTPlayer.isBackground ? true : false) : YTPlayer.opt.autoPlay; + YTPlayer.opt.vol = YTPlayer.opt.vol ? YTPlayer.opt.vol : 100; + + jQuery.mbYTPlayer.getDataFromFeed(YTPlayer); + + jQuery(YTPlayer).on("YTPChanged", function () { + + if (YTPlayer.isInit) + return; + + YTPlayer.isInit = true; + + //if is mobile && isPlayer fallback to the default YT player + if (jQuery.browser.mobile && YTPlayer.canPlayOnMobile) { + new YT.Player(playerID, { + videoId: YTPlayer.videoID.toString(), + height : '100%', + width : '100%', + videoId: YTPlayer.videoID, + events : { + 'onReady' : function (event) { + YTPlayer.player = event.target; + playerBox.css({opacity: 1}); + YTPlayer.wrapper.css({opacity: YTPlayer.opt.opacity}); + $YTPlayer.optimizeDisplay(); + }, + 'onStateChange': function () {} + } + }); + return; + } + + new YT.Player(playerID, { + videoId : YTPlayer.videoID.toString(), + playerVars: playerVars, + events : { + 'onReady': function (event) { + + YTPlayer.player = event.target; + + if (YTPlayer.isReady) + return; + + YTPlayer.isReady = true; + + YTPlayer.playerEl = YTPlayer.player.getIframe(); + + $YTPlayer.optimizeDisplay(); + + YTPlayer.videoID = videoID; + + jQuery(window).on("resize.YTP", function () { + $YTPlayer.optimizeDisplay(); + }); + + if (YTPlayer.opt.showControls) + jQuery(YTPlayer).buildYTPControls(); + + var startAt = YTPlayer.opt.startAt ? YTPlayer.opt.startAt : 1; + + YTPlayer.player.setVolume(0); + jQuery(YTPlayer).muteYTPVolume(); + + jQuery.mbYTPlayer.checkForState(YTPlayer); + + YTPlayer.checkForStartAt = setInterval(function () { + + var canPlayVideo = jQuery.browser.mozilla && !window.MediaSource ? true : (YTPlayer.player.getVideoLoadedFraction() > startAt / YTPlayer.player.getDuration()); + + if (YTPlayer.player.getDuration() > 0 && YTPlayer.player.getCurrentTime() >= startAt && canPlayVideo) { + + clearInterval(YTPlayer.checkForStartAt); + YTPlayer.player.setVolume(0); + jQuery(YTPlayer).muteYTPVolume(); + if (typeof YTPlayer.opt.onReady == "function") + YTPlayer.opt.onReady(YTPlayer); + if (!YTPlayer.opt.mute) + jQuery(YTPlayer).unmuteYTP(); + + //jQuery.mbYTPlayer.checkForState(YTPlayer); + + YTPlayer.player.pauseVideo(); + + setTimeout(function () { + + YTPlayer.canTrigger = true; + + if (YTPlayer.opt.autoPlay) { + $YTPlayer.playYTP(); + $YTPlayer.css("background-image", "none"); + YTPlayer.wrapper.CSSAnimate({opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity}, 2000); + } else { + YTPlayer.player.pauseVideo(); + } + + }, 100) + + } else { + YTPlayer.player.playVideo(); + YTPlayer.player.seekTo(startAt, true); + } + }, 1000); +// }, jQuery.browser.chrome ? 1000 : 1); + var YTPready = jQuery.Event("YTPReady"); + jQuery(YTPlayer).trigger(YTPready); + }, + + 'onStateChange': function (event) { + /* + -1 (unstarted) + 0 (ended) + 1 (playing) + 2 (paused) + 3 (buffering) + 5 (video cued). + */ + + if (typeof event.target.getPlayerState != "function") + return; + + var state = event.target.getPlayerState(); + + if (YTPlayer.state == state) + return; + + YTPlayer.state = state; + + var controls = jQuery("#controlBar_" + YTPlayer.id); + + var eventType; + + switch (state) { + case -1: //------------------------------------------------ unstarted + + eventType = "YTPUnstarted"; + break; + + case 0: //------------------------------------------------ ended + + eventType = "YTPEnd"; + + break; + + case 1: //------------------------------------------------ play + + eventType = "YTPStart"; + + controls.find(".mb_YTPPlaypause").html(jQuery.mbYTPlayer.controls.pause); + + if (typeof _gaq != "undefined" && eval(YTPlayer.opt.gaTrack)) + _gaq.push(['_trackEvent', 'YTPlayer', 'Play', (YTPlayer.videoTitle || YTPlayer.videoID.toString())]); + + if (typeof ga != "undefined" && eval(YTPlayer.opt.gaTrack)) + ga('send', 'event', 'YTPlayer', 'play', (YTPlayer.videoTitle || YTPlayer.videoID.toString())); + + break; + + case 2: //------------------------------------------------ pause + + eventType = "YTPPause"; + + controls.find(".mb_YTPPlaypause").html(jQuery.mbYTPlayer.controls.play); + + break; + + case 3: //------------------------------------------------ buffer + if (!jQuery.browser.chrome) + YTPlayer.player.setPlaybackQuality(YTPlayer.opt.quality); + + eventType = "YTPBuffering"; + + if (!jQuery.browser.chrome) + YTPlayer.player.setPlaybackQuality(YTPlayer.opt.quality); + + controls.find(".mb_YTPPlaypause").html(jQuery.mbYTPlayer.controls.play); + setTimeout(function(){ + controls.show(1000); + },2000); + + break; + + case 5: //------------------------------------------------ cued + eventType = "YTPCued"; + break; + + default: + break; + + } + + // Trigger state events + var YTPevent = jQuery.Event(eventType); + YTPevent.time = YTPlayer.player.time; + if (YTPlayer.canTrigger) + jQuery(YTPlayer).trigger(YTPevent); + + }, + + 'onPlaybackQualityChange': function (e) { + + var quality = e.target.getPlaybackQuality(); + + var YTPQualityChange = jQuery.Event("YTPQualityChange"); + YTPQualityChange.quality = quality; + jQuery(YTPlayer).trigger(YTPQualityChange); + + }, + + 'onError': function (err) { + + if (err.data == 150) { + console.log("Embedding this video is restricted by Youtube."); + if (YTPlayer.isPlayList) + jQuery(YTPlayer).playNext(); + } + if (err.data == 2 && YTPlayer.isPlayList) + jQuery(YTPlayer).playNext(); + + if (typeof YTPlayer.opt.onError == "function") + YTPlayer.opt.onError($YTPlayer, err); + } + } + }); + }); + }) + }); + }, + +// todo: This API is deprecated. Find another way to retreive the Data informations. + + getDataFromFeed: function (YTPlayer) { + //Get video info from FEEDS API + + if (!(jQuery.browser.msie && jQuery.browser.version <= 9)) { + jQuery.getJSON(jQuery.mbYTPlayer.locationProtocol + '//gdata.youtube.com/feeds/api/videos/' + YTPlayer.videoID + '?v=2&alt=jsonc', function (data, status, xhr) { + YTPlayer.dataReceived = true; + YTPlayer.videoData = data.data; + jQuery(YTPlayer).trigger("YTPChanged"); + var YTPData = jQuery.Event("YTPData"); + YTPData.prop = {}; + for (var x in YTPlayer.videoData) + YTPData.prop[x] = YTPlayer.videoData[x]; + jQuery(YTPlayer).trigger(YTPData); + YTPlayer.videoTitle = YTPlayer.videoData.title; + if (YTPlayer.opt.ratio == "auto") + if (YTPlayer.videoData.aspectRatio && YTPlayer.videoData.aspectRatio === "widescreen") + YTPlayer.opt.ratio = "16/9"; + else + YTPlayer.opt.ratio = "4/3"; + if (!YTPlayer.hasData) { + YTPlayer.hasData = true; + if (YTPlayer.isPlayer) { + var bgndURL = YTPlayer.videoData.thumbnail.hqDefault; + YTPlayer.opt.containment.css({background: "rgba(0,0,0,0.5) url(" + bgndURL + ") center center", backgroundSize: "cover"}); + } + } + }); + setTimeout(function () { + if (!YTPlayer.dataReceived && !YTPlayer.hasData) { + YTPlayer.hasData = true; + jQuery(YTPlayer).trigger("YTPChanged"); + } + }, 1500) + + } else { + YTPlayer.opt.ratio == "auto" ? YTPlayer.opt.ratio = "16/9" : YTPlayer.opt.ratio; + + if (!YTPlayer.hasData) { + YTPlayer.hasData = true; + setTimeout(function () { + jQuery(YTPlayer).trigger("YTPChanged"); + }, 100) + } + } + }, + + getVideoData: function () { + var YTPlayer = this.get(0); + return YTPlayer.videoData; + }, + + getVideoID: function () { + var YTPlayer = this.get(0); + return YTPlayer.videoID || false; + }, + + setVideoQuality: function (quality) { + var YTPlayer = this.get(0); + + if (!jQuery.browser.chrome) + YTPlayer.player.setPlaybackQuality(quality); + }, + + YTPlaylist: function (videos, shuffle, callback) { + var YTPlayer = this.get(0); + + YTPlayer.isPlayList = true; + + if (shuffle) + videos = jQuery.shuffle(videos); + + if (!YTPlayer.videoID) { + YTPlayer.videos = videos; + YTPlayer.videoCounter = 0; + YTPlayer.videoLength = videos.length; + + jQuery(YTPlayer).data("property", videos[0]); + jQuery(YTPlayer).mb_YTPlayer(); + } + + if (typeof callback == "function") + jQuery(YTPlayer).on("YTPChanged", function () { + callback(YTPlayer); + }); + + jQuery(YTPlayer).on("YTPEnd", function () { + jQuery(YTPlayer).playNext(); + }); + }, + + playNext: function () { + var YTPlayer = this.get(0); + YTPlayer.videoCounter++; + if (YTPlayer.videoCounter >= YTPlayer.videoLength) + YTPlayer.videoCounter = 0; + jQuery(YTPlayer.playerEl).css({opacity: 0}); + jQuery(YTPlayer).changeMovie(YTPlayer.videos[YTPlayer.videoCounter]); + }, + + playPrev: function () { + var YTPlayer = this.get(0); + YTPlayer.videoCounter--; + if (YTPlayer.videoCounter < 0) + YTPlayer.videoCounter = YTPlayer.videoLength - 1; + jQuery(YTPlayer.playerEl).css({opacity: 0}); + jQuery(YTPlayer).changeMovie(YTPlayer.videos[YTPlayer.videoCounter]); + }, + + changeMovie: function (opt) { + var YTPlayer = this.get(0); + + YTPlayer.opt.startAt = 0; + YTPlayer.opt.stopAt = 0; + YTPlayer.opt.mute = true; + + if (opt) { + jQuery.extend(YTPlayer.opt, opt); + } + + YTPlayer.videoID = getYTPVideoID(YTPlayer.opt.videoURL).videoID; + + jQuery(YTPlayer).pauseYTP(); + + var timer = jQuery.browser.msie ? 1000 : 0; + + jQuery(YTPlayer.playerEl).CSSAnimate({opacity: 0}, timer); + + setTimeout(function () { + var quality = !jQuery.browser.chrome ? YTPlayer.opt.quality : "default"; + + jQuery(YTPlayer).getPlayer().cueVideoByUrl(encodeURI(jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/v/" + YTPlayer.videoID), 1, quality); + + jQuery(YTPlayer).playYTP(); + + jQuery(YTPlayer).one("YTPStart", function () { + YTPlayer.wrapper.CSSAnimate({opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity}, 1000); + jQuery(YTPlayer.playerEl).CSSAnimate({opacity: 1}, timer); + + if (YTPlayer.opt.startAt) { + YTPlayer.player.seekTo(YTPlayer.opt.startAt); + } + jQuery.mbYTPlayer.checkForState(YTPlayer); + + if (!YTPlayer.opt.autoPlay) + jQuery(YTPlayer).pauseYTP(); + + }); + + if (YTPlayer.opt.mute) { + jQuery(YTPlayer).muteYTPVolume(); + } else { + jQuery(YTPlayer).unmuteYTP(); + } + + }, timer); + + if (YTPlayer.opt.addRaster) { + var retina = (window.retina || window.devicePixelRatio > 1); + YTPlayer.overlay.addClass(retina ? "raster retina" : "raster"); + } else { + YTPlayer.overlay.removeClass("raster"); + YTPlayer.overlay.removeClass("retina"); + } + + jQuery("#controlBar_" + YTPlayer.id).remove(); + + if (YTPlayer.opt.showControls) + jQuery(YTPlayer).buildYTPControls(); + + jQuery.mbYTPlayer.getDataFromFeed(YTPlayer); + jQuery(YTPlayer).optimizeDisplay(); + }, + + getPlayer: function () { + return jQuery(this).get(0).player; + }, + + playerDestroy: function () { + var YTPlayer = this.get(0); + ytp.YTAPIReady = false; + ytp.backgroundIsInited = false; + YTPlayer.isInit = false; + YTPlayer.videoID = null; + var playerBox = YTPlayer.wrapper; + playerBox.remove(); + jQuery("#controlBar_" + YTPlayer.id).remove(); + }, + + fullscreen: function (real) { + + var YTPlayer = this.get(0); + + if (typeof real == "undefined") + real = YTPlayer.opt.realfullscreen; + + real = eval(real); + + var controls = jQuery("#controlBar_" + YTPlayer.id); + var fullScreenBtn = controls.find(".mb_OnlyYT"); + var videoWrapper = YTPlayer.isSelf ? YTPlayer.opt.containment : YTPlayer.wrapper; + //var videoWrapper = YTPlayer.wrapper; + + if (real) { + var fullscreenchange = jQuery.browser.mozilla ? "mozfullscreenchange" : jQuery.browser.webkit ? "webkitfullscreenchange" : "fullscreenchange"; + jQuery(document).off(fullscreenchange).on(fullscreenchange, function () { + var isFullScreen = RunPrefixMethod(document, "IsFullScreen") || RunPrefixMethod(document, "FullScreen"); + + if (!isFullScreen) { + YTPlayer.isAlone = false; + fullScreenBtn.html(jQuery.mbYTPlayer.controls.onlyYT); + jQuery(YTPlayer).setVideoQuality(YTPlayer.opt.quality); + videoWrapper.removeClass("fullscreen"); + + videoWrapper.CSSAnimate({opacity: YTPlayer.opt.opacity}, 500); + videoWrapper.css({zIndex: 0}); + + if (YTPlayer.isBackground) { + jQuery("body").after(controls); + } else { + YTPlayer.wrapper.before(controls); + } + jQuery(window).resize(); + jQuery(YTPlayer).trigger("YTPFullScreenEnd"); + + } else { + jQuery(YTPlayer).setVideoQuality("default"); + jQuery(YTPlayer).trigger("YTPFullScreenStart"); + } + }); + } + + if (!YTPlayer.isAlone) { + + if (real) { + + videoWrapper.css({opacity: 0}); + videoWrapper.addClass("fullscreen"); + launchFullscreen(videoWrapper.get(0)); + setTimeout(function () { + videoWrapper.CSSAnimate({opacity: 1}, 1000); + YTPlayer.wrapper.append(controls); + jQuery(YTPlayer).optimizeDisplay(); + + YTPlayer.player.seekTo(YTPlayer.player.getCurrentTime() + .1, true); + }, 500) + } else + videoWrapper.css({zIndex: 10000}).CSSAnimate({opacity: 1}, 1000); + + fullScreenBtn.html(jQuery.mbYTPlayer.controls.showSite); + YTPlayer.isAlone = true; + + } else { + + if (real) { + cancelFullscreen(); + } else { + videoWrapper.CSSAnimate({opacity: YTPlayer.opt.opacity}, 500); + videoWrapper.css({zIndex: 0}); + } + + + fullScreenBtn.html(jQuery.mbYTPlayer.controls.onlyYT) + YTPlayer.isAlone = false; + } + + function RunPrefixMethod(obj, method) { + var pfx = ["webkit", "moz", "ms", "o", ""]; + var p = 0, m, t; + while (p < pfx.length && !obj[m]) { + m = method; + if (pfx[p] == "") { + m = m.substr(0, 1).toLowerCase() + m.substr(1); + } + m = pfx[p] + m; + t = typeof obj[m]; + if (t != "undefined") { + pfx = [pfx[p]]; + return (t == "function" ? obj[m]() : obj[m]); + } + p++; + } + } + + function launchFullscreen(element) { + RunPrefixMethod(element, "RequestFullScreen"); + } + + function cancelFullscreen() { + if (RunPrefixMethod(document, "FullScreen") || RunPrefixMethod(document, "IsFullScreen")) { + RunPrefixMethod(document, "CancelFullScreen"); + } + } + }, + + playYTP: function () { + var YTPlayer = this.get(0); + + if (typeof YTPlayer.player === "undefined") + return; + + var controls = jQuery("#controlBar_" + YTPlayer.id); + var playBtn = controls.find(".mb_YTPPlaypause"); + playBtn.html(jQuery.mbYTPlayer.controls.pause); + YTPlayer.player.playVideo(); + + YTPlayer.wrapper.CSSAnimate({opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity}, 2000); + jQuery(YTPlayer).on("YTPStart", function () { + jQuery(YTPlayer).css("background-image", "none"); + }) + }, + + toggleLoops: function () { + var YTPlayer = this.get(0); + var data = YTPlayer.opt; + if (data.loop == 1) { + data.loop = 0; + } else { + if (data.startAt) { + YTPlayer.player.seekTo(data.startAt); + } else { + YTPlayer.player.playVideo(); + } + data.loop = 1; + } + }, + + stopYTP: function () { + var YTPlayer = this.get(0); + var controls = jQuery("#controlBar_" + YTPlayer.id); + var playBtn = controls.find(".mb_YTPPlaypause"); + playBtn.html(jQuery.mbYTPlayer.controls.play); + YTPlayer.player.stopVideo(); + }, + + pauseYTP: function () { + var YTPlayer = this.get(0); + var data = YTPlayer.opt; + var controls = jQuery("#controlBar_" + YTPlayer.id); + var playBtn = controls.find(".mb_YTPPlaypause"); + playBtn.html(jQuery.mbYTPlayer.controls.play); + YTPlayer.player.pauseVideo(); + }, + + seekToYTP: function (val) { + var YTPlayer = this.get(0); + YTPlayer.player.seekTo(val, true); + }, + + setYTPVolume: function (val) { + var YTPlayer = this.get(0); + if (!val && !YTPlayer.opt.vol && YTPlayer.player.getVolume() == 0) + jQuery(YTPlayer).unmuteYTP(); + else if ((!val && YTPlayer.player.getVolume() > 0) || (val && YTPlayer.player.getVolume() == val)) + jQuery(YTPlayer).muteYTPVolume(); + else + YTPlayer.opt.vol = val; + YTPlayer.player.setVolume(YTPlayer.opt.vol); + }, + + muteYTP: function () { + var YTPlayer = this.get(0); + YTPlayer.player.mute(); + YTPlayer.player.setVolume(0); + + var controls = jQuery("#controlBar_" + YTPlayer.id); + var muteBtn = controls.find(".mb_YTPMuteUnmute"); + muteBtn.html(jQuery.mbYTPlayer.controls.unmute); + jQuery(YTPlayer).addClass("isMuted"); + jQuery(YTPlayer).trigger("YTPMuted"); + }, + + unmuteYTP: function () { + var YTPlayer = this.get(0); + + YTPlayer.player.unMute(); + YTPlayer.player.setVolume(YTPlayer.opt.vol); + + var controls = jQuery("#controlBar_" + YTPlayer.id); + var muteBtn = controls.find(".mb_YTPMuteUnmute"); + muteBtn.html(jQuery.mbYTPlayer.controls.mute); + + jQuery(YTPlayer).removeClass("isMuted"); + jQuery(YTPlayer).trigger("YTPUnmuted"); + }, + + manageYTPProgress: function () { + + var YTPlayer = this.get(0); + var controls = jQuery("#controlBar_" + YTPlayer.id); + var progressBar = controls.find(".mb_YTPProgress"); + var loadedBar = controls.find(".mb_YTPLoaded"); + var timeBar = controls.find(".mb_YTPseekbar"); + var totW = progressBar.outerWidth(); + + var currentTime = Math.floor(YTPlayer.player.getCurrentTime()); + var totalTime = Math.floor(YTPlayer.player.getDuration()); + var timeW = (currentTime * totW) / totalTime; + var startLeft = 0; + + var loadedW = YTPlayer.player.getVideoLoadedFraction() * 100; + + loadedBar.css({left: startLeft, width: loadedW + "%"}); + timeBar.css({left: 0, width: timeW}); + return {totalTime: totalTime, currentTime: currentTime}; + }, + + buildYTPControls: function () { + var YTPlayer = this.get(0); + var data = YTPlayer.opt; + + /** @data.printUrl is deprecated; use data.showYTLogo */ + data.showYTLogo = data.showYTLogo || data.printUrl; + + if (jQuery("#controlBar_" + YTPlayer.id).length) + return; + + var controlBar = jQuery("").attr("id", "controlBar_" + YTPlayer.id).addClass("mb_YTPBar").css({whiteSpace: "noWrap", position: YTPlayer.isBackground ? "fixed" : "absolute", zIndex: YTPlayer.isBackground ? 10000 : 1000}).hide(); + YTPlayer.controlBar = controlBar; + + var buttonBar = jQuery("
    ").addClass("buttonBar"); + + var playpause = jQuery("" + jQuery.mbYTPlayer.controls.play + "").addClass("mb_YTPPlaypause ytpicon").click(function () { + if (YTPlayer.player.getPlayerState() == 1) + jQuery(YTPlayer).pauseYTP(); + else + jQuery(YTPlayer).playYTP(); + }); + + var MuteUnmute = jQuery("" + jQuery.mbYTPlayer.controls.mute + "").addClass("mb_YTPMuteUnmute ytpicon").click(function () { + if (YTPlayer.player.getVolume() == 0) { + jQuery(YTPlayer).unmuteYTP(); + } else { + jQuery(YTPlayer).muteYTP(); + } + }); + + var idx = jQuery("").addClass("mb_YTPTime"); + + var vURL = data.videoURL ? data.videoURL : ""; + + if (vURL.indexOf("http") < 0) + vURL = jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/watch?v=" + data.videoURL; + var movieUrl = jQuery("").html(jQuery.mbYTPlayer.controls.ytLogo).addClass("mb_YTPUrl ytpicon").attr("title", "view on YouTube").on("click", function () {window.open(vURL, "viewOnYT")}); + var onlyVideo = jQuery("").html(jQuery.mbYTPlayer.controls.onlyYT).addClass("mb_OnlyYT ytpicon").on("click", function () {jQuery(YTPlayer).fullscreen(data.realfullscreen);}); + + var progressBar = jQuery("
    ").addClass("mb_YTPProgress").css("position", "absolute").click(function (e) { + timeBar.css({width: (e.clientX - timeBar.offset().left)}); + YTPlayer.timeW = e.clientX - timeBar.offset().left; + controlBar.find(".mb_YTPLoaded").css({width: 0}); + var totalTime = Math.floor(YTPlayer.player.getDuration()); + YTPlayer.goto = (timeBar.outerWidth() * totalTime) / progressBar.outerWidth(); + + YTPlayer.player.seekTo(parseFloat(YTPlayer.goto), true); + controlBar.find(".mb_YTPLoaded").css({width: 0}); + }); + + var loadedBar = jQuery("
    ").addClass("mb_YTPLoaded").css("position", "absolute"); + var timeBar = jQuery("
    ").addClass("mb_YTPseekbar").css("position", "absolute"); + + progressBar.append(loadedBar).append(timeBar); + buttonBar.append(playpause).append(MuteUnmute).append(idx); + + if (data.showYTLogo) { + buttonBar.append(movieUrl); + } + + if (YTPlayer.isBackground || (eval(YTPlayer.opt.realfullscreen) && !YTPlayer.isBackground)) + buttonBar.append(onlyVideo); + + controlBar.append(buttonBar).append(progressBar); + + if (!YTPlayer.isBackground) { + controlBar.addClass("inlinePlayer"); + YTPlayer.wrapper.before(controlBar); + } else { + jQuery("body").after(controlBar); + } + }, + + checkForState: function (YTPlayer) { + + var interval = YTPlayer.opt.showControls ? 10 : 1000; + clearInterval(YTPlayer.getState); + + YTPlayer.getState = setInterval(function () { + var prog = jQuery(YTPlayer).manageYTPProgress(); + var $YTPlayer = jQuery(YTPlayer); + var controlBar = jQuery("#controlBar_" + YTPlayer.id); + var data = YTPlayer.opt; + var startAt = YTPlayer.opt.startAt ? YTPlayer.opt.startAt : 1; + var stopAt = YTPlayer.opt.stopAt > YTPlayer.opt.startAt ? YTPlayer.opt.stopAt : 0; + stopAt = stopAt < YTPlayer.player.getDuration() ? stopAt : 0; + + if (YTPlayer.player.time != prog.currentTime) { + var YTPevent = jQuery.Event("YTPTime"); + YTPevent.time = YTPlayer.player.time; + jQuery(YTPlayer).trigger(YTPevent); + } + + YTPlayer.player.time = prog.currentTime; + + if (YTPlayer.player.getVolume() == 0) + $YTPlayer.addClass("isMuted"); + else + $YTPlayer.removeClass("isMuted"); + + if (YTPlayer.opt.showControls) + if (prog.totalTime) { + controlBar.find(".mb_YTPTime").html(jQuery.mbYTPlayer.formatTime(prog.currentTime) + " / " + jQuery.mbYTPlayer.formatTime(prog.totalTime)); + } else { + controlBar.find(".mb_YTPTime").html("-- : -- / -- : --"); + } + + if(eval(YTPlayer.opt.stopMovieOnBlur)) + if (!document.hasFocus()) { + + if (YTPlayer.state == 1) { + YTPlayer.hasFocus = false; + $YTPlayer.pauseYTP(); + } + + } else if (document.hasFocus() && !YTPlayer.hasFocus && !(YTPlayer.state == -1 || YTPlayer.state == 0)) { + + YTPlayer.hasFocus = true; + $YTPlayer.playYTP(); + } + + if (YTPlayer.player.getPlayerState() == 1 && (parseFloat(YTPlayer.player.getDuration() - 3) < YTPlayer.player.getCurrentTime() || (stopAt > 0 && parseFloat(YTPlayer.player.getCurrentTime()) > stopAt))) { + + if (YTPlayer.isEnded) + return; + + YTPlayer.isEnded = true; + setTimeout(function () {YTPlayer.isEnded = false}, 2000); + + if (YTPlayer.isPlayList) { + clearInterval(YTPlayer.getState); + + var YTPEnd = jQuery.Event("YTPEnd"); + YTPEnd.time = YTPlayer.player.time; + jQuery(YTPlayer).trigger(YTPEnd); + + return; + + } else if (!data.loop) { + YTPlayer.player.pauseVideo(); + YTPlayer.wrapper.CSSAnimate({opacity: 0}, 1000, function () { + + var YTPEnd = jQuery.Event("YTPEnd"); + YTPEnd.time = YTPlayer.player.time; + jQuery(YTPlayer).trigger(YTPEnd); + + YTPlayer.player.seekTo(startAt, true); + + if (!YTPlayer.isBackground) { + var bgndURL = YTPlayer.videoData.thumbnail.hqDefault; + jQuery(YTPlayer).css({background: "rgba(0,0,0,0.5) url(" + bgndURL + ") center center", backgroundSize: "cover"}); + } + + }); + } else + YTPlayer.player.seekTo(startAt, true); + } + }, interval); + }, + + formatTime: function (s) { + var min = Math.floor(s / 60); + var sec = Math.floor(s - (60 * min)); + return (min <= 9 ? "0" + min : min) + " : " + (sec <= 9 ? "0" + sec : sec); + } + }; + + jQuery.fn.toggleVolume = function () { + var YTPlayer = this.get(0); + if (!YTPlayer) + return; + + if (YTPlayer.player.isMuted()) { + jQuery(YTPlayer).unmuteYTP(); + return true; + } else { + jQuery(YTPlayer).muteYTP(); + return false; + } + }; + + jQuery.fn.optimizeDisplay = function () { + + var YTPlayer = this.get(0); + var data = YTPlayer.opt; + var playerBox = jQuery(YTPlayer.playerEl); + var win = {}; + var el = YTPlayer.wrapper; + + win.width = el.outerWidth(); + win.height = el.outerHeight(); + + var margin = 24; + var overprint = 100; + var vid = {}; + + if(data.optimizeDisplay) { + + vid.width = win.width + ((win.width * margin) / 100); + vid.height = data.ratio == "16/9" ? Math.ceil((9 * win.width) / 16) : Math.ceil((3 * win.width) / 4); + vid.marginTop = -((vid.height - win.height) / 2); + vid.marginLeft = -((win.width * (margin / 2)) / 100); + + if (vid.height < win.height) { + vid.height = win.height + ((win.height * margin) / 100); + vid.width = data.ratio == "16/9" ? Math.floor((16 * win.height) / 9) : Math.floor((4 * win.height) / 3); + vid.marginTop = -((win.height * (margin / 2)) / 100); + vid.marginLeft = -((vid.width - win.width) / 2); + } + + vid.width += overprint; + vid.height += overprint; + vid.marginTop -= overprint / 2; + vid.marginLeft -= overprint / 2; + + }else{ + + vid.width = "100%"; + vid.height = "100%"; + vid.marginTop = 0; + vid.marginLeft -= 0; + + } + + playerBox.css({width: vid.width, height: vid.height, marginTop: vid.marginTop, marginLeft: vid.marginLeft}); + }; + + jQuery.shuffle = function (arr) { + var newArray = arr.slice(); + var len = newArray.length; + var i = len; + while (i--) { + var p = parseInt(Math.random() * len); + var t = newArray[i]; + newArray[i] = newArray[p]; + newArray[p] = t; + } + return newArray; + }; + + /*Exposed method for external use*/ + jQuery.fn.YTPlayer = jQuery.mbYTPlayer.buildPlayer; + jQuery.fn.YTPlaylist = jQuery.mbYTPlayer.YTPlaylist; + jQuery.fn.playNext = jQuery.mbYTPlayer.playNext; + jQuery.fn.playPrev = jQuery.mbYTPlayer.playPrev; + jQuery.fn.changeMovie = jQuery.mbYTPlayer.changeMovie; + jQuery.fn.getVideoID = jQuery.mbYTPlayer.getVideoID; + jQuery.fn.getPlayer = jQuery.mbYTPlayer.getPlayer; + jQuery.fn.playerDestroy = jQuery.mbYTPlayer.playerDestroy; + jQuery.fn.fullscreen = jQuery.mbYTPlayer.fullscreen; + jQuery.fn.buildYTPControls = jQuery.mbYTPlayer.buildYTPControls; + jQuery.fn.playYTP = jQuery.mbYTPlayer.playYTP; + jQuery.fn.toggleLoops = jQuery.mbYTPlayer.toggleLoops; + jQuery.fn.stopYTP = jQuery.mbYTPlayer.stopYTP; + jQuery.fn.pauseYTP = jQuery.mbYTPlayer.pauseYTP; + jQuery.fn.seekToYTP = jQuery.mbYTPlayer.seekToYTP; + jQuery.fn.muteYTP = jQuery.mbYTPlayer.muteYTP; + jQuery.fn.unmuteYTP = jQuery.mbYTPlayer.unmuteYTP; + jQuery.fn.setYTPVolume = jQuery.mbYTPlayer.setYTPVolume; + jQuery.fn.setVideoQuality = jQuery.mbYTPlayer.setVideoQuality; + jQuery.fn.manageYTPProgress = jQuery.mbYTPlayer.manageYTPProgress; + jQuery.fn.getDataFromFeed = jQuery.mbYTPlayer.getVideoData; + + /** @deprecated **/ + jQuery.fn.mb_YTPlayer = jQuery.fn.YTPlayer; + jQuery.fn.muteYTPVolume = jQuery.mbYTPlayer.muteYTP; + jQuery.fn.unmuteYTPVolume = jQuery.mbYTPlayer.unmuteYTP; + + +})(jQuery, ytp); diff --git a/theme_graphene/static/src/xml/s_media_block_modal_ext.xml b/theme_graphene/static/src/xml/s_media_block_modal_ext.xml new file mode 100644 index 000000000..0ac306fc8 --- /dev/null +++ b/theme_graphene/static/src/xml/s_media_block_modal_ext.xml @@ -0,0 +1,268 @@ + + + + + + + + + + + diff --git a/theme_graphene/views/assets.xml b/theme_graphene/views/assets.xml new file mode 100644 index 000000000..3ffbe00e7 --- /dev/null +++ b/theme_graphene/views/assets.xml @@ -0,0 +1,61 @@ + + + + + + + + open + + + + + + + + + + + + + + + + + + + + diff --git a/theme_kea/views/customize_modal.xml b/theme_kea/views/customize_modal.xml new file mode 100644 index 000000000..6811ded39 --- /dev/null +++ b/theme_kea/views/customize_modal.xml @@ -0,0 +1,598 @@ + + + + + + + + open + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_kea/views/images_content.xml b/theme_kea/views/images_content.xml new file mode 100644 index 000000000..850b5f2e3 --- /dev/null +++ b/theme_kea/views/images_content.xml @@ -0,0 +1,97 @@ + + + + + + + + /theme_kea/static/src/img/content/content_img_01.png + + + + /theme_kea/static/src/img/content/content_img_02.jpg + + + + /theme_kea/static/src/img/content/content_img_03.jpg + + + + /theme_kea/static/src/img/content/content_img_04.jpg + + + + /theme_kea/static/src/img/content/content_img_05.jpg + + + + /theme_kea/static/src/img/content/content_img_06.jpg + + + + /theme_kea/static/src/img/content/content_img_07.jpg + + + + /theme_kea/static/src/img/content/content_img_08.png + + + + /theme_kea/static/src/img/content/content_img_09.jpg + + + + /theme_kea/static/src/img/content/content_img_10.jpg + + + + + + + /theme_kea/static/src/img/content/content_img_11.jpg + + + + /theme_kea/static/src/img/content/content_img_12.jpg + + + + + + /theme_kea/static/src/img/content/product_img_01.jpg + + + /theme_kea/static/src/img/content/product_img_02.jpg + + + /theme_kea/static/src/img/content/product_img_03.jpg + + + /theme_kea/static/src/img/content/product_img_04.jpg + + + /theme_kea/static/src/img/content/product_img_05.jpg + + + /theme_kea/static/src/img/content/product_img_06.jpg + + + /theme_kea/static/src/img/content/product_img_07.jpg + + + /theme_kea/static/src/img/content/product_img_08.jpg + + + /theme_kea/static/src/img/content/product_img_09.jpg + + + /theme_kea/static/src/img/content/product_img_10.jpg + + + /theme_kea/static/src/img/content/product_img_11.jpg + + + + diff --git a/theme_kea/views/images_library.xml b/theme_kea/views/images_library.xml new file mode 100644 index 000000000..4ef13a80f --- /dev/null +++ b/theme_kea/views/images_library.xml @@ -0,0 +1,159 @@ + + + + + bg1.jpg + bg1.jpg + ir.ui.view + url + /theme_kea/static/src/img/library/bg1.jpg + + + bg2.jpg + bg2.jpg + ir.ui.view + url + /theme_kea/static/src/img/library/bg2.jpg + + + bg3.jpg + bg3.jpg + ir.ui.view + url + /theme_kea/static/src/img/library/bg3.jpg + + + bg4.jpg + bg4.jpg + ir.ui.view + url + /theme_kea/static/src/img/library/bg4.jpg + + + bg5.jpg + bg5.jpg + ir.ui.view + url + /theme_kea/static/src/img/library/bg5.jpg + + + bg6.jpg + bg6.jpg + ir.ui.view + url + /theme_kea/static/src/img/library/bg6.jpg + + + bg7.jpg + bg7.jpg + ir.ui.view + url + /theme_kea/static/src/img/library/bg7.jpg + + + bg8.jpg + bg8.jpg + ir.ui.view + url + /theme_kea/static/src/img/library/bg8.jpg + + + bg9.jpg + bg9.jpg + ir.ui.view + url + /theme_kea/static/src/img/library/bg9.jpg + + + bg10.jpg + bg10.jpg + ir.ui.view + url + /theme_kea/static/src/img/library/bg10.jpg + + + + + + pattern_01.png + pattern_01.png + ir.ui.view + url + /theme_kea/static/src/img/pattern/pattern_01.png + + + + pattern_02.png + pattern_02.png + ir.ui.view + url + /theme_kea/static/src/img/pattern/pattern_02.png + + + + pattern_03.png + pattern_03.png + ir.ui.view + url + /theme_kea/static/src/img/pattern/pattern_03.png + + + + pattern_04.png + pattern_04.png + ir.ui.view + url + /theme_kea/static/src/img/pattern/pattern_04.png + + + + pattern_05.png + pattern_05.png + ir.ui.view + url + /theme_kea/static/src/img/pattern/pattern_05.png + + + + pattern_06.png + pattern_06.png + ir.ui.view + url + /theme_kea/static/src/img/pattern/pattern_06.png + + + + pattern_07.png + pattern_07.png + ir.ui.view + url + /theme_kea/static/src/img/pattern/pattern_07.png + + + + pattern_08.png + pattern_08.png + ir.ui.view + url + /theme_kea/static/src/img/pattern/pattern_08.png + + + + pattern_09.png + pattern_09.png + ir.ui.view + url + /theme_kea/static/src/img/pattern/pattern_09.png + + + + pattern_10.png + pattern_10.png + ir.ui.view + url + /theme_kea/static/src/img/pattern/pattern_10.png + + + + diff --git a/theme_kea/views/layout.xml b/theme_kea/views/layout.xml new file mode 100644 index 000000000..325991356 --- /dev/null +++ b/theme_kea/views/layout.xml @@ -0,0 +1,16 @@ + + + + + + + + + + + diff --git a/theme_kea/views/snippet_options.xml b/theme_kea/views/snippet_options.xml new file mode 100644 index 000000000..27089bd46 --- /dev/null +++ b/theme_kea/views/snippet_options.xml @@ -0,0 +1,92 @@ + + + + + + + + + + + diff --git a/theme_kea/views/snippets.xml b/theme_kea/views/snippets.xml new file mode 100644 index 000000000..a3462e207 --- /dev/null +++ b/theme_kea/views/snippets.xml @@ -0,0 +1,47 @@ + + + + + + + + diff --git a/theme_kea_sale/LICENSE b/theme_kea_sale/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_kea_sale/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_kea_sale/__init__.py b/theme_kea_sale/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_kea_sale/__openerp__.py b/theme_kea_sale/__openerp__.py new file mode 100644 index 000000000..0edee2fba --- /dev/null +++ b/theme_kea_sale/__openerp__.py @@ -0,0 +1,16 @@ +{ + 'name': 'Theme Kea eCommerce Plugin', + 'description': 'Kea eCommerce Plugin', + 'category': 'Hidden', + 'version': '1.0', + 'author': 'Odoo S.A.', + 'depends': ['theme_kea', 'website_sale'], + 'data': [ + 'views/theme.xml', + 'views/layout.xml', + ], + 'demo': [ + 'demo/products.xml', + ], + 'auto_install': True, +} diff --git a/theme_kea_sale/demo/products.xml b/theme_kea_sale/demo/products.xml new file mode 100644 index 000000000..f9930ca95 --- /dev/null +++ b/theme_kea_sale/demo/products.xml @@ -0,0 +1,302 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Computers + + + + Mac + + + + PC + + + + Phones + + + Printers + + + Remote Controllers + + + Headphones + + + + Accessories + + + + Mouse + + + + Keyboards + + + + Other + + + + Asus Taichi + True + 99 + 2 + 2 + + 1099.0 + 1099.0 + consu + + + + + + Dell Laptop + True + 99 + 2 + 2 + + 1300.0 + 1300.0 + consu + + + + + + Apple Imac + True + 99 + 2 + 2 + + 2700.0 + 2700.0 + consu + + + + + + Macbook Pro + True + 99 + 2 + 2 + + 2700.0 + 2700.0 + consu + + + + + + Mac Pro + True + 99 + 2 + 2 + + 3499.0 + 3499.0 + consu + + + + + + Mac Mini + True + 99 + 2 + 2 + + 889.0 + 889.0 + consu + + + + + + Iphone 6 + True + 99 + 2 + 2 + + 699.0 + 699.0 + consu + + + + + + Ipad Keyboard + True + 99 + 2 + 2 + + 49.0 + 49.0 + consu + + + + + + Edifier Headphone + True + 99 + 2 + 2 + + 149.0 + 149.0 + consu + + + + + + Beats Headphone + True + 99 + 2 + 2 + + 349.0 + 349.0 + consu + + + + + + Beat Tour-In-Ear Headphone + True + 99 + 2 + 2 + + 149.0 + 149.0 + consu + + + + + + Apple Magic Mouse + True + 99 + 2 + 2 + + 89.0 + 89.0 + consu + + + + + + Epson Expression Photo XP-950 Printer + True + 99 + 2 + 2 + + 319.0 + 319.0 + consu + + + + + + Apple Remote + True + 99 + 2 + 2 + + 19.0 + 19.0 + consu + + + + + + Sony Vaio Duo 13 + True + 99 + 2 + 2 + + 1399.0 + 1399.0 + consu + + + + + + Bretford MobilePro + True + 99 + 2 + 2 + + 149.0 + 149.0 + consu + + + + + + + + diff --git a/theme_kea_sale/static/src/js/collapse_categories.js b/theme_kea_sale/static/src/js/collapse_categories.js new file mode 100644 index 000000000..f0e569b80 --- /dev/null +++ b/theme_kea_sale/static/src/js/collapse_categories.js @@ -0,0 +1,24 @@ +$(function(){ + + // CATEGORIES + var category_list = "#products_grid_before"; + if ($(".oe_website_sale " + category_list).length) { + // Close the category using the arrow + $(category_list).on('click', '.close-icon', function(event) { + $(event.target).closest('li').removeClass('active'); + }); + + // Open the category using the arrow + $(category_list).on('click', '.open-icon', function(event) { + $(category_list + " li").removeClass('active'); // Close the others + $(event.target).parents('li').each(function(parent){ // Open this one's hierarchy + $(this).addClass('active'); + }); + }); + + // Open the current category tab + $('li:has(a[href="' + window.location.pathname + '"])').addClass('active'); + } + + +}); \ No newline at end of file diff --git a/theme_kea_sale/static/src/less/options/colors/colorPreset1.less b/theme_kea_sale/static/src/less/options/colors/colorPreset1.less new file mode 100644 index 000000000..b8ad8b7ea --- /dev/null +++ b/theme_kea_sale/static/src/less/options/colors/colorPreset1.less @@ -0,0 +1,12 @@ +#top_menu { + .my_cart_quantity { + color: @color-beta; + } +} +#products_grid { + .oe_product_cart { + section a { + color: @color-beta !important; + } + } +} \ No newline at end of file diff --git a/theme_kea_sale/static/src/less/theme_ecommerce.less b/theme_kea_sale/static/src/less/theme_ecommerce.less new file mode 100644 index 000000000..fe453b51c --- /dev/null +++ b/theme_kea_sale/static/src/less/theme_ecommerce.less @@ -0,0 +1,488 @@ +#wrap > .container-fluid form.pagination, #wrap > .container form.pagination { + float: right; + width: 100%; + padding-right: 0; +} +#website_published_button { + min-height: 50px; +} +.oe_website_sale { + overflow: hidden; + padding-bottom: 20px; + background-color: @color-alpha; + .page-header { + small { + display: block; + a { + color: red; + } + } + } + .oe_product_cart { + border: 1px solid @gray-lighter; + .in { + background-color: rgba(0, 0, 0, 0.5); + } + } + .oe_product { + padding: 5px; + border: 0; + h5 { + a { + color: @color-epsilon; + } + } + .ribbon { + background-color: red; + top: 0px; + width: 145px; + } + + // Product name, price and quick cart part + + section { + padding: 0px 15px; + background: rgba(240, 240, 240, 0.9); + border-top: 1px solid @gray-lighter; + h5 { + padding: 10px 0px; + font-size: 13px; + margin: 0px; + text-align: right; + border-bottom: 1px solid @gray-lighter; + a { + color: @color-delta; + &:hover { + text-decoration: none; + } + } + } + .text-info { + text-align: left; + color: @gray-light; + } + .oe_subdescription { + margin-bottom: 0px; + } + .product_price { + font-size: 12px; + position: relative; + text-align: right; + padding: 0; + b { + .text-danger { + color: red; + } + } + .btn-default { // cart btn + background: rgba(0, 0, 0, 0); + border: none; + font-size: 15px; + position: relative; + padding-right: 0px; + top: -6px; + padding-bottom: 0px; + } + } + } + } +} +#products_grid { + padding-left: 15px; + table, tbody { + background-color: rgba(0, 0, 0, 0) !important; + } + .products_pager { + margin-top: 15px; + float: right; + ul { + a { + border: rgba(0, 0, 0, 0); + color: @gray; + min-width: 35px; + } + } + } + .pagination > .active > a { + border-bottom: 3px solid @color-epsilon; + background-color: rgba(0, 0, 0, 0); + color: @color-epsilon; + } + .pagination a { + .transition (all 0.3s ease-out); + &:hover { + border-bottom: 3px solid @color-delta; + background: rgba(0, 0, 0, 0); + color: @gray-light; + } + } + .products_pager > ul { + li:first-child > a { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + } + li:last-child > a { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + } + } +} + +/* =================== Search =================== */ + +#wrap { + .search { + background-color: @color-beta; + } +} +.form-inline .input-group { + background-color: white; + width: 100%; + .form-control { + width: 100%; + .BorderRadius (0px); + height: 50px; + box-shadow: none; + text-transform: lowercase; + border: none; + &:focus { + box-shadow: none; + } + } + .input-group-btn { + width: 50px; + .btn-default { + .BorderRadius (0px); + height: 50px; + width: 50px; + &:hover { + background-color: white !important; + } + } + .btn { + line-height: 2.5; + } + } +} + +/* =================== Categories =================== */ + +#products_grid_before { + padding: 15px 0px; + padding-bottom: 800em; + margin-bottom: -800em; + ul.nav-stacked { + li { + a { + font-size: 16px; + color: @gray-light; + &:hover, &:focus { + background-color: @gray-lighter; + color: @gray; + } + } + } + } + .nav-pills > li > ul { + padding-left: 15px; + } + > ul > li > a { + color: @color-epsilon !important; + text-transform: uppercase; + font-size: 18px !important; + } + li > ul, li > .close-icon, li.active > .open-icon { + display: none; + } + li.active > ul, li.active > .close-icon { + display: block; + } + .category-name { + font-size: 3.5vw; + text-align: left; + margin-top: 0px; + padding: 10px 15px; + color: @color-gamma; + border-bottom: 1px solid @gray-lighter; + } + + /* =========== Filters ========== */ + + .js_attributes { + padding: 0px 15px 15px 15px; + strong { + display: block; + padding-left: 10px; + margin-bottom: 10px; + margin-top: 10px; + color: @color-gamma; + text-transform: uppercase; + } + .css_attribute_color.active { + border: 5px ridge @color-alpha; + } + li > ul { + display: block; + } + label > span { + color: @gray; + } + } + /* =========================== */ +} +.open-icon, .close-icon { + position: absolute; + right: 10px; + top: 4px; + padding: 0 4px; + cursor: pointer; + font-size: 18px; + color: @color-epsilon; +} + +/* =================== Product page =================== */ +.js_sale { + .container-fluid > .row:first-child, .container:first-child > .row:first-child { + background-color: @color-eta; + } + .breadcrumb { + padding-top: 20px; + background: rgba(0, 0, 0, 0); + border-bottom: 1px solid @gray-lighter; + li { + font-size: 15px; + a { + color: @color-gamma; + } + } + } +} +.js_add_cart_variants > li { + > strong { + font-size: 20px; + } +} +.js_add_cart_variants { + color: @gray; + + /* ======== PRICE ======== */ + + .oe_price_h4 { + font-size: 18px; + .oe_currency_value { + font-size: 18px; + } + } +} +.discount .oe_default_price { + display: inline-block; +} +.product-title { + padding: 0px 0px 50px 0px; + text-align: center; + color: @gray; +} +.product-description { + text-align: center; + font-size: 18px; +} +#add_to_cart { + padding-top: 15px; + margin: 20px 0; + .transition (all 0.5s ease-out); + .fa { + font-size: 25px; + padding-bottom: 10px; + display: block; + } +} + +/* ======= ADD QUANTITY ========= */ + +.oe_website_spinner { + margin-bottom: 25px; + @media (max-width: @screen-xs-max) { + margin-left: 0; + } + .input-group-addon { + border-radius: 0px; + &:first-child, &:last-child { + border: none; + background-color: @gray; + } + a { + color: white; + } + } + .js_quantity { + text-align: center; + border-color: @gray; + } +} +.badge, .active > a > .badge { + padding: 5px 10px; + margin-left: 15px; + background-color: @color-gamma; + color: white; + min-width: 28px; +} +.list-unstyled .css_attribute_color.active { + border: 3px solid @color-gamma; +} +#website_sale_recommended_products { + padding: 30px; + h3 { + text-align: center; + border-bottom: 5px solid @color-epsilon; + padding-bottom: 20px; + color: @color-gamma; + } + .row { + padding: 0 15px; + } + .col-md-2 { + margin-top: 10px; + min-height: 160px; + span { + color: @color-epsilon; + } + } +} + +/* ===================== Product list view ======================= */ + +.oe_list { + margin: 5px 0 5px 15px; + border: 1px solid @gray-lighter; + width: 90% !important; + section { + h5 { + text-align: left !important; + } + .product_price { + display: inline-block; + } + .oe_subdescription { + max-width: 70%; + } + } +} + +/* =================== Modal =================== */ +#modal_optional_products { + .modal-title { + background: rgba(0, 0, 0, 0); + } + .input-group { + border-collapse: inherit; + } +} +/* =================== Shopping cart =================== */ +.oe_website_sale { + color: @gray; + .oe_cart { + .btn { + @media (max-width: @screen-xs-max) { + padding: 10px; + } + } + strong { + color: @gray; + } + .well { + background-color: rgba(0, 0, 0, 0); + } + #cart_products { + img { + max-width: 100px; + } + } + .oe_website_spinner { + border-collapse: inherit; + } + .a-submit { + padding: 20px 0px; + min-width: 150px; + } + h4 .oe_currency_value, h4 .text-right { + font-size: 16px; + } + } + #right_column { + color: @gray; + a { + color: red; + } + .btn { + .BorderRadius (0px); + border: none; + } + .input-group-btn { + padding-left: 5px; + } + h4 { + color: @gray; + border-bottom: 1px solid @gray; + font-size: 22px; + font-weight: bold; + } + .fa { + padding-right: 5px; + } + } + .wizard { + padding-right: 15px; + box-shadow: none; + @media (max-width:@screen-sm-min) { + padding-right: 0px; + } + .text-primary { + color: white; + } + .text-success { + color: @gray-light; + } + li.text-primary { + background-color: @color-gamma; + @media (max-width:@screen-sm-min) { + background-color: rgba(0, 0, 0, 0); + color: @color-gamma; + padding-left: 7px; + } + .chevron:before { + border-left: 10px solid @color-gamma; + @media (max-width:@screen-sm-min) { + border-left: none; + } + } + } + li { + border-color: @color-gamma; + background-color: rgba(0, 0, 0, 0); + @media (max-width:@screen-sm-min) { + border-color: rgba(0, 0, 0, 0); + padding-left: 7px; + } + .chevron { + border-left: 10px solid @color-gamma; + background: rgba(0, 0, 0, 0); + @media (max-width:@screen-sm-min) { + border-color: rgba(0, 0, 0, 0); + } + } + } + .text-muted { + color: @gray-light; + } + } +} + +/* ======================== PAY =========================== */ +.oe_sale_acquirer_button { + .btn { + min-width: 150px; + text-transform: uppercase; + font-size: 20px; + margin-bottom: 20px; + } +} \ No newline at end of file diff --git a/theme_kea_sale/views/layout.xml b/theme_kea_sale/views/layout.xml new file mode 100644 index 000000000..7f4de0b18 --- /dev/null +++ b/theme_kea_sale/views/layout.xml @@ -0,0 +1,162 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_kea_sale/views/theme.xml b/theme_kea_sale/views/theme.xml new file mode 100644 index 000000000..71d614fa5 --- /dev/null +++ b/theme_kea_sale/views/theme.xml @@ -0,0 +1,24 @@ + + + + + + + open + + + + + + + + + \ No newline at end of file diff --git a/theme_kiddo/LICENSE b/theme_kiddo/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_kiddo/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_kiddo/__init__.py b/theme_kiddo/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_kiddo/__openerp__.py b/theme_kiddo/__openerp__.py new file mode 100644 index 000000000..4529ec9c8 --- /dev/null +++ b/theme_kiddo/__openerp__.py @@ -0,0 +1,27 @@ +{ + 'name': 'Theme Kiddo', + 'description': 'Kiddo theme for Odoo Website', + 'category': 'Theme/Ecommerce', + 'version': '1.1', + 'author': 'OpenERP SA', + 'depends': ['theme_common'], + 'data': [ + 'views/assets.xml', + 'views/customize_modal.xml', + 'views/snippets.xml', + 'views/images_content.xml', + 'views/images_library.xml', + 'views/snippet_options.xml', + ], + 'demo': [ + 'demo/demo.xml', + 'demo/blocks.xml', + 'demo/demo-menu.xml', + ], + 'images': [ + 'static/description/Kiddo_description.png', + ], + 'price': 199, + 'currency': 'EUR', + 'live_test_url': 'https://theme-kiddo.odoo.com/page/demo' +} diff --git a/theme_kiddo/demo/blocks.xml b/theme_kiddo/demo/blocks.xml new file mode 100644 index 000000000..73117cf8c --- /dev/null +++ b/theme_kiddo/demo/blocks.xml @@ -0,0 +1,207 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_kiddo/demo/demo-menu.xml b/theme_kiddo/demo/demo-menu.xml new file mode 100644 index 000000000..2e1c8192e --- /dev/null +++ b/theme_kiddo/demo/demo-menu.xml @@ -0,0 +1,20 @@ + + + + + + Demo + /page/demo + + 60 + + + + Blocks + /page/demo_blocks + + 60 + + + + \ No newline at end of file diff --git a/theme_kiddo/demo/demo.xml b/theme_kiddo/demo/demo.xml new file mode 100644 index 000000000..64d0c41de --- /dev/null +++ b/theme_kiddo/demo/demo.xml @@ -0,0 +1,213 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_kiddo/doc/index.rst b/theme_kiddo/doc/index.rst new file mode 100644 index 000000000..9f4dd865e --- /dev/null +++ b/theme_kiddo/doc/index.rst @@ -0,0 +1,34 @@ +You need to install the *Less CSS* compiler to run this theme + +* on Linux, use your distribution's package manager to install nodejs and npm. + * In debian wheezy and Ubuntu 13.10 and before you need to install nodejs manually: + + .. code-block:: console + + $ wget -qO- https://deb.nodesource.com/setup | bash - + $ apt-get install -y nodejs + + * In later debian (>jessie) and ubuntu (>14.04) you may need to add a symlink as npm packages call ``node`` but debian calls the binary ``nodejs`` + + .. code-block:: console + + $ apt-get install -y npm + $ sudo ln -s /usr/bin/nodejs /usr/bin/node + + * Once npm is installed, use it to install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on OS X, install nodejs via your preferred package manager (`homebrew `_, `macports `_) then install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on Windows, `install nodejs `_, reboot (to update the `PATH`) and install less and less-plugin-clean-css: + + .. code-block:: ps1 + + C:\> npm install -g less less-plugin-clean-css diff --git a/theme_kiddo/static/description/Kiddo_description.png b/theme_kiddo/static/description/Kiddo_description.png new file mode 100644 index 000000000..d10e9a22d Binary files /dev/null and b/theme_kiddo/static/description/Kiddo_description.png differ diff --git a/theme_kiddo/static/description/contributors/applicatour.jpg b/theme_kiddo/static/description/contributors/applicatour.jpg new file mode 100644 index 000000000..977d9052f Binary files /dev/null and b/theme_kiddo/static/description/contributors/applicatour.jpg differ diff --git a/theme_kiddo/static/description/contributors/aselcis.jpg b/theme_kiddo/static/description/contributors/aselcis.jpg new file mode 100644 index 000000000..9fbc0f3c1 Binary files /dev/null and b/theme_kiddo/static/description/contributors/aselcis.jpg differ diff --git a/theme_kiddo/static/description/contributors/bas-solutions.png b/theme_kiddo/static/description/contributors/bas-solutions.png new file mode 100644 index 000000000..c64c5359a Binary files /dev/null and b/theme_kiddo/static/description/contributors/bas-solutions.png differ diff --git a/theme_kiddo/static/description/contributors/bloopark.png b/theme_kiddo/static/description/contributors/bloopark.png new file mode 100644 index 000000000..4ce0327d8 Binary files /dev/null and b/theme_kiddo/static/description/contributors/bloopark.png differ diff --git a/theme_kiddo/static/description/contributors/brouwland.jpg b/theme_kiddo/static/description/contributors/brouwland.jpg new file mode 100644 index 000000000..8fe4a1441 Binary files /dev/null and b/theme_kiddo/static/description/contributors/brouwland.jpg differ diff --git a/theme_kiddo/static/description/contributors/catsdogs.png b/theme_kiddo/static/description/contributors/catsdogs.png new file mode 100644 index 000000000..f4d03e63d Binary files /dev/null and b/theme_kiddo/static/description/contributors/catsdogs.png differ diff --git a/theme_kiddo/static/description/contributors/dialognet.png b/theme_kiddo/static/description/contributors/dialognet.png new file mode 100644 index 000000000..831a1a9c3 Binary files /dev/null and b/theme_kiddo/static/description/contributors/dialognet.png differ diff --git a/theme_kiddo/static/description/contributors/dynapps.jpg b/theme_kiddo/static/description/contributors/dynapps.jpg new file mode 100644 index 000000000..5854230c4 Binary files /dev/null and b/theme_kiddo/static/description/contributors/dynapps.jpg differ diff --git a/theme_kiddo/static/description/contributors/huckemedia.png b/theme_kiddo/static/description/contributors/huckemedia.png new file mode 100644 index 000000000..2106c34b0 Binary files /dev/null and b/theme_kiddo/static/description/contributors/huckemedia.png differ diff --git a/theme_kiddo/static/description/contributors/opusvl.png b/theme_kiddo/static/description/contributors/opusvl.png new file mode 100644 index 000000000..f1f25f120 Binary files /dev/null and b/theme_kiddo/static/description/contributors/opusvl.png differ diff --git a/theme_kiddo/static/description/contributors/oxen.jpg b/theme_kiddo/static/description/contributors/oxen.jpg new file mode 100644 index 000000000..0cb41eb9f Binary files /dev/null and b/theme_kiddo/static/description/contributors/oxen.jpg differ diff --git a/theme_kiddo/static/description/contributors/simplitco.jpg b/theme_kiddo/static/description/contributors/simplitco.jpg new file mode 100644 index 000000000..152bbf277 Binary files /dev/null and b/theme_kiddo/static/description/contributors/simplitco.jpg differ diff --git a/theme_kiddo/static/description/contributors/sodexis.jpg b/theme_kiddo/static/description/contributors/sodexis.jpg new file mode 100644 index 000000000..12f1d8ecd Binary files /dev/null and b/theme_kiddo/static/description/contributors/sodexis.jpg differ diff --git a/theme_kiddo/static/description/contributors/tech-receptives.png b/theme_kiddo/static/description/contributors/tech-receptives.png new file mode 100644 index 000000000..c441f44db Binary files /dev/null and b/theme_kiddo/static/description/contributors/tech-receptives.png differ diff --git a/theme_kiddo/static/description/contributors/vauxoo.png b/theme_kiddo/static/description/contributors/vauxoo.png new file mode 100644 index 000000000..7e83d3148 Binary files /dev/null and b/theme_kiddo/static/description/contributors/vauxoo.png differ diff --git a/theme_kiddo/static/description/customtool.jpg b/theme_kiddo/static/description/customtool.jpg new file mode 100644 index 000000000..2380022f9 Binary files /dev/null and b/theme_kiddo/static/description/customtool.jpg differ diff --git a/theme_kiddo/static/description/customtool2.jpg b/theme_kiddo/static/description/customtool2.jpg new file mode 100644 index 000000000..ed6d96ff0 Binary files /dev/null and b/theme_kiddo/static/description/customtool2.jpg differ diff --git a/theme_kiddo/static/description/icon.png b/theme_kiddo/static/description/icon.png new file mode 100644 index 000000000..2bcdface1 Binary files /dev/null and b/theme_kiddo/static/description/icon.png differ diff --git a/theme_kiddo/static/description/index.html b/theme_kiddo/static/description/index.html new file mode 100644 index 000000000..b4c4b5dac --- /dev/null +++ b/theme_kiddo/static/description/index.html @@ -0,0 +1,192 @@ +
    +

    Html5 Responsive Bootstrap Theme for Odoo CMS

    +
    +

    Kiddo is a professional responsive HTML5 theme, built using Bootstrap3, + the most popular front-end framework for developing responsive, mobile + first projects on the web. Just drag & drop the new building blocks + you need to easily build your layout. All layouts are made of sections, + that you can easily combine to fit your specific project.

    + +
    + +

    Kiddo Customization Tool

    +

    Theme Kiddo comes with customization tools. You can easily change the background, the colors and the font combination of your website or you a preset.

    +
    +
    + +
    +
    +

    Theme Kiddo comes with a lot of options

    +
      +
    • 6 PRESETS
      • +
    • WIDE OR BOXED LAYOUT
      • +
    • CUSTOM FOOTER
      • +
    • 6 COLOR SCHEMES
      • +
    • 8 BACKGROUND SHADES OR USE YOUR OWN
      • +
    • 6 FONT COMBINATIONS
      • +
    • 10 BACKGROUND PATTERNS
      • +
    +
    +

    All the background, color and font combinations were made to work together. You can not go wrong with the settings.

    + +

    Minimalistic Flat Design

    +

    Kiddo was made with easy customization and branding in mind. Based on simple, modern and typographical elements, it allows you to easily customize your website.

    + +

    6 Prebuild Presets

    +

    You don't have the time to play with options? Don't worry, Kiddo gives you six full presets wich combine colors, fonts and background.

    + +

    This theme has an additional eCommerce plugin.

    +
    +
    +
    + +

    Kiddo Building Blocks

    +

    You get a new complete range of building blocks.

    +
    +
    +

    CONTENT BLOCKS

    +
      +
    • Title
      • +
    • 1 Column Text
      • +
    • 2 Column Text
      • +
    • 3 Column Text
      • +
    • 4 Column Text
      • +
    • Custom Button
      • +
    • Separator Block
      • +
    +

    STRUCTURE BLOCKS

    +
      +
    • Custom Banner
      • +
    • Big Picture + Text
      • +
    • Text + Big Picture
      • +
    • Cubes
      • +
    • Features Carousel
      • +
    • Header + Text + Picture
      • +
    • Product List
      • +
    • Text + Image + Text
      • +
    +
    +
    +

    FEATURES BLOCKS

    +
      +
    • Slide Banner
      • +
    +

    EFFECTS BLOCKS

    +
      +
    • Big Image Parallax
      • +
    +
    +
    +

    Customize Your Blocks

    +

    Each building blocks comes with its own options. 

    + +
    +
    +

    Some fonts might not work with extended charsets.

    +

    The images in the theme are copyrighted and can't be used outside of the odoo.com domain.

    +
    + +

    CONTRIBUTORS LIST

    +
    +

    This theme was created with the help of our user community.

    + +

    Thanks to our backers the Indiegogo campaign was a success!

    +

    https://www.indiegogo.com/projects/bootstrap-themes-for-odoo-cms/

    +
    + +

    Main Sponsor

    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    + +

    Ross Whiting, Oxenworkwear - Hans Balis - Stephan Keller, Sodexis, Inc. - Michael Hucke, Hucke Media GmbH & Co. KG - Joachim Grubelnik, DaDi EDV GmbH​ datadialog.net - DynApps - Cats&Dogs bvba - Bloopark systems GmbH & Co. KG - Parthiv Patel, Tech Receptives Solutions Pvt. Ltd. - Stuart Mackintosh, OpusVL - Erwin van der Ploeg, BAS Solutions - ali Zuaby, simplit co - Aselcis Consulting - Nhomar Hernandez, Vauxoo

    + +

    Sponsor

    +
    +

    Robert Baumgartner, datenpol gmbh - openBIG - Russell Phillippe, Protogenos Ltd - Julien Allo, Julius - EasyPME - Jonathan Wilson, WillowIT Pty Ltd - Xavier Mallein, MAallein - Pedro M. Baeza, Serv. Tecnol. Avanzados - Daniel Dico, OERP Canada - Jantz Business Group b.v. - LogicaSoft Consulting - Eric Caudal, Elico Corp - Ermin Trevisan, Twanda - Jean-François Mattler, OpenFid SAS - Alex Ferrer, Lannex IT Solutions - Tony Gu, Shine IT Co. Ltd. 先安科技 - TaPo-IT OG - Jos De Graeve, Apertoso - Nicolas Rigo, eezee-it - Luis Miguel Varón E, Colorisa S.A - OpenBias - Stanislas Drouin Applicatour + +

    Power Designer

    +
    +

    Rohit Thakral - François Dhommeaux, Ubic Informatique - Judson Alves, Market Home Delivery - Eric Flaux, ABF Osiell - Gilles Dupont - Arnis Putniņš - Johnson Martt, GetOpenERP (Part of OpenStow Technologies) - Gianluca Milano - Daniel Stolovich, ATEL S.A. - Equitania Software GmbH - Senthilnathan G - Houssine Bakkali - Arend Trip - Kevin Woolf, Baba Kevin's American Barbecue Co., Ltd. - toodoo sàrl - Zoltan Gabor 'Apersis' - Tom De Decker, WEB2GO LTD - Nicolás Cavalier Montenegro, STOREGUD CORPORATION SAC - Keirse Jerome - REAL Solutions S.A. - Davide Corio - Brice Muangkhot - Melvin Miguel Martinez, Mendoza Hernandez - Auditores - Chua Wen Ching - Tran Minh Tri working, ungdungtinhoc.com - Badisheng Morena - Sogexis - Josh Wardini - The Tee Shirt Bakery - Bruce Letterle, Red Lab Media - Benoit Vankoningsloo - Francisco Manuel Garcia Claramonte. - Paulina Mikolajczak-Blasco - Collectiv - Tony Fernando - Herbert Riener, rigaConcepts - Kalmen Chia, E-Global SCM Solution Sdn Bhd - Rob North, Pair A Dice Games - David E. Vargas, CloudShop - François Le Gal - Calin Chete (24h Solutions) - Maria Gabriela Fong, MAGA Systems & Consulting - Pascal Behr, Cytosurge AG - Marc Antwertinger - Opencloud Unipessoal, Lda - Ruchir Shukla, BizzAppDev - Michael Hucke, Hucke Media GmbH & Co. KG - Mathias Neef, copadoMEDIA UG - Pablo Arias - Same Motion - livingprocess.de - Habib Ayob - Igor Jovanovic - Liangming Wang, Weixuan Inc. - Jason Au Yeung, Binary System Limited - Fredrik Arvas, Arvas International AB - Martin Temmink, Zigaret - Mathieu Vanneste, Flockdesign - Filip Fruru, Instant Media - Marianne Wilmsmeier, Fabrik Fünf GmbH - Vertex Group Enterprises - Bingen Eguzkitza - Herczeg Péter, InnOpen Group Kft - Giles Hohnen - Luis Felipe Miléo, KMEE - Maria Gabriela Fong, MAGA Systems & Consulting - Aaron Magon, Web Industries - Andrew Trueman, B.M. Trueman & Partners - Sven Petersen, Conexus - Nous Cambas - Oliver Yuan, OpenStone - Henri Ibowili, A-YANT.COM - Nicolas JEUDY - Helmut Drewes - Maik Steinfeld, Streward - Hans Henrik Gabelgaard - AJ Rosman - Eduard - Patrick Darribet, SUDOKEYS - Camptocamp - Cyril Morisse - Alejandro Santana - Eva Pinter, YBO - Mathias Neef, copadoMEDIA UG - Jean-Christophe Perrot, LOGICASOFT - Zarshed Ali, HiTechnologia - Stefan Reisich - Maxime Chambreuil, Savoir-faire Linux - Mario Gielissen, Openworx - Nicholas Burdic, Aptoworks LLC - Olivier Lenoir +

    diff --git a/theme_kiddo/static/src/img/content/content_img_02.jpg b/theme_kiddo/static/src/img/content/content_img_02.jpg new file mode 100644 index 000000000..d6d421aa2 Binary files /dev/null and b/theme_kiddo/static/src/img/content/content_img_02.jpg differ diff --git a/theme_kiddo/static/src/img/content/content_img_03.jpg b/theme_kiddo/static/src/img/content/content_img_03.jpg new file mode 100644 index 000000000..440243384 Binary files /dev/null and b/theme_kiddo/static/src/img/content/content_img_03.jpg differ diff --git a/theme_kiddo/static/src/img/content/content_img_04.jpg b/theme_kiddo/static/src/img/content/content_img_04.jpg new file mode 100644 index 000000000..55e6230a0 Binary files /dev/null and b/theme_kiddo/static/src/img/content/content_img_04.jpg differ diff --git a/theme_kiddo/static/src/img/content/content_img_05.jpg b/theme_kiddo/static/src/img/content/content_img_05.jpg new file mode 100644 index 000000000..31f33463d Binary files /dev/null and b/theme_kiddo/static/src/img/content/content_img_05.jpg differ diff --git a/theme_kiddo/static/src/img/content/content_img_06.jpg b/theme_kiddo/static/src/img/content/content_img_06.jpg new file mode 100644 index 000000000..1a7e7d91e Binary files /dev/null and b/theme_kiddo/static/src/img/content/content_img_06.jpg differ diff --git a/theme_kiddo/static/src/img/content/content_img_07.jpg b/theme_kiddo/static/src/img/content/content_img_07.jpg new file mode 100644 index 000000000..447db5fbc Binary files /dev/null and b/theme_kiddo/static/src/img/content/content_img_07.jpg differ diff --git a/theme_kiddo/static/src/img/content/content_img_08.jpg b/theme_kiddo/static/src/img/content/content_img_08.jpg new file mode 100644 index 000000000..760cfb2d5 Binary files /dev/null and b/theme_kiddo/static/src/img/content/content_img_08.jpg differ diff --git a/theme_kiddo/static/src/img/content/content_img_09.jpg b/theme_kiddo/static/src/img/content/content_img_09.jpg new file mode 100644 index 000000000..a3e28cb4f Binary files /dev/null and b/theme_kiddo/static/src/img/content/content_img_09.jpg differ diff --git a/theme_kiddo/static/src/img/content/content_img_10.jpg b/theme_kiddo/static/src/img/content/content_img_10.jpg new file mode 100644 index 000000000..d5efc117b Binary files /dev/null and b/theme_kiddo/static/src/img/content/content_img_10.jpg differ diff --git a/theme_kiddo/static/src/img/content/content_img_11.jpg b/theme_kiddo/static/src/img/content/content_img_11.jpg new file mode 100644 index 000000000..9487bf228 Binary files /dev/null and b/theme_kiddo/static/src/img/content/content_img_11.jpg differ diff --git a/theme_kiddo/static/src/img/content/content_img_12.jpg b/theme_kiddo/static/src/img/content/content_img_12.jpg new file mode 100644 index 000000000..b8234837b Binary files /dev/null and b/theme_kiddo/static/src/img/content/content_img_12.jpg differ diff --git a/theme_kiddo/static/src/img/content/content_logo.png b/theme_kiddo/static/src/img/content/content_logo.png new file mode 100644 index 000000000..47bc6443f Binary files /dev/null and b/theme_kiddo/static/src/img/content/content_logo.png differ diff --git a/theme_kiddo/static/src/img/content/product_img_01.jpg b/theme_kiddo/static/src/img/content/product_img_01.jpg new file mode 100644 index 000000000..1a7e7d91e Binary files /dev/null and b/theme_kiddo/static/src/img/content/product_img_01.jpg differ diff --git a/theme_kiddo/static/src/img/content/product_img_01.png b/theme_kiddo/static/src/img/content/product_img_01.png new file mode 100644 index 000000000..c2943ed1b Binary files /dev/null and b/theme_kiddo/static/src/img/content/product_img_01.png differ diff --git a/theme_kiddo/static/src/img/content/product_img_02.jpg b/theme_kiddo/static/src/img/content/product_img_02.jpg new file mode 100644 index 000000000..1a7e7d91e Binary files /dev/null and b/theme_kiddo/static/src/img/content/product_img_02.jpg differ diff --git a/theme_kiddo/static/src/img/content/product_img_02.png b/theme_kiddo/static/src/img/content/product_img_02.png new file mode 100644 index 000000000..ac641842f Binary files /dev/null and b/theme_kiddo/static/src/img/content/product_img_02.png differ diff --git a/theme_kiddo/static/src/img/content/product_img_03.jpg b/theme_kiddo/static/src/img/content/product_img_03.jpg new file mode 100644 index 000000000..1a7e7d91e Binary files /dev/null and b/theme_kiddo/static/src/img/content/product_img_03.jpg differ diff --git a/theme_kiddo/static/src/img/content/product_img_03.png b/theme_kiddo/static/src/img/content/product_img_03.png new file mode 100644 index 000000000..1d77195ec Binary files /dev/null and b/theme_kiddo/static/src/img/content/product_img_03.png differ diff --git a/theme_kiddo/static/src/img/content/product_img_04.jpg b/theme_kiddo/static/src/img/content/product_img_04.jpg new file mode 100644 index 000000000..1a7e7d91e Binary files /dev/null and b/theme_kiddo/static/src/img/content/product_img_04.jpg differ diff --git a/theme_kiddo/static/src/img/content/product_img_04.png b/theme_kiddo/static/src/img/content/product_img_04.png new file mode 100644 index 000000000..bdec145d7 Binary files /dev/null and b/theme_kiddo/static/src/img/content/product_img_04.png differ diff --git a/theme_kiddo/static/src/img/content/product_img_05.png b/theme_kiddo/static/src/img/content/product_img_05.png new file mode 100644 index 000000000..3353c5ce2 Binary files /dev/null and b/theme_kiddo/static/src/img/content/product_img_05.png differ diff --git a/theme_kiddo/static/src/img/content/product_img_06.png b/theme_kiddo/static/src/img/content/product_img_06.png new file mode 100644 index 000000000..9e6750105 Binary files /dev/null and b/theme_kiddo/static/src/img/content/product_img_06.png differ diff --git a/theme_kiddo/static/src/img/content/product_img_07.png b/theme_kiddo/static/src/img/content/product_img_07.png new file mode 100644 index 000000000..aeee5d81f Binary files /dev/null and b/theme_kiddo/static/src/img/content/product_img_07.png differ diff --git a/theme_kiddo/static/src/img/content/product_img_08.png b/theme_kiddo/static/src/img/content/product_img_08.png new file mode 100644 index 000000000..8908bc93f Binary files /dev/null and b/theme_kiddo/static/src/img/content/product_img_08.png differ diff --git a/theme_kiddo/static/src/img/content/product_img_09.png b/theme_kiddo/static/src/img/content/product_img_09.png new file mode 100644 index 000000000..5fb630671 Binary files /dev/null and b/theme_kiddo/static/src/img/content/product_img_09.png differ diff --git a/theme_kiddo/static/src/img/content/product_img_10.png b/theme_kiddo/static/src/img/content/product_img_10.png new file mode 100644 index 000000000..6452fcaf3 Binary files /dev/null and b/theme_kiddo/static/src/img/content/product_img_10.png differ diff --git a/theme_kiddo/static/src/img/content/product_img_11.png b/theme_kiddo/static/src/img/content/product_img_11.png new file mode 100644 index 000000000..f0a8624b2 Binary files /dev/null and b/theme_kiddo/static/src/img/content/product_img_11.png differ diff --git a/theme_kiddo/static/src/img/content/product_img_12.png b/theme_kiddo/static/src/img/content/product_img_12.png new file mode 100644 index 000000000..f59ece628 Binary files /dev/null and b/theme_kiddo/static/src/img/content/product_img_12.png differ diff --git a/theme_kiddo/static/src/img/content/product_img_13.png b/theme_kiddo/static/src/img/content/product_img_13.png new file mode 100644 index 000000000..442a3a3e2 Binary files /dev/null and b/theme_kiddo/static/src/img/content/product_img_13.png differ diff --git a/theme_kiddo/static/src/img/content/product_img_14.png b/theme_kiddo/static/src/img/content/product_img_14.png new file mode 100644 index 000000000..98fbf27c8 Binary files /dev/null and b/theme_kiddo/static/src/img/content/product_img_14.png differ diff --git a/theme_kiddo/static/src/img/content/product_img_15.png b/theme_kiddo/static/src/img/content/product_img_15.png new file mode 100644 index 000000000..cdc785373 Binary files /dev/null and b/theme_kiddo/static/src/img/content/product_img_15.png differ diff --git a/theme_kiddo/static/src/img/content/product_img_16.png b/theme_kiddo/static/src/img/content/product_img_16.png new file mode 100644 index 000000000..282d6ea4e Binary files /dev/null and b/theme_kiddo/static/src/img/content/product_img_16.png differ diff --git a/theme_kiddo/static/src/img/content/sale.png b/theme_kiddo/static/src/img/content/sale.png new file mode 100644 index 000000000..aeab6fcba Binary files /dev/null and b/theme_kiddo/static/src/img/content/sale.png differ diff --git a/theme_kiddo/static/src/img/library/bg1.jpg b/theme_kiddo/static/src/img/library/bg1.jpg new file mode 100644 index 000000000..4c49f8cc3 Binary files /dev/null and b/theme_kiddo/static/src/img/library/bg1.jpg differ diff --git a/theme_kiddo/static/src/img/library/bg10.jpg b/theme_kiddo/static/src/img/library/bg10.jpg new file mode 100644 index 000000000..da27a509b Binary files /dev/null and b/theme_kiddo/static/src/img/library/bg10.jpg differ diff --git a/theme_kiddo/static/src/img/library/bg2.jpg b/theme_kiddo/static/src/img/library/bg2.jpg new file mode 100644 index 000000000..badeaeaf7 Binary files /dev/null and b/theme_kiddo/static/src/img/library/bg2.jpg differ diff --git a/theme_kiddo/static/src/img/library/bg3.jpg b/theme_kiddo/static/src/img/library/bg3.jpg new file mode 100644 index 000000000..bbf260929 Binary files /dev/null and b/theme_kiddo/static/src/img/library/bg3.jpg differ diff --git a/theme_kiddo/static/src/img/library/bg4.jpg b/theme_kiddo/static/src/img/library/bg4.jpg new file mode 100644 index 000000000..76b4813bb Binary files /dev/null and b/theme_kiddo/static/src/img/library/bg4.jpg differ diff --git a/theme_kiddo/static/src/img/library/bg5.jpg b/theme_kiddo/static/src/img/library/bg5.jpg new file mode 100644 index 000000000..af0f86baf Binary files /dev/null and b/theme_kiddo/static/src/img/library/bg5.jpg differ diff --git a/theme_kiddo/static/src/img/library/bg6.jpg b/theme_kiddo/static/src/img/library/bg6.jpg new file mode 100644 index 000000000..540cb7e04 Binary files /dev/null and b/theme_kiddo/static/src/img/library/bg6.jpg differ diff --git a/theme_kiddo/static/src/img/library/bg7.jpg b/theme_kiddo/static/src/img/library/bg7.jpg new file mode 100644 index 000000000..f4dbae806 Binary files /dev/null and b/theme_kiddo/static/src/img/library/bg7.jpg differ diff --git a/theme_kiddo/static/src/img/library/bg8.jpg b/theme_kiddo/static/src/img/library/bg8.jpg new file mode 100644 index 000000000..87e614339 Binary files /dev/null and b/theme_kiddo/static/src/img/library/bg8.jpg differ diff --git a/theme_kiddo/static/src/img/library/bg9.jpg b/theme_kiddo/static/src/img/library/bg9.jpg new file mode 100644 index 000000000..017e11e3e Binary files /dev/null and b/theme_kiddo/static/src/img/library/bg9.jpg differ diff --git a/theme_kiddo/static/src/img/library/tn-bg-custom.jpg b/theme_kiddo/static/src/img/library/tn-bg-custom.jpg new file mode 100644 index 000000000..592f0460b Binary files /dev/null and b/theme_kiddo/static/src/img/library/tn-bg-custom.jpg differ diff --git a/theme_kiddo/static/src/img/library/tn-bg-none.jpg b/theme_kiddo/static/src/img/library/tn-bg-none.jpg new file mode 100644 index 000000000..f28908fd1 Binary files /dev/null and b/theme_kiddo/static/src/img/library/tn-bg-none.jpg differ diff --git a/theme_kiddo/static/src/img/pattern/grey.png b/theme_kiddo/static/src/img/pattern/grey.png new file mode 100644 index 000000000..724e3be8d Binary files /dev/null and b/theme_kiddo/static/src/img/pattern/grey.png differ diff --git a/theme_kiddo/static/src/img/pattern/pattern_02.png b/theme_kiddo/static/src/img/pattern/pattern_02.png new file mode 100644 index 000000000..d6b038191 Binary files /dev/null and b/theme_kiddo/static/src/img/pattern/pattern_02.png differ diff --git a/theme_kiddo/static/src/img/pattern/pattern_08.png b/theme_kiddo/static/src/img/pattern/pattern_08.png new file mode 100644 index 000000000..11b892c0c Binary files /dev/null and b/theme_kiddo/static/src/img/pattern/pattern_08.png differ diff --git a/theme_kiddo/static/src/img/pattern/pattern_09.png b/theme_kiddo/static/src/img/pattern/pattern_09.png new file mode 100644 index 000000000..f50ab3579 Binary files /dev/null and b/theme_kiddo/static/src/img/pattern/pattern_09.png differ diff --git a/theme_kiddo/static/src/img/pattern/pattern_10.png b/theme_kiddo/static/src/img/pattern/pattern_10.png new file mode 100644 index 000000000..ba40cc39e Binary files /dev/null and b/theme_kiddo/static/src/img/pattern/pattern_10.png differ diff --git a/theme_kiddo/static/src/img/pattern/pineapplecut.png b/theme_kiddo/static/src/img/pattern/pineapplecut.png new file mode 100644 index 000000000..cac67d47f Binary files /dev/null and b/theme_kiddo/static/src/img/pattern/pineapplecut.png differ diff --git a/theme_kiddo/static/src/img/pattern/skulls.png b/theme_kiddo/static/src/img/pattern/skulls.png new file mode 100644 index 000000000..171846ea1 Binary files /dev/null and b/theme_kiddo/static/src/img/pattern/skulls.png differ diff --git a/theme_kiddo/static/src/img/pattern/small_steps.png b/theme_kiddo/static/src/img/pattern/small_steps.png new file mode 100644 index 000000000..d93572a14 Binary files /dev/null and b/theme_kiddo/static/src/img/pattern/small_steps.png differ diff --git a/theme_kiddo/static/src/img/pattern/sprinkles.png b/theme_kiddo/static/src/img/pattern/sprinkles.png new file mode 100644 index 000000000..4445f6401 Binary files /dev/null and b/theme_kiddo/static/src/img/pattern/sprinkles.png differ diff --git a/theme_kiddo/static/src/img/pattern/swirl_pattern.png b/theme_kiddo/static/src/img/pattern/swirl_pattern.png new file mode 100644 index 000000000..12ce63993 Binary files /dev/null and b/theme_kiddo/static/src/img/pattern/swirl_pattern.png differ diff --git a/theme_kiddo/static/src/img/pattern/tileable_wood_texture.png b/theme_kiddo/static/src/img/pattern/tileable_wood_texture.png new file mode 100644 index 000000000..0b4c35f8c Binary files /dev/null and b/theme_kiddo/static/src/img/pattern/tileable_wood_texture.png differ diff --git a/theme_kiddo/static/src/img/pattern/tree_bark.png b/theme_kiddo/static/src/img/pattern/tree_bark.png new file mode 100644 index 000000000..e63c5ff0e Binary files /dev/null and b/theme_kiddo/static/src/img/pattern/tree_bark.png differ diff --git a/theme_kiddo/static/src/img/snippets/s_color_block.png b/theme_kiddo/static/src/img/snippets/s_color_block.png new file mode 100644 index 000000000..58f11f081 Binary files /dev/null and b/theme_kiddo/static/src/img/snippets/s_color_block.png differ diff --git a/theme_kiddo/static/src/img/snippets/s_discount.png b/theme_kiddo/static/src/img/snippets/s_discount.png new file mode 100644 index 000000000..ac9dee7e6 Binary files /dev/null and b/theme_kiddo/static/src/img/snippets/s_discount.png differ diff --git a/theme_kiddo/static/src/js/kiddo_snippets_editor.js b/theme_kiddo/static/src/js/kiddo_snippets_editor.js new file mode 100644 index 000000000..ad8a674ce --- /dev/null +++ b/theme_kiddo/static/src/js/kiddo_snippets_editor.js @@ -0,0 +1,61 @@ +(function () { + 'use strict'; + + var website = openerp.website; + + // Set custom background image from modal + website.Theme.include({ + start: function () { + var self = this; + return this._super.apply(this, arguments).then(function() { + self.$('label:has(input[data-xmlid="theme_kiddo.option_bg_custom"])').on('click', _.bind(self.set_custom_bg, self)); + }); + }, + change_selection: function (event, force) { + if (!force && (event.originalEvent && $(event.target).is('input[data-xmlid="theme_kiddo.option_bg_custom"]'))) { + this.set_custom_bg(event); + return; + } + + this._super(event); + }, + set_custom_bg: function (event) { + var self = this; + + clearTimeout(this.set_custom_bg_time); + this.set_custom_bg_time = setTimeout(function () { + var $image = $(''); + var element = new CKEDITOR.dom.element($image[0]); + var editor = new website.editor.MediaDialog({}, element); + + $image.on('saved', this, function () { + var src = $image.attr('src'); + + self.$el.addClass("loading"); + + openerp.jsonRpc('/web/dataset/call', 'call', { + model: 'ir.model.data', + method: 'get_object_reference', + args: ["theme_kiddo", "option_bg_custom"], + }).then(function (data) { + openerp.jsonRpc('/web/dataset/call', 'call', { + model: 'ir.ui.view', + method: 'save', + args: [ + data[1], + "body{background-image: url('"+src+"'); background-size: cover; background-position: top center;}", + "//style", + website.get_context() + ], + }).then(function () { + self.$el.removeClass("loading"); + self.change_selection(event, true); + }); + }); + }); + + editor.appendTo(document.body); + }, 0); + } + }); +})(); diff --git a/theme_kiddo/static/src/less/blog.less b/theme_kiddo/static/src/less/blog.less new file mode 100644 index 000000000..4d41598a6 --- /dev/null +++ b/theme_kiddo/static/src/less/blog.less @@ -0,0 +1,99 @@ +// Events + +#left_column { + > .nav-pills > li { + &.active > a { + background-color: transparent; + color: @color-beta; + } + > a:hover { + background-color: transparent; + } + } +} + +// Blog +.website_blog { + #blog_right_column { + border-left: 1px solid @color-gamma; + padding: 0 15px 35px 30px; + + h4 { + text-transform: uppercase; + } + .nav-stacked > li.active > a { + background-color: transparent; + color: @color-gamma; + } + } + .col-sm-8 { + padding: 0 15px 30px 35px; + } + .post-meta { + margin-top: 20px; + text-align: left; + } + .blog_title .post-meta { + text-align: center; + } + #main_column { + h4 { + font-size: 18px; + } + h2 { + font-size: 25px; + } + } +} + +// Forum +.website_forum { + width: 100%; + margin-top: 0px !important; + background: rgba(255, 255, 255, 0.8); + li.active > a { + background-color: @color-alpha!important; + } + + + #wrap { + padding: 35px; + margin-bottom: 0!important; + + #right-column { + border-left: 1px solid @gray-lighter; + > .btn { + background-color: @color-beta !important; + color: white; + &:hover { + border-color: @color-zeta; + } + } + + .panel { + text-align: center; + border: none; + box-shadow: none; + .panel-heading { + background-color: transparent; + border: none; + .panel-title { + font-size: 20px; + } + } + } + } + .question .mt16 { + padding: 10px; + background: rgb(230, 230, 230); + } + .alert .close { + background: transparent; + } + } +} + +.forum_docs { + margin-top: 30px; + padding: 10px 35px; + background-color: white; +} diff --git a/theme_kiddo/static/src/less/color.less b/theme_kiddo/static/src/less/color.less new file mode 100644 index 000000000..f53563c65 --- /dev/null +++ b/theme_kiddo/static/src/less/color.less @@ -0,0 +1,198 @@ + +/* ================== BOOTSTRAP GRAYS ================= */ + +@gray-darker: lighten(#000, 13.5%); // #222 +@gray-dark: lighten(#000, 20%); // #333 +@gray: lighten(#000, 33.5%); // #555 +@gray-light: lighten(#000, 46.7%); // #777 +@gray-lighter: lighten(#000, 85%); // #eee +@white: #ffffff; +@black: #000000; +@color-alpha: @white; + +/* ================== COLOR PRESET 1 ================= */ + +@colorPreset1_color1: #47464b; //gray +@colorPreset1_color1_dark: darken(@colorPreset1_color1, 10%); +@colorPreset1_color1_light: lighten(@colorPreset1_color1, 5%); +@colorPreset1_color2: #f3997b; //orange +@colorPreset1_color2_dark: #cd7d63; +@colorPreset1_color2_darker: lighten(#cd7d63, 10%); +@colorPreset1_color2_light: lighten(@colorPreset1_color2, 5%); +@colorPreset1_color3: #add3ce; //green +@colorPreset1_color3_dark: darken(@colorPreset1_color3, 10%); +@colorPreset1_color3_light: lighten(@colorPreset1_color3, 10%); +@colorPreset1_color4: #a7c7d5; //blue +@colorPreset1_color4_dark: darken(@colorPreset1_color4, 10%); +@colorPreset1_color4_light: lighten(@colorPreset1_color4, 5%); + +/* ================== COLOR PRESET 2 ================= */ + +@colorPreset2_color1: #d699ae; // claret +@colorPreset2_color1_dark: darken(@colorPreset2_color1, 10%); +@colorPreset2_color1_light: lighten(@colorPreset2_color1, 5%); +@colorPreset2_color2: #B24774; // purple +@colorPreset2_color2_dark: darken(@colorPreset2_color2, 10%); +@colorPreset2_color2_darker: darken(@colorPreset2_color2, 15%); +@colorPreset2_color2_light: lighten(@colorPreset2_color2, 10%); +@colorPreset2_color3: #72c2d0; // blue +@colorPreset2_color3_dark: darken(@colorPreset2_color3, 10%); +@colorPreset2_color3_light: lighten(@colorPreset2_color3, 10%); +@colorPreset2_color4: #ed8354; // orange +@colorPreset2_color4_dark: darken(@colorPreset2_color4, 10%); +@colorPreset2_color4_light: lighten(@colorPreset2_color4, 5%); + +/* ================== COLOR PRESET 3 ================= */ + +@colorPreset3_color1: #79CCC2; // middle green +@colorPreset3_color1_dark: darken(@colorPreset3_color1, 10%); +@colorPreset3_color1_light: lighten(@colorPreset3_color1, 5%); +@colorPreset3_color2: #F05A12; // orange +@colorPreset3_color2_dark: darken(@colorPreset3_color2, 10%); +@colorPreset3_color2_light: lighten(@colorPreset3_color2, 10%); +@colorPreset3_color3: #C5FFF8; // light green +@colorPreset3_color3_dark: darken(@colorPreset3_color3, 10%); +@colorPreset3_color3_darker: darken(@colorPreset3_color3, 15%); +@colorPreset3_color3_light: lighten(@colorPreset3_color3, 10%); +@colorPreset3_color4: #0F7F72; // dark green +@colorPreset3_color4_dark: darken(@colorPreset3_color4, 10%); +@colorPreset3_color4_light: lighten(@colorPreset3_color4, 5%); + +/* ================== COLOR PRESET 4 ================= */ + +@colorPreset4_color1: #53a1cc; // l.blue +@colorPreset4_color1_dark: darken(@colorPreset4_color1, 10%); +@colorPreset4_color1_darker: darken(@colorPreset4_color1, 15%); +@colorPreset4_color1_light: lighten(@colorPreset4_color1, 5%); +@colorPreset4_color2: #116899; // d.blue +@colorPreset4_color2_dark: darken(@colorPreset4_color2, 10%); +@colorPreset4_color2_light: lighten(@colorPreset4_color2, 10%); +@colorPreset4_color3: #aab3ca; // green +@colorPreset4_color3_dark: darken(@colorPreset4_color3, 10%); +@colorPreset4_color3_light: lighten(@colorPreset4_color3, 10%); +@colorPreset4_color4: #ffc9c1; // rose +@colorPreset4_color4_dark: darken(@colorPreset4_color4, 10%); +@colorPreset4_color4_light: lighten(@colorPreset4_color4, 5%); + +/* ================== COLOR PRESET 5 ================= */ + +@colorPreset5_color1: #3b2c3c; +@colorPreset5_color1_dark: darken(@colorPreset5_color1, 10%); +@colorPreset5_color1_light: lighten(@colorPreset5_color1, 5%); +@colorPreset5_color1_lighter: lighten(@colorPreset5_color1, 10%); +@colorPreset5_color2: #D2546D; +@colorPreset5_color2_dark: darken(@colorPreset5_color2, 10%); +@colorPreset5_color2_light: lighten(@colorPreset5_color2, 10%); +@colorPreset5_color3: #303347; +@colorPreset5_color3_dark: darken(@colorPreset5_color3, 10%); +@colorPreset5_color3_light: lighten(@colorPreset5_color3, 10%); +@colorPreset5_color4: #171827; +@colorPreset5_color4_dark: darken(@colorPreset5_color4, 10%); +@colorPreset5_color4_light: lighten(@colorPreset5_color4, 5%); + +/* ================== COLOR PRESET 6 ================= */ + +@colorPreset6_color1: #2F343B; // Gray +@colorPreset6_color1_dark: darken(@colorPreset6_color1, 10%); +@colorPreset6_color1_light: lighten(@colorPreset6_color1, 5%); +@colorPreset6_color2: #C77966; // Orange +@colorPreset6_color2_dark: darken(@colorPreset6_color2, 5%); +@colorPreset6_color2_darker: darken(@colorPreset6_color2, 10%); +@colorPreset6_color2_light: lighten(@colorPreset6_color2, 5%); +@colorPreset6_color3: #703030; // Claret +@colorPreset6_color3_dark: darken(@colorPreset6_color3, 10%); +@colorPreset6_color3_light: lighten(@colorPreset6_color3, 10%); +@colorPreset6_color4: #E3CDA4; // Cream +@colorPreset6_color4_dark: darken(@colorPreset6_color4, 10%); +@colorPreset6_color4_light: lighten(@colorPreset6_color4, 5%); + +/* ========================= BLACK ========================= */ + +.black { + .SetDisplayColor (@black, @gray); +} + +/* ========================= WHITE ========================= */ + +.white { + .SetDisplayColor (@white, @gray); +} + +/* ========================= GRAY ========================= */ + +.gray { + .SetDisplayColor (@gray, @white); + h1, h2, h3, h4, h5, h6 { + .SetTextShadow (2px, @black); + } +} + +/* ========================= LIGHTGRAY ========================= */ + +.lightgray { + .SetDisplayColor (@gray-lighter, @gray); + h1, h2, h3, h4, h5, h6 { + .SetTextShadow (1px, @white); + } + .menublock { + border-bottom: 2px solid @gray-light; + } +} + +/* ========================= DARKGRAY ========================= */ + +.darkgray { + .SetDisplayColor (@gray-dark, @white); + h1, h2, h3, h4, h5, h6 { + .SetTextShadow (2px, @black); + } +} + +/* ================== FONT COLORS IN THE EDITOR ================= */ + +.text-blue {color: @black;} +.bg-blue {background-color: @black;} + +.text-turquoise{color: @gray-darker;} +.bg-turquoise {background-color: @gray-darker;} + +.text-green {color: @gray-dark;} +.bg-green {background-color: @gray-dark;} + +.text-yellow {color: @gray;} +.bg-yellow {background-color: @gray;} + +.text-red {color: @gray-light;} +.bg-red {background-color: @gray-light;} + +.text-pink {color: @gray-lighter;} +.bg-pink {background-color: @gray-lighter;} + +.text-purple {color: @white;} +.bg-purple {background-color: @white;} + +.text-brown {} + +.text-blue2 {color: #1e3370;} +.bg-blue2 {background-color: #1e3370;} + +.text-turquoise2 {color: #1993a5;} +.bg-turquoise2 {background-color: #1993a5;} + +.text-green2 {color: #4f8640;} +.bg-green2 {background-color: #4f8640;} + +.text-yellow2 {color: #e6d123;} +.bg-yellow2 {background-color: #e6d123;} + +.text-red2 {color: #c22e2e;} +.bg-red2 {background-color: #c22e2e;} + +.text-lightblue2 {color: #5ea7db;} +.bg-lightblue2 {background-color: #5ea7db;} + +.text-purple2 {color: #8458a7;} +.bg-purple2 {background-color: #8458a7;} + +.text-brown2 {color: #725a4c;} +.bg-brown2 {color: #725a4c;} \ No newline at end of file diff --git a/theme_kiddo/static/src/less/customize_modal.less b/theme_kiddo/static/src/less/customize_modal.less new file mode 100644 index 000000000..fba9a0cff --- /dev/null +++ b/theme_kiddo/static/src/less/customize_modal.less @@ -0,0 +1,225 @@ +/* ================== MODAL COLORS ================= */ + +@modalGreen: #328e7f; +@modalGreenDark: darken(@modalGreen, 5%); +@modalGreenLight: lighten(@modalGreen, 15%); +@modalOrange: #ea5800; +@modalBlue: #151C24; +@modalLightBlue: lighten(@modalBlue, 20%); + +body #theme_customize_modal { + background: rgba(0, 0, 0, 0) !important; + + .modal-header .close { + color: white; + position: absolute; + top: 0.25em; + right: 0.4em; + opacity: .9; + } + + .modal-body.interface { + width: 360px; + height: 430px; + + padding-top: 0; + padding-bottom: 0; + + background-color: @gray; + position: relative; + font-family: ProximaRegular; + + > .row { + height: 100%; + + .left-content { + height: 100%; + padding: 0; + background-color: @modalGreen; + + ul.nav-tabs { + height: 100%; + border: none; + + > li { + height: percentage(1/6); + float: none; + + &:hover { + background-color: @modalBlue; + } + + > a { + display: block; + text-decoration: none; + cursor: pointer; + font-size: 12px; + + height: 100%; + margin-right: 0px; + padding: 15px 5px; + color: white; + + border-radius: 0px; + border: none; + + span { + margin-bottom: 13px; + } + } + + .a-mixin-orange() { + background-color: @gray; + color: @modalOrange; + border: none; + outline: none; + } + + &, &.active { + > a { + &:hover, &:focus { + .a-mixin-orange; + } + } + } + &.active > a { + .a-mixin-orange; + } + } + } + } + + .right-content { + max-height: 100%; + overflow: auto; + padding-top: 15px; + padding-bottom: 15px; + + h4 { + color: @white; + text-align: left; + } + h6, p { + color: @white; + } + + label { + width: 100%; + cursor: pointer; + + > img { + width: 100%; + height: auto; + } + + > div, > img, > h6, > h4 { + border: none; + padding: 3px; + } + + &.checked { + background-color: @modalLightBlue; + > div, > img, > h6, > h4 { + box-shadow: none; + } + } + } + + #color { + > p { + margin-top: 15px; + } + .color-combi { + > div { + display: inline-block; + width: 37px; + height: 37px; + padding: 0px; + } + + /* ======================= COLOR PRESET 1 ====================== */ + + &.colorPreset1 > div { + &:nth-child(1) {background-color: @white;} + &:nth-child(2) {background-color: @colorPreset1_color1;} + &:nth-child(3) {background-color: @colorPreset1_color2;} + &:nth-child(4) {background-color: @colorPreset1_color3;} + &:nth-child(5) {background-color: @colorPreset1_color4;} + } + + /* ======================= COLOR PRESET 2 ====================== */ + + &.colorPreset2 > div { + &:nth-child(1) {background-color: @colorPreset2_color1;} + &:nth-child(2) {background-color: @colorPreset2_color2;} + &:nth-child(3) {background-color: @white;} + &:nth-child(4) {background-color: @colorPreset2_color3;} + &:nth-child(5) {background-color: @colorPreset2_color4;} + } + + /* ======================= COLOR PRESET 3 ====================== */ + + &.colorPreset3 > div { + &:nth-child(1) {background-color: @colorPreset3_color1;} + &:nth-child(2) {background-color: @colorPreset3_color2;} + &:nth-child(3) {background-color: @white;} + &:nth-child(4) {background-color: @colorPreset3_color3;} + &:nth-child(5) {background-color: @colorPreset3_color4;} + } + + /* ======================= COLOR PRESET 4 ====================== */ + + &.colorPreset4 > div { + &:nth-child(1) {background-color: @colorPreset4_color1;} + &:nth-child(2) {background-color: @colorPreset4_color2;} + &:nth-child(3) {background-color: @white;} + &:nth-child(4) {background-color: @colorPreset4_color3;} + &:nth-child(5) {background-color: @colorPreset4_color4;} + } + + /* ======================= COLOR PRESET 5 ====================== */ + + &.colorPreset5 > div { + &:nth-child(1) {background-color: @colorPreset5_color1;} + &:nth-child(2) {background-color: @colorPreset5_color2;} + &:nth-child(3) {background-color: @white;} + &:nth-child(4) {background-color: @colorPreset5_color3;} + &:nth-child(5) {background-color: @colorPreset5_color4;} + } + + /* ======================= COLOR PRESET 6 ====================== */ + + &.colorPreset6 > div { + &:nth-child(1) {background-color: @colorPreset6_color1;} + &:nth-child(2) {background-color: @colorPreset6_color2;} + &:nth-child(3) {background-color: @white;} + &:nth-child(4) {background-color: @colorPreset6_color3;} + &:nth-child(5) {background-color: @colorPreset6_color4;} + } + } + } + + #bgcolor { + .bg-white {background-color: @white;} + .bg-beige {background-color: @colorPreset6_color4;} + .bg-gray {background-color: @gray-light;} + .bg-black {background-color: @black;} + .bg-green {background-color: @colorPreset1_color3;} + .bg-blue {background-color: @colorPreset1_color4;} + .bg-indigo {background-color: @colorPreset4_color3;} + .bg-rose {background-color: @colorPreset4_color4;} + + > label { + height: 45px; + } + } + } + } + } + + .modal-footer { + height: 38px; + background-color: @modalGreen; + border: none; + } +} diff --git a/theme_kiddo/static/src/less/options.less b/theme_kiddo/static/src/less/options.less new file mode 100644 index 000000000..1a9b77c70 --- /dev/null +++ b/theme_kiddo/static/src/less/options.less @@ -0,0 +1,15 @@ + +@bg-img-01: url("/website/image/theme_common.image_content_11"); +@bg-img-02: url("/website/image/theme_common.image_content_09"); +@bg-img-03: url("/website/image/theme_common.image_content_10"); +@bg-img-04: url("/website/image/theme_common.image_content_12"); + +.o-generate-bg-img-options(4); +.o-generate-bg-img-options(@n, @i: 1) when (@i =< @n) { + .bg-img-0@{i} { + background-image: ~"@{bg-img-0@{i}}"; + background-size: cover; + background-position: center center; + } + .o-generate-bg-img-options(@n, @i + 1); +} diff --git a/theme_kiddo/static/src/less/options/bg_colors/option_bg_beige.less b/theme_kiddo/static/src/less/options/bg_colors/option_bg_beige.less new file mode 100644 index 000000000..23227db78 --- /dev/null +++ b/theme_kiddo/static/src/less/options/bg_colors/option_bg_beige.less @@ -0,0 +1,3 @@ +#wrapwrap { + background-color: @colorPreset6_color4; +} diff --git a/theme_kiddo/static/src/less/options/bg_colors/option_bg_black.less b/theme_kiddo/static/src/less/options/bg_colors/option_bg_black.less new file mode 100644 index 000000000..5f63b05ae --- /dev/null +++ b/theme_kiddo/static/src/less/options/bg_colors/option_bg_black.less @@ -0,0 +1,3 @@ +#wrapwrap { + background-color: @black; +} diff --git a/theme_kiddo/static/src/less/options/bg_colors/option_bg_blue.less b/theme_kiddo/static/src/less/options/bg_colors/option_bg_blue.less new file mode 100644 index 000000000..5380d12b9 --- /dev/null +++ b/theme_kiddo/static/src/less/options/bg_colors/option_bg_blue.less @@ -0,0 +1,3 @@ +#wrapwrap { + background-color: @colorPreset1_color4; +} diff --git a/theme_kiddo/static/src/less/options/bg_colors/option_bg_gray.less b/theme_kiddo/static/src/less/options/bg_colors/option_bg_gray.less new file mode 100644 index 000000000..035fa6bdb --- /dev/null +++ b/theme_kiddo/static/src/less/options/bg_colors/option_bg_gray.less @@ -0,0 +1,3 @@ +#wrapwrap { + background-color: @gray-light; +} diff --git a/theme_kiddo/static/src/less/options/bg_colors/option_bg_green.less b/theme_kiddo/static/src/less/options/bg_colors/option_bg_green.less new file mode 100644 index 000000000..73bbf557a --- /dev/null +++ b/theme_kiddo/static/src/less/options/bg_colors/option_bg_green.less @@ -0,0 +1,3 @@ +#wrapwrap { + background-color: @colorPreset1_color3; +} diff --git a/theme_kiddo/static/src/less/options/bg_colors/option_bg_indigo.less b/theme_kiddo/static/src/less/options/bg_colors/option_bg_indigo.less new file mode 100644 index 000000000..695fc6e1d --- /dev/null +++ b/theme_kiddo/static/src/less/options/bg_colors/option_bg_indigo.less @@ -0,0 +1,3 @@ +#wrapwrap { + background-color: @colorPreset4_color3; +} diff --git a/theme_kiddo/static/src/less/options/bg_colors/option_bg_rose.less b/theme_kiddo/static/src/less/options/bg_colors/option_bg_rose.less new file mode 100644 index 000000000..7f65dadea --- /dev/null +++ b/theme_kiddo/static/src/less/options/bg_colors/option_bg_rose.less @@ -0,0 +1,3 @@ +#wrapwrap { + background-color: @colorPreset4_color4; +} diff --git a/theme_kiddo/static/src/less/options/bg_colors/option_bg_white.less b/theme_kiddo/static/src/less/options/bg_colors/option_bg_white.less new file mode 100644 index 000000000..37d5e30bc --- /dev/null +++ b/theme_kiddo/static/src/less/options/bg_colors/option_bg_white.less @@ -0,0 +1,3 @@ +#wrapwrap { + background-color: @white; +} diff --git a/theme_kiddo/static/src/less/options/bg_images/option_bg_01.less b/theme_kiddo/static/src/less/options/bg_images/option_bg_01.less new file mode 100644 index 000000000..c2314cf9f --- /dev/null +++ b/theme_kiddo/static/src/less/options/bg_images/option_bg_01.less @@ -0,0 +1,3 @@ +#wrapwrap { + background-image: url("/website/image/theme_kiddo.bg_img_01"); +} diff --git a/theme_kiddo/static/src/less/options/bg_images/option_bg_02.less b/theme_kiddo/static/src/less/options/bg_images/option_bg_02.less new file mode 100644 index 000000000..57db3399e --- /dev/null +++ b/theme_kiddo/static/src/less/options/bg_images/option_bg_02.less @@ -0,0 +1,3 @@ +#wrapwrap { + background-image: url("/website/image/theme_kiddo.bg_img_02"); +} diff --git a/theme_kiddo/static/src/less/options/bg_images/option_bg_03.less b/theme_kiddo/static/src/less/options/bg_images/option_bg_03.less new file mode 100644 index 000000000..631ccd494 --- /dev/null +++ b/theme_kiddo/static/src/less/options/bg_images/option_bg_03.less @@ -0,0 +1,3 @@ +#wrapwrap { + background-image: url("/website/image/theme_kiddo.bg_img_03"); +} diff --git a/theme_kiddo/static/src/less/options/bg_images/option_bg_04.less b/theme_kiddo/static/src/less/options/bg_images/option_bg_04.less new file mode 100644 index 000000000..672c44780 --- /dev/null +++ b/theme_kiddo/static/src/less/options/bg_images/option_bg_04.less @@ -0,0 +1,3 @@ +#wrapwrap { + background-image: url("/website/image/theme_kiddo.bg_img_04"); +} diff --git a/theme_kiddo/static/src/less/options/bg_images/option_bg_05.less b/theme_kiddo/static/src/less/options/bg_images/option_bg_05.less new file mode 100644 index 000000000..0b3821088 --- /dev/null +++ b/theme_kiddo/static/src/less/options/bg_images/option_bg_05.less @@ -0,0 +1,3 @@ +#wrapwrap { + background-image: url("/website/image/theme_kiddo.bg_img_05"); +} diff --git a/theme_kiddo/static/src/less/options/bg_images/option_bg_06.less b/theme_kiddo/static/src/less/options/bg_images/option_bg_06.less new file mode 100644 index 000000000..23b88262a --- /dev/null +++ b/theme_kiddo/static/src/less/options/bg_images/option_bg_06.less @@ -0,0 +1,3 @@ +#wrapwrap { + background-image: url("/website/image/theme_kiddo.bg_img_06"); +} diff --git a/theme_kiddo/static/src/less/options/bg_images/option_bg_07.less b/theme_kiddo/static/src/less/options/bg_images/option_bg_07.less new file mode 100644 index 000000000..31ab36981 --- /dev/null +++ b/theme_kiddo/static/src/less/options/bg_images/option_bg_07.less @@ -0,0 +1,3 @@ +#wrapwrap { + background-image: url("/website/image/theme_kiddo.bg_img_07"); +} diff --git a/theme_kiddo/static/src/less/options/bg_images/option_bg_08.less b/theme_kiddo/static/src/less/options/bg_images/option_bg_08.less new file mode 100644 index 000000000..e3b429daa --- /dev/null +++ b/theme_kiddo/static/src/less/options/bg_images/option_bg_08.less @@ -0,0 +1,3 @@ +#wrapwrap { + background-image: url("/website/image/theme_kiddo.bg_img_08"); +} diff --git a/theme_kiddo/static/src/less/options/bg_images/option_bg_09.less b/theme_kiddo/static/src/less/options/bg_images/option_bg_09.less new file mode 100644 index 000000000..278d67880 --- /dev/null +++ b/theme_kiddo/static/src/less/options/bg_images/option_bg_09.less @@ -0,0 +1,3 @@ +#wrapwrap { + background-image: url("/website/image/theme_kiddo.bg_img_09"); +} diff --git a/theme_kiddo/static/src/less/options/bg_images/option_bg_10.less b/theme_kiddo/static/src/less/options/bg_images/option_bg_10.less new file mode 100644 index 000000000..0f77919cc --- /dev/null +++ b/theme_kiddo/static/src/less/options/bg_images/option_bg_10.less @@ -0,0 +1,3 @@ +#wrapwrap { + background-image: url("/website/image/theme_kiddo.bg_img_10"); +} diff --git a/theme_kiddo/static/src/less/options/colors/colorPreset1.less b/theme_kiddo/static/src/less/options/colors/colorPreset1.less new file mode 100644 index 000000000..d9d2e91be --- /dev/null +++ b/theme_kiddo/static/src/less/options/colors/colorPreset1.less @@ -0,0 +1,88 @@ +@color-alpha: @white; +@color-beta: @colorPreset1_color3; //green +@color-gamma: @colorPreset1_color2; //orange +@color-delta: @colorPreset1_color4; //blue +@color-epsilon: @colorPreset1_color1; //gray +@color-zeta: @colorPreset1_color3_dark; +@color-eta: @colorPreset1_color3_light; +@color-theta: @colorPreset1_color2_dark; +@color-iota: @colorPreset1_color2_light; +@color-kappa: @colorPreset1_color4_dark; +@color-lambda: @colorPreset1_color4_light; +@color-mu: @colorPreset1_color1_dark; +@color-nu: @colorPreset1_color1_light; + +/* ============= FONT COLORS ================== */ + +.text-alpha {color: @white;} +.text-beta {color: @colorPreset1_color1;} +.text-gamma {color: @colorPreset1_color2;} +.text-delta {color: @colorPreset1_color3;} +.text-epsilon {color: @colorPreset1_color4;} + +.text-primary {color: @color-alpha;} +.text-success {color: @color-epsilon;} +.text-info {color: @color-gamma;} +.text-warning {color: @color-beta;} +.text-danger {color: @color-delta;} + +/* ============= THEMES BUTTONS =============== */ + +@btn-default-bg: @color-alpha; +@btn-primary-bg: @color-beta; +@btn-success-bg: @color-gamma; +@btn-info-bg: @color-delta; +@btn-warning-bg: @color-epsilon; +@btn-danger-bg: @black; + +/* ============= BG USED FOR NAV ============== */ + +.bgrgba(0, 0, 0, 0) { + background: rgba(255, 255, 255, 0.8); +} + +/* ============= BGCOLORS ===================== */ + +.bg-alpha { + .SetDisplayColor (@color-alpha, @gray); + .LinkColor (@color-gamma, @color-epsilon); + .fa {color: @gray;} +} + +.bg-beta { + .SetDisplayColor (@color-epsilon, @color-alpha); + .LinkColor (@color-gamma, @color-gamma); +} + +.bg-gamma { + .SetDisplayColor (@color-gamma, @color-alpha); + .LinkColor (@color-epsilon, @color-epsilon); +} + +.bg-delta { + .SetDisplayColor (@color-beta, @color-alpha); + .LinkColor (#db771f, #db771f); +} + +.bg-epsilon { + .SetDisplayColor (@color-delta, @color-alpha); + .LinkColor (#3080d1, #3080d1); +} + +/* ============= TYPO ========================= */ + +a { + color: @color-gamma; + &:hover, &:focus { + color: @color-beta; + } +} + +/* ============= STRUCTURE ==================== */ + +#wrapwrap > footer #footer h3 { + color: @color-beta; +} +.in, .collapsing { + background-color: @color-alpha !important; +} diff --git a/theme_kiddo/static/src/less/options/colors/colorPreset2.less b/theme_kiddo/static/src/less/options/colors/colorPreset2.less new file mode 100644 index 000000000..9448ec6b4 --- /dev/null +++ b/theme_kiddo/static/src/less/options/colors/colorPreset2.less @@ -0,0 +1,79 @@ +@color-alpha: @white; +@color-beta: @colorPreset2_color1; // claret +@color-gamma: @colorPreset2_color2; // purple +@color-delta: @colorPreset2_color3; // blue +@color-epsilon: @colorPreset2_color4; // orange +@color-zeta: @colorPreset2_color1_dark; +@color-eta: @colorPreset2_color1_light; +@color-theta: @colorPreset2_color2_dark; +@color-iota: @colorPreset2_color2_light; +@color-kappa: @colorPreset2_color3_dark; +@color-lambda: @colorPreset2_color3_light; +@color-mu: @colorPreset2_color4_dark; +@color-nu: @colorPreset2_color4_light; + +/* ============= FONT COLORS ================== */ + +.text-alpha {color: @white;} +.text-beta {color: @colorPreset2_color1;} +.text-gamma {color: @colorPreset2_color2;} +.text-delta {color: @colorPreset2_color3;} +.text-epsilon {color: @colorPreset2_color4;} + +.text-primary {color: @color-alpha;} +.text-success {color: @color-beta;} +.text-info {color: @color-gamma;} +.text-warning {color: @color-delta;} +.text-danger {color: @color-epsilon;} + +/* ============= THEMES BUTTONS =============== */ + +@btn-default-bg: @color-alpha; +@btn-primary-bg: @color-beta; +@btn-success-bg: @color-gamma; +@btn-info-bg: @color-delta; +@btn-warning-bg: @color-epsilon; +@btn-danger-bg: @black; + +/* ============= BG USED FOR NAV ============== */ + +.bgrgba(0, 0, 0, 0) { + background: rgba(255, 255, 255, 0.8); +} + +/* ============= BGCOLORS ===================== */ + +.bg-alpha { + .SetDisplayColor (@color-alpha, @gray); + .LinkColor (@color-epsilon, @color-mu); + .fa {color: @gray;} +} + +.bg-beta { + .SetDisplayColor (@color-beta, @color-alpha); + .LinkColor (@color-gamma, @color-theta); +} + +.bg-gamma { + .SetDisplayColor (@color-gamma, @color-alpha); + .LinkColor (@color-epsilon, @color-nu); +} + +.bg-delta { + .SetDisplayColor (@color-delta, @color-alpha); + .LinkColor (#0172d2, #0141d2); +} + +.bg-epsilon { + .SetDisplayColor (@color-epsilon, @color-alpha); + .LinkColor (@color-gamma, @color-theta); +} + +/* ============= TYPO ========================= */ + +a { + color: @color-epsilon; + &:hover, &:focus { + color: @color-mu; + } +} diff --git a/theme_kiddo/static/src/less/options/colors/colorPreset3.less b/theme_kiddo/static/src/less/options/colors/colorPreset3.less new file mode 100644 index 000000000..b55a6f0c6 --- /dev/null +++ b/theme_kiddo/static/src/less/options/colors/colorPreset3.less @@ -0,0 +1,128 @@ +@color-alpha: @white; +@color-beta: @colorPreset3_color1; // middle green +@color-gamma: @colorPreset3_color2; // orange +@color-delta: @colorPreset3_color3; // light green +@color-epsilon: @colorPreset3_color4; // dark green +@color-zeta: @colorPreset3_color1_dark; +@color-eta: @colorPreset3_color1_light; +@color-theta: @colorPreset3_color2_dark; +@color-iota: @colorPreset3_color2_light; +@color-kappa: @colorPreset3_color3_dark; +@color-lambda: @colorPreset3_color3_light; +@color-mu: @colorPreset3_color4_dark; +@color-nu: @colorPreset3_color4_light; + +/* ============= FONT COLORS ================== */ + +.text-alpha {color: @white;} +.text-beta {color: @colorPreset3_color1;} +.text-gamma {color: @colorPreset3_color2;} +.text-delta {color: @colorPreset3_color3;} +.text-epsilon {color: @colorPreset3_color4;} + +.text-primary {color: @color-alpha;} +.text-success {color: @color-beta;} +.text-info {color: @color-gamma;} +.text-warning {color: @color-delta;} +.text-danger {color: @color-epsilon;} + +/* ============= THEMES BUTTONS =============== */ + +@btn-default-bg: @color-alpha; +@btn-primary-bg: @color-beta; +@btn-success-bg: @color-gamma; +@btn-info-bg: @color-delta; +@btn-warning-bg: @color-epsilon; +@btn-danger-bg: @black; + +/* ============= BG USED FOR NAV ============== */ + +.bgrgba(0, 0, 0, 0) { + background: rgba(255, 255, 255, 0.9); +} + +/* ============= BGCOLORS ===================== */ + +.bg-alpha { + .SetDisplayColor (@color-alpha, @gray); + .LinkColor (@color-epsilon, @color-mu); + .fa {color: @gray;} +} + +.bg-beta { + .SetDisplayColor (@color-beta, @gray); + .LinkColor (@color-gamma, @color-iota); +} + +.bg-gamma { + .SetDisplayColor (@color-gamma, @color-alpha); + .LinkColor (@gray-dark, @black); +} + +.bg-delta { + .SetDisplayColor (@color-delta, @gray); + .LinkColor (@color-gamma, @color-iota); +} + +.bg-epsilon { + .SetDisplayColor (@color-epsilon, @color-alpha); + .LinkColor (@color-delta, @color-kappa); +} + +/* ============= TYPO ========================= */ + +a { + color: @color-epsilon; + &:hover, &:focus { + color: @color-delta; + } +} + +/* ============= STRUCTURE ==================== */ + +#wrapwrap { + .navbar-default .container .navbar-collapse #top_menu { + > li { + a, span { + color: @color-gamma !important; + } + &:after { + background: none repeat scroll 0% 0% @color-mu; + } + } + + .dropdown-menu > li > a { + color: @color-alpha; + } + } + + > footer { + #footer, .container { + .LinearGradient (@color-beta, @color-zeta); + + h3, h4 { + color: @gray-dark !important; + } + a { + color: @gray; + &:hover { + color: @color-alpha; + } + } + } + } +} + +.header-info { + border-bottom-color: @color-gamma; +} +.in, .collapsing { + background-color: @color-alpha !important; +} +.chart a { + color: @color-gamma; +} +.copyright { + background-color: @color-kappa; + color: @gray; +} diff --git a/theme_kiddo/static/src/less/options/colors/colorPreset4.less b/theme_kiddo/static/src/less/options/colors/colorPreset4.less new file mode 100644 index 000000000..cac079be7 --- /dev/null +++ b/theme_kiddo/static/src/less/options/colors/colorPreset4.less @@ -0,0 +1,124 @@ +@color-alpha: @white; +@color-beta: @colorPreset4_color1; // l.blue +@color-gamma: @colorPreset4_color2; // d.blue +@color-delta: @colorPreset4_color3; // purple +@color-epsilon: @colorPreset4_color4; // rose +@color-zeta: @colorPreset4_color1_dark; +@color-eta: @colorPreset4_color1_light; +@color-theta: @colorPreset4_color2_dark; +@color-iota: @colorPreset4_color2_light; +@color-kappa: @colorPreset4_color3_dark; +@color-lambda: @colorPreset4_color3_light; +@color-mu: @colorPreset4_color4_dark; +@color-nu: @colorPreset4_color4_light; + +/* ============= FONT COLORS ================== */ + +.text-alpha {color: @white;} +.text-beta {color: @colorPreset4_color1;} +.text-gamma {color: @colorPreset4_color2;} +.text-delta {color: @colorPreset4_color3;} +.text-epsilon {color: @colorPreset4_color4;} + +.text-primary {color: @color-alpha;} +.text-success {color: @color-beta;} +.text-info {color: @color-gamma;} +.text-warning {color: @color-delta;} +.text-danger {color: @color-epsilon;} + +/* ============= THEMES BUTTONS =============== */ + +@btn-default-bg: @color-alpha; +@btn-primary-bg: @color-beta; +@btn-success-bg: @color-gamma; +@btn-info-bg: @color-delta; +@btn-warning-bg: @color-epsilon; +@btn-danger-bg: @black; + +/* ============= BG USED FOR NAV ============== */ + +.bgrgba(0, 0, 0, 0) { + background: rgba(255, 255, 255, 0.8); +} + +/* ============= BGCOLORS ===================== */ + +.bg-alpha { + .SetDisplayColor (@color-alpha, @gray); + .LinkColor (@color-gamma, @color-theta); + .fa {color: @gray;} +} + +.bg-beta { + .SetDisplayColor (@color-beta, @color-alpha); + .LinkColor (@color-epsilon, @gray); +} + +.bg-gamma { + .SetDisplayColor (@color-gamma, @color-alpha); + .LinkColor (@color-epsilon, @color-mu); +} + +.bg-delta { + .SetDisplayColor (@color-delta, @color-alpha); + .LinkColor (@color-epsilon, @gray); +} + +.bg-epsilon { + .SetDisplayColor (@color-epsilon, @gray); + .LinkColor (@color-gamma, @color-theta); +} + +/* ============= TYPO ========================= */ + +a { + color: @color-delta; + &:hover, &:focus { + color: @color-epsilon; + } +} + +/* ============= STRUCTURE ==================== */ + +#wrapwrap { + .navbar-default .container .navbar-collapse #top_menu { + background-color: transparent; + + > li { + a, span { + color: @color-gamma !important; + } + } + .dropdown-menu { + background-color: @color-alpha; + > li { + color: @color-alpha !important; + } + } + } + + > footer { + #footer, .container { + background-color: @color-beta !important; + + h3, h4 { + color: @color-alpha !important; + } + a { + color: @color-epsilon; + &:hover { + color: @color-alpha; + } + } + } + } +} + +.header-info { + background-color: transparent; + border-color: transparent; +} +.copyright { + background-color: @color-theta; + color: @color-alpha; +} diff --git a/theme_kiddo/static/src/less/options/colors/colorPreset5.less b/theme_kiddo/static/src/less/options/colors/colorPreset5.less new file mode 100644 index 000000000..7e996a349 --- /dev/null +++ b/theme_kiddo/static/src/less/options/colors/colorPreset5.less @@ -0,0 +1,166 @@ +@color-alpha: @white; +@color-beta: @colorPreset5_color1; +@color-gamma: @colorPreset5_color2; +@color-delta: @colorPreset5_color3; +@color-epsilon: @colorPreset5_color4; +@color-zeta: @colorPreset5_color1_dark; +@color-eta: @colorPreset5_color1_light; +@color-theta: @colorPreset5_color2_dark; +@color-iota: @colorPreset5_color2_light; +@color-kappa: @colorPreset5_color3_dark; +@color-lambda: @colorPreset5_color3_light; +@color-mu: @colorPreset5_color4_dark; +@color-nu: @colorPreset5_color4_light; + +/* ============= FONT COLORS ================== */ + +.text-alpha {color: @white;} +.text-beta {color: @colorPreset5_color1;} +.text-gamma {color: @colorPreset5_color2;} +.text-delta {color: @colorPreset5_color3;} +.text-epsilon {color: @colorPreset5_color4;} + +.text-primary {color: @color-alpha;} +.text-success {color: @color-beta;} +.text-info {color: @color-gamma;} +.text-warning {color: @color-delta;} +.text-danger {color: @color-epsilon;} + +/* ============= THEMES BUTTONS =============== */ + +@btn-default-bg: @color-alpha; +@btn-primary-bg: @color-beta; +@btn-success-bg: @color-gamma; +@btn-info-bg: @color-delta; +@btn-warning-bg: @color-epsilon; +@btn-danger-bg: @black; + +/* ============= BG USED FOR NAV ============== */ + +.bgrgba(0, 0, 0, 0) { + background: rgba(255, 255, 255, 0.8); +} + +/* ============= BGCOLORS ===================== */ + +.bg-alpha { + .SetDisplayColor (@color-alpha, @gray); + .LinkColor (@color-gamma, @color-iota); + .fa {color: @gray;} +} + +.bg-beta { + .SetDisplayColor (@color-beta, @color-alpha); + .LinkColor (@color-gamma, @color-theta); +} + +.bg-gamma { + .SetDisplayColor (@color-gamma, @color-alpha); + .LinkColor (@color-beta, @color-zeta); +} + +.bg-delta { + .SetDisplayColor (@color-delta, @color-alpha); + .LinkColor (@color-gamma, @color-theta); +} + +.bg-epsilon { + .SetDisplayColor (@color-epsilon, @color-alpha); + .LinkColor (@color-gamma, @color-theta); +} + +/* ============= TYPO ========================= */ + +a { + color: @color-gamma; + &:hover, &:focus { + color: @color-iota; + } +} + +/* ============= STRUCTURE ==================== */ + +// Nav +.in, .collapsing { + background-color: @color-epsilon !important; +} + +#wrapwrap { + li.active ul { + background-color: @color-eta; + } + + .navbar-default .container { + background-color: @color-epsilon; + + .navbar-collapse #top_menu { + li a .label-primary { + background-color: @color-gamma; + } + + .dropdown-menu, .navbar-collapse { + background-color: @color-epsilon; + } + } + } + + > main > #wrap { + background-color: @color-zeta!important; + color: @color-alpha; + } + + > footer { + #footer, .container { + background-color: @color-delta !important; + h3, h4 { + color: @color-alpha !important; + } + p, li { + color: @color-alpha !important; + } + } + } +} + +.panel, .panel-body { + color: @gray; +} +#table_search { + background-color: white !important; +} + +// Forum +.website_forum { + background: rgba(23, 24, 39, 0.8); + margin-top: 0px !important; + width: 100%; + + a { + color: @color-alpha !important; + } + li.active > a { + background-color: @color-delta !important; + } + + + #wrap { + .oe_grey { + background: transparent !important; + } + .panel { + background: transparent !important; + .panel-heading, .panel-body { + color: @color-alpha !important; + } + } + + .question .mt16 { + background: transparent !important; + } + tbody { + color: @gray; + } + #right-column > .btn { + background-color: @color-gamma !important; + } + } +} diff --git a/theme_kiddo/static/src/less/options/colors/colorPreset6.less b/theme_kiddo/static/src/less/options/colors/colorPreset6.less new file mode 100644 index 000000000..b84011866 --- /dev/null +++ b/theme_kiddo/static/src/less/options/colors/colorPreset6.less @@ -0,0 +1,100 @@ +@color-alpha: @white; +@color-beta: @colorPreset6_color3; // Claret +@color-gamma: @colorPreset6_color2; // Orange +@color-delta: @colorPreset6_color4; // Cream +@color-epsilon: @colorPreset6_color1; // Gray +@color-zeta: @colorPreset6_color3_dark; +@color-eta: @colorPreset6_color3_light; +@color-theta: @colorPreset6_color2_dark; +@color-iota: @colorPreset6_color2_light; +@color-kappa: @colorPreset6_color4_dark; +@color-lambda: @colorPreset6_color4_light; +@color-mu: @colorPreset6_color1_dark; +@color-nu: @colorPreset6_color1_light; + +/* ============= FONT COLORS ================== */ + +.text-alpha {color: @white;} +.text-beta {color: @colorPreset6_color1;} +.text-gamma {color: @colorPreset6_color2;} +.text-delta {color: @colorPreset6_color3;} +.text-epsilon {color: @colorPreset6_color4;} + +.text-primary {color: @color-alpha;} +.text-success {color: @color-epsilon;} +.text-info {color: @color-gamma;} +.text-warning {color: @color-beta;} +.text-danger {color: @color-delta;} + +/* ============= THEMES BUTTONS =============== */ + +@btn-default-bg: @color-alpha; +@btn-primary-bg: @color-epsilon; +@btn-success-bg: @color-gamma; +@btn-info-bg: @color-beta; +@btn-warning-bg: @color-delta; +@btn-danger-bg: @black; + +/* ============= BG USED FOR NAV ============== */ + +.bgrgba(0, 0, 0, 0) { + background: rgba(255, 255, 255, 0.8); +} + +/* ============= BGCOLORS ===================== */ + +.bg-alpha { + .SetDisplayColor (@color-alpha, @gray); + .LinkColor (@color-gamma, @color-theta); + .fa {color: @gray;} +} + +.bg-beta { + .SetDisplayColor (@color-epsilon, @color-alpha); + .LinkColor (@color-gamma, @color-gamma); +} + +.bg-gamma { + .SetDisplayColor (@color-gamma, @color-alpha); + .LinkColor (@color-delta, @color-kappa); +} + +.bg-delta { + .SetDisplayColor (@color-beta, @color-alpha); + .LinkColor (#db771f, #db771f); +} + +.bg-epsilon { + .SetDisplayColor (@color-delta, @gray); + .LinkColor (#3080d1, #3080d1); +} + +/* ============= TYPO ========================= */ + +a { + color: @color-gamma; + &:hover, &:focus { + color: @color-beta; + } +} + +/* ============= STRUCTURE ==================== */ + +#wrapwrap { + .navbar-default .container .navbar-collapse #top_menu li:not(.active):hover { + border-bottom-color: @color-gamma; + } + + > footer { + #footer, .container { + background-color: @color-delta !important; + h3, h4 { + color: @colorPreset6_color3; + } + } + } +} + +.contact-box { + color: @color-alpha; +} diff --git a/theme_kiddo/static/src/less/options/fonts/comic.less b/theme_kiddo/static/src/less/options/fonts/comic.less new file mode 100644 index 000000000..d48bbdc2c --- /dev/null +++ b/theme_kiddo/static/src/less/options/fonts/comic.less @@ -0,0 +1,27 @@ +body { + font-size: 16px; +} +#wrapwrap { + font-family: "Oxygen-Regular"; + + .navbar-default .container .navbar-collapse #top_menu li > a > span { + font-size: 14px; + } + + h1, h2, h3 { + font-family: "ComicBold"; + } + h4, h5, h6 { + font-family: "ComicRegular"; + } + #top_menu > li > a { + font-family: "ComicBold"; + } + .category-name { + font-family: "ComicBold"; + font-size: 50px; + } + .products_pager { + font-size: 13px; + } +} diff --git a/theme_kiddo/static/src/less/options/fonts/din.less b/theme_kiddo/static/src/less/options/fonts/din.less new file mode 100644 index 000000000..91163f256 --- /dev/null +++ b/theme_kiddo/static/src/less/options/fonts/din.less @@ -0,0 +1,21 @@ +body { + font-size: 14px; +} +#wrapwrap { + font-family: 'Cabin-Regular'; + + h1, h2, h3, h4, h5, h6 { + font-family: "DinRegular"; + } + #top_menu > li > a { + font-family: "DinRegular"; + font-size: 20px; + } + .category-name { + font-family: "DinCondensed"; + font-size: 4vw; + } + .products_pager { + font-size: 13px; + } +} diff --git a/theme_kiddo/static/src/less/options/fonts/fontastique.less b/theme_kiddo/static/src/less/options/fonts/fontastique.less new file mode 100644 index 000000000..7827cd942 --- /dev/null +++ b/theme_kiddo/static/src/less/options/fonts/fontastique.less @@ -0,0 +1,34 @@ +body { + font-size: 18px; +} +#wrapwrap { + font-family: "Fontastique"; + + h1, h2, h3 { + font-weight: bold; + } + p { + font-family: "Abel-Regular"; + } + .category-name { + font-family: 'AdventPro-Bold'; + font-size: 2.5vw; + text-transform: uppercase; + } + #products_grid_before { + > ul > li > a, .main-category { + font-family: "Abel-Regular"; + } + } + .basket { + font-family: "Abel-Regular"; + } + .products_pager { + font-size: 13px; + } + .custom-footer { + a, .contact-box { + font-family: "Abel-Regular"; + } + } +} diff --git a/theme_kiddo/static/src/less/options/fonts/luminari.less b/theme_kiddo/static/src/less/options/fonts/luminari.less new file mode 100644 index 000000000..d44d30042 --- /dev/null +++ b/theme_kiddo/static/src/less/options/fonts/luminari.less @@ -0,0 +1,21 @@ +body { + font-size: 16px; +} +#wrapwrap { + font-family: "Muli-Light"; + + .navbar-default .container .navbar-collapse #top_menu li > a > span { + font-size: 15px; + } + + h1, h2, h3 { + font-weight: bold; + } + .category-name { + font-family: "LuminariRegular"; + font-size: 3vw; + } + .products_pager { + font-size: 13px; + } +} diff --git a/theme_kiddo/static/src/less/options/fonts/noto.less b/theme_kiddo/static/src/less/options/fonts/noto.less new file mode 100644 index 000000000..02954289e --- /dev/null +++ b/theme_kiddo/static/src/less/options/fonts/noto.less @@ -0,0 +1,56 @@ +body { + font-size: 14px; +} +#wrapwrap { + font-family: "NotoRegular"; + font-size: 14px; + + h1, h2, h3 { + font-family: "NotoBold"; + font-weight: bold; + margin-bottom: 30px; + } + h4, h5, h6 { + font-family: "NotoRegular"; + margin-bottom: 30px; + } + h1 { + font-size: 47px; + } + h2 { + font-size: 40px; + } + h3 { + font-size: 32px; + } + h4 { + font-size: 27px; + } + h5 { + font-size: 22px; + } + h6 { + font-size: 18px; + } + #top_menu > li > a { + font-family: "Fecske"; + } + .category-name { + font-family: "Fecske"; + font-size: 4vw; + } + .basket a { + font-size: 12px; + } + #products_grid_before { + .main-category { + font-weight: bold; + } + } + .products_pager { + font-size: 13px; + } +} +#footer h3 { + font-size: 25px; +} diff --git a/theme_kiddo/static/src/less/options/fonts/proxima.less b/theme_kiddo/static/src/less/options/fonts/proxima.less new file mode 100644 index 000000000..507e8ad2d --- /dev/null +++ b/theme_kiddo/static/src/less/options/fonts/proxima.less @@ -0,0 +1,19 @@ +#wrapwrap { + font-family: "ProximaRegular"; + + h1, h2, h3 { + font-family: "ProximaBold"; + } + #top_menu > li > a { + font-family: "ProximaLight"; + } + .category-name { + font-family: "DinCondensed"; + font-size: 4vw; + } + #products_grid_before { + > ul > li > a, .main-category { + font-family: "ProximaBold"; + } + } +} diff --git a/theme_kiddo/static/src/less/options/layout/boxed.less b/theme_kiddo/static/src/less/options/layout/boxed.less new file mode 100644 index 000000000..f811aaa8a --- /dev/null +++ b/theme_kiddo/static/src/less/options/layout/boxed.less @@ -0,0 +1,17 @@ +#wrapwrap { + > main > #wrap { + @media (min-width: @screen-md-min) { + width: @screen-md-min - 50; + margin: 50px auto; + } + + &.container { + width: @screen-md-min; + max-width: 100%; + } + } + .container { + width: @screen-md-min; + max-width: 100%; + } +} diff --git a/theme_kiddo/static/src/less/options/layout/full-width.less b/theme_kiddo/static/src/less/options/layout/full-width.less new file mode 100644 index 000000000..d3de93218 --- /dev/null +++ b/theme_kiddo/static/src/less/options/layout/full-width.less @@ -0,0 +1,3 @@ +#wrapwrap > main .website_forum { + margin-bottom: 50px; +} diff --git a/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_01.less b/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_01.less new file mode 100644 index 000000000..8a9604882 --- /dev/null +++ b/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_01.less @@ -0,0 +1,3 @@ +#wrapwrap { + background: url("/theme_kiddo/static/src/img/pattern/pineapplecut.png") repeat fixed; +} diff --git a/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_02.less b/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_02.less new file mode 100644 index 000000000..087ba3e46 --- /dev/null +++ b/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_02.less @@ -0,0 +1,3 @@ +#wrapwrap { + background: url("/theme_kiddo/static/src/img/pattern/pattern_02.png") repeat fixed; +} diff --git a/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_03.less b/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_03.less new file mode 100644 index 000000000..b437fa5d1 --- /dev/null +++ b/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_03.less @@ -0,0 +1,3 @@ +#wrapwrap { + background: url("/theme_kiddo/static/src/img/pattern/skulls.png") repeat fixed; +} diff --git a/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_04.less b/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_04.less new file mode 100644 index 000000000..7e7e464a2 --- /dev/null +++ b/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_04.less @@ -0,0 +1,3 @@ +#wrapwrap { + background: url("/theme_kiddo/static/src/img/pattern/sprinkles.png") repeat fixed; +} diff --git a/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_05.less b/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_05.less new file mode 100644 index 000000000..d775f9cb7 --- /dev/null +++ b/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_05.less @@ -0,0 +1,3 @@ +#wrapwrap { + background: url("/theme_kiddo/static/src/img/pattern/tileable_wood_texture.png") repeat fixed; +} diff --git a/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_06.less b/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_06.less new file mode 100644 index 000000000..841926e03 --- /dev/null +++ b/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_06.less @@ -0,0 +1,3 @@ +#wrapwrap { + background: url("/theme_kiddo/static/src/img/pattern/tree_bark.png") repeat fixed; +} diff --git a/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_07.less b/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_07.less new file mode 100644 index 000000000..0643d4dc8 --- /dev/null +++ b/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_07.less @@ -0,0 +1,3 @@ +#wrapwrap { + background: url("/theme_kiddo/static/src/img/pattern/grey.png") repeat fixed; +} diff --git a/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_08.less b/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_08.less new file mode 100644 index 000000000..47210f24f --- /dev/null +++ b/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_08.less @@ -0,0 +1,3 @@ +#wrapwrap { + background: url("/theme_kiddo/static/src/img/pattern/pattern_08.png") repeat fixed; +} diff --git a/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_09.less b/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_09.less new file mode 100644 index 000000000..7b1774337 --- /dev/null +++ b/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_09.less @@ -0,0 +1,3 @@ +#wrapwrap { + background: url("/theme_kiddo/static/src/img/pattern/pattern_09.png") repeat fixed; +} diff --git a/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_10.less b/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_10.less new file mode 100644 index 000000000..7fc552dd4 --- /dev/null +++ b/theme_kiddo/static/src/less/options/patterns/option_bg_pattern_10.less @@ -0,0 +1,3 @@ +#wrapwrap { + background: url("/theme_kiddo/static/src/img/pattern/pattern_10.png") repeat fixed; +} diff --git a/theme_kiddo/static/src/less/s_discount.less b/theme_kiddo/static/src/less/s_discount.less new file mode 100644 index 000000000..5fb87fac1 --- /dev/null +++ b/theme_kiddo/static/src/less/s_discount.less @@ -0,0 +1,22 @@ +@s_discount_box_border_radius: 0px; +@s_discount_coupon_color: @color-gamma; +@s_discount_amount_size: 70px; + +.s_discount_descr_hook() { + background-color: @color-beta; + color: @color-alpha; +} +.s_discount_box_hook() { + .bg-beta, .bg-gamma, .bg-epsilon { + background-color: rgba(0, 0, 0, 0); + color: @gray; + } + .s_discount_open-code { + color: @color-gamma !important; + } +} +.s_discount_brand_hook() { + h3 { + color: @color-gamma; + } +} diff --git a/theme_kiddo/static/src/less/theme.less b/theme_kiddo/static/src/less/theme.less new file mode 100644 index 000000000..3d4e247ac --- /dev/null +++ b/theme_kiddo/static/src/less/theme.less @@ -0,0 +1,307 @@ + +// ======= MODALS ==================== +.modal { + .modal-title { + color: @color-alpha; + } + .well { + .BorderRadius(0px); + } + .nav-tabs > li { + margin-bottom: 0px; + &:hover { + background: rgba(0, 0, 0, 0); + } + } + .pager li > a { + .BorderRadius(0px); + } + .search .form-control { + border-color: @gray-lighter; + } + .modal-content { + border-radius: 0px; + border: none; + } + .modal-header { + height: 71px; + background-color: @modalGreen; + border: none; + + h4 { + font-size: 20px; + } + } +} + +// ======= GENERAL =================== +main > * { // hack for documentation page bg + background-color: @color-alpha; +} +.oe_website_login_container { + padding: 50px; +} +#editor-media-image { + background-color: white !important; +} +.input-group[class*="col-"] { + float: left; +} +.js_publish_btn { + .BorderRadius (0px) !important; + padding: 6px !important; + background-color: @color-alpha !important; + border: 1px solid @gray-lighter !important; + color: gray !important; +} + +// ======= BODY ====================== +body { + .in:not(.tour):not(.navbar-collapse) { + background: rgba(0, 0, 0, 0.5) !important; + } + .tour .close { + background-color: @color-alpha; + } +} + +// ======= WEBSITE =================== +#wrapwrap { + background: no-repeat center center fixed; + background-size: cover; + + // ======= HEADER ================ + .navbar-default { + border: none; + background: transparent; + margin: 0px auto; + + .container { + width: 100%; + background-color: @color-alpha; + + .navbar-header { + padding-left: 10px; + .navbar-toggle { + border-color: @color-gamma; + &:hover { + background-color: transparent; + } + .icon-bar { + background-color: @color-gamma; + } + } + } + .navbar-collapse { + background-color: transparent; + text-align: center; + .navbar-nav { + float: none; + } + + #top_menu { + > li { + min-height: 55px; + } + li { + &:hover { + border-bottom: 3px solid @color-gamma; + @media (max-width: @screen-xs-max) { + border: none; + } + } + a, span, b { + text-transform: uppercase; + font-size: 16px; + color: @color-gamma; + &:hover { + color: @color-theta; + } + + .label-primary { // is used when there is a product in cart + background-color: @color-delta; + font-size: 12px; + padding: 0.1em 0.6em 0.1em; + .BorderRadius (30px); + position: relative; + top: -15px; + } + } + + &.divider { + display: none; + } + + &.active, &.open { + > a { + background-color: transparent; + } + } + } + + .dropdown-menu, .navbar-collapse { + background-color: @color-alpha; + border-radius: 0px; + border-color: rgba(0, 0, 0, 0); + top: 65px; + + li { + &:hover { + border: none; + } + + > a { + color: @color-gamma; + border-right: none; + > span { + font-size: 16px; + } + } + } + } + } + } + } + } + + // ======= MAIN ================== + > main { + + // ======= CONTENT =========== + > #wrap { + width: 100%; + margin: 0 auto; + + .text-muted:after { + color: rgba(0, 0, 0, 0); + } + } + + // ======= BUTTONS =========== + button[type="submit"] { + padding: 0 !important; + min-width: 25px !important; + border-radius: 0px !important; + border-width: 1px !important; + width: auto !important; + background: rgba(0, 0, 0, 0) !important; + border-color: rgba(0, 0, 0, 0) !important; + } + :not(.btn-group) > .btn:not(.ribbon):not(.dropdown-toggle):not(#add_to_cart):not(#clear_cover):not(.fa-shopping-cart):not(.a-submit) { + min-width: 150px; + padding: 20px; + .BorderRadius (50px); + .transition (all 0.3s ease-out); + } + .btn-default:not(.a-submit) { + .btn-styles(@btn-default-bg, @btn-default-bg, @gray, @gray); + border-color: @gray-lighter; + &:hover { + border-color: @gray; + } + } + .btn-primary { + .btn-styles(@btn-default-bg, @btn-default-bg, @color-beta, @gray); + border-color: @color-beta; + &:hover { + border-color: @gray; + } + } + .btn-success { + .btn-styles(@btn-default-bg, @btn-default-bg, @color-gamma, @gray); + border-color: @color-gamma; + &:hover { + border-color: @gray; + } + } + .btn-info { + .btn-styles(@btn-default-bg, @btn-default-bg, @color-delta, @gray); + border-color: @color-delta; + &:hover { + border-color: @gray-lighter; + } + } + .btn-warning { + .btn-styles(@btn-default-bg, @btn-default-bg, @color-epsilon, @gray); + border-color: @color-epsilon; + &:hover { + border-color: @gray-lighter; + } + } + .btn-danger { + .btn-styles(@btn-default-bg, @btn-default-bg, @color-epsilon, @gray); + border-color: @color-epsilon; + &:hover { + border-color: @gray-lighter; + } + } + + // badges + .badge, .active > a > .badge { + padding: 5px 10px; + margin-left: 15px; + background-color: @color-gamma !important; + color: white !important; + min-width: 28px; + } + } + + // ======= FOOTER ================ + > footer { + background: @color-gamma; + #footer { + width: 100%; + background-color: @color-alpha; + + .custom-footer { + width: 100%; + } + a { + display: block; + } + .col-md-3, .col-md-5 { + padding-top: 20px; + padding-bottom: 20px; + + h2 { + text-transform: uppercase; + font-size: 25px; + color: @color-beta; + a { + display: inline; + } + } + } + } + .container { + padding: 20px 65px; + h4 { + border-top: 5px solid @color-gamma; + margin-right: 50px; + padding-top: 20px; + color: @color-beta; + } + } + > .container:last-child { + margin: 0 !important; + width: 100%; + background-color: @color-gamma; + color: @color-alpha; + .text-muted, a { + color: @color-alpha; + } + } + } +} + +// ======= SNIPPET OPTION STYLE ====== +.snippet-option-colorpicker { + .colorpicker td > * { + width: 30px; + height: 30px; + } + .none { + background-color: @color-alpha; + font-size: 10px; + } +} diff --git a/theme_kiddo/static/src/less/typography.less b/theme_kiddo/static/src/less/typography.less new file mode 100644 index 000000000..7c71bd3de --- /dev/null +++ b/theme_kiddo/static/src/less/typography.less @@ -0,0 +1,14 @@ +@font-face { + font-family: Bubble; + src: url("/theme_kiddo/static/src/font/GFSCUS1D.ttf"); +} + +a:hover { + text-decoration: none; +} +h1 {font-size: 40px;} +h2 {font-size: 32px;} +h3 {font-size: 28px;} +h4 {font-size: 24px;} +h5 {font-size: 20px;} +h6 {font-size: 16px;} diff --git a/theme_kiddo/views/assets.xml b/theme_kiddo/views/assets.xml new file mode 100644 index 000000000..a636d9b25 --- /dev/null +++ b/theme_kiddo/views/assets.xml @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/theme_kiddo/views/customize_modal.xml b/theme_kiddo/views/customize_modal.xml new file mode 100644 index 000000000..8d5dac29e --- /dev/null +++ b/theme_kiddo/views/customize_modal.xml @@ -0,0 +1,500 @@ + + + + + + + open + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_loftspace/views/images_content.xml b/theme_loftspace/views/images_content.xml new file mode 100644 index 000000000..d7cd1b288 --- /dev/null +++ b/theme_loftspace/views/images_content.xml @@ -0,0 +1,94 @@ + + + + + + + + /theme_loftspace/static/src/img/content/content_img_01.png + + + + /theme_loftspace/static/src/img/content/content_img_02.jpg + + + + /theme_loftspace/static/src/img/content/content_img_03.jpg + + + + /theme_loftspace/static/src/img/content/content_img_04.jpg + + + + /theme_loftspace/static/src/img/content/content_img_05.jpg + + + + /theme_loftspace/static/src/img/content/content_img_06.jpg + + + + /theme_loftspace/static/src/img/content/content_img_07.jpg + + + + /theme_loftspace/static/src/img/content/content_img_08.png + + + + /theme_loftspace/static/src/img/content/content_img_09.jpg + + + + /theme_loftspace/static/src/img/content/content_img_10.jpg + + + + /theme_loftspace/static/src/img/content/content_img_11.jpg + + + + /theme_loftspace/static/src/img/content/content_img_12.jpg + + + + + + /theme_loftspace/static/src/img/content/product_img_01.jpg + + + /theme_loftspace/static/src/img/content/product_img_02.jpg + + + /theme_loftspace/static/src/img/content/product_img_03.jpg + + + /theme_loftspace/static/src/img/content/product_img_04.jpg + + + /theme_loftspace/static/src/img/content/product_img_05.jpg + + + /theme_loftspace/static/src/img/content/product_img_06.jpg + + + /theme_loftspace/static/src/img/content/product_img_07.jpg + + + /theme_loftspace/static/src/img/content/product_img_08.jpg + + + /theme_loftspace/static/src/img/content/product_img_09.jpg + + + /theme_loftspace/static/src/img/content/product_img_10.jpg + + + /theme_loftspace/static/src/img/content/product_img_11.jpg + + + + diff --git a/theme_loftspace/views/images_library.xml b/theme_loftspace/views/images_library.xml new file mode 100644 index 000000000..4ea7ab480 --- /dev/null +++ b/theme_loftspace/views/images_library.xml @@ -0,0 +1,159 @@ + + + + + bg1.jpg + bg1.jpg + ir.ui.view + url + /theme_loftspace/static/src/img/library/bg1.jpg + + + bg2.jpg + bg2.jpg + ir.ui.view + url + /theme_loftspace/static/src/img/library/bg2.jpg + + + bg3.jpg + bg3.jpg + ir.ui.view + url + /theme_loftspace/static/src/img/library/bg3.jpg + + + bg4.jpg + bg4.jpg + ir.ui.view + url + /theme_loftspace/static/src/img/library/bg4.jpg + + + bg5.jpg + bg5.jpg + ir.ui.view + url + /theme_loftspace/static/src/img/library/bg5.jpg + + + bg6.jpg + bg6.jpg + ir.ui.view + url + /theme_loftspace/static/src/img/library/bg6.jpg + + + bg7.jpg + bg7.jpg + ir.ui.view + url + /theme_loftspace/static/src/img/library/bg7.jpg + + + bg8.jpg + bg8.jpg + ir.ui.view + url + /theme_loftspace/static/src/img/library/bg8.jpg + + + bg9.jpg + bg9.jpg + ir.ui.view + url + /theme_loftspace/static/src/img/library/bg9.jpg + + + bg10.jpg + bg10.jpg + ir.ui.view + url + /theme_loftspace/static/src/img/library/bg10.jpg + + + + + + pattern_01.png + pattern_01.png + ir.ui.view + url + /theme_loftspace/static/src/img/pattern/pattern_01.png + + + + pattern_02.png + pattern_02.png + ir.ui.view + url + /theme_loftspace/static/src/img/pattern/pattern_02.png + + + + pattern_03.png + pattern_03.png + ir.ui.view + url + /theme_loftspace/static/src/img/pattern/pattern_03.png + + + + pattern_04.png + pattern_04.png + ir.ui.view + url + /theme_loftspace/static/src/img/pattern/pattern_04.png + + + + pattern_05.png + pattern_05.png + ir.ui.view + url + /theme_loftspace/static/src/img/pattern/pattern_05.png + + + + pattern_06.png + pattern_06.png + ir.ui.view + url + /theme_loftspace/static/src/img/pattern/pattern_06.png + + + + pattern_07.png + pattern_07.png + ir.ui.view + url + /theme_loftspace/static/src/img/pattern/pattern_07.png + + + + pattern_08.png + pattern_08.png + ir.ui.view + url + /theme_loftspace/static/src/img/pattern/pattern_08.png + + + + pattern_09.png + pattern_09.png + ir.ui.view + url + /theme_loftspace/static/src/img/pattern/pattern_09.png + + + + pattern_10.png + pattern_10.png + ir.ui.view + url + /theme_loftspace/static/src/img/pattern/pattern_10.png + + + + diff --git a/theme_loftspace/views/layout.xml b/theme_loftspace/views/layout.xml new file mode 100644 index 000000000..6139fd793 --- /dev/null +++ b/theme_loftspace/views/layout.xml @@ -0,0 +1,23 @@ + + + + + + + + + + diff --git a/theme_loftspace/views/snippet_options.xml b/theme_loftspace/views/snippet_options.xml new file mode 100644 index 000000000..45eeb205b --- /dev/null +++ b/theme_loftspace/views/snippet_options.xml @@ -0,0 +1,113 @@ + + + + + + + + + + + + + + diff --git a/theme_loftspace/views/snippets.xml b/theme_loftspace/views/snippets.xml new file mode 100644 index 000000000..59a7b2fee --- /dev/null +++ b/theme_loftspace/views/snippets.xml @@ -0,0 +1,50 @@ + + + + + + + + diff --git a/theme_loftspace/views/snippets/s_banner_3.xml b/theme_loftspace/views/snippets/s_banner_3.xml new file mode 100644 index 000000000..871856404 --- /dev/null +++ b/theme_loftspace/views/snippets/s_banner_3.xml @@ -0,0 +1,13 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_loftspace/views/snippets/s_banner_parallax.xml b/theme_loftspace/views/snippets/s_banner_parallax.xml new file mode 100644 index 000000000..004445e19 --- /dev/null +++ b/theme_loftspace/views/snippets/s_banner_parallax.xml @@ -0,0 +1,11 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_loftspace_sale/LICENSE b/theme_loftspace_sale/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_loftspace_sale/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_loftspace_sale/__init__.py b/theme_loftspace_sale/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_loftspace_sale/__openerp__.py b/theme_loftspace_sale/__openerp__.py new file mode 100644 index 000000000..486cdc2ae --- /dev/null +++ b/theme_loftspace_sale/__openerp__.py @@ -0,0 +1,16 @@ +{ + 'name': 'Theme Loftspace eCommerce Plugin', + 'description': 'Loftspace eCommerce Plugin', + 'category': 'Hidden', + 'version': '1.0', + 'author': 'Odoo S.A.', + 'depends': ['theme_loftspace', 'website_sale'], + 'data': [ + 'views/theme.xml', + 'views/layout.xml', + ], + 'demo': [ + 'demo/products.xml', + ], + 'auto_install': True, +} \ No newline at end of file diff --git a/theme_loftspace_sale/demo/products.xml b/theme_loftspace_sale/demo/products.xml new file mode 100644 index 000000000..8b49a43f3 --- /dev/null +++ b/theme_loftspace_sale/demo/products.xml @@ -0,0 +1,301 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Living room + + + + Sofa + + + + Armchair + + + + Cabinet + + + + Table + + + + Bedroom + + + + Bed + + + + Accessories + + + + Lamp + + + + Pillow + + + + White design chair + True + 99 + 1 + 2 + + 899.0 + 799.0 + consu + + + + + + Wooden table with 6 chairs + True + 99 + 1 + 2 + + 1390.0 + 1390.0 + consu + + + + + + Blue wooden cabinet + True + 99 + 1 + 2 + + 499.0 + 499.0 + consu + + + + + + Gray textile sofa + True + 99 + 1 + 2 + + 889.0 + 829.0 + consu + + + + + + White lamp + True + 99 + 1 + 2 + + 69.0 + 69.0 + consu + + + + + + Antique cabinet + True + 99 + 1 + 2 + + 959.0 + 959.0 + consu + + + + + + Pillows + True + 99 + 1 + 2 + + 49.0 + 49.0 + consu + + + + + + Red design chair + True + 99 + 1 + 2 + + 589.0 + 559.0 + consu + + + + + + White textil-leather sofa + True + 99 + 1 + 2 + + 1019.0 + 1019.0 + consu + + + + + + Red sofa with armchair + True + 99 + 1 + 2 + + 1129.0 + 1129.0 + consu + + + + + + Design lamp + True + 99 + 1 + 2 + + 449.0 + 449.0 + consu + + + + + + Beige sofa + True + 99 + 1 + 2 + + 779.0 + 779.0 + consu + + + + + + White antique table + True + 99 + 1 + 2 + + 679.0 + 679.0 + consu + + + + + + Wooden bed for one person + True + 99 + 1 + 2 + + 349.0 + 349.0 + consu + + + + + + Brown leather armchair + True + 99 + 1 + 2 + + 1149.0 + 1149.0 + consu + + + + + + Black bed for two persons + True + 99 + 1 + 2 + + 859.0 + 859.0 + consu + + + + + + + + diff --git a/theme_loftspace_sale/static/src/js/collapse_categories.js b/theme_loftspace_sale/static/src/js/collapse_categories.js new file mode 100644 index 000000000..3f72baee7 --- /dev/null +++ b/theme_loftspace_sale/static/src/js/collapse_categories.js @@ -0,0 +1,29 @@ +$(function(){ + + // CATEGORIES + var category_list = "#products_grid_before" + if ($(".oe_website_sale " + category_list).length) { + // Close the category using the arrow + $(category_list).on('click', '.close-icon', function(event) { + $(event.target).closest('li').removeClass('active'); + }); + + // Open the category using the arrow + $(category_list).on('click', '.open-icon', function(event) { + // Close the others + $(category_list + " li").removeClass('active'); + // Open this one's hierarchy + $(event.target).parents('li').each(function(parent){ + $(this).addClass('active'); + }); + }); + + // Open the current category tab + var category_re = /\/shop\/category\/.*-/; + if (category_re.test(window.location.pathname)) { + var category_id = window.location.pathname.replace(category_re, ''); + var category_li = $('li:has(a[data-oe-model="product.public.category"][data-oe-id=' + category_id + '])') + category_li.addClass('active') + } + } +}); diff --git a/theme_loftspace_sale/static/src/less/theme_ecommerce.less b/theme_loftspace_sale/static/src/less/theme_ecommerce.less new file mode 100644 index 000000000..818520bd8 --- /dev/null +++ b/theme_loftspace_sale/static/src/less/theme_ecommerce.less @@ -0,0 +1,548 @@ +#wrap > .container-fluid { + .pagination { + float: none; + padding-right: 0; + } +} +.oe_website_sale { + overflow: hidden; + padding-bottom: 20px; + background-color: @color-alpha; + .page-header { + small { + display: block; + a { + color: red; + } + } + } + .oe_product_cart { + &:hover { + border: 1px solid @gray-lighter; + } + .in { + background-color: rgba(0, 0, 0, 0.5); + } + } + .oe_product { + padding: 5px; + border: 0; + h5 { + a { + color: @color-epsilon; + } + } + .ribbon { + background-color: red; + top: 0px; + width: 145px; + } + + // Product name, price and quick cart part + + section { + padding: 0px 15px; + h5 { + padding: 10px 0px; + font-size: 13px; + margin: 0px; + text-align: left; + border-bottom: 1px solid @gray-lighter; + a { + color: @color-delta; + &:hover { + text-decoration: none; + } + } + } + .text-info { + text-align: left; + color: @gray-light; + } + .oe_subdescription { + margin-bottom: 0px; + } + .product_price { + font-size: 12px; + position: relative; + text-align: left; + padding: 0; + b { + .text-danger { + color: red; + } + } + .btn-default { // cart btn + background: transparent; + border: none; + font-size: 15px; + position: relative; + padding-right: 0px; + top: -6px; + padding-bottom: 0px; + } + } + } + } +} +#products_grid { + padding-left: 15px; + background-color: white; + table, tbody { + background-color: transparent !important; + } + .products_pager { + margin-top: 15px; + ul { + a { + border: transparent; + color: @gray; + min-width: 35px; + } + } + } + .pagination > .active > a { + border-bottom: 3px solid @color-epsilon; + background-color: transparent; + color: @color-epsilon; + } + .pagination a { + .transition (all 0.3s ease-out); + &:hover { + border-bottom: 3px solid @color-delta; + background: transparent; + color: @gray-light; + } + } + .products_pager > ul { + li:first-child > a { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + } + li:last-child > a { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + } + } +} + +/* =================== Search =================== */ + +#wrap { + .search { + background-color: @color-beta; + } +} +.js_sale .search form { + padding-right: 0px; +} +.pagination { + padding-left: 15px; +} +.form-inline .input-group { + background-color: transparent; + border-bottom: 1px solid @color-epsilon; + padding-right: 0; + width: 100%; + .form-control { + width: 100%; + .BorderRadius (0px); + height: 50px; + box-shadow: none; + text-transform: lowercase; + border: none; + &:focus { + box-shadow: none; + } + } + ::-webkit-input-placeholder { color:@color-epsilon; } + ::-moz-placeholder { color:@color-epsilon; } + :-ms-input-placeholder { color:@color-epsilon; } + input:-moz-placeholder { color:@color-epsilon; } + .input-group-btn { + width: 50px; + .btn-default { + background-color: transparent; + .BorderRadius (0px); + height: 50px; + width: 50px; + &:hover { + background-color: transparent !important; + color: white; + } + } + .btn { + line-height: 2.5; + } + } +} + +/* =================== Categories =================== */ + +#products_grid_before { + padding-top: 0px; + padding-bottom: 800em; + margin-bottom: -800em; + background-color: @color-delta; + >.row { + margin-bottom: 20px; + } + .nav-pills > li.active > a { + background-color: transparent; + color: @color-epsilon; + &:hover { + background-color: @gray-dark; + } + } + ul.nav-stacked { + li { + a { + font-size: 16px; + color: @color-epsilon; + margin: 1px 0px; + margin-right: 26px; + padding-right: 0; + &:hover, &:focus { + background-color: @gray-dark; + color: @color-beta; + } + } + } + } + .nav-pills > li > ul { + padding-left: 15px; + } + > ul > li > a { + color: @color-epsilon; + text-transform: uppercase; + font-size: 18px !important; + } + li > ul, li > .close-icon, li.active > .open-icon { + display: none; + } + li.active > ul, li.active > .close-icon { + display: block; + } + .category-name { + font-size: 25px; + text-transform: uppercase; + text-align: left; + margin-top: 0px; + padding: 10px 15px; + color: @color-alpha; + } + + /* =========== Filters ========== */ + + .js_attributes { + padding: 0px 15px 15px 15px; + strong { + display: block; + padding-left: 10px; + margin-bottom: 10px; + margin-top: 10px; + color: @color-gamma; + text-transform: uppercase; + } + .css_attribute_color.active { + border: 5px ridge @color-alpha; + } + li > ul { + display: block; + } + label > span { + color: @gray; + } + } +} +.open-icon, .close-icon { + float: right; + padding: 0 4px; + cursor: pointer; + font-size: 18px; + color: @color-beta; + position: relative; + top: 2px; +} + +/* =================== Product page =================== */ + +.js_sale { + > .container:first-child { + margin-top: 0 !important; + } + .breadcrumb { + padding-top: 20px; + background: transparent; + border-bottom: 1px solid @gray-lighter; + li { + font-size: 15px; + a { + color: @color-gamma; + } + } + } +} +#product_detail { + .form-inline { + width: 100%; + } + .col-md-5 { + padding: 40px; + } +} +.oe_website_sale.container { + width: 100%; +} +.js_add_cart_variants > li { + > strong { + font-size: 20px; + } +} +.js_add_cart_variants { + color: @gray; + + /* ======== PRICE ======== */ + + .oe_price_h4 { + font-size: 25px; + .oe_currency_value { + font-size: 25px; + } + span { + font-size: 25px; + } + } +} +.discount .oe_default_price { + display: inline-block; +} +.product-description { + text-align: center; + font-size: 18px; +} +#add_to_cart { + padding: 30px; + margin: 20px 0; + width: 200px; + .transition (all 0.5s ease-out); + .fa { + font-size: 30px; + padding-right: 10px; + } +} + +/* ======= ADD QUANTITY ========= */ + +.oe_website_spinner { + margin-bottom: 25px; + width: 200px; + height: 50px; + @media (max-width: @screen-sm-max) { + margin-left: 0; + } + .input-group-addon { + border-radius: 0px; + width: 50px; + &:first-child, &:last-child { + border: none; + background-color: @gray; + } + a { + color: white; + } + } + .js_quantity { + text-align: center; + border-color: @gray; + height: 50px; + } +} +.badge, .active > a > .badge { + padding: 5px 10px; + margin-left: 15px; + background-color: @color-epsilon; + color: white; + min-width: 28px; +} +.list-unstyled .css_attribute_color.active { + border: 3px solid @color-gamma; +} +#website_sale_recommended_products { + padding: 30px; + h3 { + text-align: center; + border-bottom: 5px solid @color-epsilon; + padding-bottom: 20px; + color: @color-gamma; + } + .row { + padding: 0 15px; + } + .col-md-2 { + margin-top: 10px; + min-height: 160px; + span { + color: @color-epsilon; + } + } +} + +/* ===================== Product list view ======================= */ + +.oe_list { + margin: 5px 0 5px 15px; + border: 1px solid @gray-lighter; + width: 90% !important; + section { + h5 { + text-align: left !important; + font-size: 24px !important; + border-bottom: none !important; + } + .product_price { + display: inline-block; + font-size: 18px !important; + } + .oe_subdescription { + max-width: 70%; + } + } +} + +/* =================== Modal =================== */ +#modal_optional_products { + .modal-title { + background: transparent; + } + .input-group { + border-collapse: inherit; + } +} +/* =================== Shopping cart =================== */ +.oe_website_sale { + color: @gray; + .oe_cart { + .btn { + @media (max-width: @screen-xs-max) { + padding: 10px; + } + } + .btn-primary { + background-color: @color-epsilon; + color: white; + &:hover { + background-color: @color-mu; + } + } + strong { + color: @gray; + } + .well { + background-color: transparent; + } + #cart_products { + img { + max-width: 100px; + } + } + .oe_website_spinner { + border-collapse: inherit; + } + .a-submit { + padding: 20px 0px; + min-width: 150px; + } + h4 .oe_currency_value, h4 .text-right { + font-size: 16px; + } + } + #right_column { + color: @gray; + a { + color: red; + } + .btn { + .BorderRadius (0px); + border: none; + } + .input-group-btn { + padding-left: 5px; + } + h4 { + color: @gray; + border-bottom: 1px solid @gray; + font-size: 22px; + font-weight: bold; + } + .fa { + padding-right: 5px; + } + } + .wizard { + padding-right: 15px; + box-shadow: none; + @media (max-width:@screen-sm-min) { + padding-right: 0px; + } + .text-primary { + color: white; + } + .text-success { + color: @gray-light; + } + li.text-primary { + background-color: @color-gamma; + @media (max-width:@screen-sm-min) { + background-color: transparent; + color: @color-gamma; + padding-left: 7px; + } + .chevron:before { + border-left: 10px solid @color-gamma; + @media (max-width:@screen-sm-min) { + border-left: none; + } + } + } + li { + border-color: @color-gamma; + background-color: transparent; + @media (max-width:@screen-sm-min) { + border-color: transparent; + padding-left: 7px; + } + .chevron { + border-left: 10px solid @color-gamma; + background: transparent; + @media (max-width:@screen-sm-min) { + border-color: transparent; + } + } + } + .text-muted { + color: @gray-light; + } + } +} +#payment_method { + .oe_sale_acquirer_button { + .btn-primary { + background-color: @color-epsilon; + color: white; + &:hover { + background-color: @color-mu; + } + } + } +} + +/* ======================== PAY =========================== */ +.oe_sale_acquirer_button { + .btn { + min-width: 150px; + text-transform: uppercase; + font-size: 20px; + margin-bottom: 20px; + } +} \ No newline at end of file diff --git a/theme_loftspace_sale/views/layout.xml b/theme_loftspace_sale/views/layout.xml new file mode 100644 index 000000000..c25ecee78 --- /dev/null +++ b/theme_loftspace_sale/views/layout.xml @@ -0,0 +1,151 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_loftspace_sale/views/theme.xml b/theme_loftspace_sale/views/theme.xml new file mode 100644 index 000000000..c03b81aed --- /dev/null +++ b/theme_loftspace_sale/views/theme.xml @@ -0,0 +1,24 @@ + + + + + + + open + + + + + + + + + \ No newline at end of file diff --git a/theme_monglia/LICENSE b/theme_monglia/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_monglia/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_monglia/__init__.py b/theme_monglia/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_monglia/__openerp__.py b/theme_monglia/__openerp__.py new file mode 100644 index 000000000..bd130bd6f --- /dev/null +++ b/theme_monglia/__openerp__.py @@ -0,0 +1,27 @@ +{ + 'name': 'Monglia Theme', + 'description': 'Monglia Catering Theme', + 'category': 'Theme/Ecommerce', + 'version': '1.0', + 'author': 'Odoo S.A.', + 'depends': ['theme_common'], + 'data': [ + 'views/assets.xml', + 'views/customize_modal.xml', + 'views/snippets.xml', + 'views/images_content.xml', + 'views/images_library.xml', + 'views/snippet_options.xml', + ], + 'demo': [ + 'demo/demo.xml', + 'demo/blocks.xml', + 'demo/demo-menu.xml', + ], + 'images': [ + 'static/description/monglia_description.png', + ], + 'price': 195, + 'currency': 'EUR', + 'live_test_url': 'https://theme-monglia.odoo.com', +} \ No newline at end of file diff --git a/theme_monglia/demo/blocks.xml b/theme_monglia/demo/blocks.xml new file mode 100644 index 000000000..c6bdc2f76 --- /dev/null +++ b/theme_monglia/demo/blocks.xml @@ -0,0 +1,276 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_monglia/demo/demo-menu.xml b/theme_monglia/demo/demo-menu.xml new file mode 100644 index 000000000..368d85952 --- /dev/null +++ b/theme_monglia/demo/demo-menu.xml @@ -0,0 +1,20 @@ + + + + + + Demo + /page/demo + + 60 + + + + Blocks + /page/demo_blocks + + 60 + + + + \ No newline at end of file diff --git a/theme_monglia/demo/demo.xml b/theme_monglia/demo/demo.xml new file mode 100644 index 000000000..0492246fd --- /dev/null +++ b/theme_monglia/demo/demo.xml @@ -0,0 +1,292 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_monglia/static/description/contributors/applicatour.jpg b/theme_monglia/static/description/contributors/applicatour.jpg new file mode 100644 index 000000000..977d9052f Binary files /dev/null and b/theme_monglia/static/description/contributors/applicatour.jpg differ diff --git a/theme_monglia/static/description/contributors/aselcis.jpg b/theme_monglia/static/description/contributors/aselcis.jpg new file mode 100644 index 000000000..9fbc0f3c1 Binary files /dev/null and b/theme_monglia/static/description/contributors/aselcis.jpg differ diff --git a/theme_monglia/static/description/contributors/bas-solutions.png b/theme_monglia/static/description/contributors/bas-solutions.png new file mode 100644 index 000000000..c64c5359a Binary files /dev/null and b/theme_monglia/static/description/contributors/bas-solutions.png differ diff --git a/theme_monglia/static/description/contributors/bloopark.png b/theme_monglia/static/description/contributors/bloopark.png new file mode 100644 index 000000000..4ce0327d8 Binary files /dev/null and b/theme_monglia/static/description/contributors/bloopark.png differ diff --git a/theme_monglia/static/description/contributors/brouwland.jpg b/theme_monglia/static/description/contributors/brouwland.jpg new file mode 100644 index 000000000..8fe4a1441 Binary files /dev/null and b/theme_monglia/static/description/contributors/brouwland.jpg differ diff --git a/theme_monglia/static/description/contributors/catsdogs.png b/theme_monglia/static/description/contributors/catsdogs.png new file mode 100644 index 000000000..f4d03e63d Binary files /dev/null and b/theme_monglia/static/description/contributors/catsdogs.png differ diff --git a/theme_monglia/static/description/contributors/dialognet.png b/theme_monglia/static/description/contributors/dialognet.png new file mode 100644 index 000000000..831a1a9c3 Binary files /dev/null and b/theme_monglia/static/description/contributors/dialognet.png differ diff --git a/theme_monglia/static/description/contributors/dynapps.jpg b/theme_monglia/static/description/contributors/dynapps.jpg new file mode 100644 index 000000000..5854230c4 Binary files /dev/null and b/theme_monglia/static/description/contributors/dynapps.jpg differ diff --git a/theme_monglia/static/description/contributors/huckemedia.png b/theme_monglia/static/description/contributors/huckemedia.png new file mode 100644 index 000000000..2106c34b0 Binary files /dev/null and b/theme_monglia/static/description/contributors/huckemedia.png differ diff --git a/theme_monglia/static/description/contributors/opusvl.png b/theme_monglia/static/description/contributors/opusvl.png new file mode 100644 index 000000000..f1f25f120 Binary files /dev/null and b/theme_monglia/static/description/contributors/opusvl.png differ diff --git a/theme_monglia/static/description/contributors/oxen.jpg b/theme_monglia/static/description/contributors/oxen.jpg new file mode 100644 index 000000000..0cb41eb9f Binary files /dev/null and b/theme_monglia/static/description/contributors/oxen.jpg differ diff --git a/theme_monglia/static/description/contributors/simplitco.jpg b/theme_monglia/static/description/contributors/simplitco.jpg new file mode 100644 index 000000000..152bbf277 Binary files /dev/null and b/theme_monglia/static/description/contributors/simplitco.jpg differ diff --git a/theme_monglia/static/description/contributors/sodexis.jpg b/theme_monglia/static/description/contributors/sodexis.jpg new file mode 100644 index 000000000..12f1d8ecd Binary files /dev/null and b/theme_monglia/static/description/contributors/sodexis.jpg differ diff --git a/theme_monglia/static/description/contributors/tech-receptives.png b/theme_monglia/static/description/contributors/tech-receptives.png new file mode 100644 index 000000000..c441f44db Binary files /dev/null and b/theme_monglia/static/description/contributors/tech-receptives.png differ diff --git a/theme_monglia/static/description/contributors/vauxoo.png b/theme_monglia/static/description/contributors/vauxoo.png new file mode 100644 index 000000000..7e83d3148 Binary files /dev/null and b/theme_monglia/static/description/contributors/vauxoo.png differ diff --git a/theme_monglia/static/description/customtool.jpg b/theme_monglia/static/description/customtool.jpg new file mode 100644 index 000000000..38aa9aebf Binary files /dev/null and b/theme_monglia/static/description/customtool.jpg differ diff --git a/theme_monglia/static/description/customtool2.jpg b/theme_monglia/static/description/customtool2.jpg new file mode 100644 index 000000000..4cde1a77c Binary files /dev/null and b/theme_monglia/static/description/customtool2.jpg differ diff --git a/theme_monglia/static/description/icon.png b/theme_monglia/static/description/icon.png new file mode 100644 index 000000000..499d00242 Binary files /dev/null and b/theme_monglia/static/description/icon.png differ diff --git a/theme_monglia/static/description/index.html b/theme_monglia/static/description/index.html new file mode 100644 index 000000000..5b75224f1 --- /dev/null +++ b/theme_monglia/static/description/index.html @@ -0,0 +1,219 @@ +
    +

    Html5 Responsive Bootstrap Theme for Odoo CMS

    +
    + +

    This theme is a professional responsive HTML5 theme, built using Bootstrap3, + the most popular front-end framework for developing responsive, mobile + first projects on the web. Just drag & drop the new building blocks + you need to easily build your layout. All layouts are made of sections, + that you can easily combine to fit your specific project.

    + +
    + +

    Customization Tools

    + +

    The theme comes with customization tools. You can easily change + the background, the colors and the font combination of your website or + you a preset.

    + +
    +
    + +
    +
    +

    The theme comes with a lot of options

    +
      +
    • WIDE OR BOXED LAYOUT
      • +
    • 6 COLOR SCHEMES
      • +
    • 8 BACKGROUND SHADES OR USE YOUR OWN
      • +
    • 6 FONT COMBINATIONS
      • +
    • 10 BACKGROUND PATTERNS
      • +
    +

    All the background, color and font combinations were made to work together.  + You can not go wrong with the settings.

    + +

    Minimalistic Flat Design

    +

    It was made with easy customization and branding in mind. Based on + simple, modern and typographical elements, it allows you to easily customize + your website.

    + +

    6 Prebuild Presets

    +

    You don't have the time to play with options? Don't worry, this theme gives + you six full presets wich combine colors, fonts and background.

    + +

    This theme has an additional eCommerce plugin.

    +
    +
    +
    + +

    Building Blocks

    + +

    You get a new complete range of building blocks.

    + +
    +
    +

    CONTENT BLOCKS

    +
      +
    • Title
      • +
    • 1 Column Text
      • +
    • 2 Column Text
      • +
    • 3 Column Text
      • +
    • 4 Column Text
      • +
    • Custom Button
      • +
    • Separator Block
      • +
    +

    STRUCTURE BLOCKS

    +
      +
    • Custom Banner
      • +
    • Big Picture + Text
      • +
    • Text + Big Picture
      • +
    • Cubes
      • +
    • Cubes Reversed
      • +
    • Features Slideshow
      • +
    • Header + Text + Picture
      • +
    • Product List
      • +
    • Text + Image + Text
      • +
    • Parallax Banner
      • +
    • 2 Color Blocks
      • +
    • 4 Color Blocks
      • +
    • Numbers
      • +
    • Timeline
      • +
    • Event List
      • +
    • Logos Bar
      • +
    • Testimonial Slider
      • +
    • Progress
      • +
    • Big Circle Icons
      • +
    • Events with Internal Slider
      • +
    • Compact Menu Snippet
      • +
    • Full Menu Snippet
      • +
    +
    +
    +

    FEATURES BLOCKS

    +
      +
    • Slide Banner
      • +
    • Slideshow with products
      • +
    +

    EFFECTS BLOCKS

    +
      +
    • Big Image Parallax
      • +
    +
    +
    +

    Customize Your Blocks

    +

    Each building blocks comes with its own options. 

    + +
    +
    + +

    Some fonts might not work with extended charsets.

    +

    The images in the theme are copyrighted and can't be used outside of the odoo.com domain.

    +
    + +

    CONTRIBUTORS LIST

    +
    + +

    This theme was created with the help of our user community.

    + +

    Thanks to our backers the Indiegogo campaign was a success!

    + +

    https://www.indiegogo.com/projects/bootstrap-themes-for-odoo-cms/

    +
    + +

    Main Sponsor

    +
    + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + +

    Ross Whiting, Oxenworkwear - Hans Balis - Stephan Keller, Sodexis, Inc. - Michael Hucke, Hucke Media GmbH & Co. KG - Joachim Grubelnik, DaDi EDV GmbH​ datadialog.net - DynApps - Cats&Dogs bvba - Bloopark systems GmbH & Co. KG - Parthiv Patel, Tech Receptives Solutions Pvt. Ltd. - Stuart Mackintosh, OpusVL - Erwin van der Ploeg, BAS Solutions - ali Zuaby, simplit co - Aselcis Consulting - Nhomar Hernandez, Vauxoo

    + +

    Sponsor

    +
    + +

    Robert Baumgartner, datenpol gmbh - openBIG - Russell Phillippe, Protogenos Ltd - Julien Allo, Julius - EasyPME - Jonathan Wilson, WillowIT Pty Ltd - Xavier Mallein, MAallein - Pedro M. Baeza, Serv. Tecnol. Avanzados - Daniel Dico, OERP Canada - Jantz Business Group b.v. - LogicaSoft Consulting - Eric Caudal, Elico Corp - Ermin Trevisan, Twanda - Jean-François Mattler, OpenFid SAS - Alex Ferrer, Lannex IT Solutions - Tony Gu, Shine IT Co. Ltd. 先安科技 - TaPo-IT OG - Jos De Graeve, Apertoso - Nicolas Rigo, eezee-it - Luis Miguel Varón E, Colorisa S.A - OpenBias - Stanislas Drouin Applicatour

    + +

    Power Designer

    +
    + +

    Rohit Thakral - François Dhommeaux, Ubic Informatique - Judson Alves, Market Home Delivery - Eric Flaux, ABF Osiell - Gilles Dupont - Arnis Putniņš - Johnson Martt, GetOpenERP (Part of OpenStow Technologies) - Gianluca Milano - Daniel Stolovich, ATEL S.A. - Equitania Software GmbH - Senthilnathan G - Houssine Bakkali - Arend Trip - Kevin Woolf, Baba Kevin's American Barbecue Co., Ltd. - toodoo sàrl - Zoltan Gabor 'Apersis' - Tom De Decker, WEB2GO LTD - Nicolás Cavalier Montenegro, STOREGUD CORPORATION SAC - Keirse Jerome - REAL Solutions S.A. - Davide Corio - Brice Muangkhot - Melvin Miguel Martinez, Mendoza Hernandez - Auditores - Chua Wen Ching - Tran Minh Tri working, ungdungtinhoc.com - Badisheng Morena - Sogexis - Josh Wardini - The Tee Shirt Bakery - Bruce Letterle, Red Lab Media - Benoit Vankoningsloo - Francisco Manuel Garcia Claramonte. - Paulina Mikolajczak-Blasco - Collectiv - Tony Fernando - Herbert Riener, rigaConcepts - Kalmen Chia, E-Global SCM Solution Sdn Bhd - Rob North, Pair A Dice Games - David E. Vargas, CloudShop - François Le Gal - Calin Chete (24h Solutions) - Maria Gabriela Fong, MAGA Systems & Consulting - Pascal Behr, Cytosurge AG - Marc Antwertinger - Opencloud Unipessoal, Lda - Ruchir Shukla, BizzAppDev - Michael Hucke, Hucke Media GmbH & Co. KG - Mathias Neef, copadoMEDIA UG - Pablo Arias - Same Motion - livingprocess.de - Habib Ayob - Igor Jovanovic - Liangming Wang, Weixuan Inc. - Jason Au Yeung, Binary System Limited - Fredrik Arvas, Arvas International AB - Martin Temmink, Zigaret - Mathieu Vanneste, Flockdesign - Filip Fruru, Instant Media - Marianne Wilmsmeier, Fabrik Fünf GmbH - Vertex Group Enterprises - Bingen Eguzkitza - Herczeg Péter, InnOpen Group Kft - Giles Hohnen - Luis Felipe Miléo, KMEE - Maria Gabriela Fong, MAGA Systems & Consulting - Aaron Magon, Web Industries - Andrew Trueman, B.M. Trueman & Partners - Sven Petersen, Conexus - Nous Cambas - Oliver Yuan, OpenStone - Henri Ibowili, A-YANT.COM - Nicolas JEUDY - Helmut Drewes - Maik Steinfeld, Streward - Hans Henrik Gabelgaard - AJ Rosman - Eduard - Patrick Darribet, SUDOKEYS - Camptocamp - Cyril Morisse - Alejandro Santana - Eva Pinter, YBO - Mathias Neef, copadoMEDIA UG - Jean-Christophe Perrot, LOGICASOFT - Zarshed Ali, HiTechnologia - Stefan Reisich - Maxime Chambreuil, Savoir-faire Linux - Mario Gielissen, Openworx - Nicholas Burdic, Aptoworks LLC - Olivier Lenoir

    +
    diff --git a/theme_monglia/static/description/monglia_description.png b/theme_monglia/static/description/monglia_description.png new file mode 100644 index 000000000..7ef0a5020 Binary files /dev/null and b/theme_monglia/static/description/monglia_description.png differ diff --git a/theme_monglia/static/src/img/content/content_img_01.png b/theme_monglia/static/src/img/content/content_img_01.png new file mode 100644 index 000000000..211de6350 Binary files /dev/null and b/theme_monglia/static/src/img/content/content_img_01.png differ diff --git a/theme_monglia/static/src/img/content/content_img_02.jpg b/theme_monglia/static/src/img/content/content_img_02.jpg new file mode 100644 index 000000000..067ad71c9 Binary files /dev/null and b/theme_monglia/static/src/img/content/content_img_02.jpg differ diff --git a/theme_monglia/static/src/img/content/content_img_03.jpg b/theme_monglia/static/src/img/content/content_img_03.jpg new file mode 100644 index 000000000..d3efff8dd Binary files /dev/null and b/theme_monglia/static/src/img/content/content_img_03.jpg differ diff --git a/theme_monglia/static/src/img/content/content_img_04.jpg b/theme_monglia/static/src/img/content/content_img_04.jpg new file mode 100644 index 000000000..026c05acb Binary files /dev/null and b/theme_monglia/static/src/img/content/content_img_04.jpg differ diff --git a/theme_monglia/static/src/img/content/content_img_05.jpg b/theme_monglia/static/src/img/content/content_img_05.jpg new file mode 100644 index 000000000..8e9fe7228 Binary files /dev/null and b/theme_monglia/static/src/img/content/content_img_05.jpg differ diff --git a/theme_monglia/static/src/img/content/content_img_06.jpg b/theme_monglia/static/src/img/content/content_img_06.jpg new file mode 100644 index 000000000..28cb3f085 Binary files /dev/null and b/theme_monglia/static/src/img/content/content_img_06.jpg differ diff --git a/theme_monglia/static/src/img/content/content_img_07.jpg b/theme_monglia/static/src/img/content/content_img_07.jpg new file mode 100644 index 000000000..037ea9806 Binary files /dev/null and b/theme_monglia/static/src/img/content/content_img_07.jpg differ diff --git a/theme_monglia/static/src/img/content/content_img_08.png b/theme_monglia/static/src/img/content/content_img_08.png new file mode 100644 index 000000000..637cb398b Binary files /dev/null and b/theme_monglia/static/src/img/content/content_img_08.png differ diff --git a/theme_monglia/static/src/img/content/content_img_09.jpg b/theme_monglia/static/src/img/content/content_img_09.jpg new file mode 100644 index 000000000..0b0c82b74 Binary files /dev/null and b/theme_monglia/static/src/img/content/content_img_09.jpg differ diff --git a/theme_monglia/static/src/img/content/content_img_10.jpg b/theme_monglia/static/src/img/content/content_img_10.jpg new file mode 100644 index 000000000..5ff3db525 Binary files /dev/null and b/theme_monglia/static/src/img/content/content_img_10.jpg differ diff --git a/theme_monglia/static/src/img/content/content_img_11.jpg b/theme_monglia/static/src/img/content/content_img_11.jpg new file mode 100644 index 000000000..f36ed09cf Binary files /dev/null and b/theme_monglia/static/src/img/content/content_img_11.jpg differ diff --git a/theme_monglia/static/src/img/content/content_img_12.jpg b/theme_monglia/static/src/img/content/content_img_12.jpg new file mode 100644 index 000000000..be501c079 Binary files /dev/null and b/theme_monglia/static/src/img/content/content_img_12.jpg differ diff --git a/theme_monglia/static/src/img/content/content_img_13.jpg b/theme_monglia/static/src/img/content/content_img_13.jpg new file mode 100644 index 000000000..edc897e48 Binary files /dev/null and b/theme_monglia/static/src/img/content/content_img_13.jpg differ diff --git a/theme_monglia/static/src/img/content/content_img_14.jpg b/theme_monglia/static/src/img/content/content_img_14.jpg new file mode 100644 index 000000000..b34b81cdb Binary files /dev/null and b/theme_monglia/static/src/img/content/content_img_14.jpg differ diff --git a/theme_monglia/static/src/img/content/content_logo.png b/theme_monglia/static/src/img/content/content_logo.png new file mode 100644 index 000000000..221f16ae7 Binary files /dev/null and b/theme_monglia/static/src/img/content/content_logo.png differ diff --git a/theme_monglia/static/src/img/content/product_img_01.jpg b/theme_monglia/static/src/img/content/product_img_01.jpg new file mode 100644 index 000000000..3e26a492a Binary files /dev/null and b/theme_monglia/static/src/img/content/product_img_01.jpg differ diff --git a/theme_monglia/static/src/img/content/product_img_02.jpg b/theme_monglia/static/src/img/content/product_img_02.jpg new file mode 100644 index 000000000..61cd04e0a Binary files /dev/null and b/theme_monglia/static/src/img/content/product_img_02.jpg differ diff --git a/theme_monglia/static/src/img/content/product_img_03.jpg b/theme_monglia/static/src/img/content/product_img_03.jpg new file mode 100644 index 000000000..920b48061 Binary files /dev/null and b/theme_monglia/static/src/img/content/product_img_03.jpg differ diff --git a/theme_monglia/static/src/img/content/product_img_04.jpg b/theme_monglia/static/src/img/content/product_img_04.jpg new file mode 100644 index 000000000..669512eb8 Binary files /dev/null and b/theme_monglia/static/src/img/content/product_img_04.jpg differ diff --git a/theme_monglia/static/src/img/content/product_img_05.jpg b/theme_monglia/static/src/img/content/product_img_05.jpg new file mode 100644 index 000000000..3f4b046d0 Binary files /dev/null and b/theme_monglia/static/src/img/content/product_img_05.jpg differ diff --git a/theme_monglia/static/src/img/content/product_img_06.jpg b/theme_monglia/static/src/img/content/product_img_06.jpg new file mode 100644 index 000000000..445c6736e Binary files /dev/null and b/theme_monglia/static/src/img/content/product_img_06.jpg differ diff --git a/theme_monglia/static/src/img/content/product_img_07.jpg b/theme_monglia/static/src/img/content/product_img_07.jpg new file mode 100644 index 000000000..1dac62009 Binary files /dev/null and b/theme_monglia/static/src/img/content/product_img_07.jpg differ diff --git a/theme_monglia/static/src/img/content/product_img_08.jpg b/theme_monglia/static/src/img/content/product_img_08.jpg new file mode 100644 index 000000000..b32a4fc74 Binary files /dev/null and b/theme_monglia/static/src/img/content/product_img_08.jpg differ diff --git a/theme_monglia/static/src/img/content/product_img_09.jpg b/theme_monglia/static/src/img/content/product_img_09.jpg new file mode 100644 index 000000000..1fd843a84 Binary files /dev/null and b/theme_monglia/static/src/img/content/product_img_09.jpg differ diff --git a/theme_monglia/static/src/img/content/product_img_10.jpg b/theme_monglia/static/src/img/content/product_img_10.jpg new file mode 100644 index 000000000..7f0fb48c0 Binary files /dev/null and b/theme_monglia/static/src/img/content/product_img_10.jpg differ diff --git a/theme_monglia/static/src/img/content/product_img_11.jpg b/theme_monglia/static/src/img/content/product_img_11.jpg new file mode 100644 index 000000000..5413edf9f Binary files /dev/null and b/theme_monglia/static/src/img/content/product_img_11.jpg differ diff --git a/theme_monglia/static/src/img/content/product_img_12.jpg b/theme_monglia/static/src/img/content/product_img_12.jpg new file mode 100644 index 000000000..2e1c0cbbe Binary files /dev/null and b/theme_monglia/static/src/img/content/product_img_12.jpg differ diff --git a/theme_monglia/static/src/img/content/product_img_13.jpg b/theme_monglia/static/src/img/content/product_img_13.jpg new file mode 100644 index 000000000..d9985e5f9 Binary files /dev/null and b/theme_monglia/static/src/img/content/product_img_13.jpg differ diff --git a/theme_monglia/static/src/img/content/product_img_14.jpg b/theme_monglia/static/src/img/content/product_img_14.jpg new file mode 100644 index 000000000..67ee088f0 Binary files /dev/null and b/theme_monglia/static/src/img/content/product_img_14.jpg differ diff --git a/theme_monglia/static/src/img/content/product_img_15.jpg b/theme_monglia/static/src/img/content/product_img_15.jpg new file mode 100644 index 000000000..cffc818ec Binary files /dev/null and b/theme_monglia/static/src/img/content/product_img_15.jpg differ diff --git a/theme_monglia/static/src/img/content/product_img_16.jpg b/theme_monglia/static/src/img/content/product_img_16.jpg new file mode 100644 index 000000000..fe1ecda32 Binary files /dev/null and b/theme_monglia/static/src/img/content/product_img_16.jpg differ diff --git a/theme_monglia/static/src/img/library/bg1.jpg b/theme_monglia/static/src/img/library/bg1.jpg new file mode 100644 index 000000000..1b785d3fe Binary files /dev/null and b/theme_monglia/static/src/img/library/bg1.jpg differ diff --git a/theme_monglia/static/src/img/library/bg10.jpg b/theme_monglia/static/src/img/library/bg10.jpg new file mode 100644 index 000000000..443ce0072 Binary files /dev/null and b/theme_monglia/static/src/img/library/bg10.jpg differ diff --git a/theme_monglia/static/src/img/library/bg2.jpg b/theme_monglia/static/src/img/library/bg2.jpg new file mode 100644 index 000000000..9302b30d7 Binary files /dev/null and b/theme_monglia/static/src/img/library/bg2.jpg differ diff --git a/theme_monglia/static/src/img/library/bg3.jpg b/theme_monglia/static/src/img/library/bg3.jpg new file mode 100644 index 000000000..3400fd021 Binary files /dev/null and b/theme_monglia/static/src/img/library/bg3.jpg differ diff --git a/theme_monglia/static/src/img/library/bg4.jpg b/theme_monglia/static/src/img/library/bg4.jpg new file mode 100644 index 000000000..e25f21c8f Binary files /dev/null and b/theme_monglia/static/src/img/library/bg4.jpg differ diff --git a/theme_monglia/static/src/img/library/bg5.jpg b/theme_monglia/static/src/img/library/bg5.jpg new file mode 100644 index 000000000..06ce3cf8b Binary files /dev/null and b/theme_monglia/static/src/img/library/bg5.jpg differ diff --git a/theme_monglia/static/src/img/library/bg6.jpg b/theme_monglia/static/src/img/library/bg6.jpg new file mode 100644 index 000000000..d0754526e Binary files /dev/null and b/theme_monglia/static/src/img/library/bg6.jpg differ diff --git a/theme_monglia/static/src/img/library/bg7.jpg b/theme_monglia/static/src/img/library/bg7.jpg new file mode 100644 index 000000000..71e4dccc4 Binary files /dev/null and b/theme_monglia/static/src/img/library/bg7.jpg differ diff --git a/theme_monglia/static/src/img/library/bg8.jpg b/theme_monglia/static/src/img/library/bg8.jpg new file mode 100644 index 000000000..380bea91c Binary files /dev/null and b/theme_monglia/static/src/img/library/bg8.jpg differ diff --git a/theme_monglia/static/src/img/library/bg9.jpg b/theme_monglia/static/src/img/library/bg9.jpg new file mode 100644 index 000000000..2e92429a5 Binary files /dev/null and b/theme_monglia/static/src/img/library/bg9.jpg differ diff --git a/theme_monglia/static/src/img/library/tn-bg-custom.jpg b/theme_monglia/static/src/img/library/tn-bg-custom.jpg new file mode 100644 index 000000000..a9ddf581a Binary files /dev/null and b/theme_monglia/static/src/img/library/tn-bg-custom.jpg differ diff --git a/theme_monglia/static/src/img/library/tn-bg-none.jpg b/theme_monglia/static/src/img/library/tn-bg-none.jpg new file mode 100644 index 000000000..f28908fd1 Binary files /dev/null and b/theme_monglia/static/src/img/library/tn-bg-none.jpg differ diff --git a/theme_monglia/static/src/img/library/tn-pattern-custom.jpg b/theme_monglia/static/src/img/library/tn-pattern-custom.jpg new file mode 100644 index 000000000..65de23526 Binary files /dev/null and b/theme_monglia/static/src/img/library/tn-pattern-custom.jpg differ diff --git a/theme_monglia/static/src/img/pattern/pattern_01.png b/theme_monglia/static/src/img/pattern/pattern_01.png new file mode 100644 index 000000000..4445f6401 Binary files /dev/null and b/theme_monglia/static/src/img/pattern/pattern_01.png differ diff --git a/theme_monglia/static/src/img/pattern/pattern_02.png b/theme_monglia/static/src/img/pattern/pattern_02.png new file mode 100644 index 000000000..4c930a012 Binary files /dev/null and b/theme_monglia/static/src/img/pattern/pattern_02.png differ diff --git a/theme_monglia/static/src/img/pattern/pattern_03.png b/theme_monglia/static/src/img/pattern/pattern_03.png new file mode 100644 index 000000000..b85bec277 Binary files /dev/null and b/theme_monglia/static/src/img/pattern/pattern_03.png differ diff --git a/theme_monglia/static/src/img/pattern/pattern_04.png b/theme_monglia/static/src/img/pattern/pattern_04.png new file mode 100644 index 000000000..1c67e7085 Binary files /dev/null and b/theme_monglia/static/src/img/pattern/pattern_04.png differ diff --git a/theme_monglia/static/src/img/pattern/pattern_05.png b/theme_monglia/static/src/img/pattern/pattern_05.png new file mode 100644 index 000000000..9e5698fb6 Binary files /dev/null and b/theme_monglia/static/src/img/pattern/pattern_05.png differ diff --git a/theme_monglia/static/src/img/pattern/pattern_06.png b/theme_monglia/static/src/img/pattern/pattern_06.png new file mode 100644 index 000000000..5b59dee85 Binary files /dev/null and b/theme_monglia/static/src/img/pattern/pattern_06.png differ diff --git a/theme_monglia/static/src/img/pattern/pattern_07.png b/theme_monglia/static/src/img/pattern/pattern_07.png new file mode 100644 index 000000000..dd62167b5 Binary files /dev/null and b/theme_monglia/static/src/img/pattern/pattern_07.png differ diff --git a/theme_monglia/static/src/img/pattern/pattern_08.png b/theme_monglia/static/src/img/pattern/pattern_08.png new file mode 100644 index 000000000..b187443db Binary files /dev/null and b/theme_monglia/static/src/img/pattern/pattern_08.png differ diff --git a/theme_monglia/static/src/img/pattern/pattern_09.png b/theme_monglia/static/src/img/pattern/pattern_09.png new file mode 100644 index 000000000..824322cf8 Binary files /dev/null and b/theme_monglia/static/src/img/pattern/pattern_09.png differ diff --git a/theme_monglia/static/src/img/pattern/pattern_10.png b/theme_monglia/static/src/img/pattern/pattern_10.png new file mode 100644 index 000000000..0b4c35f8c Binary files /dev/null and b/theme_monglia/static/src/img/pattern/pattern_10.png differ diff --git a/theme_monglia/static/src/img/snippets/2_color_blocks.png b/theme_monglia/static/src/img/snippets/2_color_blocks.png new file mode 100644 index 000000000..a98d2abfa Binary files /dev/null and b/theme_monglia/static/src/img/snippets/2_color_blocks.png differ diff --git a/theme_monglia/static/src/img/snippets/color_blocks.png b/theme_monglia/static/src/img/snippets/color_blocks.png new file mode 100644 index 000000000..53697705b Binary files /dev/null and b/theme_monglia/static/src/img/snippets/color_blocks.png differ diff --git a/theme_monglia/static/src/img/snippets/event_list.png b/theme_monglia/static/src/img/snippets/event_list.png new file mode 100644 index 000000000..2d4d37889 Binary files /dev/null and b/theme_monglia/static/src/img/snippets/event_list.png differ diff --git a/theme_monglia/static/src/img/snippets/references.png b/theme_monglia/static/src/img/snippets/references.png new file mode 100644 index 000000000..d01467da0 Binary files /dev/null and b/theme_monglia/static/src/img/snippets/references.png differ diff --git a/theme_monglia/static/src/img/snippets/s_big_icon_circle.png b/theme_monglia/static/src/img/snippets/s_big_icon_circle.png new file mode 100644 index 000000000..a147db4ab Binary files /dev/null and b/theme_monglia/static/src/img/snippets/s_big_icon_circle.png differ diff --git a/theme_monglia/static/src/img/snippets/s_numbers.png b/theme_monglia/static/src/img/snippets/s_numbers.png new file mode 100644 index 000000000..2649414b9 Binary files /dev/null and b/theme_monglia/static/src/img/snippets/s_numbers.png differ diff --git a/theme_monglia/static/src/img/snippets/s_progress.png b/theme_monglia/static/src/img/snippets/s_progress.png new file mode 100644 index 000000000..939f102db Binary files /dev/null and b/theme_monglia/static/src/img/snippets/s_progress.png differ diff --git a/theme_monglia/static/src/img/snippets/testimonial.png b/theme_monglia/static/src/img/snippets/testimonial.png new file mode 100644 index 000000000..a4d4bec0c Binary files /dev/null and b/theme_monglia/static/src/img/snippets/testimonial.png differ diff --git a/theme_monglia/static/src/img/snippets/timeline.png b/theme_monglia/static/src/img/snippets/timeline.png new file mode 100644 index 000000000..a77734aad Binary files /dev/null and b/theme_monglia/static/src/img/snippets/timeline.png differ diff --git a/theme_monglia/static/src/js/main.js b/theme_monglia/static/src/js/main.js new file mode 100644 index 000000000..5434e65ea --- /dev/null +++ b/theme_monglia/static/src/js/main.js @@ -0,0 +1,10 @@ +$(function(){ + $('#menuToggle, .menu-close').on('click', function(){ + $('body').toggleClass('o_bigslide_open'); + }); + $('main, footer').on('click', function(){ + if ($('body').hasClass('o_bigslide_open')) { + $('body').removeClass('o_bigslide_open'); + } + }); +}); \ No newline at end of file diff --git a/theme_monglia/static/src/js/monglia_snippets_editor.js b/theme_monglia/static/src/js/monglia_snippets_editor.js new file mode 100644 index 000000000..515fd9106 --- /dev/null +++ b/theme_monglia/static/src/js/monglia_snippets_editor.js @@ -0,0 +1,84 @@ +(function () { + 'use strict'; + + var website = openerp.website; + + // Set custom background from modal + website.Theme.include({ + start: function () { + this._super(); + this.$el.find('label:has(input[data-xmlid="theme_monglia.option_bg_custom"])').on('mouseup', _.bind(this.set_custom_bg, this)); + this.$el.find('label:has(input[data-xmlid="theme_monglia.option_pattern_custom"])').on('mouseup', _.bind(this.set_custom_bg, this)); + }, + change_selection: function (event, force) { + var self = this; + if (!force && event.originalEvent && ( + $(event.target).is('input[data-xmlid="theme_monglia.option_bg_custom"]') + || $(event.target).is('input[data-xmlid="theme_monglia.option_pattern_custom"]') + )) { + this.set_custom_bg(event); + return; + } + + this._super(event); + }, + set_custom_bg: function (event) { + var self = this; + + clearTimeout(this.set_custom_bg_time); + this.set_custom_bg_time = setTimeout(function () { + + var $image = $(''); + var element = new CKEDITOR.dom.element($image[0]); + var editor = new website.editor.MediaDialog({}, element); + var template_name = "option_bg_custom"; + var background_options = "background-size: cover; background-position: top center;"; + + if ($.contains(document.getElementById("bg_pattern"), event.target)) { + template_name = "option_pattern_custom"; + background_options = "background-repeat: repeat;" + } + + $image.on('saved', this, function () { + var src = $image.attr('src'); + + self.$el.addClass("loading"); + + openerp.jsonRpc('/web/dataset/call', 'call', { + model: 'ir.model.data', + method: 'get_object_reference', + args: ["theme_monglia", template_name], + }).then(function (data) { + + openerp.jsonRpc('/web/dataset/call', 'call', { + model: 'ir.ui.view', + method: 'save', + args: [ + data[1], + "body{background-image: url('"+src+"'); " + background_options + "}", + "//style", + website.get_context()], + }).then(function () { + + self.$el.removeClass("loading"); + self.change_selection(event, true); + }); + + }); + + }); + + editor.on('cancel', this, function () { + if(typeof callback === "function") { + callback(); + } + }); + + editor.appendTo(document.body); + + },0); + } + }); + + +})(); \ No newline at end of file diff --git a/theme_monglia/static/src/less/blog.less b/theme_monglia/static/src/less/blog.less new file mode 100644 index 000000000..42a53397c --- /dev/null +++ b/theme_monglia/static/src/less/blog.less @@ -0,0 +1,146 @@ +/* ===================== BLOG ===================== */ + +#blog_right_column { + padding: 0 15px 35px 30px; +} +.website_blog { + .col-sm-8 { + padding: 0 15px 30px 35px; + } +} +.post-meta { + margin-top: 20px; + text-align: left; +} +.blog_title { + .post-meta { + text-align: center; + } +} +#main_column { + h4 { + font-size: 18px; + } + h2 { + font-size: 25px; + } +} + +/* ===================== FORUM ===================== */ + +.website_forum { + margin-top: 0px !important; + width: 100%; + .navbar-default { + margin-bottom: 0px; + padding: 0 15px; + .navbar-nav > li > a, .navbar-header span { + color: @color-delta; + } + .navbar-right { + margin-bottom: 0; + .btn { + padding: 5px 20px; + } + input { + margin-right: 15px; + //background-color: rgba(255, 255, 255, 0.5); + .transition (background-color 0.3s ease-out); + } + } + li.active > a { + background-color: @color-epsilon !important; + } + } +} +.website_forum + #wrap { + padding: 35px; + + .col-sm-3 { + .btn-block { + background-color: @color-epsilon; + color: white; + } + } + .question { + #options button { + color: @color-epsilon; + &:hover, &:focus { + text-decoration: none; + } + } + .oe_grey { + background-color: transparent; + } + } +} +.forum_docs { + margin-top: 30px; + padding: 10px 35px; + background-color: white; +} + +/* ============== Breadcrumb in events, job etc ============== */ + +.breadcrumb { + background: transparent; + .BorderRadius(0px); +} + +/* ============== Nav-pills in events, job etc ============== */ + +.nav-pills { + li a { + color: @gray-light; + &:hover { + color: @gray; + } + } + li.active > a { + color: @color-epsilon; + background: transparent; + &:hover { + background-color: @gray-lighter; + color: @gray; + } + .badge { + color: @color-alpha; + background-color: @color-epsilon; + } + } +} + +/* ============== Panel styles ============== */ + +.panel-heading { + background-color: transparent !important; + border: none; + color: @color-epsilon !important; +} +.panel-footer { + background: transparent; +} +.panel { + text-align: center; + border: none; + box-shadow: none; + border: 1px solid @gray-lighter; + .BorderRadius (0px); + .list-group-item { + background: transparent; + border-color: white; + } +} +.panel-title { + font-size: 20px; +} + +/* ===================== DOCUMENTATION ===================== */ + +[data-view-xmlid*="website_forum_doc.documentation_post"] { + .container:first-child { + margin-bottom: 0px !important; + height: 90px; + padding-top: 20px; + } +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/color.less b/theme_monglia/static/src/less/color.less new file mode 100644 index 000000000..893837d38 --- /dev/null +++ b/theme_monglia/static/src/less/color.less @@ -0,0 +1,185 @@ +/* ================== BOOTSTRAP GRAYS ================= */ + +@gray-darker: lighten(#000, 13.5%); // #222 +@gray-dark: lighten(#000, 20%); // #333 +@gray: lighten(#000, 33.5%); // #555 +@gray-light: lighten(#000, 46.7%); // #777 +@gray-lighter: lighten(#000, 85%); // #eee +@white: #ffffff; +@black: #000000; + +/* ================== COLOR PRESET 1 ================= */ + +@colorPreset1_color1: #add3ce; // green +@colorPreset1_color1_dark: darken(@colorPreset1_color1, 10%); +@colorPreset1_color1_light: lighten(@colorPreset1_color1, 5%); +@colorPreset1_color2: #a7c7d5; // light blue +@colorPreset1_color2_dark: darken(@colorPreset1_color2, 10%); +@colorPreset1_color2_light: lighten(@colorPreset1_color2, 5%); +@colorPreset1_color3: #47464b; // Dark gray +@colorPreset1_color3_dark: darken(@colorPreset1_color3, 10%); +@colorPreset1_color3_light: lighten(@colorPreset1_color3, 10%); +@colorPreset1_color4: #f3997b; // orange +@colorPreset1_color4_dark: darken(@colorPreset1_color4, 10%); +@colorPreset1_color4_light: lighten(@colorPreset1_color4, 5%); + +/* ================== COLOR PRESET 2 ================= */ + +@colorPreset2_color1: #f8f1d4; // light yellow +@colorPreset2_color1_dark: darken(@colorPreset2_color1, 10%); +@colorPreset2_color1_light: lighten(@colorPreset2_color1, 5%); +@colorPreset2_color2: #5b4645; // brown +@colorPreset2_color2_dark: darken(@colorPreset2_color2, 10%); +@colorPreset2_color2_light: lighten(@colorPreset2_color2, 10%); +@colorPreset2_color3: #21263a; // indigo +@colorPreset2_color3_dark: darken(@colorPreset2_color3, 10%); +@colorPreset2_color3_light: lighten(@colorPreset2_color3, 10%); +@colorPreset2_color4: #8f8747; // pastel Green +@colorPreset2_color4_dark: darken(@colorPreset2_color4, 10%); +@colorPreset2_color4_light: lighten(@colorPreset2_color4, 5%); + +/* ================== COLOR PRESET 3 ================= */ + +@colorPreset3_color1: #dedede; // light gray +@colorPreset3_color1_dark: darken(@colorPreset3_color1, 10%); +@colorPreset3_color1_light: lighten(@colorPreset3_color1, 5%); +@colorPreset3_color2: #adadad; // middle gray +@colorPreset3_color2_dark: darken(@colorPreset3_color2, 10%); +@colorPreset3_color2_light: lighten(@colorPreset3_color2, 10%); +@colorPreset3_color3: #3e3e3e; // dark gray +@colorPreset3_color3_dark: darken(@colorPreset3_color3, 10%); +@colorPreset3_color3_light: lighten(@colorPreset3_color3, 10%); +@colorPreset3_color4: #848f47; // olive +@colorPreset3_color4_dark: darken(@colorPreset3_color4, 10%); +@colorPreset3_color4_light: lighten(@colorPreset3_color4, 5%); + +/* ================== COLOR PRESET 4 ================= */ + +@colorPreset4_color1: #cfcfcf; // light gray +@colorPreset4_color1_dark: darken(@colorPreset4_color1, 10%); +@colorPreset4_color1_light: lighten(@colorPreset4_color1, 5%); +@colorPreset4_color2: #2e2e2e; // middle gray +@colorPreset4_color2_dark: darken(@colorPreset4_color2, 10%); +@colorPreset4_color2_light: lighten(@colorPreset4_color2, 10%); +@colorPreset4_color3: #000000; // dark gray +@colorPreset4_color3_dark: darken(@colorPreset4_color3, 10%); +@colorPreset4_color3_light: lighten(@colorPreset4_color3, 10%); +@colorPreset4_color4: #1ad68f; // green +@colorPreset4_color4_dark: darken(@colorPreset4_color4, 10%); +@colorPreset4_color4_light: lighten(@colorPreset4_color4, 5%); + +/* ================== COLOR PRESET 5 ================= */ + +@colorPreset5_color1: #9fcae2; // light green +@colorPreset5_color1_dark: darken(@colorPreset5_color1, 10%); +@colorPreset5_color1_light: lighten(@colorPreset5_color1, 5%); +@colorPreset5_color2: #bbc05c; // middle green +@colorPreset5_color2_dark: darken(@colorPreset5_color2, 10%); +@colorPreset5_color2_light: lighten(@colorPreset5_color2, 10%); +@colorPreset5_color3: #112625; // dark green +@colorPreset5_color3_dark: darken(@colorPreset5_color3, 10%); +@colorPreset5_color3_light: lighten(@colorPreset5_color3, 10%); +@colorPreset5_color4: #45b08c; // mallow +@colorPreset5_color4_dark: darken(@colorPreset5_color4, 10%); +@colorPreset5_color4_light: lighten(@colorPreset5_color4, 5%); + +/* ================== COLOR PRESET 6 ================= */ + +@colorPreset6_color1: #fdeacc; // cream +@colorPreset6_color1_dark: darken(@colorPreset6_color1, 10%); +@colorPreset6_color1_light: lighten(@colorPreset6_color1, 5%); +@colorPreset6_color2: #e8cda2; // middle cream +@colorPreset6_color2_dark: darken(@colorPreset6_color2, 5%); +@colorPreset6_color2_light: lighten(@colorPreset6_color2, 5%); +@colorPreset6_color3: #3e3f43; // gray +@colorPreset6_color3_dark: darken(@colorPreset6_color3, 10%); +@colorPreset6_color3_light: lighten(@colorPreset6_color3, 10%); +@colorPreset6_color4: #e1444d; // salmon +@colorPreset6_color4_dark: darken(@colorPreset6_color4, 10%); +@colorPreset6_color4_light: lighten(@colorPreset6_color4, 5%); + +/* ========================= BLACK ========================= */ + +.black { + .SetDisplayColor (@black, @gray-light); +} + +/* ========================= WHITE ========================= */ + +.white { + .SetDisplayColor (@white, @gray); +} + +/* ========================= GRAY ========================= */ + +.gray { + .SetDisplayColor (@gray, @white); + h1, h2, h3, h4, h5, h6 {.SetTextShadow (2px, @black);} +} + +/* ========================= LIGHTGRAY ========================= */ + +.lightgray { + .SetDisplayColor (@gray-lighter, @gray); + .s_progress { + color: red !important; + } +} + +/* ========================= DARKGRAY ========================= */ + +.darkgray { + .SetDisplayColor (@gray-dark, @white); + h1, h2, h3, h4, h5, h6 {.SetTextShadow (2px, @black);} +} + +/* ================== FONT COLORS IN THE EDITOR ================= */ + +.js_sale, .oe_website_sale { + .text-muted {color: @gray-light;} +} + +.text-blue {color: @black;} +.bg-blue {background-color: @black;} + +.text-turquoise{color: @gray-darker;} +.bg-turquoise {background-color: @gray-darker;} + +.text-green {color: @gray-dark;} +.bg-green {background-color: @gray-dark;} + +.text-yellow {color: @gray;} +.bg-yellow {background-color: @gray;} + +.text-red {color: @gray-light;} +.bg-red {background-color: @gray-light;} + +.text-pink {color: @gray-lighter;} +.bg-pink {background-color: @gray-lighter;} + +.text-purple {color: @white;} +.bg-purple {background-color: @white;} + +.text-blue2 {color: #1e3370;} +.bg-blue2 {background-color: #1e3370;} + +.text-turquoise2 {color: #1993a5;} +.bg-turquoise2 {background-color: #1993a5;} + +.text-green2 {color: #4f8640;} +.bg-green2 {background-color: #4f8640;} + +.text-yellow2 {color: #e6d123;} +.bg-yellow2 {background-color: #e6d123;} + +.text-red2 {color: #c22e2e;} +.bg-red2 {background-color: #c22e2e;} + +.text-lightblue2 {color: #5ea7db;} +.bg-lightblue2 {background-color: #5ea7db;} + +.text-purple2 {color: #8458a7;} +.bg-purple2 {background-color: #8458a7;} + +.text-brown2 {color: #725a4c;} +.bg-brown2 {color: #725a4c;} \ No newline at end of file diff --git a/theme_monglia/static/src/less/customize_modal.less b/theme_monglia/static/src/less/customize_modal.less new file mode 100644 index 000000000..947ba6582 --- /dev/null +++ b/theme_monglia/static/src/less/customize_modal.less @@ -0,0 +1,406 @@ +/* ================== MODAL COLORS ================= */ + +@modalGreen: @colorPreset6_color2; +@modalGreenDark: darken(@modalGreen, 5%); +@modalGreenLight: lighten(@modalGreen, 15%); +@modalOrange: @colorPreset5_color1; +@modalBlue: #151C24; +@modalLightBlue: lighten(@modalBlue, 20%); + +/* ======================= COLOR PRESET 1 ====================== */ + +#theme_customize_modal .row .colorPreset1 div:nth-child(1) {background-color: @white;} +#theme_customize_modal .row .colorPreset1 div:nth-child(2) {background-color: @colorPreset1_color1;} +#theme_customize_modal .row .colorPreset1 div:nth-child(3) {background-color: @colorPreset1_color2;} +#theme_customize_modal .row .colorPreset1 div:nth-child(4) {background-color: @colorPreset1_color3;} +#theme_customize_modal .row .colorPreset1 div:nth-child(5) {background-color: @colorPreset1_color4;} + +/* ======================= COLOR PRESET 2 ====================== */ + +#theme_customize_modal .row .colorPreset2 div:nth-child(1) {background-color: @colorPreset2_color1;} +#theme_customize_modal .row .colorPreset2 div:nth-child(2) {background-color: @colorPreset2_color2;} +#theme_customize_modal .row .colorPreset2 div:nth-child(3) {background-color: @white;} +#theme_customize_modal .row .colorPreset2 div:nth-child(4) {background-color: @colorPreset2_color3;} +#theme_customize_modal .row .colorPreset2 div:nth-child(5) {background-color: @colorPreset2_color4;} + +/* ======================= COLOR PRESET 3 ====================== */ + +#theme_customize_modal .row .colorPreset3 div:nth-child(1) {background-color: @colorPreset3_color1;} +#theme_customize_modal .row .colorPreset3 div:nth-child(2) {background-color: @colorPreset3_color2;} +#theme_customize_modal .row .colorPreset3 div:nth-child(3) {background-color: @white;} +#theme_customize_modal .row .colorPreset3 div:nth-child(4) {background-color: @colorPreset3_color3;} +#theme_customize_modal .row .colorPreset3 div:nth-child(5) {background-color: @colorPreset3_color4;} + +/* ======================= COLOR PRESET 4 ====================== */ + +#theme_customize_modal .row .colorPreset4 div:nth-child(1) {background-color: @colorPreset4_color1;} +#theme_customize_modal .row .colorPreset4 div:nth-child(2) {background-color: @colorPreset4_color2;} +#theme_customize_modal .row .colorPreset4 div:nth-child(3) {background-color: @white;} +#theme_customize_modal .row .colorPreset4 div:nth-child(4) {background-color: @colorPreset4_color3;} +#theme_customize_modal .row .colorPreset4 div:nth-child(5) {background-color: @colorPreset4_color4;} + +/* ======================= COLOR PRESET 5 ====================== */ + +#theme_customize_modal .row .colorPreset5 div:nth-child(1) {background-color: @colorPreset5_color1;} +#theme_customize_modal .row .colorPreset5 div:nth-child(2) {background-color: @colorPreset5_color2;} +#theme_customize_modal .row .colorPreset5 div:nth-child(3) {background-color: @white;} +#theme_customize_modal .row .colorPreset5 div:nth-child(4) {background-color: @colorPreset5_color3;} +#theme_customize_modal .row .colorPreset5 div:nth-child(5) {background-color: @colorPreset5_color4;} + +/* ======================= COLOR PRESET 6 ====================== */ + +#theme_customize_modal .row .colorPreset6 div:nth-child(1) {background-color: @colorPreset6_color1;} +#theme_customize_modal .row .colorPreset6 div:nth-child(2) {background-color: @colorPreset6_color2;} +#theme_customize_modal .row .colorPreset6 div:nth-child(3) {background-color: @white;} +#theme_customize_modal .row .colorPreset6 div:nth-child(4) {background-color: @colorPreset6_color3;} +#theme_customize_modal .row .colorPreset6 div:nth-child(5) {background-color: @colorPreset6_color4;} + +/* ======================= BACKGROUNDS ====================== */ + +#theme_customize_modal #bgcolor .bg_color_01 {background-color: @colorPreset1_color3;} +#theme_customize_modal #bgcolor .bg_color_02 {background-color: @colorPreset1_color1;} +#theme_customize_modal #bgcolor .bg_color_03 {background-color: @colorPreset1_color4;} +#theme_customize_modal #bgcolor .bg_color_04 {background-color: @colorPreset1_color2;} +#theme_customize_modal #bgcolor .bg_color_05 {background-color: @black;} +#theme_customize_modal #bgcolor .bg_color_06 {background-color: @colorPreset6_color3;} +#theme_customize_modal #bgcolor .bg_color_07 {background-color: white;} +#theme_customize_modal #bgcolor .bg_color_08 {background-color: @colorPreset6_color2;} + +/* ================== THEME CUSTOMIZE MODAL =============== */ + +#theme_customize_modal { + label > div, label > img, label > h6, label > h4 { + border: none; + padding: 3px; + } + label.checked > div, label.checked > img, label.checked > h6, label.checked > h4 { + box-shadow: none; + background-color: @modalLightBlue; + } + h4 { + color: @white; + text-align: left; + } + h6 { + color: @white; + } + p { + color: @white; + } + .row { + .col-md-2 { + padding-right: 0px; + } + } +} +#theme_customize_modal { + .modal-header { + border-bottom: none; + } + .nav-tabs > li.active > a, &:hover, &:focus, .nav > li > a:hover, &:focus { + background-color: @gray-dark; + border: none; + color: @modalOrange; + } +} +.nav-tabs > li > a { + margin-right: 0px; + &:hover { + border-radius: 0px; + border: none; + } +} +.nav-tabs > li > a, .nav > li > a { + border-radius: 0px; + border: none; +} +.modal-dialog .nav > li > a { + padding: 15px 5px; +} +.modal-h6 { + font-size: 30px; +} +.interface { + width: 350px; + margin-top: 20px; + position: relative; + font-family: "Cuprum-Regular"; + .left-content { + background-color: @modalGreen; + width: 70px; + padding-left: 0px; + .VAlignTop; + ul { + border: none; + } + } + .right-content { + .VAlignTop; + padding: 0px; + background-color: @gray-dark; + .tab-content { + overflow-x: hidden; + height: 480px; + } + } +} +.close { + padding: .2em .4em; + color: white; + position: absolute; + top: 10px; + right: 10px; + float: right; + font-weight: bold; + opacity: .9; + text-shadow: none; +} +.left-content-block a { + display: block; + min-height: 70px; + width: 70px; + text-decoration: none; + cursor: pointer; + color: white; + font-size: 12px; + + &:hover, &:focus, &:active { + background-image: none; + } + + span { + margin-bottom: 13px; + } +} +.left-content-block .glyphicon:hover, .glyphicon:focus { + color: @modalOrange; +} +.glyphicon { + font-size: 20px; + padding-bottom: 5px; + color: @white; +} +.color-combi { + .col-xs-2 { + width: 43px; + height: 43px; + padding: 0px; + } + .row { + border-color: @gray-light !important; + } +} +.tab-pane > .row > .col-xs-6 { + padding: 0px; +} +#bgcolor { + .col-xs-12 { + height: 50px; + margin-bottom: 15px; + } +} +#pattern { + .col-xs-12 { + .pattern-swatch{ + width: 250px; + height: 100%; + img { + width: 100%; + height: auto; + } + } + } +} +#color { + p:first-child { + margin-top: 15px; + } +} + +/*oe manipulators*/ + +#oe_manipulators { + .oe_snippet_remove { + background-color: red; + color: white; + &:hover { + color: black; + } + } + .dropdown-menu { + border-radius: 0px; + } +} + +/* ================== MODAL ======================*/ + +.modal:not(#theme_customize_modal):not(#modal_optional_products) { + .modal-dialog { + border: 1px solid @gray-dark; + .modal-content { + border-radius: 0px; + border: none; + background-color: @color-gamma; + } + .btn-primary, .btn-default { + border: none; + } + .active a { + background: transparent; + color: @color-delta; + text-decoration: underline; + &:hover { + border-width: 0px; + color: @color-delta; + } + } + } + .modal-body, .modal-footer { + background-color: @color-alpha; + border-top: 1px solid @gray-lighter; + color: @gray-light + } + .modal-footer { + color: white; + .btn-primary { + background-color: @gray; + color: @color-beta; + } + } + .modal-header { + height: 71px; + border: none; + h4 { + font-size: 20px; + } + } + .modal-body { + font-size: 14px; + thead {color: white;} + #editor-media-image { + background-color: transparent !important; + } + .well { + background-color: @gray-lighter; + color: @gray; + .BorderRadius(0px); + border: none; + .form-control { + border-radius: 0px; + background-color: @gray; + color: white; + border: none; + box-shadow: none; + height: 35px; + &:focus { + box-shadow: none; + border: 1px solid @color-eta; + } + } + .btn-default { + border-radius: 0px; + border: none; + background-color: @gray; + color: @gray-lighter; + height: 35px; + } + } + .tab-content { + .existing-attachment-remove { + background: @gray; + border: 1px solid @gray-dark; + } + } + .nav-tabs > li.active > a, &:hover > li.active > a:focus { + border: none; + } + .nav-tabs { + border-bottom: 1px solid @gray-light; + background-color: @gray-lighter; + padding-left: 20px; + .font-icons:before { + z-index: 1; + font-size: 1.5em; + top: 12px; + left: 10px; + } + .pager { + transform: translateY(23%); + margin-right: 10px; + .previous a, .next a { + background-color: @gray; + color: @gray-lighter; + border: none; + height: 35px; + } + } + a { + color: @color-delta; + &:hover { + background: transparent; + } + } + } + .search .form-control { + border-radius: 0px; + background-color: @gray; + color: white; + border: none; + transform: translateY(23%); + box-shadow: none; + height: 35px; + &:focus { + box-shadow: none; + border: none; + } + } + } + .modal-title { + color: @color-alpha; + } + .nav-tabs > li { + margin-bottom: 0px; + &:hover { + background: transparent; + } + } + .pager li > a { + .BorderRadius(0px); + } + .search .form-control { + border-color: @gray-lighter; + } +} +#theme_customize_modal { + background: transparent !important; +} +#editor-media-image { + background-color: white !important; +} +.oe_overlay_options { + .btn { + top: -20px; + &:hover { + border: none; + } + } +} + +/* ====================== LOGIN =====================*/ + +.oe_login_form { + .oe_login_buttons { + .btn-primary { + background: transparent !important; + &:hover { + color: @color-delta !important; + } + } + .btn-link { + color: @color-delta; + } + } +} +.oe_website_login_container { + padding: 50px; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/navigation.less b/theme_monglia/static/src/less/navigation.less new file mode 100644 index 000000000..53a3c4869 --- /dev/null +++ b/theme_monglia/static/src/less/navigation.less @@ -0,0 +1,135 @@ +html { + #wrapwrap header .navbar { + #menuToggle { + top: 40px; + } + } +} +body { + #wrapwrap > main, footer { + position: relative; + left: 0px; + .transition (all 0.3s ease); + } +} +#wrapwrap { + header { + .navbar { + .transition (all 0.3s ease); + background: none; + position: fixed; + height: 100%; + top: 0; + z-index: 100; + &.menu-open { + right: 0; + } + .container { + overflow-y: scroll; + position: absolute; + top: 0; + width: 300px; + height: 100%; + h1 { + a { + font-size: 26px; + margin-top: 20px; + &:hover { + background-color: transparent; + } + } + margin-left: 10%; + max-width: 260px; + } + .navbar-nav .open .dropdown-menu { + background: none; + position: static; + padding: 0; + float: left; + width: 100%; + margin-top: 0; + border: 0; + box-shadow: inset 0px 0px 10px -5px rgba(0,0,0,0.13); + color: @white; + } + .divider { + display: none; // hide divider if not signed in + } + li { + width: 100%; + margin: 0; + &.active { + .dropdown-menu > li { + background-color: transparent; + a { + background-color: transparent; + color:rgb(119, 119, 119); + } + } + } + } + a { + font-size: 14px; + padding: 0 5px; + margin: 0; + background-color: none; + display: block; + line-height: 40px; + letter-spacing: 0.1em; + span { + font-size: 14px; + padding: 0; + margin: 0; + } + .label-primary { + background-color: @color-epsilon; + } + } + h2 a { + display: inline-block; // social icons in menu + font-size: 14px; + } + } + } + #menuToggle { + .transition (all 0.3s ease-in-out); + position: absolute; + display: block; + text-align: center; + font-size: 14px; + color: @white; + width: 40px; + height: 40px; + line-height: 40px; + cursor: pointer; + background: rgba(0, 0, 0, 0.25); + .transition (all 0.1s ease-in-out); + &.active { + .opacity (0); + } + &:hover { + color: @white; + background: rgba(0, 0, 0, 0.5); + .transition (all 0.1s ease-in-out); + .fa-bars { + .rotate (180deg); + .transition (all 0.3s ease-in-out); + } + } + } + } +} + +/* ===================== DROPDOWN STYLES ==================== */ +.navbar-default .navbar-nav > .open { + border: none; + a:focus { + background: transparent; + } + &:active { + background: transparent; + } +} +.dropdown-menu > li > a:hover, a:focus { + background: transparent; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options.less b/theme_monglia/static/src/less/options.less new file mode 100644 index 000000000..ceb70b8f8 --- /dev/null +++ b/theme_monglia/static/src/less/options.less @@ -0,0 +1,84 @@ + +@bg-img-01: url("/website/image/theme_common.image_content_11"); +@bg-img-02: url("/website/image/theme_common.image_content_09"); +@bg-img-03: url("/website/image/theme_common.image_content_10"); +@bg-img-04: url("/website/image/theme_common.image_content_12"); +@bg-img-05: url("/website/image/theme_common.image_content_02"); +@bg-img-06: url("/website/image/theme_common.image_content_03"); +@bg-img-07: url("/website/image/theme_common.image_content_07"); + +.bg-img-01 { + background-image: @bg-img-01; + background-size: cover; + background-position: center center; +} +.bg-img-02 { + background-image: @bg-img-02; + background-size: cover; + background-position: center center; +} +.bg-img-03 { + background-image: @bg-img-03; + background-size: cover; + background-position: center center; +} +.bg-img-04 { + background-image: @bg-img-04; + background-size: cover; + background-position: center center; +} +.bg-img-05 { + background-image: @bg-img-05; + background-size: cover; + background-position: center center; +} +.bg-img-06 { + background-image: @bg-img-06; + background-size: cover; + background-position: center center; +} +.bg-img-07 { + background-image: @bg-img-07; + background-size: cover; + background-position: center center; +} + +.px14 { + font-size: 14px !important; + line-height: 25px; +} +.px16 { + font-size: 16px !important; + line-height: 28px; +} +.px18 { + font-size: 18px !important; + line-height: 30px; +} +.px22 { + font-size: 22px !important; + line-height: 32px; +} +.px30 { + font-size: 30px !important; + line-height: 30px; +} +.px36 { + font-size: 36px !important; + line-height: 36px; +} +.px42 { + font-size: 42px !important; + line-height: 42px; +} +.px50 { + font-size: 50px !important; + line-height: 50px; +} +.px60 { + font-size: 60px !important; + line-height: 60px; +} +.reversed { + float: right; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/bg_colors/option_bg_color_01.less b/theme_monglia/static/src/less/options/bg_colors/option_bg_color_01.less new file mode 100644 index 000000000..8756f0f5f --- /dev/null +++ b/theme_monglia/static/src/less/options/bg_colors/option_bg_color_01.less @@ -0,0 +1,3 @@ +body { + background-color: @colorPreset1_color3; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/bg_colors/option_bg_color_02.less b/theme_monglia/static/src/less/options/bg_colors/option_bg_color_02.less new file mode 100644 index 000000000..82c3b98ee --- /dev/null +++ b/theme_monglia/static/src/less/options/bg_colors/option_bg_color_02.less @@ -0,0 +1,3 @@ +body { + background-color: @colorPreset1_color1; +} diff --git a/theme_monglia/static/src/less/options/bg_colors/option_bg_color_03.less b/theme_monglia/static/src/less/options/bg_colors/option_bg_color_03.less new file mode 100644 index 000000000..8320cf0f0 --- /dev/null +++ b/theme_monglia/static/src/less/options/bg_colors/option_bg_color_03.less @@ -0,0 +1,3 @@ +body { + background-color: @colorPreset1_color4; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/bg_colors/option_bg_color_04.less b/theme_monglia/static/src/less/options/bg_colors/option_bg_color_04.less new file mode 100644 index 000000000..6d71176c5 --- /dev/null +++ b/theme_monglia/static/src/less/options/bg_colors/option_bg_color_04.less @@ -0,0 +1,3 @@ +body { + background-color: @colorPreset1_color2; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/bg_colors/option_bg_color_05.less b/theme_monglia/static/src/less/options/bg_colors/option_bg_color_05.less new file mode 100644 index 000000000..a7511261c --- /dev/null +++ b/theme_monglia/static/src/less/options/bg_colors/option_bg_color_05.less @@ -0,0 +1,3 @@ +body { + background-color: @black; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/bg_colors/option_bg_color_06.less b/theme_monglia/static/src/less/options/bg_colors/option_bg_color_06.less new file mode 100644 index 000000000..2b116fede --- /dev/null +++ b/theme_monglia/static/src/less/options/bg_colors/option_bg_color_06.less @@ -0,0 +1,3 @@ +body { + background-color: @colorPreset6_color3; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/bg_colors/option_bg_color_07.less b/theme_monglia/static/src/less/options/bg_colors/option_bg_color_07.less new file mode 100644 index 000000000..4fe1d1049 --- /dev/null +++ b/theme_monglia/static/src/less/options/bg_colors/option_bg_color_07.less @@ -0,0 +1,3 @@ +body { + background-color: white; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/bg_colors/option_bg_color_08.less b/theme_monglia/static/src/less/options/bg_colors/option_bg_color_08.less new file mode 100644 index 000000000..2b2a97549 --- /dev/null +++ b/theme_monglia/static/src/less/options/bg_colors/option_bg_color_08.less @@ -0,0 +1,3 @@ +body { + background-color: @colorPreset6_color2; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/bg_images/option_bg_01.less b/theme_monglia/static/src/less/options/bg_images/option_bg_01.less new file mode 100644 index 000000000..c32317bb0 --- /dev/null +++ b/theme_monglia/static/src/less/options/bg_images/option_bg_01.less @@ -0,0 +1,4 @@ +body { + background: url("/website/image/theme_monglia.bg_img_01") no-repeat center center fixed; + background-size: cover; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/bg_images/option_bg_02.less b/theme_monglia/static/src/less/options/bg_images/option_bg_02.less new file mode 100644 index 000000000..785ee7790 --- /dev/null +++ b/theme_monglia/static/src/less/options/bg_images/option_bg_02.less @@ -0,0 +1,4 @@ +body { + background: url("/website/image/theme_monglia.bg_img_02") no-repeat center center fixed; + background-size: cover; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/bg_images/option_bg_03.less b/theme_monglia/static/src/less/options/bg_images/option_bg_03.less new file mode 100644 index 000000000..63a0c0dcb --- /dev/null +++ b/theme_monglia/static/src/less/options/bg_images/option_bg_03.less @@ -0,0 +1,4 @@ +body { + background: url("/website/image/theme_monglia.bg_img_03") no-repeat center center fixed; + background-size: cover; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/bg_images/option_bg_04.less b/theme_monglia/static/src/less/options/bg_images/option_bg_04.less new file mode 100644 index 000000000..83cf70333 --- /dev/null +++ b/theme_monglia/static/src/less/options/bg_images/option_bg_04.less @@ -0,0 +1,4 @@ +body { + background: url("/website/image/theme_monglia.bg_img_04") no-repeat center center fixed; + background-size: cover; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/bg_images/option_bg_05.less b/theme_monglia/static/src/less/options/bg_images/option_bg_05.less new file mode 100644 index 000000000..eef88a58b --- /dev/null +++ b/theme_monglia/static/src/less/options/bg_images/option_bg_05.less @@ -0,0 +1,4 @@ +body { + background: url("/website/image/theme_monglia.bg_img_05") no-repeat center center fixed; + background-size: cover; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/bg_images/option_bg_06.less b/theme_monglia/static/src/less/options/bg_images/option_bg_06.less new file mode 100644 index 000000000..8d818637a --- /dev/null +++ b/theme_monglia/static/src/less/options/bg_images/option_bg_06.less @@ -0,0 +1,4 @@ +body { + background: url("/website/image/theme_monglia.bg_img_06") no-repeat center center fixed; + background-size: cover; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/bg_images/option_bg_07.less b/theme_monglia/static/src/less/options/bg_images/option_bg_07.less new file mode 100644 index 000000000..6a8239495 --- /dev/null +++ b/theme_monglia/static/src/less/options/bg_images/option_bg_07.less @@ -0,0 +1,4 @@ +body { + background: url("/website/image/theme_monglia.bg_img_07") no-repeat center center fixed; + background-size: cover; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/bg_images/option_bg_08.less b/theme_monglia/static/src/less/options/bg_images/option_bg_08.less new file mode 100644 index 000000000..2076696cb --- /dev/null +++ b/theme_monglia/static/src/less/options/bg_images/option_bg_08.less @@ -0,0 +1,4 @@ +body { + background: url("/website/image/theme_monglia.bg_img_08") no-repeat center center fixed; + background-size: cover; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/bg_images/option_bg_09.less b/theme_monglia/static/src/less/options/bg_images/option_bg_09.less new file mode 100644 index 000000000..df3d86df7 --- /dev/null +++ b/theme_monglia/static/src/less/options/bg_images/option_bg_09.less @@ -0,0 +1,4 @@ +body { + background: url("/website/image/theme_monglia.bg_img_09") no-repeat center center fixed; + background-size: cover; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/bg_images/option_bg_10.less b/theme_monglia/static/src/less/options/bg_images/option_bg_10.less new file mode 100644 index 000000000..22fd06673 --- /dev/null +++ b/theme_monglia/static/src/less/options/bg_images/option_bg_10.less @@ -0,0 +1,4 @@ +body { + background: url("/website/image/theme_monglia.bg_img_10") no-repeat center center fixed; + background-size: cover; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/bg_images/option_bg_custom.less b/theme_monglia/static/src/less/options/bg_images/option_bg_custom.less new file mode 100644 index 000000000..62d01dea4 --- /dev/null +++ b/theme_monglia/static/src/less/options/bg_images/option_bg_custom.less @@ -0,0 +1,4 @@ +body { + background: no-repeat center center fixed; + background-size: cover; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/bg_images/option_bg_none.less b/theme_monglia/static/src/less/options/bg_images/option_bg_none.less new file mode 100644 index 000000000..e6a41f101 --- /dev/null +++ b/theme_monglia/static/src/less/options/bg_images/option_bg_none.less @@ -0,0 +1,3 @@ +body { + background-image: none; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/colors/colorPreset1.less b/theme_monglia/static/src/less/options/colors/colorPreset1.less new file mode 100644 index 000000000..46859d469 --- /dev/null +++ b/theme_monglia/static/src/less/options/colors/colorPreset1.less @@ -0,0 +1,105 @@ +@color-alpha: @white; +@color-beta: @colorPreset1_color1; // green +@color-gamma: @colorPreset1_color2; // light blue +@color-delta: @colorPreset1_color3; // dark gray +@color-epsilon: @colorPreset1_color4; // orange +@color-zeta: @colorPreset1_color1_dark; +@color-eta: @colorPreset1_color1_light; +@color-theta: @colorPreset1_color2_dark; +@color-iota: @colorPreset1_color2_light; +@color-kappa: @colorPreset1_color3_dark; +@color-lambda: @colorPreset1_color3_light; +@color-mu: @colorPreset1_color4_dark; +@color-nu: @colorPreset1_color4_light; + +/* ================== COLORS FOR FONT COLOR ================= */ + +.text-alpha {color: @white;} +.text-beta {color: @colorPreset1_color1;} +.text-gamma {color: @colorPreset1_color2;} +.text-delta {color: @colorPreset1_color3;} +.text-epsilon {color: @colorPreset1_color4;} + +/* ================== BG COLORS ================= */ + +.bg-alpha { + .SetDisplayColor (@color-alpha, @gray); + .LinkColor (@color-epsilon, @color-mu); + .fa {color: @gray;} +} +.bg-beta { + .SetDisplayColor (@color-beta, @gray); + .LinkColor (@color-epsilon, @color-mu); +} +.bg-gamma { + .SetDisplayColor (@color-gamma, @gray); + .LinkColor (@gray-dark, @color-nu); +} +.bg-delta { + .SetDisplayColor (@color-delta, @color-alpha); + .LinkColor (@color-epsilon, @color-mu); +} +.bg-epsilon { + .SetDisplayColor (@color-epsilon, @color-alpha); + .LinkColor (@color-delta, @black); +} + +a { + color: @color-epsilon; + &:hover, &:focus { + color: @color-mu; + } +} + +/* ==================== BUTTON ====================== */ + +.btn-default { + .btn-styles(@color-alpha, @color-alpha, @color-epsilon, @color-delta); +} +.btn-primary { + .btn-styles(@color-beta, @color-delta, @color-delta, @color-alpha); +} +.btn-success { + .btn-styles(@color-epsilon, @color-delta, @color-delta, @color-alpha); +} +.btn-info { + .btn-styles(@color-gamma, @color-delta, @color-delta, @color-alpha); +} +.btn-warning { + .btn-styles(@color-delta, @color-gamma, @color-gamma, @color-delta); +} +.btn-danger { + .btn-styles(@black, @color-kappa, @color-alpha, @color-epsilon); +} + +/* ==================== STRUCTURE ====================== */ + +#wrap { + .search { + background-color: @color-alpha; + } +} +#wrapwrap > footer { + .container { + p, .list-unstyled { + color: white; + font-size: 14px; + } + h4 { + color: @color-beta; + border-left-color: @color-gamma; + } + } + #footer { + background-color: @color-delta; + } +} +.copyright { + background-color: @color-delta; + color: white; +} +#products_grid_before { + .open-icon, .close-icon { + color: @color-epsilon; + } +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/colors/colorPreset2.less b/theme_monglia/static/src/less/options/colors/colorPreset2.less new file mode 100644 index 000000000..3322a9756 --- /dev/null +++ b/theme_monglia/static/src/less/options/colors/colorPreset2.less @@ -0,0 +1,106 @@ +@color-alpha: @white; +@color-beta: @colorPreset2_color1; // light rose +@color-gamma: @colorPreset2_color2; // rose +@color-delta: @colorPreset2_color3; // mallow +@color-epsilon: @colorPreset2_color4; // purple +@color-zeta: @colorPreset2_color1_dark; +@color-eta: @colorPreset2_color1_light; +@color-theta: @colorPreset2_color2_dark; +@color-iota: @colorPreset2_color2_light; +@color-kappa: @colorPreset2_color3_dark; +@color-lambda: @colorPreset2_color3_light; +@color-mu: @colorPreset2_color4_dark; +@color-nu: @colorPreset2_color4_light; + +/* ================== COLORS FOR FONT COLOR ================= */ + +.text-alpha {color: @white;} +.text-beta {color: @colorPreset2_color1;} +.text-gamma {color: @colorPreset2_color2;} +.text-delta {color: @colorPreset2_color3;} +.text-epsilon {color: @colorPreset2_color4;} + +/* ================== BG COLORS ================= */ + +.bg-alpha { + .SetDisplayColor (@color-alpha, @gray); + .LinkColor (@color-epsilon, @color-mu); + .fa {color: @gray;} +} +.bg-beta { + .SetDisplayColor (@color-beta, @gray); + .LinkColor (@color-epsilon, @color-nu); +} +.bg-gamma { + .SetDisplayColor (@color-gamma, @black); + .LinkColor (@gray, @color-nu); +} +.bg-delta { + .SetDisplayColor (@color-delta, @color-alpha); + .LinkColor (@color-epsilon, @color-mu); +} +.bg-epsilon { + .SetDisplayColor (@color-epsilon, @color-alpha); + .LinkColor (#f2f76c, #e9f109); +} + +/* ==================== TYPO ====================== */ +a { + color: @color-epsilon; + &:hover, &:focus { + color: @color-gamma; + } +} + +/* ==================== BUTTON ====================== */ + +.btn-default { + .btn-styles(@color-alpha, @color-alpha, @color-epsilon, @color-delta); +} +.btn-primary { + .btn-styles(@color-beta, @color-delta, @color-delta, @color-alpha); +} +.btn-success { + .btn-styles(@color-epsilon, @color-delta, @color-delta, @color-alpha); +} +.btn-info { + .btn-styles(@color-gamma, @color-delta, @color-alpha, @color-alpha); +} +.btn-warning { + .btn-styles(@color-delta, @color-gamma, @color-alpha, @color-delta); +} +.btn-danger { + .btn-styles(@black, @color-kappa, @color-alpha, @color-epsilon); +} + +/* ==================== STRUCTURE ====================== */ + +#wrapwrap > footer { + .container { + p, .list-unstyled { + color: white; + font-size: 14px; + } + h4 { + color: @color-beta; + border-left-color: @color-gamma; + } + } + #footer { + background-color: @color-delta; + } +} +.copyright { + background-color: @color-delta; + color: white; +} +#products_grid_before { + .open-icon, .close-icon { + color: @color-epsilon; + } +} +.modal { + .btn-primary { + color: gray !important; + } +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/colors/colorPreset3.less b/theme_monglia/static/src/less/options/colors/colorPreset3.less new file mode 100644 index 000000000..6fd167ab2 --- /dev/null +++ b/theme_monglia/static/src/less/options/colors/colorPreset3.less @@ -0,0 +1,114 @@ +@color-alpha: @white; +@color-beta: @colorPreset3_color1; // gray +@color-gamma: @colorPreset3_color2; // middle blue +@color-delta: @colorPreset3_color3; // salmon +@color-epsilon: @colorPreset3_color4; // vivid blue +@color-zeta: @colorPreset3_color1_dark; +@color-eta: @colorPreset3_color1_light; +@color-theta: @colorPreset3_color2_dark; +@color-iota: @colorPreset3_color2_light; +@color-kappa: @colorPreset3_color3_dark; +@color-lambda: @colorPreset3_color3_light; +@color-mu: @colorPreset3_color4_dark; +@color-nu: @colorPreset3_color4_light; + +/* ================== COLORS FOR FONT COLOR ================= */ + +.text-alpha {color: @white;} +.text-beta {color: @colorPreset3_color1;} +.text-gamma {color: @colorPreset3_color2;} +.text-delta {color: @colorPreset3_color3;} +.text-epsilon {color: @colorPreset3_color4;} + +/* ================== BF COLORS ================= */ +.bg-alpha { + .SetDisplayColor (@color-alpha, @gray); + .LinkColor (@color-epsilon, @color-mu); + .fa {color: @gray;} +} +.bg-beta { + .SetDisplayColor (@color-beta, @gray); + .LinkColor (@color-epsilon, @color-mu); +} +.bg-gamma { + .SetDisplayColor (@color-gamma, @gray); + .LinkColor (@color-mu, @color-epsilon); +} +.bg-delta { + .SetDisplayColor (@color-delta, @color-alpha); + .LinkColor (@color-epsilon, @color-mu); +} +.bg-epsilon { + .SetDisplayColor (@color-epsilon, @gray-dark); + .LinkColor (@color-alpha, @gray-darker); +} +/* ==================== TYPO ====================== */ +a { + color: @color-epsilon; + &:hover, &:focus { + color: @gray; + } +} +/* ==================== BUTTON ====================== */ + +.btn-default { + .btn-styles(@color-alpha, @color-alpha, @color-epsilon, @color-delta); +} +.btn-primary { + .btn-styles(@color-beta, @color-delta, @color-delta, @color-alpha); +} +.btn-success { + .btn-styles(@color-epsilon, @color-delta, @color-delta, @color-alpha); +} +.btn-info { + .btn-styles(@color-gamma, @color-delta, @color-delta, @color-alpha); +} +.btn-warning { + .btn-styles(@color-delta, @color-gamma, @color-gamma, @color-delta); +} +.btn-danger { + .btn-styles(@black, @color-kappa, @color-alpha, @color-epsilon); +} + +/* ==================== Structure ====================== */ + +.modal { + .btn-primary { + color: gray !important; + } +} +#wrapwrap > footer { + .container { + p, .list-unstyled { + color: white; + font-size: 14px; + } + h4 { + color: @color-beta; + border-left-color: @color-gamma; + } + } + #footer { + background-color: @gray; + } +} +.copyright { + background-color: @gray; + color: white; +} +.oe_website_sale { + #products_grid_before { + background-color: @gray; + .js_attributes { + strong { + color: @gray-lighter; + } + label>span { + color: @color-alpha; + } + } + .open-icon, .close-icon { + color: @color-epsilon; + } + } +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/colors/colorPreset4.less b/theme_monglia/static/src/less/options/colors/colorPreset4.less new file mode 100644 index 000000000..3486c981c --- /dev/null +++ b/theme_monglia/static/src/less/options/colors/colorPreset4.less @@ -0,0 +1,106 @@ +@color-alpha: @white; +@color-beta: @colorPreset4_color1; // light green +@color-gamma: @colorPreset4_color2; // middle green +@color-delta: @colorPreset4_color3; // dark blue +@color-epsilon: @colorPreset4_color4; // orange +@color-zeta: @colorPreset4_color1_dark; +@color-eta: @colorPreset4_color1_light; +@color-theta: @colorPreset4_color2_dark; +@color-iota: @colorPreset4_color2_light; +@color-kappa: @colorPreset4_color3_dark; +@color-lambda: @colorPreset4_color3_light; +@color-mu: @colorPreset4_color4_dark; +@color-nu: @colorPreset4_color4_light; + +/* ================== COLORS FOR FONT COLOR ================= */ + +.text-alpha {color: @white;} +.text-beta {color: @colorPreset4_color1;} +.text-gamma {color: @colorPreset4_color2;} +.text-delta {color: @colorPreset4_color3;} +.text-epsilon {color: @colorPreset4_color4;} + +/* ================== BG COLOR ================= */ + +.bg-alpha { + .SetDisplayColor (@color-alpha, @gray); + .LinkColor (@color-epsilon, @color-mu); + .fa {color: @gray;} +} +.bg-beta { + .SetDisplayColor (@color-beta, @gray); + .LinkColor (@color-delta, @color-kappa); +} +.bg-gamma { + .SetDisplayColor (@color-gamma, @color-alpha); + .LinkColor (@color-epsilon, @color-delta); +} +.bg-delta { + .SetDisplayColor (@color-delta, @color-alpha); + .LinkColor (@color-epsilon, @color-mu); +} +.bg-epsilon { + .SetDisplayColor (@color-epsilon, @color-alpha); + .LinkColor (@gray, @gray-darker); +} + +/* ==================== TYPO ====================== */ +a { + color: @color-epsilon; + &:hover, &:focus { + color: @color-zeta; + } +} + +/* ==================== BUTTON ====================== */ + +.btn-default { + .btn-styles(@color-alpha, @color-alpha, @color-epsilon, @color-delta); +} +.btn-primary { + .btn-styles(@color-beta, @color-delta, @color-delta, @color-alpha); +} +.btn-success { + .btn-styles(@color-epsilon, @color-delta, @color-delta, @color-alpha); +} +.btn-info { + .btn-styles(@color-gamma, @color-delta, @color-alpha, @color-alpha); +} +.btn-warning { + .btn-styles(@color-delta, @color-gamma, @color-alpha, @color-epsilon); +} +.btn-danger { + .btn-styles(@black, @color-kappa, @color-alpha, @color-epsilon); +} + +/* ==================== Structure ====================== */ + +#wrapwrap > footer { + .container { + p, .list-unstyled { + color: white; + font-size: 14px; + } + h4 { + color: @color-beta; + border-left-color: @color-gamma; + } + } + #footer { + background-color: @color-delta; + } +} +.copyright { + background-color: @color-delta; + color: white; +} +#products_grid_before { + .js_attributes { + strong { + color: @gray-lighter !important; + } + } + .open-icon, .close-icon { + color: @color-epsilon; + } +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/colors/colorPreset5.less b/theme_monglia/static/src/less/options/colors/colorPreset5.less new file mode 100644 index 000000000..1ffc4919d --- /dev/null +++ b/theme_monglia/static/src/less/options/colors/colorPreset5.less @@ -0,0 +1,106 @@ +@color-alpha: @white; +@color-beta: @colorPreset5_color1; // dark gray +@color-gamma: @colorPreset5_color2; // orange +@color-delta: @colorPreset5_color3; // beige +@color-epsilon: @colorPreset5_color4; // light beige +@color-zeta: @colorPreset5_color1_dark; +@color-eta: @colorPreset5_color1_light; +@color-theta: @colorPreset5_color2_dark; +@color-iota: @colorPreset5_color2_light; +@color-kappa: @colorPreset5_color3_dark; +@color-lambda: @colorPreset5_color3_light; +@color-mu: @colorPreset5_color4_dark; +@color-nu: @colorPreset5_color4_light; + +/* ================== COLORS FOR FONT COLOR ================= */ + +.text-alpha {color: @white;} +.text-beta {color: @colorPreset5_color1;} +.text-gamma {color: @colorPreset5_color2;} +.text-delta {color: @colorPreset5_color3;} +.text-epsilon {color: @colorPreset5_color4;} + +/* ================== BG COLORS ================= */ + +.bg-alpha { + .SetDisplayColor (@color-alpha, @gray); + .LinkColor (@color-gamma, @color-iota); + .fa {color: @gray;} +} +.bg-beta { + .SetDisplayColor (@color-beta, @color-alpha); + .LinkColor (@color-gamma, @color-theta); +} +.bg-gamma { + .SetDisplayColor (@color-gamma, @color-alpha); + .LinkColor (@gray, @gray-dark); +} +.bg-delta { + .SetDisplayColor (@color-delta, @color-alpha); + .LinkColor (@color-beta, @color-zeta); +} +.bg-epsilon { + .SetDisplayColor (@color-epsilon, @color-alpha); + .LinkColor (@color-gamma, @color-theta); +} + +/* ==================== TYPO ====================== */ +a { + color: @color-gamma; + &:hover, &:focus { + color: @color-iota; + } +} + +/* ==================== BUTTON ====================== */ + +.btn-default { + .btn-styles(@color-alpha, @color-alpha, @color-epsilon, @color-delta); +} +.btn-primary { + .btn-styles(@color-beta, @color-delta, @color-delta, @color-alpha); +} +.btn-success { + .btn-styles(@color-epsilon, @color-delta, @color-delta, @color-alpha); +} +.btn-info { + .btn-styles(@color-gamma, @color-delta, @color-delta, @color-alpha); +} +.btn-warning { + .btn-styles(@color-delta, @color-gamma, @color-gamma, @color-delta); +} +.btn-danger { + .btn-styles(@black, @color-kappa, @color-alpha, @color-epsilon); +} + +/* ==================== STRUCTURE ====================== */ + +#wrapwrap > footer { + .container { + p, .list-unstyled { + color: white; + font-size: 14px; + } + h4 { + color: @color-beta; + border-left-color: @color-gamma; + } + } + #footer { + background-color: @color-delta; + } +} +.copyright { + background-color: @color-delta; + color: white; +} +#products_grid_before { + .js_attributes { + strong { + color: @gray-lighter !important; + } + } + .open-icon, .close-icon { + color: @color-epsilon; + } +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/colors/colorPreset6.less b/theme_monglia/static/src/less/options/colors/colorPreset6.less new file mode 100644 index 000000000..e3417b604 --- /dev/null +++ b/theme_monglia/static/src/less/options/colors/colorPreset6.less @@ -0,0 +1,101 @@ +@color-alpha: @white; +@color-beta: @colorPreset6_color1; //yellow +@color-gamma: @colorPreset6_color2; // cyan +@color-delta: @colorPreset6_color3; // gray +@color-epsilon: @colorPreset6_color4; // magenta +@color-zeta: @colorPreset6_color1_dark; +@color-eta: @colorPreset6_color1_light; +@color-theta: @colorPreset6_color2_dark; +@color-iota: @colorPreset6_color2_light; +@color-kappa: @colorPreset6_color3_dark; +@color-lambda: @colorPreset6_color3_light; +@color-mu: @colorPreset6_color4_dark; +@color-nu: @colorPreset6_color4_light; + +/* ================== COLORS FOR FONT COLOR ================= */ + +.text-alpha {color: @white;} +.text-beta {color: @colorPreset6_color1;} +.text-gamma {color: @colorPreset6_color2;} +.text-delta {color: @colorPreset6_color3;} +.text-epsilon {color: @colorPreset6_color4;} + +/* ================== BG COLORS ================= */ + +.bg-alpha { + .SetDisplayColor (@color-alpha, @gray); + .LinkColor (@color-epsilon, @color-mu); + .fa {color: @gray;} +} +.bg-beta { + .SetDisplayColor (@color-beta, @gray-dark); + .LinkColor (@color-epsilon, @color-mu); +} +.bg-gamma { + .SetDisplayColor (@color-gamma, @color-alpha); + .LinkColor (@color-epsilon, @color-mu); +} +.bg-delta { + .SetDisplayColor (@color-delta, @color-alpha); + .LinkColor (@color-epsilon, @color-mu); +} +.bg-epsilon { + .SetDisplayColor (@color-epsilon, @color-alpha); + .LinkColor (@color-beta, @color-zeta); +} + +/* ==================== TYPO ====================== */ +a { + color: @color-epsilon; + &:hover, &:focus { + color: @color-mu; + } +} + +/* ==================== BUTTON ====================== */ + +.btn-default { + .btn-styles(@color-alpha, @color-alpha, @color-epsilon, @color-delta); +} +.btn-primary { + .btn-styles(@color-beta, @color-delta, @color-delta, @color-alpha); +} +.btn-success { + .btn-styles(@color-epsilon, @color-delta, @color-delta, @color-alpha); +} +.btn-info { + .btn-styles(@color-gamma, @color-delta, @color-delta, @color-alpha); +} +.btn-warning { + .btn-styles(@color-delta, @color-gamma, @color-gamma, @color-delta); +} +.btn-danger { + .btn-styles(@black, @color-kappa, @color-alpha, @color-epsilon); +} + +/* ==================== SCTRUCTURE ====================== */ + +#wrapwrap > footer { + .container { + p, .list-unstyled { + color: white; + font-size: 14px; + } + h4 { + color: @color-beta; + border-left-color: @color-gamma; + } + } + #footer { + background-color: @color-delta; + } +} +.copyright { + background-color: @color-delta; + color: white; +} +#products_grid_before { + .open-icon, .close-icon { + color: @color-epsilon; + } +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/fonts/droid.less b/theme_monglia/static/src/less/options/fonts/droid.less new file mode 100644 index 000000000..6cd2fe09d --- /dev/null +++ b/theme_monglia/static/src/less/options/fonts/droid.less @@ -0,0 +1,8 @@ +#wrapwrap { + font-family: "Droid Sans"; + font-size: 14px; + line-height: 1.6em; + h1, h2, h3, h4, h5, h6 { + font-family: "DroidSans-Bold"; + } +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/fonts/gruppo.less b/theme_monglia/static/src/less/options/fonts/gruppo.less new file mode 100644 index 000000000..6b730c082 --- /dev/null +++ b/theme_monglia/static/src/less/options/fonts/gruppo.less @@ -0,0 +1,6 @@ +#wrapwrap { + font-family: "Gruppo"; + h1, h2, h3, h4, h5, h6 { + font-family: "Bowlby"; + } +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/fonts/handlee.less b/theme_monglia/static/src/less/options/fonts/handlee.less new file mode 100644 index 000000000..b16abf822 --- /dev/null +++ b/theme_monglia/static/src/less/options/fonts/handlee.less @@ -0,0 +1,11 @@ +#wrapwrap { + font-family: "Handlee"; + line-height: 25px; + .hero-bg h1, h2 { + font-family: "Lobster"; + text-transform: lowercase; + } + h3, h4, h5, h6 { + font-weight: 900; + } +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/fonts/nunito.less b/theme_monglia/static/src/less/options/fonts/nunito.less new file mode 100644 index 000000000..eacc7e6d9 --- /dev/null +++ b/theme_monglia/static/src/less/options/fonts/nunito.less @@ -0,0 +1,8 @@ +#wrapwrap { + font-family: "Nunito"; + font-weight: 300; + h1, h2, h3, h4, h5, h6 { + font-family: "Nunito"; + font-weight: 900; + } +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/fonts/raleway.less b/theme_monglia/static/src/less/options/fonts/raleway.less new file mode 100644 index 000000000..88760d03e --- /dev/null +++ b/theme_monglia/static/src/less/options/fonts/raleway.less @@ -0,0 +1,46 @@ +body { + font-size: 18px; +} +#wrapwrap { + font-family: "Raleway-Regular"; + font-size: 18px; + + h1, h2, h3, h4, h5, h6 { + font-family: "Raleway-Light"; + } + #top_menu > li > a { + font-family: "Raleway-Light"; + } + .category-name { + font-family: 'Raleway-Regular'; + font-size: 22px; + text-transform: uppercase; + font-weight: bold; + } + .products_pager { + font-size: 16px; + } + #products_grid_before { + > ul > li > a { + font-size: 14px !important; + } + a { + font-size: 12px !important; + } + } +} +.oe_product { + section { + + h5 strong a { + font-size: 18px; + } + } +} +#wrapwrap > footer { + .container { + p, .list-unstyled { + font-size: 16px; + } + } +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/fonts/sourcesanspro.less b/theme_monglia/static/src/less/options/fonts/sourcesanspro.less new file mode 100644 index 000000000..154398f0a --- /dev/null +++ b/theme_monglia/static/src/less/options/fonts/sourcesanspro.less @@ -0,0 +1,23 @@ +body { + font-size: 14px; +} +#wrapwrap { + font-family: 'SourceSansPro-Regular'; + font-size: 16px; + + h1, h2, h3, h4, h5, h6 { + font-family: "SourceSansPro-Bold"; + } + #top_menu > li > a { + font-family: "SourceSansPro-Regular"; + } + .category-name { + font-family: "SourceSansPro-Black"; + font-size: 3vw; + } + .cube { + p { + font-size: 16px; + } + } +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/layout/boxed.less b/theme_monglia/static/src/less/options/layout/boxed.less new file mode 100644 index 000000000..89b0dca15 --- /dev/null +++ b/theme_monglia/static/src/less/options/layout/boxed.less @@ -0,0 +1,40 @@ +#wrapwrap { + #wrap { + width: 992px; + margin-bottom: 0; + @media (max-width: @screen-md-min) { + width: 100%; + margin: 0 auto; + } + } + .navbar > .container { + width: 100%; + } + .container { + width: 992px; + @media (max-width: @screen-md-min) { + width: 100%; + } + } +} +@media (max-width: @screen-md-min) { + .container { + width: 100%; + } +} +.navbar-default { + width: 100%; + margin: 0 auto; +} +#footer, .copyright { + width: 992px; +} +#footer { + margin: 0 auto; +} +@media (max-width: @screen-md-min) { + #footer { + width: 100%; + margin: 0 auto; + } +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/layout/full-width.less b/theme_monglia/static/src/less/options/layout/full-width.less new file mode 100644 index 000000000..42d0750de --- /dev/null +++ b/theme_monglia/static/src/less/options/layout/full-width.less @@ -0,0 +1,16 @@ +#wrapwrap { + #wrap { + width: 100%; + margin: auto; + } + .navbar > .container { + width: 100%; + } +} +#footer { + width: 100%; +} +.copyright { + width: 100%; + margin-bottom: 0; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/nav/option_navigation_left.less b/theme_monglia/static/src/less/options/nav/option_navigation_left.less new file mode 100644 index 000000000..67c1d814b --- /dev/null +++ b/theme_monglia/static/src/less/options/nav/option_navigation_left.less @@ -0,0 +1,54 @@ +body { + &.o_bigslide_open { + #wrapwrap { + width: 100%; + overflow: hidden; + header .navbar { + left: 0px; + } + } + } +} +#wrapwrap { + header { + .navbar { + left: -300px; + text-align: right; + width: 300px; + &.active { + left: 0; + } + .container { + left: 0; + .box-shadow (6px 0px 20px 0px rgba(0,0,0,0.3)); + .navbar-header { + float: none; + } + li { + text-align: right; + a { + text-align: right; + } + } + } + } + } +} +.navbar-static-top { + li:not(.open) { + &:hover { + border-right: 3px solid @color-epsilon; + padding-right: 20px; + } + } +} +#top_menu li { + li:last-child { + &:hover { + border-right: 3px solid @color-delta; + } + } +} +#menuToggle { + right: -40px; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/nav/option_navigation_right.less b/theme_monglia/static/src/less/options/nav/option_navigation_right.less new file mode 100644 index 000000000..29af716bb --- /dev/null +++ b/theme_monglia/static/src/less/options/nav/option_navigation_right.less @@ -0,0 +1,42 @@ +body { + &.o_bigslide_open { + #wrapwrap { + header .navbar { + right: 0px; + } + } + } +} +#wrapwrap { + header { + .navbar { + right: -300px; + text-align: left; + width: 360px; + &.active { + right: 0; + } + .container { + left: 60px; + .box-shadow (-6px 0px 20px 0px rgba(0,0,0,0.5)); + li { + text-align: left; + a { + text-align: left; + } + } + } + } + } +} +.navbar-static-top { + li:not(.open) { + &:hover { + border-left: 3px solid @color-epsilon; + padding-left: 20px; + } + } +} +#menuToggle { + left: 20px; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/options/patterns/option_pattern_custom.less b/theme_monglia/static/src/less/options/patterns/option_pattern_custom.less new file mode 100644 index 000000000..8eafbd8d4 --- /dev/null +++ b/theme_monglia/static/src/less/options/patterns/option_pattern_custom.less @@ -0,0 +1,3 @@ +body { + background: repeat fixed; +} diff --git a/theme_monglia/static/src/less/snippets/s_banner_3.less b/theme_monglia/static/src/less/snippets/s_banner_3.less new file mode 100644 index 000000000..fc25e564c --- /dev/null +++ b/theme_monglia/static/src/less/snippets/s_banner_3.less @@ -0,0 +1,34 @@ +@s_banner_3_carosel_control_color: transparent; +@s_banner_3_padding: 15px; +@s_banner_3_fa_color: @color-alpha; +@s_banner_3_carousel_height: 100vh; +@s_banner_3_text-shadow: none; +@s_banner_3_hero-bg_color: @black; +@s_banner_3_indicators_visible: visible; +@s_banner_3_h1_size: 45px; +@s_banner_3_h2_size: 25px; + +.s_banner_3_row_hook(){ + background-color: rgba(255, 255, 255, 0.5); + border: 1px solid @color-alpha; + height: 200px; + width: 400px; + position: relative; + top: 50%; + transform: translateY(-50%); + float: left; + img { + display: none; + } + @media (max-width:@screen-sm-min) { + top: 100px; + width: 100%; + } +} +.s_banner_3_col_center_hook(){ + text-align: center; + width: 100%; +} +.s_banner_3_carousel-control_hook(){ + display: none; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/snippets/s_banner_parallax.less b/theme_monglia/static/src/less/snippets/s_banner_parallax.less new file mode 100644 index 000000000..17ac33d68 --- /dev/null +++ b/theme_monglia/static/src/less/snippets/s_banner_parallax.less @@ -0,0 +1,21 @@ +@s_banner_parallax_height: 100vh; +@s_banner_parallax_padding: 15px; +@s_banner_parallax_header_shadow: none; +@s_banner_parallax_text_color: @color-alpha; +@s_banner_parallax_bg_position: none !important; +@s_banner_parallax_h1_size: 50px; +.s_banner_parallax_hero_bg_hook(){ + width: 100%; + text-align: center; + position: relative; + .LinearGradient (rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); +}; +.s_banner_parallax_row_hook(){ + vertical-align: top; + padding: 0; +}; +.s_banner_parallax_height_hook (){ + @media (max-width:@screen-sm-min) { + height: 100vh !important; + } +}; \ No newline at end of file diff --git a/theme_monglia/static/src/less/snippets/s_big_icon_circle.less b/theme_monglia/static/src/less/snippets/s_big_icon_circle.less new file mode 100644 index 000000000..fc20e5f14 --- /dev/null +++ b/theme_monglia/static/src/less/snippets/s_big_icon_circle.less @@ -0,0 +1,24 @@ +@s_big_icon_circle_color: @color-epsilon; +@s_big_icon_circle_icon_size: 150px; +@s_big_icon_circle_text_color: @gray; +.s_big_icon_circle_height_hook(){ + padding-top: 0; + @media (max-width: @screen-sm-min) { + height: 100%; + } + .row { + @media (max-width: @screen-sm-min) { + height: 100%; + } + } + .col-md-12 { + height: 35%; + } +} +.s_big_icon_circle_fa_hook(){ + height: 150px; + line-height: 70px; + @media (max-width: @screen-sm-min) { + height: 80px; + } +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/snippets/s_big_picture_text.less b/theme_monglia/static/src/less/snippets/s_big_picture_text.less new file mode 100644 index 000000000..6be7385e7 --- /dev/null +++ b/theme_monglia/static/src/less/snippets/s_big_picture_text.less @@ -0,0 +1,6 @@ +@s_big_picture_text_padding: 0; +@s_big_picture_text_align: center; +.s_big_picture_text_hero_hook(){ + border-bottom: 1px solid @color-epsilon; + margin: 0 20%; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/snippets/s_event_list.less b/theme_monglia/static/src/less/snippets/s_event_list.less new file mode 100644 index 000000000..9b5c5d6c6 --- /dev/null +++ b/theme_monglia/static/src/less/snippets/s_event_list.less @@ -0,0 +1,10 @@ +@s_event_list_social_padding: 0px 0px 5px; +.s_event_list_new_div(){ + .event_img { + width: 120px; + height: 120px; + padding: 0px; + margin: 0px; + float: left; + } +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/snippets/s_features_carousel.less b/theme_monglia/static/src/less/snippets/s_features_carousel.less new file mode 100644 index 000000000..15fe3b0fb --- /dev/null +++ b/theme_monglia/static/src/less/snippets/s_features_carousel.less @@ -0,0 +1,13 @@ +@s_features_carousel_border: 0px dotted transparent; +@s_features_carousel_indicators_visible: visible; +.s_features_carousel_inner_hook(){ + .carousel-inner .row { + margin: 40px 70px; + @media (max-width: @screen-xs-max) { + margin: 0px; + } + } +} +.s_features_carousel_mask_hook(){ + border: 1px solid @gray-lighter; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/snippets/s_numbers.less b/theme_monglia/static/src/less/snippets/s_numbers.less new file mode 100644 index 000000000..3ae16bafe --- /dev/null +++ b/theme_monglia/static/src/less/snippets/s_numbers.less @@ -0,0 +1,11 @@ +.s_numbers { + h1 { + font-size: 75px; + @media (max-width: @screen-sm-min) { + font-size: 60px; + } + } + p { + text-transform: uppercase; + } +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/snippets/s_product_list.less b/theme_monglia/static/src/less/snippets/s_product_list.less new file mode 100644 index 000000000..4d2f2f4bb --- /dev/null +++ b/theme_monglia/static/src/less/snippets/s_product_list.less @@ -0,0 +1,6 @@ +.s_product_list_img_hook(){ + .transition (opacity 0.3s ease-out); + &:hover { + opacity: 0.3; + } +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/snippets/s_products_carousel.less b/theme_monglia/static/src/less/snippets/s_products_carousel.less new file mode 100644 index 000000000..d13709c78 --- /dev/null +++ b/theme_monglia/static/src/less/snippets/s_products_carousel.less @@ -0,0 +1,8 @@ +@s_products_carousel_carousel_control_color: transparent; +@s_products_carousel_carousel_height: 100vh; +@s_products_carousel_carousel_icon_color: @color-alpha; +@s_products_carousel_indicators_position: 120px; +@s_products_carousel_indicators_visible: visible; +.s_products_carousel_hook(){ + display: none; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/snippets/s_text_big_picture.less b/theme_monglia/static/src/less/snippets/s_text_big_picture.less new file mode 100644 index 000000000..a1d635376 --- /dev/null +++ b/theme_monglia/static/src/less/snippets/s_text_big_picture.less @@ -0,0 +1,6 @@ +@s_text_big_picture_padding: 0; +@s_text_big_picture_text_align: center; +.s_text_big_picture_hero_hook(){ + border-bottom: 1px solid @color-epsilon; + margin: 0 20%; +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/snippets/s_timeline.less b/theme_monglia/static/src/less/snippets/s_timeline.less new file mode 100644 index 000000000..59a490dff --- /dev/null +++ b/theme_monglia/static/src/less/snippets/s_timeline.less @@ -0,0 +1 @@ +@s_timeline_company_color: @gray; \ No newline at end of file diff --git a/theme_monglia/static/src/less/theme.less b/theme_monglia/static/src/less/theme.less new file mode 100644 index 000000000..9d2ad8547 --- /dev/null +++ b/theme_monglia/static/src/less/theme.less @@ -0,0 +1,217 @@ +/* ====================== GENERAL =====================*/ + +#slide {border: 1px solid black;} +body { + .tour { + .close { + color: @gray; + } + } +} +#oe_manipulators { + z-index: 1040; + position: absolute; + top: 0; + .oe_overlay .oe_overlay_options { + position: relative; + top: 0; + > .btn-group > a { + float: left; + } + } +} +#oe_snippets { + .oe_snippet { + width: 100px; + } +} +#wrapwrap { + display: table; + table-layout: fixed; + width: 100%; + + > * { + display: table-row; + } +} +main > * { + background-color: white; + color: @gray; +} +#wrap { + margin: 80px auto; + .text-muted{ + &:after { + color: transparent; + } + } +} +.input-group[class*="col-"] { + float: left; +} +.js_publish_management { + .btn-success { + background-color: green !important; + color: white !important; + } + .btn-danger { + background-color: red !important; + color: white !important; + } +} + +/* ========== Navigation =========== */ + +header a.navbar-brand img { + max-height: 200px; +} +.navbar-default { + border: none; + .container { + padding: 0px 30px; + .social-icons { + position: absolute; + bottom: 0; + padding: 0; + li { + float: none; + } + .social { + display: inline; + font-size: 25px; + } + } + #top_menu { + margin-top: 70px; + } + .navbar-header { + float: none; + .navbar-brand { + height: auto; + color: white; + } + } + } + .navbar-nav > .active > a { + background-color: transparent; + &:hover { + background-color: transparent; + } + } +} +#wrapwrap header .navbar .container, .navbar-static-top { + background-color: @color-delta; + color: @gray-light; +} +footer, .navbar-static-top { + a, li, small { + .LinkColor (@white, @color-epsilon); + .transition (all 0.3s ease); + } +} +.copyright { + border-top: 1px solid @gray-dark; + padding: 32px 0; +} +.navbar-static-top { + a { + .SetTextShadow (1px, @black); + } +} +.navbar-default .navbar-nav > .active > a { + color: @color-epsilon; + &:hover { + color: @color-mu; + } +} +#top_menu li { + border-bottom: 1px solid @color-kappa; + li:last-child { + border-bottom: none; + } + a { + color: @white; + } +} +.menu-close { + color: @white; + &:hover { + color: @color-epsilon; + } +} +h2 a { + color: @white; + &:hover { + color: @color-delta; + } +} +.navbar-default .navbar-nav > .open a:focus { + color: @white; +} + +/* ====================== Footer ======================== */ + +.custom-footer-text { + margin-bottom: 25px; + .col-md-3 { + text-align: center; + } +} +.custom-footer { + border-top: 1px solid @color-kappa; +} +.big-icons { + font-size: 80px; + text-align: center; + padding: 50px 0px; +} + +/* ====================== button style ======================== */ + +.btn { + padding: 10px 20px; + .BorderRadius (0px); + .transition (all 0.3s ease-out); + border-width: 0px !important; +} + +/* Insert blocks btn */ + +#website-top-navbar { + [data-action="snippet"] { + padding: 2px 6px; + } +} + +/* ====================== form style ======================== */ + +.form-control:not(.js_quantity):not(.modal):not(.url-source) { + box-shadow: none; + border-top-width: 0px; + border-left-width: 0px; + border-right-width: 0px; + border-radius: 0px; + background-color: transparent; + &:focus { + border-bottom-color: @gray; + box-shadow: none; + } +} + +/* ====================== Snippet Option Styles ======================== */ + +.snippet-option-colorpicker { + .colorpicker td > * { + width: 30px; + height: 30px; + } + .none { + background-color: @color-alpha; + font-size: 10px; + } +} +.btn-group { + .dropdown-toggle { + border-width: 1px !important; + } +} \ No newline at end of file diff --git a/theme_monglia/static/src/less/typography.less b/theme_monglia/static/src/less/typography.less new file mode 100644 index 000000000..a6c72382a --- /dev/null +++ b/theme_monglia/static/src/less/typography.less @@ -0,0 +1,11 @@ +body { + p, span, a, i { + font-size: 14px; + line-height: 20px; + } +} +a { + &:hover { + text-decoration: none; + } +} \ No newline at end of file diff --git a/theme_monglia/views/assets.xml b/theme_monglia/views/assets.xml new file mode 100644 index 000000000..d19fc5d52 --- /dev/null +++ b/theme_monglia/views/assets.xml @@ -0,0 +1,72 @@ + + + + + + + + + + + diff --git a/theme_monglia/views/customize_modal.xml b/theme_monglia/views/customize_modal.xml new file mode 100644 index 000000000..f4552a449 --- /dev/null +++ b/theme_monglia/views/customize_modal.xml @@ -0,0 +1,561 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/theme_monglia/views/images_content.xml b/theme_monglia/views/images_content.xml new file mode 100644 index 000000000..1286ff74a --- /dev/null +++ b/theme_monglia/views/images_content.xml @@ -0,0 +1,102 @@ + + + + + + + + /theme_monglia/static/src/img/content/content_img_01.png + + + + /theme_monglia/static/src/img/content/content_img_02.jpg + + + + /theme_monglia/static/src/img/content/content_img_03.jpg + + + + /theme_monglia/static/src/img/content/content_img_04.jpg + + + + /theme_monglia/static/src/img/content/content_img_05.jpg + + + + /theme_monglia/static/src/img/content/content_img_06.jpg + + + + /theme_monglia/static/src/img/content/content_img_07.jpg + + + + /theme_monglia/static/src/img/content/content_img_08.png + + + + /theme_monglia/static/src/img/content/content_img_09.jpg + + + + /theme_monglia/static/src/img/content/content_img_10.jpg + + + + /theme_monglia/static/src/img/content/content_img_11.jpg + + + + /theme_monglia/static/src/img/content/content_img_12.jpg + + + + /theme_monglia/static/src/img/content/content_img_13.jpg + + + + /theme_monglia/static/src/img/content/content_img_14.jpg + + + + + + /theme_monglia/static/src/img/content/product_img_01.jpg + + + /theme_monglia/static/src/img/content/product_img_02.jpg + + + /theme_monglia/static/src/img/content/product_img_03.jpg + + + /theme_monglia/static/src/img/content/product_img_04.jpg + + + /theme_monglia/static/src/img/content/product_img_05.jpg + + + /theme_monglia/static/src/img/content/product_img_06.jpg + + + /theme_monglia/static/src/img/content/product_img_07.jpg + + + /theme_monglia/static/src/img/content/product_img_08.jpg + + + /theme_monglia/static/src/img/content/product_img_09.jpg + + + /theme_monglia/static/src/img/content/product_img_10.jpg + + + /theme_monglia/static/src/img/content/product_img_11.jpg + + + + diff --git a/theme_monglia/views/images_library.xml b/theme_monglia/views/images_library.xml new file mode 100644 index 000000000..040561e6d --- /dev/null +++ b/theme_monglia/views/images_library.xml @@ -0,0 +1,161 @@ + + + + + + bg1.jpg + bg1.jpg + ir.ui.view + url + /theme_monglia/static/src/img/library/bg1.jpg + + + bg2.jpg + bg2.jpg + ir.ui.view + url + /theme_monglia/static/src/img/library/bg2.jpg + + + bg3.jpg + bg3.jpg + ir.ui.view + url + /theme_monglia/static/src/img/library/bg3.jpg + + + bg4.jpg + bg4.jpg + ir.ui.view + url + /theme_monglia/static/src/img/library/bg4.jpg + + + bg5.jpg + bg5.jpg + ir.ui.view + url + /theme_monglia/static/src/img/library/bg5.jpg + + + bg6.jpg + bg6.jpg + ir.ui.view + url + /theme_monglia/static/src/img/library/bg6.jpg + + + bg7.jpg + bg7.jpg + ir.ui.view + url + /theme_monglia/static/src/img/library/bg7.jpg + + + bg8.jpg + bg8.jpg + ir.ui.view + url + /theme_monglia/static/src/img/library/bg8.jpg + + + bg9.jpg + bg9.jpg + ir.ui.view + url + /theme_monglia/static/src/img/library/bg9.jpg + + + bg10.jpg + bg10.jpg + ir.ui.view + url + /theme_monglia/static/src/img/library/bg10.jpg + + + + + + + pattern_01.png + pattern_01.png + ir.ui.view + url + /theme_monglia/static/src/img/pattern/pattern_01.png + + + + pattern_02.png + pattern_02.png + ir.ui.view + url + /theme_monglia/static/src/img/pattern/pattern_02.png + + + + pattern_03.png + pattern_03.png + ir.ui.view + url + /theme_monglia/static/src/img/pattern/pattern_03.png + + + + pattern_04.png + pattern_04.png + ir.ui.view + url + /theme_monglia/static/src/img/pattern/pattern_04.png + + + + pattern_05.png + pattern_05.png + ir.ui.view + url + /theme_monglia/static/src/img/pattern/pattern_05.png + + + + pattern_06.png + pattern_06.png + ir.ui.view + url + /theme_monglia/static/src/img/pattern/pattern_06.png + + + + pattern_07.png + pattern_07.png + ir.ui.view + url + /theme_monglia/static/src/img/pattern/pattern_07.png + + + + pattern_08.png + pattern_08.png + ir.ui.view + url + /theme_monglia/static/src/img/pattern/pattern_08.png + + + + pattern_09.png + pattern_09.png + ir.ui.view + url + /theme_monglia/static/src/img/pattern/pattern_09.png + + + + pattern_10.png + pattern_10.png + ir.ui.view + url + /theme_monglia/static/src/img/pattern/pattern_10.png + + + + diff --git a/theme_monglia/views/snippet_options.xml b/theme_monglia/views/snippet_options.xml new file mode 100644 index 000000000..d4bbc25cd --- /dev/null +++ b/theme_monglia/views/snippet_options.xml @@ -0,0 +1,114 @@ + + + + + + + + + + + + + + diff --git a/theme_monglia/views/snippets.xml b/theme_monglia/views/snippets.xml new file mode 100644 index 000000000..7d265fde5 --- /dev/null +++ b/theme_monglia/views/snippets.xml @@ -0,0 +1,48 @@ + + + + + + + + diff --git a/theme_monglia_sale/LICENSE b/theme_monglia_sale/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_monglia_sale/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_monglia_sale/__init__.py b/theme_monglia_sale/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_monglia_sale/__openerp__.py b/theme_monglia_sale/__openerp__.py new file mode 100644 index 000000000..fa5ddca33 --- /dev/null +++ b/theme_monglia_sale/__openerp__.py @@ -0,0 +1,16 @@ +{ + 'name': 'Theme Monglia eCommerce Plugin', + 'description': 'Monglia eCommerce Plugin', + 'category': 'Theme/Hidden', + 'version': '1.0', + 'author': 'Odoo S.A.', + 'depends': ['theme_monglia', 'website_sale'], + 'data': [ + 'views/theme.xml', + 'views/layout.xml', + ], + 'demo': [ + 'demo/products.xml', + ], + 'auto_install': True, +} \ No newline at end of file diff --git a/theme_monglia_sale/demo/products.xml b/theme_monglia_sale/demo/products.xml new file mode 100644 index 000000000..dfd2b31fb --- /dev/null +++ b/theme_monglia_sale/demo/products.xml @@ -0,0 +1,251 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Warm food + + + + Hamburger + + + + Gyros + + + + Pizza + + + + Sandwich + + + + Cold food + + + + Salad + + + + Pasta + + + + Hamburger + True + 99 + 1 + 2 + + 3.0 + 3.0 + + + + Double Burger + True + 99 + 1 + 2 + + 4.5 + 4.5 + + + + Chicken Burger + True + 99 + 1 + 2 + + 5.0 + 4.0 + + + + Kebab + True + 99 + 1 + 2 + + 3.0 + 3.0 + + + + Gyros + True + 99 + 1 + 2 + + 3.5 + 3.5 + + + + Gyros Plate + True + 99 + 1 + 2 + + 5.5 + 5.5 + + + + Ceasar Salad + True + 99 + 1 + 2 + + 4.0 + 4.0 + + + + Fruit Salad + True + 99 + 1 + 2 + + 4.0 + 4.0 + + + + Olive Salad + True + 99 + 1 + 2 + + 4.5 + 4.5 + + + + Pizza Salami + True + 99 + 1 + 2 + + 7.0 + 7.0 + + + + Pizza Seafood + True + 99 + 1 + 2 + + 8.0 + + + + Pizza Margharita + True + 99 + 1 + 2 + + 5.0 + 5.0 + + + + Pizza Olive and Pepper + True + 99 + 1 + 2 + + 6.0 + 6.0 + + + + Pannini + True + 99 + 1 + 2 + + 4.0 + 4.0 + + + + Salmon Pasta + True + 99 + 1 + 2 + + 8.0 + + + + Sandwich with Ham and Cheese + True + 99 + 1 + 2 + + 4.0 + + + + + + + + Monglia Demo Discount + -0.2500 + 1 + + + + + diff --git a/theme_monglia_sale/static/src/js/collapse_categories.js b/theme_monglia_sale/static/src/js/collapse_categories.js new file mode 100644 index 000000000..3f72baee7 --- /dev/null +++ b/theme_monglia_sale/static/src/js/collapse_categories.js @@ -0,0 +1,29 @@ +$(function(){ + + // CATEGORIES + var category_list = "#products_grid_before" + if ($(".oe_website_sale " + category_list).length) { + // Close the category using the arrow + $(category_list).on('click', '.close-icon', function(event) { + $(event.target).closest('li').removeClass('active'); + }); + + // Open the category using the arrow + $(category_list).on('click', '.open-icon', function(event) { + // Close the others + $(category_list + " li").removeClass('active'); + // Open this one's hierarchy + $(event.target).parents('li').each(function(parent){ + $(this).addClass('active'); + }); + }); + + // Open the current category tab + var category_re = /\/shop\/category\/.*-/; + if (category_re.test(window.location.pathname)) { + var category_id = window.location.pathname.replace(category_re, ''); + var category_li = $('li:has(a[data-oe-model="product.public.category"][data-oe-id=' + category_id + '])') + category_li.addClass('active') + } + } +}); diff --git a/theme_monglia_sale/static/src/less/theme_ecommerce.less b/theme_monglia_sale/static/src/less/theme_ecommerce.less new file mode 100644 index 000000000..ad33d482b --- /dev/null +++ b/theme_monglia_sale/static/src/less/theme_ecommerce.less @@ -0,0 +1,551 @@ +#wrap > .container-fluid { + .pagination { + float: none; + padding-right: 0; + } +} +.oe_website_sale { + overflow: hidden; + padding-bottom: 20px; + background-color: @color-alpha; + .page-header { + small { + display: block; + a { + color: red; + } + } + } + .oe_product_cart { + &:hover { + border: 1px solid @gray-lighter; + } + .in { + background-color: rgba(0, 0, 0, 0.5); + } + } + .oe_product { + padding: 5px; + border: 0; + h5 { + a { + color: @color-epsilon; + } + } + .ribbon { + background-color: red; + top: 0px; + width: 145px; + } + + // Product name, price and quick cart part + + section { + padding: 0px 15px; + h5 { + padding: 10px 0px; + font-size: 13px; + margin: 0px; + text-align: left; + border-bottom: 1px solid @gray-lighter; + a { + color: @color-delta; + &:hover { + text-decoration: none; + } + } + } + .text-info { + text-align: left; + color: @gray-light; + } + .oe_subdescription { + margin-bottom: 0px; + } + .product_price { + font-size: 12px; + position: relative; + text-align: left; + padding: 0; + b { + .text-danger { + color: red; + } + } + .btn-default { // cart btn + background: transparent; + border: none; + font-size: 15px; + position: relative; + padding-right: 0px; + top: -6px; + padding-bottom: 0px; + } + } + } + } +} +#products_grid { + padding-left: 15px; + background-color: white; + table, tbody { + background-color: transparent !important; + } + .products_pager { + margin-top: 15px; + ul { + a { + border: transparent; + color: @gray; + min-width: 35px; + } + } + } + .pagination > .active > a { + border-bottom: 3px solid @color-epsilon; + background-color: transparent; + color: @color-epsilon; + } + .pagination a { + .transition (all 0.3s ease-out); + &:hover { + border-bottom: 3px solid @color-delta; + background: transparent; + color: @gray-light; + } + } + .products_pager > ul { + li:first-child > a { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + } + li:last-child > a { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + } + } +} + +/* =================== Search =================== */ + +#wrap { + .search { + background-color: @color-beta; + } +} +.js_sale .search form { + padding-right: 0px; +} +.pagination { + padding-left: 15px; +} +.form-inline .input-group { + background-color: transparent; + border-bottom: 1px solid @color-epsilon; + padding-right: 0; + width: 100%; + .form-control { + width: 100%; + .BorderRadius (0px); + height: 50px; + box-shadow: none; + text-transform: lowercase; + border: none; + &:focus { + box-shadow: none; + } + } + ::-webkit-input-placeholder { color:@color-epsilon; } + ::-moz-placeholder { color:@color-epsilon; } + :-ms-input-placeholder { color:@color-epsilon; } + input:-moz-placeholder { color:@color-epsilon; } + .input-group-btn { + width: 50px; + .btn-default { + background-color: transparent; + .BorderRadius (0px); + height: 50px; + width: 50px; + &:hover { + background-color: transparent !important; + color: white; + } + } + .btn { + line-height: 2.5; + } + } +} + +/* =================== Categories =================== */ + +#products_grid_before { + padding-top: 0px; + padding-left: 40px; + padding-bottom: 800em; + margin-bottom: -800em; + background-color: @color-delta; + >.row { + margin-bottom: 20px; + } + .nav-pills > li.active > a { + background-color: transparent; + color: @color-epsilon; + &:hover { + background-color: @gray-dark; + } + } + ul.nav-stacked { + li { + a { + font-size: 16px; + color: @color-epsilon; + margin: 1px 0px; + &:hover, &:focus { + background-color: @gray-dark; + color: @color-beta; + } + } + } + } + .nav-pills > li > ul { + padding-left: 15px; + } + > ul > li > a { + color: @color-epsilon; + text-transform: uppercase; + font-size: 18px !important; + } + li > ul, li > .close-icon, li.active > .open-icon { + display: none; + } + li.active > ul, li.active > .close-icon { + display: block; + } + .category-name { + font-size: 25px; + text-transform: uppercase; + text-align: left; + margin-top: 0px; + padding: 10px 15px; + color: @color-alpha; + } + .pagination { + .input-group > .form-control { + color: white; + } + } + + /* =========== Filters ========== */ + + .js_attributes { + padding: 0px 15px 15px 15px; + strong { + display: block; + padding-left: 10px; + margin-bottom: 10px; + margin-top: 10px; + color: white; + text-transform: uppercase; + } + .css_attribute_color.active { + border: 5px ridge @color-alpha; + } + li > ul { + display: block; + } + label > span { + color: white; + } + } +} +.open-icon, .close-icon { + position: absolute; + right: 10px; + top: 4px; + padding: 0 4px; + cursor: pointer; + font-size: 18px; + color: @color-beta; +} + +/* =================== Product page =================== */ +.js_sale { + > .container:first-child { + margin-top: 0 !important; + } + .breadcrumb { + padding-top: 20px; + background: transparent; + border-bottom: 1px solid @gray-lighter; + li { + font-size: 15px; + a { + color: @color-gamma; + } + } + } +} +#product_detail { + .form-inline { + width: 100%; + } + .col-md-5 { + padding: 40px; + } +} +.oe_website_sale.container { + width: 100%; +} +.js_add_cart_variants > li { + > strong { + font-size: 20px; + } +} +.js_add_cart_variants { + color: @gray; + + /* ======== PRICE ======== */ + + .oe_price_h4 { + font-size: 25px; + .oe_currency_value { + font-size: 25px; + } + span { + font-size: 25px; + } + } +} +.discount .oe_default_price { + display: inline-block; +} +.product-description { + text-align: center; + font-size: 18px; +} +#add_to_cart { + padding: 30px; + margin: 20px 0; + width: 200px; + .transition (all 0.5s ease-out); + .fa { + font-size: 30px; + padding-right: 10px; + } +} + +/* ======= ADD QUANTITY ========= */ + +.oe_website_spinner { + margin-bottom: 25px; + width: 200px; + height: 50px; + @media (max-width: @screen-sm-min) { + margin-left: 0 !important; + } + .input-group-addon { + border-radius: 0px; + width: 50px; + &:first-child, &:last-child { + border: none; + background-color: @gray; + } + a { + color: white; + } + } + .js_quantity { + text-align: center; + border-color: @gray; + height: 50px; + font-size: 30px; + } +} +.badge, .active > a > .badge { + padding: 5px 10px; + margin-left: 15px; + background-color: @color-epsilon; + color: white; + min-width: 28px; +} +.list-unstyled .css_attribute_color.active { + border: 3px solid @color-gamma; +} +#website_sale_recommended_products { + padding: 30px; + h3 { + text-align: center; + border-bottom: 5px solid @color-epsilon; + padding-bottom: 20px; + color: @color-gamma; + } + .row { + padding: 0 15px; + } + .col-md-2 { + margin-top: 10px; + min-height: 160px; + span { + color: @color-epsilon; + } + } +} + +/* ===================== Product list view ======================= */ + +.oe_list { + margin: 5px 0 5px 15px; + border: 1px solid @gray-lighter; + width: 90% !important; + @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { + height: 200px !important; + } + section { + h5 { + text-align: left !important; + font-size: 24px !important; + } + .product_price { + display: inline-block; + font-size: 18px !important; + } + .oe_subdescription { + max-width: 70%; + } + } +} + +/* =================== Modal =================== */ +#modal_optional_products { + .modal-title { + background: transparent; + } + .input-group { + border-collapse: inherit; + } +} +/* =================== Shopping cart =================== */ +.oe_website_sale { + color: @gray; + .oe_cart { + .btn { + @media (max-width: @screen-xs-max) { + padding: 10px; + } + } + .btn-primary { + background-color: @color-epsilon; + color: white; + &:hover { + background-color: @color-mu; + } + } + strong { + color: @gray; + } + .well { + background-color: transparent; + } + #cart_products { + img { + max-width: 100px; + } + } + .oe_website_spinner { + border-collapse: inherit; + } + .a-submit { + padding: 20px 0px; + min-width: 150px; + } + h4 .oe_currency_value, h4 .text-right { + font-size: 16px; + } + } + #right_column { + color: @gray; + a { + color: red; + } + .btn { + .BorderRadius (0px); + border: none; + } + .input-group-btn { + padding-left: 5px; + } + h4 { + font-size: 22px; + } + .fa { + padding-right: 5px; + } + } + .wizard { + padding-right: 15px; + box-shadow: none; + @media (max-width: @screen-sm-min) { + padding-right: 0px; + } + .text-primary { + color: white; + } + .text-success { + color: @gray-light; + } + li.text-primary { + background-color: @color-gamma; + @media (max-width: @screen-sm-min) { + background-color: transparent; + color: @color-gamma; + padding-left: 7px; + } + .chevron:before { + border-left: 10px solid @color-gamma; + @media (max-width: @screen-sm-min) { + border-left: none; + } + } + } + li { + border-color: @color-gamma; + background-color: transparent; + @media (max-width: @screen-sm-min) { + border-color: transparent; + padding-left: 7px; + } + .chevron { + border-left: 10px solid @color-gamma; + background: transparent; + @media (max-width: @screen-sm-min) { + border-color: transparent; + } + } + } + .text-muted { + color: @gray-light; + } + } +} +#payment_method { + .oe_sale_acquirer_button { + .btn-primary { + background-color: @color-epsilon; + color: white; + &:hover { + background-color: @color-mu; + } + } + } +} + +/* ======================== PAY =========================== */ +.oe_sale_acquirer_button { + .btn { + min-width: 150px; + text-transform: uppercase; + font-size: 20px; + margin-bottom: 20px; + } +} \ No newline at end of file diff --git a/theme_monglia_sale/views/layout.xml b/theme_monglia_sale/views/layout.xml new file mode 100644 index 000000000..ec14d1928 --- /dev/null +++ b/theme_monglia_sale/views/layout.xml @@ -0,0 +1,150 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_monglia_sale/views/theme.xml b/theme_monglia_sale/views/theme.xml new file mode 100644 index 000000000..98141ef69 --- /dev/null +++ b/theme_monglia_sale/views/theme.xml @@ -0,0 +1,17 @@ + + + + + + + + + \ No newline at end of file diff --git a/theme_nano/LICENSE b/theme_nano/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_nano/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_nano/__init__.py b/theme_nano/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_nano/__openerp__.py b/theme_nano/__openerp__.py new file mode 100644 index 000000000..d062de0a4 --- /dev/null +++ b/theme_nano/__openerp__.py @@ -0,0 +1,48 @@ +{ + 'name': 'Nano Theme', + 'description': 'Nano Theme - Responsive Bootstrap Theme for Odoo CMS - Vertical Layout and Sidebar icons', + 'category': 'Theme/Agency', + 'version': '1.0', + 'author': 'Odoo SA', + 'depends': ['theme_common'], + 'data': [ + 'views/assets.xml', + 'views/images_library.xml', + 'views/images_content.xml', + 'views/layout.xml', + 'views/snippets.xml', + 'views/snippets_options.xml', + 'views/customize_modal.xml', + # STRUCTURE + 'views/snippets/s_text_image.xml', + 'views/snippets/s_image_text.xml', + 'views/snippets/s_big_picture.xml', + # CONTENT + 'views/snippets/s_well_extended.xml', + 'views/snippets/s_quote_extended.xml', + 'views/snippets/s_panel_extended.xml', + 'views/snippets/s_separator_extended.xml', + 'views/snippets/s_share_extended.xml', + # NANO + 'views/snippets/s_carousel_extended.xml', + 'views/snippets/s_features_circle_extended.xml', + ], + 'demo': [ + 'demo/home_01.xml', + 'demo/home_02.xml', + 'demo/home_03.xml', + 'demo/components.xml', + 'demo/nano_blocks_structure.xml', + 'demo/nano_blocks_content.xml', + 'demo/nano_blocks_features.xml', + 'demo/blocks_structure.xml', + 'demo/blocks_features.xml', + 'demo/blocks_effects.xml', + ], + 'images': [ + 'static/description/nano_cover.gif', + ], + 'price': 199, + 'currency': 'EUR', + 'live_test_url': 'https://theme-nano.odoo.com/page/demo_page_01' +} \ No newline at end of file diff --git a/theme_nano/demo/blocks_effects.xml b/theme_nano/demo/blocks_effects.xml new file mode 100644 index 000000000..17dc92335 --- /dev/null +++ b/theme_nano/demo/blocks_effects.xml @@ -0,0 +1,94 @@ + + + + + + + + Effects + /page/demo_blocks_effects + + 53 + + + + \ No newline at end of file diff --git a/theme_nano/demo/blocks_features.xml b/theme_nano/demo/blocks_features.xml new file mode 100644 index 000000000..d60c45bf4 --- /dev/null +++ b/theme_nano/demo/blocks_features.xml @@ -0,0 +1,269 @@ + + + + + + + + Features + /page/demo_blocks_features + + 52 + + + + \ No newline at end of file diff --git a/theme_nano/demo/blocks_structure.xml b/theme_nano/demo/blocks_structure.xml new file mode 100644 index 000000000..683b9c233 --- /dev/null +++ b/theme_nano/demo/blocks_structure.xml @@ -0,0 +1,176 @@ + + + + + + + + Blocks + /page/demo_blocks + + 50 + + + + Structure + /page/demo_blocks_structure + + 51 + + + + \ No newline at end of file diff --git a/theme_nano/demo/components.xml b/theme_nano/demo/components.xml new file mode 100644 index 000000000..aba1acbd7 --- /dev/null +++ b/theme_nano/demo/components.xml @@ -0,0 +1,191 @@ + + + + + + + + Components + /page/demo_page_components + + 25 + + + + \ No newline at end of file diff --git a/theme_nano/demo/home_01.xml b/theme_nano/demo/home_01.xml new file mode 100644 index 000000000..db80590b7 --- /dev/null +++ b/theme_nano/demo/home_01.xml @@ -0,0 +1,41 @@ + + + + + + + + Demo + /page/demo_page + + 30 + + + + Demo 01 + /page/demo_page_01 + + 31 + + + + \ No newline at end of file diff --git a/theme_nano/demo/home_02.xml b/theme_nano/demo/home_02.xml new file mode 100644 index 000000000..76d5eea68 --- /dev/null +++ b/theme_nano/demo/home_02.xml @@ -0,0 +1,83 @@ + + + + + + + + + + + + Demo 02 + /page/demo_page_02 + + 32 + + + + \ No newline at end of file diff --git a/theme_nano/demo/home_03.xml b/theme_nano/demo/home_03.xml new file mode 100644 index 000000000..c7781e94d --- /dev/null +++ b/theme_nano/demo/home_03.xml @@ -0,0 +1,208 @@ + + + + + + + + + + + + Demo 03 + /page/demo_page_03 + + 33 + + + + \ No newline at end of file diff --git a/theme_nano/demo/nano_blocks_content.xml b/theme_nano/demo/nano_blocks_content.xml new file mode 100644 index 000000000..f10e10dff --- /dev/null +++ b/theme_nano/demo/nano_blocks_content.xml @@ -0,0 +1,196 @@ + + + + + + + + Content + /page/demo_nano_blocks_content + + 42 + + + + \ No newline at end of file diff --git a/theme_nano/demo/nano_blocks_features.xml b/theme_nano/demo/nano_blocks_features.xml new file mode 100644 index 000000000..fdd83ae10 --- /dev/null +++ b/theme_nano/demo/nano_blocks_features.xml @@ -0,0 +1,121 @@ + + + + + + + + Features + /page/demo_nano_blocks_features + + 43 + + + + \ No newline at end of file diff --git a/theme_nano/demo/nano_blocks_structure.xml b/theme_nano/demo/nano_blocks_structure.xml new file mode 100644 index 000000000..88a91c024 --- /dev/null +++ b/theme_nano/demo/nano_blocks_structure.xml @@ -0,0 +1,128 @@ + + + + + + + + Nano Blocks + /page/demo_nano_blocks + + 40 + + + + Structure + /page/demo_nano_blocks_structure + + 41 + + + + \ No newline at end of file diff --git a/theme_nano/doc/index.rst b/theme_nano/doc/index.rst new file mode 100644 index 000000000..9f4dd865e --- /dev/null +++ b/theme_nano/doc/index.rst @@ -0,0 +1,34 @@ +You need to install the *Less CSS* compiler to run this theme + +* on Linux, use your distribution's package manager to install nodejs and npm. + * In debian wheezy and Ubuntu 13.10 and before you need to install nodejs manually: + + .. code-block:: console + + $ wget -qO- https://deb.nodesource.com/setup | bash - + $ apt-get install -y nodejs + + * In later debian (>jessie) and ubuntu (>14.04) you may need to add a symlink as npm packages call ``node`` but debian calls the binary ``nodejs`` + + .. code-block:: console + + $ apt-get install -y npm + $ sudo ln -s /usr/bin/nodejs /usr/bin/node + + * Once npm is installed, use it to install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on OS X, install nodejs via your preferred package manager (`homebrew `_, `macports `_) then install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on Windows, `install nodejs `_, reboot (to update the `PATH`) and install less and less-plugin-clean-css: + + .. code-block:: ps1 + + C:\> npm install -g less less-plugin-clean-css diff --git a/theme_nano/static/description/contributors/applicatour.jpg b/theme_nano/static/description/contributors/applicatour.jpg new file mode 100644 index 000000000..977d9052f Binary files /dev/null and b/theme_nano/static/description/contributors/applicatour.jpg differ diff --git a/theme_nano/static/description/contributors/aselcis.jpg b/theme_nano/static/description/contributors/aselcis.jpg new file mode 100644 index 000000000..9fbc0f3c1 Binary files /dev/null and b/theme_nano/static/description/contributors/aselcis.jpg differ diff --git a/theme_nano/static/description/contributors/bas-solutions.png b/theme_nano/static/description/contributors/bas-solutions.png new file mode 100644 index 000000000..c64c5359a Binary files /dev/null and b/theme_nano/static/description/contributors/bas-solutions.png differ diff --git a/theme_nano/static/description/contributors/bloopark.png b/theme_nano/static/description/contributors/bloopark.png new file mode 100644 index 000000000..4ce0327d8 Binary files /dev/null and b/theme_nano/static/description/contributors/bloopark.png differ diff --git a/theme_nano/static/description/contributors/brouwland.jpg b/theme_nano/static/description/contributors/brouwland.jpg new file mode 100644 index 000000000..8fe4a1441 Binary files /dev/null and b/theme_nano/static/description/contributors/brouwland.jpg differ diff --git a/theme_nano/static/description/contributors/catsdogs.png b/theme_nano/static/description/contributors/catsdogs.png new file mode 100644 index 000000000..f4d03e63d Binary files /dev/null and b/theme_nano/static/description/contributors/catsdogs.png differ diff --git a/theme_nano/static/description/contributors/dialognet.png b/theme_nano/static/description/contributors/dialognet.png new file mode 100644 index 000000000..831a1a9c3 Binary files /dev/null and b/theme_nano/static/description/contributors/dialognet.png differ diff --git a/theme_nano/static/description/contributors/dynapps.jpg b/theme_nano/static/description/contributors/dynapps.jpg new file mode 100644 index 000000000..5854230c4 Binary files /dev/null and b/theme_nano/static/description/contributors/dynapps.jpg differ diff --git a/theme_nano/static/description/contributors/huckemedia.png b/theme_nano/static/description/contributors/huckemedia.png new file mode 100644 index 000000000..2106c34b0 Binary files /dev/null and b/theme_nano/static/description/contributors/huckemedia.png differ diff --git a/theme_nano/static/description/contributors/opusvl.png b/theme_nano/static/description/contributors/opusvl.png new file mode 100644 index 000000000..f1f25f120 Binary files /dev/null and b/theme_nano/static/description/contributors/opusvl.png differ diff --git a/theme_nano/static/description/contributors/oxen.jpg b/theme_nano/static/description/contributors/oxen.jpg new file mode 100644 index 000000000..0cb41eb9f Binary files /dev/null and b/theme_nano/static/description/contributors/oxen.jpg differ diff --git a/theme_nano/static/description/contributors/simplitco.jpg b/theme_nano/static/description/contributors/simplitco.jpg new file mode 100644 index 000000000..152bbf277 Binary files /dev/null and b/theme_nano/static/description/contributors/simplitco.jpg differ diff --git a/theme_nano/static/description/contributors/sodexis.jpg b/theme_nano/static/description/contributors/sodexis.jpg new file mode 100644 index 000000000..12f1d8ecd Binary files /dev/null and b/theme_nano/static/description/contributors/sodexis.jpg differ diff --git a/theme_nano/static/description/contributors/tech-receptives.png b/theme_nano/static/description/contributors/tech-receptives.png new file mode 100644 index 000000000..c441f44db Binary files /dev/null and b/theme_nano/static/description/contributors/tech-receptives.png differ diff --git a/theme_nano/static/description/contributors/vauxoo.png b/theme_nano/static/description/contributors/vauxoo.png new file mode 100644 index 000000000..7e83d3148 Binary files /dev/null and b/theme_nano/static/description/contributors/vauxoo.png differ diff --git a/theme_nano/static/description/customization-modal-colors.gif b/theme_nano/static/description/customization-modal-colors.gif new file mode 100644 index 000000000..b47e38abb Binary files /dev/null and b/theme_nano/static/description/customization-modal-colors.gif differ diff --git a/theme_nano/static/description/customization-modal-fonts-patterns.gif b/theme_nano/static/description/customization-modal-fonts-patterns.gif new file mode 100644 index 000000000..b273f78a9 Binary files /dev/null and b/theme_nano/static/description/customization-modal-fonts-patterns.gif differ diff --git a/theme_nano/static/description/customization-modal-fonts.gif b/theme_nano/static/description/customization-modal-fonts.gif new file mode 100644 index 000000000..c0a510385 Binary files /dev/null and b/theme_nano/static/description/customization-modal-fonts.gif differ diff --git a/theme_nano/static/description/customization-modal-patterns.gif b/theme_nano/static/description/customization-modal-patterns.gif new file mode 100644 index 000000000..8fbad4272 Binary files /dev/null and b/theme_nano/static/description/customization-modal-patterns.gif differ diff --git a/theme_nano/static/description/customization-modal.gif b/theme_nano/static/description/customization-modal.gif new file mode 100644 index 000000000..1b18260ae Binary files /dev/null and b/theme_nano/static/description/customization-modal.gif differ diff --git a/theme_nano/static/description/icon.png b/theme_nano/static/description/icon.png new file mode 100644 index 000000000..a9cc4ea32 Binary files /dev/null and b/theme_nano/static/description/icon.png differ diff --git a/theme_nano/static/description/index.html b/theme_nano/static/description/index.html new file mode 100644 index 000000000..c3da11257 --- /dev/null +++ b/theme_nano/static/description/index.html @@ -0,0 +1,256 @@ +
    +
    +
    +
    +

    Nano is a professional responsive HTML5 theme, built using Bootstrap, a popular front-end framework for developing responsive, mobile first projects on the web.
    Just drag & drop the building blocks you need to easily build your layout. All layouts are made of sections, that you can easily combine to fit your specific project.

    + +
    +
    +

    Customization Tools

    +
    Nano was made with easy customization and branding in mind. Based on simple, modern and typographical elements, it allows you to easily build your website. All the options were made to work together. You can not go wrong with the settings. +
    +

    - You will find these options in: Customize (top-right of the screen) > Customize Theme

    +
    +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    + +

    Some fonts might not work with extended charsets.

    + +

    Building Blocks

    +
    You get a new complete range of building blocks.
    +

    - You will find these blocks in: Edit (top-left of the screen) > Insert Blocks

    + +

    Structure

    +
    +
    +
    + Banner +
    +
    +
    + Page Header +
    +
    +
    + Features Circle +
    +
    +
    + Numbers +
    +
    +
    + 3-Col + Carousel +
    +
    +
    + Boxed Carousel +
    +
    +
    + FW. 4-Col +
    +
    +
    + FW. Text-Image +
    +
    +
    + FW. Image-Text +
    +
    +
    + FW. Text-Block-Image +
    +
    +
    + FW. Images + Captions +
    +
    + +

    Content

    +
    +
    +
    + Well + Icons +
    +
    +
    + Blockquote + Author +
    +
    +
    + Separator + Styles +
    +
    +
    + Panel + Icons +
    +
    +
    + Social + Styles +
    +
    +
    + Label +
    +
    + +

    Features

    +
    +
    +
    + References +
    +
    +
    + Quotes Slider +
    +
    +
    + Features Grid + Circle +
    +
    +
    + Collapse +
    +
    +
    + Medias List +
    +
    +
    + Naws Carousel +
    +
    +
    + Steps +
    +
    +
    + Team Profiles +
    +
    + + +

    Customize Your Blocks

    +
    Each building blocks comes with its own options of layout, backgrounds, colors, and styles
    + +

    The images in this theme are copyrighted and can't be used outside of the odoo.com domain.

    + +

    + This theme was created with the help of our user community.
    + Thanks to our backers the Indiegogo campaign was a success!
    + https://www.indiegogo.com/projects/bootstrap-themes-for-odoo-cms/ +

    + +

    MAIN SPONSOR

    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + + +
    +
    +

    + Ross Whiting, Oxenworkwear - Hans Balis - Stephan Keller, Sodexis, Inc. - Michael Hucke, Hucke Media GmbH & Co. KG - Joachim Grubelnik, DaDi EDV GmbH​ datadialog.net - DynApps - Cats&Dogs bvba - Bloopark systems GmbH & Co. KG - Parthiv Patel, Tech Receptives Solutions Pvt. Ltd. - Stuart Mackintosh, OpusVL - Erwin van der Ploeg, BAS Solutions - ali Zuaby, simplit co - Aselcis Consulting - Nhomar Hernandez, Vauxoo +

    +

    SPONSOR

    +
    +

    + Robert Baumgartner, datenpol gmbh - openBIG - Russell Phillippe, Protogenos Ltd - Julien Allo, Julius - EasyPME - Jonathan Wilson, WillowIT Pty Ltd - Xavier Mallein, MAallein - Pedro M. Baeza, Serv. Tecnol. Avanzados - Daniel Dico, OERP Canada - Jantz Business Group b.v. - LogicaSoft Consulting - Eric Caudal, Elico Corp - Ermin Trevisan, Twanda - Jean-François Mattler, OpenFid SAS - Alex Ferrer, Lannex IT Solutions - Tony Gu, Shine IT Co. Ltd. 先安科技 - TaPo-IT OG - Jos De Graeve, Apertoso - Nicolas Rigo, eezee-it - Luis Miguel Varón E, Colorisa S.A - OpenBias - Stanislas Drouin Applicatour +

    +

    POWER DESIGNER

    +
    +

    + Rohit Thakral - François Dhommeaux, Ubic Informatique - Judson Alves, Market Home Delivery - Eric Flaux, ABF Osiell - Gilles Dupont - Arnis Putniņš - Johnson Martt, GetOpenERP (Part of OpenStow Technologies) - Gianluca Milano - Daniel Stolovich, ATEL S.A. - Equitania Software GmbH - Senthilnathan G - Houssine Bakkali - Arend Trip - Kevin Woolf, Baba Kevin's American Barbecue Co., Ltd. - toodoo sàrl - Zoltan Gabor 'Apersis' - Tom De Decker, WEB2GO LTD - Nicolás Cavalier Montenegro, STOREGUD CORPORATION SAC - Keirse Jerome - REAL Solutions S.A. - Davide Corio - Brice Muangkhot - Melvin Miguel Martinez, Mendoza Hernandez - Auditores - Chua Wen Ching - Tran Minh Tri working, ungdungtinhoc.com - Badisheng Morena - Sogexis - Josh Wardini - The Tee Shirt Bakery - Bruce Letterle, Red Lab Media - Benoit Vankoningsloo - Francisco Manuel Garcia Claramonte. - Paulina Mikolajczak-Blasco - Collectiv - Tony Fernando - Herbert Riener, rigaConcepts - Kalmen Chia, E-Global SCM Solution Sdn Bhd - Rob North, Pair A Dice Games - David E. Vargas, CloudShop - François Le Gal - Calin Chete (24h Solutions) - Maria Gabriela Fong, MAGA Systems & Consulting - Pascal Behr, Cytosurge AG - Marc Antwertinger - Opencloud Unipessoal, Lda - Ruchir Shukla, BizzAppDev - Michael Hucke, Hucke Media GmbH & Co. KG - Mathias Neef, copadoMEDIA UG - Pablo Arias - Same Motion - livingprocess.de - Habib Ayob - Igor Jovanovic - Liangming Wang, Weixuan Inc. - Jason Au Yeung, Binary System Limited - Fredrik Arvas, Arvas International AB - Martin Temmink, Zigaret - Mathieu Vanneste, Flockdesign - Filip Fruru, Instant Media - Marianne Wilmsmeier, Fabrik Fünf GmbH - Vertex Group Enterprises - Bingen Eguzkitza - Herczeg Péter, InnOpen Group Kft - Giles Hohnen - Luis Felipe Miléo, KMEE - Maria Gabriela Fong, MAGA Systems & Consulting - Aaron Magon, Web Industries - Andrew Trueman, B.M. Trueman & Partners - Sven Petersen, Conexus - Nous Cambas - Oliver Yuan, OpenStone - Henri Ibowili, A-YANT.COM - Nicolas JEUDY - Helmut Drewes - Maik Steinfeld, Streward - Hans Henrik Gabelgaard - AJ Rosman - Eduard - Patrick Darribet, SUDOKEYS - Camptocamp - Cyril Morisse - Alejandro Santana - Eva Pinter, YBO - Mathias Neef, copadoMEDIA UG - Jean-Christophe Perrot, LOGICASOFT - Zarshed Ali, HiTechnologia - Stefan Reisich - Maxime Chambreuil, Savoir-faire Linux - Mario Gielissen, Openworx - Nicholas Burdic, Aptoworks LLC - Olivier Lenoir +

    +
    +
    +
    \ No newline at end of file diff --git a/theme_nano/static/description/nano_cover.gif b/theme_nano/static/description/nano_cover.gif new file mode 100644 index 000000000..d048af29b Binary files /dev/null and b/theme_nano/static/description/nano_cover.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_banner_2.gif b/theme_nano/static/description/snippets_thumbs/s_banner_2.gif new file mode 100644 index 000000000..ec15f3e2d Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_banner_2.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_carousel_boxed.gif b/theme_nano/static/description/snippets_thumbs/s_carousel_boxed.gif new file mode 100644 index 000000000..78a6016c4 Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_carousel_boxed.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_collapse.gif b/theme_nano/static/description/snippets_thumbs/s_collapse.gif new file mode 100644 index 000000000..6bc97a3fc Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_collapse.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_features_circle.gif b/theme_nano/static/description/snippets_thumbs/s_features_circle.gif new file mode 100644 index 000000000..bedcb72d3 Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_features_circle.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_features_grid_circle.gif b/theme_nano/static/description/snippets_thumbs/s_features_grid_circle.gif new file mode 100644 index 000000000..45661861f Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_features_grid_circle.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_four_columns_fw.gif b/theme_nano/static/description/snippets_thumbs/s_four_columns_fw.gif new file mode 100644 index 000000000..7196d31db Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_four_columns_fw.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_image_text_fw.gif b/theme_nano/static/description/snippets_thumbs/s_image_text_fw.gif new file mode 100644 index 000000000..d4ce12d51 Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_image_text_fw.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_images_captions.gif b/theme_nano/static/description/snippets_thumbs/s_images_captions.gif new file mode 100644 index 000000000..252eb7fee Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_images_captions.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_images_captions_fw.gif b/theme_nano/static/description/snippets_thumbs/s_images_captions_fw.gif new file mode 100644 index 000000000..252eb7fee Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_images_captions_fw.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_label.gif b/theme_nano/static/description/snippets_thumbs/s_label.gif new file mode 100644 index 000000000..b7baeddad Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_label.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_medias_list.gif b/theme_nano/static/description/snippets_thumbs/s_medias_list.gif new file mode 100644 index 000000000..c168bd20f Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_medias_list.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_news_carousel.gif b/theme_nano/static/description/snippets_thumbs/s_news_carousel.gif new file mode 100644 index 000000000..55d18b311 Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_news_carousel.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_numbers.gif b/theme_nano/static/description/snippets_thumbs/s_numbers.gif new file mode 100644 index 000000000..ddf595e80 Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_numbers.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_page_header.gif b/theme_nano/static/description/snippets_thumbs/s_page_header.gif new file mode 100644 index 000000000..25b97edf5 Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_page_header.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_panel_extended.gif b/theme_nano/static/description/snippets_thumbs/s_panel_extended.gif new file mode 100644 index 000000000..8046b5181 Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_panel_extended.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_process_steps_2.gif b/theme_nano/static/description/snippets_thumbs/s_process_steps_2.gif new file mode 100644 index 000000000..cecd167be Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_process_steps_2.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_quote_extended.gif b/theme_nano/static/description/snippets_thumbs/s_quote_extended.gif new file mode 100644 index 000000000..603592571 Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_quote_extended.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_quotes_slider_2.gif b/theme_nano/static/description/snippets_thumbs/s_quotes_slider_2.gif new file mode 100644 index 000000000..d24c3b5e9 Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_quotes_slider_2.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_references_2.gif b/theme_nano/static/description/snippets_thumbs/s_references_2.gif new file mode 100644 index 000000000..795664984 Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_references_2.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_separator_extended.gif b/theme_nano/static/description/snippets_thumbs/s_separator_extended.gif new file mode 100644 index 000000000..cdf4b1cce Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_separator_extended.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_share_extended.gif b/theme_nano/static/description/snippets_thumbs/s_share_extended.gif new file mode 100644 index 000000000..ca6772dd5 Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_share_extended.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_team_profiles_2.gif b/theme_nano/static/description/snippets_thumbs/s_team_profiles_2.gif new file mode 100644 index 000000000..9ad5e8833 Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_team_profiles_2.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_text_block_image_fw.gif b/theme_nano/static/description/snippets_thumbs/s_text_block_image_fw.gif new file mode 100644 index 000000000..8d9494c04 Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_text_block_image_fw.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_text_image_fw.gif b/theme_nano/static/description/snippets_thumbs/s_text_image_fw.gif new file mode 100644 index 000000000..86aae6f2d Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_text_image_fw.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_three_columns_carousel.gif b/theme_nano/static/description/snippets_thumbs/s_three_columns_carousel.gif new file mode 100644 index 000000000..f12e4efa9 Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_three_columns_carousel.gif differ diff --git a/theme_nano/static/description/snippets_thumbs/s_well_extended.gif b/theme_nano/static/description/snippets_thumbs/s_well_extended.gif new file mode 100644 index 000000000..4a425fb53 Binary files /dev/null and b/theme_nano/static/description/snippets_thumbs/s_well_extended.gif differ diff --git a/theme_nano/static/src/img/backgrounds/01.gif b/theme_nano/static/src/img/backgrounds/01.gif new file mode 100644 index 000000000..fe13e65f5 Binary files /dev/null and b/theme_nano/static/src/img/backgrounds/01.gif differ diff --git a/theme_nano/static/src/img/backgrounds/02.gif b/theme_nano/static/src/img/backgrounds/02.gif new file mode 100644 index 000000000..66829dffe Binary files /dev/null and b/theme_nano/static/src/img/backgrounds/02.gif differ diff --git a/theme_nano/static/src/img/backgrounds/03.gif b/theme_nano/static/src/img/backgrounds/03.gif new file mode 100644 index 000000000..0b0c1857c Binary files /dev/null and b/theme_nano/static/src/img/backgrounds/03.gif differ diff --git a/theme_nano/static/src/img/backgrounds/04.gif b/theme_nano/static/src/img/backgrounds/04.gif new file mode 100644 index 000000000..54567eb84 Binary files /dev/null and b/theme_nano/static/src/img/backgrounds/04.gif differ diff --git a/theme_nano/static/src/img/backgrounds/05.gif b/theme_nano/static/src/img/backgrounds/05.gif new file mode 100644 index 000000000..94232a27a Binary files /dev/null and b/theme_nano/static/src/img/backgrounds/05.gif differ diff --git a/theme_nano/static/src/img/backgrounds/06.gif b/theme_nano/static/src/img/backgrounds/06.gif new file mode 100644 index 000000000..d8ee42cd7 Binary files /dev/null and b/theme_nano/static/src/img/backgrounds/06.gif differ diff --git a/theme_nano/static/src/img/backgrounds/07.gif b/theme_nano/static/src/img/backgrounds/07.gif new file mode 100644 index 000000000..8a8c87358 Binary files /dev/null and b/theme_nano/static/src/img/backgrounds/07.gif differ diff --git a/theme_nano/static/src/img/backgrounds/08.gif b/theme_nano/static/src/img/backgrounds/08.gif new file mode 100644 index 000000000..b9b875cc0 Binary files /dev/null and b/theme_nano/static/src/img/backgrounds/08.gif differ diff --git a/theme_nano/static/src/img/backgrounds/09.gif b/theme_nano/static/src/img/backgrounds/09.gif new file mode 100644 index 000000000..26a25794e Binary files /dev/null and b/theme_nano/static/src/img/backgrounds/09.gif differ diff --git a/theme_nano/static/src/img/backgrounds/10.gif b/theme_nano/static/src/img/backgrounds/10.gif new file mode 100644 index 000000000..3fb05d677 Binary files /dev/null and b/theme_nano/static/src/img/backgrounds/10.gif differ diff --git a/theme_nano/static/src/img/backgrounds/11.gif b/theme_nano/static/src/img/backgrounds/11.gif new file mode 100644 index 000000000..2888b2248 Binary files /dev/null and b/theme_nano/static/src/img/backgrounds/11.gif differ diff --git a/theme_nano/static/src/img/backgrounds/12.gif b/theme_nano/static/src/img/backgrounds/12.gif new file mode 100644 index 000000000..1ae4cdacd Binary files /dev/null and b/theme_nano/static/src/img/backgrounds/12.gif differ diff --git a/theme_nano/static/src/img/backgrounds/13.gif b/theme_nano/static/src/img/backgrounds/13.gif new file mode 100644 index 000000000..339a943ca Binary files /dev/null and b/theme_nano/static/src/img/backgrounds/13.gif differ diff --git a/theme_nano/static/src/img/backgrounds/14.gif b/theme_nano/static/src/img/backgrounds/14.gif new file mode 100644 index 000000000..8541727b1 Binary files /dev/null and b/theme_nano/static/src/img/backgrounds/14.gif differ diff --git a/theme_nano/static/src/img/backgrounds/15.gif b/theme_nano/static/src/img/backgrounds/15.gif new file mode 100644 index 000000000..0d87f2d2e Binary files /dev/null and b/theme_nano/static/src/img/backgrounds/15.gif differ diff --git a/theme_nano/static/src/img/backgrounds/16.gif b/theme_nano/static/src/img/backgrounds/16.gif new file mode 100644 index 000000000..ee81304fb Binary files /dev/null and b/theme_nano/static/src/img/backgrounds/16.gif differ diff --git a/theme_nano/static/src/img/content/author.gif b/theme_nano/static/src/img/content/author.gif new file mode 100644 index 000000000..873dfd6c8 Binary files /dev/null and b/theme_nano/static/src/img/content/author.gif differ diff --git a/theme_nano/static/src/img/content/big_picture.gif b/theme_nano/static/src/img/content/big_picture.gif new file mode 100644 index 000000000..c4e6c54a6 Binary files /dev/null and b/theme_nano/static/src/img/content/big_picture.gif differ diff --git a/theme_nano/static/src/img/content/brainstorming.gif b/theme_nano/static/src/img/content/brainstorming.gif new file mode 100644 index 000000000..08f48c6be Binary files /dev/null and b/theme_nano/static/src/img/content/brainstorming.gif differ diff --git a/theme_nano/static/src/img/content/contact.gif b/theme_nano/static/src/img/content/contact.gif new file mode 100644 index 000000000..557a0685f Binary files /dev/null and b/theme_nano/static/src/img/content/contact.gif differ diff --git a/theme_nano/static/src/img/content/event.gif b/theme_nano/static/src/img/content/event.gif new file mode 100644 index 000000000..5192ba193 Binary files /dev/null and b/theme_nano/static/src/img/content/event.gif differ diff --git a/theme_nano/static/src/img/content/flask.gif b/theme_nano/static/src/img/content/flask.gif new file mode 100644 index 000000000..a77f85ece Binary files /dev/null and b/theme_nano/static/src/img/content/flask.gif differ diff --git a/theme_nano/static/src/img/content/image_text.jpg b/theme_nano/static/src/img/content/image_text.jpg new file mode 100644 index 000000000..8e72b25de Binary files /dev/null and b/theme_nano/static/src/img/content/image_text.jpg differ diff --git a/theme_nano/static/src/img/content/location.gif b/theme_nano/static/src/img/content/location.gif new file mode 100644 index 000000000..5e4a089c8 Binary files /dev/null and b/theme_nano/static/src/img/content/location.gif differ diff --git a/theme_nano/static/src/img/content/logo_barber.png b/theme_nano/static/src/img/content/logo_barber.png new file mode 100644 index 000000000..7a6b09eef Binary files /dev/null and b/theme_nano/static/src/img/content/logo_barber.png differ diff --git a/theme_nano/static/src/img/content/logo_bear.png b/theme_nano/static/src/img/content/logo_bear.png new file mode 100644 index 000000000..aa317817c Binary files /dev/null and b/theme_nano/static/src/img/content/logo_bear.png differ diff --git a/theme_nano/static/src/img/content/logo_coffee.png b/theme_nano/static/src/img/content/logo_coffee.png new file mode 100644 index 000000000..83707b43f Binary files /dev/null and b/theme_nano/static/src/img/content/logo_coffee.png differ diff --git a/theme_nano/static/src/img/content/logo_dear.png b/theme_nano/static/src/img/content/logo_dear.png new file mode 100644 index 000000000..210aa86ee Binary files /dev/null and b/theme_nano/static/src/img/content/logo_dear.png differ diff --git a/theme_nano/static/src/img/content/logo_mountain.png b/theme_nano/static/src/img/content/logo_mountain.png new file mode 100644 index 000000000..2fa325683 Binary files /dev/null and b/theme_nano/static/src/img/content/logo_mountain.png differ diff --git a/theme_nano/static/src/img/content/logo_ocean.png b/theme_nano/static/src/img/content/logo_ocean.png new file mode 100644 index 000000000..07b087bf3 Binary files /dev/null and b/theme_nano/static/src/img/content/logo_ocean.png differ diff --git a/theme_nano/static/src/img/content/planning.gif b/theme_nano/static/src/img/content/planning.gif new file mode 100644 index 000000000..742e34f71 Binary files /dev/null and b/theme_nano/static/src/img/content/planning.gif differ diff --git a/theme_nano/static/src/img/content/profiles_boxes_1.gif b/theme_nano/static/src/img/content/profiles_boxes_1.gif new file mode 100644 index 000000000..e29a92e43 Binary files /dev/null and b/theme_nano/static/src/img/content/profiles_boxes_1.gif differ diff --git a/theme_nano/static/src/img/content/profiles_boxes_2.gif b/theme_nano/static/src/img/content/profiles_boxes_2.gif new file mode 100644 index 000000000..356048525 Binary files /dev/null and b/theme_nano/static/src/img/content/profiles_boxes_2.gif differ diff --git a/theme_nano/static/src/img/content/profiles_boxes_3.gif b/theme_nano/static/src/img/content/profiles_boxes_3.gif new file mode 100644 index 000000000..654f481ea Binary files /dev/null and b/theme_nano/static/src/img/content/profiles_boxes_3.gif differ diff --git a/theme_nano/static/src/img/content/rocket.gif b/theme_nano/static/src/img/content/rocket.gif new file mode 100644 index 000000000..14d3b3eac Binary files /dev/null and b/theme_nano/static/src/img/content/rocket.gif differ diff --git a/theme_nano/static/src/img/content/strategy.gif b/theme_nano/static/src/img/content/strategy.gif new file mode 100644 index 000000000..a9ed38857 Binary files /dev/null and b/theme_nano/static/src/img/content/strategy.gif differ diff --git a/theme_nano/static/src/img/content/suitcase.gif b/theme_nano/static/src/img/content/suitcase.gif new file mode 100644 index 000000000..f6c604129 Binary files /dev/null and b/theme_nano/static/src/img/content/suitcase.gif differ diff --git a/theme_nano/static/src/img/content/support.gif b/theme_nano/static/src/img/content/support.gif new file mode 100644 index 000000000..ffaacd7ac Binary files /dev/null and b/theme_nano/static/src/img/content/support.gif differ diff --git a/theme_nano/static/src/img/content/text_image.jpg b/theme_nano/static/src/img/content/text_image.jpg new file mode 100644 index 000000000..ce63678ee Binary files /dev/null and b/theme_nano/static/src/img/content/text_image.jpg differ diff --git a/theme_nano/static/src/img/content/three_columns_1.jpg b/theme_nano/static/src/img/content/three_columns_1.jpg new file mode 100644 index 000000000..348d04998 Binary files /dev/null and b/theme_nano/static/src/img/content/three_columns_1.jpg differ diff --git a/theme_nano/static/src/img/content/three_columns_2.jpg b/theme_nano/static/src/img/content/three_columns_2.jpg new file mode 100644 index 000000000..dd6a5d267 Binary files /dev/null and b/theme_nano/static/src/img/content/three_columns_2.jpg differ diff --git a/theme_nano/static/src/img/content/three_columns_2a.jpg b/theme_nano/static/src/img/content/three_columns_2a.jpg new file mode 100644 index 000000000..f2fda20be Binary files /dev/null and b/theme_nano/static/src/img/content/three_columns_2a.jpg differ diff --git a/theme_nano/static/src/img/content/three_columns_2b.jpg b/theme_nano/static/src/img/content/three_columns_2b.jpg new file mode 100644 index 000000000..51295c1f4 Binary files /dev/null and b/theme_nano/static/src/img/content/three_columns_2b.jpg differ diff --git a/theme_nano/static/src/img/content/three_columns_2c.jpg b/theme_nano/static/src/img/content/three_columns_2c.jpg new file mode 100644 index 000000000..6a585f116 Binary files /dev/null and b/theme_nano/static/src/img/content/three_columns_2c.jpg differ diff --git a/theme_nano/static/src/img/content/three_columns_3.jpg b/theme_nano/static/src/img/content/three_columns_3.jpg new file mode 100644 index 000000000..6b02181da Binary files /dev/null and b/theme_nano/static/src/img/content/three_columns_3.jpg differ diff --git a/theme_nano/static/src/img/content/tools.gif b/theme_nano/static/src/img/content/tools.gif new file mode 100644 index 000000000..0becc3a32 Binary files /dev/null and b/theme_nano/static/src/img/content/tools.gif differ diff --git a/theme_nano/static/src/img/customize/add_snippet_hover.png b/theme_nano/static/src/img/customize/add_snippet_hover.png new file mode 100644 index 000000000..708fb21a1 Binary files /dev/null and b/theme_nano/static/src/img/customize/add_snippet_hover.png differ diff --git a/theme_nano/static/src/img/customize/customize_none.gif b/theme_nano/static/src/img/customize/customize_none.gif new file mode 100644 index 000000000..9b4762561 Binary files /dev/null and b/theme_nano/static/src/img/customize/customize_none.gif differ diff --git a/theme_nano/static/src/img/patterns/01.png b/theme_nano/static/src/img/patterns/01.png new file mode 100644 index 000000000..07f8188d8 Binary files /dev/null and b/theme_nano/static/src/img/patterns/01.png differ diff --git a/theme_nano/static/src/img/patterns/02.png b/theme_nano/static/src/img/patterns/02.png new file mode 100644 index 000000000..ad54ef68d Binary files /dev/null and b/theme_nano/static/src/img/patterns/02.png differ diff --git a/theme_nano/static/src/img/patterns/03.png b/theme_nano/static/src/img/patterns/03.png new file mode 100644 index 000000000..b5e03cfb7 Binary files /dev/null and b/theme_nano/static/src/img/patterns/03.png differ diff --git a/theme_nano/static/src/img/patterns/04.png b/theme_nano/static/src/img/patterns/04.png new file mode 100644 index 000000000..49dd7cfc2 Binary files /dev/null and b/theme_nano/static/src/img/patterns/04.png differ diff --git a/theme_nano/static/src/img/patterns/05.png b/theme_nano/static/src/img/patterns/05.png new file mode 100644 index 000000000..486b60525 Binary files /dev/null and b/theme_nano/static/src/img/patterns/05.png differ diff --git a/theme_nano/static/src/img/patterns/06.png b/theme_nano/static/src/img/patterns/06.png new file mode 100644 index 000000000..6955b170b Binary files /dev/null and b/theme_nano/static/src/img/patterns/06.png differ diff --git a/theme_nano/static/src/img/patterns/07.png b/theme_nano/static/src/img/patterns/07.png new file mode 100644 index 000000000..dbc98f622 Binary files /dev/null and b/theme_nano/static/src/img/patterns/07.png differ diff --git a/theme_nano/static/src/img/patterns/08.png b/theme_nano/static/src/img/patterns/08.png new file mode 100644 index 000000000..2acea98d3 Binary files /dev/null and b/theme_nano/static/src/img/patterns/08.png differ diff --git a/theme_nano/static/src/img/patterns/09.png b/theme_nano/static/src/img/patterns/09.png new file mode 100644 index 000000000..380c47d96 Binary files /dev/null and b/theme_nano/static/src/img/patterns/09.png differ diff --git a/theme_nano/static/src/img/patterns/bg_pattern_demo.png b/theme_nano/static/src/img/patterns/bg_pattern_demo.png new file mode 100644 index 000000000..b6a4db4f3 Binary files /dev/null and b/theme_nano/static/src/img/patterns/bg_pattern_demo.png differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_banner_2.gif b/theme_nano/static/src/img/snippets_thumbs/s_banner_2.gif new file mode 100644 index 000000000..53c245d31 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_banner_2.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_big_message.gif b/theme_nano/static/src/img/snippets_thumbs/s_big_message.gif new file mode 100644 index 000000000..15a805f69 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_big_message.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_big_picture_extended.gif b/theme_nano/static/src/img/snippets_thumbs/s_big_picture_extended.gif new file mode 100644 index 000000000..84d4114e1 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_big_picture_extended.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_button.gif b/theme_nano/static/src/img/snippets_thumbs/s_button.gif new file mode 100644 index 000000000..9d80fa901 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_button.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_carousel_boxed.gif b/theme_nano/static/src/img/snippets_thumbs/s_carousel_boxed.gif new file mode 100644 index 000000000..fbe6423ed Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_carousel_boxed.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_collapse.gif b/theme_nano/static/src/img/snippets_thumbs/s_collapse.gif new file mode 100644 index 000000000..68f361376 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_collapse.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_comparisons.gif b/theme_nano/static/src/img/snippets_thumbs/s_comparisons.gif new file mode 100644 index 000000000..c8a5cf8d4 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_comparisons.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_faq.gif b/theme_nano/static/src/img/snippets_thumbs/s_faq.gif new file mode 100644 index 000000000..5311f60a7 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_faq.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_features_circle.gif b/theme_nano/static/src/img/snippets_thumbs/s_features_circle.gif new file mode 100644 index 000000000..5b0cece2c Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_features_circle.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_features_grid.gif b/theme_nano/static/src/img/snippets_thumbs/s_features_grid.gif new file mode 100644 index 000000000..45661861f Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_features_grid.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_features_grid_circle.gif b/theme_nano/static/src/img/snippets_thumbs/s_features_grid_circle.gif new file mode 100644 index 000000000..45661861f Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_features_grid_circle.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_four_columns_fw.gif b/theme_nano/static/src/img/snippets_thumbs/s_four_columns_fw.gif new file mode 100644 index 000000000..50c54374f Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_four_columns_fw.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_image_floating.gif b/theme_nano/static/src/img/snippets_thumbs/s_image_floating.gif new file mode 100644 index 000000000..8d25d7288 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_image_floating.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_image_text_extended.gif b/theme_nano/static/src/img/snippets_thumbs/s_image_text_extended.gif new file mode 100644 index 000000000..b1bafc718 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_image_text_extended.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_image_text_fw.gif b/theme_nano/static/src/img/snippets_thumbs/s_image_text_fw.gif new file mode 100644 index 000000000..07b7e12d2 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_image_text_fw.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_images_captions.gif b/theme_nano/static/src/img/snippets_thumbs/s_images_captions.gif new file mode 100644 index 000000000..252eb7fee Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_images_captions.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_images_captions_fw.gif b/theme_nano/static/src/img/snippets_thumbs/s_images_captions_fw.gif new file mode 100644 index 000000000..4bdd57def Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_images_captions_fw.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_images_gallery.gif b/theme_nano/static/src/img/snippets_thumbs/s_images_gallery.gif new file mode 100644 index 000000000..641a3c695 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_images_gallery.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_label.gif b/theme_nano/static/src/img/snippets_thumbs/s_label.gif new file mode 100644 index 000000000..e744f415a Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_label.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_medias_list.gif b/theme_nano/static/src/img/snippets_thumbs/s_medias_list.gif new file mode 100644 index 000000000..6627cdc8f Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_medias_list.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_news_carousel.gif b/theme_nano/static/src/img/snippets_thumbs/s_news_carousel.gif new file mode 100644 index 000000000..1a3b7e0f1 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_news_carousel.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_numbers.gif b/theme_nano/static/src/img/snippets_thumbs/s_numbers.gif new file mode 100644 index 000000000..d7248bea7 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_numbers.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_page_header.gif b/theme_nano/static/src/img/snippets_thumbs/s_page_header.gif new file mode 100644 index 000000000..64acf4572 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_page_header.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_panel_extended.gif b/theme_nano/static/src/img/snippets_thumbs/s_panel_extended.gif new file mode 100644 index 000000000..8046b5181 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_panel_extended.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_parallax.gif b/theme_nano/static/src/img/snippets_thumbs/s_parallax.gif new file mode 100644 index 000000000..f5cbc3666 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_parallax.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_parallax_slider.gif b/theme_nano/static/src/img/snippets_thumbs/s_parallax_slider.gif new file mode 100644 index 000000000..f5cbc3666 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_parallax_slider.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_process_steps_2.gif b/theme_nano/static/src/img/snippets_thumbs/s_process_steps_2.gif new file mode 100644 index 000000000..f104030f4 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_process_steps_2.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_quote_extended.gif b/theme_nano/static/src/img/snippets_thumbs/s_quote_extended.gif new file mode 100644 index 000000000..603592571 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_quote_extended.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_quotes_slider_2.gif b/theme_nano/static/src/img/snippets_thumbs/s_quotes_slider_2.gif new file mode 100644 index 000000000..2539ab5ad Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_quotes_slider_2.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_references_2.gif b/theme_nano/static/src/img/snippets_thumbs/s_references_2.gif new file mode 100644 index 000000000..e99f9ff5b Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_references_2.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_separator_extended.gif b/theme_nano/static/src/img/snippets_thumbs/s_separator_extended.gif new file mode 100644 index 000000000..cdf4b1cce Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_separator_extended.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_share_extended.gif b/theme_nano/static/src/img/snippets_thumbs/s_share_extended.gif new file mode 100644 index 000000000..ca6772dd5 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_share_extended.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_tabs.gif b/theme_nano/static/src/img/snippets_thumbs/s_tabs.gif new file mode 100644 index 000000000..4ceaf47be Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_tabs.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_team_profiles_2.gif b/theme_nano/static/src/img/snippets_thumbs/s_team_profiles_2.gif new file mode 100644 index 000000000..7de943eae Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_team_profiles_2.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_text_block_extended.gif b/theme_nano/static/src/img/snippets_thumbs/s_text_block_extended.gif new file mode 100644 index 000000000..5b37221fa Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_text_block_extended.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_text_block_image_fw.gif b/theme_nano/static/src/img/snippets_thumbs/s_text_block_image_fw.gif new file mode 100644 index 000000000..5d78082fb Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_text_block_image_fw.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_text_image_extended.gif b/theme_nano/static/src/img/snippets_thumbs/s_text_image_extended.gif new file mode 100644 index 000000000..75d1a8bdc Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_text_image_extended.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_text_image_fw.gif b/theme_nano/static/src/img/snippets_thumbs/s_text_image_fw.gif new file mode 100644 index 000000000..bd5df6388 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_text_image_fw.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_three_columns.gif b/theme_nano/static/src/img/snippets_thumbs/s_three_columns.gif new file mode 100644 index 000000000..8309985fd Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_three_columns.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_three_columns_carousel.gif b/theme_nano/static/src/img/snippets_thumbs/s_three_columns_carousel.gif new file mode 100644 index 000000000..63bd8ba98 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_three_columns_carousel.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_title.gif b/theme_nano/static/src/img/snippets_thumbs/s_title.gif new file mode 100644 index 000000000..7446b62a4 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_title.gif differ diff --git a/theme_nano/static/src/img/snippets_thumbs/s_well_extended.gif b/theme_nano/static/src/img/snippets_thumbs/s_well_extended.gif new file mode 100644 index 000000000..4a425fb53 Binary files /dev/null and b/theme_nano/static/src/img/snippets_thumbs/s_well_extended.gif differ diff --git a/theme_nano/static/src/less/colors.less b/theme_nano/static/src/less/colors.less new file mode 100644 index 000000000..019afda32 --- /dev/null +++ b/theme_nano/static/src/less/colors.less @@ -0,0 +1,128 @@ +/* MAIN + ========================================================================== */ + +/* 01. Press */ + +@press-alpha: #ed8558; +@press-beta: #74bcc5; +@press-gamma: #7cc086; +@press-delta: #afd5a6; +@press-epsilon: #f3da80; + +/* 02. Food */ + +@food-alpha: #ED8C2B; +@food-beta: #CF4A30; +@food-gamma: #911146; +@food-delta: #35203B; +@food-epsilon: #88A825; + +/* 03. Environment */ + +@environment-alpha: #79BD8F; +@environment-beta: #00A388; +@environment-gamma: #046380; +@environment-delta: #4BB5C1; +@environment-epsilon: #BEEB9F; + +/* 04. Agency */ + +@agency-alpha: #16c6cc; +@agency-beta: #D72D3C; +@agency-gamma: #ff6d3b; +@agency-delta: #ffb733; +@agency-epsilon: #ffd55c; + +/* 05. Technology */ + +@technology-alpha: #14212B; +@technology-beta: #E6E2AF; +@technology-gamma: #C9DE55; +@technology-delta: #962D3E; +@technology-epsilon: #413659; + +/* 06. Travel */ + +@travel-alpha: #db5d6b; +@travel-beta: #ea958e; +@travel-gamma: #fffcdb; +@travel-delta: #d4e090; +@travel-epsilon: #79d4be; + + +/* TEXTS + ========================================================================== */ + +#wrapwrap{ + [class*="bg-"].automatic-color, + .automatic-color{ + color: @gray-darker; + } + .bg-white [class*="bg-"] .text-white, + [class*="bg-"].text-white, + .text-white{ + color: #fff; + } + .bg-gray-lighter [class*="bg-"] .text-gray-lighter, + [class*="bg-"].text-gray-lighter, + .text-gray-lighter{ + color: @gray-lighter; + } + .bg-gray [class*="bg-"] .text-gray, + [class*="bg-"].text-gray, + .text-gray{ + color: @gray; + } + .bg-gray-darker [class*="bg-"] .text-gray-darker, + [class*="bg-"].text-gray-darker, + .text-gray-darker{ + color: @gray-darker; + } + .bg-alpha [class*="bg-"] .text-primary, + [class*="bg-"].text-primary, + .text-primary{ + color: @color-alpha; + } + .bg-beta [class*="bg-"] .text-success, + [class*="bg-"].text-success, + .text-success{ + color: @color-beta; + } + .bg-gamma [class*="bg-"] .text-info, + [class*="bg-"].text-info, + .text-info{ + color: @color-gamma; + } + .bg-delta [class*="bg-"] .text-warning, + [class*="bg-"].text-warning, + .text-warning{ + color: @color-delta; + } + .bg-epsilon [class*="bg-"] .text-danger, + [class*="bg-"].text-danger, + .text-danger{ + color: @color-epsilon; + } + .text-muted{ + .text-muted(@gray-darker); + } + h1, h2, h3, h4, h5, h6{ + &[class*="bg-"]{ + padding: 2px 12px 6px 12px; + } + } +} + + +/* UNUSED BACKGROUNDS COLORS + ========================================================================== */ + +.bg-gray-light{ + background-color: @gray-light; +} +.bg-gray-dark{ + background-color: @gray-dark; +} +.bg-black{ + background-color: #000; +} \ No newline at end of file diff --git a/theme_nano/static/src/less/customize_modal.less b/theme_nano/static/src/less/customize_modal.less new file mode 100644 index 000000000..b8314f545 --- /dev/null +++ b/theme_nano/static/src/less/customize_modal.less @@ -0,0 +1,509 @@ +/* CUSTOMIZE THEME - MODAL + ================================================== */ + +#theme_customize_modal{ + &.modal.fade:not(.in) .modal-dialog{ + .translate3d(50%, 0, 0); + } + #nano_customize_modal{ + text-transform: inherit; + .modal-dialog{ + top: 0; + right: 0; + height: 100vh; + .modal-content{ + height: 100%; + border-radius: 0; + border: 0; + width: 470px; + } + } + .modal-header{ + background-color: #000; + color: #fff; + border: 0; + height: 10%; + min-height: 70px; + } + .modal-header{ + .modal-title{ + line-height: 1.2; + font-family: 'Roboto', sans-serif; + font-size: 34px; + } + .close{ + width: 32px; + height: 32px; + line-height: 28px; + margin-top: 4px; + background-color: #fff; + color: @gray-darker; + text-shadow: @shadow; + opacity: 0.5; + border-radius: 50%; + font-size: 1.3em; + &:hover{ + opacity: 1; + background-color: @brand-primary; + color: #fff; + } + } + } + .panel-group .panel-heading+.panel-collapse>.panel-body{ + border-top-color: #fff; + } + .panel{ + border: 0; + box-shadow: @shadow; + border-radius: @border-radius-small; + } + .panel-group{ + margin-bottom: 0; + } + .panel-group .panel + .panel{ + margin-top: 0; + } + .panel-heading{ + padding: 0; + margin-bottom: 1px; + a{ + display: block; + padding: 15px; + text-decoration: none; + text-transform: uppercase; + background-color: @brand-success; + color: #fff; + &.collapsed{ + background-color: #fff; + color: #000; + } + &.collapsed:hover{ + background-color: @brand-primary; + color: #fff; + } + } + } + .panel-heading a:before{ + content: '\f068'; + font-family: 'FontAwesome'; + margin-right: 10px; + } + .panel-heading a.collapsed:before{ + content: '\f067'; + font-family: 'FontAwesome'; + } + .modal-body{ + padding: 0; + height: 90%; + background-color: #000; + } + .panel-body{ + h5{ + font-family: 'Roboto', sans-serif; + font-size: 16px; + } + padding: 20px 38px; + border-bottom: 1px solid #000; + .icon{ + text-align: left; + clear: both; + font-weight: normal; + } + .icon:before{ + content: '\f111'; + font-family: 'FontAwesome'; + font-size: 18px; + margin-right: 8px; + margin-bottom: 10px; + color: #ccc; + float: left; + } + .icon:hover{ + color: @gray-darker; + cursor: pointer; + } + .icon:hover:before{ + content: '\f058'; + font-family: 'FontAwesome'; + color: #000; + } + .icon.checked:before{ + content: '\f058'; + font-family: 'FontAwesome'; + color: @brand-success; + } + .icon span{ + float: left; + width: 30px; + height: 30px; + } + .none{ + background-image:url('/theme_nano/static/src/img/customize/customize_none.gif'); + background-position: center; + border: 1px solid #000; + } + /* Grayscale */ + .white{background-color: #fff;border: 1px solid @gray-darker !important;} + .gray-lighter{background-color: @gray-lighter;} + .gray-darker{background-color: @gray-darker;} + /* Press */ + .press-alpha{background-color: @press-alpha;} + .press-beta{background-color: @press-beta;} + .press-gamma{background-color: @press-gamma;} + .press-delta{background-color: @press-delta;} + .press-epsilon{background-color: @press-epsilon;} + /* Environment */ + .environment-alpha{background-color: @environment-alpha;} + .environment-beta{background-color: @environment-beta;} + .environment-gamma{background-color: @environment-gamma;} + .environment-delta{background-color: @environment-delta;} + .environment-epsilon{background-color: @environment-epsilon;} + /* Agency */ + .agency-alpha{background-color: @agency-alpha;} + .agency-beta{background-color: @agency-beta;} + .agency-gamma{background-color: @agency-gamma;} + .agency-delta{background-color: @agency-delta;} + .agency-epsilon{background-color: @agency-epsilon;} + /* Technology */ + .technology-alpha{background-color: @technology-alpha;} + .technology-beta{background-color: @technology-beta;} + .technology-gamma{background-color: @technology-gamma;} + .technology-delta{background-color: @technology-delta;} + .technology-epsilon{background-color: @technology-epsilon;} + /* Travel */ + .travel-alpha{background-color: @travel-alpha;} + .travel-beta{background-color: @travel-beta;} + .travel-gamma{background-color: @travel-gamma;} + .travel-delta{background-color: @travel-delta;} + .travel-epsilon{background-color: @travel-epsilon;} + /* Food */ + .food-alpha{background-color: @food-alpha;} + .food-beta{background-color: @food-beta;} + .food-gamma{background-color: @food-gamma;} + .food-delta{background-color: @food-delta;} + .food-epsilon{background-color: @food-epsilon;} + } + } +} + + +/* EDITOR OPTIONS + ================================================== */ + +/* Selector Button */ +.navbar-inverse{ + background-color: #000; + .navbar-nav>.active>a, + .navbar-nav>.active>a:hover, + .navbar-nav>.active>a:focus{ + background-color: #000; + } +} + +#oe_manipulators{ + .oe_overlay{ + .oe_overlay_options{ + top: 2px; + left: 0 !important; + > .btn-group{ + left: 0; + } + } + } +} + +.modal-content, +.modal-footer .btn-danger, +.save, +#editor-media-image button, +.select-media .previous a, +.select-media .next a,{ + border-radius: @border-radius-small; +} + +.oe_options{ + .dropdown-menu{ + padding: 0; + margin: -1px 0 0 0; + min-width: 240px; + border-radius: @border-radius-small; + > li{ + margin: 0; + &:hover{ + > a{ + color: @brand-primary; + &:after{ + border-left-color: @brand-primary; + } + .fa{ + background-color: @brand-primary; + color:#fff; + } + } + } + a{ + line-height: 40px; + font-size: 14px; + padding: 0 20px 0 15px; + &:hover{ + color: @brand-primary; + } + &:after{ + margin-top: 16px; + } + &:hover:after{ + border-left-color: @brand-primary; + } + .fa{ + width: 40px; + height: 40px; + line-height: 40px; + background-color: #ccc; + text-align: center; + margin-right: 12px; + margin-left: -15px; + } + &:hover .fa{ + color: #fff; + background-color: @brand-primary; + } + } + /* Not COLORPICKER */ + > .dropdown-menu{ + border-radius: 0; + a:hover:after{ + content: '\f00c'; + font-family: 'FontAwesome'; + position: absolute; + right: 0; + margin: 0 15px 0 0; + color: @brand-primary; + } + > .active > a{ + color: #fff; + &:after{ + content: '\f00c'; + font-family: 'FontAwesome'; + position: absolute; + right: 0; + margin: 0 15px 0 0; + color: #fff; + } + } + } + /* COLORPICKER */ + > .dropdown-menu.nano-colorpicker{ + background-clip: inherit; + font-size: 0; + padding: 5px; + li{ + display: inline-block; + margin: 5px; + a{ + width: 40px; + height: 40px; + text-align: center; + padding: 0; + } + &.active a:after, + a:hover:after{ + background-color: #fff; + right: auto; + left: auto; + font-size: 16px; + width: 24px; + height: 24px; + line-height: 26px; + margin: 7px 0 0 -12px; + } + &.active a.color-alpha:after, + a.color-alpha:hover:after{ + color: @color-alpha; + } + &.active a.color-beta:after, + a.color-beta:hover:after{ + color: @color-beta; + } + &.active a.color-gamma:after, + a.color-gamma:hover:after{ + color: @color-gamma; + } + &.active a.color-delta:after, + a.color-delta:hover:after{ + color: @color-delta; + } + &.active a.color-epsilon:after, + a.color-epsilon:hover:after{ + color: @color-epsilon; + } + &.active a.none:after, + &.active a.snippets-option-pattern:after, + &.active a.white:after, + a.none:hover:after, + a.snippets-option-pattern:hover:after, + a.white:hover:after{ + color: @gray-darker; + } + &.active a.gray-lighter:after, + a.gray-lighter:hover:after{ + color: @gray-lighter; + } + &.active a.gray:after, + a.gray:hover:after{ + color: @gray; + } + &.active a.gray-darker:after, + a.gray-darker:hover:after{ + color: @gray-darker; + } + } + .active .none, + .active .none:hover, + .none, + .none:hover{ + background-image: url('/theme_nano/static/src/img/customize/customize_none.gif'); + border: 1px solid @gray-darker !important; + background-position: center; + } + .active .white, + .active .white:hover, + .white, + .white:hover{ + background-color: #fff; + border: 1px solid @gray-darker !important; + } + .active .gray-lighter, + .active .gray-lighter:hover, + .gray-lighter, + .gray-lighter:hover{ + background-color: @gray-lighter; + border: 1px solid @gray-lighter; + } + .active .gray, + .active .gray:hover, + .gray, + .gray:hover{ + background-color: @gray; + border: 1px solid @gray; + } + .active .gray-darker, + .active .gray-darker:hover, + .gray-darker, + .gray-darker:hover{ + background-color: @gray-darker; + border: 1px solid @gray-darker; + } + .active .color-alpha, + .active .color-alpha:hover, + .color-alpha, + .color-alpha:hover{ + background-color: @color-alpha; + border: 1px solid @color-alpha; + } + .active .color-beta, + .active .color-beta:hover, + .color-beta, + .color-beta:hover{ + background-color: @color-beta; + border: 1px solid @color-beta; + } + .active .color-gamma, + .active .color-gamma:hover, + .color-gamma, + .color-gamma:hover{ + background-color: @color-gamma; + border: 1px solid @color-gamma; + } + .active .color-delta, + .active .color-delta:hover, + .color-delta, + .color-delta:hover{ + background-color: @color-delta; + border: 1px solid @color-delta; + } + .active .color-epsilon, + .active .color-epsilon:hover, + .color-epsilon, + .color-epsilon:hover{ + background-color: @color-epsilon; + border: 1px solid @color-epsilon; + } + } + /* BACKGROUND IMAGES */ + > .dropdown-menu.nano-bg-img-selector{ + width: 515px; + .inline{ + margin: 10px 0 4px 10px; + display: block; + li{ + display: inline-block; + a{ + display: block; + position: relative; + padding: 0; + width: 120px; + height: 70px; + overflow: hidden; + text-align: center; + } + &.active a:after, + a:hover:after{ + background-color: #fff; + right: auto; + left: 45px; + font-size: 16px; + width: 30px; + height: 30px; + line-height: 32px; + margin: 20px 0 0 0; + } + } + } + } + > .dropdown-menu .dropdown-submenu{ + a:hover:after{ + content: ''; + } + } + } + } +} + +.modal-body .link-style li label{ + width: auto; + margin: 2px 5px; +} + +/* SNIPPETS NAVBAR + ================================================== */ + +#snippet_structure, +#snippet_content, +#snippet_feature, +#snippet_effect{ + .oe_snippet{ + // width: 90px; + margin: 0 0 5px 5px; + .oe_snippet_thumbnail_title{ + margin-top: 5px; + } + .oe_snippet_thumbnail .oe_snippet_thumbnail_img{ + // width: 90px; + // height: 90px; + border: 5px solid inherit; + box-shadow: @shadow; + } + .oe_snippet_thumbnail:hover .oe_snippet_thumbnail_img{ + transform: scale(1, 1); + } + .oe_snippet_thumbnail:hover:before{ + content: ""; + position: absolute; + right: 0; + background-image: url('/theme_nano/static/src/img/customize/add_snippet_hover.png'); + z-index: 1; + width: 30px; + height: 30px; + } + } +} \ No newline at end of file diff --git a/theme_nano/static/src/less/layout.less b/theme_nano/static/src/less/layout.less new file mode 100644 index 000000000..0bca38d63 --- /dev/null +++ b/theme_nano/static/src/less/layout.less @@ -0,0 +1,583 @@ +/* BASIC + ========================================================================== */ + +html, body { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + // @media + // only screen and (-webkit-min-device-pixel-ratio: 1.25), + // only screen and ( min-device-pixel-ratio: 1.25), + // only screen and ( min-resolution: 200dpi), + // only screen and ( min-resolution: 1.25dppx) { + // -webkit-font-smoothing: subpixel-antialiased; + // } +} + +#wrapwrap { + .hyphens; + background-color: rgba(0, 0, 0, 0); + font-weight: @font-normal; + font-family: @font-family-base; + .container { + width: auto; + } + a{ + .transition(.25s); + } + b, strong { + font-weight: @font-bold; + } + h1, h2, h3, h4, h5, h6 { + b, strong { + font-weight: @headings-font-bold; + } + } + p:not(.s_share) a:not(.btn) { + text-decoration: underline; + } + .readable { + padding: 0 30px; + .container { + width: auto; + } + } + header{ + z-index: @zindex-navbar - 1; + } + #preheader, + .dropdown-menu{ + z-index: @zindex-navbar + 3; + } + @media (min-width: @screen-md-min) { + #footer > .row{ + margin-left: 0; + } + } +} + + +/* LAYOUT ≥ 992px + ========================================================================== */ + +@media (min-width: @screen-md-min) { + html, + body, + #wrapwrap, + #wrap, + #preheader, + header, + .navbar-default, + main { + height: 100%; + } + header { + .affix; + top: 0; + } + #wrapwrap main > *, + #copyright { + margin-left: 320px; + } + #footer{ + padding-left: 320px; + } +} + + +/* LAYOUT ≥ 1200px + ========================================================================== */ + +@media (min-width: @screen-lg-min) { + #wrapwrap main > *, + #copyright { + margin-left: 380px; + } + #footer{ + padding-left: 380px; + } +} + + +/* PREHEADER - Shared Styles + ========================================================================== */ + +#preheader { + font-size: @layout-font-size; + font-weight: @layout-font-weight; + .contact-address { + font-weight: @font-normal; + font-size: @font-size-small; + span[itemprop="name"] { + display: block; + font-weight: @font-bold; + font-size: @font-size-base; + } + } + .fa-size-generator(20px); + .fa { + .color(@gray-darker; #fff); + &:hover { + .color(#fff; @color-alpha); + } + } + .btn-group { + button { + border: 0; + padding: 0; + .color(rgba(0, 0, 0, 0); inherit); + } + &.open { + button { + box-shadow: @shadow; + } + .fa { + .color(#fff; @color-alpha); + } + } + > .dropdown-menu { + border-radius: @border-radius-small; + box-shadow: @shadow; + color: @gray-darker; + margin-top: 0; + > li { + margin: 0; + > a { + color: @gray-darker; + font-size: @font-size-small; + text-transform: uppercase; + &:hover{ + color: @gray-darker; + background-color: @gray-lighter; + } + } + .fa-size-generator(0); + .fa { + line-height: @line-height-base; + background-color: rgba(0, 0, 0, 0); + } + } + } + } +} + + +/* PREHEADER ≤ 991px + ========================================================================== */ + +@media (max-width: @screen-sm-max) { + #preheader { + height: 50px; + padding: 8px 20px; + .fa-size-generator(15px); + #lang { + float: left; + margin: 0 5px 0 0; + } + #contact { + float: left; + } + #social { + display: block; + text-align: right; + a:hover, + a:focus{ + text-decoration: none; + } + } + } +} + + +/* PREHEADER ≥ 992px + ========================================================================== */ + +@media (min-width: @screen-md-min) { + #preheader { + .affix; + width: 60px; + padding: 50px 0; + text-align: center; + #lang { + margin: 0 0 30px; + } + #contact { + margin: 0 0 45px; + address { + margin: 0 0 10px; + } + .contact-address { + padding: 20px; + span[itemprop="name"] { + display: block; + padding: 0 0 15px 0; + } + } + } + .fa { + margin-bottom: 5px; + } + .btn-group > .dropdown-menu { + top: 0; + left: 300px; + width: 260px; + border: 0; + padding: 0; + margin-left: 10px; + @media (min-width: @screen-lg-min) { + left: 360px; + width: 320px; + } + > li { + margin: 0; + > a { + padding: 10px 20px; + margin: 0; + } + .fa { + margin: 0 5px 0 0; + } + } + } + } +} + + +/* NAVBAR-HEADER + ========================================================================== */ + +header .navbar-header { + @media (max-width: @screen-sm-max) { + padding: 10px 0; + } + @media (min-width: @screen-md-min) { + padding: 40px 0 25px 0; + } + .navbar-brand{ + height: 60px; + img{ + max-height: 60px; + } + } +} + + +/* NAVBAR-NAV // First level + ========================================================================== */ + +header .navbar-default { + border: 0; + @media (max-width: @screen-sm-max) { + .navbar-collapse{ + border: 0; + box-shadow: @shadow; + } + } + @media (min-width: @screen-md-min) { + left: 60px; + width: 260px; + .navbar-collapse{ + margin-left: -20px; + } + } + @media (min-width: @screen-lg-min) { + width: 320px; + } + .navbar-nav { + @media (min-width: @screen-md-min) { + width: 100%; + } + li { + @media (min-width: @screen-md-min) { + float: none; + } + a { + padding: 8px 20px; + margin: 0 0 5px 0; + font-family: @btn-font-family; + font-size: @btn-font-size; + font-weight: @btn-font-weight; + line-height: @line-height-computed; + text-transform: uppercase; + .border-left-radius(@border-radius-large); + @media (min-width: @screen-md-min) { + .caret { + border-left: 5px solid; + margin-top: 6px; + border-bottom: @caret-width-large solid rgba(0, 0, 0, 0); + border-top: @caret-width-large solid rgba(0, 0, 0, 0); + float: right; + } + } + } + &.divider { + display: none; + } + } + } +} + + +/* NAVBAR-NAV // ≥ 768px - 991px + ========================================================================== */ + +@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { + header .navbar-default .navbar-nav { + &.navbar-right:last-child{ + margin: 0 -10px 0 0; + } + > li { + margin: 26px 5px 10px 0; + a { + padding: 3px 15px; + font-size: @font-size-extra-small; + border-radius: @border-radius-large; + } + } + } +} + + +/* NAVBAR-NAV // ≤ 767px + ========================================================================== */ + +@media (max-width: @screen-xs-max) { + header .navbar-default .navbar-nav { + margin: 0; + padding-bottom: 20px; + li { + a { + margin-bottom: 5px; + padding: 6px 20px; + border-radius: @border-radius-large; + } + } + } +} + + +/* NAVBAR-NAV // Second level + ========================================================================== */ + +header .navbar-default .navbar-nav > .open > .dropdown-menu { + border: 0; + padding: 0; + box-shadow: @shadow; + @media (max-width: @screen-xs-max) { + margin-bottom: 20px; + } + @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { + min-width: 220px; + left: 0; + margin-top: 14px; + background-color: @gray-darker; + } + @media (min-width: @screen-md-min) { + min-width: 280px; + top: 0; + left: 100%; + } + > li { + > a { + margin-bottom: 0; + @media (max-width: @screen-xs-max) { + margin-bottom: 5px; + border-radius: @border-radius-large; + padding: 6px 20px; + } + @media (min-width: @screen-sm-min){ + border-radius: @border-radius-small; + } + } + } +} + + +/* NAVBAR-NAV // Hamburger menu ≤ 992px + ========================================================================== */ + +header .navbar-default .navbar-toggle { + border-radius: @border-radius-small; + border: 0; + padding: 10px; + margin: 10px 15px 0 0; + .icon-bar { + background-color: #fff; + .size(28px; 3px); + &+.icon-bar { + margin-top: 5px; + } + } + &:hover, + &:focus { + background-color: rgba(0, 0, 0, 0); + .icon-bar { + background-color: @color-alpha; + } + } +} + + +/* COPYRIGHT + ========================================================================== */ + +#copyright { + display: block; + #company { + padding: 10px 20px; + font-size: @layout-font-size; + font-weight: @layout-font-weight; + } + #back-top { + margin: 5px 0; + .fa { + .color(@gray-darker; #fff); + &:hover { + .color(#fff; @color-alpha); + } + } + .fa-size-generator(10px); + } + #odoo { + padding-top: 10px; + text-align: right; + .label { + padding: 0 6px; + color: @color-alpha; + font-size: 100%; + border-radius: @border-radius-base; + } + } +} + + +/* MODULES - FORUM + ========================================================================== */ + +.website_forum .navbar-default { + border: 0; + background-color: @gray-lighter; + border-radius: @border-radius-base; + .navbar-nav { + li a{ + color: @gray-darker; + padding: 2px 20px; + margin: 12px 4px; + border-radius: @border-radius-large; + &:hover{ + background-color: #fff; + color: @gray-darker; + } + } + > .active > a, + > .active > a:hover, + > .active > a:focus { + background-color: @color-alpha; + color: #fff; + } + } +} + +#wrapwrap { + .breadcrumb { + border-radius: @border-radius-large; + } + #right-column { + .btn{ + padding: 8px 20px; + display: block; + width: 100%; + } + } + .box { + padding: 0; + margin: 0; + border-radius: @border-radius-base; + } + .oe_grey { + background-color: @gray-lighter; + } + .page-header small.dropdown { + display: block; + font-size: 24px; + margin: 6px 0; + .dropdown-menu > .active > a, + .dropdown-menu > .active > a:hover, + .dropdown-menu > .active > a:focus{ + background-color: @color-alpha; + } + .dropdown-menu > li > a:hover, + .dropdown-menu > li > a:focus{ + background-color: @gray-lighter; + } + } + .question h1 { + a{ + color: @gray-darker; + &:hover { + text-decoration: none; + } + } + } + .question .list-inline, + .forum_answer .list-inline { + a, .btn-link { + color: @gray-darker; + &:before { + color: @color-alpha; + } + &:hover { + text-decoration: none; + color: @color-alpha; + &:before { + color: darken(@color-alpha, 15%); + } + } + } + } + .form-group { + .form-control { + padding: 6px 20px; + border: 1px solid @gray-darker; + &:focus{ + border: 1px solid @color-alpha; + box-shadow: @shadow; + } + } + button[type="submit"] { + .border-left-radius(@border-radius-small); + padding: 8px 22px 8px 16px; + } + input[type="search"] { + border-radius: @border-radius-large; + .border-right-radius(@border-radius-small); + float: left; + max-width: 180px; + } + } +} + + +/* MODULES - SHOP + ========================================================================== */ + +#wrapwrap .input-group { + .btn.a-submit{ + .border-left-radius(@border-radius-small); + padding: 8px 22px 8px 16px; + } + .form-control{ + border: 1px solid @gray-darker; + box-shadow: @shadow; + &.search-query{ + .border-left-radius(@border-radius-large); + } + } +} + + +/* MODULES - BLOG + ========================================================================== */ + +.cover .blog_title{ + padding: 0 20px; +} \ No newline at end of file diff --git a/theme_nano/static/src/less/mixins.less b/theme_nano/static/src/less/mixins.less new file mode 100644 index 000000000..a7e4035ef --- /dev/null +++ b/theme_nano/static/src/less/mixins.less @@ -0,0 +1,274 @@ +/* BACKGROUND COLORS + ========================================================================== */ + +.bg-mixin(@background; @color; @bs-selector; @wb-selector){ + background-color: @background; + color: @color; + a:not(.btn), + &.fa, + .text-@{bs-selector}, + .blockquote-text small{ + color: @color; + } + .bg-@{wb-selector}.label{ + background-color: @color; + color: @background; + } + .btn.btn-@{bs-selector}, + .btn.btn-default{ + background-color: @color; + color: @background; + &:hover{ + color: @color; + } + } + .bg-@{wb-selector}{ + &.fa{ + background-color: @color; + color: @background; + } + .img-thumbnail(@background, @color); + } + .panel-@{wb-selector}{ + .panel-color(@color, @background); + } + .well-@{wb-selector}{ + .well-color(@color); + } + .img-thumbnail(@color, @background); +} + +.bg-none(@background; @color){ + background-color: rgba(0, 0, 0, 0); +} + +.white(@content-color){ + .bg-white{ + .bg-mixin(#fff, @content-color, white, white); + } + .panel-white{ + .panel-color(#fff, @content-color); + } + .well-white{ + .well-color(#fff); + } +} + +.gray-lighter(@content-color){ + .bg-gray-lighter{ + .bg-mixin(@gray-lighter, @content-color, gray-lighter, gray-lighter); + } + .panel-gray-lighter{ + .panel-color(@gray-lighter, @content-color); + } + .well-gray-lighter{ + .well-color(@gray-lighter); + } +} + +.gray(@content-color){ + .bg-gray{ + .bg-mixin(@gray, @content-color, gray, gray); + } + .panel-gray{ + .panel-color(@gray, @content-color); + } + .well-gray{ + .well-color(@gray); + } +} + +.gray-darker(@content-color){ + .bg-gray-darker{ + .bg-mixin(@gray-darker, @content-color, gray-darker, gray-darker); + } + .panel-gray-darker{ + .panel-color(@gray-darker, @content-color); + } + .well-gray-darker{ + .well-color(@gray-darker); + } + .well-gray-darker{ + .well-color(@gray-darker); + } +} + +.alpha(@content-color){ + .bg-alpha{ + .bg-mixin(@color-alpha, @content-color, primary, alpha); + } + .panel-alpha{ + .panel-color(@color-alpha, @content-color); + } + .panel-primary{ + .panel-variant(@color-alpha; @content-color; @color-alpha; @color-alpha); + } + .well-alpha{ + .well-color(@color-alpha); + } +} + +.beta(@content-color){ + .bg-beta{ + .bg-mixin(@color-beta, @content-color, success, beta); + } + .panel-beta{ + .panel-color(@color-beta, @content-color); + } + .panel-success{ + .panel-variant(@color-beta; @content-color; @color-beta; @color-beta); + } + .well-beta{ + .well-color(@color-beta); + } +} + +.gamma(@content-color){ + .bg-gamma{ + .bg-mixin(@color-gamma, @content-color, info, gamma); + } + .panel-gamma{ + .panel-color(@color-gamma, @content-color); + } + .panel-info{ + .panel-variant(@color-gamma; @content-color; @color-gamma; @color-gamma); + } + .well-gamma{ + .well-color(@color-gamma); + } +} + +.delta(@content-color){ + .bg-delta{ + .bg-mixin(@color-delta, @content-color, warning, delta); + } + .panel-delta{ + .panel-color(@color-delta, @content-color); + } + .panel-warning{ + .panel-variant(@color-delta; @content-color; @color-delta; @color-delta); + } + .well-delta{ + .well-color(@color-delta); + } +} + +.epsilon(@content-color){ + .bg-epsilon{ + .bg-mixin(@color-epsilon, @content-color, danger, epsilon); + } + .panel-epsilon{ + .panel-color(@color-epsilon, @content-color); + } + .panel-danger{ + .panel-variant(@color-epsilon; @content-color; @color-epsilon; @color-epsilon); + } + .well-epsilon{ + .well-color(@color-epsilon); + } +} + + +/* PANEL COLORS + ========================================================================== */ + +.panel-color(@color, @textcolor){ + border-color: @color; + .list-group li.active{ + background-color: @color !important; + color: @textcolor; + } + > .panel-heading{ + background-color: @color; + color: @textcolor; + .text-muted{ + color: @textcolor; + } + > .panel-title, a{ + color: @textcolor; + } + } + .tab-content{ + border-left: 1px solid @color; + border-bottom: 1px solid @color; + border-right: 1px solid @color; + padding: 20px; + } + .nav-tabs{ + border-bottom: 1px solid @color; + > li { + > a{ + background-color: inherit; + color: @color; + &:hover, + &:focus{ + background-color: @color; + border: 1px solid @color; + border-bottom-color: @color; + color: @textcolor; + .fa{ + color: @textcolor; + } + } + } + &.active a, + &.active a:hover, + &.active a:focus{ + border: 1px solid @color; + background-color: @color; + color: @textcolor; + .fa{ + color: @textcolor; + } + } + } + } +} + + +/* WELL COLORS + ========================================================================== */ + +.well-color(@color){ + background-color: rgba(0, 0, 0, 0); + border-color: @color; + color: inherit; + .fa{ + color: @color; + } +} + + +/* THUMBNAILS COLORS + ========================================================================== */ + +.img-thumbnail(@first-border-color; @second-border-color){ + &.thumbnail, + &.img-thumbnail{ + @shadow: 0 0 0 3px @first-border-color, 0 0 0 6px @second-border-color; + .box-shadow(@shadow); + } +} + + +/* TEXT MUTED + ========================================================================== */ + +.text-muted(@color){ + color: @color; + opacity: (@opacity * 0.5); +} + +/* Fix non-clickable input */ +#wrapwrap form div.text-muted { + opacity: 1; +} + + +/* LAYOUT COLORS + ========================================================================== */ + +.layout-font-styles(@layout-font-size; @layout-font-weight){ + font-size: @layout-font-size; + font-weight: @layout-font-weight; +} \ No newline at end of file diff --git a/theme_nano/static/src/less/options/colors/colors_agency.less b/theme_nano/static/src/less/options/colors/colors_agency.less new file mode 100644 index 000000000..f4e0de239 --- /dev/null +++ b/theme_nano/static/src/less/options/colors/colors_agency.less @@ -0,0 +1,42 @@ +/* ========================================================================== + AGENCY + ========================================================================== */ + + +/* Colors + ========================================================================== */ + +@color-alpha: @agency-alpha; +@color-beta: @agency-beta; +@color-gamma: @agency-gamma; +@color-delta: @agency-delta; +@color-epsilon: @agency-epsilon; + + +/* Grayscale + ========================================================================== */ + +@gray-darker: #20364d; +// @gray-dark: #20364d; +@gray: #50667e; +// @gray-light: #b8d1e6; +@gray-lighter: #e1effa; + + +/* Content Colors + ========================================================================== */ + +#wrapwrap{ + .white(@gray-darker); + .gray-lighter(@gray-darker); + .gray(#fff); + .gray-darker(#fff); + .alpha(#fff); + .beta(#fff); + .gamma(#fff); + .delta(@gray-darker); + .epsilon(@gray-darker); +} + +@layout-icons-color: #fff; +@link-color: @color-alpha; \ No newline at end of file diff --git a/theme_nano/static/src/less/options/colors/colors_environment.less b/theme_nano/static/src/less/options/colors/colors_environment.less new file mode 100644 index 000000000..cfd8c9a01 --- /dev/null +++ b/theme_nano/static/src/less/options/colors/colors_environment.less @@ -0,0 +1,40 @@ +/* ========================================================================== + ENVIRONMENT + ========================================================================== */ + + +/* Colors + ========================================================================== */ + +@color-alpha: @environment-alpha; +@color-beta: @environment-beta; +@color-gamma: @environment-gamma; +@color-delta: @environment-delta; +@color-epsilon: @environment-epsilon; + + +/* Grayscale + ========================================================================== */ + +// @gray-darker: #1d2127; +@gray: #A7A37E; +@gray-lighter: #EFECCA; + + +/* Content Colors + ========================================================================== */ + +#wrapwrap{ + .white(@gray-darker); + .gray-lighter(@gray-darker); + .gray(#fff); + .gray-darker(#fff); + .alpha(#fff); + .beta(#fff); + .gamma(#fff); + .delta(#fff); + .epsilon(@gray-darker); +} + +@layout-icons-color: #fff; +@link-color: @color-alpha; \ No newline at end of file diff --git a/theme_nano/static/src/less/options/colors/colors_food.less b/theme_nano/static/src/less/options/colors/colors_food.less new file mode 100644 index 000000000..c42ef0271 --- /dev/null +++ b/theme_nano/static/src/less/options/colors/colors_food.less @@ -0,0 +1,40 @@ +/* ========================================================================== + FOOD + ========================================================================== */ + + +/* Colors + ========================================================================== */ + +@color-alpha: @food-alpha; +@color-beta: @food-beta; +@color-gamma: @food-gamma; +@color-delta: @food-delta; +@color-epsilon: @food-epsilon; + + +/* Grayscale + ========================================================================== */ + +// @gray-darker: #343642; +// @gray: lighten(@gray-darker, 40%); +// @gray-light: lighten(@gray-darker, 70%); + + +/* Content Colors + ========================================================================== */ + +#wrapwrap{ + .white(@gray-darker); + .gray-lighter(@gray-darker); + .gray(#fff); + .gray-darker(#fff); + .alpha(#fff); + .beta(#fff); + .gamma(#fff); + .delta(#fff); + .epsilon(#fff); +} + +@layout-icons-color: #fff; +@link-color: @color-alpha; \ No newline at end of file diff --git a/theme_nano/static/src/less/options/colors/colors_press.less b/theme_nano/static/src/less/options/colors/colors_press.less new file mode 100644 index 000000000..dbc25ff62 --- /dev/null +++ b/theme_nano/static/src/less/options/colors/colors_press.less @@ -0,0 +1,41 @@ +/* ========================================================================== + PRESS + ========================================================================== */ + + +/* Colors + ========================================================================== */ + +@color-alpha: @press-alpha; +@color-beta: @press-beta; +@color-gamma: @press-gamma; +@color-delta: @press-delta; +@color-epsilon: @press-epsilon; + +/* Gray + ========================================================================== */ + +@gray-darker: #1d2127; +@gray-dark: lighten(@gray-darker, 25%); +@gray: lighten(@gray-darker, 50%); +@gray-light: lighten(@gray-darker, 65%); +@gray-lighter: #e3dcd1; + + +/* Content Colors + ========================================================================== */ + +#wrapwrap{ + .white(@gray-darker); + .gray-lighter(@gray-darker); + .gray(#fff); + .gray-darker(#fff); + .alpha(#fff); + .beta(#fff); + .gamma(#fff); + .delta(#fff); + .epsilon(#fff); +} + +@layout-icons-color: #fff; +@link-color: @color-alpha; \ No newline at end of file diff --git a/theme_nano/static/src/less/options/colors/colors_technology.less b/theme_nano/static/src/less/options/colors/colors_technology.less new file mode 100644 index 000000000..0a78ebe51 --- /dev/null +++ b/theme_nano/static/src/less/options/colors/colors_technology.less @@ -0,0 +1,40 @@ +/* ========================================================================== + TECHNOLOGY + ========================================================================== */ + + +/* Colors + ========================================================================== */ + +@color-alpha: @technology-alpha; +@color-beta: @technology-beta; +@color-gamma: @technology-gamma; +@color-delta: @technology-delta; +@color-epsilon: @technology-epsilon; + + +/* Grayscale + ========================================================================== */ + +@gray-darker: #3F5765; +@gray: #348899; +@gray-lighter: #BDD4DE; + + +/* Content Colors + ========================================================================== */ + +#wrapwrap{ + .white(@gray-darker); + .gray-lighter(@gray-darker); + .gray(#fff); + .gray-darker(#fff); + .alpha(#fff); + .beta(@gray-darker); + .gamma(@gray-darker); + .delta(#fff); + .epsilon(#fff); +} + +@layout-icons-color: #fff; +@link-color: @color-alpha; \ No newline at end of file diff --git a/theme_nano/static/src/less/options/colors/colors_travel.less b/theme_nano/static/src/less/options/colors/colors_travel.less new file mode 100644 index 000000000..3348b6240 --- /dev/null +++ b/theme_nano/static/src/less/options/colors/colors_travel.less @@ -0,0 +1,40 @@ +/* ========================================================================== + TRAVEL + ========================================================================== */ + + +/* Colors + ========================================================================== */ + +@color-alpha: @travel-alpha; +@color-beta: @travel-beta; +@color-gamma: @travel-gamma; +@color-delta: @travel-delta; +@color-epsilon: @travel-epsilon; + + +/* Grayscale + ========================================================================== */ + +@gray-darker: #002d44; +@gray: #7f96a1; +@gray-lighter: #bfcad0; + + +/* Content Colors + ========================================================================== */ + +#wrapwrap{ + .white(@gray-darker); + .gray-lighter(@gray-darker); + .gray(#fff); + .gray-darker(#fff); + .alpha(#fff); + .beta(#fff); + .gamma(@gray-darker); + .delta(#fff); + .epsilon(#fff); +} + +@layout-icons-color: #fff; +@link-color: @color-alpha; \ No newline at end of file diff --git a/theme_nano/static/src/less/options/fonts/font_advent_pro_oxygen.less b/theme_nano/static/src/less/options/fonts/font_advent_pro_oxygen.less new file mode 100644 index 000000000..d10fc7ecd --- /dev/null +++ b/theme_nano/static/src/less/options/fonts/font_advent_pro_oxygen.less @@ -0,0 +1,47 @@ +/* ================================================== + ADVENT PRO + OXYGEN + ================================================== */ + +/* Titles */ + +@headings-color: inherit; +@headings-small-color: @color-alpha; + +@headings-font-family: 'Advent Pro', sans-serif; +@headings-font-weight: 600; +@headings-font-bold: 700; +@headings-line-height: 1.25; + +@font-size-h1: 72px; +@font-size-h2: 60px; +@font-size-h3: 48px; +@font-size-h4: 32px; +@font-size-h5: 24px; +@font-size-h6: 20px; + +/* Bodytext */ + +@text-color: @gray-darker; + +@font-family-base: @font-family-sans-serif; +@font-family-sans-serif: 'Oxygen', sans-serif; + +@line-height-base: 1.5; +@line-height-computed: 24px; + +@font-normal: 300; +@font-bold: 700; + +@font-size-large: 24px; +@font-size-base: 16px; +@font-size-small: 14px; +@font-size-extra-small: 13px; + +/* Layout */ + +@layout-font-weight: 400; +@layout-font-size: @font-size-extra-small; + +@btn-font-weight: 500; +@btn-font-size: @font-size-small; +@btn-font-family: @font-family-base; \ No newline at end of file diff --git a/theme_nano/static/src/less/options/fonts/font_amatic_josefin_sans.less b/theme_nano/static/src/less/options/fonts/font_amatic_josefin_sans.less new file mode 100644 index 000000000..f85a5a50a --- /dev/null +++ b/theme_nano/static/src/less/options/fonts/font_amatic_josefin_sans.less @@ -0,0 +1,47 @@ +/* ================================================== + AMATIC + JOSEFIN SANS + ================================================== */ + +/* Titles */ + +@headings-color: inherit; +@headings-small-color: @color-alpha; + +@headings-font-family: 'Amatic SC', sans-serif; +@headings-font-weight: 700; +@headings-font-bold: 700; +@headings-line-height: 1.25; + +@font-size-h1: 60px; +@font-size-h2: 72px; +@font-size-h3: 32px; +@font-size-h4: 24px; +@font-size-h5: 20px; +@font-size-h6: 18px; + +/* Bodytext */ + +@text-color: @gray-darker; + +@font-family-base: @font-family-sans-serif; +@font-family-sans-serif: 'Josefin Sans', sans-serif; + +@line-height-base: 1.4; +@line-height-computed: 24px; + +@font-normal: 400; +@font-bold: 700; + +@font-size-large: 24px; +@font-size-base: 18px; +@font-size-small: 16px; +@font-size-extra-small: 14px; + +/* Layout */ + +@layout-font-weight: 400; +@layout-font-size: @font-size-extra-small; + +@btn-font-weight: 400; +@btn-font-size: @font-size-small; +@btn-font-family: @font-family-base; \ No newline at end of file diff --git a/theme_nano/static/src/less/options/fonts/font_dosis_open_sans.less b/theme_nano/static/src/less/options/fonts/font_dosis_open_sans.less new file mode 100644 index 000000000..60055ed63 --- /dev/null +++ b/theme_nano/static/src/less/options/fonts/font_dosis_open_sans.less @@ -0,0 +1,47 @@ +/* ================================================== + DOSIS + OPEN SANS + ================================================== */ + +/* Titles */ + +@headings-color: inherit; +@headings-small-color: @color-alpha; + +@headings-font-family: 'Dosis', sans-serif; +@headings-font-weight: 500; +@headings-font-bold: 600; +@headings-line-height: 1.25; + +@font-size-h1: 60px; +@font-size-h2: 48px; +@font-size-h3: 32px; +@font-size-h4: 24px; +@font-size-h5: 20px; +@font-size-h6: 18px; + +/* Bodytext */ + +@text-color: #000; + +@font-family-base: @font-family-sans-serif; +@font-family-sans-serif: 'Open Sans', sans-serif; + +@line-height-base: 1.5; +@line-height-computed: 24px; + +@font-normal: 300; +@font-bold: 600; + +@font-size-large: 24px; +@font-size-base: 16px; +@font-size-small: 14px; +@font-size-extra-small: 13px; + +/* Layout */ + +@layout-font-weight: 400; +@layout-font-size: @font-size-extra-small; + +@btn-font-weight: 600; +@btn-font-size: @font-size-small; +@btn-font-family: @headings-font-family; \ No newline at end of file diff --git a/theme_nano/static/src/less/options/fonts/font_lato_merriweather.less b/theme_nano/static/src/less/options/fonts/font_lato_merriweather.less new file mode 100644 index 000000000..1513d7b27 --- /dev/null +++ b/theme_nano/static/src/less/options/fonts/font_lato_merriweather.less @@ -0,0 +1,47 @@ +/* ================================================== + LATO + MERRIWEATHER + ================================================== */ + +/* Titles */ + +@headings-color: inherit; +@headings-small-color: @color-alpha; + +@headings-font-family: 'Lato', sans-serif; +@headings-font-weight: 400; +@headings-font-bold: 700; +@headings-line-height: 1.25; + +@font-size-h1: 60px; +@font-size-h2: 48px; +@font-size-h3: 32px; +@font-size-h4: 24px; +@font-size-h5: 20px; +@font-size-h6: 18px; + +/* Bodytext */ + +@text-color: @gray-darker; + +@font-family-base: @font-family-serif; +@font-family-serif: 'Merriweather', serif; + +@line-height-base: 1.5; +@line-height-computed: 24px; + +@font-normal: 300; +@font-bold: 700; + +@font-size-large: 20px; +@font-size-base: 16px; +@font-size-small: 14px; +@font-size-extra-small: 13px; + +/* Layout */ + +@layout-font-weight: 400; +@layout-font-size: @font-size-extra-small; + +@btn-font-weight: 400; +@btn-font-size: @font-size-small; +@btn-font-family: @headings-font-family; \ No newline at end of file diff --git a/theme_nano/static/src/less/options/fonts/font_medula_one_abel.less b/theme_nano/static/src/less/options/fonts/font_medula_one_abel.less new file mode 100644 index 000000000..e3903ad11 --- /dev/null +++ b/theme_nano/static/src/less/options/fonts/font_medula_one_abel.less @@ -0,0 +1,44 @@ +/* ================================================== + MEDULA ONE + ABEL + ================================================== */ + +/* Titles */ + +@headings-color: inherit; +@headings-small-color: @color-alpha; + +@headings-font-family: 'Medula One', sans-serif; +@headings-font-weight: 400; +@headings-line-height: 1.25; + +@font-size-h1: 60px; +@font-size-h2: 60px; +@font-size-h3: 48px; +@font-size-h4: 32px; +@font-size-h5: 24px; +@font-size-h6: 20px; + +/* Bodytext */ + +@text-color: @gray-darker; + +@font-family-base: @font-family-sans-serif; +@font-family-sans-serif: 'Abel', sans-serif; + +@line-height-base: 1.5; +@line-height-computed: 24px; + +@font-normal: 400; +@font-bold: 700; + +@font-size-large: 20px; +@font-size-base: 16px; +@font-size-small: 14px; +@font-size-extra-small: 12px; + +/* Misc */ + +@layout-font-size: @font-size-large; + +@btn-font-weight: 400; +@layout-font-weight: 300; \ No newline at end of file diff --git a/theme_nano/static/src/less/options/fonts/font_montserrat_alt_nunito.less b/theme_nano/static/src/less/options/fonts/font_montserrat_alt_nunito.less new file mode 100644 index 000000000..43494e1e4 --- /dev/null +++ b/theme_nano/static/src/less/options/fonts/font_montserrat_alt_nunito.less @@ -0,0 +1,47 @@ +/* ================================================== + MONTSERRAT + NUNITO + ================================================== */ + +/* Titles */ + +@headings-color: inherit; +@headings-small-color: @color-alpha; + +@headings-font-family: 'Montserrat Alternates', sans-serif; +@headings-font-weight: 400; +@headings-font-bold: 700; +@headings-line-height: 1.25; + +@font-size-h1: 60px; +@font-size-h2: 48px; +@font-size-h3: 32px; +@font-size-h4: 24px; +@font-size-h5: 20px; +@font-size-h6: 18px; + +/* Bodytext */ + +@text-color: @gray-darker; + +@font-family-base: @font-family-sans-serif; +@font-family-sans-serif: 'Nunito', sans-serif; + +@line-height-base: 1.4; +@line-height-computed: 24px; + +@font-normal: 300; +@font-bold: 700; + +@font-size-large: 24px; +@font-size-base: 16px; +@font-size-small: 14px; +@font-size-extra-small: 12px; + +/* Layout */ + +@layout-font-weight: 400; +@layout-font-size: @font-size-small; + +@btn-font-weight: 400; +@btn-font-size: @font-size-small; +@btn-font-family: @font-family-base; \ No newline at end of file diff --git a/theme_nano/static/src/less/options/fonts/font_oswald_lato.less b/theme_nano/static/src/less/options/fonts/font_oswald_lato.less new file mode 100644 index 000000000..ab4f48c3f --- /dev/null +++ b/theme_nano/static/src/less/options/fonts/font_oswald_lato.less @@ -0,0 +1,47 @@ +/* ================================================== + OSWALD + LATO + ================================================== */ + +/* Titles */ + +@headings-color: inherit; +@headings-small-color: @color-alpha; + +@headings-font-family: 'Oswald', sans-serif; +@headings-font-weight: 400; +@headings-font-bold: 700; +@headings-line-height: 1.25; + +@font-size-h1: 60px; +@font-size-h2: 48px; +@font-size-h3: 32px; +@font-size-h4: 24px; +@font-size-h5: 20px; +@font-size-h6: 18px; + +/* Bodytext */ + +@text-color: @gray-darker; + +@font-family-base: @font-family-sans-serif; +@font-family-sans-serif: 'Lato', sans-serif; + +@line-height-base: 1.5; +@line-height-computed: 24px; + +@font-normal: 300; +@font-bold: 500; + +@font-size-large: 24px; +@font-size-base: 16px; +@font-size-small: 14px; +@font-size-extra-small: 12px; + +/* Layout */ + +@layout-font-weight: 400; +@layout-font-size: @font-size-small; + +@btn-font-weight: 400; +@btn-font-size: @font-size-small; +@btn-font-family: @font-family-base; \ No newline at end of file diff --git a/theme_nano/static/src/less/options/fonts/font_roboto_slab_roboto.less b/theme_nano/static/src/less/options/fonts/font_roboto_slab_roboto.less new file mode 100644 index 000000000..e89f62241 --- /dev/null +++ b/theme_nano/static/src/less/options/fonts/font_roboto_slab_roboto.less @@ -0,0 +1,47 @@ +/* ================================================== + ROBOTO SLAB + ROBOTO + ================================================== */ + +/* Titles */ + +@headings-color: inherit; +@headings-small-color: @color-alpha; + +@headings-font-family: 'Roboto Slab', serif; +@headings-font-weight: 400; +@headings-font-bold: 700; +@headings-line-height: 1.25; + +@font-size-h1: 60px; +@font-size-h2: 48px; +@font-size-h3: 32px; +@font-size-h4: 24px; +@font-size-h5: 20px; +@font-size-h6: 18px; + +/* Bodytext */ + +@text-color: @gray-darker; + +@font-family-base: @font-family-sans-serif; +@font-family-sans-serif: 'Roboto', sans-serif; + +@line-height-base: 1.5; +@line-height-computed: 24px; + +@font-normal: 300; +@font-bold: 500; + +@font-size-large: 24px; +@font-size-base: 16px; +@font-size-small: 14px; +@font-size-extra-small: 13px; + +/* Layout */ + +@layout-font-weight: 400; +@layout-font-size: @font-size-extra-small; + +@btn-font-weight: 500; +@btn-font-size: @font-size-small; +@btn-font-family: @font-family-base; \ No newline at end of file diff --git a/theme_nano/static/src/less/options/layouts/footer_dark.less b/theme_nano/static/src/less/options/layouts/footer_dark.less new file mode 100644 index 000000000..868ed0ede --- /dev/null +++ b/theme_nano/static/src/less/options/layouts/footer_dark.less @@ -0,0 +1,6 @@ +#wrapwrap{ + footer{ + background-color: @gray-darker; + color: #fff; + } +} \ No newline at end of file diff --git a/theme_nano/static/src/less/options/layouts/footer_light.less b/theme_nano/static/src/less/options/layouts/footer_light.less new file mode 100644 index 000000000..2703e36c5 --- /dev/null +++ b/theme_nano/static/src/less/options/layouts/footer_light.less @@ -0,0 +1,6 @@ +#wrapwrap{ + footer{ + background-color: @gray-lighter; + color: @gray-darker; + } +} \ No newline at end of file diff --git a/theme_nano/static/src/less/options/layouts/footer_white.less b/theme_nano/static/src/less/options/layouts/footer_white.less new file mode 100644 index 000000000..2b659f8c0 --- /dev/null +++ b/theme_nano/static/src/less/options/layouts/footer_white.less @@ -0,0 +1,6 @@ +#wrapwrap{ + footer{ + background-color: #fff; + color: @gray-darker; + } +} \ No newline at end of file diff --git a/theme_nano/static/src/less/options/layouts/header_dark.less b/theme_nano/static/src/less/options/layouts/header_dark.less new file mode 100644 index 000000000..f035812b4 --- /dev/null +++ b/theme_nano/static/src/less/options/layouts/header_dark.less @@ -0,0 +1,32 @@ +#wrapwrap header .navbar-default { + background-color: @gray-darker; + .navbar-nav { + > li > a { + color: #fff; + &:hover, + &:focus { + .color(@gray-lighter; @gray-darker); + } + } + li.active > a, + li.active > a:hover, + li.active > a:focus { + .color(@color-alpha; #fff); + } + } + .dropdown-menu{ + background-color: @gray-darker; + > li > a { + color: #fff; + &:hover, + &:focus{ + .color(@gray-lighter; @gray-darker); + } + } + li.active > a, + li.active > a:hover, + li.active > a:focus{ + .color(@color-alpha; #fff); + } + } +} \ No newline at end of file diff --git a/theme_nano/static/src/less/options/layouts/header_light.less b/theme_nano/static/src/less/options/layouts/header_light.less new file mode 100644 index 000000000..680d9bcac --- /dev/null +++ b/theme_nano/static/src/less/options/layouts/header_light.less @@ -0,0 +1,32 @@ +#wrapwrap header .navbar-default { + background-color: @gray-lighter; + .navbar-nav { + > li > a { + color: @gray-darker; + &:hover, + &:focus { + .color(#fff; @gray-darker); + } + } + li.active > a, + li.active > a:hover, + li.active > a:focus { + .color(@color-alpha; #fff); + } + } + .dropdown-menu{ + background-color: @gray-lighter; + > li > a { + color: @gray-darker; + &:hover, + &:focus{ + .color(#fff; @gray-darker); + } + } + li.active > a, + li.active > a:hover, + li.active > a:focus{ + .color(@color-alpha; #fff); + } + } +} \ No newline at end of file diff --git a/theme_nano/static/src/less/options/layouts/header_white.less b/theme_nano/static/src/less/options/layouts/header_white.less new file mode 100644 index 000000000..5d185e367 --- /dev/null +++ b/theme_nano/static/src/less/options/layouts/header_white.less @@ -0,0 +1,32 @@ +#wrapwrap header .navbar-default { + background-color: #fff; + .navbar-nav { + > li > a { + color: @gray-darker; + &:hover, + &:focus { + .color(@gray-darker; #fff); + } + } + li.active > a, + li.active > a:hover, + li.active > a:focus { + .color(@color-alpha; #fff); + } + } + .dropdown-menu { + background-color: #fff; + > li > a { + color: @gray-darker; + &:hover, + &:focus { + .color(@gray-darker; #fff); + } + } + li.active > a, + li.active > a:hover, + li.active > a:focus { + .color(@color-alpha; #fff); + } + } +} \ No newline at end of file diff --git a/theme_nano/static/src/less/options/layouts/icons_sidebar_none.less b/theme_nano/static/src/less/options/layouts/icons_sidebar_none.less new file mode 100644 index 000000000..ff9b7a521 --- /dev/null +++ b/theme_nano/static/src/less/options/layouts/icons_sidebar_none.less @@ -0,0 +1,28 @@ +#wrapwrap { + #preheader { + display: none; + } + header .navbar-default { + @media (min-width: @screen-md-min) { + left: 0; + } + } + @media (min-width: @screen-md-min) { + main > *, + #copyright { + margin-left: 260px !important; + } + #footer{ + padding-left: 260px !important; + } + } + @media (min-width: @screen-lg-min) { + main > *, + #copyright { + margin-left: 320px !important; + } + #footer{ + padding-left: 320px !important; + } + } +} \ No newline at end of file diff --git a/theme_nano/static/src/less/options/layouts/icons_sidebar_right.less b/theme_nano/static/src/less/options/layouts/icons_sidebar_right.less new file mode 100644 index 000000000..a8cec01b2 --- /dev/null +++ b/theme_nano/static/src/less/options/layouts/icons_sidebar_right.less @@ -0,0 +1,72 @@ +/* PREHEADER + ========================================================================== */ + +header #preheader { + @media (min-width: @screen-md-min) { + left: 260px; + .btn-group > .dropdown-menu { + left: 40px; + } + } + @media (min-width: @screen-lg-min) { + left: 320px; + } +} + + +/* NAVBAR-NAV // First level + ========================================================================== */ + +#wrapwrap header .navbar-default { + z-index: @zindex-navbar + 4; + @media (min-width: @screen-md-min) { + left: 0; + .navbar-collapse{ + margin-left: 0; + } + } + .navbar-nav { + @media (min-width: @screen-md-min) { + margin-right: 0; + } + a { + border-radius: @border-radius-large; + @media (min-width: @screen-md-min) { + .caret { + border-top: 5px solid; + border-left: @caret-width-large solid rgba(0, 0, 0, 0); + border-right: @caret-width-large solid rgba(0, 0, 0, 0); + float: none; + } + } + } + } +} + + +/* NAVBAR-NAV // Second level + ========================================================================== */ + +#wrapwrap header .dropdown-menu{ + z-index: @zindex-navbar + 4; +} + +#wrapwrap header .navbar-default .navbar-nav > .open{ + @media (min-width: @screen-md-min) { + margin-right: -20px; + a{ + .border-right-radius(@border-radius-small); + } + } + > .dropdown-menu { + @media (min-width: @screen-md-min) { + top: 0; + left: 100%; + } + @media (min-width: @screen-sm-min) { + > li > a { + border-radius: @border-radius-small; + } + } + } +} \ No newline at end of file diff --git a/theme_nano/static/src/less/options/patterns/bg_pattern_1.less b/theme_nano/static/src/less/options/patterns/bg_pattern_1.less new file mode 100644 index 000000000..19d28f3d1 --- /dev/null +++ b/theme_nano/static/src/less/options/patterns/bg_pattern_1.less @@ -0,0 +1,6 @@ +@body-bg: rgba(0, 0, 0, 0); + +html, body{ + background-image: url('/website/image/theme_nano.bg_pattern_01'); + background-repeat: repeat; +} \ No newline at end of file diff --git a/theme_nano/static/src/less/options/patterns/bg_pattern_2.less b/theme_nano/static/src/less/options/patterns/bg_pattern_2.less new file mode 100644 index 000000000..ff2298744 --- /dev/null +++ b/theme_nano/static/src/less/options/patterns/bg_pattern_2.less @@ -0,0 +1,6 @@ +@body-bg: rgba(0, 0, 0, 0); + +html, body{ + background-image: url('/website/image/theme_nano.bg_pattern_02'); + background-repeat: repeat; +} \ No newline at end of file diff --git a/theme_nano/static/src/less/options/patterns/bg_pattern_3.less b/theme_nano/static/src/less/options/patterns/bg_pattern_3.less new file mode 100644 index 000000000..aac5164e4 --- /dev/null +++ b/theme_nano/static/src/less/options/patterns/bg_pattern_3.less @@ -0,0 +1,6 @@ +@body-bg: rgba(0, 0, 0, 0); + +html, body{ + background-image: url('/website/image/theme_nano.bg_pattern_03'); + background-repeat: repeat; +} \ No newline at end of file diff --git a/theme_nano/static/src/less/options/patterns/bg_pattern_4.less b/theme_nano/static/src/less/options/patterns/bg_pattern_4.less new file mode 100644 index 000000000..c848b5b27 --- /dev/null +++ b/theme_nano/static/src/less/options/patterns/bg_pattern_4.less @@ -0,0 +1,6 @@ +@body-bg: rgba(0, 0, 0, 0); + +html, body{ + background-image: url('/website/image/theme_nano.bg_pattern_04'); + background-repeat: repeat; +} \ No newline at end of file diff --git a/theme_nano/static/src/less/options/patterns/bg_pattern_5.less b/theme_nano/static/src/less/options/patterns/bg_pattern_5.less new file mode 100644 index 000000000..19cacb399 --- /dev/null +++ b/theme_nano/static/src/less/options/patterns/bg_pattern_5.less @@ -0,0 +1,6 @@ +@body-bg: rgba(0, 0, 0, 0); + +html, body{ + background-image: url('/website/image/theme_nano.bg_pattern_05'); + background-repeat: repeat; +} \ No newline at end of file diff --git a/theme_nano/static/src/less/options/patterns/bg_pattern_6.less b/theme_nano/static/src/less/options/patterns/bg_pattern_6.less new file mode 100644 index 000000000..056daf74c --- /dev/null +++ b/theme_nano/static/src/less/options/patterns/bg_pattern_6.less @@ -0,0 +1,6 @@ +@body-bg: rgba(0, 0, 0, 0); + +html, body{ + background-image: url('/website/image/theme_nano.bg_pattern_06'); + background-repeat: repeat; +} \ No newline at end of file diff --git a/theme_nano/static/src/less/options/patterns/bg_pattern_7.less b/theme_nano/static/src/less/options/patterns/bg_pattern_7.less new file mode 100644 index 000000000..229453b72 --- /dev/null +++ b/theme_nano/static/src/less/options/patterns/bg_pattern_7.less @@ -0,0 +1,6 @@ +@body-bg: rgba(0, 0, 0, 0); + +html, body{ + background-image: url('/website/image/theme_nano.bg_pattern_07'); + background-repeat: repeat; +} \ No newline at end of file diff --git a/theme_nano/static/src/less/options/patterns/bg_pattern_8.less b/theme_nano/static/src/less/options/patterns/bg_pattern_8.less new file mode 100644 index 000000000..f6c0ae773 --- /dev/null +++ b/theme_nano/static/src/less/options/patterns/bg_pattern_8.less @@ -0,0 +1,6 @@ +@body-bg: rgba(0, 0, 0, 0); + +html, body{ + background-image: url('/website/image/theme_nano.bg_pattern_08'); + background-repeat: repeat; +} \ No newline at end of file diff --git a/theme_nano/static/src/less/options/patterns/bg_pattern_9.less b/theme_nano/static/src/less/options/patterns/bg_pattern_9.less new file mode 100644 index 000000000..e7630e03f --- /dev/null +++ b/theme_nano/static/src/less/options/patterns/bg_pattern_9.less @@ -0,0 +1,6 @@ +@body-bg: rgba(0, 0, 0, 0); + +html, body{ + background-image: url('/website/image/theme_nano.bg_pattern_09'); + background-repeat: repeat; +} \ No newline at end of file diff --git a/theme_nano/static/src/less/snippets.less b/theme_nano/static/src/less/snippets.less new file mode 100644 index 000000000..ff93e3e37 --- /dev/null +++ b/theme_nano/static/src/less/snippets.less @@ -0,0 +1,124 @@ +/* BANNER 2 + ========================================================================== */ + +@s_banner_2-background-position: inherit; + +.s_banner_2{ + &.carousel{ + .carousel-control{ + .carousel-control(0, -9999px, 0); + } + } +} + + +/* COLLAPSE + ========================================================================== */ + +.s_collapse{ + .panel-heading{ + border-radius: @border-radius-large; + } + .panel-group .panel{ + border-radius: @border-radius-small; + border: 0; + } +} + + +/* COMPARISONS + ========================================================================== */ + +#wrapwrap { + .s_comparisons{ + .panel-body.text-muted, + .panel-footer .text-muted{ + opacity: 1; + background-color: @gray-lighter !important; + } + h2{ + font-size: @font-size-h3; + small{ + color: inherit; + } + } + .panel{ + .list-group-item.active, + .list-group-item.active:hover, + .list-group-item.active:focus{ + background-color: @color-alpha; + border-color: @color-alpha; + } + } + } +} + + +/* IMAGES CAPTIONS FW + ========================================================================== */ + +.s_images_captions_fw [class*=bg-img-]{ + background-position: center; + background-size: cover; +} + + +/* LABEL + ========================================================================== */ + +@label-border-radius: @border-radius-large; +@label-padding: 5px 15px; + + +/* MEDIAS LIST + ========================================================================== */ + +.s_medias_list .media > .row{ + margin: 0; + .media-options > .row [class*=col-] { + .fa-size-generator(15px); + .fa{ + padding-right: 2px; + .border-right-radius(@border-radius-large); + } + } +} + + +/* Quotes Slider 2 + ========================================================================== */ + +.s_quotes_slider_2{ + blockquote{ + padding: 0 20px; + } +} + + +/* TEXT-BLOCK IMAGE FW + ========================================================================== */ + +@s_text_block_image_fw-padding: 0 40px; + + +/* THREE COLUMNS CAROUSEL + ========================================================================== */ + +.s_three_columns_carousel{ + [class*="bg-"]:first-child{ + border-left: 20px solid rgba(0, 0, 0, 0); + } + [class*="bg-"]:last-child{ + border-right: 20px solid rgba(0, 0, 0, 0); + } + .fa{ + padding: 0; + } + .carousel-control{ + .carousel-control(5px, 0, 2px); + } +} + +@s_numbers-main_bg_color: @gray-darker; + +@s_numbers-numbers_color: inherit; diff --git a/theme_nano/static/src/less/snippets/s_big_message.less b/theme_nano/static/src/less/snippets/s_big_message.less new file mode 100644 index 000000000..df01b1099 --- /dev/null +++ b/theme_nano/static/src/less/snippets/s_big_message.less @@ -0,0 +1,6 @@ +#wrapwrap{ + .s_big_message{ + margin: 0; + padding: 20px 0 40px 0; + } +} \ No newline at end of file diff --git a/theme_nano/static/src/less/snippets/s_panel_extended.less b/theme_nano/static/src/less/snippets/s_panel_extended.less new file mode 100644 index 000000000..c685a177f --- /dev/null +++ b/theme_nano/static/src/less/snippets/s_panel_extended.less @@ -0,0 +1,15 @@ +.s_panel{ + &.panel{ + background-color: inherit; + } + .panel-heading{ + border: 0; + .fa{ + margin-right: 12px; + } + } +} + +.panel{ + box-shadow: @shadow; +} \ No newline at end of file diff --git a/theme_nano/static/src/less/snippets/s_quote_extended.less b/theme_nano/static/src/less/snippets/s_quote_extended.less new file mode 100644 index 000000000..d36ddf0b7 --- /dev/null +++ b/theme_nano/static/src/less/snippets/s_quote_extended.less @@ -0,0 +1,9 @@ +.blockquote-layout(@gray-lighter, @gray-darker); + +blockquote{ + font-size: @font-size-base; + .fa{ + .border-left-radius(@border-radius-large); + padding-left: 5px; + } +} diff --git a/theme_nano/static/src/less/snippets/s_separator_extended.less b/theme_nano/static/src/less/snippets/s_separator_extended.less new file mode 100644 index 000000000..9872681f9 --- /dev/null +++ b/theme_nano/static/src/less/snippets/s_separator_extended.less @@ -0,0 +1,40 @@ +.s_separator{ + border-color: inherit; + border-top: 0; + padding: 8px 0; + margin: 0 0 16px 0; + height: 1px; + display: inline-block; + width: 100%; + border-style: solid; + border-bottom-width: 1px; + &.hr-small{ + width: 20%; + } + &.hr-half{ + width: 50%; + } + &.hr-full{ + width: 100%; + } + &.hr-dashed{ + border-style: dashed; + } + &.hr-dotted{ + border-style: dotted; + } + &.hr-double{ + border-style: double; + + } + &.hr-solid{ + border-style: solid; + } + .hr-thickness(5); + .hr-thickness(@n, @i: 1px) when (@i =< @n) { + &.hr-@{i}{ + border-bottom-width: (@i * 1); + } + .hr-thickness(@n, (@i + 1)); + } +} \ No newline at end of file diff --git a/theme_nano/static/src/less/snippets/s_share_extended.less b/theme_nano/static/src/less/snippets/s_share_extended.less new file mode 100644 index 000000000..20152cdb8 --- /dev/null +++ b/theme_nano/static/src/less/snippets/s_share_extended.less @@ -0,0 +1,21 @@ +.s_share{ + .s_share_title{ + display: inline-block; + vertical-align: middle; + margin-right: 10px; + } + a{ + &:hover{ + text-decoration: none; + .fa{ + background-color: @color-alpha; + color: #fff; + } + } + .fa{ + background-color: @gray-lighter; + color: @color-alpha; + } + .fa-size-generator(20px); + } +} \ No newline at end of file diff --git a/theme_nano/static/src/less/snippets/s_well_extended.less b/theme_nano/static/src/less/snippets/s_well_extended.less new file mode 100644 index 000000000..9dd99923d --- /dev/null +++ b/theme_nano/static/src/less/snippets/s_well_extended.less @@ -0,0 +1,13 @@ +.s_well{ + box-shadow: @shadow; + + .well-text{ + overflow: hidden; + } + p, ul, ol{ + width: 100%; + &:last-child{ + margin-bottom: 0; + } + } +} \ No newline at end of file diff --git a/theme_nano/static/src/less/theme.less b/theme_nano/static/src/less/theme.less new file mode 100644 index 000000000..5af98c351 --- /dev/null +++ b/theme_nano/static/src/less/theme.less @@ -0,0 +1,307 @@ +/* VARIABLES + ========================================================================== */ + +@grid-gutter-width: 40px; + +@border-radius-small: 0; +@border-radius-base: 10px; +@border-radius-large: 20px; + +@navbar-border-radius: @border-radius-small; + +@shadow: none; +@opacity: 1; + +@navbar-padding-horizontal: floor((@grid-gutter-width / 2)); // 20px + +@jumbotron-padding: 20px; + +// @component-active-bg: @color-alpha; + +@panel-primary-border: @color-alpha; +@panel-primary-heading-bg: @color-alpha; + +@panel-success-border: @color-beta; +@panel-success-heading-bg: @color-beta; + +@panel-info-border: @color-gamma; +@panel-info-heading-bg: @color-gamma; + +@panel-warning-border: @color-delta; +@panel-warning-heading-bg: @color-delta; + +@panel-danger-border: @color-epsilon; +@panel-danger-heading-bg: @color-epsilon; + +@panel-footer-bg: @gray-lighter; + +@list-group-border: @gray-lighter; + +.dropdown-menu { + border-radius: @border-radius-small; +} + +.color(@background-color; @content-color) { + background-color: @background-color; + color: @content-color; +} + +/* BACKGROUND IMAGES + ========================================================================== */ + +[class*="bg-img-"], +.carousel-inner .item[class*="bg-img-"]{ + background-size: auto; + background-repeat: no-repeat; +} + +@media (min-width: 1590px) { + [class*="bg-img-"], + .carousel-inner .item[class*="bg-img-"]{ + background-size: cover; + } +} + +.bg-img-01{ + background-image: url('/website/image/theme_nano.bg_img_01'); + background-position: left center !important; +} +.bg-img-02{ + background-image: url('/website/image/theme_nano.bg_img_02'); + background-position: right center !important; +} +.bg-img-03{ + background-image: url('/website/image/theme_nano.bg_img_03'); + background-position: right center !important; +} +.bg-img-04{ + background-image: url('/website/image/theme_nano.bg_img_04'); + background-position: right bottom !important; +} +.bg-img-05{ + background-image: url('/website/image/theme_nano.bg_img_05'); + background-position: right center !important; +} +.bg-img-06{ + background-image: url('/website/image/theme_nano.bg_img_06'); + background-position: left center !important; +} +.bg-img-07{ + background-image: url('/website/image/theme_nano.bg_img_07'); + background-position: left bottom !important; +} +.bg-img-08{ + background-image: url('/website/image/theme_nano.bg_img_08'); + background-position: right center !important; +} +.bg-img-09{ + background-image: url('/website/image/theme_nano.bg_img_09'); + background-position: right center !important; +} +.bg-img-10{ + background-image: url('/website/image/theme_nano.bg_img_10'); + background-position: center center !important; +} +.bg-img-11{ + background-image: url('/website/image/theme_nano.bg_img_11'); + background-position: right center !important; +} +.bg-img-12{ + background-image: url('/website/image/theme_nano.bg_img_12'); + background-position: center center !important; +} +.bg-img-13{ + background-image: url('/website/image/theme_nano.bg_img_13'); + background-position: right center !important; +} +.bg-img-14{ + background-image: url('/website/image/theme_nano.bg_img_14'); + background-position: center center !important; +} +.bg-img-15{ + background-image: url('/website/image/theme_nano.bg_img_15'); + background-position: right bottom !important; +} +.bg-img-16{ + background-image: url('/website/image/theme_nano.bg_img_16'); + background-position: left bottom !important; +} + + +/* BACKGROUND PATTERNS + ========================================================================== */ + +[class*="bg-pattern-"], +.carousel-inner .item[class*="bg-pattern-"]{ + background-size: inherit; + background-repeat: repeat; +} + +.bg-pattern-01{ background: url('/website/image/theme_nano.bg_pattern_01') repeat; } +.bg-pattern-02{ background: url('/website/image/theme_nano.bg_pattern_02') repeat; } +.bg-pattern-03{ background: url('/website/image/theme_nano.bg_pattern_03') repeat; } +.bg-pattern-04{ background: url('/website/image/theme_nano.bg_pattern_04') repeat; } +.bg-pattern-05{ background: url('/website/image/theme_nano.bg_pattern_05') repeat; } +.bg-pattern-06{ background: url('/website/image/theme_nano.bg_pattern_06') repeat; } +.bg-pattern-07{ background: url('/website/image/theme_nano.bg_pattern_07') repeat; } +.bg-pattern-08{ background: url('/website/image/theme_nano.bg_pattern_08') repeat; } +.bg-pattern-09{ background: url('/website/image/theme_nano.bg_pattern_09') repeat; } + + +/* STYLES + ========================================================================== */ + +#wrapwrap{ + .img-circle, + .img-circle.img-thumbnail{ + border-radius: 50%; + } + .img-rounded, + .img-rounded.img-thumbnail{ + border-radius: @border-radius-base; + } + .thumbnail, + .img-thumbnail{ + border-radius: inherit; + border: 0; + padding: 0; + // max-width: inherit; + } + .shadow{ + border-bottom: 5px solid @gray-darker; + &.bg-gray-darker{ + border-bottom-color: #000; + } + } + .text-underline{ + text-decoration: underline; + } + .text-boxed{ + border: 1px solid; + border-color: inherit; + padding: 20px; + } +} + + +/* BUTTONS + ========================================================================== */ + +#wrapwrap, +.modal-body .dropdown-menu, +.link-style .col-sm-10{ + .btn{ + background-color: rgba(0, 0, 0, 0); + border-radius: @border-radius-large; + border: 0; + font-family: @btn-font-family; + font-size: @font-size-base; + text-transform: uppercase; + padding: 8px 44px; + transition: all .2s ease-in-out; + &:active, + &.active{ + box-shadow: @shadow; + } + /* Sizes */ + &.btn-xs{ + font-size: @font-size-extra-small; + padding: 4px 20px; + } + &.btn-sm{ + font-size: @font-size-small; + padding: 6px 32px; + } + &.btn-lg{ + font-size: @font-size-h6; + padding: 10px 56px; + } + /* Colors */ + .btn-color(@color){ + background-color: @color; + color: #fff; + &:hover{ + background-color: darken(@color, 15%); + color: #fff; + } + } + &.btn-default{ + .btn-color(@gray-darker); + } + &.btn-primary{ + .btn-color(@color-alpha); + } + &.btn-success{ + .btn-color(@color-beta); + } + &.btn-info{ + .btn-color(@color-gamma); + } + &.btn-warning{ + .btn-color(@color-delta); + } + &.btn-danger{ + .btn-color(@color-epsilon); + } + } +} + + +/* DEMOS + ========================================================================== */ + +.demo-title{ + padding: 32px 0; + color: @gray-lighter; + font-family: 'Lato', sans-serif; + font-weight: 400 !important; + font-size: 60px; +} + +.demo-subtitle{ + padding: 10px 20px; + border-left: 5px solid @gray-dark; + background-image: url('/theme_nano/static/src/img/patterns/bg_pattern_demo.png'); + color: @gray-dark; + font-family: 'Lato', sans-serif; + font-weight: 400 !important; + font-size: 24px; +} + +.demo-icons{ + .fa-rocket{ + margin-right: 13px; + } +} + + +/* PUBLISH + ========================================================================== */ + +#wrapwrap .js_publish_management{ + .btn{ + border-radius: 0; + padding: 6px 12px; + text-transform: none; + font-size: 14px; + &.btn-success{ + background-color: @brand-success; + &:hover{ + background-color: darken(@brand-success, 10%) + } + } + &.btn-danger{ + background-color: @brand-danger; + &:hover{ + background-color: darken(@brand-danger, 10%) + } + } + } +} + +/* LOGIN + ========================================================================== */ + +.oe_website_login_container{ + padding: 0 20px; +} \ No newline at end of file diff --git a/theme_nano/views/assets.xml b/theme_nano/views/assets.xml new file mode 100644 index 000000000..9e1935aa2 --- /dev/null +++ b/theme_nano/views/assets.xml @@ -0,0 +1,70 @@ + + + + + + + + + open + + + + + + + + + + + + + \ No newline at end of file diff --git a/theme_nano/views/customize_modal.xml b/theme_nano/views/customize_modal.xml new file mode 100644 index 000000000..9ef1da5df --- /dev/null +++ b/theme_nano/views/customize_modal.xml @@ -0,0 +1,441 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/theme_nano/views/images_content.xml b/theme_nano/views/images_content.xml new file mode 100644 index 000000000..35c4beb25 --- /dev/null +++ b/theme_nano/views/images_content.xml @@ -0,0 +1,102 @@ + + + + + + /theme_nano/static/src/img/content/contact.gif + + + + /theme_nano/static/src/img/content/brainstorming.gif + + + + /theme_nano/static/src/img/content/support.gif + + + + /theme_nano/static/src/img/content/text_image.jpg + + + + /theme_nano/static/src/img/content/big_picture.gif + + + + /theme_nano/static/src/img/content/image_text.jpg + + + + /theme_nano/static/src/img/content/profiles_boxes_2.gif + + + + /theme_nano/static/src/img/content/author.gif + + + + /theme_nano/static/src/img/content/profiles_boxes_3.gif + + + + /theme_nano/static/src/img/content/logo_bear.png + + + + /theme_nano/static/src/img/content/logo_barber.png + + + + /theme_nano/static/src/img/content/logo_coffee.png + + + + /theme_nano/static/src/img/content/logo_ocean.png + + + + /theme_nano/static/src/img/content/logo_dear.png + + + + /theme_nano/static/src/img/content/logo_mountain.png + + + + /theme_nano/static/src/img/content/profiles_boxes_1.gif + + + + /theme_nano/static/src/img/content/rocket.gif + + + + /theme_nano/static/src/img/content/flask.gif + + + + /theme_nano/static/src/img/content/location.gif + + + + /theme_nano/static/src/img/content/planning.gif + + + + /theme_nano/static/src/img/content/suitcase.gif + + + + /theme_nano/static/src/img/content/strategy.gif + + + + /theme_nano/static/src/img/content/event.gif + + + + /theme_nano/static/src/img/content/tools.gif + + + + \ No newline at end of file diff --git a/theme_nano/views/images_library.xml b/theme_nano/views/images_library.xml new file mode 100644 index 000000000..4653d179b --- /dev/null +++ b/theme_nano/views/images_library.xml @@ -0,0 +1,214 @@ + + + + + + + + + bg_img_01.gif + bg_img_01.gif + ir.ui.view + url + /theme_nano/static/src/img/backgrounds/01.gif + + + + bg_img_02.gif + bg_img_02.gif + ir.ui.view + url + /theme_nano/static/src/img/backgrounds/02.gif + + + + bg_img_03.gif + bg_img_03.gif + ir.ui.view + url + /theme_nano/static/src/img/backgrounds/03.gif + + + + bg_img_04.gif + bg_img_04.gif + ir.ui.view + url + /theme_nano/static/src/img/backgrounds/04.gif + + + + bg_img_05.gif + bg_img_05.gif + ir.ui.view + url + /theme_nano/static/src/img/backgrounds/05.gif + + + + bg_img_06.gif + bg_img_06.gif + ir.ui.view + url + /theme_nano/static/src/img/backgrounds/06.gif + + + + bg_img_07.gif + bg_img_07.gif + ir.ui.view + url + /theme_nano/static/src/img/backgrounds/07.gif + + + + bg_img_08.gif + bg_img_08.gif + ir.ui.view + url + /theme_nano/static/src/img/backgrounds/08.gif + + + + bg_img_09.gif + bg_img_09.gif + ir.ui.view + url + /theme_nano/static/src/img/backgrounds/09.gif + + + + bg_img_10.gif + bg_img_10.gif + ir.ui.view + url + /theme_nano/static/src/img/backgrounds/10.gif + + + + bg_img_11.gif + bg_img_11.gif + ir.ui.view + url + /theme_nano/static/src/img/backgrounds/11.gif + + + + bg_img_12.gif + bg_img_12.gif + ir.ui.view + url + /theme_nano/static/src/img/backgrounds/12.gif + + + + bg_img_13.gif + bg_img_13.gif + ir.ui.view + url + /theme_nano/static/src/img/backgrounds/13.gif + + + + bg_img_14.gif + bg_img_14.gif + ir.ui.view + url + /theme_nano/static/src/img/backgrounds/14.gif + + + + bg_img_15.gif + bg_img_15.gif + ir.ui.view + url + /theme_nano/static/src/img/backgrounds/15.gif + + + + bg_img_16.gif + bg_img_16.gif + ir.ui.view + url + /theme_nano/static/src/img/backgrounds/16.gif + + + + + + + bg_pattern_01.png + bg_pattern_01.png + ir.ui.view + url + /theme_nano/static/src/img/patterns/01.png + + + + bg_pattern_02.png + bg_pattern_02.png + ir.ui.view + url + /theme_nano/static/src/img/patterns/02.png + + + + bg_pattern_03.png + bg_pattern_03.png + ir.ui.view + url + /theme_nano/static/src/img/patterns/03.png + + + + bg_pattern_04.png + bg_pattern_04.png + ir.ui.view + url + /theme_nano/static/src/img/patterns/04.png + + + + bg_pattern_05.png + bg_pattern_05.png + ir.ui.view + url + /theme_nano/static/src/img/patterns/05.png + + + + bg_pattern_06.png + bg_pattern_06.png + ir.ui.view + url + /theme_nano/static/src/img/patterns/06.png + + + + bg_pattern_07.png + bg_pattern_07.png + ir.ui.view + url + /theme_nano/static/src/img/patterns/07.png + + + + bg_pattern_08.png + bg_pattern_08.png + ir.ui.view + url + /theme_nano/static/src/img/patterns/08.png + + + + bg_pattern_09.png + bg_pattern_09.png + ir.ui.view + url + /theme_nano/static/src/img/patterns/09.png + + + + diff --git a/theme_nano/views/layout.xml b/theme_nano/views/layout.xml new file mode 100644 index 000000000..61d58b586 --- /dev/null +++ b/theme_nano/views/layout.xml @@ -0,0 +1,135 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/theme_nano/views/snippets.xml b/theme_nano/views/snippets.xml new file mode 100644 index 000000000..7e69d13bc --- /dev/null +++ b/theme_nano/views/snippets.xml @@ -0,0 +1,78 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_nano/views/snippets/s_big_picture.xml b/theme_nano/views/snippets/s_big_picture.xml new file mode 100644 index 000000000..33a95d0d7 --- /dev/null +++ b/theme_nano/views/snippets/s_big_picture.xml @@ -0,0 +1,14 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_nano/views/snippets/s_carousel_extended.xml b/theme_nano/views/snippets/s_carousel_extended.xml new file mode 100644 index 000000000..e8edfa60e --- /dev/null +++ b/theme_nano/views/snippets/s_carousel_extended.xml @@ -0,0 +1,22 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_nano/views/snippets/s_features_circle_extended.xml b/theme_nano/views/snippets/s_features_circle_extended.xml new file mode 100644 index 000000000..b736d993e --- /dev/null +++ b/theme_nano/views/snippets/s_features_circle_extended.xml @@ -0,0 +1,22 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_nano/views/snippets/s_image_text.xml b/theme_nano/views/snippets/s_image_text.xml new file mode 100644 index 000000000..951fd6fce --- /dev/null +++ b/theme_nano/views/snippets/s_image_text.xml @@ -0,0 +1,14 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_nano/views/snippets/s_panel_extended.xml b/theme_nano/views/snippets/s_panel_extended.xml new file mode 100644 index 000000000..a94082faf --- /dev/null +++ b/theme_nano/views/snippets/s_panel_extended.xml @@ -0,0 +1,19 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_nano/views/snippets/s_quote_extended.xml b/theme_nano/views/snippets/s_quote_extended.xml new file mode 100644 index 000000000..329d29665 --- /dev/null +++ b/theme_nano/views/snippets/s_quote_extended.xml @@ -0,0 +1,21 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_nano/views/snippets/s_separator_extended.xml b/theme_nano/views/snippets/s_separator_extended.xml new file mode 100644 index 000000000..ebc8f0b43 --- /dev/null +++ b/theme_nano/views/snippets/s_separator_extended.xml @@ -0,0 +1,14 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_nano/views/snippets/s_share_extended.xml b/theme_nano/views/snippets/s_share_extended.xml new file mode 100644 index 000000000..f2de0b465 --- /dev/null +++ b/theme_nano/views/snippets/s_share_extended.xml @@ -0,0 +1,31 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_nano/views/snippets/s_text_image.xml b/theme_nano/views/snippets/s_text_image.xml new file mode 100644 index 000000000..ae0b14c26 --- /dev/null +++ b/theme_nano/views/snippets/s_text_image.xml @@ -0,0 +1,14 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_nano/views/snippets/s_well_extended.xml b/theme_nano/views/snippets/s_well_extended.xml new file mode 100644 index 000000000..8bd9bf95b --- /dev/null +++ b/theme_nano/views/snippets/s_well_extended.xml @@ -0,0 +1,19 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_nano/views/snippets_options.xml b/theme_nano/views/snippets_options.xml new file mode 100644 index 000000000..bb123e5f0 --- /dev/null +++ b/theme_nano/views/snippets_options.xml @@ -0,0 +1,343 @@ + + + + + + + + + \ No newline at end of file diff --git a/theme_notes/LICENSE b/theme_notes/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_notes/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_notes/__init__.py b/theme_notes/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_notes/__openerp__.py b/theme_notes/__openerp__.py new file mode 100644 index 000000000..56a183ad1 --- /dev/null +++ b/theme_notes/__openerp__.py @@ -0,0 +1,27 @@ +{ + 'name': 'Notes & Play Theme', + 'description': 'Notes & Play Theme', + 'category': 'Theme/Ecommerce', + 'version': '1.0', + 'author': 'Odoo S.A.', + 'depends': ['theme_common'], + 'data': [ + 'views/assets.xml', + 'views/customize_modal.xml', + 'views/snippets.xml', + 'views/images_content.xml', + 'views/images_library.xml', + 'views/snippet_options.xml', + ], + 'demo': [ + 'demo/demo.xml', + 'demo/blocks.xml', + 'demo/demo-menu.xml', + ], + 'images': [ + 'static/description/Notes_description.png', + ], + 'price': 199, + 'currency': 'EUR', + 'live_test_url': 'https://theme-notes.odoo.com/page/demo', +} diff --git a/theme_notes/demo/blocks.xml b/theme_notes/demo/blocks.xml new file mode 100644 index 000000000..770c30b6d --- /dev/null +++ b/theme_notes/demo/blocks.xml @@ -0,0 +1,253 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_notes/demo/demo-menu.xml b/theme_notes/demo/demo-menu.xml new file mode 100644 index 000000000..4b66c544e --- /dev/null +++ b/theme_notes/demo/demo-menu.xml @@ -0,0 +1,20 @@ + + + + + + Demo + /page/demo + + 60 + + + + Blocks + /page/demo_blocks + + 60 + + + + \ No newline at end of file diff --git a/theme_notes/demo/demo.xml b/theme_notes/demo/demo.xml new file mode 100644 index 000000000..91fbfa7dc --- /dev/null +++ b/theme_notes/demo/demo.xml @@ -0,0 +1,483 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_notes/doc/index.rst b/theme_notes/doc/index.rst new file mode 100644 index 000000000..9f4dd865e --- /dev/null +++ b/theme_notes/doc/index.rst @@ -0,0 +1,34 @@ +You need to install the *Less CSS* compiler to run this theme + +* on Linux, use your distribution's package manager to install nodejs and npm. + * In debian wheezy and Ubuntu 13.10 and before you need to install nodejs manually: + + .. code-block:: console + + $ wget -qO- https://deb.nodesource.com/setup | bash - + $ apt-get install -y nodejs + + * In later debian (>jessie) and ubuntu (>14.04) you may need to add a symlink as npm packages call ``node`` but debian calls the binary ``nodejs`` + + .. code-block:: console + + $ apt-get install -y npm + $ sudo ln -s /usr/bin/nodejs /usr/bin/node + + * Once npm is installed, use it to install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on OS X, install nodejs via your preferred package manager (`homebrew `_, `macports `_) then install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on Windows, `install nodejs `_, reboot (to update the `PATH`) and install less and less-plugin-clean-css: + + .. code-block:: ps1 + + C:\> npm install -g less less-plugin-clean-css diff --git a/theme_notes/static/description/Notes_description.png b/theme_notes/static/description/Notes_description.png new file mode 100644 index 000000000..3b5de9579 Binary files /dev/null and b/theme_notes/static/description/Notes_description.png differ diff --git a/theme_notes/static/description/contributors/applicatour.jpg b/theme_notes/static/description/contributors/applicatour.jpg new file mode 100644 index 000000000..977d9052f Binary files /dev/null and b/theme_notes/static/description/contributors/applicatour.jpg differ diff --git a/theme_notes/static/description/contributors/aselcis.jpg b/theme_notes/static/description/contributors/aselcis.jpg new file mode 100644 index 000000000..9fbc0f3c1 Binary files /dev/null and b/theme_notes/static/description/contributors/aselcis.jpg differ diff --git a/theme_notes/static/description/contributors/bas-solutions.png b/theme_notes/static/description/contributors/bas-solutions.png new file mode 100644 index 000000000..c64c5359a Binary files /dev/null and b/theme_notes/static/description/contributors/bas-solutions.png differ diff --git a/theme_notes/static/description/contributors/bloopark.png b/theme_notes/static/description/contributors/bloopark.png new file mode 100644 index 000000000..4ce0327d8 Binary files /dev/null and b/theme_notes/static/description/contributors/bloopark.png differ diff --git a/theme_notes/static/description/contributors/brouwland.jpg b/theme_notes/static/description/contributors/brouwland.jpg new file mode 100644 index 000000000..8fe4a1441 Binary files /dev/null and b/theme_notes/static/description/contributors/brouwland.jpg differ diff --git a/theme_notes/static/description/contributors/catsdogs.png b/theme_notes/static/description/contributors/catsdogs.png new file mode 100644 index 000000000..f4d03e63d Binary files /dev/null and b/theme_notes/static/description/contributors/catsdogs.png differ diff --git a/theme_notes/static/description/contributors/dialognet.png b/theme_notes/static/description/contributors/dialognet.png new file mode 100644 index 000000000..831a1a9c3 Binary files /dev/null and b/theme_notes/static/description/contributors/dialognet.png differ diff --git a/theme_notes/static/description/contributors/dynapps.jpg b/theme_notes/static/description/contributors/dynapps.jpg new file mode 100644 index 000000000..5854230c4 Binary files /dev/null and b/theme_notes/static/description/contributors/dynapps.jpg differ diff --git a/theme_notes/static/description/contributors/huckemedia.png b/theme_notes/static/description/contributors/huckemedia.png new file mode 100644 index 000000000..2106c34b0 Binary files /dev/null and b/theme_notes/static/description/contributors/huckemedia.png differ diff --git a/theme_notes/static/description/contributors/opusvl.png b/theme_notes/static/description/contributors/opusvl.png new file mode 100644 index 000000000..f1f25f120 Binary files /dev/null and b/theme_notes/static/description/contributors/opusvl.png differ diff --git a/theme_notes/static/description/contributors/oxen.jpg b/theme_notes/static/description/contributors/oxen.jpg new file mode 100644 index 000000000..0cb41eb9f Binary files /dev/null and b/theme_notes/static/description/contributors/oxen.jpg differ diff --git a/theme_notes/static/description/contributors/simplitco.jpg b/theme_notes/static/description/contributors/simplitco.jpg new file mode 100644 index 000000000..152bbf277 Binary files /dev/null and b/theme_notes/static/description/contributors/simplitco.jpg differ diff --git a/theme_notes/static/description/contributors/sodexis.jpg b/theme_notes/static/description/contributors/sodexis.jpg new file mode 100644 index 000000000..12f1d8ecd Binary files /dev/null and b/theme_notes/static/description/contributors/sodexis.jpg differ diff --git a/theme_notes/static/description/contributors/tech-receptives.png b/theme_notes/static/description/contributors/tech-receptives.png new file mode 100644 index 000000000..c441f44db Binary files /dev/null and b/theme_notes/static/description/contributors/tech-receptives.png differ diff --git a/theme_notes/static/description/contributors/vauxoo.png b/theme_notes/static/description/contributors/vauxoo.png new file mode 100644 index 000000000..7e83d3148 Binary files /dev/null and b/theme_notes/static/description/contributors/vauxoo.png differ diff --git a/theme_notes/static/description/customtool.jpg b/theme_notes/static/description/customtool.jpg new file mode 100644 index 000000000..d9e0aaf9b Binary files /dev/null and b/theme_notes/static/description/customtool.jpg differ diff --git a/theme_notes/static/description/customtool2.jpg b/theme_notes/static/description/customtool2.jpg new file mode 100644 index 000000000..4cde1a77c Binary files /dev/null and b/theme_notes/static/description/customtool2.jpg differ diff --git a/theme_notes/static/description/icon.png b/theme_notes/static/description/icon.png new file mode 100644 index 000000000..7a326b662 Binary files /dev/null and b/theme_notes/static/description/icon.png differ diff --git a/theme_notes/static/description/index.html b/theme_notes/static/description/index.html new file mode 100644 index 000000000..56c16f475 --- /dev/null +++ b/theme_notes/static/description/index.html @@ -0,0 +1,211 @@ +
    +

    Html5 Responsive Bootstrap Theme for Odoo CMS

    +
    + +

    Notes is a professional responsive HTML5 theme, built using Bootstrap3, + the most popular front-end framework for developing responsive, mobile + first projects on the web. Just drag & drop the new building blocks + you need to easily build your layout. All layouts are made of sections, + that you can easily combine to fit your specific project.

    + +
    + +

    Notes Customization Tool

    + +

    Theme Notes comes with customization tools. You can easily change + the background, the colors and the font combination of your website or + you a preset.

    + +
    +
    + +
    +
    +

    Theme Notes comes with a lot of options

    +
      +
    • 6 PRESETS
      • +
    • WIDE OR BOXED LAYOUT
      • +
    • 6 COLOR SCHEMES
      • +
    • 8 BACKGROUND SHADES OR USE YOUR OWN
      • +
    • 6 FONT COMBINATIONS
      • +
    • 10 BACKGROUND PATTERNS
      • +
    +

    All the background, color and font combinations were made to work together.  + You can not go wrong with the settings.

    + +

    Minimalistic Flat Design

    +

    Notes was made with easy customization and branding in mind. Based on + simple, modern and typographical elements, it allows you to easily customize + your website.

    + +

    6 Prebuild Presets

    +

    You don't have the time to play with options? Don't worry, Notes gives + you six full presets wich combine colors, fonts and background.

    + +

    This theme has an additional eCommerce plugin.

    +
    +
    + +

    Notes Building Blocks

    + +

    You get a new complete range of building blocks.

    + +
    +
    +

    CONTENT BLOCKS

    +
      +
    • Title
      • +
    • 1 Column Text
      • +
    • 2 Column Text
      • +
    • 3 Column Text
      • +
    • 4 Column Text
      • +
    • Custom Button
      • +
    • Separator Block
      • +
    +

    STRUCTURE BLOCKS

    +
      +
    • Custom Banner
      • +
    • Big Picture + Text
      • +
    • Text + Big Picture
      • +
    • Cubes
      • +
    • Features Slideshow
      • +
    • Header + Text + Picture
      • +
    • Product List
      • +
    • Text + Image + Text
      • +
    • Parallax Banner
      • +
    • 4 Color Blocks
      • +
    • Timeline
      • +
    • Event List
      • +
    • Logos Bar
      • +
    • Testimonial Slider
      • +
    +
    +
    +

    FEATURES BLOCKS

    +
      +
    • Slide Banner
      • +
    • Slideshow with products
      • +
    +

    EFFECTS BLOCKS

    +
      +
    • Big Image Parallax
      • +
    +
    +
    +

    Customize Your Blocks

    +

    Each building blocks comes with its own options. 

    + +
    +
    + +

    Some fonts might not work with extended charsets.

    +

    The images in the theme are copyrighted and can't be used outside of the odoo.com domain.

    +
    + +

    CONTRIBUTORS LIST

    +
    + +

    This theme was created with the help of our user community.

    + +

    Thanks to our backers the Indiegogo campaign was a success!

    + +

    https://www.indiegogo.com/projects/bootstrap-themes-for-odoo-cms/

    +
    + +

    Main Sponsor

    +
    + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + +

    Ross Whiting, Oxenworkwear - Hans Balis - Stephan Keller, Sodexis, Inc. - Michael Hucke, Hucke Media GmbH & Co. KG - Joachim Grubelnik, DaDi EDV GmbH​ datadialog.net - DynApps - Cats&Dogs bvba - Bloopark systems GmbH & Co. KG - Parthiv Patel, Tech Receptives Solutions Pvt. Ltd. - Stuart Mackintosh, OpusVL - Erwin van der Ploeg, BAS Solutions - ali Zuaby, simplit co - Aselcis Consulting - Nhomar Hernandez, Vauxoo

    + +

    Sponsor

    +
    + +

    Robert Baumgartner, datenpol gmbh - openBIG - Russell Phillippe, Protogenos Ltd - Julien Allo, Julius - EasyPME - Jonathan Wilson, WillowIT Pty Ltd - Xavier Mallein, MAallein - Pedro M. Baeza, Serv. Tecnol. Avanzados - Daniel Dico, OERP Canada - Jantz Business Group b.v. - LogicaSoft Consulting - Eric Caudal, Elico Corp - Ermin Trevisan, Twanda - Jean-François Mattler, OpenFid SAS - Alex Ferrer, Lannex IT Solutions - Tony Gu, Shine IT Co. Ltd. 先安科技 - TaPo-IT OG - Jos De Graeve, Apertoso - Nicolas Rigo, eezee-it - Luis Miguel Varón E, Colorisa S.A - OpenBias - Stanislas Drouin Applicatour

    + +

    Power Designer

    +
    + +

    Rohit Thakral - François Dhommeaux, Ubic Informatique - Judson Alves, Market Home Delivery - Eric Flaux, ABF Osiell - Gilles Dupont - Arnis Putniņš - Johnson Martt, GetOpenERP (Part of OpenStow Technologies) - Gianluca Milano - Daniel Stolovich, ATEL S.A. - Equitania Software GmbH - Senthilnathan G - Houssine Bakkali - Arend Trip - Kevin Woolf, Baba Kevin's American Barbecue Co., Ltd. - toodoo sàrl - Zoltan Gabor 'Apersis' - Tom De Decker, WEB2GO LTD - Nicolás Cavalier Montenegro, STOREGUD CORPORATION SAC - Keirse Jerome - REAL Solutions S.A. - Davide Corio - Brice Muangkhot - Melvin Miguel Martinez, Mendoza Hernandez - Auditores - Chua Wen Ching - Tran Minh Tri working, ungdungtinhoc.com - Badisheng Morena - Sogexis - Josh Wardini - The Tee Shirt Bakery - Bruce Letterle, Red Lab Media - Benoit Vankoningsloo - Francisco Manuel Garcia Claramonte. - Paulina Mikolajczak-Blasco - Collectiv - Tony Fernando - Herbert Riener, rigaConcepts - Kalmen Chia, E-Global SCM Solution Sdn Bhd - Rob North, Pair A Dice Games - David E. Vargas, CloudShop - François Le Gal - Calin Chete (24h Solutions) - Maria Gabriela Fong, MAGA Systems & Consulting - Pascal Behr, Cytosurge AG - Marc Antwertinger - Opencloud Unipessoal, Lda - Ruchir Shukla, BizzAppDev - Michael Hucke, Hucke Media GmbH & Co. KG - Mathias Neef, copadoMEDIA UG - Pablo Arias - Same Motion - livingprocess.de - Habib Ayob - Igor Jovanovic - Liangming Wang, Weixuan Inc. - Jason Au Yeung, Binary System Limited - Fredrik Arvas, Arvas International AB - Martin Temmink, Zigaret - Mathieu Vanneste, Flockdesign - Filip Fruru, Instant Media - Marianne Wilmsmeier, Fabrik Fünf GmbH - Vertex Group Enterprises - Bingen Eguzkitza - Herczeg Péter, InnOpen Group Kft - Giles Hohnen - Luis Felipe Miléo, KMEE - Maria Gabriela Fong, MAGA Systems & Consulting - Aaron Magon, Web Industries - Andrew Trueman, B.M. Trueman & Partners - Sven Petersen, Conexus - Nous Cambas - Oliver Yuan, OpenStone - Henri Ibowili, A-YANT.COM - Nicolas JEUDY - Helmut Drewes - Maik Steinfeld, Streward - Hans Henrik Gabelgaard - AJ Rosman - Eduard - Patrick Darribet, SUDOKEYS - Camptocamp - Cyril Morisse - Alejandro Santana - Eva Pinter, YBO - Mathias Neef, copadoMEDIA UG - Jean-Christophe Perrot, LOGICASOFT - Zarshed Ali, HiTechnologia - Stefan Reisich - Maxime Chambreuil, Savoir-faire Linux - Mario Gielissen, Openworx - Nicholas Burdic, Aptoworks LLC - Olivier Lenoir

    +
    diff --git a/theme_notes/static/src/img/content/content_img_01.jpg b/theme_notes/static/src/img/content/content_img_01.jpg new file mode 100644 index 000000000..c855f9f44 Binary files /dev/null and b/theme_notes/static/src/img/content/content_img_01.jpg differ diff --git a/theme_notes/static/src/img/content/content_img_02.jpg b/theme_notes/static/src/img/content/content_img_02.jpg new file mode 100644 index 000000000..cc786ce2e Binary files /dev/null and b/theme_notes/static/src/img/content/content_img_02.jpg differ diff --git a/theme_notes/static/src/img/content/content_img_03.jpg b/theme_notes/static/src/img/content/content_img_03.jpg new file mode 100644 index 000000000..bc57654cb Binary files /dev/null and b/theme_notes/static/src/img/content/content_img_03.jpg differ diff --git a/theme_notes/static/src/img/content/content_img_04.jpg b/theme_notes/static/src/img/content/content_img_04.jpg new file mode 100644 index 000000000..81471e38a Binary files /dev/null and b/theme_notes/static/src/img/content/content_img_04.jpg differ diff --git a/theme_notes/static/src/img/content/content_img_05.jpg b/theme_notes/static/src/img/content/content_img_05.jpg new file mode 100644 index 000000000..2bd96e572 Binary files /dev/null and b/theme_notes/static/src/img/content/content_img_05.jpg differ diff --git a/theme_notes/static/src/img/content/content_img_06.jpg b/theme_notes/static/src/img/content/content_img_06.jpg new file mode 100644 index 000000000..696e3281a Binary files /dev/null and b/theme_notes/static/src/img/content/content_img_06.jpg differ diff --git a/theme_notes/static/src/img/content/content_img_07.jpg b/theme_notes/static/src/img/content/content_img_07.jpg new file mode 100644 index 000000000..29288e7dd Binary files /dev/null and b/theme_notes/static/src/img/content/content_img_07.jpg differ diff --git a/theme_notes/static/src/img/content/content_img_08.png b/theme_notes/static/src/img/content/content_img_08.png new file mode 100644 index 000000000..f7f3b0bed Binary files /dev/null and b/theme_notes/static/src/img/content/content_img_08.png differ diff --git a/theme_notes/static/src/img/content/content_img_09.jpg b/theme_notes/static/src/img/content/content_img_09.jpg new file mode 100644 index 000000000..10552e27f Binary files /dev/null and b/theme_notes/static/src/img/content/content_img_09.jpg differ diff --git a/theme_notes/static/src/img/content/content_img_10.jpg b/theme_notes/static/src/img/content/content_img_10.jpg new file mode 100644 index 000000000..3015b27b3 Binary files /dev/null and b/theme_notes/static/src/img/content/content_img_10.jpg differ diff --git a/theme_notes/static/src/img/content/content_img_11.jpg b/theme_notes/static/src/img/content/content_img_11.jpg new file mode 100644 index 000000000..e9f20147c Binary files /dev/null and b/theme_notes/static/src/img/content/content_img_11.jpg differ diff --git a/theme_notes/static/src/img/content/content_img_12.jpg b/theme_notes/static/src/img/content/content_img_12.jpg new file mode 100644 index 000000000..3812a8b44 Binary files /dev/null and b/theme_notes/static/src/img/content/content_img_12.jpg differ diff --git a/theme_notes/static/src/img/content/content_logo.png b/theme_notes/static/src/img/content/content_logo.png new file mode 100644 index 000000000..3cdd37a77 Binary files /dev/null and b/theme_notes/static/src/img/content/content_logo.png differ diff --git a/theme_notes/static/src/img/content/product_img_01.jpg b/theme_notes/static/src/img/content/product_img_01.jpg new file mode 100644 index 000000000..63a5999e9 Binary files /dev/null and b/theme_notes/static/src/img/content/product_img_01.jpg differ diff --git a/theme_notes/static/src/img/content/product_img_02.jpg b/theme_notes/static/src/img/content/product_img_02.jpg new file mode 100644 index 000000000..ed1aff79a Binary files /dev/null and b/theme_notes/static/src/img/content/product_img_02.jpg differ diff --git a/theme_notes/static/src/img/content/product_img_03.jpg b/theme_notes/static/src/img/content/product_img_03.jpg new file mode 100644 index 000000000..8c4bf4b0c Binary files /dev/null and b/theme_notes/static/src/img/content/product_img_03.jpg differ diff --git a/theme_notes/static/src/img/content/product_img_04.jpg b/theme_notes/static/src/img/content/product_img_04.jpg new file mode 100644 index 000000000..36a30f1a6 Binary files /dev/null and b/theme_notes/static/src/img/content/product_img_04.jpg differ diff --git a/theme_notes/static/src/img/content/product_img_04.png b/theme_notes/static/src/img/content/product_img_04.png new file mode 100644 index 000000000..710ba3698 Binary files /dev/null and b/theme_notes/static/src/img/content/product_img_04.png differ diff --git a/theme_notes/static/src/img/content/product_img_05.png b/theme_notes/static/src/img/content/product_img_05.png new file mode 100644 index 000000000..85d2bd7b3 Binary files /dev/null and b/theme_notes/static/src/img/content/product_img_05.png differ diff --git a/theme_notes/static/src/img/content/product_img_06.png b/theme_notes/static/src/img/content/product_img_06.png new file mode 100644 index 000000000..c73334403 Binary files /dev/null and b/theme_notes/static/src/img/content/product_img_06.png differ diff --git a/theme_notes/static/src/img/content/product_img_07.png b/theme_notes/static/src/img/content/product_img_07.png new file mode 100644 index 000000000..f06b8dcf5 Binary files /dev/null and b/theme_notes/static/src/img/content/product_img_07.png differ diff --git a/theme_notes/static/src/img/content/product_img_08.png b/theme_notes/static/src/img/content/product_img_08.png new file mode 100644 index 000000000..b0b9d570e Binary files /dev/null and b/theme_notes/static/src/img/content/product_img_08.png differ diff --git a/theme_notes/static/src/img/content/product_img_09.png b/theme_notes/static/src/img/content/product_img_09.png new file mode 100644 index 000000000..67b70e671 Binary files /dev/null and b/theme_notes/static/src/img/content/product_img_09.png differ diff --git a/theme_notes/static/src/img/content/product_img_10.png b/theme_notes/static/src/img/content/product_img_10.png new file mode 100644 index 000000000..25b8d51f7 Binary files /dev/null and b/theme_notes/static/src/img/content/product_img_10.png differ diff --git a/theme_notes/static/src/img/content/product_img_11.png b/theme_notes/static/src/img/content/product_img_11.png new file mode 100644 index 000000000..f9a30c1cf Binary files /dev/null and b/theme_notes/static/src/img/content/product_img_11.png differ diff --git a/theme_notes/static/src/img/content/product_img_12.png b/theme_notes/static/src/img/content/product_img_12.png new file mode 100644 index 000000000..7ddc54e7d Binary files /dev/null and b/theme_notes/static/src/img/content/product_img_12.png differ diff --git a/theme_notes/static/src/img/content/product_img_13.png b/theme_notes/static/src/img/content/product_img_13.png new file mode 100644 index 000000000..6a29d3d43 Binary files /dev/null and b/theme_notes/static/src/img/content/product_img_13.png differ diff --git a/theme_notes/static/src/img/content/product_img_14.png b/theme_notes/static/src/img/content/product_img_14.png new file mode 100644 index 000000000..704bd0302 Binary files /dev/null and b/theme_notes/static/src/img/content/product_img_14.png differ diff --git a/theme_notes/static/src/img/content/product_img_15.png b/theme_notes/static/src/img/content/product_img_15.png new file mode 100644 index 000000000..63048ea07 Binary files /dev/null and b/theme_notes/static/src/img/content/product_img_15.png differ diff --git a/theme_notes/static/src/img/content/product_img_16.png b/theme_notes/static/src/img/content/product_img_16.png new file mode 100644 index 000000000..26abaffa3 Binary files /dev/null and b/theme_notes/static/src/img/content/product_img_16.png differ diff --git a/theme_notes/static/src/img/library/bg1.jpg b/theme_notes/static/src/img/library/bg1.jpg new file mode 100644 index 000000000..624db9d70 Binary files /dev/null and b/theme_notes/static/src/img/library/bg1.jpg differ diff --git a/theme_notes/static/src/img/library/bg10.jpg b/theme_notes/static/src/img/library/bg10.jpg new file mode 100644 index 000000000..4ccd7ecb6 Binary files /dev/null and b/theme_notes/static/src/img/library/bg10.jpg differ diff --git a/theme_notes/static/src/img/library/bg2.jpg b/theme_notes/static/src/img/library/bg2.jpg new file mode 100644 index 000000000..26e5a9766 Binary files /dev/null and b/theme_notes/static/src/img/library/bg2.jpg differ diff --git a/theme_notes/static/src/img/library/bg3.jpg b/theme_notes/static/src/img/library/bg3.jpg new file mode 100644 index 000000000..013e97067 Binary files /dev/null and b/theme_notes/static/src/img/library/bg3.jpg differ diff --git a/theme_notes/static/src/img/library/bg4.jpg b/theme_notes/static/src/img/library/bg4.jpg new file mode 100644 index 000000000..02d139a6e Binary files /dev/null and b/theme_notes/static/src/img/library/bg4.jpg differ diff --git a/theme_notes/static/src/img/library/bg5.jpg b/theme_notes/static/src/img/library/bg5.jpg new file mode 100644 index 000000000..3d636ec47 Binary files /dev/null and b/theme_notes/static/src/img/library/bg5.jpg differ diff --git a/theme_notes/static/src/img/library/bg6.jpg b/theme_notes/static/src/img/library/bg6.jpg new file mode 100644 index 000000000..48a7608a4 Binary files /dev/null and b/theme_notes/static/src/img/library/bg6.jpg differ diff --git a/theme_notes/static/src/img/library/bg7.jpg b/theme_notes/static/src/img/library/bg7.jpg new file mode 100644 index 000000000..edd01ccfb Binary files /dev/null and b/theme_notes/static/src/img/library/bg7.jpg differ diff --git a/theme_notes/static/src/img/library/bg8.jpg b/theme_notes/static/src/img/library/bg8.jpg new file mode 100644 index 000000000..cf4025372 Binary files /dev/null and b/theme_notes/static/src/img/library/bg8.jpg differ diff --git a/theme_notes/static/src/img/library/bg9.jpg b/theme_notes/static/src/img/library/bg9.jpg new file mode 100644 index 000000000..4dca8750c Binary files /dev/null and b/theme_notes/static/src/img/library/bg9.jpg differ diff --git a/theme_notes/static/src/img/library/tn-bg-custom.jpg b/theme_notes/static/src/img/library/tn-bg-custom.jpg new file mode 100644 index 000000000..592f0460b Binary files /dev/null and b/theme_notes/static/src/img/library/tn-bg-custom.jpg differ diff --git a/theme_notes/static/src/img/library/tn-bg-none.jpg b/theme_notes/static/src/img/library/tn-bg-none.jpg new file mode 100644 index 000000000..f28908fd1 Binary files /dev/null and b/theme_notes/static/src/img/library/tn-bg-none.jpg differ diff --git a/theme_notes/static/src/img/pattern/pattern_01.png b/theme_notes/static/src/img/pattern/pattern_01.png new file mode 100644 index 000000000..cac67d47f Binary files /dev/null and b/theme_notes/static/src/img/pattern/pattern_01.png differ diff --git a/theme_notes/static/src/img/pattern/pattern_02.png b/theme_notes/static/src/img/pattern/pattern_02.png new file mode 100644 index 000000000..d6b038191 Binary files /dev/null and b/theme_notes/static/src/img/pattern/pattern_02.png differ diff --git a/theme_notes/static/src/img/pattern/pattern_03.png b/theme_notes/static/src/img/pattern/pattern_03.png new file mode 100644 index 000000000..171846ea1 Binary files /dev/null and b/theme_notes/static/src/img/pattern/pattern_03.png differ diff --git a/theme_notes/static/src/img/pattern/pattern_04.png b/theme_notes/static/src/img/pattern/pattern_04.png new file mode 100644 index 000000000..4445f6401 Binary files /dev/null and b/theme_notes/static/src/img/pattern/pattern_04.png differ diff --git a/theme_notes/static/src/img/pattern/pattern_05.png b/theme_notes/static/src/img/pattern/pattern_05.png new file mode 100644 index 000000000..08038afc8 Binary files /dev/null and b/theme_notes/static/src/img/pattern/pattern_05.png differ diff --git a/theme_notes/static/src/img/pattern/pattern_06.png b/theme_notes/static/src/img/pattern/pattern_06.png new file mode 100644 index 000000000..95e435eaa Binary files /dev/null and b/theme_notes/static/src/img/pattern/pattern_06.png differ diff --git a/theme_notes/static/src/img/pattern/pattern_07.png b/theme_notes/static/src/img/pattern/pattern_07.png new file mode 100644 index 000000000..a4b9b1df4 Binary files /dev/null and b/theme_notes/static/src/img/pattern/pattern_07.png differ diff --git a/theme_notes/static/src/img/pattern/pattern_08.png b/theme_notes/static/src/img/pattern/pattern_08.png new file mode 100644 index 000000000..f5eaec098 Binary files /dev/null and b/theme_notes/static/src/img/pattern/pattern_08.png differ diff --git a/theme_notes/static/src/img/pattern/pattern_09.png b/theme_notes/static/src/img/pattern/pattern_09.png new file mode 100644 index 000000000..f50ab3579 Binary files /dev/null and b/theme_notes/static/src/img/pattern/pattern_09.png differ diff --git a/theme_notes/static/src/img/pattern/pattern_10.png b/theme_notes/static/src/img/pattern/pattern_10.png new file mode 100644 index 000000000..ba40cc39e Binary files /dev/null and b/theme_notes/static/src/img/pattern/pattern_10.png differ diff --git a/theme_notes/static/src/img/snippets/color_blocks.png b/theme_notes/static/src/img/snippets/color_blocks.png new file mode 100644 index 000000000..53697705b Binary files /dev/null and b/theme_notes/static/src/img/snippets/color_blocks.png differ diff --git a/theme_notes/static/src/img/snippets/event_list.png b/theme_notes/static/src/img/snippets/event_list.png new file mode 100644 index 000000000..2d4d37889 Binary files /dev/null and b/theme_notes/static/src/img/snippets/event_list.png differ diff --git a/theme_notes/static/src/img/snippets/references.png b/theme_notes/static/src/img/snippets/references.png new file mode 100644 index 000000000..d01467da0 Binary files /dev/null and b/theme_notes/static/src/img/snippets/references.png differ diff --git a/theme_notes/static/src/img/snippets/testimonial.png b/theme_notes/static/src/img/snippets/testimonial.png new file mode 100644 index 000000000..a4d4bec0c Binary files /dev/null and b/theme_notes/static/src/img/snippets/testimonial.png differ diff --git a/theme_notes/static/src/img/snippets/timeline.png b/theme_notes/static/src/img/snippets/timeline.png new file mode 100644 index 000000000..a77734aad Binary files /dev/null and b/theme_notes/static/src/img/snippets/timeline.png differ diff --git a/theme_notes/static/src/js/notes_snippets_editor.js b/theme_notes/static/src/js/notes_snippets_editor.js new file mode 100644 index 000000000..eafdadba1 --- /dev/null +++ b/theme_notes/static/src/js/notes_snippets_editor.js @@ -0,0 +1,72 @@ +(function () { + 'use strict'; + + var website = openerp.website; + + // Set custom background image from modal + website.Theme.include({ + start: function () { + this._super(); + this.$el.find('label:has(input[data-xmlid="theme_notes.option_bg_custom"])').on('mouseup', _.bind(this.set_custom_bg, this)); + }, + change_selection: function (event, force) { + var self = this; + if (!force && (event.originalEvent && $(event.target).is('input[data-xmlid="theme_notes.option_bg_custom"]'))) { + this.set_custom_bg(event); + return; + } + + this._super(event); + }, + set_custom_bg: function (event) { + var self = this; + + clearTimeout(this.set_custom_bg_time); + this.set_custom_bg_time = setTimeout(function () { + + var $image = $(''); + var element = new CKEDITOR.dom.element($image[0]); + var editor = new website.editor.MediaDialog({}, element); + + $image.on('saved', this, function () { + var src = $image.attr('src'); + + self.$el.addClass("loading"); + + openerp.jsonRpc('/web/dataset/call', 'call', { + model: 'ir.model.data', + method: 'get_object_reference', + args: ["theme_notes", "option_bg_custom"], + }).then(function (data) { + + openerp.jsonRpc('/web/dataset/call', 'call', { + model: 'ir.ui.view', + method: 'save', + args: [ + data[1], + "body{background-image: url('"+src+"'); background-size: cover; background-position: top center;}", + "//style", + website.get_context()], + }).then(function () { + + self.$el.removeClass("loading"); + self.change_selection(event, true); + }); + + }); + + }); + + editor.on('cancel', this, function () { + if(typeof callback === "function") { + callback(); + } + }); + + editor.appendTo(document.body); + + },0); + } + }); + +})(); \ No newline at end of file diff --git a/theme_notes/static/src/less/blog.less b/theme_notes/static/src/less/blog.less new file mode 100644 index 000000000..06d3fc815 --- /dev/null +++ b/theme_notes/static/src/less/blog.less @@ -0,0 +1,220 @@ +/* ===================== BLOG ===================== */ + +#blog_right_column { + border-left: 1px solid black; + padding: 0 15px 35px 30px; + + h4 { + text-transform: uppercase; + } + .nav-stacked>li.active>a { + background-color: rgba(0, 0, 0, 0); + color: @color-gamma; + } +} +.website_blog { + .col-sm-8 { + padding: 0 15px 30px 35px; + } +} +.post-meta { + margin-top: 20px; + text-align: left; +} +.blog_title { + .post-meta { + text-align: center; + } +} +#main_column { + h4 { + font-size: 18px; + } + h2 { + font-size: 25px; + } +} + +/* ===================== FORUM ===================== */ + +.website_forum + #wrap { + .alert { + a { + color: @gray; + } + } + .badge { + color: @color-alpha !important; + } + .text-muted { + color: @gray-lighter !important; + } + table, tbody { + background-color: rgba(0, 0, 0, 0) !important; + color: white !important; + } +} +.website_forum { + background-color: @color-eta; + margin-top: 0px !important; + width: 100%; + .navbar-default .navbar-nav > li > a, .navbar-header span { + color: @color-delta; + } + li.active > a { + background-color: @color-zeta !important; + } +} +.website_forum + #wrap { + padding: 35px; + .question .btn-link { + color: @color-delta; + } + .alert .close { + background: rgba(0, 0, 0, 0); + } + .oe_grey { + background: rgba(0, 0, 0, 0); + } + .page-header { + border-bottom: none; + } + .well { + background: rgba(0, 0, 0, 0); + border: 1px solid @gray-light; + } + .col-sm-9 .nav-tabs { + >li.active>a:hover, .nav-tabs>li.active>a:focus { + border: none; + } + } +} +.forum_docs { + margin-top: 30px; + padding: 10px 35px; + background-color: white; +} + +/* ===================== EVENTS ===================== */ + +.js_event + .container { + .well { + background: rgba(0, 0, 0, 0); + border: none; + box-shadow: none; + } +} +.o_website_event { + .btn-primary { + background: rgba(0, 0, 0, 0) !important; + &:hover { + color: @gray-light !important; + } + } +} + +/* ============== GENERAL STYLES ============== */ + +/* ============== Form group in events, job etc ============== */ + +.navbar-form, .form-inline:not(.pagination) { + margin-bottom: 0px; + margin-top: 5px; + + .form-control { + border-radius: 0px; + border: none; + padding: 20px 12px; + background-color: @gray-dark; + border: 1px solid @gray-light; + } + button[type="submit"] { + background-color: @black !important; + color: @gray-light !important; + } +} + +/* ============== Breadcrumb in events, job etc ============== */ + +.breadcrumb { + background: rgba(0, 0, 0, 0); + .BorderRadius(0px); + + li a { + color: @color-delta; + } +} +/* ============== Nav-pills in events, job etc ============== */ +.nav-pills { + li a { + color: @gray-lighter; + &:hover { + color: @gray; + } + } + li.active > a { + color: @color-delta !important; + background: rgba(0, 0, 0, 0); + &:hover { + background-color: @gray-lighter; + color: @gray !important; + } + .badge { + color: @color-beta; + background-color: @color-delta; + } + } +} + +/* ============== Table styles ============== */ +table:not(#cart_products):not(#cart_total) { + background-color: @gray-lighter; + color: @gray; + tbody { + background-color: @gray-lighter; + a { + color: @gray; + text-decoration: underline; + &:hover { + color: @gray-light; + } + } + } +} + +/* ============== Panel styles ============== */ + +.panel-heading { + background-color: rgba(0, 0, 0, 0) !important; + border: none; + color: white !important; +} +.panel-footer { + background: rgba(0, 0, 0, 0); +} +.panel { + text-align: center; + border: none; + box-shadow: none; + background-color: rgba(0, 0, 0, 0); + border: 1px solid @gray-light; + .BorderRadius (0px); + .list-group-item { + background: rgba(0, 0, 0, 0); + border-color: @gray-light; + } +} +.panel-title { + font-size: 20px; + color: white; +} + +/* ===================== DOCUMENTATION ===================== */ + +[data-view-xmlid*="website_forum_doc.documentation_post"] { + .container:first-child { + margin-bottom: 0px !important; + height: 90px; + padding-top: 20px; + } +} \ No newline at end of file diff --git a/theme_notes/static/src/less/color.less b/theme_notes/static/src/less/color.less new file mode 100644 index 000000000..3c12a51e3 --- /dev/null +++ b/theme_notes/static/src/less/color.less @@ -0,0 +1,186 @@ +/* ================== BOOTSTRAP GRAYS ================= */ + +@gray-darker: lighten(#000, 13.5%); // #222 +@gray-dark: lighten(#000, 20%); // #333 +@gray: lighten(#000, 33.5%); // #555 +@gray-light: lighten(#000, 46.7%); // #777 +@gray-lighter: lighten(#000, 85%); // #eee +@white: #ffffff; +@black: #000000; + +/* ================== COLOR PRESET 1 ================= */ + +@colorPreset1_color1: #47464b; //gray +@colorPreset1_color1_dark: darken(@colorPreset1_color1, 10%); +@colorPreset1_color1_light: lighten(@colorPreset1_color1, 5%); +@colorPreset1_color2: #3B3D4D; //night blue +@colorPreset1_color2_dark: darken(@colorPreset1_color2, 10%); +@colorPreset1_color2_light: lighten(@colorPreset1_color2, 5%); +@colorPreset1_color3: #E6FA16; //UV green +@colorPreset1_color3_dark: darken(@colorPreset1_color3, 10%); +@colorPreset1_color3_light: lighten(@colorPreset1_color3, 10%); +@colorPreset1_color4: #9B96B4; //indigo +@colorPreset1_color4_dark: darken(@colorPreset1_color4, 10%); +@colorPreset1_color4_light: lighten(@colorPreset1_color4, 5%); + +/* ================== COLOR PRESET 2 ================= */ + +@colorPreset2_color1: #101010; // black +@colorPreset2_color1_dark: darken(@colorPreset2_color1, 10%); +@colorPreset2_color1_light: lighten(@colorPreset2_color1, 5%); +@colorPreset2_color2: #474747; // gray +@colorPreset2_color2_dark: darken(@colorPreset2_color2, 10%); +@colorPreset2_color2_light: lighten(@colorPreset2_color2, 10%); +@colorPreset2_color3: #ff0000; // red +@colorPreset2_color3_dark: darken(@colorPreset2_color3, 10%); +@colorPreset2_color3_light: lighten(@colorPreset2_color3, 10%); +@colorPreset2_color4: #e94060; // salmon +@colorPreset2_color4_dark: darken(@colorPreset2_color4, 10%); +@colorPreset2_color4_light: lighten(@colorPreset2_color4, 5%); + +/* ================== COLOR PRESET 3 ================= */ + +@colorPreset3_color1: #19272c; // gray +@colorPreset3_color1_dark: darken(@colorPreset3_color1, 10%); +@colorPreset3_color1_light: lighten(@colorPreset3_color1, 5%); +@colorPreset3_color2: #90c0cf; // middle blue +@colorPreset3_color2_dark: darken(@colorPreset3_color2, 10%); +@colorPreset3_color2_light: lighten(@colorPreset3_color2, 10%); +@colorPreset3_color3: #e94060; // salmon +@colorPreset3_color3_dark: darken(@colorPreset3_color3, 10%); +@colorPreset3_color3_light: lighten(@colorPreset3_color3, 10%); +@colorPreset3_color4: #5ed7e9; // vivid blue +@colorPreset3_color4_dark: darken(@colorPreset3_color4, 10%); +@colorPreset3_color4_light: lighten(@colorPreset3_color4, 5%); + +/* ================== COLOR PRESET 4 ================= */ + +@colorPreset4_color1: #212523; // asphalt green +@colorPreset4_color1_dark: darken(@colorPreset4_color1, 10%); +@colorPreset4_color1_light: lighten(@colorPreset4_color1, 5%); +@colorPreset4_color2: #2d6a51; // light green +@colorPreset4_color2_dark: darken(@colorPreset4_color2, 10%); +@colorPreset4_color2_light: lighten(@colorPreset4_color2, 10%); +@colorPreset4_color3: #72bd9e; // dark green +@colorPreset4_color3_dark: darken(@colorPreset4_color3, 10%); +@colorPreset4_color3_light: lighten(@colorPreset4_color3, 10%); +@colorPreset4_color4: #bcfa16; // vivid green +@colorPreset4_color4_dark: darken(@colorPreset4_color4, 10%); +@colorPreset4_color4_light: lighten(@colorPreset4_color4, 5%); + +/* ================== COLOR PRESET 5 ================= */ + +@colorPreset5_color1: #4B4D52; // dark gray +@colorPreset5_color1_dark: darken(@colorPreset5_color1, 10%); +@colorPreset5_color1_light: lighten(@colorPreset5_color1, 5%); +@colorPreset5_color2: #DE8642; // orange +@colorPreset5_color2_dark: darken(@colorPreset5_color2, 10%); +@colorPreset5_color2_light: lighten(@colorPreset5_color2, 10%); +@colorPreset5_color3: #B9B1A8; // beige +@colorPreset5_color3_dark: darken(@colorPreset5_color3, 10%); +@colorPreset5_color3_light: lighten(@colorPreset5_color3, 10%); +@colorPreset5_color4: #FFF2E7; // light beige +@colorPreset5_color4_dark: darken(@colorPreset5_color4, 10%); +@colorPreset5_color4_light: lighten(@colorPreset5_color4, 5%); + +/* ================== COLOR PRESET 6 ================= */ + +@colorPreset6_color1: #48372f; // dark brown +@colorPreset6_color1_dark: darken(@colorPreset6_color1, 10%); +@colorPreset6_color1_light: lighten(@colorPreset6_color1, 5%); +@colorPreset6_color2: #514947; // middle brown +@colorPreset6_color2_dark: darken(@colorPreset6_color2, 5%); +@colorPreset6_color2_light: lighten(@colorPreset6_color2, 5%); +@colorPreset6_color3: #766151; // light brown +@colorPreset6_color3_dark: darken(@colorPreset6_color3, 10%); +@colorPreset6_color3_light: lighten(@colorPreset6_color3, 10%); +@colorPreset6_color4: #fee202; // Yellow +@colorPreset6_color4_dark: darken(@colorPreset6_color4, 10%); +@colorPreset6_color4_light: lighten(@colorPreset6_color4, 5%); + +/* ========================= BLACK ========================= */ + +.black { + .SetDisplayColor (@black, @gray-light); +} + +/* ========================= WHITE ========================= */ + +.white { + .SetDisplayColor (@white, @gray); +} + +/* ========================= GRAY ========================= */ + +.gray { + .SetDisplayColor (@gray, @white); + h1, h2, h3, h4, h5, h6 {.SetTextShadow (2px, @black);} +} + +/* ========================= LIGHTGRAY ========================= */ + +.lightgray { + .SetDisplayColor (@gray-lighter, @gray); + h1, h2, h3, h4, h5, h6 {.SetTextShadow (2px, @white);} +} + +/* ========================= DARKGRAY ========================= */ + +.darkgray { + .SetDisplayColor (@gray-dark, @white); + h1, h2, h3, h4, h5, h6 {.SetTextShadow (2px, @black);} +} + +/* ================== FONT COLORS IN THE EDITOR ================= */ + +.text-muted {color: @gray-lighter;} +.js_sale, .oe_website_sale { + .text-muted {color: @gray-light;} +} + +.text-blue {color: @black;} +.bg-blue {background-color: @black;} + +.text-turquoise{color: @gray-darker;} +.bg-turquoise {background-color: @gray-darker;} + +.text-green {color: @gray-dark;} +.bg-green {background-color: @gray-dark;} + +.text-yellow {color: @gray;} +.bg-yellow {background-color: @gray;} + +.text-red {color: @gray-light;} +.bg-red {background-color: @gray-light;} + +.text-pink {color: @gray-lighter;} +.bg-pink {background-color: @gray-lighter;} + +.text-purple {color: @white;} +.bg-purple {background-color: @white;} + +.text-brown {} + +.text-blue2 {color: #1e3370;} +.bg-blue2 {background-color: #1e3370;} + +.text-turquoise2 {color: #1993a5;} +.bg-turquoise2 {background-color: #1993a5;} + +.text-green2 {color: #4f8640;} +.bg-green2 {background-color: #4f8640;} + +.text-yellow2 {color: #e6d123;} +.bg-yellow2 {background-color: #e6d123;} + +.text-red2 {color: #c22e2e;} +.bg-red2 {background-color: #c22e2e;} + +.text-lightblue2 {color: #5ea7db;} +.bg-lightblue2 {background-color: #5ea7db;} + +.text-purple2 {color: #8458a7;} +.bg-purple2 {background-color: #8458a7;} + +.text-brown2 {color: #725a4c;} +.bg-brown2 {color: #725a4c;} \ No newline at end of file diff --git a/theme_notes/static/src/less/customize_modal.less b/theme_notes/static/src/less/customize_modal.less new file mode 100644 index 000000000..f06e869e0 --- /dev/null +++ b/theme_notes/static/src/less/customize_modal.less @@ -0,0 +1,380 @@ +/* ================== MODAL COLORS ================= */ + +@modalGreen: @colorPreset2_color4; +@modalGreenDark: darken(@modalGreen, 5%); +@modalGreenLight: lighten(@modalGreen, 15%); +@modalOrange: @colorPreset3_color2; +@modalBlue: #151C24; +@modalLightBlue: lighten(@modalBlue, 20%); + +/* ======================= COLOR PRESET 1 ====================== */ + +#theme_customize_modal .row .colorPreset1 div:nth-child(1) {background-color: @white;} +#theme_customize_modal .row .colorPreset1 div:nth-child(2) {background-color: @colorPreset1_color1;} +#theme_customize_modal .row .colorPreset1 div:nth-child(3) {background-color: @colorPreset1_color2;} +#theme_customize_modal .row .colorPreset1 div:nth-child(4) {background-color: @colorPreset1_color3;} +#theme_customize_modal .row .colorPreset1 div:nth-child(5) {background-color: @colorPreset1_color4;} + +/* ======================= COLOR PRESET 2 ====================== */ + +#theme_customize_modal .row .colorPreset2 div:nth-child(1) {background-color: @colorPreset2_color1;} +#theme_customize_modal .row .colorPreset2 div:nth-child(2) {background-color: @colorPreset2_color2;} +#theme_customize_modal .row .colorPreset2 div:nth-child(3) {background-color: @white;} +#theme_customize_modal .row .colorPreset2 div:nth-child(4) {background-color: @colorPreset2_color3;} +#theme_customize_modal .row .colorPreset2 div:nth-child(5) {background-color: @colorPreset2_color4;} + +/* ======================= COLOR PRESET 3 ====================== */ + +#theme_customize_modal .row .colorPreset3 div:nth-child(1) {background-color: @colorPreset3_color1;} +#theme_customize_modal .row .colorPreset3 div:nth-child(2) {background-color: @colorPreset3_color2;} +#theme_customize_modal .row .colorPreset3 div:nth-child(3) {background-color: @white;} +#theme_customize_modal .row .colorPreset3 div:nth-child(4) {background-color: @colorPreset3_color3;} +#theme_customize_modal .row .colorPreset3 div:nth-child(5) {background-color: @colorPreset3_color4;} + +/* ======================= COLOR PRESET 4 ====================== */ + +#theme_customize_modal .row .colorPreset4 div:nth-child(1) {background-color: @colorPreset4_color1;} +#theme_customize_modal .row .colorPreset4 div:nth-child(2) {background-color: @colorPreset4_color2;} +#theme_customize_modal .row .colorPreset4 div:nth-child(3) {background-color: @white;} +#theme_customize_modal .row .colorPreset4 div:nth-child(4) {background-color: @colorPreset4_color3;} +#theme_customize_modal .row .colorPreset4 div:nth-child(5) {background-color: @colorPreset4_color4;} + +/* ======================= COLOR PRESET 5 ====================== */ + +#theme_customize_modal .row .colorPreset5 div:nth-child(1) {background-color: @colorPreset5_color1;} +#theme_customize_modal .row .colorPreset5 div:nth-child(2) {background-color: @colorPreset5_color2;} +#theme_customize_modal .row .colorPreset5 div:nth-child(3) {background-color: @white;} +#theme_customize_modal .row .colorPreset5 div:nth-child(4) {background-color: @colorPreset5_color3;} +#theme_customize_modal .row .colorPreset5 div:nth-child(5) {background-color: @colorPreset5_color4;} + +/* ======================= COLOR PRESET 6 ====================== */ + +#theme_customize_modal .row .colorPreset6 div:nth-child(1) {background-color: @colorPreset6_color1;} +#theme_customize_modal .row .colorPreset6 div:nth-child(2) {background-color: @colorPreset6_color2;} +#theme_customize_modal .row .colorPreset6 div:nth-child(3) {background-color: @white;} +#theme_customize_modal .row .colorPreset6 div:nth-child(4) {background-color: @colorPreset6_color3;} +#theme_customize_modal .row .colorPreset6 div:nth-child(5) {background-color: @colorPreset6_color4;} + +/* ======================= BACKGROUNDS ====================== */ + +#theme_customize_modal #bgcolor .bg_color_01 {background-color: @white;} +#theme_customize_modal #bgcolor .bg_color_02 {background-color: @colorPreset5_color4;} +#theme_customize_modal #bgcolor .bg_color_03 {background-color: @gray-light;} +#theme_customize_modal #bgcolor .bg_color_04 {background-color: @black;} +#theme_customize_modal #bgcolor .bg_color_05 {background-color: @colorPreset6_color3;} +#theme_customize_modal #bgcolor .bg_color_06 {background-color: @colorPreset1_color2;} +#theme_customize_modal #bgcolor .bg_color_07 {background-color: @colorPreset5_color2;} +#theme_customize_modal #bgcolor .bg_color_08 {background-color: @colorPreset3_color2;} + +/* ================== THEME CUSTOMIZE MODAL =============== */ + +#theme_customize_modal { + label > div, label > img, label > h6, label > h4 { + border: none; + padding: 3px; + } + label.checked > div, label.checked > img, label.checked > h6, label.checked > h4 { + box-shadow: none; + background-color: @modalLightBlue; + } + h4 { + color: @white; + text-align: left; + } + h6 { + color: @white; + } + p { + color: @white; + } + .row { + .col-md-2 { + padding-right: 0px; + } + } +} +#theme_customize_modal { + .modal-header { + border-bottom: none; + } + .nav-tabs > li.active > a, &:hover, &:focus, .nav > li > a:hover, &:focus { + background-color: @gray-dark; + border: none; + color: @modalOrange; + } +} +.nav-tabs > li > a { + margin-right: 0px; + &:hover { + border-radius: 0px; + border: none; + } +} +.nav-tabs > li > a, .nav > li > a { + border-radius: 0px; + border: none; +} +.modal-dialog .nav > li > a { + padding: 15px 5px; +} +.modal-h6 { + font-size: 30px; +} +.interface { + width: 350px; + margin-top: 20px; + position: relative; + font-family: "Cuprum-Regular"; + .left-content { + background-color: @modalGreen; + width: 70px; + padding-left: 0px; + .VAlignTop; + ul { + border: none; + } + } + .right-content { + .VAlignTop; + padding: 0px; + background-color: @gray-dark; + .tab-content { + overflow-x: hidden; + height: 480px; + } + } +} +.close { + padding: .2em .4em; + color: white; + position: absolute; + top: 10px; + right: 10px; + float: right; + font-weight: bold; + opacity: .9; +} +.left-content-block a { + display: block; + min-height: 70px; + width: 70px; + text-decoration: none; + cursor: pointer; + color: white; + font-size: 12px; + &:hover, &:focus, &:active { + background-image: none; + } + span { + margin-bottom: 13px; + } +} +.left-content-block .glyphicon:hover, .glyphicon:focus { + color: @modalOrange; +} +.glyphicon { + font-size: 20px; + padding-bottom: 5px; + color: @white; +} +.color-combi { + .col-xs-2 { + width: 43px; + height: 43px; + padding: 0px; + } + .row { + border-color: @gray-light !important; + } +} +.tab-pane > .row > .col-xs-6 { + padding: 0px; +} +#bgcolor { + .col-xs-12 { + height: 50px; + margin-bottom: 15px; + } +} +#pattern { + .col-xs-12 { + .pattern-swatch{ + width: 250px; + height: 100%; + img { + width: 100%; + height: auto; + } + } + } +} +#color { + p:first-child { + margin-top: 15px; + } +} + +/* ================== MODAL ======================*/ + +.modal:not(#theme_customize_modal) { + .modal-dialog { + border: 1px solid @color-zeta; + .modal-content { + border-radius: 0px; + border: none; + background-color: @color-gamma; + } + .btn-primary, .btn-default { + border: none; + } + .active a { + background: rgba(0, 0, 0, 0); + color: @color-delta; + text-decoration: underline; + &:hover { + border-width: 0px; + color: @color-delta; + } + } + } + .modal-body, .modal-footer { + background-color: @color-beta; + border-top: 1px solid @color-zeta; + } + .modal-footer { + color: white; + .btn-primary { + background-color: @color-alpha; + color: @color-beta; + } + } + .modal-header { + height: 71px; + border: none; + h4 { + font-size: 20px; + } + } + .modal-body { + color: @gray-lighter; + thead { + color: white; + } + #editor-media-image { + background-color: rgba(0, 0, 0, 0) !important; + } + .well { + background-color: @color-gamma; + .BorderRadius(0px); + border: none; + .form-control { + border-radius: 0px; + background-color: @color-beta; + border: none; + box-shadow: none; + &:focus { + box-shadow: none; + border: 1px solid @color-eta; + } + } + .btn-default { + border-radius: 0px; + border: none; + background-color: @color-zeta; + color: @gray-lighter; + height: 40px; + } + } + .tab-content { + .existing-attachment-remove { + background: @color-beta; + border: 1px solid @color-zeta; + } + } + .nav-tabs > li.active > a, &:hover > li.active > a:focus { + border: none; + } + .nav-tabs { + border-bottom: 1px solid @color-theta; + background-color: @color-gamma; + padding-left: 20px; + .font-icons:before { + z-index: 1; + font-size: 1.5em; + top: 14px; + left: 10px; + } + .pager { + transform: translateY(23%); + margin-right: 10px; + .previous a, .next a { + background-color: @color-zeta; + color: @gray-lighter; + border: none; + height: 35px; + } + } + a { + color: @color-delta !important; + &:hover { + background: rgba(0, 0, 0, 0); + } + } + } + .search .form-control { + border-radius: 0px; + background-color: @color-beta; + border: none; + transform: translateY(25%); + box-shadow: none; + &:focus { + box-shadow: none; + border: 1px solid @color-zeta; + } + } + } + .modal-title { + color: @color-alpha; + } + .nav-tabs > li { + margin-bottom: 0px; + &:hover { + background: rgba(0, 0, 0, 0); + } + } + .pager li > a { + .BorderRadius(0px); + } + .search .form-control { + border-color: @gray-lighter; + } +} +#theme_customize_modal { + background: rgba(0, 0, 0, 0) !important; +} +#editor-media-image { + background-color: white !important; +} + +/* ====================== LOGIN =====================*/ + +.oe_login_form { + .oe_login_buttons { + .btn-primary { + background: rgba(0, 0, 0, 0) !important; + &:hover { + color: @color-delta !important; + } + } + .btn-link { + color: @color-delta; + } + } +} +.oe_website_login_container { + padding: 50px; + .btn { + padding: 0px !important; + min-width: 50px !important; + } +} \ No newline at end of file diff --git a/theme_notes/static/src/less/options.less b/theme_notes/static/src/less/options.less new file mode 100644 index 000000000..d4a3c8625 --- /dev/null +++ b/theme_notes/static/src/less/options.less @@ -0,0 +1,26 @@ + +@bg-img-01: url("/website/image/theme_common.image_content_11"); +@bg-img-02: url("/website/image/theme_common.image_content_09"); +@bg-img-03: url("/website/image/theme_common.image_content_10"); +@bg-img-04: url("/website/image/theme_common.image_content_12"); + +.bg-img-01 { + background-image: @bg-img-01; + background-size: cover; + background-position: center center; +} +.bg-img-02 { + background-image: @bg-img-02; + background-size: cover; + background-position: center center; +} +.bg-img-03 { + background-image: @bg-img-03; + background-size: cover; + background-position: center center; +} +.bg-img-04 { + background-image: @bg-img-04; + background-size: cover; + background-position: center center; +} \ No newline at end of file diff --git a/theme_notes/static/src/less/options/bg_colors/option_bg_color_01.less b/theme_notes/static/src/less/options/bg_colors/option_bg_color_01.less new file mode 100644 index 000000000..08f7bae42 --- /dev/null +++ b/theme_notes/static/src/less/options/bg_colors/option_bg_color_01.less @@ -0,0 +1,3 @@ +body { + background-color: @white; +} diff --git a/theme_notes/static/src/less/options/bg_colors/option_bg_color_02.less b/theme_notes/static/src/less/options/bg_colors/option_bg_color_02.less new file mode 100644 index 000000000..691d1a57b --- /dev/null +++ b/theme_notes/static/src/less/options/bg_colors/option_bg_color_02.less @@ -0,0 +1,3 @@ +body { + background-color: @colorPreset5_color4; +} diff --git a/theme_notes/static/src/less/options/bg_colors/option_bg_color_03.less b/theme_notes/static/src/less/options/bg_colors/option_bg_color_03.less new file mode 100644 index 000000000..09977c30d --- /dev/null +++ b/theme_notes/static/src/less/options/bg_colors/option_bg_color_03.less @@ -0,0 +1,3 @@ +body { + background-color: @gray-light; +} diff --git a/theme_notes/static/src/less/options/bg_colors/option_bg_color_04.less b/theme_notes/static/src/less/options/bg_colors/option_bg_color_04.less new file mode 100644 index 000000000..246c7a04d --- /dev/null +++ b/theme_notes/static/src/less/options/bg_colors/option_bg_color_04.less @@ -0,0 +1,3 @@ +body { + background-color: @black; +} diff --git a/theme_notes/static/src/less/options/bg_colors/option_bg_color_05.less b/theme_notes/static/src/less/options/bg_colors/option_bg_color_05.less new file mode 100644 index 000000000..16ff82580 --- /dev/null +++ b/theme_notes/static/src/less/options/bg_colors/option_bg_color_05.less @@ -0,0 +1,3 @@ +body { + background-color: @colorPreset6_color3; +} diff --git a/theme_notes/static/src/less/options/bg_colors/option_bg_color_06.less b/theme_notes/static/src/less/options/bg_colors/option_bg_color_06.less new file mode 100644 index 000000000..67c39794b --- /dev/null +++ b/theme_notes/static/src/less/options/bg_colors/option_bg_color_06.less @@ -0,0 +1,3 @@ +body { + background-color: @colorPreset1_color2; +} diff --git a/theme_notes/static/src/less/options/bg_colors/option_bg_color_07.less b/theme_notes/static/src/less/options/bg_colors/option_bg_color_07.less new file mode 100644 index 000000000..8275c6872 --- /dev/null +++ b/theme_notes/static/src/less/options/bg_colors/option_bg_color_07.less @@ -0,0 +1,3 @@ +body { + background-color: @colorPreset5_color2; +} diff --git a/theme_notes/static/src/less/options/bg_colors/option_bg_color_08.less b/theme_notes/static/src/less/options/bg_colors/option_bg_color_08.less new file mode 100644 index 000000000..11919b51b --- /dev/null +++ b/theme_notes/static/src/less/options/bg_colors/option_bg_color_08.less @@ -0,0 +1,3 @@ +body { + background-color: @colorPreset3_color2; +} diff --git a/theme_notes/static/src/less/options/bg_images/option_bg_01.less b/theme_notes/static/src/less/options/bg_images/option_bg_01.less new file mode 100644 index 000000000..954c1a300 --- /dev/null +++ b/theme_notes/static/src/less/options/bg_images/option_bg_01.less @@ -0,0 +1,4 @@ +body { + background: url("/website/image/theme_notes.bg_img_01") no-repeat center center fixed; + background-size: cover; +} diff --git a/theme_notes/static/src/less/options/bg_images/option_bg_02.less b/theme_notes/static/src/less/options/bg_images/option_bg_02.less new file mode 100644 index 000000000..47f878545 --- /dev/null +++ b/theme_notes/static/src/less/options/bg_images/option_bg_02.less @@ -0,0 +1,4 @@ +body { + background: url("/website/image/theme_notes.bg_img_02") no-repeat center center fixed; + background-size: cover; +} diff --git a/theme_notes/static/src/less/options/bg_images/option_bg_03.less b/theme_notes/static/src/less/options/bg_images/option_bg_03.less new file mode 100644 index 000000000..bfa3d9060 --- /dev/null +++ b/theme_notes/static/src/less/options/bg_images/option_bg_03.less @@ -0,0 +1,4 @@ +body { + background: url("/website/image/theme_notes.bg_img_03") no-repeat center center fixed; + background-size: cover; +} diff --git a/theme_notes/static/src/less/options/bg_images/option_bg_04.less b/theme_notes/static/src/less/options/bg_images/option_bg_04.less new file mode 100644 index 000000000..8f61da0a8 --- /dev/null +++ b/theme_notes/static/src/less/options/bg_images/option_bg_04.less @@ -0,0 +1,4 @@ +body { + background: url("/website/image/theme_notes.bg_img_04") no-repeat center center fixed; + background-size: cover; +} diff --git a/theme_notes/static/src/less/options/bg_images/option_bg_05.less b/theme_notes/static/src/less/options/bg_images/option_bg_05.less new file mode 100644 index 000000000..c2d99555d --- /dev/null +++ b/theme_notes/static/src/less/options/bg_images/option_bg_05.less @@ -0,0 +1,4 @@ +body { + background: url("/website/image/theme_notes.bg_img_05") no-repeat center center fixed; + background-size: cover; +} diff --git a/theme_notes/static/src/less/options/bg_images/option_bg_06.less b/theme_notes/static/src/less/options/bg_images/option_bg_06.less new file mode 100644 index 000000000..f06880ea1 --- /dev/null +++ b/theme_notes/static/src/less/options/bg_images/option_bg_06.less @@ -0,0 +1,4 @@ +body { + background: url("/website/image/theme_notes.bg_img_06") no-repeat center center fixed; + background-size: cover; +} diff --git a/theme_notes/static/src/less/options/bg_images/option_bg_07.less b/theme_notes/static/src/less/options/bg_images/option_bg_07.less new file mode 100644 index 000000000..e6af870e0 --- /dev/null +++ b/theme_notes/static/src/less/options/bg_images/option_bg_07.less @@ -0,0 +1,4 @@ +body { + background: url("/website/image/theme_notes.bg_img_07") no-repeat center center fixed; + background-size: cover; +} diff --git a/theme_notes/static/src/less/options/bg_images/option_bg_08.less b/theme_notes/static/src/less/options/bg_images/option_bg_08.less new file mode 100644 index 000000000..21ad2e388 --- /dev/null +++ b/theme_notes/static/src/less/options/bg_images/option_bg_08.less @@ -0,0 +1,4 @@ +body { + background: url("/website/image/theme_notes.bg_img_08") no-repeat center center fixed; + background-size: cover; +} diff --git a/theme_notes/static/src/less/options/bg_images/option_bg_09.less b/theme_notes/static/src/less/options/bg_images/option_bg_09.less new file mode 100644 index 000000000..946d1e1aa --- /dev/null +++ b/theme_notes/static/src/less/options/bg_images/option_bg_09.less @@ -0,0 +1,4 @@ +body { + background: url("/website/image/theme_notes.bg_img_09") no-repeat center center fixed; + background-size: cover; +} diff --git a/theme_notes/static/src/less/options/bg_images/option_bg_10.less b/theme_notes/static/src/less/options/bg_images/option_bg_10.less new file mode 100644 index 000000000..f1657efa3 --- /dev/null +++ b/theme_notes/static/src/less/options/bg_images/option_bg_10.less @@ -0,0 +1,4 @@ +body { + background: url("/website/image/theme_notes.bg_img_10") no-repeat center center fixed; + background-size: cover; +} diff --git a/theme_notes/static/src/less/options/bg_images/option_bg_custom.less b/theme_notes/static/src/less/options/bg_images/option_bg_custom.less new file mode 100644 index 000000000..09618f82f --- /dev/null +++ b/theme_notes/static/src/less/options/bg_images/option_bg_custom.less @@ -0,0 +1,4 @@ +body { + background: no-repeat center center fixed; + background-size: cover; +} diff --git a/theme_notes/static/src/less/options/bg_images/option_bg_none.less b/theme_notes/static/src/less/options/bg_images/option_bg_none.less new file mode 100644 index 000000000..e6a41f101 --- /dev/null +++ b/theme_notes/static/src/less/options/bg_images/option_bg_none.less @@ -0,0 +1,3 @@ +body { + background-image: none; +} \ No newline at end of file diff --git a/theme_notes/static/src/less/options/colors/colorPreset1.less b/theme_notes/static/src/less/options/colors/colorPreset1.less new file mode 100644 index 000000000..cf2988165 --- /dev/null +++ b/theme_notes/static/src/less/options/colors/colorPreset1.less @@ -0,0 +1,79 @@ +@color-alpha: @white; +@color-beta: @colorPreset1_color1; //gray +@color-gamma: @colorPreset1_color2; //night blue +@color-delta: @colorPreset1_color3; //UV green +@color-epsilon: @colorPreset1_color4; //indigo +@color-zeta: @colorPreset1_color1_dark; +@color-eta: @colorPreset1_color1_light; +@color-theta: @colorPreset1_color2_dark; +@color-iota: @colorPreset1_color2_light; +@color-kappa: @colorPreset1_color3_dark; +@color-lambda: @colorPreset1_color3_light; +@color-mu: @colorPreset1_color4_dark; +@color-nu: @colorPreset1_color4_light; + +/* ================== COLORS FOR FONT COLOR ================= */ + +.text-alpha {color: @white;} +.text-beta {color: @colorPreset1_color1;} +.text-gamma {color: @colorPreset1_color2;} +.text-delta {color: @colorPreset1_color3;} +.text-epsilon {color: @colorPreset1_color4;} + +.text-primary {color: @color-alpha;} +.text-success {color: @color-beta;} +.text-info {color: @color-gamma;} +.text-warning {color: @color-delta;} +.text-danger {color: red;} + +/* ================== rgba(0, 0, 0, 0) BG USED FOR NAV ================= */ + +.bgrgba(0, 0, 0, 0) { + background: rgba(255, 255, 255, 0.8); +} + +/* ================== WHITE ================= */ + +.bg-alpha { + .SetDisplayColor (@color-alpha, @gray); + .LinkColor (@color-epsilon, @color-gamma); + .fa {color: @gray;} +} + +/* ================== color-epsilon ================= */ + +.bg-beta { + .SetDisplayColor (@color-beta, @color-alpha); + .LinkColor (@color-delta, @color-kappa); +} + +/* ================== color-gamma ================= */ + +.bg-gamma { + .SetDisplayColor (@color-gamma, @color-alpha); + .LinkColor (@color-delta, @color-kappa); +} + +/* ================== color-beta ================= */ + +.bg-delta { + .SetDisplayColor (@color-delta, @gray-dark); + .LinkColor (#db771f, #db771f); +} + +/* ================== color-delta ================= */ + +.bg-epsilon { + .SetDisplayColor (@color-epsilon, @color-alpha); + .LinkColor (@color-delta, @color-kappa); +} + +/* ==================== TYPO ====================== */ + +a { + color: @color-delta; + + &:hover, &:focus { + color: @color-alpha; + } +} \ No newline at end of file diff --git a/theme_notes/static/src/less/options/colors/colorPreset2.less b/theme_notes/static/src/less/options/colors/colorPreset2.less new file mode 100644 index 000000000..dfc9f4a2c --- /dev/null +++ b/theme_notes/static/src/less/options/colors/colorPreset2.less @@ -0,0 +1,91 @@ +@color-alpha: @white; +@color-beta: @colorPreset2_color1; // black +@color-gamma: @colorPreset2_color2; // gray +@color-delta: @colorPreset2_color3; // red +@color-epsilon: @colorPreset2_color4; // salmon +@color-zeta: @colorPreset2_color1_dark; +@color-eta: @colorPreset2_color1_light; +@color-theta: @colorPreset2_color2_dark; +@color-iota: @colorPreset2_color2_light; +@color-kappa: @colorPreset2_color3_dark; +@color-lambda: @colorPreset2_color3_light; +@color-mu: @colorPreset2_color4_dark; +@color-nu: @colorPreset2_color4_light; + +/* ================== COLORS FOR FONT COLOR ================= */ + +.text-alpha {color: @white;} +.text-beta {color: @colorPreset2_color1;} +.text-gamma {color: @colorPreset2_color2;} +.text-delta {color: @colorPreset2_color3;} +.text-epsilon {color: @colorPreset2_color4;} + +.text-primary {color: @color-alpha;} +.text-success {color: @color-beta;} +.text-info {color: @color-gamma;} +.text-warning {color: @color-delta;} +.text-danger {color: red;} + +/* ================== rgba(0, 0, 0, 0) BG USED FOR NAV ================= */ + +.bgrgba(0, 0, 0, 0) { + background: rgba(255, 255, 255, 0.8); +} + +/* ================== color-alpha ================= */ + +.bg-alpha { + .SetDisplayColor (@color-alpha, @gray); + .LinkColor (@color-epsilon, @color-mu); + .fa {color: @gray;} +} + +/* ================== color-beta ================= */ + +.bg-beta { + .SetDisplayColor (@color-beta, @color-alpha); + .LinkColor (@color-epsilon, @color-nu); +} + +/* ================== color-gamma ================= */ + +.bg-gamma { + .SetDisplayColor (@color-gamma, @color-alpha); + .LinkColor (@color-epsilon, @color-nu); +} + +/* ================== color-delta ================= */ + +.bg-delta { + .SetDisplayColor (@color-delta, @color-alpha); + .LinkColor (#f2f76c, #e9f109); +} + +/* ================== color-epsilon ================= */ + +.bg-epsilon { + .SetDisplayColor (@color-epsilon, @color-alpha); + .LinkColor (#f2f76c, #e9f109); +} + +/* ==================== TYPO ====================== */ +a { + color: @color-epsilon; + + &:hover, &:focus { + color: @color-alpha; + } +} +#wrapwrap > footer .container h4 { + color: @gray-lighter; +} +#blog_right_column { + border-color: @gray; +} + +/* ==================== FORUM ====================== */ +.website_forum + #wrap { + .question .btn-link { + color: @color-epsilon; + } +} \ No newline at end of file diff --git a/theme_notes/static/src/less/options/colors/colorPreset3.less b/theme_notes/static/src/less/options/colors/colorPreset3.less new file mode 100644 index 000000000..76f217f47 --- /dev/null +++ b/theme_notes/static/src/less/options/colors/colorPreset3.less @@ -0,0 +1,94 @@ +@color-alpha: @white; +@color-beta: @colorPreset3_color1; // gray +@color-gamma: @colorPreset3_color2; // middle blue +@color-delta: @colorPreset3_color3; // salmon +@color-epsilon: @colorPreset3_color4; // vivid blue +@color-zeta: @colorPreset3_color1_dark; +@color-eta: @colorPreset3_color1_light; +@color-theta: @colorPreset3_color2_dark; +@color-iota: @colorPreset3_color2_light; +@color-kappa: @colorPreset3_color3_dark; +@color-lambda: @colorPreset3_color3_light; +@color-mu: @colorPreset3_color4_dark; +@color-nu: @colorPreset3_color4_light; + +/* ================== COLORS FOR FONT COLOR ================= */ + +.text-alpha {color: @white;} +.text-beta {color: @colorPreset3_color1;} +.text-gamma {color: @colorPreset3_color2;} +.text-delta {color: @colorPreset3_color3;} +.text-epsilon {color: @colorPreset3_color4;} + +.text-primary {color: @color-alpha;} +.text-success {color: @color-beta;} +.text-info {color: @color-gamma;} +.text-warning {color: @color-delta;} +.text-danger {color: red;} + +/* ================== rgba(0, 0, 0, 0) BG USED FOR NAV ================= */ + +.bgrgba(0, 0, 0, 0) { + background: rgba(255, 255, 255, 0.9); +} + +/* ================== color-alpha ================= */ + +.bg-alpha { + .SetDisplayColor (@color-alpha, @gray); + .LinkColor (@color-epsilon, @color-mu); + .fa {color: @gray;} +} + +/* ================== PLAYFULCLARET ================= */ + +.bg-beta { + .SetDisplayColor (@color-beta, @white); + .LinkColor (@color-gamma, @color-iota); +} + +/* ================== color-beta ================= */ + +.bg-gamma { + .SetDisplayColor (@color-gamma, @color-alpha); + .LinkColor (@color-delta, @color-kappa); +} + +/* ================== PLAYFULBLUE ================= */ + +.bg-delta { + .SetDisplayColor (@color-delta, @color-alpha); + .LinkColor (@gray, @black); +} + +/* ================== PLAYFULORANGE ================= */ + +.bg-epsilon { + .SetDisplayColor (@color-epsilon, @color-alpha); + .LinkColor (@color-delta, @color-kappa); +} + +/* ==================== TYPO ====================== */ +a { + color: @color-delta; + + &:hover, &:focus { + color: @color-alpha; + } +} + +/* ==================== Structure ====================== */ + +/* Nav */ +.navbar-default .container { + background-color: @color-beta; + .navbar-collapse{ + background-color: @color-beta; + } +} + +/* Footer */ + +#wrapwrap > footer .container h4 { + color: @color-alpha; +} diff --git a/theme_notes/static/src/less/options/colors/colorPreset4.less b/theme_notes/static/src/less/options/colors/colorPreset4.less new file mode 100644 index 000000000..6550dbd3d --- /dev/null +++ b/theme_notes/static/src/less/options/colors/colorPreset4.less @@ -0,0 +1,91 @@ +@color-alpha: @white; +@color-beta: @colorPreset4_color1; // asphalt green +@color-gamma: @colorPreset4_color2; // light green +@color-delta: @colorPreset4_color3; // dark green +@color-epsilon: @colorPreset4_color4; // vivid green +@color-zeta: @colorPreset4_color1_dark; +@color-eta: @colorPreset4_color1_light; +@color-theta: @colorPreset4_color2_dark; +@color-iota: @colorPreset4_color2_light; +@color-kappa: @colorPreset4_color3_dark; +@color-lambda: @colorPreset4_color3_light; +@color-mu: @colorPreset4_color4_dark; +@color-nu: @colorPreset4_color4_light; + +/* ================== COLORS FOR FONT COLOR ================= */ + +.text-alpha {color: @white;} +.text-beta {color: @colorPreset4_color1;} +.text-gamma {color: @colorPreset4_color2;} +.text-delta {color: @colorPreset4_color3;} +.text-epsilon {color: @colorPreset4_color4;} + +.text-primary {color: @color-alpha;} +.text-success {color: @color-beta;} +.text-info {color: @color-gamma;} +.text-warning {color: @color-delta;} +.text-danger {color: red;} + +/* ================== rgba(0, 0, 0, 0) BG USED FOR NAV ================= */ + +.bgrgba(0, 0, 0, 0) { + background: rgba(255, 255, 255, 0.8); +} + +/* ================== color-alpha ================= */ + +.bg-alpha { + .SetDisplayColor (@color-alpha, @gray); + .LinkColor (@color-delta, @color-kappa); + .fa {color: @gray;} +} + +/* ================== PLAYFULGREEN ================= */ + +.bg-beta { + .SetDisplayColor (@color-beta, @color-alpha); + .LinkColor (@color-epsilon, @color-gamma); +} + +/* ================== PLAYFULPURPLE ================= */ + +.bg-gamma { + .SetDisplayColor (@color-gamma, @color-alpha); + .LinkColor (@color-epsilon, @color-delta); +} + +/* ================== PLAYFULORANGE ================= */ + +.bg-delta { + .SetDisplayColor (@color-delta, @color-alpha); + .LinkColor (@color-beta, @gray); +} + +/* ================== PLAYFULYELLOW ================= */ + +.bg-epsilon { + .SetDisplayColor (@color-epsilon, @gray); + .LinkColor (#fa7c16, #d3660e); +} + +/* ==================== TYPO ====================== */ +a { + color: @color-delta; + + &:hover, &:focus { + color: @color-alpha; + } +} + +/* ==================== Structure ====================== */ + +/* Footer */ + +#wrapwrap>footer #footer { + background-color: @color-beta; + + h4 { + color: @color-alpha; + border-top-color: @color-delta; + } +} \ No newline at end of file diff --git a/theme_notes/static/src/less/options/colors/colorPreset5.less b/theme_notes/static/src/less/options/colors/colorPreset5.less new file mode 100644 index 000000000..d96380dbd --- /dev/null +++ b/theme_notes/static/src/less/options/colors/colorPreset5.less @@ -0,0 +1,201 @@ +@color-alpha: @white; +@color-beta: @colorPreset5_color1; // dark gray +@color-gamma: @colorPreset5_color2; // orange +@color-delta: @colorPreset5_color3; // beige +@color-epsilon: @colorPreset5_color4; // light beige +@color-zeta: @colorPreset5_color1_dark; +@color-eta: @colorPreset5_color1_light; +@color-theta: @colorPreset5_color2_dark; +@color-iota: @colorPreset5_color2_light; +@color-kappa: @colorPreset5_color3_dark; +@color-lambda: @colorPreset5_color3_light; +@color-mu: @colorPreset5_color4_dark; +@color-nu: @colorPreset5_color4_light; + +/* ================== COLORS FOR FONT COLOR ================= */ + +.text-alpha {color: @white;} +.text-beta {color: @colorPreset5_color1;} +.text-gamma {color: @colorPreset5_color2;} +.text-delta {color: @colorPreset5_color3;} +.text-epsilon {color: @colorPreset5_color4;} + +.text-primary {color: @color-alpha;} +.text-success {color: @color-beta;} +.text-info {color: @color-gamma;} +.text-warning {color: @color-delta;} +.text-danger {color: red;} + +.bgrgba(0, 0, 0, 0) { + background: rgba(255, 255, 255, 0.8); +} + +/* ================== color-alpha ================= */ + +.bg-alpha { + .SetDisplayColor (@color-alpha, @gray); + .LinkColor (@color-gamma, @color-iota); + .fa {color: @gray;} +} + +/* ================== color-beta ================= */ + +.bg-beta { + .SetDisplayColor (@color-beta, @color-alpha); + .LinkColor (@color-gamma, @color-theta); +} + +/* ================== color-gamma ================= */ + +.bg-gamma { + .SetDisplayColor (@color-gamma, @color-alpha); + .LinkColor (@color-beta, @color-zeta); +} + +/* ================== color-delta ================= */ + +.bg-delta { + .SetDisplayColor (@color-delta, @color-alpha); + .LinkColor (@color-beta, @color-zeta); +} + +/* ================== color-epsilon ================= */ + +.bg-epsilon { + .SetDisplayColor (@color-epsilon, @gray); + .LinkColor (@color-gamma, @color-theta); +} + +/* ==================== TYPO ====================== */ +a { + color: @color-gamma; + + &:hover, &:focus { + color: @color-iota; + } +} +.text-muted {color: @gray-light;} + +/* ==================== Structure ====================== */ + +main > * { + background-color: @color-epsilon; + color: @color-beta; +} +/* Nav */ +.navbar-default .container { + background-color: @color-epsilon; + .navbar-collapse{ + background-color: @color-epsilon; + } + .navbar-toggle { + border-color: @color-beta !important; + &:hover { + background-color: @color-delta !important; + } + .icon-bar { + background-color: @color-beta !important; + } + } +} +#top_menu { + li a { + color: @color-gamma; + &:hover { + color: @gray; + } + } + .dropdown-menu, .navbar-collapse { + background-color: @color-epsilon; + li > a { + color: @color-gamma; + &:hover { + color: @gray; + } + } + } +} + +/* ==================== ECOMMERCE ====================== */ + +#add_to_cart { + color: white !important; +} + +/* ==================== FOOTER ====================== */ + +#wrapwrap>footer #footer { + background-color: @color-epsilon; + + h4 { + color: @color-beta; + border-top-color: @color-delta; + } + p, .list-unstyled { + color: @color-beta; + } +} + +/* ==================== FORUM ====================== */ + +.website_forum + #wrap { + .question .btn-link { + color: @color-gamma; + } + .text-muted { + color: @gray-light !important; + } + table, tbody { + background-color: rgba(0, 0, 0, 0) !important; + color: @gray !important; + + } +} + +/* ==================== EVENTS ====================== */ + +#left_column { + .nav-pills li a { + color: @color-beta; + &:hover { + color: @color-zeta; + } + } + .active > a { + color: @color-gamma !important; + .badge { + background-color: @color-delta; + } + } +} +.o_website_event { + .container:first-child { + .breadcrumb li a { + color: @color-gamma; + } + } +} +.event_main_breadcrumb .breadcrumb li a, .documentation_breadcrumb .breadcrumb li a { + color: @color-gamma; +} +.panel-heading { + color: @color-beta !important; +} + +/* ============== Panel styles ============== */ + +.panel-heading, .panel-title { + color: @gray !important; +} + +/* ============== Modal colors ============== */ + +.modal-body { + .nav-tabs { + background-color: @color-delta !important; + border-bottom: 1px solid @color-eta; + } + .well { + background-color: @color-delta !important; + } +} \ No newline at end of file diff --git a/theme_notes/static/src/less/options/colors/colorPreset6.less b/theme_notes/static/src/less/options/colors/colorPreset6.less new file mode 100644 index 000000000..da4d5c54c --- /dev/null +++ b/theme_notes/static/src/less/options/colors/colorPreset6.less @@ -0,0 +1,155 @@ +@color-alpha: @white; +@color-beta: @colorPreset6_color1; // dark brown +@color-gamma: @colorPreset6_color2; // middle brown +@color-delta: @colorPreset6_color3; // light brown +@color-epsilon: @colorPreset6_color4; // yellow +@color-zeta: @colorPreset6_color1_dark; +@color-eta: @colorPreset6_color1_light; +@color-theta: @colorPreset6_color2_dark; +@color-iota: @colorPreset6_color2_light; +@color-kappa: @colorPreset6_color3_dark; +@color-lambda: @colorPreset6_color3_light; +@color-mu: @colorPreset6_color4_dark; +@color-nu: @colorPreset6_color4_light; + +/* ================== COLORS FOR FONT COLOR ================= */ + +.text-alpha {color: @white;} +.text-beta {color: @colorPreset6_color1;} +.text-gamma {color: @colorPreset6_color2;} +.text-delta {color: @colorPreset6_color3;} +.text-epsilon {color: @colorPreset6_color4;} + +.text-primary {color: @color-alpha;} +.text-success {color: @color-epsilon;} +.text-info {color: @color-gamma;} +.text-warning {color: @color-beta;} +.text-danger {color: red;} + +/* ================== rgba(0, 0, 0, 0) BG USED FOR NAV ================= */ + +.bgrgba(0, 0, 0, 0) { + background: rgba(255, 255, 255, 0.8); +} + +/* ================== WHITE ================= */ + +.bg-alpha { + .SetDisplayColor (@color-alpha, @gray); + .LinkColor (#db771f, #ad5b14); + .fa {color: @gray;} +} + +/* ================== color-epsilon ================= */ + +.bg-beta { + .SetDisplayColor (@color-epsilon, @gray-dark); + .LinkColor (#fe7f02, #c96503); +} + +/* ================== color-gamma ================= */ + +.bg-gamma { + .SetDisplayColor (@color-gamma, @color-alpha); + .LinkColor (@color-epsilon, #db771f); +} + +/* ================== color-beta ================= */ + +.bg-delta { + .SetDisplayColor (@color-beta, @color-alpha); + .LinkColor (@color-epsilon, #db771f); +} + +/* ================== color-delta ================= */ + +.bg-epsilon { + .SetDisplayColor (@color-delta, @color-alpha); + .LinkColor (@color-epsilon, #db771f); +} + +/* ==================== TYPO ====================== */ +a { + color: @color-epsilon; + + &:hover, &:focus { + color: @color-alpha; + } +} + +/* ==================== FOOTER ====================== */ + +#wrapwrap>footer #footer { + h4 { + color: @color-lambda; + border-top-color: @color-lambda; + } +} + +.navbar-default .container { + background-color: @color-gamma; + .navbar-collapse{ + background-color: @color-gamma; + } +} +#top_menu { + li a { + color: @color-epsilon; + &:hover { + color: @white; + } + } + .dropdown-menu, .navbar-collapse { + background-color: @color-gamma; + li > a { + color: @color-epsilon; + &:hover { + color: @white; + } + } + } +} +/* ==================== BUTTONS ====================== */ + +#wrapwrap { + .btn-warning { + .btn-styles(@btn-warning-bg, @btn-default-bg, @white, @gray); + } + .btn-success { + .btn-styles(@btn-success-bg, @btn-default-bg, @white, @gray); + } +} + +/* ==================== FORUM ====================== */ + +.website_forum + #wrap { + .question .btn-link { + color: @color-epsilon; + } +} + +/* ==================== EVENTS ====================== */ + +#left_column { + .nav-pills { + .badge { + background-color: @color-delta; + } + } + .active > a { + color: @color-epsilon !important; + .badge { + background-color: @color-epsilon; + } + } +} +.o_website_event { + .container:first-child { + .breadcrumb li a { + color: @color-epsilon; + } + } +} +.event_main_breadcrumb .breadcrumb li a, .documentation_breadcrumb .breadcrumb li a { + color: @color-epsilon; +} \ No newline at end of file diff --git a/theme_notes/static/src/less/options/fonts/cuprum.less b/theme_notes/static/src/less/options/fonts/cuprum.less new file mode 100644 index 000000000..53c65d87d --- /dev/null +++ b/theme_notes/static/src/less/options/fonts/cuprum.less @@ -0,0 +1,26 @@ +#wrapwrap { + font-family: "Cuprum-Regular"; + font-size: 16px; + + h1, h2, h3, h4, h5, h6 { + font-family: "Cuprum-Bold"; + } + #top_menu > li > a { + font-family: "Cuprum-Regular"; + } + .category-name { + font-family: "Cuprum-Bold"; + font-weight: bold; + } + #products_grid_before { + > ul > li > a { + font-family: "Cuprum-Bold"; + } + a { + font-family: "Cuprum-Regular"; + } + } +} + + + diff --git a/theme_notes/static/src/less/options/fonts/droid.less b/theme_notes/static/src/less/options/fonts/droid.less new file mode 100644 index 000000000..8d74687b8 --- /dev/null +++ b/theme_notes/static/src/less/options/fonts/droid.less @@ -0,0 +1,20 @@ +body { + font-size: 16px; +} +#wrapwrap { + font-family: "Oxygen-Regular"; + + h1, h2, h3, h4, h5, h6 { + font-family: "DroidSans-Bold"; + } + #top_menu > li > a { + font-family: "DroidSans"; + } + .category-name { + font-family: "DroidSans-Bold"; + font-size: 50px; + } + .products_pager { + font-size: 13px; + } +} \ No newline at end of file diff --git a/theme_notes/static/src/less/options/fonts/ekmukta.less b/theme_notes/static/src/less/options/fonts/ekmukta.less new file mode 100644 index 000000000..ed2c5ef15 --- /dev/null +++ b/theme_notes/static/src/less/options/fonts/ekmukta.less @@ -0,0 +1,27 @@ +body { + font-size: 14px; +} +#wrapwrap { + font-family: 'EkMukta-Regular'; + font-size: 16px; + + h1, h2, h3, h4, h5, h6 { + font-family: "EkMukta-Bold"; + } + #top_menu > li > a { + font-family: "EkMukta-Regular"; + font-size: 18px; + } + .category-name { + font-family: "DinCondensed"; + font-size: 4vw; + } + .cube { + p { + font-size: 16px; + } + } +} + + + diff --git a/theme_notes/static/src/less/options/fonts/overlock.less b/theme_notes/static/src/less/options/fonts/overlock.less new file mode 100644 index 000000000..490e38467 --- /dev/null +++ b/theme_notes/static/src/less/options/fonts/overlock.less @@ -0,0 +1,24 @@ +body { + font-size: 18px; +} +#wrapwrap { + font-family: "Overlock-Regular"; + font-size: 16px; + + h1, h2, h3, h4, h5, h6 { + font-family: "Overlock-Bold"; + } + #top_menu > li > a { + font-family: "Overlock-Regular"; + font-size: 18px; + } + .category-name { + font-family: 'Overlock-Bold'; + font-size: 1.5vw; + text-transform: uppercase; + font-weight: bold; + } + .products_pager { + font-size: 16px; + } +} \ No newline at end of file diff --git a/theme_notes/static/src/less/options/fonts/rajdhani.less b/theme_notes/static/src/less/options/fonts/rajdhani.less new file mode 100644 index 000000000..04e982dd3 --- /dev/null +++ b/theme_notes/static/src/less/options/fonts/rajdhani.less @@ -0,0 +1,24 @@ +body { + font-size: 18px; +} +#wrapwrap { + font-family: "Rajdhani-Regular"; + font-size: 16px; + + h1, h2, h3, h4, h5, h6 { + font-family: "Rajdhani-Bold"; + font-weight: bold; + } + #top_menu > li > a { + font-family: "Rajdhani-Light"; + font-size: 18px; + font-weight: bold; + } + .category-name { + font-family: "Rajdhani-Bold"; + font-size: 3vw; + } + .products_pager { + font-size: 15px; + } +} \ No newline at end of file diff --git a/theme_notes/static/src/less/options/fonts/ubuntu.less b/theme_notes/static/src/less/options/fonts/ubuntu.less new file mode 100644 index 000000000..0bb87d5f5 --- /dev/null +++ b/theme_notes/static/src/less/options/fonts/ubuntu.less @@ -0,0 +1,22 @@ +body { + font-size: 14px; +} +#wrapwrap { + font-family: "Ubuntu-Light"; + font-size: 16px; + + h1, h2, h3, h4, h5, h6 { + font-family: "Ubuntu-Bold"; + } + #top_menu > li > a { + font-family: "Ubuntu-Light"; + font-size: 18px; + } + .category-name { + font-family: "Ubuntu-Bold"; + font-size: 2vw; + } + .products_pager { + font-size: 16px; + } +} \ No newline at end of file diff --git a/theme_notes/static/src/less/options/layout/boxed.less b/theme_notes/static/src/less/options/layout/boxed.less new file mode 100644 index 000000000..ad3fbb41d --- /dev/null +++ b/theme_notes/static/src/less/options/layout/boxed.less @@ -0,0 +1,26 @@ +#wrapwrap { + #wrap { + width: 992px; + @media (max-width: @screen-md-min) { + width: 100%; + margin: 0 auto; + } + .container { + width: 992px; + @media (max-width: @screen-md-min) { + width: 100%; + } + } + } + .navbar > .container { + width: 100%; + } +} +#footer { + width: 100%; + margin-top: 32px; +} +.navbar-default { + width: 100%; + margin: 0 auto; +} \ No newline at end of file diff --git a/theme_notes/static/src/less/options/layout/full-width.less b/theme_notes/static/src/less/options/layout/full-width.less new file mode 100644 index 000000000..5cd78ba8a --- /dev/null +++ b/theme_notes/static/src/less/options/layout/full-width.less @@ -0,0 +1,18 @@ +#wrapwrap { + #wrap { + width: 100%; + margin: auto; + } + .navbar > .container { + width: 100%; + } +} +#footer { + margin-top: 32px; + width: 100%; + + .custom-footer { + width: 100%; + padding: 0 50px; + } +} \ No newline at end of file diff --git a/theme_notes/static/src/less/options/patterns/option_bg_pattern_01.less b/theme_notes/static/src/less/options/patterns/option_bg_pattern_01.less new file mode 100644 index 000000000..a212af862 --- /dev/null +++ b/theme_notes/static/src/less/options/patterns/option_bg_pattern_01.less @@ -0,0 +1,3 @@ +body { + background: url("/theme_notes/static/src/img/pattern/pattern_01.png") repeat fixed; +} diff --git a/theme_notes/static/src/less/options/patterns/option_bg_pattern_02.less b/theme_notes/static/src/less/options/patterns/option_bg_pattern_02.less new file mode 100644 index 000000000..8a095bcc7 --- /dev/null +++ b/theme_notes/static/src/less/options/patterns/option_bg_pattern_02.less @@ -0,0 +1,3 @@ +body { + background: url("/theme_notes/static/src/img/pattern/pattern_02.png") repeat fixed; +} diff --git a/theme_notes/static/src/less/options/patterns/option_bg_pattern_03.less b/theme_notes/static/src/less/options/patterns/option_bg_pattern_03.less new file mode 100644 index 000000000..4a1db2def --- /dev/null +++ b/theme_notes/static/src/less/options/patterns/option_bg_pattern_03.less @@ -0,0 +1,3 @@ +body { + background: url("/theme_notes/static/src/img/pattern/pattern_03.png") repeat fixed; +} diff --git a/theme_notes/static/src/less/options/patterns/option_bg_pattern_04.less b/theme_notes/static/src/less/options/patterns/option_bg_pattern_04.less new file mode 100644 index 000000000..17bfe425c --- /dev/null +++ b/theme_notes/static/src/less/options/patterns/option_bg_pattern_04.less @@ -0,0 +1,3 @@ +body { + background: url("/theme_notes/static/src/img/pattern/pattern_04.png") repeat fixed; +} diff --git a/theme_notes/static/src/less/options/patterns/option_bg_pattern_05.less b/theme_notes/static/src/less/options/patterns/option_bg_pattern_05.less new file mode 100644 index 000000000..f01141901 --- /dev/null +++ b/theme_notes/static/src/less/options/patterns/option_bg_pattern_05.less @@ -0,0 +1,3 @@ +body { + background: url("/theme_notes/static/src/img/pattern/pattern_05.png") repeat fixed; +} diff --git a/theme_notes/static/src/less/options/patterns/option_bg_pattern_06.less b/theme_notes/static/src/less/options/patterns/option_bg_pattern_06.less new file mode 100644 index 000000000..3e56d9f5d --- /dev/null +++ b/theme_notes/static/src/less/options/patterns/option_bg_pattern_06.less @@ -0,0 +1,3 @@ +body { + background: url("/theme_notes/static/src/img/pattern/pattern_06.png") repeat fixed; +} diff --git a/theme_notes/static/src/less/options/patterns/option_bg_pattern_07.less b/theme_notes/static/src/less/options/patterns/option_bg_pattern_07.less new file mode 100644 index 000000000..e8b3ba28c --- /dev/null +++ b/theme_notes/static/src/less/options/patterns/option_bg_pattern_07.less @@ -0,0 +1,3 @@ +body { + background: url("/theme_notes/static/src/img/pattern/pattern_07.png") repeat fixed; +} diff --git a/theme_notes/static/src/less/options/patterns/option_bg_pattern_08.less b/theme_notes/static/src/less/options/patterns/option_bg_pattern_08.less new file mode 100644 index 000000000..5725c681a --- /dev/null +++ b/theme_notes/static/src/less/options/patterns/option_bg_pattern_08.less @@ -0,0 +1,3 @@ +body { + background: url("/theme_notes/static/src/img/pattern/pattern_08.png") repeat fixed; +} diff --git a/theme_notes/static/src/less/options/patterns/option_bg_pattern_09.less b/theme_notes/static/src/less/options/patterns/option_bg_pattern_09.less new file mode 100644 index 000000000..6ab890df8 --- /dev/null +++ b/theme_notes/static/src/less/options/patterns/option_bg_pattern_09.less @@ -0,0 +1,3 @@ +body { + background: url("/theme_notes/static/src/img/pattern/pattern_09.png") repeat fixed; +} diff --git a/theme_notes/static/src/less/options/patterns/option_bg_pattern_10.less b/theme_notes/static/src/less/options/patterns/option_bg_pattern_10.less new file mode 100644 index 000000000..dda72d665 --- /dev/null +++ b/theme_notes/static/src/less/options/patterns/option_bg_pattern_10.less @@ -0,0 +1,3 @@ +body { + background: url("/theme_notes/static/src/img/pattern/pattern_10.png") repeat fixed; +} diff --git a/theme_notes/static/src/less/snippets/s_banner_3.less b/theme_notes/static/src/less/snippets/s_banner_3.less new file mode 100644 index 000000000..df25ba250 --- /dev/null +++ b/theme_notes/static/src/less/snippets/s_banner_3.less @@ -0,0 +1,9 @@ +@s_banner_3_carosel_control_color: rgba(0, 0, 0, 0); +@s_banner_3_padding: 0px; +.s_banner_3_col_center_hook(){ + margin-left: 16.6667%; + text-align: center; + @media (max-width:@screen-sm-min) { + margin-left: 0px; + } +} diff --git a/theme_notes/static/src/less/snippets/s_banner_parallax.less b/theme_notes/static/src/less/snippets/s_banner_parallax.less new file mode 100644 index 000000000..35d763062 --- /dev/null +++ b/theme_notes/static/src/less/snippets/s_banner_parallax.less @@ -0,0 +1,9 @@ +@s_banner_parallax_height: 100vh; +@s_banner_parallax_padding: 0px; +.s_banner_parallax_hero_bg_hook(){ + width: 100%; + text-align: center; +}; +.s_banner_parallax_row_hook(){ + vertical-align: bottom; +}; diff --git a/theme_notes/static/src/less/snippets/s_big_picture_text.less b/theme_notes/static/src/less/snippets/s_big_picture_text.less new file mode 100644 index 000000000..4916da94c --- /dev/null +++ b/theme_notes/static/src/less/snippets/s_big_picture_text.less @@ -0,0 +1 @@ +@s_big_picture_text_padding: 0; diff --git a/theme_notes/static/src/less/snippets/s_features_carousel.less b/theme_notes/static/src/less/snippets/s_features_carousel.less new file mode 100644 index 000000000..e75d5d7aa --- /dev/null +++ b/theme_notes/static/src/less/snippets/s_features_carousel.less @@ -0,0 +1,8 @@ +.s_features_carousel_inner_hook(){ + .carousel-inner .row { + margin: 0 70px; + @media (max-width:@screen-xs-max) { + margin: 0px; + } + } +} diff --git a/theme_notes/static/src/less/snippets/s_products_carousel.less b/theme_notes/static/src/less/snippets/s_products_carousel.less new file mode 100644 index 000000000..8baf0eb35 --- /dev/null +++ b/theme_notes/static/src/less/snippets/s_products_carousel.less @@ -0,0 +1 @@ +@s_products_carousel_carousel_control_color: rgba(0, 0, 0, 0); diff --git a/theme_notes/static/src/less/snippets/s_text_big_picture.less b/theme_notes/static/src/less/snippets/s_text_big_picture.less new file mode 100644 index 000000000..a7ae1f544 --- /dev/null +++ b/theme_notes/static/src/less/snippets/s_text_big_picture.less @@ -0,0 +1 @@ +@s_text_big_picture_padding: 0; diff --git a/theme_notes/static/src/less/snippets/s_timeline.less b/theme_notes/static/src/less/snippets/s_timeline.less new file mode 100644 index 000000000..12679c550 --- /dev/null +++ b/theme_notes/static/src/less/snippets/s_timeline.less @@ -0,0 +1 @@ +@s_timeline_company_color: @gray; diff --git a/theme_notes/static/src/less/theme.less b/theme_notes/static/src/less/theme.less new file mode 100644 index 000000000..2e9c0fcbb --- /dev/null +++ b/theme_notes/static/src/less/theme.less @@ -0,0 +1,232 @@ +/* ====================== GENERAL =====================*/ +body { + .in:not(.tour):not(.navbar-collapse) { + background: rgba(0, 0, 0, 0.5) !important; + } + .tour { + .close { + color: @gray; + } + } +} +#wrapwrap { + display: table; + table-layout: fixed; + width: 100%; + + > * { + display: table-row; + } +} +main > * { + background-color: @color-eta; + color: white; + &:first-child{ + margin: 50px auto; + } +} +#wrap { + margin: 50px auto; + .text-muted{ + &:after { + color: rgba(0, 0, 0, 0); + } + } +} +.input-group[class*="col-"] { + float: left; +} +.js_publish_btn { + background-color: @color-alpha !important; + color: gray !important; +} +/* ========== Navigation =========== */ +.navbar-default { + border: none; + background: rgba(0, 0, 0, 0); + .container { + padding: 0px; + background-color: @color-beta; + .navbar-header { + margin: 0; + .navbar-toggle { + border-color: @color-epsilon; + &:hover { + background-color: @gray-dark; + } + .icon-bar { + background-color: @color-epsilon; + } + } + .navbar-brand { + margin-left: 25px; + } + } + .navbar-collapse { + background-color: @color-beta; + box-shadow: none; + } + } +} +#wrapwrap > header .container .navbar-collapse { + @media (max-width: @screen-sm-min) { + margin: 0; + border: none !important; + padding-top: 30px; + } + .navbar-nav { + float: none; + } +} +#top_menu { + margin-right: 0px; + @media (max-width: @screen-sm-min) { + width: 100%; + text-align: left; + transform: none; + } + li { + a { + color: @color-delta; + font-size: 18px; + .transition (color 0.3s ease-out); + &:hover { + color: @color-alpha; + } + .label-primary { // shop if there is any product in cart + background-color: @color-delta; + font-size: 12px; + padding: 0.1em 0.6em 0.1em; + .BorderRadius (30px); + position: relative; + top: -15px; + } + } + } + .divider { + display: none; + } + .active a { + background-color: rgba(0, 0, 0, 0); + } + .open > a:focus { + background-color: rgba(0, 0, 0, 0); + } + .dropdown-menu, .navbar-collapse { + background-color: @color-beta; + border-radius: 0px; + border-color: rgba(0, 0, 0, 0); + + li > a { + color: @color-delta; + border-right: none; + &:hover { + border-bottom: none; + background: rgba(0, 0, 0, 0); + color: @color-alpha; + } + } + .divider { + background-color: rgba(0, 0, 0, 0); + } + } +} +/* ====================== Footer ======================== */ +#wrapwrap > footer { + background: @color-theta; + #footer { + margin-top: 0px; + } + .container { + padding: 20px 65px; + h4 { + border-top: 5px solid @color-theta; + margin-right: 50px; + padding-top: 20px; + color: @color-epsilon; + text-transform: uppercase; + } + p, .list-unstyled { + color: @color-alpha; + } + } + > .container:last-child { + margin: 0 !important; + width: 100%; + background-color: @color-theta; + color: @color-alpha; + .text-muted, a { + color: @color-alpha; + } + } + #footer { + background-color: @color-gamma; + a { + display: block; + } + .col-md-3, .col-md-5 { + padding: 20px 0px; + h2 { // social icons in footer + text-transform: uppercase; + font-size: 25px; + color: @color-beta; + a { + display: inline; + } + } + } + } +} +.copyright { + padding: 20px 0px; + background-color: @color-theta; + color: @color-alpha; + .js_language_selector { + margin-bottom: 0px; + float: right; + } +} +/* ====================== button style ======================== */ +#wrapwrap { + .btn { + padding: 10px 20px; + .BorderRadius (0px); + .transition (all 0.3s ease-out); + border-width: 0px !important; + } + .btn-default { + .btn-styles(@color-alpha, @gray-lighter, @gray, @black); + } + .btn-primary { + .btn-styles(@color-beta, @color-zeta, @color-alpha, @gray-lighter); + } + .btn-success { + .btn-styles(@color-gamma, @color-theta, @color-alpha, @gray); + } + .btn-info { + .btn-styles(@color-delta, @color-kappa, @color-alpha, @color-beta); + } + .btn-warning { + .btn-styles(@color-epsilon, @color-mu, @gray, @gray); + } + .btn-danger { + .btn-styles(@black, @gray, @color-delta, @white); + } +} +/* ====================== Snippet Option Styles ======================== */ + +.snippet-option-colorpicker { + .colorpicker td > * { + width: 30px; + height: 30px; + } + .none { + background-color: @color-alpha; + font-size: 10px; + } +} +.btn-group { + .dropdown-toggle { + border-width: 1px !important; + } +} \ No newline at end of file diff --git a/theme_notes/static/src/less/typography.less b/theme_notes/static/src/less/typography.less new file mode 100644 index 000000000..86d6cad99 --- /dev/null +++ b/theme_notes/static/src/less/typography.less @@ -0,0 +1,15 @@ +@font-face { + font-family: Bubble; + src: url("/theme_notes/static/src/font/GFSCUS1D.ttf"); +} +a { + &:hover { + text-decoration: none; + } +} +h1 {font-size: 40px;} +h2 {font-size: 32px;} +h3 {font-size: 28px;} +h4 {font-size: 24px;} +h5 {font-size: 20px;} +h6 {font-size: 16px;} \ No newline at end of file diff --git a/theme_notes/views/assets.xml b/theme_notes/views/assets.xml new file mode 100644 index 000000000..7cf0287a7 --- /dev/null +++ b/theme_notes/views/assets.xml @@ -0,0 +1,57 @@ + + + + + + + + + + diff --git a/theme_notes/views/customize_modal.xml b/theme_notes/views/customize_modal.xml new file mode 100644 index 000000000..dd7d0d0f2 --- /dev/null +++ b/theme_notes/views/customize_modal.xml @@ -0,0 +1,596 @@ + + + + + + + + open + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/theme_notes/views/images_content.xml b/theme_notes/views/images_content.xml new file mode 100644 index 000000000..f86948532 --- /dev/null +++ b/theme_notes/views/images_content.xml @@ -0,0 +1,85 @@ + + + + + + + /theme_notes/static/src/img/content/content_img_01.jpg + + + /theme_notes/static/src/img/content/content_img_02.jpg + + + /theme_notes/static/src/img/content/content_img_03.jpg + + + /theme_notes/static/src/img/content/content_img_04.jpg + + + /theme_notes/static/src/img/content/content_img_05.jpg + + + /theme_notes/static/src/img/content/content_img_06.jpg + + + /theme_notes/static/src/img/content/content_img_07.jpg + + + /theme_notes/static/src/img/content/content_img_08.png + + + /theme_notes/static/src/img/content/content_img_09.jpg + + + /theme_notes/static/src/img/content/content_img_10.jpg + + + + + + /theme_notes/static/src/img/content/content_img_11.jpg + + + /theme_notes/static/src/img/content/content_img_12.jpg + + + + + + /theme_notes/static/src/img/content/product_img_01.jpg + + + /theme_notes/static/src/img/content/product_img_02.jpg + + + /theme_notes/static/src/img/content/product_img_03.jpg + + + /theme_notes/static/src/img/content/product_img_04.jpg + + + /theme_notes/static/src/img/content/product_img_05.png + + + /theme_notes/static/src/img/content/product_img_06.png + + + /theme_notes/static/src/img/content/product_img_07.png + + + /theme_notes/static/src/img/content/product_img_08.png + + + /theme_notes/static/src/img/content/product_img_09.png + + + /theme_notes/static/src/img/content/product_img_10.png + + + /theme_notes/static/src/img/content/product_img_11.png + + + + diff --git a/theme_notes/views/images_library.xml b/theme_notes/views/images_library.xml new file mode 100644 index 000000000..9cb0466c4 --- /dev/null +++ b/theme_notes/views/images_library.xml @@ -0,0 +1,159 @@ + + + + + bg1.jpg + bg1.jpg + ir.ui.view + url + /theme_notes/static/src/img/library/bg1.jpg + + + bg2.jpg + bg2.jpg + ir.ui.view + url + /theme_notes/static/src/img/library/bg2.jpg + + + bg3.jpg + bg3.jpg + ir.ui.view + url + /theme_notes/static/src/img/library/bg3.jpg + + + bg4.jpg + bg4.jpg + ir.ui.view + url + /theme_notes/static/src/img/library/bg4.jpg + + + bg5.jpg + bg5.jpg + ir.ui.view + url + /theme_notes/static/src/img/library/bg5.jpg + + + bg6.jpg + bg6.jpg + ir.ui.view + url + /theme_notes/static/src/img/library/bg6.jpg + + + bg7.jpg + bg7.jpg + ir.ui.view + url + /theme_notes/static/src/img/library/bg7.jpg + + + bg8.jpg + bg8.jpg + ir.ui.view + url + /theme_notes/static/src/img/library/bg8.jpg + + + bg9.jpg + bg9.jpg + ir.ui.view + url + /theme_notes/static/src/img/library/bg9.jpg + + + bg10.jpg + bg10.jpg + ir.ui.view + url + /theme_notes/static/src/img/library/bg10.jpg + + + + + + pattern_01.png + pattern_01.png + ir.ui.view + url + /theme_notes/static/src/img/pattern/pattern_01.png + + + + pattern_02.png + pattern_02.png + ir.ui.view + url + /theme_notes/static/src/img/pattern/pattern_02.png + + + + pattern_03.png + pattern_03.png + ir.ui.view + url + /theme_notes/static/src/img/pattern/pattern_03.png + + + + pattern_04.png + pattern_04.png + ir.ui.view + url + /theme_notes/static/src/img/pattern/pattern_04.png + + + + pattern_05.png + pattern_05.png + ir.ui.view + url + /theme_notes/static/src/img/pattern/pattern_05.png + + + + pattern_06.png + pattern_06.png + ir.ui.view + url + /theme_notes/static/src/img/pattern/pattern_06.png + + + + pattern_07.png + pattern_07.png + ir.ui.view + url + /theme_notes/static/src/img/pattern/pattern_07.png + + + + pattern_08.png + pattern_08.png + ir.ui.view + url + /theme_notes/static/src/img/pattern/pattern_08.png + + + + pattern_09.png + pattern_09.png + ir.ui.view + url + /theme_notes/static/src/img/pattern/pattern_09.png + + + + pattern_10.png + pattern_10.png + ir.ui.view + url + /theme_notes/static/src/img/pattern/pattern_10.png + + + + diff --git a/theme_notes/views/snippet_options.xml b/theme_notes/views/snippet_options.xml new file mode 100644 index 000000000..25471adf7 --- /dev/null +++ b/theme_notes/views/snippet_options.xml @@ -0,0 +1,60 @@ + + + + + + + + diff --git a/theme_notes/views/snippets.xml b/theme_notes/views/snippets.xml new file mode 100644 index 000000000..c2ff5da3f --- /dev/null +++ b/theme_notes/views/snippets.xml @@ -0,0 +1,46 @@ + + + + + + + + diff --git a/theme_notes_sale/LICENSE b/theme_notes_sale/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_notes_sale/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_notes_sale/__init__.py b/theme_notes_sale/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_notes_sale/__openerp__.py b/theme_notes_sale/__openerp__.py new file mode 100644 index 000000000..4065d5a35 --- /dev/null +++ b/theme_notes_sale/__openerp__.py @@ -0,0 +1,16 @@ +{ + 'name': 'Theme Notes eCommerce Plugin', + 'description': 'Notes eCommerce Plugin', + 'category': 'Hidden', + 'version': '1.0', + 'author': 'Odoo S.A.', + 'depends': ['theme_notes', 'website_sale'], + 'data': [ + 'views/theme.xml', + 'views/layout.xml', + ], + 'demo': [ + 'demo/products.xml', + ], + 'auto_install': True, +} diff --git a/theme_notes_sale/demo/products.xml b/theme_notes_sale/demo/products.xml new file mode 100644 index 000000000..4a47de403 --- /dev/null +++ b/theme_notes_sale/demo/products.xml @@ -0,0 +1,260 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Guitars + + + + Fender + + + + Gibson + + + + Other Brands + + + + Bass Guitars + + + Drums + + + Percussion + + + Violin + + + + Brass + + + + Trombone + + + + Saxophone + + + + Violin + True + 99 + 2 + 2 + + 340.0 + 340.0 + consu + + + + + + Fender Jazz Bass + True + 99 + 2 + 2 + + 799.0 + 799.0 + consu + + + + + + Fender Telecaster + True + 99 + 2 + 2 + + 889.0 + 889.0 + consu + + + + + + Gibson Les Paul Studio + True + 99 + 2 + 2 + + 2349.0 + 2349.0 + consu + + + + + + Fender Stratocaster + True + 99 + 2 + 2 + + 949.0 + 949.0 + consu + + + + + + Washburn + True + 99 + 2 + 2 + + 1149.0 + 1149.0 + consu + + + + + + Mapex Drumset + True + 99 + 2 + 2 + + 549.0 + 549.0 + consu + + + + + + Tama Drumset + True + 99 + 2 + 2 + + 769.0 + 699.0 + consu + + + + + + Yamaha Drumset + True + 99 + 2 + 2 + + 889.0 + 889.0 + consu + + + + + + SSR Bongo + True + 99 + 2 + 2 + + 79.0 + 79.0 + consu + + + + + + Authentic Percussion + True + 99 + 2 + 2 + + 279.0 + 279.0 + consu + + + + + + Saxophone + True + 99 + 2 + 2 + + 379.0 + 379.0 + consu + + + + + + Trombone + True + 99 + 2 + 2 + + 399.0 + 399.0 + consu + + + + + + + + diff --git a/theme_notes_sale/static/src/js/collapse_categories.js b/theme_notes_sale/static/src/js/collapse_categories.js new file mode 100644 index 000000000..b13533937 --- /dev/null +++ b/theme_notes_sale/static/src/js/collapse_categories.js @@ -0,0 +1,24 @@ +$(function(){ + + // CATEGORIES + var category_list = "#products_grid_before"; + if ($(".oe_website_sale " + category_list).length) { + // Close the category using the arrow + $(category_list).on('click', '.close-icon', function(event) { + $(event.target).closest('li').removeClass('active'); + }); + + // Open the category using the arrow + $(category_list).on('click', '.open-icon', function(event) { + // Close the others + $(category_list + " li").removeClass('active'); + // Open this one's hierarchy + $(event.target).parents('li').each(function(parent){ + $(this).addClass('active'); + }); + }); + + // Open the current category tab + $('li:has(a[href="' + window.location.pathname + '"])').addClass('active'); + } +}); \ No newline at end of file diff --git a/theme_notes_sale/static/src/less/options/colors/colorPreset1.less b/theme_notes_sale/static/src/less/options/colors/colorPreset1.less new file mode 100644 index 000000000..b8ad8b7ea --- /dev/null +++ b/theme_notes_sale/static/src/less/options/colors/colorPreset1.less @@ -0,0 +1,12 @@ +#top_menu { + .my_cart_quantity { + color: @color-beta; + } +} +#products_grid { + .oe_product_cart { + section a { + color: @color-beta !important; + } + } +} \ No newline at end of file diff --git a/theme_notes_sale/static/src/less/theme_ecommerce.less b/theme_notes_sale/static/src/less/theme_ecommerce.less new file mode 100644 index 000000000..1873f49ba --- /dev/null +++ b/theme_notes_sale/static/src/less/theme_ecommerce.less @@ -0,0 +1,499 @@ +#wrap > .container-fluid .pagination, #wrap > .container .pagination { + padding-right: 0; +} +.oe_website_sale { + overflow: hidden; + padding-bottom: 20px; + background-color: @color-alpha; + .page-header { + small { + display: block; + a { + color: red; + } + } + } + /*.oe_product_cart { + .in { + background-color: rgba(0, 0, 0, 0.5); + } + }*/ + .oe_product { + padding: 5px; + border: 0; + h5 { + a { + color: @color-epsilon; + } + } + .ribbon { + background-color: red; + top: 0px; + width: 145px; + } + + // Product name, price and quick cart part + + section { + min-height: 90px; + padding: 0px 15px; + background: rgba(255, 255, 255, 0.9) !important; + h5 { + padding: 10px 0px; + font-size: 18px; + margin: 0px; + border-top: 1px solid @gray-lighter; + a { + color: @color-delta; + &:hover { + text-decoration: none; + } + } + } + .text-info { + text-align: left; + color: @gray-light; + } + .oe_subdescription { + margin-bottom: 0px; + } + .product_price { + font-size: 14px; + position: relative; + b { + .text-danger { + color: red; + } + } + } + .btn-default { // cart btn + background: rgba(0, 0, 0, 0) !important; + border: none; + font-size: 15px; + position: relative; + right: 8px; + top: -1px; + } + } + } +} +#products_grid { + padding-left: 15px; + table, tbody { + background-color: rgba(0, 0, 0, 0) !important; + } + .products_pager:first-child { + border-bottom: 1px solid @gray-lighter; + } + .products_pager:last-child { + border-top: 1px solid @gray-lighter; + } + .products_pager { + margin-top: 15px; + ul { + a { + border: rgba(0, 0, 0, 0); + color: @gray; + min-width: 35px; + } + } + } + .pagination > .active > a { + border-bottom: 3px solid @color-beta; + background-color: rgba(0, 0, 0, 0); + color: @color-beta; + } + .pagination a { + .transition (all 0.3s ease-out); + &:hover { + border-bottom: 3px solid @color-delta; + background: rgba(0, 0, 0, 0); + color: @gray-light; + } + } + .products_pager > ul { + li:first-child > a { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + } + li:last-child > a { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + } + } +} + +/* =================== Search =================== */ + +.form-inline .input-group { + width: 100%; + .form-control { + width: 100%; + .BorderRadius (0px); + height: 50px; + font-size: 20px; + box-shadow: none; + text-transform: lowercase; + border: none; + &:focus { + box-shadow: none; + } + } + .input-group-btn { + width: 50px; + .btn-default { + .BorderRadius (0px); + height: 50px; + width: 50px; + &:hover { + background-color: white !important; + } + } + .btn { + line-height: 2.5; + } + } +} + +/* =================== Categories =================== */ + +#products_grid_before { + padding: 15px 0px 15px 10px; + padding-bottom: 800em; + margin-bottom: -800em; + ul.nav-stacked { + li { + a { + font-size: 16px; + color: @gray-light; + &:hover, &:focus { + background-color: @gray-lighter; + color: @gray; + } + } + } + } + .nav-pills > li > ul { + padding-left: 15px; + } + > ul > li > a { + color: @color-gamma !important; + text-transform: uppercase; + font-size: 18px !important; + } + li > ul, li > .close-icon, li.active > .open-icon { + display: none; + } + li.active > ul, li.active > .close-icon { + display: block; + } + .main-category { + text-transform: uppercase; + } + .category-name { + font-size: 3.5vw; + text-align: left; + padding-bottom: 10px; + padding-left: 15px; + color: @color-gamma; + } + + /* =========== Filters ========== */ + + .js_attributes { + border-bottom-width: 10px; + border-bottom-style: solid; + border-right-width: 0px; + padding: 15px 15px; + margin: 20px 0px; + border-color: @color-delta; + strong { + display: block; + padding-left: 10px; + margin-bottom: 10px; + margin-top: 10px; + border-bottom: 1px dotted @color-beta; + color: @color-gamma; + text-transform: uppercase; + } + .css_attribute_color.active { + border: 5px ridge @color-alpha; + } + li > ul { + display: block; + } + label > span { + color: @gray; + } + } +} +.open-icon, .close-icon { + position: absolute; + right: 10px; + top: 4px; + padding: 0 4px; + cursor: pointer; + font-size: 18px; + color: @color-gamma; +} + +/* =================== Product page =================== */ +.js_sale { + background-color: @color-alpha; + .container-fluid > .row:first-child, .container:first-child > .row:first-child { + background-color: @color-eta; + } + .breadcrumb { + padding-top: 20px; + background: rgba(0, 0, 0, 0); + border-bottom: 1px solid @gray-lighter; + li { + font-size: 15px; + a { + color: @color-gamma; + } + } + } + #website_published_button { + @media (max-width: @screen-sm-min) { + margin-bottom: 50px; + } + } +} +#product_detail .col-sm-5 { + border-left: 1px solid @gray-lighter; +} +.js_add_cart_variants > li { + > strong { + border-bottom: 1px solid @gray-lighter; + width: 100%; + display: inline-block; + margin: 20px 0px; + padding-left: 10px; + font-size: 20px; + text-transform: uppercase; + color: @color-beta; + } +} +.js_add_cart_variants { + color: @gray; + + /* ======== PRICE ======== */ + + .oe_price_h4 { + font-size: 25px; + .text-danger { + color: red; + } + } +} +.product-title { + padding: 0px 0px 50px 0px; + text-align: center; + color: @gray; +} +.product-description { + text-align: center; + font-size: 18px; +} +#add_to_cart { + padding-top: 15px; + margin: 20px 0; + border: none; + margin-top: 0px; + .transition (all 0.5s ease-out); + .fa { + font-size: 25px; + padding-bottom: 10px; + display: block; + } +} + +/* ======= ADD QUANTITY ========= */ + +.oe_website_spinner { + margin-bottom: 25px; + .input-group-addon { + &:first-child, &:last-child { + border: none; + background-color: @color-gamma; + } + a { + color: white; + } + } + .js_quantity { + text-align: center; + border-color: @color-gamma; + } +} +.badge, .active > a > .badge { + padding: 5px 10px; + margin-left: 15px; + background-color: @color-gamma; + color: white; + min-width: 28px; +} +.list-unstyled .css_attribute_color.active { + border: 3px solid @color-gamma; +} +#website_sale_recommended_products { + padding: 30px; + h3 { + text-align: center; + border-bottom: 5px solid @color-epsilon; + padding-bottom: 20px; + color: @color-gamma; + } + .row { + padding: 0 15px; + } + .col-md-2 { + margin-top: 10px; + min-height: 160px; + span { + color: @color-epsilon; + } + } +} + +/* ===================== Product list view ======================= */ + +.oe_list { + margin: 5px 0 5px 15px; + border: 1px solid @gray-lighter; + width: 90% !important; + @media (max-width: @screen-sm-min) { + height: auto !important; + } + img { + padding: 10px 0; + } + section { + .product_price { + display: inline-block; + } + .oe_subdescription { + max-width: 70%; + } + } +} + +/* =================== Modal =================== */ +#modal_optional_products { + .modal-title { + background: rgba(0, 0, 0, 0); + } + .input-group { + border-collapse: inherit; + } + table td:first-child { + @media (max-width:@screen-xs-max) { + display: none; + } + } +} +/* =================== Shopping cart =================== */ +.oe_website_sale { + color: @gray; + .oe_cart { + strong { + color: @gray; + } + .well { + background-color: rgba(0, 0, 0, 0); + } + #cart_products { + img { + max-width: 100px; + } + } + .oe_website_spinner { + border-collapse: inherit; + } + .a-submit { + padding: 20px 0px; + border-width: 3px; + border-radius: 0px; + min-width: 150px; + .BorderRadius (50px); + } + } + h4 .oe_currency_value { + font-size: 25px; + } + #right_column { + color: @gray; + a { + color: red; + } + .btn { + .BorderRadius (0px); + border: none; + } + .input-group-btn { + padding-left: 5px; + } + h4 { + color: @color-beta; + border-bottom: 1px solid @color-beta; + font-size: 22px; + font-weight: bold; + } + .fa { + padding-right: 5px; + } + } + .wizard { + padding-right: 15px; + box-shadow: none; + @media (max-width: @screen-sm-min) { + padding-right: 0px; + } + li.text-primary { + background-color: @color-gamma; + @media (max-width: @screen-sm-min) { + background-color: rgba(0, 0, 0, 0); + color: @color-gamma; + padding-left: 7px; + } + .chevron:before { + border-left: 10px solid @color-gamma; + @media (max-width: @screen-sm-min) { + border-left: none; + } + } + } + li { + border-color: @color-gamma; + background-color: rgba(0, 0, 0, 0); + @media (max-width: @screen-sm-min) { + border-color: rgba(0, 0, 0, 0); + padding-left: 7px; + } + .chevron { + border-left: 10px solid @color-gamma; + background: rgba(0, 0, 0, 0); + @media (max-width: @screen-sm-min) { + border-color: rgba(0, 0, 0, 0); + } + } + } + .text-muted { + color: @gray-light; + } + } +} +.form-control:focus { + border: 1px solid @color-delta; +} + +/* ======================== PAY =========================== */ +.oe_sale_acquirer_button { + .btn { + min-width: 150px; + text-transform: uppercase; + font-size: 20px; + margin-bottom: 20px; + } +} \ No newline at end of file diff --git a/theme_notes_sale/views/layout.xml b/theme_notes_sale/views/layout.xml new file mode 100644 index 000000000..1a716b456 --- /dev/null +++ b/theme_notes_sale/views/layout.xml @@ -0,0 +1,154 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_notes_sale/views/theme.xml b/theme_notes_sale/views/theme.xml new file mode 100644 index 000000000..ec0f5408e --- /dev/null +++ b/theme_notes_sale/views/theme.xml @@ -0,0 +1,29 @@ + + + + + + + open + + + + + + + + + + \ No newline at end of file diff --git a/theme_odoo_experts/LICENSE b/theme_odoo_experts/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_odoo_experts/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_odoo_experts/__init__.py b/theme_odoo_experts/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_odoo_experts/__openerp__.py b/theme_odoo_experts/__openerp__.py new file mode 100644 index 000000000..874c32bc8 --- /dev/null +++ b/theme_odoo_experts/__openerp__.py @@ -0,0 +1,25 @@ +{ + 'name': 'Odoo Experts Theme', + 'description': 'Odoo Experts Business Theme', + 'category': 'Theme/Corporate', + 'version': '1.0', + 'author': 'Odoo SA', + 'depends': ['theme_loftspace', 'website_animate', 'snippet_google_map'], + 'data': [ + 'views/assets.xml', + 'views/images.xml', + 'views/preset.xml', + 'views/layout.xml', + 'views/snippets.xml', + ], + 'demo': [ + 'demo/demo.xml', + 'demo/blocks.xml', + ], + 'images': [ + 'static/description/odoo_experts_description.png', + ], + 'price': 4, + 'currency': 'EUR', + 'live_test_url': 'https://theme-odoo-experts.odoo.com', +} \ No newline at end of file diff --git a/theme_odoo_experts/demo/blocks.xml b/theme_odoo_experts/demo/blocks.xml new file mode 100644 index 000000000..64e12b636 --- /dev/null +++ b/theme_odoo_experts/demo/blocks.xml @@ -0,0 +1,30 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_odoo_experts/demo/demo.xml b/theme_odoo_experts/demo/demo.xml new file mode 100644 index 000000000..76f84b94f --- /dev/null +++ b/theme_odoo_experts/demo/demo.xml @@ -0,0 +1,744 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_odoo_experts/doc/index.rst b/theme_odoo_experts/doc/index.rst new file mode 100644 index 000000000..9f4dd865e --- /dev/null +++ b/theme_odoo_experts/doc/index.rst @@ -0,0 +1,34 @@ +You need to install the *Less CSS* compiler to run this theme + +* on Linux, use your distribution's package manager to install nodejs and npm. + * In debian wheezy and Ubuntu 13.10 and before you need to install nodejs manually: + + .. code-block:: console + + $ wget -qO- https://deb.nodesource.com/setup | bash - + $ apt-get install -y nodejs + + * In later debian (>jessie) and ubuntu (>14.04) you may need to add a symlink as npm packages call ``node`` but debian calls the binary ``nodejs`` + + .. code-block:: console + + $ apt-get install -y npm + $ sudo ln -s /usr/bin/nodejs /usr/bin/node + + * Once npm is installed, use it to install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on OS X, install nodejs via your preferred package manager (`homebrew `_, `macports `_) then install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on Windows, `install nodejs `_, reboot (to update the `PATH`) and install less and less-plugin-clean-css: + + .. code-block:: ps1 + + C:\> npm install -g less less-plugin-clean-css diff --git a/theme_odoo_experts/static/description/contributors/applicatour.jpg b/theme_odoo_experts/static/description/contributors/applicatour.jpg new file mode 100644 index 000000000..977d9052f Binary files /dev/null and b/theme_odoo_experts/static/description/contributors/applicatour.jpg differ diff --git a/theme_odoo_experts/static/description/contributors/aselcis.jpg b/theme_odoo_experts/static/description/contributors/aselcis.jpg new file mode 100644 index 000000000..9fbc0f3c1 Binary files /dev/null and b/theme_odoo_experts/static/description/contributors/aselcis.jpg differ diff --git a/theme_odoo_experts/static/description/contributors/bas-solutions.png b/theme_odoo_experts/static/description/contributors/bas-solutions.png new file mode 100644 index 000000000..c64c5359a Binary files /dev/null and b/theme_odoo_experts/static/description/contributors/bas-solutions.png differ diff --git a/theme_odoo_experts/static/description/contributors/bloopark.png b/theme_odoo_experts/static/description/contributors/bloopark.png new file mode 100644 index 000000000..4ce0327d8 Binary files /dev/null and b/theme_odoo_experts/static/description/contributors/bloopark.png differ diff --git a/theme_odoo_experts/static/description/contributors/brouwland.jpg b/theme_odoo_experts/static/description/contributors/brouwland.jpg new file mode 100644 index 000000000..8fe4a1441 Binary files /dev/null and b/theme_odoo_experts/static/description/contributors/brouwland.jpg differ diff --git a/theme_odoo_experts/static/description/contributors/catsdogs.png b/theme_odoo_experts/static/description/contributors/catsdogs.png new file mode 100644 index 000000000..f4d03e63d Binary files /dev/null and b/theme_odoo_experts/static/description/contributors/catsdogs.png differ diff --git a/theme_odoo_experts/static/description/contributors/dialognet.png b/theme_odoo_experts/static/description/contributors/dialognet.png new file mode 100644 index 000000000..831a1a9c3 Binary files /dev/null and b/theme_odoo_experts/static/description/contributors/dialognet.png differ diff --git a/theme_odoo_experts/static/description/contributors/dynapps.jpg b/theme_odoo_experts/static/description/contributors/dynapps.jpg new file mode 100644 index 000000000..5854230c4 Binary files /dev/null and b/theme_odoo_experts/static/description/contributors/dynapps.jpg differ diff --git a/theme_odoo_experts/static/description/contributors/huckemedia.png b/theme_odoo_experts/static/description/contributors/huckemedia.png new file mode 100644 index 000000000..2106c34b0 Binary files /dev/null and b/theme_odoo_experts/static/description/contributors/huckemedia.png differ diff --git a/theme_odoo_experts/static/description/contributors/opusvl.png b/theme_odoo_experts/static/description/contributors/opusvl.png new file mode 100644 index 000000000..f1f25f120 Binary files /dev/null and b/theme_odoo_experts/static/description/contributors/opusvl.png differ diff --git a/theme_odoo_experts/static/description/contributors/oxen.jpg b/theme_odoo_experts/static/description/contributors/oxen.jpg new file mode 100644 index 000000000..0cb41eb9f Binary files /dev/null and b/theme_odoo_experts/static/description/contributors/oxen.jpg differ diff --git a/theme_odoo_experts/static/description/contributors/simplitco.jpg b/theme_odoo_experts/static/description/contributors/simplitco.jpg new file mode 100644 index 000000000..152bbf277 Binary files /dev/null and b/theme_odoo_experts/static/description/contributors/simplitco.jpg differ diff --git a/theme_odoo_experts/static/description/contributors/sodexis.jpg b/theme_odoo_experts/static/description/contributors/sodexis.jpg new file mode 100644 index 000000000..12f1d8ecd Binary files /dev/null and b/theme_odoo_experts/static/description/contributors/sodexis.jpg differ diff --git a/theme_odoo_experts/static/description/contributors/tech-receptives.png b/theme_odoo_experts/static/description/contributors/tech-receptives.png new file mode 100644 index 000000000..c441f44db Binary files /dev/null and b/theme_odoo_experts/static/description/contributors/tech-receptives.png differ diff --git a/theme_odoo_experts/static/description/contributors/vauxoo.png b/theme_odoo_experts/static/description/contributors/vauxoo.png new file mode 100644 index 000000000..7e83d3148 Binary files /dev/null and b/theme_odoo_experts/static/description/contributors/vauxoo.png differ diff --git a/theme_odoo_experts/static/description/customtool.jpg b/theme_odoo_experts/static/description/customtool.jpg new file mode 100644 index 000000000..8b36b219b Binary files /dev/null and b/theme_odoo_experts/static/description/customtool.jpg differ diff --git a/theme_odoo_experts/static/description/customtool2.jpg b/theme_odoo_experts/static/description/customtool2.jpg new file mode 100644 index 000000000..4cde1a77c Binary files /dev/null and b/theme_odoo_experts/static/description/customtool2.jpg differ diff --git a/theme_odoo_experts/static/description/icon.png b/theme_odoo_experts/static/description/icon.png new file mode 100644 index 000000000..90743cd10 Binary files /dev/null and b/theme_odoo_experts/static/description/icon.png differ diff --git a/theme_odoo_experts/static/description/index.html b/theme_odoo_experts/static/description/index.html new file mode 100644 index 000000000..3700d6bac --- /dev/null +++ b/theme_odoo_experts/static/description/index.html @@ -0,0 +1,214 @@ +
    +

    Html5 Responsive Bootstrap Theme for Odoo CMS

    +
    + +

    Odoo Experts is a professional responsive HTML5 theme, built using Bootstrap3, + the most popular front-end framework for developing responsive, mobile + first projects on the web. Just drag & drop the new building blocks + you need to easily build your layout. All layouts are made of sections, + that you can easily combine to fit your specific project.

    + +
    + +

    Odoo Experts Customization Tool

    + +

    Theme Odoo Experts comes with customization tools. You can easily change + the background, the colors and the font combination of your website or + you a preset.

    + +
    +
    + +
    +
    +

    Theme Odoo Experts comes with a lot of options

    +
      +
    • WIDE OR BOXED LAYOUT
      • +
    • 6 COLOR SCHEMES
      • +
    • 8 BACKGROUND SHADES OR USE YOUR OWN
      • +
    • 6 FONT COMBINATIONS
      • +
    • 10 BACKGROUND PATTERNS
      • +
    +

    All the background, color and font combinations were made to work together.  + You can not go wrong with the settings.

    + +

    Minimalistic Flat Design

    +

    Odoo Experts was made with easy customization and branding in mind. Based on + simple, modern and typographical elements, it allows you to easily customize + your website.

    + +

    6 Prebuild Presets

    +

    You don't have the time to play with options? Don't worry, Odoo Experts gives + you six full presets wich combine colors, fonts and background.

    +

    This theme has an additional eCommerce plugin.

    +
    +
    + +

    Odoo Experts Building Blocks

    + +

    You get a new complete range of building blocks.

    + +
    +
    +

    CONTENT BLOCKS

    +
      +
    • Title
      • +
    • 1 Column Text
      • +
    • 2 Column Text
      • +
    • 3 Column Text
      • +
    • 4 Column Text
      • +
    • Custom Button
      • +
    • Separator Block
      • +
    +

    STRUCTURE BLOCKS

    +
      +
    • News Carousel
      • +
    • Showcase
      • +
    • Big Picture + Text
      • +
    • Text + Big Picture
      • +
    • Cubes
      • +
    • Features Slideshow
      • +
    • Header + Text + Picture
      • +
    • Product List
      • +
    • Text + Image + Text
      • +
    • Parallax Banner
      • +
    • 2 Color Blocks
      • +
    • 4 Color Blocks
      • +
    • Numbers
      • +
    • Timeline
      • +
    • Event List
      • +
    • Logos Bar
      • +
    • Testimonial Slider
      • +
    • Big Circle Icons
      • +
    +
    +
    +

    FEATURES BLOCKS

    +
      +
    • Slide Banner
      • +
    • Slideshow with products
      • +
    • Google Maps Snippet
      • +
    +

    EFFECTS BLOCKS

    +
      +
    • Big Image Parallax
      • +
    +
    +
    +

    Customize Your Blocks

    +

    Each building blocks comes with its own options. 

    + +
    +
    + +

    Some fonts might not work with extended charsets.

    +

    The images in the theme are copyrighted and can't be used outside of the odoo.com domain.

    +
    + +

    CONTRIBUTORS LIST

    +
    + +

    This theme was created with the help of our user community.

    + +

    Thanks to our backers the Indiegogo campaign was a success!

    + +

    https://www.indiegogo.com/projects/bootstrap-themes-for-odoo-cms/

    +
    + +

    Main Sponsor

    +
    + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + +

    Ross Whiting, Oxenworkwear - Hans Balis - Stephan Keller, Sodexis, Inc. - Michael Hucke, Hucke Media GmbH & Co. KG - Joachim Grubelnik, DaDi EDV GmbH​ datadialog.net - DynApps - Cats&Dogs bvba - Bloopark systems GmbH & Co. KG - Parthiv Patel, Tech Receptives Solutions Pvt. Ltd. - Stuart Mackintosh, OpusVL - Erwin van der Ploeg, BAS Solutions - ali Zuaby, simplit co - Aselcis Consulting - Nhomar Hernandez, Vauxoo

    + +

    Sponsor

    +
    + +

    Robert Baumgartner, datenpol gmbh - openBIG - Russell Phillippe, Protogenos Ltd - Julien Allo, Julius - EasyPME - Jonathan Wilson, WillowIT Pty Ltd - Xavier Mallein, MAallein - Pedro M. Baeza, Serv. Tecnol. Avanzados - Daniel Dico, OERP Canada - Jantz Business Group b.v. - LogicaSoft Consulting - Eric Caudal, Elico Corp - Ermin Trevisan, Twanda - Jean-François Mattler, OpenFid SAS - Alex Ferrer, Lannex IT Solutions - Tony Gu, Shine IT Co. Ltd. 先安科技 - TaPo-IT OG - Jos De Graeve, Apertoso - Nicolas Rigo, eezee-it - Luis Miguel Varón E, Colorisa S.A - OpenBias - Stanislas Drouin Applicatour

    + +

    Power Designer

    +
    + +

    Rohit Thakral - François Dhommeaux, Ubic Informatique - Judson Alves, Market Home Delivery - Eric Flaux, ABF Osiell - Gilles Dupont - Arnis Putniņš - Johnson Martt, GetOpenERP (Part of OpenStow Technologies) - Gianluca Milano - Daniel Stolovich, ATEL S.A. - Equitania Software GmbH - Senthilnathan G - Houssine Bakkali - Arend Trip - Kevin Woolf, Baba Kevin's American Barbecue Co., Ltd. - toodoo sàrl - Zoltan Gabor 'Apersis' - Tom De Decker, WEB2GO LTD - Nicolás Cavalier Montenegro, STOREGUD CORPORATION SAC - Keirse Jerome - REAL Solutions S.A. - Davide Corio - Brice Muangkhot - Melvin Miguel Martinez, Mendoza Hernandez - Auditores - Chua Wen Ching - Tran Minh Tri working, ungdungtinhoc.com - Badisheng Morena - Sogexis - Josh Wardini - The Tee Shirt Bakery - Bruce Letterle, Red Lab Media - Benoit Vankoningsloo - Francisco Manuel Garcia Claramonte. - Paulina Mikolajczak-Blasco - Collectiv - Tony Fernando - Herbert Riener, rigaConcepts - Kalmen Chia, E-Global SCM Solution Sdn Bhd - Rob North, Pair A Dice Games - David E. Vargas, CloudShop - François Le Gal - Calin Chete (24h Solutions) - Maria Gabriela Fong, MAGA Systems & Consulting - Pascal Behr, Cytosurge AG - Marc Antwertinger - Opencloud Unipessoal, Lda - Ruchir Shukla, BizzAppDev - Michael Hucke, Hucke Media GmbH & Co. KG - Mathias Neef, copadoMEDIA UG - Pablo Arias - Same Motion - livingprocess.de - Habib Ayob - Igor Jovanovic - Liangming Wang, Weixuan Inc. - Jason Au Yeung, Binary System Limited - Fredrik Arvas, Arvas International AB - Martin Temmink, Zigaret - Mathieu Vanneste, Flockdesign - Filip Fruru, Instant Media - Marianne Wilmsmeier, Fabrik Fünf GmbH - Vertex Group Enterprises - Bingen Eguzkitza - Herczeg Péter, InnOpen Group Kft - Giles Hohnen - Luis Felipe Miléo, KMEE - Maria Gabriela Fong, MAGA Systems & Consulting - Aaron Magon, Web Industries - Andrew Trueman, B.M. Trueman & Partners - Sven Petersen, Conexus - Nous Cambas - Oliver Yuan, OpenStone - Henri Ibowili, A-YANT.COM - Nicolas JEUDY - Helmut Drewes - Maik Steinfeld, Streward - Hans Henrik Gabelgaard - AJ Rosman - Eduard - Patrick Darribet, SUDOKEYS - Camptocamp - Cyril Morisse - Alejandro Santana - Eva Pinter, YBO - Mathias Neef, copadoMEDIA UG - Jean-Christophe Perrot, LOGICASOFT - Zarshed Ali, HiTechnologia - Stefan Reisich - Maxime Chambreuil, Savoir-faire Linux - Mario Gielissen, Openworx - Nicholas Burdic, Aptoworks LLC - Olivier Lenoir

    +
    diff --git a/theme_odoo_experts/static/description/odoo_experts_description.png b/theme_odoo_experts/static/description/odoo_experts_description.png new file mode 100644 index 000000000..499c7f088 Binary files /dev/null and b/theme_odoo_experts/static/description/odoo_experts_description.png differ diff --git a/theme_odoo_experts/static/src/img/backgrounds/01.jpg b/theme_odoo_experts/static/src/img/backgrounds/01.jpg new file mode 100644 index 000000000..bd440518e Binary files /dev/null and b/theme_odoo_experts/static/src/img/backgrounds/01.jpg differ diff --git a/theme_odoo_experts/static/src/img/backgrounds/02.jpg b/theme_odoo_experts/static/src/img/backgrounds/02.jpg new file mode 100644 index 000000000..c6bc3fc66 Binary files /dev/null and b/theme_odoo_experts/static/src/img/backgrounds/02.jpg differ diff --git a/theme_odoo_experts/static/src/img/backgrounds/03.jpg b/theme_odoo_experts/static/src/img/backgrounds/03.jpg new file mode 100644 index 000000000..d3627f813 Binary files /dev/null and b/theme_odoo_experts/static/src/img/backgrounds/03.jpg differ diff --git a/theme_odoo_experts/static/src/img/backgrounds/04.jpg b/theme_odoo_experts/static/src/img/backgrounds/04.jpg new file mode 100644 index 000000000..0f7a00cef Binary files /dev/null and b/theme_odoo_experts/static/src/img/backgrounds/04.jpg differ diff --git a/theme_odoo_experts/static/src/img/backgrounds/05.jpg b/theme_odoo_experts/static/src/img/backgrounds/05.jpg new file mode 100644 index 000000000..ff1e9a16b Binary files /dev/null and b/theme_odoo_experts/static/src/img/backgrounds/05.jpg differ diff --git a/theme_odoo_experts/static/src/img/backgrounds/06.jpg b/theme_odoo_experts/static/src/img/backgrounds/06.jpg new file mode 100644 index 000000000..e8377e4f2 Binary files /dev/null and b/theme_odoo_experts/static/src/img/backgrounds/06.jpg differ diff --git a/theme_odoo_experts/static/src/img/backgrounds/07.jpg b/theme_odoo_experts/static/src/img/backgrounds/07.jpg new file mode 100644 index 000000000..eb07e31ba Binary files /dev/null and b/theme_odoo_experts/static/src/img/backgrounds/07.jpg differ diff --git a/theme_odoo_experts/static/src/img/backgrounds/08.jpg b/theme_odoo_experts/static/src/img/backgrounds/08.jpg new file mode 100644 index 000000000..eaa32b59c Binary files /dev/null and b/theme_odoo_experts/static/src/img/backgrounds/08.jpg differ diff --git a/theme_odoo_experts/static/src/img/backgrounds/09.jpg b/theme_odoo_experts/static/src/img/backgrounds/09.jpg new file mode 100644 index 000000000..8b3ea4752 Binary files /dev/null and b/theme_odoo_experts/static/src/img/backgrounds/09.jpg differ diff --git a/theme_odoo_experts/static/src/img/backgrounds/10.jpg b/theme_odoo_experts/static/src/img/backgrounds/10.jpg new file mode 100644 index 000000000..a9c9dba66 Binary files /dev/null and b/theme_odoo_experts/static/src/img/backgrounds/10.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/content_img_01.jpg b/theme_odoo_experts/static/src/img/content/content_img_01.jpg new file mode 100644 index 000000000..91deb36e2 Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/content_img_01.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/content_img_02.jpg b/theme_odoo_experts/static/src/img/content/content_img_02.jpg new file mode 100644 index 000000000..ec4693814 Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/content_img_02.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/content_img_03.jpg b/theme_odoo_experts/static/src/img/content/content_img_03.jpg new file mode 100644 index 000000000..5e11b7e59 Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/content_img_03.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/content_img_04.jpg b/theme_odoo_experts/static/src/img/content/content_img_04.jpg new file mode 100644 index 000000000..1934e923f Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/content_img_04.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/content_img_05.jpg b/theme_odoo_experts/static/src/img/content/content_img_05.jpg new file mode 100644 index 000000000..fc646d8c5 Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/content_img_05.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/content_img_06.jpg b/theme_odoo_experts/static/src/img/content/content_img_06.jpg new file mode 100644 index 000000000..d4e97003c Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/content_img_06.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/content_img_07.jpg b/theme_odoo_experts/static/src/img/content/content_img_07.jpg new file mode 100644 index 000000000..a0730e5ab Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/content_img_07.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/content_img_08.jpg b/theme_odoo_experts/static/src/img/content/content_img_08.jpg new file mode 100644 index 000000000..31c54122a Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/content_img_08.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/content_img_09.jpg b/theme_odoo_experts/static/src/img/content/content_img_09.jpg new file mode 100644 index 000000000..5711a0f12 Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/content_img_09.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/content_img_10.jpg b/theme_odoo_experts/static/src/img/content/content_img_10.jpg new file mode 100644 index 000000000..368da19b0 Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/content_img_10.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/content_img_11.jpg b/theme_odoo_experts/static/src/img/content/content_img_11.jpg new file mode 100644 index 000000000..2e2eab6eb Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/content_img_11.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/content_img_12.jpg b/theme_odoo_experts/static/src/img/content/content_img_12.jpg new file mode 100644 index 000000000..aeb7ad5d4 Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/content_img_12.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/content_logo.png b/theme_odoo_experts/static/src/img/content/content_logo.png new file mode 100644 index 000000000..b1aa89333 Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/content_logo.png differ diff --git a/theme_odoo_experts/static/src/img/content/product_img_01.jpg b/theme_odoo_experts/static/src/img/content/product_img_01.jpg new file mode 100644 index 000000000..6e9dd4b2e Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/product_img_01.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/product_img_02.jpg b/theme_odoo_experts/static/src/img/content/product_img_02.jpg new file mode 100644 index 000000000..54cf70bb2 Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/product_img_02.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/product_img_03.jpg b/theme_odoo_experts/static/src/img/content/product_img_03.jpg new file mode 100644 index 000000000..60761b889 Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/product_img_03.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/product_img_04.jpg b/theme_odoo_experts/static/src/img/content/product_img_04.jpg new file mode 100644 index 000000000..61f3bcfa0 Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/product_img_04.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/product_img_05.jpg b/theme_odoo_experts/static/src/img/content/product_img_05.jpg new file mode 100644 index 000000000..92038c511 Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/product_img_05.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/product_img_06.jpg b/theme_odoo_experts/static/src/img/content/product_img_06.jpg new file mode 100644 index 000000000..3fd4b3728 Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/product_img_06.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/product_img_07.jpg b/theme_odoo_experts/static/src/img/content/product_img_07.jpg new file mode 100644 index 000000000..dfa4fce1e Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/product_img_07.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/product_img_08.jpg b/theme_odoo_experts/static/src/img/content/product_img_08.jpg new file mode 100644 index 000000000..c967ec21f Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/product_img_08.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/product_img_09.jpg b/theme_odoo_experts/static/src/img/content/product_img_09.jpg new file mode 100644 index 000000000..0a6cc43cd Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/product_img_09.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/product_img_10.jpg b/theme_odoo_experts/static/src/img/content/product_img_10.jpg new file mode 100644 index 000000000..a515bfb44 Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/product_img_10.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/product_img_11.jpg b/theme_odoo_experts/static/src/img/content/product_img_11.jpg new file mode 100644 index 000000000..29f8a884c Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/product_img_11.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/product_img_12.jpg b/theme_odoo_experts/static/src/img/content/product_img_12.jpg new file mode 100644 index 000000000..c9d02dc4c Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/product_img_12.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/product_img_13.jpg b/theme_odoo_experts/static/src/img/content/product_img_13.jpg new file mode 100644 index 000000000..a401ded60 Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/product_img_13.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/product_img_14.jpg b/theme_odoo_experts/static/src/img/content/product_img_14.jpg new file mode 100644 index 000000000..56770c833 Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/product_img_14.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/product_img_15.jpg b/theme_odoo_experts/static/src/img/content/product_img_15.jpg new file mode 100644 index 000000000..4a07d9f00 Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/product_img_15.jpg differ diff --git a/theme_odoo_experts/static/src/img/content/product_img_16.jpg b/theme_odoo_experts/static/src/img/content/product_img_16.jpg new file mode 100644 index 000000000..989999238 Binary files /dev/null and b/theme_odoo_experts/static/src/img/content/product_img_16.jpg differ diff --git a/theme_odoo_experts/static/src/img/patterns/pattern_01.png b/theme_odoo_experts/static/src/img/patterns/pattern_01.png new file mode 100644 index 000000000..c5efad072 Binary files /dev/null and b/theme_odoo_experts/static/src/img/patterns/pattern_01.png differ diff --git a/theme_odoo_experts/static/src/img/patterns/pattern_03.png b/theme_odoo_experts/static/src/img/patterns/pattern_03.png new file mode 100644 index 000000000..06d79897b Binary files /dev/null and b/theme_odoo_experts/static/src/img/patterns/pattern_03.png differ diff --git a/theme_odoo_experts/static/src/img/patterns/pattern_05.png b/theme_odoo_experts/static/src/img/patterns/pattern_05.png new file mode 100644 index 000000000..6269c1eeb Binary files /dev/null and b/theme_odoo_experts/static/src/img/patterns/pattern_05.png differ diff --git a/theme_odoo_experts/static/src/img/patterns/pattern_08.png b/theme_odoo_experts/static/src/img/patterns/pattern_08.png new file mode 100644 index 000000000..920c5fc5f Binary files /dev/null and b/theme_odoo_experts/static/src/img/patterns/pattern_08.png differ diff --git a/theme_odoo_experts/static/src/img/patterns/pattern_09.png b/theme_odoo_experts/static/src/img/patterns/pattern_09.png new file mode 100644 index 000000000..808e1609f Binary files /dev/null and b/theme_odoo_experts/static/src/img/patterns/pattern_09.png differ diff --git a/theme_odoo_experts/static/src/img/snippets/s_icon_box_circle.png b/theme_odoo_experts/static/src/img/snippets/s_icon_box_circle.png new file mode 100644 index 000000000..62772c423 Binary files /dev/null and b/theme_odoo_experts/static/src/img/snippets/s_icon_box_circle.png differ diff --git a/theme_odoo_experts/static/src/img/snippets/s_news_carousel.png b/theme_odoo_experts/static/src/img/snippets/s_news_carousel.png new file mode 100644 index 000000000..056627779 Binary files /dev/null and b/theme_odoo_experts/static/src/img/snippets/s_news_carousel.png differ diff --git a/theme_odoo_experts/static/src/img/snippets/s_showcase.png b/theme_odoo_experts/static/src/img/snippets/s_showcase.png new file mode 100644 index 000000000..4d381fe24 Binary files /dev/null and b/theme_odoo_experts/static/src/img/snippets/s_showcase.png differ diff --git a/theme_odoo_experts/static/src/img/snippets/s_team_profiles.less b/theme_odoo_experts/static/src/img/snippets/s_team_profiles.less new file mode 100644 index 000000000..9c0d15cc8 --- /dev/null +++ b/theme_odoo_experts/static/src/img/snippets/s_team_profiles.less @@ -0,0 +1,4 @@ +@s_team_profile_box_bg_color: rgba(255, 255, 255, 0.5); +@s_team_profile_box_border_color: rgba(255, 255, 255, 0.5); + + diff --git a/theme_odoo_experts/static/src/img/snippets/s_team_profiles.png b/theme_odoo_experts/static/src/img/snippets/s_team_profiles.png new file mode 100644 index 000000000..952c3fe69 Binary files /dev/null and b/theme_odoo_experts/static/src/img/snippets/s_team_profiles.png differ diff --git a/theme_odoo_experts/static/src/js/main.js b/theme_odoo_experts/static/src/js/main.js new file mode 100644 index 000000000..59e1dc81a --- /dev/null +++ b/theme_odoo_experts/static/src/js/main.js @@ -0,0 +1,9 @@ +// Affix menu + +$(document).ready(function () { + $('#affixed_nav').affix({ + offset: { + top: $('#affixed_nav').offset().top*4 + } + }); +}); \ No newline at end of file diff --git a/theme_odoo_experts/static/src/less/layout.less b/theme_odoo_experts/static/src/less/layout.less new file mode 100644 index 000000000..9c2d7889d --- /dev/null +++ b/theme_odoo_experts/static/src/less/layout.less @@ -0,0 +1,62 @@ +#wrap { + box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75); +} +.oe_login_form { + .btn-primary { + color: @black; + } +} + +// Affix menu styles + +.navbar-default { + border-bottom: none; + .container { + margin-top: 0; + top: -100px; + &.affix { + top: 0px; + background-color: white; + .box-shadow(@shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3)); + .transition (top 0.5s ease-out); + #top_menu .dropdown-menu { + .box-shadow(@shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.3)); + } + } + li > .dropdown-menu { + margin-top: 0; + li { + height: auto; + &:hover { + border-bottom: none; + background: none; + } + } + } + li:not(.dropdown-menu) { + height: 53px; + + &:hover { + border-bottom: 2px solid @color-epsilon; + } + @media screen and (max-width: 640px) { + height: auto; + } + } + li.active > a { + color: black; + } + .navbar-brand { + height: 53px; + } + } + .container:before { + height: 0px; + } +} + +// Footer + +#wrapwrap > footer .container p { + font-size: 14px; +} \ No newline at end of file diff --git a/theme_odoo_experts/static/src/less/snippets/s_banner_3.less b/theme_odoo_experts/static/src/less/snippets/s_banner_3.less new file mode 100644 index 000000000..14a3eec4e --- /dev/null +++ b/theme_odoo_experts/static/src/less/snippets/s_banner_3.less @@ -0,0 +1,31 @@ +@s_banner_3_carousel_height: 500px; +@s_banner_3_padding: 30px; +@s_banner_3_h1_size: 50px; +@s_banner_3_h2_size: 30px; + +.s_banner_3_row_hook(){ + background-color: transparent; + height: auto; + img { + display: none; + } +} +.s_banner_3_col_center_hook(){ + text-align: center; + width: 400px; + height: auto; + margin-top: 100px; + background-color: rgba(0, 0, 0, .3); + padding-bottom: 20px; + h1, h2 { + color: white; + } + .fa { + transform: none; + font-size: 18px; + } + @media screen and (max-width: 768px) { + width: 100%; + margin-top: 0; + } +} \ No newline at end of file diff --git a/theme_odoo_experts/static/src/less/snippets/s_banner_parallax.less b/theme_odoo_experts/static/src/less/snippets/s_banner_parallax.less new file mode 100644 index 000000000..5598a315f --- /dev/null +++ b/theme_odoo_experts/static/src/less/snippets/s_banner_parallax.less @@ -0,0 +1,16 @@ +@s_banner_parallax_text_color: white; +.s_banner_parallax_row_hook(){ + + .hero-bg:before { + border-top: 0px solid transparent; + } + .hero-bg:after { + border-top: 0px solid transparent; + } +}; +.s_banner_parallax_hero_bg_hook (){ + margin-top: 200px; + @media screen and (max-width: 640px) { + margin-top: 50px; + } +}; diff --git a/theme_odoo_experts/static/src/less/snippets/s_big_icon_circle.less b/theme_odoo_experts/static/src/less/snippets/s_big_icon_circle.less new file mode 100644 index 000000000..54a2da1ee --- /dev/null +++ b/theme_odoo_experts/static/src/less/snippets/s_big_icon_circle.less @@ -0,0 +1 @@ +@s_big_icon_circle_text_color: @gray; \ No newline at end of file diff --git a/theme_odoo_experts/static/src/less/snippets/s_news_carousel.less b/theme_odoo_experts/static/src/less/snippets/s_news_carousel.less new file mode 100644 index 000000000..fe1aba0bd --- /dev/null +++ b/theme_odoo_experts/static/src/less/snippets/s_news_carousel.less @@ -0,0 +1,6 @@ +.s_news_carousel_fa_hook(){ + background-color: transparent; +}; +.s_news_carousel_day_hook(){ + background-color: white; +}; diff --git a/theme_odoo_experts/static/src/less/snippets/s_three_columns.less b/theme_odoo_experts/static/src/less/snippets/s_three_columns.less new file mode 100644 index 000000000..18ab0b71f --- /dev/null +++ b/theme_odoo_experts/static/src/less/snippets/s_three_columns.less @@ -0,0 +1,13 @@ +.s_three_columns { + padding-top: 80px !important; + img { + margin: 0 auto; + border-radius: 0; + } + .container { + width: 100%; + } + h4 { + text-align: center; + } +} \ No newline at end of file diff --git a/theme_odoo_experts/views/assets.xml b/theme_odoo_experts/views/assets.xml new file mode 100644 index 000000000..21009b297 --- /dev/null +++ b/theme_odoo_experts/views/assets.xml @@ -0,0 +1,34 @@ + + + + + + + open + + + + + + + + + + + \ No newline at end of file diff --git a/theme_odoo_experts/views/images.xml b/theme_odoo_experts/views/images.xml new file mode 100644 index 000000000..9d223146e --- /dev/null +++ b/theme_odoo_experts/views/images.xml @@ -0,0 +1,151 @@ + + + + + + + + /theme_odoo_experts/static/src/img/backgrounds/01.jpg + + + + /theme_odoo_experts/static/src/img/backgrounds/02.jpg + + + + /theme_odoo_experts/static/src/img/backgrounds/03.jpg + + + + /theme_odoo_experts/static/src/img/backgrounds/04.jpg + + + + /theme_odoo_experts/static/src/img/backgrounds/05.jpg + + + + /theme_odoo_experts/static/src/img/backgrounds/06.jpg + + + + /theme_odoo_experts/static/src/img/backgrounds/07.jpg + + + + /theme_odoo_experts/static/src/img/backgrounds/08.jpg + + + + /theme_odoo_experts/static/src/img/backgrounds/09.jpg + + + + /theme_odoo_experts/static/src/img/backgrounds/10.jpg + + + + + + + + /theme_odoo_experts/static/src/img/content/content_img_01.jpg + + + + /theme_odoo_experts/static/src/img/content/content_img_02.jpg + + + + /theme_odoo_experts/static/src/img/content/content_img_03.jpg + + + + /theme_odoo_experts/static/src/img/content/content_img_04.jpg + + + + /theme_odoo_experts/static/src/img/content/content_img_05.jpg + + + + /theme_odoo_experts/static/src/img/content/content_img_06.jpg + + + + /theme_odoo_experts/static/src/img/content/content_img_07.jpg + + + + /theme_odoo_experts/static/src/img/content/content_img_08.jpg + + + + /theme_odoo_experts/static/src/img/content/content_img_09.jpg + + + + /theme_odoo_experts/static/src/img/content/content_img_10.jpg + + + + /theme_odoo_experts/static/src/img/content/content_img_11.jpg + + + + /theme_odoo_experts/static/src/img/content/content_img_12.jpg + + + + + + /theme_odoo_experts/static/src/img/content/product_img_01.jpg + + + + /theme_odoo_experts/static/src/img/content/product_img_02.jpg + + + + /theme_odoo_experts/static/src/img/content/product_img_03.jpg + + + + /theme_odoo_experts/static/src/img/content/product_img_04.jpg + + + + /theme_odoo_experts/static/src/img/content/product_img_05.jpg + + + + /theme_odoo_experts/static/src/img/content/product_img_06.jpg + + + + /theme_odoo_experts/static/src/img/content/product_img_07.jpg + + + + /theme_odoo_experts/static/src/img/content/product_img_08.jpg + + + + /theme_odoo_experts/static/src/img/content/product_img_09.jpg + + + + /theme_odoo_experts/static/src/img/content/product_img_10.jpg + + + + /theme_odoo_experts/static/src/img/content/product_img_11.jpg + + + + \ No newline at end of file diff --git a/theme_odoo_experts/views/layout.xml b/theme_odoo_experts/views/layout.xml new file mode 100644 index 000000000..f0bca3fe6 --- /dev/null +++ b/theme_odoo_experts/views/layout.xml @@ -0,0 +1,15 @@ + + + + + + + + + + \ No newline at end of file diff --git a/theme_odoo_experts/views/preset.xml b/theme_odoo_experts/views/preset.xml new file mode 100644 index 000000000..a19f656b4 --- /dev/null +++ b/theme_odoo_experts/views/preset.xml @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/theme_odoo_experts/views/snippets.xml b/theme_odoo_experts/views/snippets.xml new file mode 100644 index 000000000..dbda08788 --- /dev/null +++ b/theme_odoo_experts/views/snippets.xml @@ -0,0 +1,13 @@ + + + + + + + + diff --git a/theme_odoo_experts_sale/LICENSE b/theme_odoo_experts_sale/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_odoo_experts_sale/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_odoo_experts_sale/__init__.py b/theme_odoo_experts_sale/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_odoo_experts_sale/__openerp__.py b/theme_odoo_experts_sale/__openerp__.py new file mode 100644 index 000000000..54b93b001 --- /dev/null +++ b/theme_odoo_experts_sale/__openerp__.py @@ -0,0 +1,12 @@ +{ + 'name': 'Theme Odoo Experts eCommerce Plugin', + 'description': 'Odoo Experts eCommerce Plugin', + 'category': 'Hidden', + 'version': '1.0', + 'author': 'Odoo S.A.', + 'depends': ['theme_loftspace_sale', 'theme_odoo_experts'], + 'demo': [ + 'demo/products.xml', + ], + 'auto_install': True, +} \ No newline at end of file diff --git a/theme_odoo_experts_sale/demo/products.xml b/theme_odoo_experts_sale/demo/products.xml new file mode 100644 index 000000000..cc6955196 --- /dev/null +++ b/theme_odoo_experts_sale/demo/products.xml @@ -0,0 +1,232 @@ + + + + + + + + + + + + + + + + + + + Softwares + + + + CMS + + + + CRM + + + + Graphic Softwares + + + + Editors + + + + Info Products + + + + Email Marketing + + + + Google Adwords + + + + Google Analytics + + + + Social Networking + + + + Facebook Campaign + + + + Twitter Campaign + + + + + + + + + + + + + + + + + + + + + + + CMS Software 1 + + 299.0 + + + 1 + 2 + + + CMS Software 2 + + 399.0 + + + 1 + 2 + + + CRM Software 1 + + 159.0 + + + 1 + 2 + + + CRM Software 2 + + 259.0 + + + 1 + 2 + + + Graphic Software 1 + + 499.0 + + + 1 + 2 + + + Graphic Software 2 + + 699.0 + + + 1 + 2 + + + Editor Software + + 59.0 + + + 1 + 2 + + + Email Marketing Info Product 1 + + 29.0 + + + 1 + 2 + + + Email Marketing Info Product 2 + + 33.0 + + + 1 + 2 + + + Google Adwords Info Product 1 + + 39.0 + + + 1 + 2 + + + Google Adwords Info Product 2 + + 49.0 + + + 1 + 2 + + + Google Analytics Info Product + + 29.0 + + + 1 + 2 + + + Social Network Info Product 1 + + 59.0 + + + 1 + 2 + + + Social Network Info Product 2 + + 79.0 + + + 1 + 2 + + + Facebook Info Product + + 42.0 + + + 1 + 2 + + + Twitter Info Product + + 41.0 + + + 1 + 2 + + + + + diff --git a/theme_orchid/LICENSE b/theme_orchid/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_orchid/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_orchid/__init__.py b/theme_orchid/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_orchid/__openerp__.py b/theme_orchid/__openerp__.py new file mode 100644 index 000000000..cc48528fa --- /dev/null +++ b/theme_orchid/__openerp__.py @@ -0,0 +1,22 @@ +{ + 'name': 'Orchid Theme', + 'description': 'Orchid Theme - Flowers, Beauty', + 'category': 'Theme/Retail', + 'version': '1.0', + 'author': 'Odoo SA', + 'depends': ['theme_loftspace', 'website_animate'], + 'data': [ + 'views/assets.xml', + 'views/images.xml', + 'views/preset.xml', + ], + 'demo': [ + 'demo/demo.xml', + ], + 'images': [ + 'static/description/orchid_description.png', + ], + 'price': 4, + 'currency': 'EUR', + 'live_test_url': 'https://theme-orchid.odoo.com', +} diff --git a/theme_orchid/demo/demo.xml b/theme_orchid/demo/demo.xml new file mode 100644 index 000000000..79932136b --- /dev/null +++ b/theme_orchid/demo/demo.xml @@ -0,0 +1,569 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_orchid/doc/index.rst b/theme_orchid/doc/index.rst new file mode 100644 index 000000000..9f4dd865e --- /dev/null +++ b/theme_orchid/doc/index.rst @@ -0,0 +1,34 @@ +You need to install the *Less CSS* compiler to run this theme + +* on Linux, use your distribution's package manager to install nodejs and npm. + * In debian wheezy and Ubuntu 13.10 and before you need to install nodejs manually: + + .. code-block:: console + + $ wget -qO- https://deb.nodesource.com/setup | bash - + $ apt-get install -y nodejs + + * In later debian (>jessie) and ubuntu (>14.04) you may need to add a symlink as npm packages call ``node`` but debian calls the binary ``nodejs`` + + .. code-block:: console + + $ apt-get install -y npm + $ sudo ln -s /usr/bin/nodejs /usr/bin/node + + * Once npm is installed, use it to install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on OS X, install nodejs via your preferred package manager (`homebrew `_, `macports `_) then install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on Windows, `install nodejs `_, reboot (to update the `PATH`) and install less and less-plugin-clean-css: + + .. code-block:: ps1 + + C:\> npm install -g less less-plugin-clean-css diff --git a/theme_orchid/static/description/contributors/applicatour.jpg b/theme_orchid/static/description/contributors/applicatour.jpg new file mode 100644 index 000000000..977d9052f Binary files /dev/null and b/theme_orchid/static/description/contributors/applicatour.jpg differ diff --git a/theme_orchid/static/description/contributors/aselcis.jpg b/theme_orchid/static/description/contributors/aselcis.jpg new file mode 100644 index 000000000..9fbc0f3c1 Binary files /dev/null and b/theme_orchid/static/description/contributors/aselcis.jpg differ diff --git a/theme_orchid/static/description/contributors/bas-solutions.png b/theme_orchid/static/description/contributors/bas-solutions.png new file mode 100644 index 000000000..c64c5359a Binary files /dev/null and b/theme_orchid/static/description/contributors/bas-solutions.png differ diff --git a/theme_orchid/static/description/contributors/bloopark.png b/theme_orchid/static/description/contributors/bloopark.png new file mode 100644 index 000000000..4ce0327d8 Binary files /dev/null and b/theme_orchid/static/description/contributors/bloopark.png differ diff --git a/theme_orchid/static/description/contributors/brouwland.jpg b/theme_orchid/static/description/contributors/brouwland.jpg new file mode 100644 index 000000000..8fe4a1441 Binary files /dev/null and b/theme_orchid/static/description/contributors/brouwland.jpg differ diff --git a/theme_orchid/static/description/contributors/catsdogs.png b/theme_orchid/static/description/contributors/catsdogs.png new file mode 100644 index 000000000..f4d03e63d Binary files /dev/null and b/theme_orchid/static/description/contributors/catsdogs.png differ diff --git a/theme_orchid/static/description/contributors/dialognet.png b/theme_orchid/static/description/contributors/dialognet.png new file mode 100644 index 000000000..831a1a9c3 Binary files /dev/null and b/theme_orchid/static/description/contributors/dialognet.png differ diff --git a/theme_orchid/static/description/contributors/dynapps.jpg b/theme_orchid/static/description/contributors/dynapps.jpg new file mode 100644 index 000000000..5854230c4 Binary files /dev/null and b/theme_orchid/static/description/contributors/dynapps.jpg differ diff --git a/theme_orchid/static/description/contributors/huckemedia.png b/theme_orchid/static/description/contributors/huckemedia.png new file mode 100644 index 000000000..2106c34b0 Binary files /dev/null and b/theme_orchid/static/description/contributors/huckemedia.png differ diff --git a/theme_orchid/static/description/contributors/opusvl.png b/theme_orchid/static/description/contributors/opusvl.png new file mode 100644 index 000000000..f1f25f120 Binary files /dev/null and b/theme_orchid/static/description/contributors/opusvl.png differ diff --git a/theme_orchid/static/description/contributors/oxen.jpg b/theme_orchid/static/description/contributors/oxen.jpg new file mode 100644 index 000000000..0cb41eb9f Binary files /dev/null and b/theme_orchid/static/description/contributors/oxen.jpg differ diff --git a/theme_orchid/static/description/contributors/simplitco.jpg b/theme_orchid/static/description/contributors/simplitco.jpg new file mode 100644 index 000000000..152bbf277 Binary files /dev/null and b/theme_orchid/static/description/contributors/simplitco.jpg differ diff --git a/theme_orchid/static/description/contributors/sodexis.jpg b/theme_orchid/static/description/contributors/sodexis.jpg new file mode 100644 index 000000000..12f1d8ecd Binary files /dev/null and b/theme_orchid/static/description/contributors/sodexis.jpg differ diff --git a/theme_orchid/static/description/contributors/tech-receptives.png b/theme_orchid/static/description/contributors/tech-receptives.png new file mode 100644 index 000000000..c441f44db Binary files /dev/null and b/theme_orchid/static/description/contributors/tech-receptives.png differ diff --git a/theme_orchid/static/description/contributors/vauxoo.png b/theme_orchid/static/description/contributors/vauxoo.png new file mode 100644 index 000000000..7e83d3148 Binary files /dev/null and b/theme_orchid/static/description/contributors/vauxoo.png differ diff --git a/theme_orchid/static/description/customtool.jpg b/theme_orchid/static/description/customtool.jpg new file mode 100644 index 000000000..1e15995ad Binary files /dev/null and b/theme_orchid/static/description/customtool.jpg differ diff --git a/theme_orchid/static/description/customtool2.jpg b/theme_orchid/static/description/customtool2.jpg new file mode 100644 index 000000000..4cde1a77c Binary files /dev/null and b/theme_orchid/static/description/customtool2.jpg differ diff --git a/theme_orchid/static/description/icon.png b/theme_orchid/static/description/icon.png new file mode 100644 index 000000000..621b17840 Binary files /dev/null and b/theme_orchid/static/description/icon.png differ diff --git a/theme_orchid/static/description/index.html b/theme_orchid/static/description/index.html new file mode 100644 index 000000000..d56de5f30 --- /dev/null +++ b/theme_orchid/static/description/index.html @@ -0,0 +1,213 @@ +
    +

    Html5 Responsive Bootstrap Theme for Odoo CMS

    +
    + +

    Orchid is a professional responsive HTML5 theme, built using Bootstrap3, + the most popular front-end framework for developing responsive, mobile + first projects on the web. Just drag & drop the new building blocks + you need to easily build your layout. All layouts are made of sections, + that you can easily combine to fit your specific project.

    + +
    + +

    Orchid Customization Tool

    +

    Theme Orchid comes with customization tools. You can easily change + the background, the colors and the font combination of your website or + you a preset.

    + +
    +
    + +
    +
    +

    Theme Orchid comes with a lot of options

    +
      +
    • WIDE OR BOXED LAYOUT
      • +
    • 6 COLOR SCHEMES
      • +
    • 8 BACKGROUND SHADES OR USE YOUR OWN
      • +
    • 6 FONT COMBINATIONS
      • +
    • 10 BACKGROUND PATTERNS
      • +
    +

    All the background, color and font combinations were made to work together.  + You can not go wrong with the settings.

    + +

    Minimalistic Flat Design

    +

    Orchid was made with easy customization and branding in mind. Based on + simple, modern and typographical elements, it allows you to easily customize + your website.

    + +

    6 Prebuild Presets

    +

    You don't have the time to play with options? Don't worry, Orchid gives + you six full presets wich combine colors, fonts and background.

    + +

    This theme has an additional eCommerce plugin.

    +
    +
    +
    + +

    Orchid Building Blocks

    + +

    You get a new complete range of building blocks.

    + +
    +
    +

    STRUCTURE BLOCKS

    +
      +
    • Custom Banner
      • +
    • Big Picture + Text
      • +
    • Text + Big Picture
      • +
    • Cubes
      • +
    • Cubes Reversed
      • +
    • Features Slideshow
      • +
    • Header + Text + Picture
      • +
    • Product List
      • +
    • Text + Image + Text
      • +
    • Parallax Banner
      • +
    • 2 Color Blocks
      • +
    • 4 Color Blocks
      • +
    • Numbers
      • +
    • Timeline
      • +
    • Event List
      • +
    • Logos Bar
      • +
    • Testimonial Slider
      • +
    • Progress
      • +
    • Big Circle Icons
      • +
    +

    EFFECT BLOCKS

    +
      +
    • Big Image Parallax
      • +
    +
    +
    +

    Customize Your Blocks

    +

    Each building blocks comes with its own options. 

    +
    +

    CONTENT BLOCKS

    +
      +
    • Title
      • +
    • 1 Column Text
      • +
    • 2 Column Text
      • +
    • 3 Column Text
      • +
    • 4 Column Text
      • +
    • Custom Button
      • +
    • Separator Block
      • +
    +

    FEATURES BLOCKS

    +
      +
    • Slide Banner
      • +
    • Slideshow with products
      • +
    +
    +
    + +

    Some fonts might not work with extended charsets.

    +

    The images in the theme are copyrighted and can't be used outside of the odoo.com domain.

    +
    + +

    CONTRIBUTORS LIST

    +
    + +

    This theme was created with the help of our user community.

    + +

    Thanks to our backers the Indiegogo campaign was a success!

    + +

    https://www.indiegogo.com/projects/bootstrap-themes-for-odoo-cms/

    +
    + +

    Main Sponsor

    +
    + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + +

    Ross Whiting, Oxenworkwear - Hans Balis - Stephan Keller, Sodexis, Inc. - Michael Hucke, Hucke Media GmbH & Co. KG - Joachim Grubelnik, DaDi EDV GmbH​ datadialog.net - DynApps - Cats&Dogs bvba - Bloopark systems GmbH & Co. KG - Parthiv Patel, Tech Receptives Solutions Pvt. Ltd. - Stuart Mackintosh, OpusVL - Erwin van der Ploeg, BAS Solutions - ali Zuaby, simplit co - Aselcis Consulting - Nhomar Hernandez, Vauxoo

    + +

    Sponsor

    +
    + +

    Robert Baumgartner, datenpol gmbh - openBIG - Russell Phillippe, Protogenos Ltd - Julien Allo, Julius - EasyPME - Jonathan Wilson, WillowIT Pty Ltd - Xavier Mallein, MAallein - Pedro M. Baeza, Serv. Tecnol. Avanzados - Daniel Dico, OERP Canada - Jantz Business Group b.v. - LogicaSoft Consulting - Eric Caudal, Elico Corp - Ermin Trevisan, Twanda - Jean-François Mattler, OpenFid SAS - Alex Ferrer, Lannex IT Solutions - Tony Gu, Shine IT Co. Ltd. 先安科技 - TaPo-IT OG - Jos De Graeve, Apertoso - Nicolas Rigo, eezee-it - Luis Miguel Varón E, Colorisa S.A - OpenBias - Stanislas Drouin Applicatour

    + +

    Power Designer

    +
    + +

    Rohit Thakral - François Dhommeaux, Ubic Informatique - Judson Alves, Market Home Delivery - Eric Flaux, ABF Osiell - Gilles Dupont - Arnis Putniņš - Johnson Martt, GetOpenERP (Part of OpenStow Technologies) - Gianluca Milano - Daniel Stolovich, ATEL S.A. - Equitania Software GmbH - Senthilnathan G - Houssine Bakkali - Arend Trip - Kevin Woolf, Baba Kevin's American Barbecue Co., Ltd. - toodoo sàrl - Zoltan Gabor 'Apersis' - Tom De Decker, WEB2GO LTD - Nicolás Cavalier Montenegro, STOREGUD CORPORATION SAC - Keirse Jerome - REAL Solutions S.A. - Davide Corio - Brice Muangkhot - Melvin Miguel Martinez, Mendoza Hernandez - Auditores - Chua Wen Ching - Tran Minh Tri working, ungdungtinhoc.com - Badisheng Morena - Sogexis - Josh Wardini - The Tee Shirt Bakery - Bruce Letterle, Red Lab Media - Benoit Vankoningsloo - Francisco Manuel Garcia Claramonte. - Paulina Mikolajczak-Blasco - Collectiv - Tony Fernando - Herbert Riener, rigaConcepts - Kalmen Chia, E-Global SCM Solution Sdn Bhd - Rob North, Pair A Dice Games - David E. Vargas, CloudShop - François Le Gal - Calin Chete (24h Solutions) - Maria Gabriela Fong, MAGA Systems & Consulting - Pascal Behr, Cytosurge AG - Marc Antwertinger - Opencloud Unipessoal, Lda - Ruchir Shukla, BizzAppDev - Michael Hucke, Hucke Media GmbH & Co. KG - Mathias Neef, copadoMEDIA UG - Pablo Arias - Same Motion - livingprocess.de - Habib Ayob - Igor Jovanovic - Liangming Wang, Weixuan Inc. - Jason Au Yeung, Binary System Limited - Fredrik Arvas, Arvas International AB - Martin Temmink, Zigaret - Mathieu Vanneste, Flockdesign - Filip Fruru, Instant Media - Marianne Wilmsmeier, Fabrik Fünf GmbH - Vertex Group Enterprises - Bingen Eguzkitza - Herczeg Péter, InnOpen Group Kft - Giles Hohnen - Luis Felipe Miléo, KMEE - Maria Gabriela Fong, MAGA Systems & Consulting - Aaron Magon, Web Industries - Andrew Trueman, B.M. Trueman & Partners - Sven Petersen, Conexus - Nous Cambas - Oliver Yuan, OpenStone - Henri Ibowili, A-YANT.COM - Nicolas JEUDY - Helmut Drewes - Maik Steinfeld, Streward - Hans Henrik Gabelgaard - AJ Rosman - Eduard - Patrick Darribet, SUDOKEYS - Camptocamp - Cyril Morisse - Alejandro Santana - Eva Pinter, YBO - Mathias Neef, copadoMEDIA UG - Jean-Christophe Perrot, LOGICASOFT - Zarshed Ali, HiTechnologia - Stefan Reisich - Maxime Chambreuil, Savoir-faire Linux - Mario Gielissen, Openworx - Nicholas Burdic, Aptoworks LLC - Olivier Lenoir

    +
    diff --git a/theme_orchid/static/description/orchid_description.png b/theme_orchid/static/description/orchid_description.png new file mode 100644 index 000000000..7c3b2ee54 Binary files /dev/null and b/theme_orchid/static/description/orchid_description.png differ diff --git a/theme_orchid/static/src/img/backgrounds/01.jpg b/theme_orchid/static/src/img/backgrounds/01.jpg new file mode 100644 index 000000000..b96346052 Binary files /dev/null and b/theme_orchid/static/src/img/backgrounds/01.jpg differ diff --git a/theme_orchid/static/src/img/backgrounds/02.jpg b/theme_orchid/static/src/img/backgrounds/02.jpg new file mode 100644 index 000000000..c41611d87 Binary files /dev/null and b/theme_orchid/static/src/img/backgrounds/02.jpg differ diff --git a/theme_orchid/static/src/img/backgrounds/03.jpg b/theme_orchid/static/src/img/backgrounds/03.jpg new file mode 100644 index 000000000..b90c83373 Binary files /dev/null and b/theme_orchid/static/src/img/backgrounds/03.jpg differ diff --git a/theme_orchid/static/src/img/backgrounds/04.jpg b/theme_orchid/static/src/img/backgrounds/04.jpg new file mode 100644 index 000000000..881d4b1fd Binary files /dev/null and b/theme_orchid/static/src/img/backgrounds/04.jpg differ diff --git a/theme_orchid/static/src/img/backgrounds/05.jpg b/theme_orchid/static/src/img/backgrounds/05.jpg new file mode 100644 index 000000000..9b8219847 Binary files /dev/null and b/theme_orchid/static/src/img/backgrounds/05.jpg differ diff --git a/theme_orchid/static/src/img/backgrounds/06.jpg b/theme_orchid/static/src/img/backgrounds/06.jpg new file mode 100644 index 000000000..d18f2de90 Binary files /dev/null and b/theme_orchid/static/src/img/backgrounds/06.jpg differ diff --git a/theme_orchid/static/src/img/backgrounds/07.jpg b/theme_orchid/static/src/img/backgrounds/07.jpg new file mode 100644 index 000000000..48b03aa83 Binary files /dev/null and b/theme_orchid/static/src/img/backgrounds/07.jpg differ diff --git a/theme_orchid/static/src/img/backgrounds/08.jpg b/theme_orchid/static/src/img/backgrounds/08.jpg new file mode 100644 index 000000000..859a3b648 Binary files /dev/null and b/theme_orchid/static/src/img/backgrounds/08.jpg differ diff --git a/theme_orchid/static/src/img/backgrounds/09.jpg b/theme_orchid/static/src/img/backgrounds/09.jpg new file mode 100644 index 000000000..d7179c2f8 Binary files /dev/null and b/theme_orchid/static/src/img/backgrounds/09.jpg differ diff --git a/theme_orchid/static/src/img/backgrounds/10.jpg b/theme_orchid/static/src/img/backgrounds/10.jpg new file mode 100644 index 000000000..79dc82e91 Binary files /dev/null and b/theme_orchid/static/src/img/backgrounds/10.jpg differ diff --git a/theme_orchid/static/src/img/content/content_img_01.jpg b/theme_orchid/static/src/img/content/content_img_01.jpg new file mode 100644 index 000000000..a74376b4f Binary files /dev/null and b/theme_orchid/static/src/img/content/content_img_01.jpg differ diff --git a/theme_orchid/static/src/img/content/content_img_02.jpg b/theme_orchid/static/src/img/content/content_img_02.jpg new file mode 100644 index 000000000..bf844ef32 Binary files /dev/null and b/theme_orchid/static/src/img/content/content_img_02.jpg differ diff --git a/theme_orchid/static/src/img/content/content_img_03.jpg b/theme_orchid/static/src/img/content/content_img_03.jpg new file mode 100644 index 000000000..071996399 Binary files /dev/null and b/theme_orchid/static/src/img/content/content_img_03.jpg differ diff --git a/theme_orchid/static/src/img/content/content_img_04.jpg b/theme_orchid/static/src/img/content/content_img_04.jpg new file mode 100644 index 000000000..5602305b7 Binary files /dev/null and b/theme_orchid/static/src/img/content/content_img_04.jpg differ diff --git a/theme_orchid/static/src/img/content/content_img_05.jpg b/theme_orchid/static/src/img/content/content_img_05.jpg new file mode 100644 index 000000000..6211a5325 Binary files /dev/null and b/theme_orchid/static/src/img/content/content_img_05.jpg differ diff --git a/theme_orchid/static/src/img/content/content_img_06.jpg b/theme_orchid/static/src/img/content/content_img_06.jpg new file mode 100644 index 000000000..46f904aee Binary files /dev/null and b/theme_orchid/static/src/img/content/content_img_06.jpg differ diff --git a/theme_orchid/static/src/img/content/content_img_07.jpg b/theme_orchid/static/src/img/content/content_img_07.jpg new file mode 100644 index 000000000..a29e94141 Binary files /dev/null and b/theme_orchid/static/src/img/content/content_img_07.jpg differ diff --git a/theme_orchid/static/src/img/content/content_img_08.jpg b/theme_orchid/static/src/img/content/content_img_08.jpg new file mode 100644 index 000000000..1996c67e7 Binary files /dev/null and b/theme_orchid/static/src/img/content/content_img_08.jpg differ diff --git a/theme_orchid/static/src/img/content/content_img_09.jpg b/theme_orchid/static/src/img/content/content_img_09.jpg new file mode 100644 index 000000000..1ff3a4225 Binary files /dev/null and b/theme_orchid/static/src/img/content/content_img_09.jpg differ diff --git a/theme_orchid/static/src/img/content/content_img_10.jpg b/theme_orchid/static/src/img/content/content_img_10.jpg new file mode 100644 index 000000000..d91d5c822 Binary files /dev/null and b/theme_orchid/static/src/img/content/content_img_10.jpg differ diff --git a/theme_orchid/static/src/img/content/content_img_11.jpg b/theme_orchid/static/src/img/content/content_img_11.jpg new file mode 100644 index 000000000..9349a9f24 Binary files /dev/null and b/theme_orchid/static/src/img/content/content_img_11.jpg differ diff --git a/theme_orchid/static/src/img/content/content_img_12.jpg b/theme_orchid/static/src/img/content/content_img_12.jpg new file mode 100644 index 000000000..51947816b Binary files /dev/null and b/theme_orchid/static/src/img/content/content_img_12.jpg differ diff --git a/theme_orchid/static/src/img/content/content_logo.png b/theme_orchid/static/src/img/content/content_logo.png new file mode 100644 index 000000000..b1aa89333 Binary files /dev/null and b/theme_orchid/static/src/img/content/content_logo.png differ diff --git a/theme_orchid/static/src/img/content/product_img_01.jpg b/theme_orchid/static/src/img/content/product_img_01.jpg new file mode 100644 index 000000000..eaed1bcac Binary files /dev/null and b/theme_orchid/static/src/img/content/product_img_01.jpg differ diff --git a/theme_orchid/static/src/img/content/product_img_02.jpg b/theme_orchid/static/src/img/content/product_img_02.jpg new file mode 100644 index 000000000..e7c4bc389 Binary files /dev/null and b/theme_orchid/static/src/img/content/product_img_02.jpg differ diff --git a/theme_orchid/static/src/img/content/product_img_03.jpg b/theme_orchid/static/src/img/content/product_img_03.jpg new file mode 100644 index 000000000..29e56dd0c Binary files /dev/null and b/theme_orchid/static/src/img/content/product_img_03.jpg differ diff --git a/theme_orchid/static/src/img/content/product_img_04.jpg b/theme_orchid/static/src/img/content/product_img_04.jpg new file mode 100644 index 000000000..5f7c0b5ee Binary files /dev/null and b/theme_orchid/static/src/img/content/product_img_04.jpg differ diff --git a/theme_orchid/static/src/img/content/product_img_05.jpg b/theme_orchid/static/src/img/content/product_img_05.jpg new file mode 100644 index 000000000..de2a43e54 Binary files /dev/null and b/theme_orchid/static/src/img/content/product_img_05.jpg differ diff --git a/theme_orchid/static/src/img/content/product_img_06.jpg b/theme_orchid/static/src/img/content/product_img_06.jpg new file mode 100644 index 000000000..967673582 Binary files /dev/null and b/theme_orchid/static/src/img/content/product_img_06.jpg differ diff --git a/theme_orchid/static/src/img/content/product_img_07.jpg b/theme_orchid/static/src/img/content/product_img_07.jpg new file mode 100644 index 000000000..d2ec24ae4 Binary files /dev/null and b/theme_orchid/static/src/img/content/product_img_07.jpg differ diff --git a/theme_orchid/static/src/img/content/product_img_08.jpg b/theme_orchid/static/src/img/content/product_img_08.jpg new file mode 100644 index 000000000..c47b53929 Binary files /dev/null and b/theme_orchid/static/src/img/content/product_img_08.jpg differ diff --git a/theme_orchid/static/src/img/content/product_img_09.jpg b/theme_orchid/static/src/img/content/product_img_09.jpg new file mode 100644 index 000000000..4ec371c5a Binary files /dev/null and b/theme_orchid/static/src/img/content/product_img_09.jpg differ diff --git a/theme_orchid/static/src/img/content/product_img_10.jpg b/theme_orchid/static/src/img/content/product_img_10.jpg new file mode 100644 index 000000000..8e6f7f046 Binary files /dev/null and b/theme_orchid/static/src/img/content/product_img_10.jpg differ diff --git a/theme_orchid/static/src/img/content/product_img_11.jpg b/theme_orchid/static/src/img/content/product_img_11.jpg new file mode 100644 index 000000000..a66a59b3c Binary files /dev/null and b/theme_orchid/static/src/img/content/product_img_11.jpg differ diff --git a/theme_orchid/static/src/img/content/product_img_12.jpg b/theme_orchid/static/src/img/content/product_img_12.jpg new file mode 100644 index 000000000..eddca2141 Binary files /dev/null and b/theme_orchid/static/src/img/content/product_img_12.jpg differ diff --git a/theme_orchid/static/src/img/content/product_img_13.jpg b/theme_orchid/static/src/img/content/product_img_13.jpg new file mode 100644 index 000000000..b32588297 Binary files /dev/null and b/theme_orchid/static/src/img/content/product_img_13.jpg differ diff --git a/theme_orchid/static/src/img/content/product_img_14.jpg b/theme_orchid/static/src/img/content/product_img_14.jpg new file mode 100644 index 000000000..61d99bc56 Binary files /dev/null and b/theme_orchid/static/src/img/content/product_img_14.jpg differ diff --git a/theme_orchid/static/src/img/content/product_img_15.jpg b/theme_orchid/static/src/img/content/product_img_15.jpg new file mode 100644 index 000000000..bbbb21d9e Binary files /dev/null and b/theme_orchid/static/src/img/content/product_img_15.jpg differ diff --git a/theme_orchid/static/src/img/content/product_img_16.jpg b/theme_orchid/static/src/img/content/product_img_16.jpg new file mode 100644 index 000000000..8af12452d Binary files /dev/null and b/theme_orchid/static/src/img/content/product_img_16.jpg differ diff --git a/theme_orchid/static/src/img/products/product_img_01.jpg b/theme_orchid/static/src/img/products/product_img_01.jpg new file mode 100644 index 000000000..eaed1bcac Binary files /dev/null and b/theme_orchid/static/src/img/products/product_img_01.jpg differ diff --git a/theme_orchid/static/src/img/products/product_img_02.jpg b/theme_orchid/static/src/img/products/product_img_02.jpg new file mode 100644 index 000000000..e7c4bc389 Binary files /dev/null and b/theme_orchid/static/src/img/products/product_img_02.jpg differ diff --git a/theme_orchid/static/src/img/products/product_img_03.jpg b/theme_orchid/static/src/img/products/product_img_03.jpg new file mode 100644 index 000000000..29e56dd0c Binary files /dev/null and b/theme_orchid/static/src/img/products/product_img_03.jpg differ diff --git a/theme_orchid/static/src/img/products/product_img_04.jpg b/theme_orchid/static/src/img/products/product_img_04.jpg new file mode 100644 index 000000000..5f7c0b5ee Binary files /dev/null and b/theme_orchid/static/src/img/products/product_img_04.jpg differ diff --git a/theme_orchid/static/src/img/products/product_img_05.jpg b/theme_orchid/static/src/img/products/product_img_05.jpg new file mode 100644 index 000000000..de2a43e54 Binary files /dev/null and b/theme_orchid/static/src/img/products/product_img_05.jpg differ diff --git a/theme_orchid/static/src/img/products/product_img_06.jpg b/theme_orchid/static/src/img/products/product_img_06.jpg new file mode 100644 index 000000000..967673582 Binary files /dev/null and b/theme_orchid/static/src/img/products/product_img_06.jpg differ diff --git a/theme_orchid/static/src/img/products/product_img_07.jpg b/theme_orchid/static/src/img/products/product_img_07.jpg new file mode 100644 index 000000000..d2ec24ae4 Binary files /dev/null and b/theme_orchid/static/src/img/products/product_img_07.jpg differ diff --git a/theme_orchid/static/src/img/products/product_img_08.jpg b/theme_orchid/static/src/img/products/product_img_08.jpg new file mode 100644 index 000000000..c47b53929 Binary files /dev/null and b/theme_orchid/static/src/img/products/product_img_08.jpg differ diff --git a/theme_orchid/static/src/img/products/product_img_09.jpg b/theme_orchid/static/src/img/products/product_img_09.jpg new file mode 100644 index 000000000..4ec371c5a Binary files /dev/null and b/theme_orchid/static/src/img/products/product_img_09.jpg differ diff --git a/theme_orchid/static/src/img/products/product_img_10.jpg b/theme_orchid/static/src/img/products/product_img_10.jpg new file mode 100644 index 000000000..8e6f7f046 Binary files /dev/null and b/theme_orchid/static/src/img/products/product_img_10.jpg differ diff --git a/theme_orchid/static/src/img/products/product_img_11.jpg b/theme_orchid/static/src/img/products/product_img_11.jpg new file mode 100644 index 000000000..a66a59b3c Binary files /dev/null and b/theme_orchid/static/src/img/products/product_img_11.jpg differ diff --git a/theme_orchid/static/src/less/layout.less b/theme_orchid/static/src/less/layout.less new file mode 100644 index 000000000..4e59255c8 --- /dev/null +++ b/theme_orchid/static/src/less/layout.less @@ -0,0 +1,3 @@ +#wrap { + box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75); +} \ No newline at end of file diff --git a/theme_orchid/static/src/less/snippets/s_banner_3.less b/theme_orchid/static/src/less/snippets/s_banner_3.less new file mode 100644 index 000000000..180ff5b0e --- /dev/null +++ b/theme_orchid/static/src/less/snippets/s_banner_3.less @@ -0,0 +1,40 @@ +@s_banner_3_carousel_height: 500px; +@s_banner_3_padding: 30px; +@s_banner_3_h1_size: 50px; +@s_banner_3_h2_size: 30px; + +.s_banner_3_row_hook(){ + background-color: transparent; + height: auto; + img { + display: none; + } +} +.s_banner_3_col_center_hook(){ + text-align: left; + width: 400px; + height: auto; + padding-bottom: 10px; + margin-top: 100px; + background-color: white; + border: 15px solid rgba(255, 255, 255, .5); + @media screen and (max-width: 768px) { + text-align: left !important; + width: auto; + margin-top: 0; + } + h1 { + font-size: 40px; + } + h2 { + font-size: 30px; + } +} +.s_banner_3_hook(){ + border: 15px solid white; + border-left-width: 50px; + border-right-width: 50px; + @media screen and (max-width:768px) { + border-width: 10px; + } +} \ No newline at end of file diff --git a/theme_orchid/static/src/less/snippets/s_banner_parallax.less b/theme_orchid/static/src/less/snippets/s_banner_parallax.less new file mode 100644 index 000000000..39c7e9c56 --- /dev/null +++ b/theme_orchid/static/src/less/snippets/s_banner_parallax.less @@ -0,0 +1 @@ +@s_banner_parallax_height: 500px; \ No newline at end of file diff --git a/theme_orchid/static/src/less/snippets/s_three_columns.less b/theme_orchid/static/src/less/snippets/s_three_columns.less new file mode 100644 index 000000000..18ab0b71f --- /dev/null +++ b/theme_orchid/static/src/less/snippets/s_three_columns.less @@ -0,0 +1,13 @@ +.s_three_columns { + padding-top: 80px !important; + img { + margin: 0 auto; + border-radius: 0; + } + .container { + width: 100%; + } + h4 { + text-align: center; + } +} \ No newline at end of file diff --git a/theme_orchid/views/assets.xml b/theme_orchid/views/assets.xml new file mode 100644 index 000000000..11f98324c --- /dev/null +++ b/theme_orchid/views/assets.xml @@ -0,0 +1,20 @@ + + + + + + + open + + + + + + + \ No newline at end of file diff --git a/theme_orchid/views/images.xml b/theme_orchid/views/images.xml new file mode 100644 index 000000000..742d6ca96 --- /dev/null +++ b/theme_orchid/views/images.xml @@ -0,0 +1,151 @@ + + + + + + + + /theme_orchid/static/src/img/backgrounds/01.jpg + + + + /theme_orchid/static/src/img/backgrounds/02.jpg + + + + /theme_orchid/static/src/img/backgrounds/03.jpg + + + + /theme_orchid/static/src/img/backgrounds/04.jpg + + + + /theme_orchid/static/src/img/backgrounds/05.jpg + + + + /theme_orchid/static/src/img/backgrounds/06.jpg + + + + /theme_orchid/static/src/img/backgrounds/07.jpg + + + + /theme_orchid/static/src/img/backgrounds/08.jpg + + + + /theme_orchid/static/src/img/backgrounds/09.jpg + + + + /theme_orchid/static/src/img/backgrounds/10.jpg + + + + + + + + /theme_orchid/static/src/img/content/content_img_01.jpg + + + + /theme_orchid/static/src/img/content/content_img_02.jpg + + + + /theme_orchid/static/src/img/content/content_img_03.jpg + + + + /theme_orchid/static/src/img/content/content_img_04.jpg + + + + /theme_orchid/static/src/img/content/content_img_05.jpg + + + + /theme_orchid/static/src/img/content/content_img_06.jpg + + + + /theme_orchid/static/src/img/content/content_img_07.jpg + + + + /theme_orchid/static/src/img/content/content_img_08.jpg + + + + /theme_orchid/static/src/img/content/content_img_09.jpg + + + + /theme_orchid/static/src/img/content/content_img_10.jpg + + + + /theme_orchid/static/src/img/content/content_img_11.jpg + + + + /theme_orchid/static/src/img/content/content_img_12.jpg + + + + + + /theme_orchid/static/src/img/products/product_img_01.jpg + + + + /theme_orchid/static/src/img/products/product_img_02.jpg + + + + /theme_orchid/static/src/img/products/product_img_03.jpg + + + + /theme_orchid/static/src/img/products/product_img_04.jpg + + + + /theme_orchid/static/src/img/products/product_img_05.jpg + + + + /theme_orchid/static/src/img/products/product_img_06.jpg + + + + /theme_orchid/static/src/img/products/product_img_07.jpg + + + + /theme_orchid/static/src/img/products/product_img_08.jpg + + + + /theme_orchid/static/src/img/products/product_img_09.jpg + + + + /theme_orchid/static/src/img/products/product_img_10.jpg + + + + /theme_orchid/static/src/img/products/product_img_11.jpg + + + + \ No newline at end of file diff --git a/theme_orchid/views/preset.xml b/theme_orchid/views/preset.xml new file mode 100644 index 000000000..7f0d15e4f --- /dev/null +++ b/theme_orchid/views/preset.xml @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/theme_orchid_sale/LICENSE b/theme_orchid_sale/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_orchid_sale/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_orchid_sale/__init__.py b/theme_orchid_sale/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_orchid_sale/__openerp__.py b/theme_orchid_sale/__openerp__.py new file mode 100644 index 000000000..590e61809 --- /dev/null +++ b/theme_orchid_sale/__openerp__.py @@ -0,0 +1,12 @@ +{ + 'name': 'Theme Orchid eCommerce Plugin', + 'description': 'Orchid eCommerce Plugin', + 'category': 'Hidden', + 'version': '1.0', + 'author': 'Odoo S.A.', + 'depends': ['theme_loftspace_sale', 'theme_orchid'], + 'demo': [ + 'demo/products.xml', + ], + 'auto_install': True, +} diff --git a/theme_orchid_sale/demo/products.xml b/theme_orchid_sale/demo/products.xml new file mode 100644 index 000000000..1a38edd23 --- /dev/null +++ b/theme_orchid_sale/demo/products.xml @@ -0,0 +1,233 @@ + + + + + + + + + + + + + + + + + + + Cut Flowers + + + + Tulip + + + + Gerbera + + + + Carnation + + + + Lavender + + + + Potted Flowers + + + + Potted Tulip + + + + Potted Rose + + + + Potted Primula + + + + Potted Cyclamen + + + + Potted Geranium + + + + Potted Orchid + + + + + + + + + + + + + + + + + + + + + + + Yellow Gerbera + + 3.0 + + + + 1 + 2 + + + Purple Tulips + + 2.0 + + + 1 + 2 + + + Red Roses + + 15.0 + + + 1 + 2 + + + Blue Lavenders + + 2.0 + + + 1 + 2 + + + Pink Roses + + 19.0 + + + 1 + 2 + + + Pink Tulips + + 2.0 + + + 1 + 2 + + + Yellow Tulips + + 1.5 + + + 1 + 2 + + + Bunch of Tulips + + 9.0 + + + 1 + 2 + + + Carnations + + 3.0 + + + 1 + 2 + + + Red Gerbera + + 3.0 + + + 1 + 2 + + + Bunch of Purple Tulips + + 9.0 + + + 1 + 2 + + + Potted Purple Orchid + + 19.0 + + + 1 + 2 + + + Potted Yellow Rose + + 19.0 + + + 1 + 2 + + + Potted Primula + + 14.0 + + + 1 + 2 + + + Potted Pink Cyclamen + + 12.0 + + + 1 + 2 + + + Potted Geranium + + 11.0 + + + 1 + 2 + + + + + diff --git a/theme_treehouse/LICENSE b/theme_treehouse/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_treehouse/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_treehouse/__init__.py b/theme_treehouse/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_treehouse/__openerp__.py b/theme_treehouse/__openerp__.py new file mode 100644 index 000000000..97ceabd9c --- /dev/null +++ b/theme_treehouse/__openerp__.py @@ -0,0 +1,41 @@ +{ + 'name': 'Treehouse Theme', + 'description': 'Treehouse Theme - Responsive Bootstrap Theme for Odoo CMS', + 'category': 'Theme/Environment', + 'version': '1.0', + 'author': 'Odoo SA', + 'depends': ['theme_common', 'snippet_google_map'], + 'data': [ + # THEME + 'views/assets.xml', + 'views/images_library.xml', + 'views/images_content.xml', + 'views/layout.xml', + 'views/snippets.xml', + 'views/snippets_options.xml', + 'views/customize_modal.xml', + # SNIPPETS + 'views/snippets/s_text_image.xml', + 'views/snippets/s_image_text.xml', + 'views/snippets/s_big_picture.xml', + 'views/snippets/s_well_extended.xml', + 'views/snippets/s_quote_extended.xml', + 'views/snippets/s_panel_extended.xml', + 'views/snippets/s_separator_extended.xml', + 'views/snippets/s_share_extended.xml', + ], + 'demo': [ + 'demo/demo.xml', + 'demo/components.xml', + 'demo/blocks_structure.xml', + 'demo/blocks_content.xml', + 'demo/blocks_features.xml', + 'demo/blocks_default.xml', + ], + 'images': [ + 'static/description/treehouse_cover.jpg', + ], + 'price': 195, + 'currency': 'EUR', + 'live_test_url': 'https://theme-treehouse.odoo.com/page/demo_page_01', +} diff --git a/theme_treehouse/demo/blocks_content.xml b/theme_treehouse/demo/blocks_content.xml new file mode 100644 index 000000000..4b8c6fc8b --- /dev/null +++ b/theme_treehouse/demo/blocks_content.xml @@ -0,0 +1,212 @@ + + + + + + + + Content + /page/demo_blocks_content + + 42 + + + + \ No newline at end of file diff --git a/theme_treehouse/demo/blocks_default.xml b/theme_treehouse/demo/blocks_default.xml new file mode 100644 index 000000000..e879f00e0 --- /dev/null +++ b/theme_treehouse/demo/blocks_default.xml @@ -0,0 +1,490 @@ + + + + + + + + Default + /page/demo_blocks_default + + 44 + + + + \ No newline at end of file diff --git a/theme_treehouse/demo/blocks_features.xml b/theme_treehouse/demo/blocks_features.xml new file mode 100644 index 000000000..2380061d7 --- /dev/null +++ b/theme_treehouse/demo/blocks_features.xml @@ -0,0 +1,128 @@ + + + + + + + + Features + /page/demo_blocks_features + + 43 + + + + \ No newline at end of file diff --git a/theme_treehouse/demo/blocks_structure.xml b/theme_treehouse/demo/blocks_structure.xml new file mode 100644 index 000000000..059312c98 --- /dev/null +++ b/theme_treehouse/demo/blocks_structure.xml @@ -0,0 +1,137 @@ + + + + + + + + Blocks + /page/demo_blocks + + 40 + + + + Structure + /page/demo_blocks_structure + + 41 + + + + \ No newline at end of file diff --git a/theme_treehouse/demo/components.xml b/theme_treehouse/demo/components.xml new file mode 100644 index 000000000..499452d25 --- /dev/null +++ b/theme_treehouse/demo/components.xml @@ -0,0 +1,191 @@ + + + + + + + + Components + /page/demo_page_components + + 50 + + + + \ No newline at end of file diff --git a/theme_treehouse/demo/demo.xml b/theme_treehouse/demo/demo.xml new file mode 100644 index 000000000..11d9790a5 --- /dev/null +++ b/theme_treehouse/demo/demo.xml @@ -0,0 +1,333 @@ + + + + + + + + Demo + /page/demo_page + + 30 + + + + \ No newline at end of file diff --git a/theme_treehouse/doc/index.rst b/theme_treehouse/doc/index.rst new file mode 100644 index 000000000..9f4dd865e --- /dev/null +++ b/theme_treehouse/doc/index.rst @@ -0,0 +1,34 @@ +You need to install the *Less CSS* compiler to run this theme + +* on Linux, use your distribution's package manager to install nodejs and npm. + * In debian wheezy and Ubuntu 13.10 and before you need to install nodejs manually: + + .. code-block:: console + + $ wget -qO- https://deb.nodesource.com/setup | bash - + $ apt-get install -y nodejs + + * In later debian (>jessie) and ubuntu (>14.04) you may need to add a symlink as npm packages call ``node`` but debian calls the binary ``nodejs`` + + .. code-block:: console + + $ apt-get install -y npm + $ sudo ln -s /usr/bin/nodejs /usr/bin/node + + * Once npm is installed, use it to install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on OS X, install nodejs via your preferred package manager (`homebrew `_, `macports `_) then install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on Windows, `install nodejs `_, reboot (to update the `PATH`) and install less and less-plugin-clean-css: + + .. code-block:: ps1 + + C:\> npm install -g less less-plugin-clean-css diff --git a/theme_treehouse/static/description/contributors/applicatour.jpg b/theme_treehouse/static/description/contributors/applicatour.jpg new file mode 100644 index 000000000..977d9052f Binary files /dev/null and b/theme_treehouse/static/description/contributors/applicatour.jpg differ diff --git a/theme_treehouse/static/description/contributors/aselcis.jpg b/theme_treehouse/static/description/contributors/aselcis.jpg new file mode 100644 index 000000000..9fbc0f3c1 Binary files /dev/null and b/theme_treehouse/static/description/contributors/aselcis.jpg differ diff --git a/theme_treehouse/static/description/contributors/bas-solutions.png b/theme_treehouse/static/description/contributors/bas-solutions.png new file mode 100644 index 000000000..c64c5359a Binary files /dev/null and b/theme_treehouse/static/description/contributors/bas-solutions.png differ diff --git a/theme_treehouse/static/description/contributors/bloopark.png b/theme_treehouse/static/description/contributors/bloopark.png new file mode 100644 index 000000000..4ce0327d8 Binary files /dev/null and b/theme_treehouse/static/description/contributors/bloopark.png differ diff --git a/theme_treehouse/static/description/contributors/brouwland.jpg b/theme_treehouse/static/description/contributors/brouwland.jpg new file mode 100644 index 000000000..8fe4a1441 Binary files /dev/null and b/theme_treehouse/static/description/contributors/brouwland.jpg differ diff --git a/theme_treehouse/static/description/contributors/catsdogs.png b/theme_treehouse/static/description/contributors/catsdogs.png new file mode 100644 index 000000000..f4d03e63d Binary files /dev/null and b/theme_treehouse/static/description/contributors/catsdogs.png differ diff --git a/theme_treehouse/static/description/contributors/dialognet.png b/theme_treehouse/static/description/contributors/dialognet.png new file mode 100644 index 000000000..831a1a9c3 Binary files /dev/null and b/theme_treehouse/static/description/contributors/dialognet.png differ diff --git a/theme_treehouse/static/description/contributors/dynapps.jpg b/theme_treehouse/static/description/contributors/dynapps.jpg new file mode 100644 index 000000000..5854230c4 Binary files /dev/null and b/theme_treehouse/static/description/contributors/dynapps.jpg differ diff --git a/theme_treehouse/static/description/contributors/huckemedia.png b/theme_treehouse/static/description/contributors/huckemedia.png new file mode 100644 index 000000000..2106c34b0 Binary files /dev/null and b/theme_treehouse/static/description/contributors/huckemedia.png differ diff --git a/theme_treehouse/static/description/contributors/opusvl.png b/theme_treehouse/static/description/contributors/opusvl.png new file mode 100644 index 000000000..f1f25f120 Binary files /dev/null and b/theme_treehouse/static/description/contributors/opusvl.png differ diff --git a/theme_treehouse/static/description/contributors/oxen.jpg b/theme_treehouse/static/description/contributors/oxen.jpg new file mode 100644 index 000000000..0cb41eb9f Binary files /dev/null and b/theme_treehouse/static/description/contributors/oxen.jpg differ diff --git a/theme_treehouse/static/description/contributors/simplitco.jpg b/theme_treehouse/static/description/contributors/simplitco.jpg new file mode 100644 index 000000000..152bbf277 Binary files /dev/null and b/theme_treehouse/static/description/contributors/simplitco.jpg differ diff --git a/theme_treehouse/static/description/contributors/sodexis.jpg b/theme_treehouse/static/description/contributors/sodexis.jpg new file mode 100644 index 000000000..12f1d8ecd Binary files /dev/null and b/theme_treehouse/static/description/contributors/sodexis.jpg differ diff --git a/theme_treehouse/static/description/contributors/tech-receptives.png b/theme_treehouse/static/description/contributors/tech-receptives.png new file mode 100644 index 000000000..c441f44db Binary files /dev/null and b/theme_treehouse/static/description/contributors/tech-receptives.png differ diff --git a/theme_treehouse/static/description/contributors/vauxoo.png b/theme_treehouse/static/description/contributors/vauxoo.png new file mode 100644 index 000000000..7e83d3148 Binary files /dev/null and b/theme_treehouse/static/description/contributors/vauxoo.png differ diff --git a/theme_treehouse/static/description/customization-modal-background.gif b/theme_treehouse/static/description/customization-modal-background.gif new file mode 100644 index 000000000..68ba3ce24 Binary files /dev/null and b/theme_treehouse/static/description/customization-modal-background.gif differ diff --git a/theme_treehouse/static/description/customization-modal-colors.gif b/theme_treehouse/static/description/customization-modal-colors.gif new file mode 100644 index 000000000..dc1204b2f Binary files /dev/null and b/theme_treehouse/static/description/customization-modal-colors.gif differ diff --git a/theme_treehouse/static/description/customization-modal-fonts-patterns.gif b/theme_treehouse/static/description/customization-modal-fonts-patterns.gif new file mode 100644 index 000000000..7d315ca89 Binary files /dev/null and b/theme_treehouse/static/description/customization-modal-fonts-patterns.gif differ diff --git a/theme_treehouse/static/description/demo_01.jpg b/theme_treehouse/static/description/demo_01.jpg new file mode 100644 index 000000000..4ee81aeb6 Binary files /dev/null and b/theme_treehouse/static/description/demo_01.jpg differ diff --git a/theme_treehouse/static/description/demo_02.jpg b/theme_treehouse/static/description/demo_02.jpg new file mode 100644 index 000000000..e21f0ac30 Binary files /dev/null and b/theme_treehouse/static/description/demo_02.jpg differ diff --git a/theme_treehouse/static/description/demo_03.jpg b/theme_treehouse/static/description/demo_03.jpg new file mode 100644 index 000000000..56d4ca370 Binary files /dev/null and b/theme_treehouse/static/description/demo_03.jpg differ diff --git a/theme_treehouse/static/description/demo_04.jpg b/theme_treehouse/static/description/demo_04.jpg new file mode 100644 index 000000000..7fcec1fd0 Binary files /dev/null and b/theme_treehouse/static/description/demo_04.jpg differ diff --git a/theme_treehouse/static/description/icon.png b/theme_treehouse/static/description/icon.png new file mode 100644 index 000000000..b9ba23bdc Binary files /dev/null and b/theme_treehouse/static/description/icon.png differ diff --git a/theme_treehouse/static/description/images_copyright.txt b/theme_treehouse/static/description/images_copyright.txt new file mode 100644 index 000000000..09598f4cf --- /dev/null +++ b/theme_treehouse/static/description/images_copyright.txt @@ -0,0 +1,11 @@ +UNSPLASH - unsplash.com + +All photos published on Unsplash are licensed under Creative Commons Zero which means you can copy, modify, distribute and use the photos for free, including commercial purposes, without asking permission from or providing attribution to the photographer or Unsplash. + + +RAUMROT - Markus Spiske / raumrot.com / CC-BY + +FFCU. STOCKPHOTOS - FREE FOR COMMERCIAL USE. +FREE -handpicked- stockphotos for your commercial and personal works. All available hi-res/hi-quality pictures you can use on personal and commercial projects. Please be respectful to registered trademarks. +Some rights reserved. Please keep attribution to the creator. +http://creativecommons.org/licenses/by/2.0/ \ No newline at end of file diff --git a/theme_treehouse/static/description/index.html b/theme_treehouse/static/description/index.html new file mode 100644 index 000000000..a47767065 --- /dev/null +++ b/theme_treehouse/static/description/index.html @@ -0,0 +1,279 @@ +
    +
    +
    +
    +

    Treehouse is a professional responsive HTML5 theme, built using Bootstrap, a popular front-end framework for developing responsive, mobile first projects on the web.
    Just drag & drop the building blocks you need to easily build your layout. All layouts are made of sections, that you can easily combine to fit your specific project.

    +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +

    Customization Tools

    +
    Treehouse was made with easy customization and branding in mind. Based on simple, modern and typographical elements, it allows you to easily build your website. All the options were made to work together. You can not go wrong with the settings. +
    +

    - You will find these options in: Customize (top-right of the screen) > Customize Theme

    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +

    Some fonts might not work with extended charsets.

    + +

    Building Blocks

    +
    You get a new complete range of building blocks.
    +

    - You will find these blocks in: Edit (top-left of the screen) > Insert Blocks

    + +

    Structure

    +
    +
    +
    + Banner +
    +
    +
    + Page Header +
    +
    +
    + Features Circle +
    +
    +
    + Numbers +
    +
    +
    + 3-Col + Carousel +
    +
    +
    + Boxed Carousel +
    +
    +
    + FW. 4-Col +
    +
    +
    + FW. Text-Image +
    +
    +
    + FW. Image-Text +
    +
    +
    + FW. Text-Block-Image +
    +
    +
    + FW. Images + Captions +
    +
    +
    + Masonry Block +
    +
    + +

    Content

    +
    +
    +
    + Well + Icons +
    +
    +
    + Blockquote + Author +
    +
    +
    + Separator + Styles +
    +
    +
    + Panel + Icons +
    +
    +
    + Social + Styles +
    +
    +
    + Label +
    +
    +
    + Progress bar +
    +
    + +

    Features

    +
    +
    +
    + References +
    +
    +
    + Quotes Slider +
    +
    +
    + Features Grid +
    +
    +
    + Collapse +
    +
    +
    + Medias List +
    +
    +
    + Naws Carousel +
    +
    +
    + Steps +
    +
    +
    + Team Profiles +
    +
    +
    + Google Map +
    +
    + + +

    Customize Your Blocks

    +
    Each building blocks comes with its own options of layout, backgrounds, colors, and styles
    + +

    The images in this theme are copyrighted and can't be used outside of the odoo.com domain.

    + +

    + This theme was created with the help of our user community.
    + Thanks to our backers the Indiegogo campaign was a success!
    + https://www.indiegogo.com/projects/bootstrap-themes-for-odoo-cms/ +

    + +

    MAIN SPONSOR

    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + + +
    +
    +

    + Ross Whiting, Oxenworkwear - Hans Balis - Stephan Keller, Sodexis, Inc. - Michael Hucke, Hucke Media GmbH & Co. KG - Joachim Grubelnik, DaDi EDV GmbH​ datadialog.net - DynApps - Cats&Dogs bvba - Bloopark systems GmbH & Co. KG - Parthiv Patel, Tech Receptives Solutions Pvt. Ltd. - Stuart Mackintosh, OpusVL - Erwin van der Ploeg, BAS Solutions - ali Zuaby, simplit co - Aselcis Consulting - Nhomar Hernandez, Vauxoo +

    +

    SPONSOR

    +
    +

    + Robert Baumgartner, datenpol gmbh - openBIG - Russell Phillippe, Protogenos Ltd - Julien Allo, Julius - EasyPME - Jonathan Wilson, WillowIT Pty Ltd - Xavier Mallein, MAallein - Pedro M. Baeza, Serv. Tecnol. Avanzados - Daniel Dico, OERP Canada - Jantz Business Group b.v. - LogicaSoft Consulting - Eric Caudal, Elico Corp - Ermin Trevisan, Twanda - Jean-François Mattler, OpenFid SAS - Alex Ferrer, Lannex IT Solutions - Tony Gu, Shine IT Co. Ltd. 先安科技 - TaPo-IT OG - Jos De Graeve, Apertoso - Nicolas Rigo, eezee-it - Luis Miguel Varón E, Colorisa S.A - OpenBias - Stanislas Drouin Applicatour +

    +

    POWER DESIGNER

    +
    +

    + Rohit Thakral - François Dhommeaux, Ubic Informatique - Judson Alves, Market Home Delivery - Eric Flaux, ABF Osiell - Gilles Dupont - Arnis Putniņš - Johnson Martt, GetOpenERP (Part of OpenStow Technologies) - Gianluca Milano - Daniel Stolovich, ATEL S.A. - Equitania Software GmbH - Senthilnathan G - Houssine Bakkali - Arend Trip - Kevin Woolf, Baba Kevin's American Barbecue Co., Ltd. - toodoo sàrl - Zoltan Gabor 'Apersis' - Tom De Decker, WEB2GO LTD - Nicolás Cavalier Montenegro, STOREGUD CORPORATION SAC - Keirse Jerome - REAL Solutions S.A. - Davide Corio - Brice Muangkhot - Melvin Miguel Martinez, Mendoza Hernandez - Auditores - Chua Wen Ching - Tran Minh Tri working, ungdungtinhoc.com - Badisheng Morena - Sogexis - Josh Wardini - The Tee Shirt Bakery - Bruce Letterle, Red Lab Media - Benoit Vankoningsloo - Francisco Manuel Garcia Claramonte. - Paulina Mikolajczak-Blasco - Collectiv - Tony Fernando - Herbert Riener, rigaConcepts - Kalmen Chia, E-Global SCM Solution Sdn Bhd - Rob North, Pair A Dice Games - David E. Vargas, CloudShop - François Le Gal - Calin Chete (24h Solutions) - Maria Gabriela Fong, MAGA Systems & Consulting - Pascal Behr, Cytosurge AG - Marc Antwertinger - Opencloud Unipessoal, Lda - Ruchir Shukla, BizzAppDev - Michael Hucke, Hucke Media GmbH & Co. KG - Mathias Neef, copadoMEDIA UG - Pablo Arias - Same Motion - livingprocess.de - Habib Ayob - Igor Jovanovic - Liangming Wang, Weixuan Inc. - Jason Au Yeung, Binary System Limited - Fredrik Arvas, Arvas International AB - Martin Temmink, Zigaret - Mathieu Vanneste, Flockdesign - Filip Fruru, Instant Media - Marianne Wilmsmeier, Fabrik Fünf GmbH - Vertex Group Enterprises - Bingen Eguzkitza - Herczeg Péter, InnOpen Group Kft - Giles Hohnen - Luis Felipe Miléo, KMEE - Maria Gabriela Fong, MAGA Systems & Consulting - Aaron Magon, Web Industries - Andrew Trueman, B.M. Trueman & Partners - Sven Petersen, Conexus - Nous Cambas - Oliver Yuan, OpenStone - Henri Ibowili, A-YANT.COM - Nicolas JEUDY - Helmut Drewes - Maik Steinfeld, Streward - Hans Henrik Gabelgaard - AJ Rosman - Eduard - Patrick Darribet, SUDOKEYS - Camptocamp - Cyril Morisse - Alejandro Santana - Eva Pinter, YBO - Mathias Neef, copadoMEDIA UG - Jean-Christophe Perrot, LOGICASOFT - Zarshed Ali, HiTechnologia - Stefan Reisich - Maxime Chambreuil, Savoir-faire Linux - Mario Gielissen, Openworx - Nicholas Burdic, Aptoworks LLC - Olivier Lenoir +

    +
    +
    +
    \ No newline at end of file diff --git a/theme_treehouse/static/description/snippets_thumbs/s_banner_2.gif b/theme_treehouse/static/description/snippets_thumbs/s_banner_2.gif new file mode 100644 index 000000000..53c245d31 Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_banner_2.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_blockquote_extended.gif b/theme_treehouse/static/description/snippets_thumbs/s_blockquote_extended.gif new file mode 100644 index 000000000..f49297cbc Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_blockquote_extended.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_carousel_boxed.gif b/theme_treehouse/static/description/snippets_thumbs/s_carousel_boxed.gif new file mode 100644 index 000000000..fbe6423ed Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_carousel_boxed.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_collapse.gif b/theme_treehouse/static/description/snippets_thumbs/s_collapse.gif new file mode 100644 index 000000000..68f361376 Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_collapse.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_features_circle.gif b/theme_treehouse/static/description/snippets_thumbs/s_features_circle.gif new file mode 100644 index 000000000..5b0cece2c Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_features_circle.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_features_grid_circle.gif b/theme_treehouse/static/description/snippets_thumbs/s_features_grid_circle.gif new file mode 100644 index 000000000..ba2fb4010 Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_features_grid_circle.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_four_columns_fw.gif b/theme_treehouse/static/description/snippets_thumbs/s_four_columns_fw.gif new file mode 100644 index 000000000..50c54374f Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_four_columns_fw.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_google_map.gif b/theme_treehouse/static/description/snippets_thumbs/s_google_map.gif new file mode 100644 index 000000000..027dd9d2d Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_google_map.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_image_text_fw.gif b/theme_treehouse/static/description/snippets_thumbs/s_image_text_fw.gif new file mode 100644 index 000000000..07b7e12d2 Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_image_text_fw.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_images_captions_fw.gif b/theme_treehouse/static/description/snippets_thumbs/s_images_captions_fw.gif new file mode 100644 index 000000000..4bdd57def Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_images_captions_fw.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_label.gif b/theme_treehouse/static/description/snippets_thumbs/s_label.gif new file mode 100644 index 000000000..e744f415a Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_label.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_masonry_block.gif b/theme_treehouse/static/description/snippets_thumbs/s_masonry_block.gif new file mode 100644 index 000000000..9e31beb0f Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_masonry_block.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_medias_list.gif b/theme_treehouse/static/description/snippets_thumbs/s_medias_list.gif new file mode 100644 index 000000000..6627cdc8f Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_medias_list.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_news_carousel.gif b/theme_treehouse/static/description/snippets_thumbs/s_news_carousel.gif new file mode 100644 index 000000000..1a3b7e0f1 Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_news_carousel.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_numbers.gif b/theme_treehouse/static/description/snippets_thumbs/s_numbers.gif new file mode 100644 index 000000000..d7248bea7 Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_numbers.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_page_header.gif b/theme_treehouse/static/description/snippets_thumbs/s_page_header.gif new file mode 100644 index 000000000..64acf4572 Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_page_header.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_panel_extended.gif b/theme_treehouse/static/description/snippets_thumbs/s_panel_extended.gif new file mode 100644 index 000000000..02cad4bdd Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_panel_extended.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_process_steps_2.gif b/theme_treehouse/static/description/snippets_thumbs/s_process_steps_2.gif new file mode 100644 index 000000000..f104030f4 Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_process_steps_2.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_progress_bar.gif b/theme_treehouse/static/description/snippets_thumbs/s_progress_bar.gif new file mode 100644 index 000000000..64dbef14d Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_progress_bar.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_quotes_slider_2.gif b/theme_treehouse/static/description/snippets_thumbs/s_quotes_slider_2.gif new file mode 100644 index 000000000..2539ab5ad Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_quotes_slider_2.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_references_2.gif b/theme_treehouse/static/description/snippets_thumbs/s_references_2.gif new file mode 100644 index 000000000..e99f9ff5b Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_references_2.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_separator_extended.gif b/theme_treehouse/static/description/snippets_thumbs/s_separator_extended.gif new file mode 100644 index 000000000..e6e3eaa26 Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_separator_extended.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_share_extended.gif b/theme_treehouse/static/description/snippets_thumbs/s_share_extended.gif new file mode 100644 index 000000000..40b05882d Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_share_extended.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_team_profiles_2.gif b/theme_treehouse/static/description/snippets_thumbs/s_team_profiles_2.gif new file mode 100644 index 000000000..7de943eae Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_team_profiles_2.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_text_block_image_fw.gif b/theme_treehouse/static/description/snippets_thumbs/s_text_block_image_fw.gif new file mode 100644 index 000000000..5d78082fb Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_text_block_image_fw.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_text_image_fw.gif b/theme_treehouse/static/description/snippets_thumbs/s_text_image_fw.gif new file mode 100644 index 000000000..bd5df6388 Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_text_image_fw.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_three_columns_carousel.gif b/theme_treehouse/static/description/snippets_thumbs/s_three_columns_carousel.gif new file mode 100644 index 000000000..63bd8ba98 Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_three_columns_carousel.gif differ diff --git a/theme_treehouse/static/description/snippets_thumbs/s_well_extended.gif b/theme_treehouse/static/description/snippets_thumbs/s_well_extended.gif new file mode 100644 index 000000000..5f62d84df Binary files /dev/null and b/theme_treehouse/static/description/snippets_thumbs/s_well_extended.gif differ diff --git a/theme_treehouse/static/description/treehouse_cover.jpg b/theme_treehouse/static/description/treehouse_cover.jpg new file mode 100644 index 000000000..8f1c8d17a Binary files /dev/null and b/theme_treehouse/static/description/treehouse_cover.jpg differ diff --git a/theme_treehouse/static/src/img/backgrounds/01.jpg b/theme_treehouse/static/src/img/backgrounds/01.jpg new file mode 100644 index 000000000..50dfd0a38 Binary files /dev/null and b/theme_treehouse/static/src/img/backgrounds/01.jpg differ diff --git a/theme_treehouse/static/src/img/backgrounds/02.jpg b/theme_treehouse/static/src/img/backgrounds/02.jpg new file mode 100644 index 000000000..5ea170005 Binary files /dev/null and b/theme_treehouse/static/src/img/backgrounds/02.jpg differ diff --git a/theme_treehouse/static/src/img/backgrounds/03.jpg b/theme_treehouse/static/src/img/backgrounds/03.jpg new file mode 100644 index 000000000..cd9857527 Binary files /dev/null and b/theme_treehouse/static/src/img/backgrounds/03.jpg differ diff --git a/theme_treehouse/static/src/img/backgrounds/04.jpg b/theme_treehouse/static/src/img/backgrounds/04.jpg new file mode 100644 index 000000000..d4ec25493 Binary files /dev/null and b/theme_treehouse/static/src/img/backgrounds/04.jpg differ diff --git a/theme_treehouse/static/src/img/backgrounds/05.jpg b/theme_treehouse/static/src/img/backgrounds/05.jpg new file mode 100644 index 000000000..e87866e5b Binary files /dev/null and b/theme_treehouse/static/src/img/backgrounds/05.jpg differ diff --git a/theme_treehouse/static/src/img/backgrounds/06.jpg b/theme_treehouse/static/src/img/backgrounds/06.jpg new file mode 100644 index 000000000..d1a11e036 Binary files /dev/null and b/theme_treehouse/static/src/img/backgrounds/06.jpg differ diff --git a/theme_treehouse/static/src/img/backgrounds/07.jpg b/theme_treehouse/static/src/img/backgrounds/07.jpg new file mode 100644 index 000000000..9e22211da Binary files /dev/null and b/theme_treehouse/static/src/img/backgrounds/07.jpg differ diff --git a/theme_treehouse/static/src/img/backgrounds/08.jpg b/theme_treehouse/static/src/img/backgrounds/08.jpg new file mode 100644 index 000000000..001635471 Binary files /dev/null and b/theme_treehouse/static/src/img/backgrounds/08.jpg differ diff --git a/theme_treehouse/static/src/img/backgrounds/09.jpg b/theme_treehouse/static/src/img/backgrounds/09.jpg new file mode 100644 index 000000000..d78aa8a15 Binary files /dev/null and b/theme_treehouse/static/src/img/backgrounds/09.jpg differ diff --git a/theme_treehouse/static/src/img/backgrounds/10.jpg b/theme_treehouse/static/src/img/backgrounds/10.jpg new file mode 100644 index 000000000..49c23808f Binary files /dev/null and b/theme_treehouse/static/src/img/backgrounds/10.jpg differ diff --git a/theme_treehouse/static/src/img/backgrounds/11.jpg b/theme_treehouse/static/src/img/backgrounds/11.jpg new file mode 100644 index 000000000..b67a284d2 Binary files /dev/null and b/theme_treehouse/static/src/img/backgrounds/11.jpg differ diff --git a/theme_treehouse/static/src/img/backgrounds/12.jpg b/theme_treehouse/static/src/img/backgrounds/12.jpg new file mode 100644 index 000000000..49d5720b4 Binary files /dev/null and b/theme_treehouse/static/src/img/backgrounds/12.jpg differ diff --git a/theme_treehouse/static/src/img/backgrounds/13.jpg b/theme_treehouse/static/src/img/backgrounds/13.jpg new file mode 100644 index 000000000..a8b529296 Binary files /dev/null and b/theme_treehouse/static/src/img/backgrounds/13.jpg differ diff --git a/theme_treehouse/static/src/img/backgrounds/14.jpg b/theme_treehouse/static/src/img/backgrounds/14.jpg new file mode 100644 index 000000000..1afdfc10c Binary files /dev/null and b/theme_treehouse/static/src/img/backgrounds/14.jpg differ diff --git a/theme_treehouse/static/src/img/backgrounds/15.jpg b/theme_treehouse/static/src/img/backgrounds/15.jpg new file mode 100644 index 000000000..8799dfd22 Binary files /dev/null and b/theme_treehouse/static/src/img/backgrounds/15.jpg differ diff --git a/theme_treehouse/static/src/img/backgrounds/16.jpg b/theme_treehouse/static/src/img/backgrounds/16.jpg new file mode 100644 index 000000000..b84190fa8 Binary files /dev/null and b/theme_treehouse/static/src/img/backgrounds/16.jpg differ diff --git a/theme_treehouse/static/src/img/content/author.gif b/theme_treehouse/static/src/img/content/author.gif new file mode 100644 index 000000000..4e27f2909 Binary files /dev/null and b/theme_treehouse/static/src/img/content/author.gif differ diff --git a/theme_treehouse/static/src/img/content/big_picture.gif b/theme_treehouse/static/src/img/content/big_picture.gif new file mode 100644 index 000000000..ae9494740 Binary files /dev/null and b/theme_treehouse/static/src/img/content/big_picture.gif differ diff --git a/theme_treehouse/static/src/img/content/image_text.jpg b/theme_treehouse/static/src/img/content/image_text.jpg new file mode 100644 index 000000000..b03ad6b0d Binary files /dev/null and b/theme_treehouse/static/src/img/content/image_text.jpg differ diff --git a/theme_treehouse/static/src/img/content/logo_bakery.png b/theme_treehouse/static/src/img/content/logo_bakery.png new file mode 100644 index 000000000..6973b613c Binary files /dev/null and b/theme_treehouse/static/src/img/content/logo_bakery.png differ diff --git a/theme_treehouse/static/src/img/content/logo_barber.png b/theme_treehouse/static/src/img/content/logo_barber.png new file mode 100644 index 000000000..5ba4ab841 Binary files /dev/null and b/theme_treehouse/static/src/img/content/logo_barber.png differ diff --git a/theme_treehouse/static/src/img/content/logo_coffee.png b/theme_treehouse/static/src/img/content/logo_coffee.png new file mode 100644 index 000000000..f3ea05a0a Binary files /dev/null and b/theme_treehouse/static/src/img/content/logo_coffee.png differ diff --git a/theme_treehouse/static/src/img/content/logo_coffee_ribbon.png b/theme_treehouse/static/src/img/content/logo_coffee_ribbon.png new file mode 100644 index 000000000..bf183abb2 Binary files /dev/null and b/theme_treehouse/static/src/img/content/logo_coffee_ribbon.png differ diff --git a/theme_treehouse/static/src/img/content/logo_fish.png b/theme_treehouse/static/src/img/content/logo_fish.png new file mode 100644 index 000000000..c394d4313 Binary files /dev/null and b/theme_treehouse/static/src/img/content/logo_fish.png differ diff --git a/theme_treehouse/static/src/img/content/logo_plane.png b/theme_treehouse/static/src/img/content/logo_plane.png new file mode 100644 index 000000000..9e19993ea Binary files /dev/null and b/theme_treehouse/static/src/img/content/logo_plane.png differ diff --git a/theme_treehouse/static/src/img/content/profiles_boxes_1.jpg b/theme_treehouse/static/src/img/content/profiles_boxes_1.jpg new file mode 100644 index 000000000..04ef298b0 Binary files /dev/null and b/theme_treehouse/static/src/img/content/profiles_boxes_1.jpg differ diff --git a/theme_treehouse/static/src/img/content/profiles_boxes_2.jpg b/theme_treehouse/static/src/img/content/profiles_boxes_2.jpg new file mode 100644 index 000000000..e616e082f Binary files /dev/null and b/theme_treehouse/static/src/img/content/profiles_boxes_2.jpg differ diff --git a/theme_treehouse/static/src/img/content/profiles_boxes_3.jpg b/theme_treehouse/static/src/img/content/profiles_boxes_3.jpg new file mode 100644 index 000000000..9bc527862 Binary files /dev/null and b/theme_treehouse/static/src/img/content/profiles_boxes_3.jpg differ diff --git a/theme_treehouse/static/src/img/content/text_image.jpg b/theme_treehouse/static/src/img/content/text_image.jpg new file mode 100644 index 000000000..327d871ba Binary files /dev/null and b/theme_treehouse/static/src/img/content/text_image.jpg differ diff --git a/theme_treehouse/static/src/img/content/three_columns_1.jpg b/theme_treehouse/static/src/img/content/three_columns_1.jpg new file mode 100644 index 000000000..348d04998 Binary files /dev/null and b/theme_treehouse/static/src/img/content/three_columns_1.jpg differ diff --git a/theme_treehouse/static/src/img/content/three_columns_2.jpg b/theme_treehouse/static/src/img/content/three_columns_2.jpg new file mode 100644 index 000000000..dd6a5d267 Binary files /dev/null and b/theme_treehouse/static/src/img/content/three_columns_2.jpg differ diff --git a/theme_treehouse/static/src/img/content/three_columns_2a.jpg b/theme_treehouse/static/src/img/content/three_columns_2a.jpg new file mode 100644 index 000000000..f2fda20be Binary files /dev/null and b/theme_treehouse/static/src/img/content/three_columns_2a.jpg differ diff --git a/theme_treehouse/static/src/img/content/three_columns_2b.jpg b/theme_treehouse/static/src/img/content/three_columns_2b.jpg new file mode 100644 index 000000000..51295c1f4 Binary files /dev/null and b/theme_treehouse/static/src/img/content/three_columns_2b.jpg differ diff --git a/theme_treehouse/static/src/img/content/three_columns_2c.jpg b/theme_treehouse/static/src/img/content/three_columns_2c.jpg new file mode 100644 index 000000000..6a585f116 Binary files /dev/null and b/theme_treehouse/static/src/img/content/three_columns_2c.jpg differ diff --git a/theme_treehouse/static/src/img/content/three_columns_3.jpg b/theme_treehouse/static/src/img/content/three_columns_3.jpg new file mode 100644 index 000000000..6b02181da Binary files /dev/null and b/theme_treehouse/static/src/img/content/three_columns_3.jpg differ diff --git a/theme_treehouse/static/src/img/content/treehouse_cover.jpg b/theme_treehouse/static/src/img/content/treehouse_cover.jpg new file mode 100644 index 000000000..b938ea5e9 Binary files /dev/null and b/theme_treehouse/static/src/img/content/treehouse_cover.jpg differ diff --git a/theme_treehouse/static/src/img/customize/add_snippet_hover.png b/theme_treehouse/static/src/img/customize/add_snippet_hover.png new file mode 100644 index 000000000..708fb21a1 Binary files /dev/null and b/theme_treehouse/static/src/img/customize/add_snippet_hover.png differ diff --git a/theme_treehouse/static/src/img/customize/customize_none.gif b/theme_treehouse/static/src/img/customize/customize_none.gif new file mode 100644 index 000000000..9b4762561 Binary files /dev/null and b/theme_treehouse/static/src/img/customize/customize_none.gif differ diff --git a/theme_treehouse/static/src/img/patterns/01.png b/theme_treehouse/static/src/img/patterns/01.png new file mode 100644 index 000000000..b01f229d7 Binary files /dev/null and b/theme_treehouse/static/src/img/patterns/01.png differ diff --git a/theme_treehouse/static/src/img/patterns/02.png b/theme_treehouse/static/src/img/patterns/02.png new file mode 100644 index 000000000..8046ef3be Binary files /dev/null and b/theme_treehouse/static/src/img/patterns/02.png differ diff --git a/theme_treehouse/static/src/img/patterns/03.png b/theme_treehouse/static/src/img/patterns/03.png new file mode 100644 index 000000000..42cac2e6a Binary files /dev/null and b/theme_treehouse/static/src/img/patterns/03.png differ diff --git a/theme_treehouse/static/src/img/patterns/04.png b/theme_treehouse/static/src/img/patterns/04.png new file mode 100644 index 000000000..b6a4db4f3 Binary files /dev/null and b/theme_treehouse/static/src/img/patterns/04.png differ diff --git a/theme_treehouse/static/src/img/patterns/05.png b/theme_treehouse/static/src/img/patterns/05.png new file mode 100644 index 000000000..288a7d206 Binary files /dev/null and b/theme_treehouse/static/src/img/patterns/05.png differ diff --git a/theme_treehouse/static/src/img/patterns/06.png b/theme_treehouse/static/src/img/patterns/06.png new file mode 100644 index 000000000..80f6bb488 Binary files /dev/null and b/theme_treehouse/static/src/img/patterns/06.png differ diff --git a/theme_treehouse/static/src/img/patterns/07.png b/theme_treehouse/static/src/img/patterns/07.png new file mode 100644 index 000000000..54c3b37db Binary files /dev/null and b/theme_treehouse/static/src/img/patterns/07.png differ diff --git a/theme_treehouse/static/src/img/patterns/08.png b/theme_treehouse/static/src/img/patterns/08.png new file mode 100644 index 000000000..8b7cc4bd1 Binary files /dev/null and b/theme_treehouse/static/src/img/patterns/08.png differ diff --git a/theme_treehouse/static/src/img/patterns/09.png b/theme_treehouse/static/src/img/patterns/09.png new file mode 100644 index 000000000..9e2d35969 Binary files /dev/null and b/theme_treehouse/static/src/img/patterns/09.png differ diff --git a/theme_treehouse/static/src/img/patterns/bg_pattern_demo.png b/theme_treehouse/static/src/img/patterns/bg_pattern_demo.png new file mode 100644 index 000000000..b6a4db4f3 Binary files /dev/null and b/theme_treehouse/static/src/img/patterns/bg_pattern_demo.png differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_banner_2.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_banner_2.gif new file mode 100644 index 000000000..53c245d31 Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_banner_2.gif differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_carousel_boxed.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_carousel_boxed.gif new file mode 100644 index 000000000..fbe6423ed Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_carousel_boxed.gif differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_collapse.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_collapse.gif new file mode 100644 index 000000000..68f361376 Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_collapse.gif differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_features_circle.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_features_circle.gif new file mode 100644 index 000000000..5b0cece2c Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_features_circle.gif differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_features_grid_circle.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_features_grid_circle.gif new file mode 100644 index 000000000..ba2fb4010 Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_features_grid_circle.gif differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_four_columns_fw.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_four_columns_fw.gif new file mode 100644 index 000000000..50c54374f Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_four_columns_fw.gif differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_google_map.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_google_map.gif new file mode 100644 index 000000000..027dd9d2d Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_google_map.gif differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_image_text_fw.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_image_text_fw.gif new file mode 100644 index 000000000..07b7e12d2 Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_image_text_fw.gif differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_images_captions_fw.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_images_captions_fw.gif new file mode 100644 index 000000000..4bdd57def Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_images_captions_fw.gif differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_label.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_label.gif new file mode 100644 index 000000000..e744f415a Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_label.gif differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_masonry_block.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_masonry_block.gif new file mode 100644 index 000000000..9e31beb0f Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_masonry_block.gif differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_medias_list.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_medias_list.gif new file mode 100644 index 000000000..6627cdc8f Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_medias_list.gif differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_news_carousel.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_news_carousel.gif new file mode 100644 index 000000000..1a3b7e0f1 Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_news_carousel.gif differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_numbers.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_numbers.gif new file mode 100644 index 000000000..d7248bea7 Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_numbers.gif differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_page_header.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_page_header.gif new file mode 100644 index 000000000..64acf4572 Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_page_header.gif differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_process_steps_2.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_process_steps_2.gif new file mode 100644 index 000000000..f104030f4 Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_process_steps_2.gif differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_progress_bar.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_progress_bar.gif new file mode 100644 index 000000000..64dbef14d Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_progress_bar.gif differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_quotes_slider_2.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_quotes_slider_2.gif new file mode 100644 index 000000000..2539ab5ad Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_quotes_slider_2.gif differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_references_2.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_references_2.gif new file mode 100644 index 000000000..e99f9ff5b Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_references_2.gif differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_team_profiles_2.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_team_profiles_2.gif new file mode 100644 index 000000000..7de943eae Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_team_profiles_2.gif differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_text_block_image_fw.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_text_block_image_fw.gif new file mode 100644 index 000000000..5d78082fb Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_text_block_image_fw.gif differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_text_image_fw.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_text_image_fw.gif new file mode 100644 index 000000000..bd5df6388 Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_text_image_fw.gif differ diff --git a/theme_treehouse/static/src/img/snippets_thumbs/s_three_columns_carousel.gif b/theme_treehouse/static/src/img/snippets_thumbs/s_three_columns_carousel.gif new file mode 100644 index 000000000..63bd8ba98 Binary files /dev/null and b/theme_treehouse/static/src/img/snippets_thumbs/s_three_columns_carousel.gif differ diff --git a/theme_treehouse/static/src/js/background_image.js b/theme_treehouse/static/src/js/background_image.js new file mode 100644 index 000000000..743574e4f --- /dev/null +++ b/theme_treehouse/static/src/js/background_image.js @@ -0,0 +1,72 @@ +(function () { + 'use strict'; + + var website = openerp.website; + + // Set custom background image from modal + website.Theme.include({ + start: function () { + this._super(); + this.$el.find('label:has(input[data-xmlid="theme_treehouse.body_bg_image"])').on('mouseup', _.bind(this.set_custom_bg, this)); + }, + change_selection: function (event, force) { + var self = this; + if (!force && (event.originalEvent && $(event.target).is('input[data-xmlid="theme_treehouse.body_bg_image"]'))) { + this.set_custom_bg(event); + return; + } + + this._super(event); + }, + set_custom_bg: function (event) { + var self = this; + + clearTimeout(this.set_custom_bg_time); + this.set_custom_bg_time = setTimeout(function () { + + var $image = $(''); + var element = new CKEDITOR.dom.element($image[0]); + var editor = new website.editor.MediaDialog({}, element); + + $image.on('saved', this, function () { + var src = $image.attr('src'); + + self.$el.addClass("loading"); + + openerp.jsonRpc('/web/dataset/call', 'call', { + model: 'ir.model.data', + method: 'get_object_reference', + args: ["theme_treehouse", "body_bg_image"], + }).then(function (data) { + + openerp.jsonRpc('/web/dataset/call', 'call', { + model: 'ir.ui.view', + method: 'save', + args: [ + data[1], + "body{background-image: url('"+src+"'); background-size: cover; background-position: center;background-attachment: fixed;}", + "//style", + website.get_context()], + }).then(function () { + + self.$el.removeClass("loading"); + self.change_selection(event, true); + }); + + }); + + }); + + editor.on('cancel', this, function () { + if(typeof callback === "function") { + callback(); + } + }); + + editor.appendTo(document.body); + + },0); + } + }); + +})(); \ No newline at end of file diff --git a/theme_treehouse/static/src/js/theme_animation.js b/theme_treehouse/static/src/js/theme_animation.js new file mode 100644 index 000000000..1019344c8 --- /dev/null +++ b/theme_treehouse/static/src/js/theme_animation.js @@ -0,0 +1,26 @@ +(function () { + 'use strict'; + + var website = openerp.website; + + website.ready().then(function() { + // Back to Top + $('#copyright .top').click(function(){ + $('html').animate({scrollTop : 0}, 800); + return false; + }); + + // Dropdown SHOW + $('.dropdown, .btn-group').on('show.bs.dropdown', function(e){ + $(this).find('.dropdown-menu').first().stop(true, true).slideDown(); + }); + + // Dropdown HIDE + $('.dropdown, .btn-group').on('hide.bs.dropdown', function(e){ + e.preventDefault(); + $(this).find('.dropdown-menu').first().stop(true, true).slideUp('', function(){ + $(this).parent().removeClass('open'); + }); + }); + }); +})(); diff --git a/theme_treehouse/static/src/less/colors.less b/theme_treehouse/static/src/less/colors.less new file mode 100644 index 000000000..99ed1df50 --- /dev/null +++ b/theme_treehouse/static/src/less/colors.less @@ -0,0 +1,72 @@ +/* ========================================================================== + Colors Options + ========================================================================== */ + +/** + * 1. Scheme 01 + * 2. Scheme 02 + * 3. Scheme 03 + * 4. Scheme 04 + * 5. Scheme 05 + * 6. Scheme 06 + */ + + +/* Scheme 01 + ========================================================================== */ + +@color-01-alpha: #A3CC52; +@color-01-beta: #CC4452; +@color-01-gamma: #8e3557; +@color-01-delta: #4a1a2c; +@color-01-epsilon: #F7F2B2; + + +/* Scheme 02 + ========================================================================== */ + +@color-02-alpha: darken(#F0C755, 5%); +@color-02-beta: #E2AD3B; +@color-02-gamma: #BF5C00; +@color-02-delta: #901811; +@color-02-epsilon: #77C4D3; + + +/* Scheme 03 + ========================================================================== */ + +@color-03-alpha: #0092B2; +@color-03-beta: #046380; +@color-03-gamma: #A8C545; +@color-03-delta: #ffd55c; +@color-03-epsilon: #FFF6C5; + + +/* Scheme 04 + ========================================================================== */ + +@color-04-alpha: darken(#79BD8F, 5%); +@color-04-beta: #00A388; +@color-04-gamma: #046380; +@color-04-delta: #4BB5C1; +@color-04-epsilon: #BEEB9F; + + +/* Scheme 05 + ========================================================================== */ + +@color-05-alpha: #DD7E43; +@color-05-beta: lighten(#CF4A30, 5%); +@color-05-gamma: #911146; +@color-05-delta: #306E73; +@color-05-epsilon: #9CC264; + + +/* Scheme 06 + ========================================================================== */ + +@color-06-alpha: #B7CA79; +@color-06-beta: #677E52; +@color-06-gamma: #B0CC99; +@color-06-delta: #F6E8B1; +@color-06-epsilon: #89725B; \ No newline at end of file diff --git a/theme_treehouse/static/src/less/customize.less b/theme_treehouse/static/src/less/customize.less new file mode 100644 index 000000000..d8b2babb7 --- /dev/null +++ b/theme_treehouse/static/src/less/customize.less @@ -0,0 +1,689 @@ +/* ========================================================================== + Edit, Customize and Demo + ========================================================================== */ + +/** + * 1. Customize Modal + * 2. Editor Options + * 3. Snippets Navbar + * 4. Demos Page + * 5. Publishing Buttons + */ + + +/* Customize Modal + ================================================== */ + +#theme_customize_modal { + &.modal.fade:not(.in) .modal-dialog { + .translate3d(50%, 0, 0); + } + #treehouse_customize_modal .modal-dialog { + top: 0; + right: 0; + height: 100%; + text-transform: inherit; + .modal-content { + height: 100%; + border-radius: 0; + border: 0; + width: 480px; + background-color: #000; + } + } + .modal-header { + background-color: #000; + color: #fff; + padding: 10px 20px; + border: 0; + } + .modal-header { + .modal-title { + line-height: 1.2; + font-family: 'Roboto', sans-serif; + font-size: 34px; + } + .close { + width: 30px; + height: 30px; + margin: 5px 0 0 0; + background-color: #fff; + color: @gray-darker; + text-shadow: @shadow; + opacity: 0.5; + border-radius: 50%; + font-size: 18px; + &:hover { + opacity: 1; + background-color: @brand-danger; + color: #000; + } + } + } + .panel-group .panel-heading+.panel-collapse>.panel-body { + border-top-color: #fff; + } + .panel { + border: 0; + box-shadow: @shadow; + font-family: 'Roboto', sans-serif; + } + .panel-group { + margin-bottom: 0; + } + .panel-group .panel + .panel { + margin-top: 0; + } + .panel-heading { + padding: 0; + margin-bottom: 1px; + a { + display: block; + padding: 10px 20px; + background-color: @brand-success; + color: #fff; + font-size: 14px; + text-decoration: none; + text-transform: uppercase; + .fa { + width: 30px; + height: 30px; + line-height: 30px; + margin: 0 10px 0 0; + background-color: #fff; + color: @brand-success; + text-align: center; + border-radius: 50%; + font-size: 13px; + } + &.collapsed { + background-color: #eee; + color: #000; + .fa { + color: #000; + } + } + &.collapsed:hover { + background-color: @brand-primary; + color: #fff; + .fa { + background-color: #fff; + color: @brand-primary; + } + } + } + } + .modal-body { + padding: 0; + } + #treehouse_fonts .panel-body { + span { + font-size: 18px; + line-height: 22px; + } + .icon:before { + margin-bottom: 20px; + } + .customize_abel { + font-family: 'Abel'; + } + .customize_lato { + font-family: 'Lato'; + } + .customize_karla { + font-family: 'Karla'; + } + .customize_laila { + font-family: 'Laila'; + } + .customize_dosis { + font-family: 'Dosis'; + } + .customize_raleway { + font-family: 'Raleway'; + } + } + .panel-group .panel{ + border-radius: 0; + } + .panel-body { + h5 { + font-family: 'Roboto', sans-serif; + font-size: 14px; + } + padding: 20px 26px; + border-bottom: 1px solid #000; + .icon { + text-align: left; + clear: both; + font-weight: normal; + font-size: 14px; + } + .icon:before { + content: '\f111'; + font-family: 'FontAwesome'; + font-size: 18px; + margin-right: 8px; + margin-bottom: 10px; + color: #ccc; + float: left; + } + .icon:hover { + color: @gray-darker; + cursor: pointer; + } + .icon:hover:before { + content: '\f058'; + font-family: 'FontAwesome'; + color: #000; + } + .icon.checked:before { + content: '\f058'; + font-family: 'FontAwesome'; + color: @brand-success; + } + .icon span { + float: left; + width: 30px; + height: 30px; + } + .none { + background-image:url('/theme_treehouse/static/src/img/customize/customize_none.gif'); + background-position: center; + border: 1px solid #000; + } + /* Grayscale */ + .white { background-color: #fff;border: 1px solid @gray-darker !important; } + .gray-lighter { background-color: @gray-lighter; } + .gray-darker { background-color: @gray-darker; } + .color-alpha { background-color: @color-alpha; } + /* 01 */ + .color-01-alpha { background-color: @color-01-alpha; } + .color-01-beta { background-color: @color-01-beta; } + .color-01-gamma { background-color: @color-01-gamma; } + .color-01-delta { background-color: @color-01-delta; } + .color-01-epsilon { background-color: @color-01-epsilon; } + /* 02 */ + .color-02-alpha { background-color: @color-02-alpha; } + .color-02-beta { background-color: @color-02-beta; } + .color-02-gamma { background-color: @color-02-gamma; } + .color-02-delta { background-color: @color-02-delta; } + .color-02-epsilon { background-color: @color-02-epsilon; } + /* 03 */ + .color-03-alpha { background-color: @color-03-alpha; } + .color-03-beta { background-color: @color-03-beta; } + .color-03-gamma { background-color: @color-03-gamma; } + .color-03-delta { background-color: @color-03-delta; } + .color-03-epsilon { background-color: @color-03-epsilon; } + /* 04 */ + .color-04-alpha { background-color: @color-04-alpha; } + .color-04-beta { background-color: @color-04-beta; } + .color-04-gamma { background-color: @color-04-gamma; } + .color-04-delta { background-color: @color-04-delta; } + .color-04-epsilon { background-color: @color-04-epsilon; } + /* 05 */ + .color-05-alpha { background-color: @color-05-alpha; } + .color-05-beta { background-color: @color-05-beta; } + .color-05-gamma { background-color: @color-05-gamma; } + .color-05-delta { background-color: @color-05-delta; } + .color-05-epsilon { background-color: @color-05-epsilon; } + /* 06 */ + .color-06-alpha { background-color: @color-06-alpha; } + .color-06-beta { background-color: @color-06-beta; } + .color-06-gamma { background-color: @color-06-gamma; } + .color-06-delta { background-color: @color-06-delta; } + .color-06-epsilon { background-color: @color-06-epsilon; } + } +} + + +/* Editor Options + ================================================== */ + +/* Selector Button */ +.navbar-inverse { + background-color: #000; + .navbar-nav>.active>a, + .navbar-nav>.active>a:hover, + .navbar-nav>.active>a:focus { + background-color: #000; + } +} + +.oe_overlay { + /* Options Buttons */ + .oe_overlay_options { + // > .btn-group { + // .btn { + // padding: 8px 10px 6px 10px; + // font-size: 16px; + // } + // .btn-primary { + // padding: 8px 12px; + // font-size: 14px; + // margin-right: 4px; + // margin-top: 1px; + // } + // } + /* Customize Button */ + .oe_options { + .dropdown-menu { + padding: 0; + margin: -1px 0 0 0; + min-width: 240px; + > li { + margin: 0; + &:hover { + > a { + color: @brand-primary; + &:after { + border-left-color: @brand-primary; + } + .fa { + background-color: @brand-primary; + color:#fff; + } + } + } + a { + line-height: 40px; + font-size: 14px; + padding: 0 20px 0 15px; + &:hover { + color: @brand-primary; + } + &:after { + margin-top: 16px; + } + &:hover:after { + border-left-color: @brand-primary; + } + .fa { + width: 40px; + height: 40px; + line-height: 40px; + background-color: #ccc; + text-align: center; + margin-right: 12px; + margin-left: -15px; + } + &:hover .fa { + color: #fff; + background-color: @brand-primary; + } + } + /* Not COLORPICKER */ + > .dropdown-menu { + border-radius: 0; + a:hover:after { + content: '\f00c'; + font-family: 'FontAwesome'; + position: absolute; + right: 0; + margin: 0 15px 0 0; + color: @brand-primary; + } + > .active > a { + color: #fff; + &:after { + content: '\f00c'; + font-family: 'FontAwesome'; + position: absolute; + right: 0; + margin: 0 15px 0 0; + color: #fff; + } + } + } + /* COLORPICKER */ + > .dropdown-menu.treehouse-colorpicker { + background-clip: inherit; + font-size: 0; + padding: 5px; + li { + display: inline-block; + margin: 5px; + a { + width: 40px; + height: 40px; + text-align: center; + padding: 0; + } + &.active a:after, + a:hover:after { + background-color: #fff; + right: auto; + left: auto; + font-size: 16px; + width: 24px; + height: 24px; + line-height: 26px; + margin: 7px 0 0 -12px; + } + &.active a.color-alpha:after, + a.color-alpha:hover:after { + color: @color-alpha; + } + &.active a.color-beta:after, + a.color-beta:hover:after { + color: @color-beta; + } + &.active a.color-gamma:after, + a.color-gamma:hover:after { + color: @color-gamma; + } + &.active a.color-delta:after, + a.color-delta:hover:after { + color: @color-delta; + } + &.active a.color-epsilon:after, + a.color-epsilon:hover:after { + color: @color-epsilon; + } + &.active a.none:after, + &.active a.snippets-option-pattern:after, + &.active a.white:after, + a.none:hover:after, + a.snippets-option-pattern:hover:after, + a.white:hover:after { + color: @gray-darker; + } + &.active a.gray-lighter:after, + a.gray-lighter:hover:after { + color: @gray-lighter; + } + &.active a.gray:after, + a.gray:hover:after { + color: @gray; + } + &.active a.gray-darker:after, + a.gray-darker:hover:after { + color: @gray-darker; + } + } + .active .none, + .active .none:hover, + .none, + .none:hover { + background-image: url('/theme_treehouse/static/src/img/customize/customize_none.gif'); + border: 1px solid @gray-darker !important; + background-position: center; + } + .active .white, + .active .white:hover, + .white, + .white:hover { + background-color: #fff; + border: 1px solid @gray-darker !important; + } + .active .gray-lighter, + .active .gray-lighter:hover, + .gray-lighter, + .gray-lighter:hover { + background-color: @gray-lighter; + border: 1px solid @gray-lighter; + } + .active .gray, + .active .gray:hover, + .gray, + .gray:hover { + background-color: @gray; + border: 1px solid @gray; + } + .active .gray-darker, + .active .gray-darker:hover, + .gray-darker, + .gray-darker:hover { + background-color: @gray-darker; + border: 1px solid @gray-darker; + } + .active .color-alpha, + .active .color-alpha:hover, + .color-alpha, + .color-alpha:hover { + background-color: @color-alpha; + border: 1px solid @color-alpha; + } + .active .color-beta, + .active .color-beta:hover, + .color-beta, + .color-beta:hover { + background-color: @color-beta; + border: 1px solid @color-beta; + } + .active .color-gamma, + .active .color-gamma:hover, + .color-gamma, + .color-gamma:hover { + background-color: @color-gamma; + border: 1px solid @color-gamma; + } + .active .color-delta, + .active .color-delta:hover, + .color-delta, + .color-delta:hover { + background-color: @color-delta; + border: 1px solid @color-delta; + } + .active .color-epsilon, + .active .color-epsilon:hover, + .color-epsilon, + .color-epsilon:hover { + background-color: @color-epsilon; + border: 1px solid @color-epsilon; + } + } + /* BACKGROUND IMAGES */ + > .dropdown-menu.treehouse-bg-img-selector { + width: 515px; + .inline { + margin: 10px 0 4px 10px; + display: block; + li { + display: inline-block; + a { + display: block; + position: relative; + padding: 0; + width: 120px; + height: 70px; + overflow: hidden; + text-align: center; + } + &.active a:after, + a:hover:after { + background-color: #fff; + right: auto; + left: 45px; + font-size: 16px; + width: 30px; + height: 30px; + line-height: 32px; + margin: 20px 0 0 0; + } + } + } + } + > .dropdown-menu .dropdown-submenu { + a:hover:after { + content: ''; + } + } + } + } + } + } +} + + +/* Snippets Navbar + ================================================== */ + +#snippet_structure, +#snippet_content, +#snippet_feature, +#snippet_effect{ + .oe_snippet{ + // width: 90px; + margin: 0 0 5px 5px; + .oe_snippet_thumbnail_title{ + margin-top: 5px; + } + .oe_snippet_thumbnail .oe_snippet_thumbnail_img{ + // width: 90px; + // height: 90px; + border: 5px solid inherit; + box-shadow: @shadow; + } + .oe_snippet_thumbnail:hover .oe_snippet_thumbnail_img{ + transform: scale(1, 1); + } + .oe_snippet_thumbnail:hover:before{ + content: ""; + position: absolute; + right: 0; + background-image: url('/theme_treehouse/static/src/img/customize/add_snippet_hover.png'); + z-index: 1; + width: 30px; + height: 30px; + } + } +} + + +/* Demos Page + ========================================================================== */ + +#wrapwrap h1.demo-title { + padding: 32px 0; + color: @gray-lighter; + font-family: 'Lato', sans-serif; + font-weight: 400 !important; + font-size: 60px; +} + +#wrapwrap h4.demo-subtitle { + padding: 10px 20px; + border-left: 5px solid @gray-dark; + background-image: url('/theme_treehouse/static/src/img/patterns/bg_pattern_demo.png'); + color: @gray-dark; + font-family: 'Lato', sans-serif; + font-weight: 400 !important; + font-size: 24px; +} + +.demo-icons { + .fa-rocket { + margin-right: 15px; + } +} + + +/* Publishing Buttons + ========================================================================== */ + +#wrapwrap .js_publish_management { + .btn { + border-radius: 0; + padding: 6px 12px; + text-transform: none; + font-size: 14px; + &.btn-success { + background-color: @brand-success; + &:hover { + background-color: darken(@brand-success, 10%) + } + } + &.btn-danger { + background-color: @brand-danger; + &:hover { + background-color: darken(@brand-danger, 10%) + } + } + } +} + + +/* Link to... Buttons + ========================================================================== */ + +.modal-body .link-style li label{ + width: auto; + margin-bottom: 5px; +} + + +/* Colorpicker Editor + ========================================================================== */ + +table.treehouse-colorpicker{ + background-color: #fff; + width: 100%; + button { + display: inline-block; + margin: 5px; + width: 30px; + height: 30px; + padding: 0; + &.text-white, + &.bg-white { + background-color: #fff; + border: 1px solid @gray-darker !important; + } + &.text-black, + &.bg-black { + background-color: #000; + border: 1px solid @gray-darker !important; + } + &.text-gray-lighter, + &.bg-gray-lighter { + background-color: @gray-lighter; + border: 1px solid @gray-lighter; + } + &.text-gray-light, + &.bg-gray-light { + background-color: @gray-light; + border: 1px solid @gray-light; + } + &.text-gray, + &.bg-gray { + background-color: @gray; + border: 1px solid @gray; + } + &.text-gray-dark, + &.bg-gray-dark { + background-color: @gray-dark; + border: 1px solid @gray-dark; + } + &.text-gray-darker, + &.bg-gray-darker { + background-color: @gray-darker; + border: 1px solid @gray-darker; + } + &.text-primary, + &.bg-alpha { + background-color: @color-alpha; + border: 1px solid @color-alpha; + } + &.text-success, + &.bg-beta { + background-color: @color-beta; + border: 1px solid @color-beta; + } + &.text-info, + &.bg-gamma { + background-color: @color-gamma; + border: 1px solid @color-gamma; + } + &.text-warning, + &.bg-delta { + background-color: @color-delta; + border: 1px solid @color-delta; + } + &.text-danger, + &.bg-epsilon { + background-color: @color-epsilon; + border: 1px solid @color-epsilon; + } + } +} \ No newline at end of file diff --git a/theme_treehouse/static/src/less/layout.less b/theme_treehouse/static/src/less/layout.less new file mode 100644 index 000000000..3a0cd3194 --- /dev/null +++ b/theme_treehouse/static/src/less/layout.less @@ -0,0 +1,349 @@ +/* ========================================================================== + Structure Styles + ========================================================================== */ + +/** + * 1. preHeader + * 2. Navbar + * 3. Hamburger Button + * 4. Copyright + */ + + +/* preHeader + ========================================================================== */ + +@preheader-background-color: @color-alpha; +.preheader-style(); + +#preheader { + vertical-align: middle; + font-size: @layout-font-size; + font-weight: @layout-font-weight; + padding: 8px 0; + background-color: @preheader-background-color; + color: @preheader-link-color; + .home, + #social, + #language { + > a .fa, + button .fa { + box-sizing: content-box; + border: 2px solid rgba(0, 0, 0, 0); + color: @color-alpha; + background-color: @preheader-link-color; + &:hover { + background-color: rgba(0, 0, 0, 0); + border-color: @preheader-link-color; + color: @preheader-link-color; + } + } + .fa-size-generator(10px); + } + .list-inline { + display: inline-block; + margin: 0; + > li { + padding: 0; + } + } + #social { + text-align: right; + a { + text-decoration: none; + } + } + #contact { + li { + margin: 0 20px 0 0; + .fa:not(.fa-home) { + margin: 0 8px 0 0; + color: @preheader-link-color; + opacity: 0.5; + } + a, span:not(.fa) { + color: @preheader-text-color; + letter-spacing: 1px; + } + } + } + #language { + min-width: 10%; + text-align: right; + /* Button */ + .btn-group { + button { + padding: 0; + border: 0; + background-color: rgba(0, 0, 0, 0); + .caret { + margin: 0 0 0 5px; + color: @preheader-link-color; + } + } + &.open > button { + box-shadow: @shadow; + .fa { + background-color: rgba(0, 0, 0, 0); + border-color: @preheader-link-color; + color: @preheader-link-color; + } + .caret { + border-bottom: 5px solid; + border-top: 0; + } + } + /* First Level */ + > .dropdown-menu { + top: 38px; + right: 0; + padding: 0; + border: 0; + margin: 0; + min-width: 200px; + z-index: @zindex-dropdown + 1; + box-shadow: @shadow; + background-color: @preheader-link-color; + > li { + margin: 0; + > a { + padding: 8px 18px; + color: @navbar-link-color; + font-size: @navbar-font-size; + font-weight: @navbar-font-weight; + text-align: right; + text-transform: uppercase; + .fa { + margin: 0 5px; + } + &:hover, + &:hover .fa { + background-color: rgba(0, 0, 0, 0); + color: @color-alpha; + } + } + } + } + } + } +} + +/* Navbar + ========================================================================== */ + +#wrapwrap { + .navbar { + padding-top: 10px; + padding-bottom: 10px; + } + .navbar-default { + border: 0; + font-size: @font-size-small; + font-weight: @font-bold; + .navbar-collapse { + border: 0; + } + .navbar-brand { + color: @navbar-link-color; + } + .navbar-nav { + /* Remove separator */ + .divider { + display: none; + } + /* First Level */ + > li { + margin: 5px 0; + > a { + letter-spacing: 1px; + padding: 3px 14px; + border: 2px solid rgba(0, 0, 0, 0); + margin-left: 4px; + color: @navbar-link-color; + font-size: @navbar-font-size; + font-weight: @navbar-font-weight; + border-radius: 20px; + text-transform: uppercase; + &:hover{ + color: @navbar-link-hover-color; + border: 2px solid @navbar-link-hover-color; + } + } + &.active > a, + &.active > a:hover, + &.active > a:focus { + background-color: @navbar-link-active-bg; + border-color: @navbar-link-active-bg; + border-radius: 20px; + color: @navbar-link-active-color; + } + &.open { + > a, + > a:hover, + > a:focus { + background-color: rgba(0, 0, 0, 0); + color: @navbar-link-hover-color; + border-color: @navbar-link-hover-color; + border-radius: 20px; + } + .caret { + border-bottom: 5px solid; + border-top: 0; + } + } + /* Second Level */ + > .dropdown-menu { + top: 34px; + left: 4px; + padding: 0; + border: 0; + min-width: 200px; + box-shadow: @shadow; + > li { + margin: 0; + > a { + padding: 8px 18px; + font-size: @navbar-font-size; + font-weight: @navbar-font-weight; + text-transform: uppercase; + &:before { + content: '\f111'; + font-family: 'FontAwesome'; + margin: 0 6px 0 0; + line-height: 18px; + font-size: 6px; + vertical-align: top; + } + &:hover { + background-color: rgba(0, 0, 0, 0); + color: @navbar-link-hover-color; + } + } + &.active > a, + &.active > a:hover, + &.active > a:focus { + background-color: @navbar-link-active-bg; + color: @navbar-link-active-color; + } + } + } + } + } + } + + @media (max-width: @screen-xs-max) { + .navbar-collapse { + margin: 0; + box-shadow: @shadow; + } + .navbar-default .navbar-nav > li { + > a { + margin: 0 0 5px 0; + } + .dropdown-menu > li { + > a { + padding: 4px 20px; + &:before { + line-height: 24px; + } + } + &.active > a, + &.active > a:hover, + &.active > a:focus { + border-radius: 20px; + } + &:last-child { + margin-bottom: 15px; + } + } + } + } + + @media (min-width: @screen-sm-min) { + .navbar .container { + white-space: nowrap; + } + .navbar-header, + .navbar-collapse { + float: none !important; + display: inline-block !important; + vertical-align: middle; + } + .navbar-header { + width: 20%; + } + .navbar-collapse { + width: 80%; + } + } + +} + + +/* Hamburger Button + ========================================================================== */ + +@media (max-width: @screen-sm-max) { + #wrapwrap #preheader li.visible-xs-inline-block .fa { + opacity: 1; + color: @color-alpha; + &:hover { + color: @navbar-link-color; + } + } + #wrapwrap .navbar-default .navbar-toggle { + border: 0; + padding: 8px 2px; + color: @gray-darker; + background-color: rgba(0, 0, 0, 0); + .icon-bar { + background-color: @navbar-link-color; + width: 25px; + height: 3px; + border-radius: 2px; + } + &:hover { + .icon-bar{ + background-color: @color-alpha; + } + } + } +} + + +/* Copyright + ========================================================================== */ + +#copyright { + background-color: @preheader-background-color; + color: @preheader-text-color; + font-size: @layout-font-size; + font-weight: @layout-font-weight; + #company { + padding: 10px 15px; + } + .top { + position: absolute; + top: -20px; + left: 0; + right: 0; + .fa-size-generator(20px); + } + #odoo { + padding: 10px 15px; + text-align: right; + a{ + color: @preheader-text-color; + &:hover{ + color: @preheader-text-color; + text-decoration: underline; + } + } + .label{ + padding: 2px 6px; + background-color: #fff; + color: @color-alpha; + font-size: 100%; + } + } +} \ No newline at end of file diff --git a/theme_treehouse/static/src/less/mixins.less b/theme_treehouse/static/src/less/mixins.less new file mode 100644 index 000000000..eeed842a0 --- /dev/null +++ b/theme_treehouse/static/src/less/mixins.less @@ -0,0 +1,424 @@ +/* ========================================================================== + Global Mixins + ========================================================================== */ + +/** + * 1. Background Colors + * 2. Unused Backgrounds Colors + * 3. Buttons Colors + * 4. Panels Colors + * 5. Text Muted + * 6. Thumbnails Colors + * 7. Well Colors + */ + + +/* Background Colors + ========================================================================== */ + +.bg-mixin(@background; @color; @bs-selector; @wb-selector){ + background-color: @background; + color: @color; + a:not(.btn), + &.fa, + .text-@{bs-selector}, + .blockquote-text small{ + color: @color; + } + .bg-@{wb-selector}.label{ + background-color: @color; + color: @background; + } + .btn.btn-@{bs-selector}, + .btn.btn-default{ + background-color: @color; + color: @background; + &:hover{ + color: @color; + border-color: @color; + } + } + .bg-@{wb-selector}{ + &.fa{ + background-color: @color; + color: @background; + } + .img-thumbnail(@background, @color); + } + .panel-@{wb-selector}{ + .panel-color(@color, @background); + } + .well-@{wb-selector}{ + .well-color(@color); + } + .img-thumbnail(@color, @background); +} + +.bg-none(@background; @color){ + background-color: rgba(0, 0, 0, 0); +} + +.white(@content-color){ + .bg-white{ + .bg-mixin(#fff, @content-color, white, white); + } + .panel-white{ + .panel-color(#fff, @content-color); + } + .well-white{ + .well-color(#fff); + } +} + +.gray-lighter(@content-color){ + .bg-gray-lighter{ + .bg-mixin(@gray-lighter, @content-color, gray-lighter, gray-lighter); + } + .panel-gray-lighter{ + .panel-color(@gray-lighter, @content-color); + } + .well-gray-lighter{ + .well-color(@gray-lighter); + } +} + +.gray(@content-color){ + .bg-gray{ + .bg-mixin(@gray, @content-color, gray, gray); + } + .panel-gray{ + .panel-color(@gray, @content-color); + } + .well-gray{ + .well-color(@gray); + } +} + +.gray-darker(@content-color){ + #wrapwrap { + .bg-gray-darker{ + .bg-mixin(@gray-darker, @content-color, gray-darker, gray-darker); + } + .panel-gray-darker{ + .panel-color(@gray-darker, @content-color); + } + .well-gray-darker{ + .well-color(@gray-darker); + } + .well-gray-darker{ + .well-color(@gray-darker); + } + .btn.btn-default{ + .btn-color(@gray-darker; @content-color); + } + } + #wrapwrap, + .modal-body .dropdown-menu, + .link-style .col-sm-10 { + .btn.btn-default{ + .btn-color(@gray-darker; @content-color); + } + } +} + +.alpha(@content-color){ + #wrapwrap { + .bg-alpha{ + .bg-mixin(@color-alpha, @content-color, primary, alpha); + } + .panel-alpha{ + .panel-color(@color-alpha, @content-color); + } + .panel-primary{ + .panel-variant(@color-alpha; @content-color; @color-alpha; @color-alpha); + } + .well-alpha{ + .well-color(@color-alpha); + } + } + #wrapwrap, + .modal-body .dropdown-menu, + .link-style .col-sm-10 { + .btn.btn-primary{ + .btn-color(@color-alpha; @content-color); + } + } +} + +.beta(@content-color){ + #wrapwrap { + .bg-beta{ + .bg-mixin(@color-beta, @content-color, success, beta); + } + .panel-beta{ + .panel-color(@color-beta, @content-color); + } + .panel-success{ + .panel-variant(@color-beta; @content-color; @color-beta; @color-beta); + } + .well-beta{ + .well-color(@color-beta); + } + } + #wrapwrap, + .modal-body .dropdown-menu, + .link-style .col-sm-10 { + .btn.btn-success{ + .btn-color(@color-beta; @content-color); + } + } +} + +.gamma(@content-color){ + #wrapwrap { + .bg-gamma{ + .bg-mixin(@color-gamma, @content-color, info, gamma); + } + .panel-gamma{ + .panel-color(@color-gamma, @content-color); + } + .panel-info{ + .panel-variant(@color-gamma; @content-color; @color-gamma; @color-gamma); + } + .well-gamma{ + .well-color(@color-gamma); + } + } + #wrapwrap, + .modal-body .dropdown-menu, + .link-style .col-sm-10 { + .btn.btn-info{ + .btn-color(@color-gamma; @content-color); + } + } +} + +.delta(@content-color){ + #wrapwrap { + .bg-delta{ + .bg-mixin(@color-delta, @content-color, warning, delta); + } + .panel-delta{ + .panel-color(@color-delta, @content-color); + } + .panel-warning{ + .panel-variant(@color-delta; @content-color; @color-delta; @color-delta); + } + .well-delta{ + .well-color(@color-delta); + } + } + #wrapwrap, + .modal-body .dropdown-menu, + .link-style .col-sm-10 { + .btn.btn-warning{ + .btn-color(@color-delta, @content-color); + } + } +} + +.epsilon(@content-color){ + #wrapwrap { + .bg-epsilon{ + .bg-mixin(@color-epsilon, @content-color, danger, epsilon); + } + .panel-epsilon{ + .panel-color(@color-epsilon, @content-color); + } + .panel-danger{ + .panel-variant(@color-epsilon; @content-color; @color-epsilon; @color-epsilon); + } + .well-epsilon{ + .well-color(@color-epsilon); + } + } + #wrapwrap, + .modal-body .dropdown-menu, + .link-style .col-sm-10 { + .btn.btn-danger{ + .btn-color(@color-epsilon; @content-color); + } + } +} + + +/* Unused Backgrounds Colors + ========================================================================== */ + +.bg-gray-light{ + background-color: @gray-light; +} +.bg-gray-dark{ + background-color: @gray-dark; +} +.bg-black{ + background-color: #000; +} + + +/* Buttons Colors + ========================================================================== */ + +.btn-color(@btn-color; @content-color){ + background-color: @btn-color; + color: @content-color; + &:hover{ + background-color: rgba(0, 0, 0, 0); + border-color: @btn-color; + color: @btn-color; + } +} + + +/* Panels Colors + ========================================================================== */ + +.panel-color(@color, @textcolor){ + border-color: @color; + .list-group li.active{ + background-color: @color !important; + color: @textcolor; + } + > .panel-heading{ + background-color: @color; + color: @textcolor; + .text-muted{ + color: @textcolor; + } + > .panel-title, a{ + color: @textcolor; + } + } + .tab-content{ + border-left: 1px solid @color; + border-bottom: 1px solid @color; + border-right: 1px solid @color; + padding: 20px; + } + .nav-tabs{ + border-bottom: 1px solid @color; + > li { + > a{ + background-color: inherit; + color: @color; + &:hover, + &:focus{ + background-color: @color; + border: 1px solid @color; + border-bottom-color: @color; + color: @textcolor; + .fa{ + color: @textcolor; + } + } + } + &.active a, + &.active a:hover, + &.active a:focus{ + border: 1px solid @color; + background-color: @color; + color: @textcolor; + .fa{ + color: @textcolor; + } + } + } + } +} + + +/* Text Muted + ========================================================================== */ + +.text-muted(@color){ + color: @color; + opacity: (@opacity * 0.5); +} + +/* Fix non-clickable input */ +#wrapwrap form div.text-muted { + opacity: 1; +} + + +/* Thumbnails Colors + ========================================================================== */ + +.img-thumbnail(@first-border-color; @second-border-color){ + &.thumbnail, + &.img-thumbnail{ + @shadow: 0 0 0 3px @first-border-color, 0 0 0 6px @second-border-color; + .box-shadow(@shadow); + } +} + + +/* Well Colors + ========================================================================== */ + +.well-color(@color){ + background-color: rgba(0, 0, 0, 0); + border-color: @color; + color: inherit; + .fa{ + color: @color; + } +} + + + +/* Patterns + ========================================================================== */ + + + +.opt-pattern-mixin(@url) { + body, html{ + background-image: @url; + background-repeat: repeat; + } +} + +.opt-nav-style-mixin(@background-color; @color) { + #wrapwrap { + .navbar-default { + background-color: @background-color; + .navbar-nav > li { + > a { + color: @color; + } + &.active > a { + color: @background-color; + } + > .dropdown-menu { + background-color: @background-color; + > li { + > a { + color: @color; + } + &.active > a, + &.active > a:hover, + &.active > a:focus{ + color: @background-color; + } + } + } + } + } + } +} + +.opt-footer-style-mixin(@background-color; @color){ + #wrapwrap footer { + background-color: @background-color; + color: @color; + } + #wrapwrap .top .fa { + background-color: @color-alpha; + color: @background-color; + &:hover { + background-color: @background-color; + color: @color-alpha; + } + } +} \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/background/color_alpha.less b/theme_treehouse/static/src/less/options/background/color_alpha.less new file mode 100644 index 000000000..47f2228b2 --- /dev/null +++ b/theme_treehouse/static/src/less/options/background/color_alpha.less @@ -0,0 +1,3 @@ +body{ + background-color: @color-alpha; +} \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/background/gray_darker.less b/theme_treehouse/static/src/less/options/background/gray_darker.less new file mode 100644 index 000000000..968027260 --- /dev/null +++ b/theme_treehouse/static/src/less/options/background/gray_darker.less @@ -0,0 +1,3 @@ +body{ + background-color: @gray-darker; +} \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/background/gray_lighter.less b/theme_treehouse/static/src/less/options/background/gray_lighter.less new file mode 100644 index 000000000..a0e62bffa --- /dev/null +++ b/theme_treehouse/static/src/less/options/background/gray_lighter.less @@ -0,0 +1,3 @@ +body{ + background-color: @gray-lighter; +} \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/background/pattern_01.less b/theme_treehouse/static/src/less/options/background/pattern_01.less new file mode 100644 index 000000000..188de4b32 --- /dev/null +++ b/theme_treehouse/static/src/less/options/background/pattern_01.less @@ -0,0 +1 @@ +.opt-pattern-mixin(url('/website/image/theme_treehouse.bg_pattern_01')); \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/background/pattern_02.less b/theme_treehouse/static/src/less/options/background/pattern_02.less new file mode 100644 index 000000000..cccc99d69 --- /dev/null +++ b/theme_treehouse/static/src/less/options/background/pattern_02.less @@ -0,0 +1 @@ +.opt-pattern-mixin(url('/website/image/theme_treehouse.bg_pattern_02')); \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/background/pattern_03.less b/theme_treehouse/static/src/less/options/background/pattern_03.less new file mode 100644 index 000000000..b8ee8d392 --- /dev/null +++ b/theme_treehouse/static/src/less/options/background/pattern_03.less @@ -0,0 +1 @@ +.opt-pattern-mixin(url('/website/image/theme_treehouse.bg_pattern_03')); \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/background/pattern_04.less b/theme_treehouse/static/src/less/options/background/pattern_04.less new file mode 100644 index 000000000..66a4f4de5 --- /dev/null +++ b/theme_treehouse/static/src/less/options/background/pattern_04.less @@ -0,0 +1 @@ +.opt-pattern-mixin(url('/website/image/theme_treehouse.bg_pattern_04')); \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/background/pattern_05.less b/theme_treehouse/static/src/less/options/background/pattern_05.less new file mode 100644 index 000000000..5aed5f690 --- /dev/null +++ b/theme_treehouse/static/src/less/options/background/pattern_05.less @@ -0,0 +1 @@ +.opt-pattern-mixin(url('/website/image/theme_treehouse.bg_pattern_05')); \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/background/pattern_06.less b/theme_treehouse/static/src/less/options/background/pattern_06.less new file mode 100644 index 000000000..6f3bd594f --- /dev/null +++ b/theme_treehouse/static/src/less/options/background/pattern_06.less @@ -0,0 +1 @@ +.opt-pattern-mixin(url('/website/image/theme_treehouse.bg_pattern_06')); \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/background/pattern_07.less b/theme_treehouse/static/src/less/options/background/pattern_07.less new file mode 100644 index 000000000..28ccce828 --- /dev/null +++ b/theme_treehouse/static/src/less/options/background/pattern_07.less @@ -0,0 +1 @@ +.opt-pattern-mixin(url('/website/image/theme_treehouse.bg_pattern_07')); \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/background/pattern_08.less b/theme_treehouse/static/src/less/options/background/pattern_08.less new file mode 100644 index 000000000..8644f9725 --- /dev/null +++ b/theme_treehouse/static/src/less/options/background/pattern_08.less @@ -0,0 +1 @@ +.opt-pattern-mixin(url('/website/image/theme_treehouse.bg_pattern_08')); \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/background/pattern_09.less b/theme_treehouse/static/src/less/options/background/pattern_09.less new file mode 100644 index 000000000..bd3fbcf55 --- /dev/null +++ b/theme_treehouse/static/src/less/options/background/pattern_09.less @@ -0,0 +1 @@ +.opt-pattern-mixin(url('/website/image/theme_treehouse.bg_pattern_09')); \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/colors/colors_01.less b/theme_treehouse/static/src/less/options/colors/colors_01.less new file mode 100644 index 000000000..fb9e335c4 --- /dev/null +++ b/theme_treehouse/static/src/less/options/colors/colors_01.less @@ -0,0 +1,58 @@ +@color-alpha: @color-01-alpha; +@color-beta: @color-01-beta; +@color-gamma: @color-01-gamma; +@color-delta: @color-01-delta; +@color-epsilon: @color-01-epsilon; + +@gray-darker: #4C4545; +@gray: #A39E96; +@gray-lighter: #e3dcd1; + +@link-color: @color-alpha; +@link-hover-color: darken(@color-alpha, 15%); + +.white(@gray-darker); +.gray-lighter(@gray-darker); +.gray(#fff); +.gray-darker(#fff); +.alpha(#fff); +.beta(#fff); +.gamma(#fff); +.delta(#fff); +.epsilon(@gray-darker); + +@preheader-text-color: #fff; + +.preheader-style() when (@nav-style-white = true){ + @preheader-link-color: #fff; + + @navbar-link-color: @gray-darker; + @navbar-link-active-bg: @color-alpha; + @navbar-link-active-color: #fff; + @navbar-link-hover-color: @color-alpha; +} + +.preheader-style() when (@nav-style-gray-lighter = true){ + @preheader-link-color: @gray-darker; + + @navbar-link-color: @gray-darker; + @navbar-link-active-bg: @gray-darker; + @navbar-link-active-color: @gray-lighter; + @navbar-link-hover-color: @gray-darker; + + #wrapwrap #preheader #language .btn-group > .dropdown-menu > li >a { + color: @gray-lighter; + &:hover { + color: @color-alpha; + } + } +} + +.preheader-style() when (@nav-style-gray-darker = true){ + @preheader-link-color: @gray-darker; + + @navbar-link-color: #fff; + @navbar-link-active-bg: @color-alpha; + @navbar-link-active-color: @gray-darker; + @navbar-link-hover-color: @color-alpha; +} \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/colors/colors_02.less b/theme_treehouse/static/src/less/options/colors/colors_02.less new file mode 100644 index 000000000..c54df1753 --- /dev/null +++ b/theme_treehouse/static/src/less/options/colors/colors_02.less @@ -0,0 +1,58 @@ +@color-alpha: @color-02-alpha; +@color-beta: @color-02-beta; +@color-gamma: @color-02-gamma; +@color-delta: @color-02-delta; +@color-epsilon: @color-02-epsilon; + +@gray-darker: darken(#3E606F, 15%); +@gray: #3E606F; +@gray-lighter: lighten(#69A2BB, 20%); + +@link-color: @color-alpha; +@link-hover-color: darken(@color-alpha, 15%); + +.white(@gray-darker); +.gray-lighter(@gray-darker); +.gray(#fff); +.gray-darker(#fff); +.alpha(@gray-darker); +.beta(#fff); +.gamma(#fff); +.delta(#fff); +.epsilon(@gray-darker); + +@preheader-text-color: @gray-darker; + +.preheader-style() when (@nav-style-white = true){ + @preheader-link-color: #fff; + + @navbar-link-color: @gray-darker; + @navbar-link-active-bg: @color-alpha; + @navbar-link-active-color: #fff; + @navbar-link-hover-color: @color-alpha; +} + +.preheader-style() when (@nav-style-gray-lighter = true){ + @preheader-link-color: @gray-darker; + + @navbar-link-color: @gray-darker; + @navbar-link-active-bg: @gray-darker; + @navbar-link-active-color: @gray-lighter; + @navbar-link-hover-color: @gray; + + #wrapwrap #preheader #language .btn-group > .dropdown-menu > li > a { + color: @gray-lighter; + &:hover { + color: @color-alpha; + } + } +} + +.preheader-style() when (@nav-style-gray-darker = true){ + @preheader-link-color: @gray-darker; + + @navbar-link-color: #fff; + @navbar-link-active-bg: @color-alpha; + @navbar-link-active-color: @gray-darker; + @navbar-link-hover-color: @color-alpha; +} \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/colors/colors_03.less b/theme_treehouse/static/src/less/options/colors/colors_03.less new file mode 100644 index 000000000..951970526 --- /dev/null +++ b/theme_treehouse/static/src/less/options/colors/colors_03.less @@ -0,0 +1,59 @@ +@color-alpha: @color-03-alpha; +@color-beta: @color-03-beta; +@color-gamma: @color-03-gamma; +@color-delta: @color-03-delta; +@color-epsilon: @color-03-epsilon; + +@gray-darker: #004460; +@gray: #4BB5C1; +@gray-lighter: #E4F8FF; + +@link-color: @color-alpha; +@link-hover-color: darken(@color-alpha, 15%); + +.white(@gray-darker); +.gray-lighter(@gray-darker); +.gray(#fff); +.gray-darker(#fff); +.alpha(#fff); +.beta(#fff); +.gamma(@gray-darker); +.delta(@gray-darker); +.epsilon(@gray-darker); + +@preheader-icons-color: darken(@color-alpha, 10%); +@preheader-text-color: #fff; + +.preheader-style() when (@nav-style-white = true){ + @preheader-link-color: #fff; + + @navbar-link-color: @gray-darker; + @navbar-link-active-bg: @color-alpha; + @navbar-link-active-color: #fff; + @navbar-link-hover-color: @color-alpha; +} + +.preheader-style() when (@nav-style-gray-lighter = true){ + @preheader-link-color: @gray-lighter; + + @navbar-link-color: @gray-darker; + @navbar-link-active-bg: @color-alpha; + @navbar-link-active-color: @gray-lighter; + @navbar-link-hover-color: @color-alpha; +} + +.preheader-style() when (@nav-style-gray-darker = true){ + @preheader-link-color: #fff; + + @navbar-link-color: #fff; + @navbar-link-active-bg: @color-alpha; + @navbar-link-active-color: @gray-darker; + @navbar-link-hover-color: @color-alpha; + + #preheader #language .btn-group > .dropdown-menu > li >a { + color: @gray-darker !important; + &:hover { + color: @color-alpha !important; + } + } +} \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/colors/colors_04.less b/theme_treehouse/static/src/less/options/colors/colors_04.less new file mode 100644 index 000000000..daad42459 --- /dev/null +++ b/theme_treehouse/static/src/less/options/colors/colors_04.less @@ -0,0 +1,56 @@ +@color-alpha: @color-04-alpha; +@color-beta: @color-04-beta; +@color-gamma: @color-04-gamma; +@color-delta: @color-04-delta; +@color-epsilon: @color-04-epsilon; + +@gray-darker: #1d2127; +@gray: #AFAD94; +@gray-lighter: #efecca; + +@link-color: @color-alpha; +@link-hover-color: darken(@color-alpha, 15%); + +.white(@gray-darker); +.gray-lighter(@gray-darker); +.gray(#fff); +.gray-darker(#fff); +.alpha(#fff); +.beta(#fff); +.gamma(#fff); +.delta(#fff); +.epsilon(@gray-darker); + +@preheader-icons-color: darken(@color-alpha, 15%); + +.preheader-style() when (@nav-style-white = true){ + @preheader-link-color: #fff; + @preheader-text-color: #fff; + + @navbar-link-color: @gray-darker; + @navbar-link-active-bg: @color-alpha; + @navbar-link-active-color: #fff; + @navbar-link-hover-color: darken(@color-alpha, 10%); +} + +.preheader-style() when (@nav-style-gray-lighter = true){ + @preheader-link-color: @gray-lighter; + @preheader-text-color: @gray-lighter; + + @navbar-link-color: @gray-darker; + @navbar-link-active-bg: @color-alpha; + @navbar-link-active-color: @gray-lighter; + @navbar-link-hover-color: @color-alpha; +} + +.preheader-style() when (@nav-style-gray-darker = true){ + @preheader-link-color: @gray-darker; + @preheader-text-color: #fff; + + @navbar-link-color: #fff; + @navbar-link-active-bg: @color-alpha; + @navbar-link-active-color: @gray-darker; + @navbar-link-hover-color: @color-alpha; +} + +.preheader-style(); \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/colors/colors_05.less b/theme_treehouse/static/src/less/options/colors/colors_05.less new file mode 100644 index 000000000..3bc4b633b --- /dev/null +++ b/theme_treehouse/static/src/less/options/colors/colors_05.less @@ -0,0 +1,51 @@ +@color-alpha: @color-05-alpha; +@color-beta: @color-05-beta; +@color-gamma: @color-05-gamma; +@color-delta: @color-05-delta; +@color-epsilon: @color-05-epsilon; + +@gray-darker: darken(#68624D, 20%); +@gray: lighten(#c59d5f, 10%); +@gray-lighter: lighten(#c59d5f, 30%); + +@link-color: @color-alpha; +@link-hover-color: darken(@color-alpha, 20%); + +.white(@gray-darker); +.gray-lighter(@gray-darker); +.gray(@gray-darker); +.gray-darker(#fff); +.alpha(#fff); +.beta(#fff); +.gamma(#fff); +.delta(#fff); +.epsilon(#fff); + +@preheader-text-color: #fff; + +.preheader-style() when (@nav-style-white = true){ + @preheader-link-color: lighten(@color-alpha, 50%); + + @navbar-link-color: @gray-darker; + @navbar-link-active-bg: @color-alpha; + @navbar-link-active-color: #fff; + @navbar-link-hover-color: @color-alpha; +} + +.preheader-style() when (@nav-style-gray-lighter = true){ + @preheader-link-color: #fff; + + @navbar-link-color: @gray-darker; + @navbar-link-active-bg: darken(@gray-darker, 20%); + @navbar-link-active-color: @gray-lighter; + @navbar-link-hover-color: darken(@gray-darker, 20%); +} + +.preheader-style() when (@nav-style-gray-darker = true){ + @preheader-link-color: #fff; + + @navbar-link-color: #fff; + @navbar-link-active-bg: @color-alpha; + @navbar-link-active-color: #fff; + @navbar-link-hover-color: @color-alpha; +} \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/colors/colors_06.less b/theme_treehouse/static/src/less/options/colors/colors_06.less new file mode 100644 index 000000000..8d36466c1 --- /dev/null +++ b/theme_treehouse/static/src/less/options/colors/colors_06.less @@ -0,0 +1,51 @@ +@color-alpha: @color-06-alpha; +@color-beta: @color-06-beta; +@color-gamma: @color-06-gamma; +@color-delta: @color-06-delta; +@color-epsilon: @color-06-epsilon; + +@gray-darker: #193441; +@gray: #3E606F; +@gray-lighter: lighten(#3E606F, 50%); + +@link-color: darken(@color-alpha, 10%); +@link-hover-color: darken(@color-alpha, 25%); + +.white(@gray-darker); +.gray-lighter(@gray-darker); +.gray(#fff); +.gray-darker(#fff); +.alpha(#fff); +.beta(#fff); +.gamma(@gray-darker); +.delta(@gray-darker); +.epsilon(#fff); + + @preheader-text-color: #fff; + +.preheader-style() when (@nav-style-white = true){ + @preheader-link-color: #fff; + + @navbar-link-color: @gray-darker; + @navbar-link-active-bg: @color-alpha; + @navbar-link-active-color: #fff; + @navbar-link-hover-color: darken(@color-alpha, 10%); +} + +.preheader-style() when (@nav-style-gray-lighter = true){ + @preheader-link-color: #fff; + + @navbar-link-color: @gray-darker; + @navbar-link-active-bg: darken(@gray-lighter, 30%); + @navbar-link-active-color: @gray-lighter; + @navbar-link-hover-color: darken(@gray-lighter, 30%); +} + +.preheader-style() when (@nav-style-gray-darker = true){ + @preheader-link-color: @gray-darker; + + @navbar-link-color: #fff; + @navbar-link-active-bg: @color-alpha; + @navbar-link-active-color: @gray-darker; + @navbar-link-hover-color: @color-alpha; +} \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/fonts/font_abel.less b/theme_treehouse/static/src/less/options/fonts/font_abel.less new file mode 100644 index 000000000..58c02a9de --- /dev/null +++ b/theme_treehouse/static/src/less/options/fonts/font_abel.less @@ -0,0 +1,46 @@ + @headings-font-family: @font-family-base; + + @font-size-h1: 60px; + @font-size-h2: 48px; + @font-size-h3: 40px; + @font-size-h4: 32px; + @font-size-h5: 24px; + @font-size-h6: 20px; + + @headings-font-weight: @font-normal; + @headings-font-bold: @font-bold; + + @headings-line-height: 1.1; + + @headings-color: inherit; + @headings-small-color: @color-alpha; + + /* Bodytext */ + + @font-family-base: 'Abel', sans-serif; + + @text-color: @gray-darker; + @font-size-large: 20px; + @font-size-base: 16px; + @font-size-small: 14px; + @font-size-extra-small: 12px; + + @font-normal: 400; + @font-bold: 700; + + @line-height-base: 1.4; + @line-height-computed: 20px; + + /* Layout */ + + @navbar-font-size: @font-size-small; + @navbar-font-weight: 700; + + + @layout-font-size: @font-size-small; + @layout-font-weight: 400; + + /* Buttons */ + + @btn-font-family: @font-family-base; + @btn-font-weight: 700; \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/fonts/font_dosis.less b/theme_treehouse/static/src/less/options/fonts/font_dosis.less new file mode 100644 index 000000000..44913b08b --- /dev/null +++ b/theme_treehouse/static/src/less/options/fonts/font_dosis.less @@ -0,0 +1,46 @@ + @headings-font-family: @font-family-base; + + @font-size-h1: 60px; + @font-size-h2: 48px; + @font-size-h3: 40px; + @font-size-h4: 32px; + @font-size-h5: 24px; + @font-size-h6: 20px; + + @headings-font-weight: @font-normal; + @headings-font-bold: @font-bold; + + @headings-line-height: 1.1; + + @headings-color: inherit; + @headings-small-color: @color-alpha; + + /* Bodytext */ + + @font-family-base: 'Dosis', sans-serif; + + @text-color: @gray-darker; + @font-size-large: 18px; + @font-size-base: 16px; + @font-size-small: 14px; + @font-size-extra-small: 12px; + + @font-normal: 400; + @font-bold: 700; + + @line-height-base: 1.4; + @line-height-computed: 20px; + + /* Layout */ + + @navbar-font-size: 13px; + @navbar-font-weight: 700; + + + @layout-font-size: @font-size-small; + @layout-font-weight: 400; + + /* Buttons */ + + @btn-font-family: @font-family-base; + @btn-font-weight: 700; \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/fonts/font_karla.less b/theme_treehouse/static/src/less/options/fonts/font_karla.less new file mode 100644 index 000000000..b0d155cfc --- /dev/null +++ b/theme_treehouse/static/src/less/options/fonts/font_karla.less @@ -0,0 +1,46 @@ + @headings-font-family: @font-family-base; + + @font-size-h1: 60px; + @font-size-h2: 48px; + @font-size-h3: 40px; + @font-size-h4: 32px; + @font-size-h5: 24px; + @font-size-h6: 20px; + + @headings-font-weight: @font-normal; + @headings-font-bold: @font-bold; + + @headings-line-height: 1.1; + + @headings-color: inherit; + @headings-small-color: @color-alpha; + + /* Bodytext */ + + @font-family-base: 'Karla', sans-serif; + + @text-color: @gray-darker; + @font-size-large: 18px; + @font-size-base: 16px; + @font-size-small: 14px; + @font-size-extra-small: 13px; + + @font-normal: 400; + @font-bold: 700; + + @line-height-base: 1.4; + @line-height-computed: 20px; + + /* Layout */ + + @navbar-font-size: @font-size-extra-small; + @navbar-font-weight: 700; + + + @layout-font-size: @font-size-extra-small; + @layout-font-weight: 400; + + /* Buttons */ + + @btn-font-family: @font-family-base; + @btn-font-weight: 700; \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/fonts/font_laila.less b/theme_treehouse/static/src/less/options/fonts/font_laila.less new file mode 100644 index 000000000..6f4e2b6be --- /dev/null +++ b/theme_treehouse/static/src/less/options/fonts/font_laila.less @@ -0,0 +1,47 @@ + @headings-font-family: @font-family-base; + + @font-size-h1: 60px; + @font-size-h2: 48px; + @font-size-h3: 40px; + @font-size-h4: 32px; + @font-size-h5: 24px; + @font-size-h6: 20px; + + @headings-font-weight: @font-normal; + @headings-font-bold: @font-bold; + + @headings-line-height: 1.1; + + @headings-color: inherit; + @headings-small-color: @color-alpha; + + /* Bodytext */ + + @font-family-base: 'Laila', sans-serif; + + @text-color: @gray-darker; + @font-size-large: 18px; + @font-size-base: 16px; + @font-size-small: 14px; + @font-size-extra-small: 12px; + + @font-normal: 300; + @font-bold: 700; + + @line-height-base: 1.4; + @line-height-computed: 20px; + + /* Layout */ + + @navbar-font-size: 12px; + @navbar-font-weight: 700; + + * { letter-spacing: 0; } + + @layout-font-size: 13px; + @layout-font-weight: 400; + + /* Buttons */ + + @btn-font-family: @font-family-base; + @btn-font-weight: 700; \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/fonts/font_lato.less b/theme_treehouse/static/src/less/options/fonts/font_lato.less new file mode 100644 index 000000000..12bfa4b46 --- /dev/null +++ b/theme_treehouse/static/src/less/options/fonts/font_lato.less @@ -0,0 +1,46 @@ + @headings-font-family: @font-family-base; + + @font-size-h1: 60px; + @font-size-h2: 48px; + @font-size-h3: 40px; + @font-size-h4: 32px; + @font-size-h5: 24px; + @font-size-h6: 20px; + + @headings-font-weight: 400; + @headings-font-bold: @font-bold; + + @headings-line-height: 1.1; + + @headings-color: inherit; + @headings-small-color: @color-alpha; + + /* Bodytext */ + + @font-family-base: 'Lato', sans-serif; + + @text-color: @gray-darker; + @font-size-large: 18px; + @font-size-base: 16px; + @font-size-small: 14px; + @font-size-extra-small: 12px; + + @font-normal: 300; + @font-bold: 600; + + @line-height-base: 1.5; + @line-height-computed: 20px; + + /* Layout */ + + @navbar-font-size: @font-size-small; + @navbar-font-weight: 600; + + + @layout-font-size: @font-size-small; + @layout-font-weight: 400; + + /* Buttons */ + + @btn-font-family: @font-family-base; + @btn-font-weight: 600; \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/fonts/font_raleway.less b/theme_treehouse/static/src/less/options/fonts/font_raleway.less new file mode 100644 index 000000000..120e81c6b --- /dev/null +++ b/theme_treehouse/static/src/less/options/fonts/font_raleway.less @@ -0,0 +1,48 @@ + /* Headings */ + + @headings-font-family: @font-family-base; + + @font-size-h1: 60px; + @font-size-h2: 48px; + @font-size-h3: 30px; + @font-size-h4: 24px; + @font-size-h5: 20px; + @font-size-h6: 18px; + + @headings-font-weight: 400; + @headings-font-bold: @font-bold; + + + + @headings-color: inherit; + @headings-small-color: @color-alpha; + + /* Bodytext */ + + @font-family-base: 'Raleway', sans-serif; + + @text-color: @gray-darker; + @font-size-large: 18px; + @font-size-base: 16px; + @font-size-small: 14px; + @font-size-extra-small: 12px; + + @font-normal: 300; + @font-bold: 600; + + @line-height-base: 1.4; + @line-height-computed: 20px; + + /* Layout */ + + @navbar-font-size: @font-size-extra-small; + @navbar-font-weight: 600; + + + @layout-font-size: 13px; + @layout-font-weight: 400; + + /* Buttons */ + + @btn-font-family: @font-family-base; + @btn-font-weight: 700; \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/layout/footer_gray_darker.less b/theme_treehouse/static/src/less/options/layout/footer_gray_darker.less new file mode 100644 index 000000000..d08bb8a65 --- /dev/null +++ b/theme_treehouse/static/src/less/options/layout/footer_gray_darker.less @@ -0,0 +1 @@ +.opt-footer-style-mixin(@gray-darker; #fff); \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/layout/footer_gray_lighter.less b/theme_treehouse/static/src/less/options/layout/footer_gray_lighter.less new file mode 100644 index 000000000..fc991da7f --- /dev/null +++ b/theme_treehouse/static/src/less/options/layout/footer_gray_lighter.less @@ -0,0 +1 @@ +.opt-footer-style-mixin(@gray-lighter; @gray-darker); \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/layout/footer_white.less b/theme_treehouse/static/src/less/options/layout/footer_white.less new file mode 100644 index 000000000..8260e829c --- /dev/null +++ b/theme_treehouse/static/src/less/options/layout/footer_white.less @@ -0,0 +1 @@ +.opt-footer-style-mixin(#fff; @gray-darker); \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/layout/layout_boxed.less b/theme_treehouse/static/src/less/options/layout/layout_boxed.less new file mode 100644 index 000000000..c014b3f9c --- /dev/null +++ b/theme_treehouse/static/src/less/options/layout/layout_boxed.less @@ -0,0 +1,12 @@ +@grid-gutter-width: 40px; + +#wrapwrap { + margin: @grid-gutter-width auto; + width: 80%; + .container { + width: 100%; + } + .navbar-default .navbar-nav > li:last-child { + margin-right: 10px; + } +} \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/layout/nav_gray_darker.less b/theme_treehouse/static/src/less/options/layout/nav_gray_darker.less new file mode 100644 index 000000000..6fc31d080 --- /dev/null +++ b/theme_treehouse/static/src/less/options/layout/nav_gray_darker.less @@ -0,0 +1,5 @@ +@nav-style-white: false; +@nav-style-gray-lighter: false; +@nav-style-gray-darker: true; + +.opt-nav-style-mixin(@gray-darker; #fff); \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/layout/nav_gray_lighter.less b/theme_treehouse/static/src/less/options/layout/nav_gray_lighter.less new file mode 100644 index 000000000..34bf9e25b --- /dev/null +++ b/theme_treehouse/static/src/less/options/layout/nav_gray_lighter.less @@ -0,0 +1,5 @@ +@nav-style-white: false; +@nav-style-gray-lighter: true; +@nav-style-gray-darker: false; + +.opt-nav-style-mixin(@gray-lighter; @gray-darker); \ No newline at end of file diff --git a/theme_treehouse/static/src/less/options/layout/nav_white.less b/theme_treehouse/static/src/less/options/layout/nav_white.less new file mode 100644 index 000000000..1aa2e0452 --- /dev/null +++ b/theme_treehouse/static/src/less/options/layout/nav_white.less @@ -0,0 +1,5 @@ +@nav-style-white: true; +@nav-style-gray-lighter: false; +@nav-style-gray-darker: false; + +.opt-nav-style-mixin(#fff; @gray-darker); \ No newline at end of file diff --git a/theme_treehouse/static/src/less/snippets.less b/theme_treehouse/static/src/less/snippets.less new file mode 100644 index 000000000..49cdb14e9 --- /dev/null +++ b/theme_treehouse/static/src/less/snippets.less @@ -0,0 +1,196 @@ +/* ========================================================================== + Snippets + ========================================================================== */ + + +/* Carousel Snippets + ========================================================================== */ + +.carousel-control .fa { + border-radius: 50%; + padding-top: 2px; + &:hover{ + color: @color-alpha !important; + } +} + + +/* Banner Carousel + ========================================================================== */ + +#wrapwrap .s_banner_2.carousel { + .carousel-box-content{ + border-radius: @border-radius-large; + } + .carousel-control { + width: 10%; + .carousel-control(0, 20px, 3px); + .fa-size-generator(15px); + .fa { + top: auto; + bottom: 30px; + } + } + .carousel-indicators { + background-color: #fff; + height: 35px; + line-height: 38px; + width: auto; + left: 50%; + right: auto; + bottom: 20px; + margin-right: -50%; + margin-left: 0; + transform: translate(-50%, 0); + padding: 0 40px; + border-radius: 20px; + } +} + + +/* Carousel Boxed + ========================================================================== */ + +#wrapwrap .s_carousel_boxed { + .carousel-inner { + border-radius: @border-radius-large; + } + .carousel-control { + width: 10%; + .carousel-control(15px, 20px, 3px); + .fa-size-generator(15px); + .fa { + top: auto; + bottom: 30px; + } + } + .carousel-indicators { + display: none; + } + .carousel-caption { + bottom: 15px; + border-radius: 60px; + min-height: 35px; + padding: 5px 0; + p { + margin: 0; + } + } +} + + +/* 3-Columns Carousel + ========================================================================== */ + +#wrapwrap .s_three_columns_carousel .carousel-control { + width: auto; + min-width: 35px; + .carousel-control(15px, 0, 2px); + .fa-size-generator(15px); + .fa { + top: auto; + bottom: 15px; + } +} + + +/* News Carousel + ========================================================================== */ + +@font-size-h2: 48px; +@font-size-h6: 20px; + + +/* Masonry Blocks + ========================================================================== */ + +@s_masonry_block_screen-sm-min_content-left: 20%; +@s_masonry_block_screen-sm-min_content-height: 80%; +@s_masonry_block_screen-sm-min_content-width: 80%; +@s_masonry_block_screen-sm-min_content-margin: -20% 0 0 -10%; + + +/* Google Maps + ========================================================================== */ + +@s_google_map-desc-alpha: 1; +@s_google_map-desc-hover-alpha: 1; + +@s_google_map-desc-bg: @color-alpha; +@s_google_map-desc-hover-bg: @color-alpha; + +.s_google_map-desc-p-hook(){ float: none; }; +.s_google_map-desc-span-hook(){ float: none; }; +.s_google_map-desc-hook(){ text-align: center; padding: 20px 0; }; + + +/* Label + ========================================================================== */ + +@label-border-radius: @border-radius-large; +@label-padding: 6px 14px 6px 10px; + +.label i { + opacity: 0.5; +} + + +/* Jumbotron + ========================================================================== */ + +.jumbotron { + margin: 0; + p{ + font-weight: @font-normal; + } +} + + +/* Comparisons + ========================================================================== */ + +.s_comparisons { + .list-group-item.active, + .list-group-item.active:hover, + .list-group-item.active:focus { + background-color: @color-alpha; + border-color: @color-alpha; + } + .panel-body h2 small { + color: @gray-darker; + } +} + +.s_text_block_image_fw [class*="col-md-"], +.s_medias_list .row, +.s_news_carousel .carousel-inner, +.s_well, +.panel-group .panel{ + border-radius: @border-radius-large; +} + +.s_images_captions_fw p{ + border-bottom-right-radius: @border-radius-large; +} + +.s_progress_bar{ + border-radius: 12px; +} + +.profile-body { + .border-top-radius(@border-radius-large); +} +blockquote { + p { + border-bottom-left-radius: @border-radius-large; + border-top-right-radius: @border-radius-large; + border-bottom-right-radius: @border-radius-large; + } + .fa{ + .border-left-radius(@border-radius-large); + } +} + +.s_three_columns_carousel [class*="col-md-"] { + border-radius: 16px; +} \ No newline at end of file diff --git a/theme_treehouse/static/src/less/snippets/s_big_message.less b/theme_treehouse/static/src/less/snippets/s_big_message.less new file mode 100644 index 000000000..df01b1099 --- /dev/null +++ b/theme_treehouse/static/src/less/snippets/s_big_message.less @@ -0,0 +1,6 @@ +#wrapwrap{ + .s_big_message{ + margin: 0; + padding: 20px 0 40px 0; + } +} \ No newline at end of file diff --git a/theme_treehouse/static/src/less/snippets/s_panel_extended.less b/theme_treehouse/static/src/less/snippets/s_panel_extended.less new file mode 100644 index 000000000..c685a177f --- /dev/null +++ b/theme_treehouse/static/src/less/snippets/s_panel_extended.less @@ -0,0 +1,15 @@ +.s_panel{ + &.panel{ + background-color: inherit; + } + .panel-heading{ + border: 0; + .fa{ + margin-right: 12px; + } + } +} + +.panel{ + box-shadow: @shadow; +} \ No newline at end of file diff --git a/theme_treehouse/static/src/less/snippets/s_quote_extended.less b/theme_treehouse/static/src/less/snippets/s_quote_extended.less new file mode 100644 index 000000000..b0b328a59 --- /dev/null +++ b/theme_treehouse/static/src/less/snippets/s_quote_extended.less @@ -0,0 +1,5 @@ +.blockquote-layout(@gray-lighter, @gray-darker); + +blockquote{ + font-size: @font-size-base; +} \ No newline at end of file diff --git a/theme_treehouse/static/src/less/snippets/s_separator_extended.less b/theme_treehouse/static/src/less/snippets/s_separator_extended.less new file mode 100644 index 000000000..95bde74aa --- /dev/null +++ b/theme_treehouse/static/src/less/snippets/s_separator_extended.less @@ -0,0 +1,40 @@ +.s_separator{ + border-color: inherit; + border-top: 0; + padding: 8px 0; + margin: 0 0 16px 0; + height: 1px; + display: inline-block; + width: 100%; + border-style: solid; + border-bottom-width: 1px; + &.hr-small{ + width: 20%; + } + &.hr-half{ + width: 50%; + } + &.hr-full{ + width: 100%; + } + &.hr-dashed{ + border-style: dashed; + } + &.hr-dotted{ + border-style: dotted; + } + &.hr-double{ + border-style: double; + + } + &.hr-solid{ + border-style: solid; + } + .hr-thickness(5); + .hr-thickness(@n, @i: 1px) when (@i =< @n) { + &.hr-@{i}{ + border-bottom-width: (@i * 1); + } + .hr-thickness(@n, (@i + 1)); + } +} \ No newline at end of file diff --git a/theme_treehouse/static/src/less/snippets/s_share_extended.less b/theme_treehouse/static/src/less/snippets/s_share_extended.less new file mode 100644 index 000000000..20152cdb8 --- /dev/null +++ b/theme_treehouse/static/src/less/snippets/s_share_extended.less @@ -0,0 +1,21 @@ +.s_share{ + .s_share_title{ + display: inline-block; + vertical-align: middle; + margin-right: 10px; + } + a{ + &:hover{ + text-decoration: none; + .fa{ + background-color: @color-alpha; + color: #fff; + } + } + .fa{ + background-color: @gray-lighter; + color: @color-alpha; + } + .fa-size-generator(20px); + } +} \ No newline at end of file diff --git a/theme_treehouse/static/src/less/snippets/s_well_extended.less b/theme_treehouse/static/src/less/snippets/s_well_extended.less new file mode 100644 index 000000000..9dd99923d --- /dev/null +++ b/theme_treehouse/static/src/less/snippets/s_well_extended.less @@ -0,0 +1,13 @@ +.s_well{ + box-shadow: @shadow; + + .well-text{ + overflow: hidden; + } + p, ul, ol{ + width: 100%; + &:last-child{ + margin-bottom: 0; + } + } +} \ No newline at end of file diff --git a/theme_treehouse/static/src/less/theme.less b/theme_treehouse/static/src/less/theme.less new file mode 100644 index 000000000..9d69829a8 --- /dev/null +++ b/theme_treehouse/static/src/less/theme.less @@ -0,0 +1,319 @@ +/* ========================================================================== + Global Styles + ========================================================================== */ + +/** + * 1. Bootstrap Variables + * 2. Basics Rules + * 2. Background Images + * 3. Background Patterns + * 4. Buttons + * 5. Icons Styles + * 6. Texts Colors + */ + + +/* Bootstrap Variables + ========================================================================== */ + +@shadow: none; +@opacity: 1; +@border-radius-base: 0; +@border-radius-large: 6px; +@body-bg: rgba(0, 0, 0, 0); + + +/* Basics rules + ========================================================================== */ + +@layout_boxed: false; + +body { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +#wrapwrap { + .hyphens; + background-color: rgba(0, 0, 0, 0); + h1, h2, h3, h4, h5, h6, + .h1, .h2, .h3, .h4, .h5, .h6 { + b, strong { + font-weight: @headings-font-bold; + } + } + p:not(.s_share) a:not(.btn) { + text-decoration: underline; + } + b, strong { + font-weight: @font-bold; + } + .readable { + padding: 0 30px; + .container { + width: auto; + } + } + a, button, .fa { + transition: all .3s ease-in-out; + } + /* Remove yellow background */ + input:-webkit-autofill { + -webkit-box-shadow: 0 0 0px 1000px white inset; + } + .form-control{ + &:focus{ + border-color: @color-alpha; + box-shadow: @shadow; + } + } +} + + + + +/* Background Images + ========================================================================== */ + +[class*="bg-img-"], +.carousel-inner .item[class*="bg-img-"]{ + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} + +.bg-img-01{ background-image: url('/website/image/theme_treehouse.bg_img_01'); } +.bg-img-02{ background-image: url('/website/image/theme_treehouse.bg_img_02'); } +.bg-img-03{ background-image: url('/website/image/theme_treehouse.bg_img_03'); } +.bg-img-04{ background-image: url('/website/image/theme_treehouse.bg_img_04'); } +.bg-img-05{ background-image: url('/website/image/theme_treehouse.bg_img_05'); } +.bg-img-06{ background-image: url('/website/image/theme_treehouse.bg_img_06'); } +.bg-img-07{ background-image: url('/website/image/theme_treehouse.bg_img_07'); } +.bg-img-08{ background-image: url('/website/image/theme_treehouse.bg_img_08'); } +.bg-img-09{ background-image: url('/website/image/theme_treehouse.bg_img_09'); } +.bg-img-10{ background-image: url('/website/image/theme_treehouse.bg_img_10'); } +.bg-img-11{ background-image: url('/website/image/theme_treehouse.bg_img_11'); } +.bg-img-12{ background-image: url('/website/image/theme_treehouse.bg_img_12'); } +.bg-img-13{ background-image: url('/website/image/theme_treehouse.bg_img_13'); } +.bg-img-14{ background-image: url('/website/image/theme_treehouse.bg_img_14'); } +.bg-img-15{ background-image: url('/website/image/theme_treehouse.bg_img_15'); } +.bg-img-16{ background-image: url('/website/image/theme_treehouse.bg_img_16'); } + + +/* Background Patterns + ========================================================================== */ + +[class*="bg-pattern-"], +.carousel-inner .item[class*="bg-pattern-"]{ + background-size: inherit; + background-repeat: repeat; +} + +.bg-pattern-01{ background: url('/website/image/theme_treehouse.bg_pattern_01') repeat; } +.bg-pattern-02{ background: url('/website/image/theme_treehouse.bg_pattern_02') repeat; } +.bg-pattern-03{ background: url('/website/image/theme_treehouse.bg_pattern_03') repeat; } +.bg-pattern-04{ background: url('/website/image/theme_treehouse.bg_pattern_04') repeat; } +.bg-pattern-05{ background: url('/website/image/theme_treehouse.bg_pattern_05') repeat; } +.bg-pattern-06{ background: url('/website/image/theme_treehouse.bg_pattern_06') repeat; } +.bg-pattern-07{ background: url('/website/image/theme_treehouse.bg_pattern_07') repeat; } +.bg-pattern-08{ background: url('/website/image/theme_treehouse.bg_pattern_08') repeat; } +.bg-pattern-09{ background: url('/website/image/theme_treehouse.bg_pattern_09') repeat; } + + +/* Buttons + ========================================================================== */ + +#wrapwrap, +.modal-body .dropdown-menu, +.link-style .col-sm-10{ + .btn{ + padding: 6px 40px; + border: 2px solid rgba(0, 0, 0, 0); + border-radius: 40px; + background-color: rgba(0, 0, 0, 0); + font-family: @btn-font-family; + font-size: @font-size-base; + font-weight: @btn-font-weight; + letter-spacing: 1px; + text-transform: uppercase; + &:active, + &.active{ + box-shadow: @shadow; + } + /* Sizes */ + &.btn-xs{ + font-size: @font-size-extra-small; + padding: 2px 20px; + } + &.btn-sm{ + font-size: @font-size-small; + padding: 4px 30px; + } + &.btn-lg{ + font-size: @font-size-large; + padding: 8px 50px; + } + } +} + + +/* Icons & Titles Styles + ========================================================================== */ + +#wrapwrap { + .img-circle, + .img-circle.img-thumbnail { + border-radius: 50%; + } + .img-rounded, + .img-rounded.img-thumbnail { + border-radius: @border-radius-large; + } + .thumbnail, + .img-thumbnail { + border-radius: inherit; + border: 0; + padding: 0; + } + .shadow { + border-bottom: 5px solid @gray-darker; + &.bg-gray-darker { + border-bottom-color: #000; + } + } + h1, h2, h3, h4, h5, h6, .lead { + &[class*="text-bg-"], + font[class*="bg-"] { + padding: 6px 18px; + border-radius: @border-radius-base; + display: inline-block; + } + } + .text-underline { + text-decoration: underline; + } + .text-boxed { + border: 1px solid; + border-color: inherit; + padding: 20px; + border-radius: @border-radius-base; + } +} + + .text-bg-white{ + background-color: #fff; + } + .text-bg-black{ + background-color: #000; + } + .text-bg-alpha{ + background-color: @color-alpha; + } + .text-bg-beta{ + background-color: @color-beta; + } + .text-bg-gamma{ + background-color: @color-gamma; + } + .text-bg-delta{ + background-color: @color-delta; + } + .text-bg-epsilon{ + background-color: @color-epsilon; + } + .text-bg-gray-lighter{ + background-color: @gray-lighter; + } + .text-bg-gray-light{ + background-color: @gray-light; + } + .text-bg-gray{ + background-color: @gray; + } + .text-bg-gray-dark{ + background-color: @gray-dark; + } + .text-bg-gray-darker{ + background-color: @gray-darker; + } + +/* Texts Colors + ========================================================================== */ + +#wrapwrap{ + [class*="bg-"].automatic-color, + .automatic-color{ + color: @gray-darker; + } + .bg-white [class*="bg-"] .text-white, + [class*="bg-"].text-white, + .text-white{ + color: #fff; + } + .bg-black [class*="bg-"] .text-black, + [class*="bg-"].text-black, + .text-black{ + color: #fff; + } + .bg-gray-lighter [class*="bg-"] .text-gray-lighter, + [class*="bg-"].text-gray-lighter, + .text-gray-lighter{ + color: @gray-lighter; + } + .bg-gray [class*="bg-"] .text-gray, + [class*="bg-"].text-gray, + .text-gray{ + color: @gray; + } + .bg-gray-darker [class*="bg-"] .text-gray-darker, + [class*="bg-"].text-gray-darker, + .text-gray-darker{ + color: @gray-darker; + } + .bg-alpha [class*="bg-"] .text-primary, + [class*="bg-"].text-primary, + .text-primary{ + color: @color-alpha; + } + .bg-beta [class*="bg-"] .text-success, + [class*="bg-"].text-success, + .text-success{ + color: @color-beta; + } + .bg-gamma [class*="bg-"] .text-info, + [class*="bg-"].text-info, + .text-info{ + color: @color-gamma; + } + .bg-delta [class*="bg-"] .text-warning, + [class*="bg-"].text-warning, + .text-warning{ + color: @color-delta; + } + .bg-epsilon [class*="bg-"] .text-danger, + [class*="bg-"].text-danger, + :not(del).text-danger{ + color: @color-epsilon; + } + .text-muted{ + .text-muted(@gray-darker); + } +} + +@brand-primary: @color-alpha; +.input-group > span { + padding-left: 16px; +} +.oe_website_sale #products_grid_before li > a { + border-radius: 20px; +} + +// If redefining @brand-primary proves too invasive, +// we could still override colors manually : +// .oe_website_sale #products_grid_before li.active > a { +// background-color: @color-alpha; +// } +// .pagination > .active > a { +// border-color: @color-alpha; +// background-color: @color-alpha; +// } \ No newline at end of file diff --git a/theme_treehouse/views/assets.xml b/theme_treehouse/views/assets.xml new file mode 100644 index 000000000..43030ea02 --- /dev/null +++ b/theme_treehouse/views/assets.xml @@ -0,0 +1,81 @@ + + + + + + + + + + open + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/theme_treehouse/views/customize_modal.xml b/theme_treehouse/views/customize_modal.xml new file mode 100644 index 000000000..9c03b64ef --- /dev/null +++ b/theme_treehouse/views/customize_modal.xml @@ -0,0 +1,550 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/theme_treehouse/views/images_content.xml b/theme_treehouse/views/images_content.xml new file mode 100644 index 000000000..154f7cdb1 --- /dev/null +++ b/theme_treehouse/views/images_content.xml @@ -0,0 +1,90 @@ + + + + + + /theme_treehouse/static/src/img/content/text_image.jpg + + + + /theme_treehouse/static/src/img/content/big_picture.gif + + + + /theme_treehouse/static/src/img/content/image_text.jpg + + + + /theme_treehouse/static/src/img/content/profiles_boxes_2.jpg + + + + /theme_treehouse/static/src/img/content/author.gif + + + + /theme_treehouse/static/src/img/content/profiles_boxes_3.jpg + + + + /theme_treehouse/static/src/img/content/logo_bakery.png + + + + /theme_treehouse/static/src/img/content/logo_barber.png + + + + /theme_treehouse/static/src/img/content/logo_coffee.png + + + + /theme_treehouse/static/src/img/content/logo_coffee_ribbon.png + + + + /theme_treehouse/static/src/img/content/logo_fish.png + + + + /theme_treehouse/static/src/img/content/logo_plane.png + + + + /theme_treehouse/static/src/img/content/profiles_boxes_1.jpg + + + + /theme_treehouse/static/src/img/content/three_columns_1.jpg + + + + /theme_treehouse/static/src/img/content/three_columns_2a.jpg + + + + /theme_treehouse/static/src/img/content/three_columns_2b.jpg + + + + /theme_treehouse/static/src/img/content/three_columns_2c.jpg + + + + /theme_treehouse/static/src/img/content/three_columns_3.jpg + + + + /theme_treehouse/static/src/img/backgrounds/01.jpg + + + + /theme_treehouse/static/src/img/backgrounds/04.jpg + + + + /theme_treehouse/static/src/img/backgrounds/11.jpg + + + + \ No newline at end of file diff --git a/theme_treehouse/views/images_library.xml b/theme_treehouse/views/images_library.xml new file mode 100644 index 000000000..be6d149f6 --- /dev/null +++ b/theme_treehouse/views/images_library.xml @@ -0,0 +1,214 @@ + + + + + + + + + bg_img_01.jpg + bg_img_01.jpg + ir.ui.view + url + /theme_treehouse/static/src/img/backgrounds/01.jpg + + + + bg_img_02.jpg + bg_img_02.jpg + ir.ui.view + url + /theme_treehouse/static/src/img/backgrounds/02.jpg + + + + bg_img_03.jpg + bg_img_03.jpg + ir.ui.view + url + /theme_treehouse/static/src/img/backgrounds/03.jpg + + + + bg_img_04.jpg + bg_img_04.jpg + ir.ui.view + url + /theme_treehouse/static/src/img/backgrounds/04.jpg + + + + bg_img_05.jpg + bg_img_05.jpg + ir.ui.view + url + /theme_treehouse/static/src/img/backgrounds/05.jpg + + + + bg_img_06.jpg + bg_img_06.jpg + ir.ui.view + url + /theme_treehouse/static/src/img/backgrounds/06.jpg + + + + bg_img_07.jpg + bg_img_07.jpg + ir.ui.view + url + /theme_treehouse/static/src/img/backgrounds/07.jpg + + + + bg_img_08.jpg + bg_img_08.jpg + ir.ui.view + url + /theme_treehouse/static/src/img/backgrounds/08.jpg + + + + bg_img_09.jpg + bg_img_09.jpg + ir.ui.view + url + /theme_treehouse/static/src/img/backgrounds/09.jpg + + + + bg_img_10.jpg + bg_img_10.jpg + ir.ui.view + url + /theme_treehouse/static/src/img/backgrounds/10.jpg + + + + bg_img_11.jpg + bg_img_11.jpg + ir.ui.view + url + /theme_treehouse/static/src/img/backgrounds/11.jpg + + + + bg_img_12.jpg + bg_img_12.jpg + ir.ui.view + url + /theme_treehouse/static/src/img/backgrounds/12.jpg + + + + bg_img_13.jpg + bg_img_13.jpg + ir.ui.view + url + /theme_treehouse/static/src/img/backgrounds/13.jpg + + + + bg_img_14.jpg + bg_img_14.jpg + ir.ui.view + url + /theme_treehouse/static/src/img/backgrounds/14.jpg + + + + bg_img_15.jpg + bg_img_15.jpg + ir.ui.view + url + /theme_treehouse/static/src/img/backgrounds/15.jpg + + + + bg_img_16.jpg + bg_img_16.jpg + ir.ui.view + url + /theme_treehouse/static/src/img/backgrounds/16.jpg + + + + + + + bg_pattern_01.png + bg_pattern_01.png + ir.ui.view + url + /theme_treehouse/static/src/img/patterns/01.png + + + + bg_pattern_02.png + bg_pattern_02.png + ir.ui.view + url + /theme_treehouse/static/src/img/patterns/02.png + + + + bg_pattern_03.png + bg_pattern_03.png + ir.ui.view + url + /theme_treehouse/static/src/img/patterns/03.png + + + + bg_pattern_04.png + bg_pattern_04.png + ir.ui.view + url + /theme_treehouse/static/src/img/patterns/04.png + + + + bg_pattern_05.png + bg_pattern_05.png + ir.ui.view + url + /theme_treehouse/static/src/img/patterns/05.png + + + + bg_pattern_06.png + bg_pattern_06.png + ir.ui.view + url + /theme_treehouse/static/src/img/patterns/06.png + + + + bg_pattern_07.png + bg_pattern_07.png + ir.ui.view + url + /theme_treehouse/static/src/img/patterns/07.png + + + + bg_pattern_08.png + bg_pattern_08.png + ir.ui.view + url + /theme_treehouse/static/src/img/patterns/08.png + + + + bg_pattern_09.png + bg_pattern_09.png + ir.ui.view + url + /theme_treehouse/static/src/img/patterns/09.png + + + + diff --git a/theme_treehouse/views/layout.xml b/theme_treehouse/views/layout.xml new file mode 100644 index 000000000..b501b6411 --- /dev/null +++ b/theme_treehouse/views/layout.xml @@ -0,0 +1,132 @@ + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/theme_treehouse/views/snippets.xml b/theme_treehouse/views/snippets.xml new file mode 100644 index 000000000..6186e6cd6 --- /dev/null +++ b/theme_treehouse/views/snippets.xml @@ -0,0 +1,61 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/theme_treehouse/views/snippets/s_big_message.xml b/theme_treehouse/views/snippets/s_big_message.xml new file mode 100644 index 000000000..e62c4c1bd --- /dev/null +++ b/theme_treehouse/views/snippets/s_big_message.xml @@ -0,0 +1,18 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_treehouse/views/snippets/s_big_picture.xml b/theme_treehouse/views/snippets/s_big_picture.xml new file mode 100644 index 000000000..23b067af1 --- /dev/null +++ b/theme_treehouse/views/snippets/s_big_picture.xml @@ -0,0 +1,18 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_treehouse/views/snippets/s_button.xml b/theme_treehouse/views/snippets/s_button.xml new file mode 100644 index 000000000..a5401e795 --- /dev/null +++ b/theme_treehouse/views/snippets/s_button.xml @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_treehouse/views/snippets/s_image_text.xml b/theme_treehouse/views/snippets/s_image_text.xml new file mode 100644 index 000000000..87a2d9045 --- /dev/null +++ b/theme_treehouse/views/snippets/s_image_text.xml @@ -0,0 +1,12 @@ + + + + + + + + diff --git a/theme_treehouse/views/snippets/s_panel_extended.xml b/theme_treehouse/views/snippets/s_panel_extended.xml new file mode 100644 index 000000000..b6ee59480 --- /dev/null +++ b/theme_treehouse/views/snippets/s_panel_extended.xml @@ -0,0 +1,15 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_treehouse/views/snippets/s_quote_extended.xml b/theme_treehouse/views/snippets/s_quote_extended.xml new file mode 100644 index 000000000..e1c2ed823 --- /dev/null +++ b/theme_treehouse/views/snippets/s_quote_extended.xml @@ -0,0 +1,19 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_treehouse/views/snippets/s_separator_extended.xml b/theme_treehouse/views/snippets/s_separator_extended.xml new file mode 100644 index 000000000..61c9cfe7c --- /dev/null +++ b/theme_treehouse/views/snippets/s_separator_extended.xml @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_treehouse/views/snippets/s_share_extended.xml b/theme_treehouse/views/snippets/s_share_extended.xml new file mode 100644 index 000000000..9f957d76f --- /dev/null +++ b/theme_treehouse/views/snippets/s_share_extended.xml @@ -0,0 +1,29 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_treehouse/views/snippets/s_text_block.xml b/theme_treehouse/views/snippets/s_text_block.xml new file mode 100644 index 000000000..1c173e85d --- /dev/null +++ b/theme_treehouse/views/snippets/s_text_block.xml @@ -0,0 +1,21 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_treehouse/views/snippets/s_text_image.xml b/theme_treehouse/views/snippets/s_text_image.xml new file mode 100644 index 000000000..74538f992 --- /dev/null +++ b/theme_treehouse/views/snippets/s_text_image.xml @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_treehouse/views/snippets/s_well_extended.xml b/theme_treehouse/views/snippets/s_well_extended.xml new file mode 100644 index 000000000..59e262336 --- /dev/null +++ b/theme_treehouse/views/snippets/s_well_extended.xml @@ -0,0 +1,17 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_treehouse/views/snippets_options.xml b/theme_treehouse/views/snippets_options.xml new file mode 100644 index 000000000..5352b3b54 --- /dev/null +++ b/theme_treehouse/views/snippets_options.xml @@ -0,0 +1,433 @@ + + + + + + + + + + + + + diff --git a/theme_vehicle/LICENSE b/theme_vehicle/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_vehicle/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_vehicle/__init__.py b/theme_vehicle/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_vehicle/__openerp__.py b/theme_vehicle/__openerp__.py new file mode 100644 index 000000000..c380287d9 --- /dev/null +++ b/theme_vehicle/__openerp__.py @@ -0,0 +1,22 @@ +{ + 'name': 'Vehicle Theme', + 'description': 'Vehicle Theme - Cars, Motorbikes, Bikes, Tires', + 'category': 'Theme/Services', + 'version': '1.0', + 'author': 'Odoo SA', + 'depends': ['theme_monglia', 'snippet_google_map'], + 'data': [ + 'views/assets.xml', + 'views/images.xml', + 'views/preset.xml', + ], + 'demo': [ + 'demo/demo.xml', + ], + 'images': [ + 'static/description/vehicle_description.png', + ], + 'price': 4, + 'currency': 'EUR', + 'live_test_url': 'https://theme-vehicle.odoo.com', +} diff --git a/theme_vehicle/demo/demo.xml b/theme_vehicle/demo/demo.xml new file mode 100644 index 000000000..ab7f0b7c5 --- /dev/null +++ b/theme_vehicle/demo/demo.xml @@ -0,0 +1,496 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_vehicle/static/description/contributors/applicatour.jpg b/theme_vehicle/static/description/contributors/applicatour.jpg new file mode 100644 index 000000000..977d9052f Binary files /dev/null and b/theme_vehicle/static/description/contributors/applicatour.jpg differ diff --git a/theme_vehicle/static/description/contributors/aselcis.jpg b/theme_vehicle/static/description/contributors/aselcis.jpg new file mode 100644 index 000000000..9fbc0f3c1 Binary files /dev/null and b/theme_vehicle/static/description/contributors/aselcis.jpg differ diff --git a/theme_vehicle/static/description/contributors/bas-solutions.png b/theme_vehicle/static/description/contributors/bas-solutions.png new file mode 100644 index 000000000..c64c5359a Binary files /dev/null and b/theme_vehicle/static/description/contributors/bas-solutions.png differ diff --git a/theme_vehicle/static/description/contributors/bloopark.png b/theme_vehicle/static/description/contributors/bloopark.png new file mode 100644 index 000000000..4ce0327d8 Binary files /dev/null and b/theme_vehicle/static/description/contributors/bloopark.png differ diff --git a/theme_vehicle/static/description/contributors/brouwland.jpg b/theme_vehicle/static/description/contributors/brouwland.jpg new file mode 100644 index 000000000..8fe4a1441 Binary files /dev/null and b/theme_vehicle/static/description/contributors/brouwland.jpg differ diff --git a/theme_vehicle/static/description/contributors/catsdogs.png b/theme_vehicle/static/description/contributors/catsdogs.png new file mode 100644 index 000000000..f4d03e63d Binary files /dev/null and b/theme_vehicle/static/description/contributors/catsdogs.png differ diff --git a/theme_vehicle/static/description/contributors/dialognet.png b/theme_vehicle/static/description/contributors/dialognet.png new file mode 100644 index 000000000..831a1a9c3 Binary files /dev/null and b/theme_vehicle/static/description/contributors/dialognet.png differ diff --git a/theme_vehicle/static/description/contributors/dynapps.jpg b/theme_vehicle/static/description/contributors/dynapps.jpg new file mode 100644 index 000000000..5854230c4 Binary files /dev/null and b/theme_vehicle/static/description/contributors/dynapps.jpg differ diff --git a/theme_vehicle/static/description/contributors/huckemedia.png b/theme_vehicle/static/description/contributors/huckemedia.png new file mode 100644 index 000000000..2106c34b0 Binary files /dev/null and b/theme_vehicle/static/description/contributors/huckemedia.png differ diff --git a/theme_vehicle/static/description/contributors/opusvl.png b/theme_vehicle/static/description/contributors/opusvl.png new file mode 100644 index 000000000..f1f25f120 Binary files /dev/null and b/theme_vehicle/static/description/contributors/opusvl.png differ diff --git a/theme_vehicle/static/description/contributors/oxen.jpg b/theme_vehicle/static/description/contributors/oxen.jpg new file mode 100644 index 000000000..0cb41eb9f Binary files /dev/null and b/theme_vehicle/static/description/contributors/oxen.jpg differ diff --git a/theme_vehicle/static/description/contributors/simplitco.jpg b/theme_vehicle/static/description/contributors/simplitco.jpg new file mode 100644 index 000000000..152bbf277 Binary files /dev/null and b/theme_vehicle/static/description/contributors/simplitco.jpg differ diff --git a/theme_vehicle/static/description/contributors/sodexis.jpg b/theme_vehicle/static/description/contributors/sodexis.jpg new file mode 100644 index 000000000..12f1d8ecd Binary files /dev/null and b/theme_vehicle/static/description/contributors/sodexis.jpg differ diff --git a/theme_vehicle/static/description/contributors/tech-receptives.png b/theme_vehicle/static/description/contributors/tech-receptives.png new file mode 100644 index 000000000..c441f44db Binary files /dev/null and b/theme_vehicle/static/description/contributors/tech-receptives.png differ diff --git a/theme_vehicle/static/description/contributors/vauxoo.png b/theme_vehicle/static/description/contributors/vauxoo.png new file mode 100644 index 000000000..7e83d3148 Binary files /dev/null and b/theme_vehicle/static/description/contributors/vauxoo.png differ diff --git a/theme_vehicle/static/description/customtool.jpg b/theme_vehicle/static/description/customtool.jpg new file mode 100644 index 000000000..60c262a0b Binary files /dev/null and b/theme_vehicle/static/description/customtool.jpg differ diff --git a/theme_vehicle/static/description/customtool2.jpg b/theme_vehicle/static/description/customtool2.jpg new file mode 100644 index 000000000..4cde1a77c Binary files /dev/null and b/theme_vehicle/static/description/customtool2.jpg differ diff --git a/theme_vehicle/static/description/icon.png b/theme_vehicle/static/description/icon.png new file mode 100644 index 000000000..e2118b114 Binary files /dev/null and b/theme_vehicle/static/description/icon.png differ diff --git a/theme_vehicle/static/description/index.html b/theme_vehicle/static/description/index.html new file mode 100644 index 000000000..9512fe8d7 --- /dev/null +++ b/theme_vehicle/static/description/index.html @@ -0,0 +1,209 @@ +
    +

    Html5 Responsive Bootstrap Theme for Odoo CMS

    +
    + +

    Vehicle is a professional responsive HTML5 theme, built using Bootstrap3, + the most popular front-end framework for developing responsive, mobile + first projects on the web. Just drag & drop the new building blocks + you need to easily build your layout. All layouts are made of sections, + that you can easily combine to fit your specific project.

    + +
    + +

    Vehicle Customization Tool

    + +

    Theme Vehicle comes with customization tools. You can easily change + the background, the colors and the font combination of your website or + you a preset.

    + +
    +
    + +
    +
    +

    Theme Vehicle comes with a lot of options

    +
      +
    • WIDE OR BOXED LAYOUT
      • +
    • 6 COLOR SCHEMES
      • +
    • 8 BACKGROUND SHADES OR USE YOUR OWN
      • +
    • 6 FONT COMBINATIONS
      • +
    • 10 BACKGROUND PATTERNS
      • +
    +

    All the background, color and font combinations were made to work together.  + You can not go wrong with the settings.

    + +

    Minimalistic Flat Design

    +

    Vehicle was made with easy customization and branding in mind. Based on + simple, modern and typographical elements, it allows you to easily customize + your website.

    + +

    6 Prebuild Presets

    +

    You don't have the time to play with options? Don't worry, Vehicle gives + you six full presets wich combine colors, fonts and background.

    + +

    This theme has an additional eCommerce plugin.

    +
    +
    + +

    Vehicle Building Blocks

    + +

    You get a new complete range of building blocks.

    + +
    +
    +

    STRUCTURE BLOCKS

    +
      +
    • Custom Banner
      • +
    • Big Picture + Text
      • +
    • Text + Big Picture
      • +
    • Cubes
      • +
    • Cubes Reversed
      • +
    • Features Slideshow
      • +
    • Header + Text + Picture
      • +
    • Product List
      • +
    • Text + Image + Text
      • +
    • Parallax Banner
      • +
    • 2 Color Blocks
      • +
    • 4 Color Blocks
      • +
    • Numbers
      • +
    • Timeline
      • +
    • Event List
      • +
    • Logos Bar
      • +
    • Testimonial Slider
      • +
    • Progress
      • +
    • Big Circle Icons
      • +
    +

    EFFECT BLOCKS

    +
      +
    • Big Image Parallax
      • +
    +
    +
    +

    Customize Your Blocks

    +

    Each building blocks comes with its own options. 

    +
    +

    CONTENT BLOCKS

    +
      +
    • Title
      • +
    • 1 Column Text
      • +
    • 2 Column Text
      • +
    • 3 Column Text
      • +
    • 4 Column Text
      • +
    • Custom Button
      • +
    • Separator Block
      • +
    +

    FEATURES BLOCKS

    +
      +
    • Slide Banner
      • +
    • Slideshow with products
      • +
    +
    +
    + +

    Some fonts might not work with extended charsets.

    +

    The images in the theme are copyrighted and can't be used outside of the odoo.com domain.

    +
    + +

    CONTRIBUTORS LIST

    +
    +

    This theme was created with the help of our user community.

    +

    Thanks to our backers the Indiegogo campaign was a success!

    +

    https://www.indiegogo.com/projects/bootstrap-themes-for-odoo-cms/

    +
    +

    Main Sponsor

    +
    + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + +

    Ross Whiting, Oxenworkwear - Hans Balis - Stephan Keller, Sodexis, Inc. - Michael Hucke, Hucke Media GmbH & Co. KG - Joachim Grubelnik, DaDi EDV GmbH​ datadialog.net - DynApps - Cats&Dogs bvba - Bloopark systems GmbH & Co. KG - Parthiv Patel, Tech Receptives Solutions Pvt. Ltd. - Stuart Mackintosh, OpusVL - Erwin van der Ploeg, BAS Solutions - ali Zuaby, simplit co - Aselcis Consulting - Nhomar Hernandez, Vauxoo

    + +

    Sponsor

    +
    + +

    Robert Baumgartner, datenpol gmbh - openBIG - Russell Phillippe, Protogenos Ltd - Julien Allo, Julius - EasyPME - Jonathan Wilson, WillowIT Pty Ltd - Xavier Mallein, MAallein - Pedro M. Baeza, Serv. Tecnol. Avanzados - Daniel Dico, OERP Canada - Jantz Business Group b.v. - LogicaSoft Consulting - Eric Caudal, Elico Corp - Ermin Trevisan, Twanda - Jean-François Mattler, OpenFid SAS - Alex Ferrer, Lannex IT Solutions - Tony Gu, Shine IT Co. Ltd. 先安科技 - TaPo-IT OG - Jos De Graeve, Apertoso - Nicolas Rigo, eezee-it - Luis Miguel Varón E, Colorisa S.A - OpenBias - Stanislas Drouin Applicatour

    + +

    Power Designer

    +
    + +

    Rohit Thakral - François Dhommeaux, Ubic Informatique - Judson Alves, Market Home Delivery - Eric Flaux, ABF Osiell - Gilles Dupont - Arnis Putniņš - Johnson Martt, GetOpenERP (Part of OpenStow Technologies) - Gianluca Milano - Daniel Stolovich, ATEL S.A. - Equitania Software GmbH - Senthilnathan G - Houssine Bakkali - Arend Trip - Kevin Woolf, Baba Kevin's American Barbecue Co., Ltd. - toodoo sàrl - Zoltan Gabor 'Apersis' - Tom De Decker, WEB2GO LTD - Nicolás Cavalier Montenegro, STOREGUD CORPORATION SAC - Keirse Jerome - REAL Solutions S.A. - Davide Corio - Brice Muangkhot - Melvin Miguel Martinez, Mendoza Hernandez - Auditores - Chua Wen Ching - Tran Minh Tri working, ungdungtinhoc.com - Badisheng Morena - Sogexis - Josh Wardini - The Tee Shirt Bakery - Bruce Letterle, Red Lab Media - Benoit Vankoningsloo - Francisco Manuel Garcia Claramonte. - Paulina Mikolajczak-Blasco - Collectiv - Tony Fernando - Herbert Riener, rigaConcepts - Kalmen Chia, E-Global SCM Solution Sdn Bhd - Rob North, Pair A Dice Games - David E. Vargas, CloudShop - François Le Gal - Calin Chete (24h Solutions) - Maria Gabriela Fong, MAGA Systems & Consulting - Pascal Behr, Cytosurge AG - Marc Antwertinger - Opencloud Unipessoal, Lda - Ruchir Shukla, BizzAppDev - Michael Hucke, Hucke Media GmbH & Co. KG - Mathias Neef, copadoMEDIA UG - Pablo Arias - Same Motion - livingprocess.de - Habib Ayob - Igor Jovanovic - Liangming Wang, Weixuan Inc. - Jason Au Yeung, Binary System Limited - Fredrik Arvas, Arvas International AB - Martin Temmink, Zigaret - Mathieu Vanneste, Flockdesign - Filip Fruru, Instant Media - Marianne Wilmsmeier, Fabrik Fünf GmbH - Vertex Group Enterprises - Bingen Eguzkitza - Herczeg Péter, InnOpen Group Kft - Giles Hohnen - Luis Felipe Miléo, KMEE - Maria Gabriela Fong, MAGA Systems & Consulting - Aaron Magon, Web Industries - Andrew Trueman, B.M. Trueman & Partners - Sven Petersen, Conexus - Nous Cambas - Oliver Yuan, OpenStone - Henri Ibowili, A-YANT.COM - Nicolas JEUDY - Helmut Drewes - Maik Steinfeld, Streward - Hans Henrik Gabelgaard - AJ Rosman - Eduard - Patrick Darribet, SUDOKEYS - Camptocamp - Cyril Morisse - Alejandro Santana - Eva Pinter, YBO - Mathias Neef, copadoMEDIA UG - Jean-Christophe Perrot, LOGICASOFT - Zarshed Ali, HiTechnologia - Stefan Reisich - Maxime Chambreuil, Savoir-faire Linux - Mario Gielissen, Openworx - Nicholas Burdic, Aptoworks LLC - Olivier Lenoir

    +
    diff --git a/theme_vehicle/static/description/vehicle_description.png b/theme_vehicle/static/description/vehicle_description.png new file mode 100644 index 000000000..aaeb071e1 Binary files /dev/null and b/theme_vehicle/static/description/vehicle_description.png differ diff --git a/theme_vehicle/static/src/img/backgrounds/01.jpg b/theme_vehicle/static/src/img/backgrounds/01.jpg new file mode 100644 index 000000000..523a9971d Binary files /dev/null and b/theme_vehicle/static/src/img/backgrounds/01.jpg differ diff --git a/theme_vehicle/static/src/img/backgrounds/02.jpg b/theme_vehicle/static/src/img/backgrounds/02.jpg new file mode 100644 index 000000000..2ef1fb22f Binary files /dev/null and b/theme_vehicle/static/src/img/backgrounds/02.jpg differ diff --git a/theme_vehicle/static/src/img/backgrounds/03.jpg b/theme_vehicle/static/src/img/backgrounds/03.jpg new file mode 100644 index 000000000..c5e295bda Binary files /dev/null and b/theme_vehicle/static/src/img/backgrounds/03.jpg differ diff --git a/theme_vehicle/static/src/img/backgrounds/04.jpg b/theme_vehicle/static/src/img/backgrounds/04.jpg new file mode 100644 index 000000000..3fccf8094 Binary files /dev/null and b/theme_vehicle/static/src/img/backgrounds/04.jpg differ diff --git a/theme_vehicle/static/src/img/backgrounds/05.jpg b/theme_vehicle/static/src/img/backgrounds/05.jpg new file mode 100644 index 000000000..c08abba2b Binary files /dev/null and b/theme_vehicle/static/src/img/backgrounds/05.jpg differ diff --git a/theme_vehicle/static/src/img/backgrounds/06.jpg b/theme_vehicle/static/src/img/backgrounds/06.jpg new file mode 100644 index 000000000..649ae59ad Binary files /dev/null and b/theme_vehicle/static/src/img/backgrounds/06.jpg differ diff --git a/theme_vehicle/static/src/img/backgrounds/07.jpg b/theme_vehicle/static/src/img/backgrounds/07.jpg new file mode 100644 index 000000000..bebfcbc4a Binary files /dev/null and b/theme_vehicle/static/src/img/backgrounds/07.jpg differ diff --git a/theme_vehicle/static/src/img/backgrounds/08.jpg b/theme_vehicle/static/src/img/backgrounds/08.jpg new file mode 100644 index 000000000..e2002604d Binary files /dev/null and b/theme_vehicle/static/src/img/backgrounds/08.jpg differ diff --git a/theme_vehicle/static/src/img/backgrounds/09.jpg b/theme_vehicle/static/src/img/backgrounds/09.jpg new file mode 100644 index 000000000..30de5af08 Binary files /dev/null and b/theme_vehicle/static/src/img/backgrounds/09.jpg differ diff --git a/theme_vehicle/static/src/img/backgrounds/10.jpg b/theme_vehicle/static/src/img/backgrounds/10.jpg new file mode 100644 index 000000000..1bf3e4534 Binary files /dev/null and b/theme_vehicle/static/src/img/backgrounds/10.jpg differ diff --git a/theme_vehicle/static/src/img/content/content_img_01.jpg b/theme_vehicle/static/src/img/content/content_img_01.jpg new file mode 100644 index 000000000..60c13b0b6 Binary files /dev/null and b/theme_vehicle/static/src/img/content/content_img_01.jpg differ diff --git a/theme_vehicle/static/src/img/content/content_img_01.png b/theme_vehicle/static/src/img/content/content_img_01.png new file mode 100644 index 000000000..a887960e1 Binary files /dev/null and b/theme_vehicle/static/src/img/content/content_img_01.png differ diff --git a/theme_vehicle/static/src/img/content/content_img_02.jpg b/theme_vehicle/static/src/img/content/content_img_02.jpg new file mode 100644 index 000000000..a9ab5a8fc Binary files /dev/null and b/theme_vehicle/static/src/img/content/content_img_02.jpg differ diff --git a/theme_vehicle/static/src/img/content/content_img_03.jpg b/theme_vehicle/static/src/img/content/content_img_03.jpg new file mode 100644 index 000000000..d33283c5f Binary files /dev/null and b/theme_vehicle/static/src/img/content/content_img_03.jpg differ diff --git a/theme_vehicle/static/src/img/content/content_img_04.jpg b/theme_vehicle/static/src/img/content/content_img_04.jpg new file mode 100644 index 000000000..1a37c5ccb Binary files /dev/null and b/theme_vehicle/static/src/img/content/content_img_04.jpg differ diff --git a/theme_vehicle/static/src/img/content/content_img_05.jpg b/theme_vehicle/static/src/img/content/content_img_05.jpg new file mode 100644 index 000000000..c7d5e88a8 Binary files /dev/null and b/theme_vehicle/static/src/img/content/content_img_05.jpg differ diff --git a/theme_vehicle/static/src/img/content/content_img_06.jpg b/theme_vehicle/static/src/img/content/content_img_06.jpg new file mode 100644 index 000000000..40baa38d1 Binary files /dev/null and b/theme_vehicle/static/src/img/content/content_img_06.jpg differ diff --git a/theme_vehicle/static/src/img/content/content_img_07.jpg b/theme_vehicle/static/src/img/content/content_img_07.jpg new file mode 100644 index 000000000..6e5c58bd4 Binary files /dev/null and b/theme_vehicle/static/src/img/content/content_img_07.jpg differ diff --git a/theme_vehicle/static/src/img/content/content_img_08.jpg b/theme_vehicle/static/src/img/content/content_img_08.jpg new file mode 100644 index 000000000..0c60e8b8a Binary files /dev/null and b/theme_vehicle/static/src/img/content/content_img_08.jpg differ diff --git a/theme_vehicle/static/src/img/content/content_img_09.jpg b/theme_vehicle/static/src/img/content/content_img_09.jpg new file mode 100644 index 000000000..9b3243249 Binary files /dev/null and b/theme_vehicle/static/src/img/content/content_img_09.jpg differ diff --git a/theme_vehicle/static/src/img/content/content_img_10.jpg b/theme_vehicle/static/src/img/content/content_img_10.jpg new file mode 100644 index 000000000..2455156e1 Binary files /dev/null and b/theme_vehicle/static/src/img/content/content_img_10.jpg differ diff --git a/theme_vehicle/static/src/img/content/content_img_11.jpg b/theme_vehicle/static/src/img/content/content_img_11.jpg new file mode 100644 index 000000000..bb65921a3 Binary files /dev/null and b/theme_vehicle/static/src/img/content/content_img_11.jpg differ diff --git a/theme_vehicle/static/src/img/content/content_img_12.jpg b/theme_vehicle/static/src/img/content/content_img_12.jpg new file mode 100644 index 000000000..72f924e5a Binary files /dev/null and b/theme_vehicle/static/src/img/content/content_img_12.jpg differ diff --git a/theme_vehicle/static/src/img/content/content_logo.png b/theme_vehicle/static/src/img/content/content_logo.png new file mode 100644 index 000000000..b1aa89333 Binary files /dev/null and b/theme_vehicle/static/src/img/content/content_logo.png differ diff --git a/theme_vehicle/static/src/img/content/product_img_01.jpg b/theme_vehicle/static/src/img/content/product_img_01.jpg new file mode 100644 index 000000000..26f26fefc Binary files /dev/null and b/theme_vehicle/static/src/img/content/product_img_01.jpg differ diff --git a/theme_vehicle/static/src/img/content/product_img_02.jpg b/theme_vehicle/static/src/img/content/product_img_02.jpg new file mode 100644 index 000000000..074c80771 Binary files /dev/null and b/theme_vehicle/static/src/img/content/product_img_02.jpg differ diff --git a/theme_vehicle/static/src/img/content/product_img_03.jpg b/theme_vehicle/static/src/img/content/product_img_03.jpg new file mode 100644 index 000000000..d293c6db0 Binary files /dev/null and b/theme_vehicle/static/src/img/content/product_img_03.jpg differ diff --git a/theme_vehicle/static/src/img/content/product_img_04.jpg b/theme_vehicle/static/src/img/content/product_img_04.jpg new file mode 100644 index 000000000..caa9ca954 Binary files /dev/null and b/theme_vehicle/static/src/img/content/product_img_04.jpg differ diff --git a/theme_vehicle/static/src/img/content/product_img_05.jpg b/theme_vehicle/static/src/img/content/product_img_05.jpg new file mode 100644 index 000000000..69f064f12 Binary files /dev/null and b/theme_vehicle/static/src/img/content/product_img_05.jpg differ diff --git a/theme_vehicle/static/src/img/content/product_img_06.jpg b/theme_vehicle/static/src/img/content/product_img_06.jpg new file mode 100644 index 000000000..a593651e3 Binary files /dev/null and b/theme_vehicle/static/src/img/content/product_img_06.jpg differ diff --git a/theme_vehicle/static/src/img/content/product_img_07.jpg b/theme_vehicle/static/src/img/content/product_img_07.jpg new file mode 100644 index 000000000..658099cdc Binary files /dev/null and b/theme_vehicle/static/src/img/content/product_img_07.jpg differ diff --git a/theme_vehicle/static/src/img/content/product_img_08.jpg b/theme_vehicle/static/src/img/content/product_img_08.jpg new file mode 100644 index 000000000..a94e93d8c Binary files /dev/null and b/theme_vehicle/static/src/img/content/product_img_08.jpg differ diff --git a/theme_vehicle/static/src/img/content/product_img_09.jpg b/theme_vehicle/static/src/img/content/product_img_09.jpg new file mode 100644 index 000000000..b1d905644 Binary files /dev/null and b/theme_vehicle/static/src/img/content/product_img_09.jpg differ diff --git a/theme_vehicle/static/src/img/content/product_img_10.jpg b/theme_vehicle/static/src/img/content/product_img_10.jpg new file mode 100644 index 000000000..dd004859d Binary files /dev/null and b/theme_vehicle/static/src/img/content/product_img_10.jpg differ diff --git a/theme_vehicle/static/src/img/content/product_img_11.jpg b/theme_vehicle/static/src/img/content/product_img_11.jpg new file mode 100644 index 000000000..92c7bd6dc Binary files /dev/null and b/theme_vehicle/static/src/img/content/product_img_11.jpg differ diff --git a/theme_vehicle/static/src/img/content/product_img_12.jpg b/theme_vehicle/static/src/img/content/product_img_12.jpg new file mode 100644 index 000000000..ec416ecdb Binary files /dev/null and b/theme_vehicle/static/src/img/content/product_img_12.jpg differ diff --git a/theme_vehicle/static/src/img/content/product_img_13.jpg b/theme_vehicle/static/src/img/content/product_img_13.jpg new file mode 100644 index 000000000..811998728 Binary files /dev/null and b/theme_vehicle/static/src/img/content/product_img_13.jpg differ diff --git a/theme_vehicle/static/src/img/content/product_img_14.jpg b/theme_vehicle/static/src/img/content/product_img_14.jpg new file mode 100644 index 000000000..668677c96 Binary files /dev/null and b/theme_vehicle/static/src/img/content/product_img_14.jpg differ diff --git a/theme_vehicle/static/src/img/content/product_img_15.jpg b/theme_vehicle/static/src/img/content/product_img_15.jpg new file mode 100644 index 000000000..f8a2d6d51 Binary files /dev/null and b/theme_vehicle/static/src/img/content/product_img_15.jpg differ diff --git a/theme_vehicle/static/src/img/content/product_img_16.jpg b/theme_vehicle/static/src/img/content/product_img_16.jpg new file mode 100644 index 000000000..a8c0dbce7 Binary files /dev/null and b/theme_vehicle/static/src/img/content/product_img_16.jpg differ diff --git a/theme_vehicle/static/src/less/layout.less b/theme_vehicle/static/src/less/layout.less new file mode 100644 index 000000000..8f9f793ae --- /dev/null +++ b/theme_vehicle/static/src/less/layout.less @@ -0,0 +1,15 @@ +#top_menu li { + border-bottom-width: 0px; + a { + text-transform: uppercase; + } +} +#wrapwrap > header > .navbar-static-top { + z-index: 100; + > .container { + background-color: rgba(0, 0, 0, 0.9); +} +} +#wrapwrap > footer { + background: transparent; +} \ No newline at end of file diff --git a/theme_vehicle/static/src/less/snippets/s_banner_3.less b/theme_vehicle/static/src/less/snippets/s_banner_3.less new file mode 100644 index 000000000..b003cb000 --- /dev/null +++ b/theme_vehicle/static/src/less/snippets/s_banner_3.less @@ -0,0 +1,5 @@ +.s_banner_3_row_hook(){ + img { + display: none; + } +} diff --git a/theme_vehicle/static/src/less/snippets/s_big_icon_circle.less b/theme_vehicle/static/src/less/snippets/s_big_icon_circle.less new file mode 100644 index 000000000..54a2da1ee --- /dev/null +++ b/theme_vehicle/static/src/less/snippets/s_big_icon_circle.less @@ -0,0 +1 @@ +@s_big_icon_circle_text_color: @gray; \ No newline at end of file diff --git a/theme_vehicle/views/assets.xml b/theme_vehicle/views/assets.xml new file mode 100644 index 000000000..8935b5707 --- /dev/null +++ b/theme_vehicle/views/assets.xml @@ -0,0 +1,24 @@ + + + + + + + open + + + + + + + + + \ No newline at end of file diff --git a/theme_vehicle/views/images.xml b/theme_vehicle/views/images.xml new file mode 100644 index 000000000..b7735f4ae --- /dev/null +++ b/theme_vehicle/views/images.xml @@ -0,0 +1,151 @@ + + + + + + + + /theme_vehicle/static/src/img/backgrounds/01.jpg + + + + /theme_vehicle/static/src/img/backgrounds/02.jpg + + + + /theme_vehicle/static/src/img/backgrounds/03.jpg + + + + /theme_vehicle/static/src/img/backgrounds/04.jpg + + + + /theme_vehicle/static/src/img/backgrounds/05.jpg + + + + /theme_vehicle/static/src/img/backgrounds/06.jpg + + + + /theme_vehicle/static/src/img/backgrounds/07.jpg + + + + /theme_vehicle/static/src/img/backgrounds/08.jpg + + + + /theme_vehicle/static/src/img/backgrounds/09.jpg + + + + /theme_vehicle/static/src/img/backgrounds/10.jpg + + + + + + + + /theme_vehicle/static/src/img/content/content_img_01.png + + + + /theme_vehicle/static/src/img/content/content_img_02.jpg + + + + /theme_vehicle/static/src/img/content/content_img_03.jpg + + + + /theme_vehicle/static/src/img/content/content_img_04.jpg + + + + /theme_vehicle/static/src/img/content/content_img_05.jpg + + + + /theme_vehicle/static/src/img/content/content_img_06.jpg + + + + /theme_vehicle/static/src/img/content/content_img_07.jpg + + + + /theme_vehicle/static/src/img/content/content_img_08.jpg + + + + /theme_vehicle/static/src/img/content/content_img_09.jpg + + + + /theme_vehicle/static/src/img/content/content_img_10.jpg + + + + /theme_vehicle/static/src/img/content/content_img_11.jpg + + + + /theme_vehicle/static/src/img/content/content_img_12.jpg + + + + + + /theme_vehicle/static/src/img/content/product_img_01.jpg + + + + /theme_vehicle/static/src/img/content/product_img_02.jpg + + + + /theme_vehicle/static/src/img/content/product_img_03.jpg + + + + /theme_vehicle/static/src/img/content/product_img_04.jpg + + + + /theme_vehicle/static/src/img/content/product_img_05.jpg + + + + /theme_vehicle/static/src/img/content/product_img_06.jpg + + + + /theme_vehicle/static/src/img/content/product_img_07.jpg + + + + /theme_vehicle/static/src/img/content/product_img_08.jpg + + + + /theme_vehicle/static/src/img/content/product_img_09.jpg + + + + /theme_vehicle/static/src/img/content/product_img_10.jpg + + + + /theme_vehicle/static/src/img/content/product_img_11.jpg + + + + \ No newline at end of file diff --git a/theme_vehicle/views/preset.xml b/theme_vehicle/views/preset.xml new file mode 100644 index 000000000..27e511947 --- /dev/null +++ b/theme_vehicle/views/preset.xml @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/theme_vehicle_sale/LICENSE b/theme_vehicle_sale/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_vehicle_sale/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_vehicle_sale/__init__.py b/theme_vehicle_sale/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_vehicle_sale/__openerp__.py b/theme_vehicle_sale/__openerp__.py new file mode 100644 index 000000000..7ad467896 --- /dev/null +++ b/theme_vehicle_sale/__openerp__.py @@ -0,0 +1,15 @@ +{ + 'name': 'Theme Vehicle eCommerce Plugin', + 'description': 'Vehicle eCommerce Plugin', + 'category': 'Theme/Hidden', + 'version': '1.0', + 'author': 'Odoo S.A.', + 'depends': ['theme_monglia_sale', 'theme_vehicle'], + 'data': [ + 'views/assets.xml', + ], + 'demo': [ + 'demo/products.xml', + ], + 'auto_install': True, +} diff --git a/theme_vehicle_sale/demo/products.xml b/theme_vehicle_sale/demo/products.xml new file mode 100644 index 000000000..7895795b3 --- /dev/null +++ b/theme_vehicle_sale/demo/products.xml @@ -0,0 +1,234 @@ + + + + + + + + + + + + + + + + + Engine Parts + + + + Battery + + + + Cogwheel + + + + Oil filter + + + + Radiator + + + + Complete Engines + + + + Spark Plug + + + + Landing gear + + + + Brake Disk + + + + Absorber + + + + Other Parts + + + + Car Exhausts + + + + Lamps + + + + + + + + + + + + + + + + + + + + + + + Oil Filter + + 59.0 + + + 1 + 2 + + + Front Headlights + + 259.0 + + + 1 + 2 + + + Car Battery 12V + + 75.0 + + + 1 + 2 + + + Cogwheel + + 89.0 + + + 1 + 2 + + + Front Headlight Lamp + + 79.0 + + + 1 + 2 + + + Car Battery + + 99.0 + + + 1 + 2 + + + Car Exhaust + + 239.0 + + + 1 + 2 + + + Shock Absorber + + 119.0 + + + 1 + 2 + + + Spark Plug + + 49.0 + + + 1 + 2 + + + V8 Engine Pistons + + 1349.0 + + + 1 + 2 + + + Car Rear Lamp + + 299.0 + + + 1 + 2 + + + Radiator + + 79.0 + + + 1 + 2 + + + V8 Car Engine + + 4999.0 + + + 1 + 2 + + + Brake Disk Red + + 289.0 + + + 1 + 2 + + + Car Engine + + 2459.0 + + + 1 + 2 + + + Brake Disk Yellow + + 289.0 + + + 1 + 2 + + + + + diff --git a/theme_vehicle_sale/static/src/less/layout_sale.less b/theme_vehicle_sale/static/src/less/layout_sale.less new file mode 100644 index 000000000..9cc3aa36f --- /dev/null +++ b/theme_vehicle_sale/static/src/less/layout_sale.less @@ -0,0 +1,6 @@ +#products_grid { + border: 1px solid @gray-lighter; +} +.oe_website_sale { + padding-bottom: 0; +} \ No newline at end of file diff --git a/theme_vehicle_sale/views/assets.xml b/theme_vehicle_sale/views/assets.xml new file mode 100644 index 000000000..db365137a --- /dev/null +++ b/theme_vehicle_sale/views/assets.xml @@ -0,0 +1,15 @@ + + + + + + + + + \ No newline at end of file diff --git a/theme_zap/LICENSE b/theme_zap/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/theme_zap/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/theme_zap/__init__.py b/theme_zap/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/theme_zap/__openerp__.py b/theme_zap/__openerp__.py new file mode 100644 index 000000000..742e33c6d --- /dev/null +++ b/theme_zap/__openerp__.py @@ -0,0 +1,52 @@ +{ + 'name': 'Zap Theme', + 'description': 'Zap Theme - Html5 Responsive Bootstrap Theme for Odoo CMS', + 'category': 'Theme/Corporate', + 'version': '1.0', + 'author': 'Odoo SA', + 'depends': ['theme_common'], + 'data': [ + 'views/assets.xml', + 'views/images_library.xml', + 'views/images_content.xml', + 'views/layout.xml', + 'views/snippets.xml', + 'views/snippets_options.xml', + 'views/customize_modal.xml', + # STRUCTURE + 'views/snippets/s_text_image.xml', + 'views/snippets/s_image_text.xml', + 'views/snippets/s_big_message.xml', + 'views/snippets/s_text_block.xml', + 'views/snippets/s_big_picture.xml', + # CONTENT + 'views/snippets/s_well_extended.xml', + 'views/snippets/s_quote_extended.xml', + 'views/snippets/s_panel_extended.xml', + 'views/snippets/s_separator_extended.xml', + 'views/snippets/s_share_extended.xml', + # FEATURES + 'views/snippets/s_button.xml', + ], + 'demo': [ + 'demo/demo.xml', + 'demo/home_01.xml', + 'demo/home_02.xml', + 'demo/home_03.xml', + 'demo/components.xml', + 'demo/zap_blocks.xml', + 'demo/zap_blocks_structure.xml', + 'demo/zap_blocks_content.xml', + 'demo/zap_blocks_features.xml', + 'demo/blocks.xml', + 'demo/blocks_structure.xml', + 'demo/blocks_features.xml', + 'demo/blocks_effects.xml', + ], + 'images': [ + 'static/description/zap_cover.gif', + ], + 'price': 199, + 'currency': 'EUR', + 'live_test_url': 'https://theme-zap.odoo.com/page/demo_page_home' +} \ No newline at end of file diff --git a/theme_zap/demo/blocks.xml b/theme_zap/demo/blocks.xml new file mode 100644 index 000000000..bd4f4da13 --- /dev/null +++ b/theme_zap/demo/blocks.xml @@ -0,0 +1,19 @@ + + + + + + + + Blocks + /page/demo_blocks + + 50 + + + + \ No newline at end of file diff --git a/theme_zap/demo/blocks_content.xml b/theme_zap/demo/blocks_content.xml new file mode 100644 index 000000000..56cc0dcf0 --- /dev/null +++ b/theme_zap/demo/blocks_content.xml @@ -0,0 +1,201 @@ + + + + + + + + - Content + /page/demo_blocks_content + + 52 + + + + \ No newline at end of file diff --git a/theme_zap/demo/blocks_effects.xml b/theme_zap/demo/blocks_effects.xml new file mode 100644 index 000000000..9d5809a3c --- /dev/null +++ b/theme_zap/demo/blocks_effects.xml @@ -0,0 +1,94 @@ + + + + + + + + Effects + /page/demo_blocks_effects + + 53 + + + + \ No newline at end of file diff --git a/theme_zap/demo/blocks_features.xml b/theme_zap/demo/blocks_features.xml new file mode 100644 index 000000000..55ca840f3 --- /dev/null +++ b/theme_zap/demo/blocks_features.xml @@ -0,0 +1,269 @@ + + + + + + + + Features + /page/demo_blocks_features + + 52 + + + + \ No newline at end of file diff --git a/theme_zap/demo/blocks_structure.xml b/theme_zap/demo/blocks_structure.xml new file mode 100644 index 000000000..ec780f7b0 --- /dev/null +++ b/theme_zap/demo/blocks_structure.xml @@ -0,0 +1,169 @@ + + + + + + + + Structure + /page/demo_blocks_structure + + 51 + + + + \ No newline at end of file diff --git a/theme_zap/demo/components.xml b/theme_zap/demo/components.xml new file mode 100644 index 000000000..0f7c3245f --- /dev/null +++ b/theme_zap/demo/components.xml @@ -0,0 +1,214 @@ + + + + + + + + Components + /page/demo_page_components + + 40 + + + + \ No newline at end of file diff --git a/theme_zap/demo/demo.xml b/theme_zap/demo/demo.xml new file mode 100644 index 000000000..3a1185745 --- /dev/null +++ b/theme_zap/demo/demo.xml @@ -0,0 +1,19 @@ + + + + + + + + Demo + /page/demo_page + + 30 + + + + \ No newline at end of file diff --git a/theme_zap/demo/home_01.xml b/theme_zap/demo/home_01.xml new file mode 100644 index 000000000..0efbf8d9f --- /dev/null +++ b/theme_zap/demo/home_01.xml @@ -0,0 +1,34 @@ + + + + + + + + Demo 01 + /page/demo_page_01 + + 31 + + + + \ No newline at end of file diff --git a/theme_zap/demo/home_02.xml b/theme_zap/demo/home_02.xml new file mode 100644 index 000000000..118b416a0 --- /dev/null +++ b/theme_zap/demo/home_02.xml @@ -0,0 +1,80 @@ + + + + + + + + + + + + Demo 02 + /page/demo_page_02 + + 32 + + + + \ No newline at end of file diff --git a/theme_zap/demo/home_03.xml b/theme_zap/demo/home_03.xml new file mode 100644 index 000000000..a5638bbdb --- /dev/null +++ b/theme_zap/demo/home_03.xml @@ -0,0 +1,203 @@ + + + + + + + + + + + + Demo 03 + /page/demo_page_03 + + 33 + + + + \ No newline at end of file diff --git a/theme_zap/demo/zap_blocks.xml b/theme_zap/demo/zap_blocks.xml new file mode 100644 index 000000000..021dea53d --- /dev/null +++ b/theme_zap/demo/zap_blocks.xml @@ -0,0 +1,19 @@ + + + + + + + + Zap Blocks + /page/demo_zap_blocks + + 40 + + + + \ No newline at end of file diff --git a/theme_zap/demo/zap_blocks_content.xml b/theme_zap/demo/zap_blocks_content.xml new file mode 100644 index 000000000..1f247e082 --- /dev/null +++ b/theme_zap/demo/zap_blocks_content.xml @@ -0,0 +1,196 @@ + + + + + + + + Content + /page/demo_zap_blocks_content + + 42 + + + + \ No newline at end of file diff --git a/theme_zap/demo/zap_blocks_features.xml b/theme_zap/demo/zap_blocks_features.xml new file mode 100644 index 000000000..089dab9fd --- /dev/null +++ b/theme_zap/demo/zap_blocks_features.xml @@ -0,0 +1,121 @@ + + + + + + + + Features + /page/demo_zap_blocks_features + + 43 + + + + \ No newline at end of file diff --git a/theme_zap/demo/zap_blocks_structure.xml b/theme_zap/demo/zap_blocks_structure.xml new file mode 100644 index 000000000..de16b97df --- /dev/null +++ b/theme_zap/demo/zap_blocks_structure.xml @@ -0,0 +1,121 @@ + + + + + + + + Structure + /page/demo_zap_blocks_structure + + 41 + + + + \ No newline at end of file diff --git a/theme_zap/doc/index.rst b/theme_zap/doc/index.rst new file mode 100644 index 000000000..9f4dd865e --- /dev/null +++ b/theme_zap/doc/index.rst @@ -0,0 +1,34 @@ +You need to install the *Less CSS* compiler to run this theme + +* on Linux, use your distribution's package manager to install nodejs and npm. + * In debian wheezy and Ubuntu 13.10 and before you need to install nodejs manually: + + .. code-block:: console + + $ wget -qO- https://deb.nodesource.com/setup | bash - + $ apt-get install -y nodejs + + * In later debian (>jessie) and ubuntu (>14.04) you may need to add a symlink as npm packages call ``node`` but debian calls the binary ``nodejs`` + + .. code-block:: console + + $ apt-get install -y npm + $ sudo ln -s /usr/bin/nodejs /usr/bin/node + + * Once npm is installed, use it to install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on OS X, install nodejs via your preferred package manager (`homebrew `_, `macports `_) then install less and less-plugin-clean-css: + + .. code-block:: console + + $ sudo npm install -g less less-plugin-clean-css + +* on Windows, `install nodejs `_, reboot (to update the `PATH`) and install less and less-plugin-clean-css: + + .. code-block:: ps1 + + C:\> npm install -g less less-plugin-clean-css diff --git a/theme_zap/static/description/contributors/applicatour.jpg b/theme_zap/static/description/contributors/applicatour.jpg new file mode 100644 index 000000000..977d9052f Binary files /dev/null and b/theme_zap/static/description/contributors/applicatour.jpg differ diff --git a/theme_zap/static/description/contributors/aselcis.jpg b/theme_zap/static/description/contributors/aselcis.jpg new file mode 100644 index 000000000..9fbc0f3c1 Binary files /dev/null and b/theme_zap/static/description/contributors/aselcis.jpg differ diff --git a/theme_zap/static/description/contributors/bas-solutions.png b/theme_zap/static/description/contributors/bas-solutions.png new file mode 100644 index 000000000..c64c5359a Binary files /dev/null and b/theme_zap/static/description/contributors/bas-solutions.png differ diff --git a/theme_zap/static/description/contributors/bloopark.png b/theme_zap/static/description/contributors/bloopark.png new file mode 100644 index 000000000..4ce0327d8 Binary files /dev/null and b/theme_zap/static/description/contributors/bloopark.png differ diff --git a/theme_zap/static/description/contributors/brouwland.jpg b/theme_zap/static/description/contributors/brouwland.jpg new file mode 100644 index 000000000..8fe4a1441 Binary files /dev/null and b/theme_zap/static/description/contributors/brouwland.jpg differ diff --git a/theme_zap/static/description/contributors/catsdogs.png b/theme_zap/static/description/contributors/catsdogs.png new file mode 100644 index 000000000..f4d03e63d Binary files /dev/null and b/theme_zap/static/description/contributors/catsdogs.png differ diff --git a/theme_zap/static/description/contributors/dialognet.png b/theme_zap/static/description/contributors/dialognet.png new file mode 100644 index 000000000..831a1a9c3 Binary files /dev/null and b/theme_zap/static/description/contributors/dialognet.png differ diff --git a/theme_zap/static/description/contributors/dynapps.jpg b/theme_zap/static/description/contributors/dynapps.jpg new file mode 100644 index 000000000..5854230c4 Binary files /dev/null and b/theme_zap/static/description/contributors/dynapps.jpg differ diff --git a/theme_zap/static/description/contributors/huckemedia.png b/theme_zap/static/description/contributors/huckemedia.png new file mode 100644 index 000000000..2106c34b0 Binary files /dev/null and b/theme_zap/static/description/contributors/huckemedia.png differ diff --git a/theme_zap/static/description/contributors/opusvl.png b/theme_zap/static/description/contributors/opusvl.png new file mode 100644 index 000000000..f1f25f120 Binary files /dev/null and b/theme_zap/static/description/contributors/opusvl.png differ diff --git a/theme_zap/static/description/contributors/oxen.jpg b/theme_zap/static/description/contributors/oxen.jpg new file mode 100644 index 000000000..0cb41eb9f Binary files /dev/null and b/theme_zap/static/description/contributors/oxen.jpg differ diff --git a/theme_zap/static/description/contributors/simplitco.jpg b/theme_zap/static/description/contributors/simplitco.jpg new file mode 100644 index 000000000..152bbf277 Binary files /dev/null and b/theme_zap/static/description/contributors/simplitco.jpg differ diff --git a/theme_zap/static/description/contributors/sodexis.jpg b/theme_zap/static/description/contributors/sodexis.jpg new file mode 100644 index 000000000..12f1d8ecd Binary files /dev/null and b/theme_zap/static/description/contributors/sodexis.jpg differ diff --git a/theme_zap/static/description/contributors/tech-receptives.png b/theme_zap/static/description/contributors/tech-receptives.png new file mode 100644 index 000000000..c441f44db Binary files /dev/null and b/theme_zap/static/description/contributors/tech-receptives.png differ diff --git a/theme_zap/static/description/contributors/vauxoo.png b/theme_zap/static/description/contributors/vauxoo.png new file mode 100644 index 000000000..7e83d3148 Binary files /dev/null and b/theme_zap/static/description/contributors/vauxoo.png differ diff --git a/theme_zap/static/description/customization-modal-colors.gif b/theme_zap/static/description/customization-modal-colors.gif new file mode 100644 index 000000000..6d11268ae Binary files /dev/null and b/theme_zap/static/description/customization-modal-colors.gif differ diff --git a/theme_zap/static/description/customization-modal-fonts.gif b/theme_zap/static/description/customization-modal-fonts.gif new file mode 100644 index 000000000..80cc0ff63 Binary files /dev/null and b/theme_zap/static/description/customization-modal-fonts.gif differ diff --git a/theme_zap/static/description/customization-modal-patterns.gif b/theme_zap/static/description/customization-modal-patterns.gif new file mode 100644 index 000000000..2bd889848 Binary files /dev/null and b/theme_zap/static/description/customization-modal-patterns.gif differ diff --git a/theme_zap/static/description/icon.png b/theme_zap/static/description/icon.png new file mode 100644 index 000000000..4efbef75a Binary files /dev/null and b/theme_zap/static/description/icon.png differ diff --git a/theme_zap/static/description/index.html b/theme_zap/static/description/index.html new file mode 100644 index 000000000..d98052bd1 --- /dev/null +++ b/theme_zap/static/description/index.html @@ -0,0 +1,256 @@ +
    +
    +
    +
    +

    Zap is a professional responsive HTML5 theme, built using Bootstrap, a popular front-end framework for developing responsive, mobile first projects on the web.
    Just drag & drop the building blocks you need to easily build your layout. All layouts are made of sections, that you can easily combine to fit your specific project.

    + +
    +
    +

    Customization Tools

    +
    Zap was made with easy customization and branding in mind. Based on simple, modern and typographical elements, it allows you to easily build your website. All the options were made to work together. You can not go wrong with the settings. +
    +

    - You will find these options in: Customize (top-right of the screen) > Customize Theme

    +
    +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    + +

    Some fonts might not work with extended charsets.

    + +

    Building Blocks

    +
    You get a new complete range of building blocks.
    +

    - You will find these blocks in: Edit (top-left of the screen) > Insert Blocks

    + +

    Structure

    +
    +
    +
    + Banner +
    +
    +
    + Page Header +
    +
    +
    + Features Circle +
    +
    +
    + Numbers +
    +
    +
    + 3-Col + Carousel +
    +
    +
    + Boxed Carousel +
    +
    +
    + FW. 4-Col +
    +
    +
    + FW. Text-Image +
    +
    +
    + FW. Image-Text +
    +
    +
    + FW. Text-Block-Image +
    +
    +
    + FW. Images + Captions +
    +
    + +

    Content

    +
    +
    +
    + Well + Icons +
    +
    +
    + Blockquote + Author +
    +
    +
    + Separator + Styles +
    +
    +
    + Panel + Icons +
    +
    +
    + Social + Styles +
    +
    +
    + Label +
    +
    + +

    Features

    +
    +
    +
    + References +
    +
    +
    + Quotes Slider +
    +
    +
    + Features Grid + Circle +
    +
    +
    + Collapse +
    +
    +
    + Medias List +
    +
    +
    + Naws Carousel +
    +
    +
    + Steps +
    +
    +
    + Team Profiles +
    +
    + + +

    Customize Your Blocks

    +
    Each building blocks comes with its own options of layout, backgrounds, colors, and styles
    + +

    The images in this theme are copyrighted and can't be used outside of the odoo.com domain.

    + +

    + This theme was created with the help of our user community.
    + Thanks to our backers the Indiegogo campaign was a success!
    + https://www.indiegogo.com/projects/bootstrap-themes-for-odoo-cms/ +

    + +

    MAIN SPONSOR

    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + + +
    +
    +

    + Ross Whiting, Oxenworkwear - Hans Balis - Stephan Keller, Sodexis, Inc. - Michael Hucke, Hucke Media GmbH & Co. KG - Joachim Grubelnik, DaDi EDV GmbH​ datadialog.net - DynApps - Cats&Dogs bvba - Bloopark systems GmbH & Co. KG - Parthiv Patel, Tech Receptives Solutions Pvt. Ltd. - Stuart Mackintosh, OpusVL - Erwin van der Ploeg, BAS Solutions - ali Zuaby, simplit co - Aselcis Consulting - Nhomar Hernandez, Vauxoo +

    +

    SPONSOR

    +
    +

    + Robert Baumgartner, datenpol gmbh - openBIG - Russell Phillippe, Protogenos Ltd - Julien Allo, Julius - EasyPME - Jonathan Wilson, WillowIT Pty Ltd - Xavier Mallein, MAallein - Pedro M. Baeza, Serv. Tecnol. Avanzados - Daniel Dico, OERP Canada - Jantz Business Group b.v. - LogicaSoft Consulting - Eric Caudal, Elico Corp - Ermin Trevisan, Twanda - Jean-François Mattler, OpenFid SAS - Alex Ferrer, Lannex IT Solutions - Tony Gu, Shine IT Co. Ltd. 先安科技 - TaPo-IT OG - Jos De Graeve, Apertoso - Nicolas Rigo, eezee-it - Luis Miguel Varón E, Colorisa S.A - OpenBias - Stanislas Drouin Applicatour +

    +

    POWER DESIGNER

    +
    +

    + Rohit Thakral - François Dhommeaux, Ubic Informatique - Judson Alves, Market Home Delivery - Eric Flaux, ABF Osiell - Gilles Dupont - Arnis Putniņš - Johnson Martt, GetOpenERP (Part of OpenStow Technologies) - Gianluca Milano - Daniel Stolovich, ATEL S.A. - Equitania Software GmbH - Senthilnathan G - Houssine Bakkali - Arend Trip - Kevin Woolf, Baba Kevin's American Barbecue Co., Ltd. - toodoo sàrl - Zoltan Gabor 'Apersis' - Tom De Decker, WEB2GO LTD - Nicolás Cavalier Montenegro, STOREGUD CORPORATION SAC - Keirse Jerome - REAL Solutions S.A. - Davide Corio - Brice Muangkhot - Melvin Miguel Martinez, Mendoza Hernandez - Auditores - Chua Wen Ching - Tran Minh Tri working, ungdungtinhoc.com - Badisheng Morena - Sogexis - Josh Wardini - The Tee Shirt Bakery - Bruce Letterle, Red Lab Media - Benoit Vankoningsloo - Francisco Manuel Garcia Claramonte. - Paulina Mikolajczak-Blasco - Collectiv - Tony Fernando - Herbert Riener, rigaConcepts - Kalmen Chia, E-Global SCM Solution Sdn Bhd - Rob North, Pair A Dice Games - David E. Vargas, CloudShop - François Le Gal - Calin Chete (24h Solutions) - Maria Gabriela Fong, MAGA Systems & Consulting - Pascal Behr, Cytosurge AG - Marc Antwertinger - Opencloud Unipessoal, Lda - Ruchir Shukla, BizzAppDev - Michael Hucke, Hucke Media GmbH & Co. KG - Mathias Neef, copadoMEDIA UG - Pablo Arias - Same Motion - livingprocess.de - Habib Ayob - Igor Jovanovic - Liangming Wang, Weixuan Inc. - Jason Au Yeung, Binary System Limited - Fredrik Arvas, Arvas International AB - Martin Temmink, Zigaret - Mathieu Vanneste, Flockdesign - Filip Fruru, Instant Media - Marianne Wilmsmeier, Fabrik Fünf GmbH - Vertex Group Enterprises - Bingen Eguzkitza - Herczeg Péter, InnOpen Group Kft - Giles Hohnen - Luis Felipe Miléo, KMEE - Maria Gabriela Fong, MAGA Systems & Consulting - Aaron Magon, Web Industries - Andrew Trueman, B.M. Trueman & Partners - Sven Petersen, Conexus - Nous Cambas - Oliver Yuan, OpenStone - Henri Ibowili, A-YANT.COM - Nicolas JEUDY - Helmut Drewes - Maik Steinfeld, Streward - Hans Henrik Gabelgaard - AJ Rosman - Eduard - Patrick Darribet, SUDOKEYS - Camptocamp - Cyril Morisse - Alejandro Santana - Eva Pinter, YBO - Mathias Neef, copadoMEDIA UG - Jean-Christophe Perrot, LOGICASOFT - Zarshed Ali, HiTechnologia - Stefan Reisich - Maxime Chambreuil, Savoir-faire Linux - Mario Gielissen, Openworx - Nicholas Burdic, Aptoworks LLC - Olivier Lenoir +

    +
    +
    +
    \ No newline at end of file diff --git a/theme_zap/static/description/snippets_thumbs/s_banner_2.gif b/theme_zap/static/description/snippets_thumbs/s_banner_2.gif new file mode 100644 index 000000000..ec15f3e2d Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_banner_2.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_carousel_boxed.gif b/theme_zap/static/description/snippets_thumbs/s_carousel_boxed.gif new file mode 100644 index 000000000..78a6016c4 Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_carousel_boxed.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_collapse.gif b/theme_zap/static/description/snippets_thumbs/s_collapse.gif new file mode 100644 index 000000000..6bc97a3fc Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_collapse.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_features_circle.gif b/theme_zap/static/description/snippets_thumbs/s_features_circle.gif new file mode 100644 index 000000000..bedcb72d3 Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_features_circle.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_features_grid_circle.gif b/theme_zap/static/description/snippets_thumbs/s_features_grid_circle.gif new file mode 100644 index 000000000..45661861f Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_features_grid_circle.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_four_columns_fw.gif b/theme_zap/static/description/snippets_thumbs/s_four_columns_fw.gif new file mode 100644 index 000000000..7196d31db Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_four_columns_fw.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_image_text_fw.gif b/theme_zap/static/description/snippets_thumbs/s_image_text_fw.gif new file mode 100644 index 000000000..d4ce12d51 Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_image_text_fw.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_images_captions.gif b/theme_zap/static/description/snippets_thumbs/s_images_captions.gif new file mode 100644 index 000000000..252eb7fee Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_images_captions.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_images_captions_fw.gif b/theme_zap/static/description/snippets_thumbs/s_images_captions_fw.gif new file mode 100644 index 000000000..252eb7fee Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_images_captions_fw.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_label.gif b/theme_zap/static/description/snippets_thumbs/s_label.gif new file mode 100644 index 000000000..b7baeddad Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_label.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_medias_list.gif b/theme_zap/static/description/snippets_thumbs/s_medias_list.gif new file mode 100644 index 000000000..c168bd20f Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_medias_list.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_news_carousel.gif b/theme_zap/static/description/snippets_thumbs/s_news_carousel.gif new file mode 100644 index 000000000..55d18b311 Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_news_carousel.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_numbers.gif b/theme_zap/static/description/snippets_thumbs/s_numbers.gif new file mode 100644 index 000000000..ddf595e80 Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_numbers.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_page_header.gif b/theme_zap/static/description/snippets_thumbs/s_page_header.gif new file mode 100644 index 000000000..25b97edf5 Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_page_header.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_panel_extended.gif b/theme_zap/static/description/snippets_thumbs/s_panel_extended.gif new file mode 100644 index 000000000..8046b5181 Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_panel_extended.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_process_steps_2.gif b/theme_zap/static/description/snippets_thumbs/s_process_steps_2.gif new file mode 100644 index 000000000..cecd167be Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_process_steps_2.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_quote_extended.gif b/theme_zap/static/description/snippets_thumbs/s_quote_extended.gif new file mode 100644 index 000000000..603592571 Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_quote_extended.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_quotes_slider_2.gif b/theme_zap/static/description/snippets_thumbs/s_quotes_slider_2.gif new file mode 100644 index 000000000..d24c3b5e9 Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_quotes_slider_2.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_references_2.gif b/theme_zap/static/description/snippets_thumbs/s_references_2.gif new file mode 100644 index 000000000..795664984 Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_references_2.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_separator_extended.gif b/theme_zap/static/description/snippets_thumbs/s_separator_extended.gif new file mode 100644 index 000000000..cdf4b1cce Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_separator_extended.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_share_extended.gif b/theme_zap/static/description/snippets_thumbs/s_share_extended.gif new file mode 100644 index 000000000..ca6772dd5 Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_share_extended.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_team_profiles_2.gif b/theme_zap/static/description/snippets_thumbs/s_team_profiles_2.gif new file mode 100644 index 000000000..9ad5e8833 Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_team_profiles_2.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_text_block_image_fw.gif b/theme_zap/static/description/snippets_thumbs/s_text_block_image_fw.gif new file mode 100644 index 000000000..8d9494c04 Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_text_block_image_fw.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_text_image_fw.gif b/theme_zap/static/description/snippets_thumbs/s_text_image_fw.gif new file mode 100644 index 000000000..86aae6f2d Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_text_image_fw.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_three_columns_carousel.gif b/theme_zap/static/description/snippets_thumbs/s_three_columns_carousel.gif new file mode 100644 index 000000000..f12e4efa9 Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_three_columns_carousel.gif differ diff --git a/theme_zap/static/description/snippets_thumbs/s_well_extended.gif b/theme_zap/static/description/snippets_thumbs/s_well_extended.gif new file mode 100644 index 000000000..4a425fb53 Binary files /dev/null and b/theme_zap/static/description/snippets_thumbs/s_well_extended.gif differ diff --git a/theme_zap/static/description/zap_cover.gif b/theme_zap/static/description/zap_cover.gif new file mode 100644 index 000000000..6d46e6e5f Binary files /dev/null and b/theme_zap/static/description/zap_cover.gif differ diff --git a/theme_zap/static/src/img/backgrounds/01.jpg b/theme_zap/static/src/img/backgrounds/01.jpg new file mode 100644 index 000000000..29cb6fe9a Binary files /dev/null and b/theme_zap/static/src/img/backgrounds/01.jpg differ diff --git a/theme_zap/static/src/img/backgrounds/02.jpg b/theme_zap/static/src/img/backgrounds/02.jpg new file mode 100644 index 000000000..ebc6de5d2 Binary files /dev/null and b/theme_zap/static/src/img/backgrounds/02.jpg differ diff --git a/theme_zap/static/src/img/backgrounds/03.jpg b/theme_zap/static/src/img/backgrounds/03.jpg new file mode 100644 index 000000000..6c7cb3969 Binary files /dev/null and b/theme_zap/static/src/img/backgrounds/03.jpg differ diff --git a/theme_zap/static/src/img/backgrounds/04.jpg b/theme_zap/static/src/img/backgrounds/04.jpg new file mode 100644 index 000000000..6634a35ba Binary files /dev/null and b/theme_zap/static/src/img/backgrounds/04.jpg differ diff --git a/theme_zap/static/src/img/backgrounds/05.jpg b/theme_zap/static/src/img/backgrounds/05.jpg new file mode 100644 index 000000000..8598ba3af Binary files /dev/null and b/theme_zap/static/src/img/backgrounds/05.jpg differ diff --git a/theme_zap/static/src/img/backgrounds/06.jpg b/theme_zap/static/src/img/backgrounds/06.jpg new file mode 100644 index 000000000..81cd08433 Binary files /dev/null and b/theme_zap/static/src/img/backgrounds/06.jpg differ diff --git a/theme_zap/static/src/img/backgrounds/07.jpg b/theme_zap/static/src/img/backgrounds/07.jpg new file mode 100755 index 000000000..d076e39a3 Binary files /dev/null and b/theme_zap/static/src/img/backgrounds/07.jpg differ diff --git a/theme_zap/static/src/img/backgrounds/08.jpg b/theme_zap/static/src/img/backgrounds/08.jpg new file mode 100644 index 000000000..ba36a7b61 Binary files /dev/null and b/theme_zap/static/src/img/backgrounds/08.jpg differ diff --git a/theme_zap/static/src/img/backgrounds/09.jpg b/theme_zap/static/src/img/backgrounds/09.jpg new file mode 100644 index 000000000..54b223228 Binary files /dev/null and b/theme_zap/static/src/img/backgrounds/09.jpg differ diff --git a/theme_zap/static/src/img/backgrounds/10.jpg b/theme_zap/static/src/img/backgrounds/10.jpg new file mode 100644 index 000000000..8f07aa293 Binary files /dev/null and b/theme_zap/static/src/img/backgrounds/10.jpg differ diff --git a/theme_zap/static/src/img/backgrounds/11.jpg b/theme_zap/static/src/img/backgrounds/11.jpg new file mode 100755 index 000000000..b58ad8317 Binary files /dev/null and b/theme_zap/static/src/img/backgrounds/11.jpg differ diff --git a/theme_zap/static/src/img/backgrounds/12.jpg b/theme_zap/static/src/img/backgrounds/12.jpg new file mode 100644 index 000000000..0b3c5c951 Binary files /dev/null and b/theme_zap/static/src/img/backgrounds/12.jpg differ diff --git a/theme_zap/static/src/img/backgrounds/13.jpg b/theme_zap/static/src/img/backgrounds/13.jpg new file mode 100644 index 000000000..cc3076875 Binary files /dev/null and b/theme_zap/static/src/img/backgrounds/13.jpg differ diff --git a/theme_zap/static/src/img/backgrounds/14.jpg b/theme_zap/static/src/img/backgrounds/14.jpg new file mode 100644 index 000000000..f2c344956 Binary files /dev/null and b/theme_zap/static/src/img/backgrounds/14.jpg differ diff --git a/theme_zap/static/src/img/backgrounds/15.jpg b/theme_zap/static/src/img/backgrounds/15.jpg new file mode 100644 index 000000000..e7b4329a0 Binary files /dev/null and b/theme_zap/static/src/img/backgrounds/15.jpg differ diff --git a/theme_zap/static/src/img/backgrounds/16.jpg b/theme_zap/static/src/img/backgrounds/16.jpg new file mode 100644 index 000000000..0d6475c1e Binary files /dev/null and b/theme_zap/static/src/img/backgrounds/16.jpg differ diff --git a/theme_zap/static/src/img/content/author.gif b/theme_zap/static/src/img/content/author.gif new file mode 100644 index 000000000..4e27f2909 Binary files /dev/null and b/theme_zap/static/src/img/content/author.gif differ diff --git a/theme_zap/static/src/img/content/big_picture.gif b/theme_zap/static/src/img/content/big_picture.gif new file mode 100644 index 000000000..ae9494740 Binary files /dev/null and b/theme_zap/static/src/img/content/big_picture.gif differ diff --git a/theme_zap/static/src/img/content/image_text.jpg b/theme_zap/static/src/img/content/image_text.jpg new file mode 100644 index 000000000..56f809d7b Binary files /dev/null and b/theme_zap/static/src/img/content/image_text.jpg differ diff --git a/theme_zap/static/src/img/content/logo_bakery.png b/theme_zap/static/src/img/content/logo_bakery.png new file mode 100644 index 000000000..6973b613c Binary files /dev/null and b/theme_zap/static/src/img/content/logo_bakery.png differ diff --git a/theme_zap/static/src/img/content/logo_barber.png b/theme_zap/static/src/img/content/logo_barber.png new file mode 100644 index 000000000..5ba4ab841 Binary files /dev/null and b/theme_zap/static/src/img/content/logo_barber.png differ diff --git a/theme_zap/static/src/img/content/logo_coffee.png b/theme_zap/static/src/img/content/logo_coffee.png new file mode 100644 index 000000000..f3ea05a0a Binary files /dev/null and b/theme_zap/static/src/img/content/logo_coffee.png differ diff --git a/theme_zap/static/src/img/content/logo_coffee_ribbon.png b/theme_zap/static/src/img/content/logo_coffee_ribbon.png new file mode 100644 index 000000000..bf183abb2 Binary files /dev/null and b/theme_zap/static/src/img/content/logo_coffee_ribbon.png differ diff --git a/theme_zap/static/src/img/content/logo_fish.png b/theme_zap/static/src/img/content/logo_fish.png new file mode 100644 index 000000000..c394d4313 Binary files /dev/null and b/theme_zap/static/src/img/content/logo_fish.png differ diff --git a/theme_zap/static/src/img/content/logo_plane.png b/theme_zap/static/src/img/content/logo_plane.png new file mode 100644 index 000000000..9e19993ea Binary files /dev/null and b/theme_zap/static/src/img/content/logo_plane.png differ diff --git a/theme_zap/static/src/img/content/logo_zap.png b/theme_zap/static/src/img/content/logo_zap.png new file mode 100644 index 000000000..c4bde2671 Binary files /dev/null and b/theme_zap/static/src/img/content/logo_zap.png differ diff --git a/theme_zap/static/src/img/content/logo_zap_animated.gif b/theme_zap/static/src/img/content/logo_zap_animated.gif new file mode 100644 index 000000000..4e1fd5653 Binary files /dev/null and b/theme_zap/static/src/img/content/logo_zap_animated.gif differ diff --git a/theme_zap/static/src/img/content/profiles_boxes_1.jpg b/theme_zap/static/src/img/content/profiles_boxes_1.jpg new file mode 100644 index 000000000..04ef298b0 Binary files /dev/null and b/theme_zap/static/src/img/content/profiles_boxes_1.jpg differ diff --git a/theme_zap/static/src/img/content/profiles_boxes_2.jpg b/theme_zap/static/src/img/content/profiles_boxes_2.jpg new file mode 100644 index 000000000..e616e082f Binary files /dev/null and b/theme_zap/static/src/img/content/profiles_boxes_2.jpg differ diff --git a/theme_zap/static/src/img/content/profiles_boxes_3.jpg b/theme_zap/static/src/img/content/profiles_boxes_3.jpg new file mode 100644 index 000000000..9bc527862 Binary files /dev/null and b/theme_zap/static/src/img/content/profiles_boxes_3.jpg differ diff --git a/theme_zap/static/src/img/content/text_image.jpg b/theme_zap/static/src/img/content/text_image.jpg new file mode 100644 index 000000000..a6b23a172 Binary files /dev/null and b/theme_zap/static/src/img/content/text_image.jpg differ diff --git a/theme_zap/static/src/img/content/three_columns_1.jpg b/theme_zap/static/src/img/content/three_columns_1.jpg new file mode 100644 index 000000000..348d04998 Binary files /dev/null and b/theme_zap/static/src/img/content/three_columns_1.jpg differ diff --git a/theme_zap/static/src/img/content/three_columns_2.jpg b/theme_zap/static/src/img/content/three_columns_2.jpg new file mode 100644 index 000000000..dd6a5d267 Binary files /dev/null and b/theme_zap/static/src/img/content/three_columns_2.jpg differ diff --git a/theme_zap/static/src/img/content/three_columns_2a.jpg b/theme_zap/static/src/img/content/three_columns_2a.jpg new file mode 100644 index 000000000..f2fda20be Binary files /dev/null and b/theme_zap/static/src/img/content/three_columns_2a.jpg differ diff --git a/theme_zap/static/src/img/content/three_columns_2b.jpg b/theme_zap/static/src/img/content/three_columns_2b.jpg new file mode 100644 index 000000000..51295c1f4 Binary files /dev/null and b/theme_zap/static/src/img/content/three_columns_2b.jpg differ diff --git a/theme_zap/static/src/img/content/three_columns_2c.jpg b/theme_zap/static/src/img/content/three_columns_2c.jpg new file mode 100644 index 000000000..6a585f116 Binary files /dev/null and b/theme_zap/static/src/img/content/three_columns_2c.jpg differ diff --git a/theme_zap/static/src/img/content/three_columns_3.jpg b/theme_zap/static/src/img/content/three_columns_3.jpg new file mode 100644 index 000000000..6b02181da Binary files /dev/null and b/theme_zap/static/src/img/content/three_columns_3.jpg differ diff --git a/theme_zap/static/src/img/customize/add_snippet_hover.png b/theme_zap/static/src/img/customize/add_snippet_hover.png new file mode 100644 index 000000000..708fb21a1 Binary files /dev/null and b/theme_zap/static/src/img/customize/add_snippet_hover.png differ diff --git a/theme_zap/static/src/img/customize/customize_none.gif b/theme_zap/static/src/img/customize/customize_none.gif new file mode 100644 index 000000000..9b4762561 Binary files /dev/null and b/theme_zap/static/src/img/customize/customize_none.gif differ diff --git a/theme_zap/static/src/img/patterns/01.png b/theme_zap/static/src/img/patterns/01.png new file mode 100644 index 000000000..4f61346d4 Binary files /dev/null and b/theme_zap/static/src/img/patterns/01.png differ diff --git a/theme_zap/static/src/img/patterns/02.png b/theme_zap/static/src/img/patterns/02.png new file mode 100644 index 000000000..5c0d82662 Binary files /dev/null and b/theme_zap/static/src/img/patterns/02.png differ diff --git a/theme_zap/static/src/img/patterns/03.png b/theme_zap/static/src/img/patterns/03.png new file mode 100644 index 000000000..37fcd078e Binary files /dev/null and b/theme_zap/static/src/img/patterns/03.png differ diff --git a/theme_zap/static/src/img/patterns/04.png b/theme_zap/static/src/img/patterns/04.png new file mode 100644 index 000000000..2d16b2347 Binary files /dev/null and b/theme_zap/static/src/img/patterns/04.png differ diff --git a/theme_zap/static/src/img/patterns/05.png b/theme_zap/static/src/img/patterns/05.png new file mode 100644 index 000000000..6ac5b3596 Binary files /dev/null and b/theme_zap/static/src/img/patterns/05.png differ diff --git a/theme_zap/static/src/img/patterns/06.png b/theme_zap/static/src/img/patterns/06.png new file mode 100644 index 000000000..34ba696a5 Binary files /dev/null and b/theme_zap/static/src/img/patterns/06.png differ diff --git a/theme_zap/static/src/img/patterns/07.png b/theme_zap/static/src/img/patterns/07.png new file mode 100644 index 000000000..288a7d206 Binary files /dev/null and b/theme_zap/static/src/img/patterns/07.png differ diff --git a/theme_zap/static/src/img/patterns/08.png b/theme_zap/static/src/img/patterns/08.png new file mode 100644 index 000000000..54c3b37db Binary files /dev/null and b/theme_zap/static/src/img/patterns/08.png differ diff --git a/theme_zap/static/src/img/patterns/09.png b/theme_zap/static/src/img/patterns/09.png new file mode 100644 index 000000000..59a7f137c Binary files /dev/null and b/theme_zap/static/src/img/patterns/09.png differ diff --git a/theme_zap/static/src/img/patterns/bg_pattern_demo.png b/theme_zap/static/src/img/patterns/bg_pattern_demo.png new file mode 100644 index 000000000..b6a4db4f3 Binary files /dev/null and b/theme_zap/static/src/img/patterns/bg_pattern_demo.png differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_banner_2.gif b/theme_zap/static/src/img/snippets_thumbs/s_banner_2.gif new file mode 100644 index 000000000..ec15f3e2d Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_banner_2.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_big_message.gif b/theme_zap/static/src/img/snippets_thumbs/s_big_message.gif new file mode 100644 index 000000000..15a805f69 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_big_message.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_big_picture_extended.gif b/theme_zap/static/src/img/snippets_thumbs/s_big_picture_extended.gif new file mode 100644 index 000000000..84d4114e1 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_big_picture_extended.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_button.gif b/theme_zap/static/src/img/snippets_thumbs/s_button.gif new file mode 100644 index 000000000..9d80fa901 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_button.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_carousel_boxed.gif b/theme_zap/static/src/img/snippets_thumbs/s_carousel_boxed.gif new file mode 100644 index 000000000..78a6016c4 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_carousel_boxed.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_collapse.gif b/theme_zap/static/src/img/snippets_thumbs/s_collapse.gif new file mode 100644 index 000000000..6bc97a3fc Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_collapse.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_comparisons.gif b/theme_zap/static/src/img/snippets_thumbs/s_comparisons.gif new file mode 100644 index 000000000..c8a5cf8d4 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_comparisons.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_faq.gif b/theme_zap/static/src/img/snippets_thumbs/s_faq.gif new file mode 100644 index 000000000..5311f60a7 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_faq.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_features_circle.gif b/theme_zap/static/src/img/snippets_thumbs/s_features_circle.gif new file mode 100644 index 000000000..bedcb72d3 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_features_circle.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_features_grid.gif b/theme_zap/static/src/img/snippets_thumbs/s_features_grid.gif new file mode 100644 index 000000000..45661861f Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_features_grid.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_features_grid_circle.gif b/theme_zap/static/src/img/snippets_thumbs/s_features_grid_circle.gif new file mode 100644 index 000000000..45661861f Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_features_grid_circle.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_four_columns_fw.gif b/theme_zap/static/src/img/snippets_thumbs/s_four_columns_fw.gif new file mode 100644 index 000000000..7196d31db Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_four_columns_fw.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_image_floating.gif b/theme_zap/static/src/img/snippets_thumbs/s_image_floating.gif new file mode 100644 index 000000000..8d25d7288 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_image_floating.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_image_text_extended.gif b/theme_zap/static/src/img/snippets_thumbs/s_image_text_extended.gif new file mode 100644 index 000000000..b1bafc718 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_image_text_extended.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_image_text_fw.gif b/theme_zap/static/src/img/snippets_thumbs/s_image_text_fw.gif new file mode 100644 index 000000000..d4ce12d51 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_image_text_fw.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_images_captions.gif b/theme_zap/static/src/img/snippets_thumbs/s_images_captions.gif new file mode 100644 index 000000000..252eb7fee Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_images_captions.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_images_captions_fw.gif b/theme_zap/static/src/img/snippets_thumbs/s_images_captions_fw.gif new file mode 100644 index 000000000..252eb7fee Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_images_captions_fw.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_images_gallery.gif b/theme_zap/static/src/img/snippets_thumbs/s_images_gallery.gif new file mode 100644 index 000000000..641a3c695 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_images_gallery.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_label.gif b/theme_zap/static/src/img/snippets_thumbs/s_label.gif new file mode 100644 index 000000000..b7baeddad Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_label.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_medias_list.gif b/theme_zap/static/src/img/snippets_thumbs/s_medias_list.gif new file mode 100644 index 000000000..c168bd20f Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_medias_list.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_news_carousel.gif b/theme_zap/static/src/img/snippets_thumbs/s_news_carousel.gif new file mode 100644 index 000000000..55d18b311 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_news_carousel.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_numbers.gif b/theme_zap/static/src/img/snippets_thumbs/s_numbers.gif new file mode 100644 index 000000000..ddf595e80 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_numbers.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_page_header.gif b/theme_zap/static/src/img/snippets_thumbs/s_page_header.gif new file mode 100644 index 000000000..25b97edf5 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_page_header.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_panel_extended.gif b/theme_zap/static/src/img/snippets_thumbs/s_panel_extended.gif new file mode 100644 index 000000000..8046b5181 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_panel_extended.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_parallax.gif b/theme_zap/static/src/img/snippets_thumbs/s_parallax.gif new file mode 100644 index 000000000..f5cbc3666 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_parallax.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_parallax_slider.gif b/theme_zap/static/src/img/snippets_thumbs/s_parallax_slider.gif new file mode 100644 index 000000000..f5cbc3666 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_parallax_slider.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_process_steps_2.gif b/theme_zap/static/src/img/snippets_thumbs/s_process_steps_2.gif new file mode 100644 index 000000000..cecd167be Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_process_steps_2.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_quote_extended.gif b/theme_zap/static/src/img/snippets_thumbs/s_quote_extended.gif new file mode 100644 index 000000000..603592571 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_quote_extended.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_quotes_slider_2.gif b/theme_zap/static/src/img/snippets_thumbs/s_quotes_slider_2.gif new file mode 100644 index 000000000..d24c3b5e9 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_quotes_slider_2.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_references_2.gif b/theme_zap/static/src/img/snippets_thumbs/s_references_2.gif new file mode 100644 index 000000000..795664984 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_references_2.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_separator_extended.gif b/theme_zap/static/src/img/snippets_thumbs/s_separator_extended.gif new file mode 100644 index 000000000..cdf4b1cce Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_separator_extended.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_share_extended.gif b/theme_zap/static/src/img/snippets_thumbs/s_share_extended.gif new file mode 100644 index 000000000..ca6772dd5 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_share_extended.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_tabs.gif b/theme_zap/static/src/img/snippets_thumbs/s_tabs.gif new file mode 100644 index 000000000..4ceaf47be Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_tabs.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_team_profiles_2.gif b/theme_zap/static/src/img/snippets_thumbs/s_team_profiles_2.gif new file mode 100644 index 000000000..9ad5e8833 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_team_profiles_2.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_text_block_extended.gif b/theme_zap/static/src/img/snippets_thumbs/s_text_block_extended.gif new file mode 100644 index 000000000..5b37221fa Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_text_block_extended.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_text_block_image_fw.gif b/theme_zap/static/src/img/snippets_thumbs/s_text_block_image_fw.gif new file mode 100644 index 000000000..8d9494c04 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_text_block_image_fw.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_text_image_extended.gif b/theme_zap/static/src/img/snippets_thumbs/s_text_image_extended.gif new file mode 100644 index 000000000..75d1a8bdc Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_text_image_extended.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_text_image_fw.gif b/theme_zap/static/src/img/snippets_thumbs/s_text_image_fw.gif new file mode 100644 index 000000000..86aae6f2d Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_text_image_fw.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_three_columns.gif b/theme_zap/static/src/img/snippets_thumbs/s_three_columns.gif new file mode 100644 index 000000000..8309985fd Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_three_columns.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_three_columns_carousel.gif b/theme_zap/static/src/img/snippets_thumbs/s_three_columns_carousel.gif new file mode 100644 index 000000000..f12e4efa9 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_three_columns_carousel.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_title.gif b/theme_zap/static/src/img/snippets_thumbs/s_title.gif new file mode 100644 index 000000000..7446b62a4 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_title.gif differ diff --git a/theme_zap/static/src/img/snippets_thumbs/s_well_extended.gif b/theme_zap/static/src/img/snippets_thumbs/s_well_extended.gif new file mode 100644 index 000000000..4a425fb53 Binary files /dev/null and b/theme_zap/static/src/img/snippets_thumbs/s_well_extended.gif differ diff --git a/theme_zap/static/src/less/colors.less b/theme_zap/static/src/less/colors.less new file mode 100644 index 000000000..8aa570175 --- /dev/null +++ b/theme_zap/static/src/less/colors.less @@ -0,0 +1,128 @@ +/* MAIN + ========================================================================== */ + +/* 01. Press */ + +@press-alpha: @brand-primary; +@press-beta: @brand-success; +@press-gamma: @brand-info; +@press-delta: @brand-warning; +@press-epsilon: @brand-danger; + +/* 02. Food */ + +@food-alpha: #ED8C2B; +@food-beta: #CF4A30; +@food-gamma: #911146; +@food-delta: #35203B; +@food-epsilon: #88A825; + +/* 03. Environment */ + +@environment-alpha: #79BD8F; +@environment-beta: #00A388; +@environment-gamma: #046380; +@environment-delta: #4BB5C1; +@environment-epsilon: #BEEB9F; + +/* 04. Agency */ + +@agency-alpha: #16c6cc; +@agency-beta: #D72D3C; +@agency-gamma: #ff6d3b; +@agency-delta: #ffb733; +@agency-epsilon: #ffd55c; + +/* 05. Technology */ + +@technology-alpha: #14212B; +@technology-beta: #E6E2AF; +@technology-gamma: #C9DE55; +@technology-delta: #962D3E; +@technology-epsilon: #413659; + +/* 06. Travel */ + +@travel-alpha: #ee592f; +@travel-beta: #59c1b0; +@travel-gamma: #1fa58d; +@travel-delta: #f8c63b; +@travel-epsilon: #dcb038; + + +/* TEXTS + ========================================================================== */ + +#wrapwrap{ + [class*="bg-"].automatic-color, + .automatic-color{ + color: @gray-darker; + } + .bg-white [class*="bg-"] .text-white, + [class*="bg-"].text-white, + .text-white{ + color: #fff; + } + .bg-gray-lighter [class*="bg-"] .text-gray-lighter, + [class*="bg-"].text-gray-lighter, + .text-gray-lighter{ + color: @gray-lighter; + } + .bg-gray [class*="bg-"] .text-gray, + [class*="bg-"].text-gray, + .text-gray{ + color: @gray; + } + .bg-gray-darker [class*="bg-"] .text-gray-darker, + [class*="bg-"].text-gray-darker, + .text-gray-darker{ + color: @gray-darker; + } + .bg-alpha [class*="bg-"] .text-primary, + [class*="bg-"].text-primary, + .text-primary{ + color: @color-alpha; + } + .bg-beta [class*="bg-"] .text-success, + [class*="bg-"].text-success, + .text-success{ + color: @color-beta; + } + .bg-gamma [class*="bg-"] .text-info, + [class*="bg-"].text-info, + .text-info{ + color: @color-gamma; + } + .bg-delta [class*="bg-"] .text-warning, + [class*="bg-"].text-warning, + .text-warning{ + color: @color-delta; + } + .bg-epsilon [class*="bg-"] .text-danger, + [class*="bg-"].text-danger, + .text-danger{ + color: @color-epsilon; + } + .text-muted{ + .text-muted(@gray-darker); + } + h1, h2, h3, h4, h5, h6{ + &[class*="bg-"]{ + padding: 2px 12px 6px 12px; + } + } +} + + +/* UNUSED BACKGROUNDS COLORS + ========================================================================== */ + +.bg-gray-light{ + background-color: @gray-light; +} +.bg-gray-dark{ + background-color: @gray-dark; +} +.bg-black{ + background-color: #000; +} \ No newline at end of file diff --git a/theme_zap/static/src/less/customize_modal.less b/theme_zap/static/src/less/customize_modal.less new file mode 100644 index 000000000..5922ddd89 --- /dev/null +++ b/theme_zap/static/src/less/customize_modal.less @@ -0,0 +1,521 @@ +/* CUSTOMIZE THEME - MODAL + ================================================== */ + +#theme_customize_modal{ + &.modal.fade:not(.in) .modal-dialog{ + .translate3d(50%, 0, 0); + } + #zap_customize_modal{ + text-transform: inherit; + .modal-dialog{ + top: 0; + right: 0; + height: 100vh; + .modal-content{ + height: 100%; + border-radius: 0; + border: 0; + width: 460px; + } + } + .modal-header, + .modal-footer{ + background-color: #000; + color: #fff; + border: 0; + height: 10%; + min-height: 70px; + } + .modal-header{ + .modal-title{ + line-height: 1.2; + font-family: 'Roboto', sans-serif; + font-size: 34px; + } + .close{ + width: 32px; + height: 32px; + line-height: 28px; + margin-top: 4px; + background-color: #fff; + color: @gray-darker; + text-shadow: @shadow; + opacity: 0.5; + border-radius: 50%; + font-size: 1.3em; + &:hover{ + opacity: 1; + background-color: @brand-primary; + color: #fff; + } + } + } + .panel-group .panel-heading+.panel-collapse>.panel-body{ + border-top-color: #fff; + } + .panel{ + border: 0; + box-shadow: @shadow; + } + .panel-group{ + margin-bottom: 0; + } + .panel-group .panel + .panel{ + margin-top: 0; + } + .panel-heading{ + padding: 0; + margin-bottom: 1px; + a{ + display: block; + padding: 15px; + text-decoration: none; + text-transform: uppercase; + background-color: @brand-success; + color: #fff; + &.collapsed{ + background-color: #fff; + color: #000; + } + &.collapsed:hover{ + background-color: @brand-primary; + color: #fff; + } + } + } + .panel-heading a:before{ + content: '\f068'; + font-family: 'FontAwesome'; + margin-right: 10px; + } + .panel-heading a.collapsed:before{ + content: '\f067'; + font-family: 'FontAwesome'; + } + .modal-body{ + padding: 0; + height: 85%; + background-color: #000; + } + .panel-body{ + h5{ + font-family: 'Roboto', sans-serif; + font-size: 16px; + } + padding: 20px 38px; + border-bottom: 1px solid #000; + .icon{ + text-align: left; + clear: both; + font-weight: normal; + } + .icon:before{ + content: '\f111'; + font-family: 'FontAwesome'; + font-size: 18px; + margin-right: 8px; + margin-bottom: 10px; + color: #ccc; + float: left; + } + .icon:hover{ + color: @gray-darker; + cursor: pointer; + } + .icon:hover:before{ + content: '\f058'; + font-family: 'FontAwesome'; + color: #000; + } + .icon.checked:before{ + content: '\f058'; + font-family: 'FontAwesome'; + color: @brand-success; + } + .icon span{ + float: left; + width: 30px; + height: 30px; + } + .none{ + background-image:url('/theme_zap/static/src/img/customize/customize_none.gif'); + background-position: center; + border: 1px solid #000; + } + /* Grayscale */ + .white{background-color: #fff;border: 1px solid @gray-darker !important;} + .gray-lighter{background-color: @gray-lighter;} + .gray-darker{background-color: @gray-darker;} + /* Press */ + .press-alpha{background-color: @press-alpha;} + .press-beta{background-color: @press-beta;} + .press-gamma{background-color: @press-gamma;} + .press-delta{background-color: @press-delta;} + .press-epsilon{background-color: @press-epsilon;} + /* Environment */ + .environment-alpha{background-color: @environment-alpha;} + .environment-beta{background-color: @environment-beta;} + .environment-gamma{background-color: @environment-gamma;} + .environment-delta{background-color: @environment-delta;} + .environment-epsilon{background-color: @environment-epsilon;} + /* Agency */ + .agency-alpha{background-color: @agency-alpha;} + .agency-beta{background-color: @agency-beta;} + .agency-gamma{background-color: @agency-gamma;} + .agency-delta{background-color: @agency-delta;} + .agency-epsilon{background-color: @agency-epsilon;} + /* Technology */ + .technology-alpha{background-color: @technology-alpha;} + .technology-beta{background-color: @technology-beta;} + .technology-gamma{background-color: @technology-gamma;} + .technology-delta{background-color: @technology-delta;} + .technology-epsilon{background-color: @technology-epsilon;} + /* Travel */ + .travel-alpha{background-color: @travel-alpha;} + .travel-beta{background-color: @travel-beta;} + .travel-gamma{background-color: @travel-gamma;} + .travel-delta{background-color: @travel-delta;} + .travel-epsilon{background-color: @travel-epsilon;} + /* Food */ + .food-alpha{background-color: @food-alpha;} + .food-beta{background-color: @food-beta;} + .food-gamma{background-color: @food-gamma;} + .food-delta{background-color: @food-delta;} + .food-epsilon{background-color: @food-epsilon;} + } + .modal-footer{ + height: 5%; + padding: 8px 15px; + label{ + margin: 0; + a{ + font-size: 12px; + color: #fff; + opacity: (@opacity * 0.5); + &:hover{ + opacity: @opacity; + text-decoration: none; + } + } + } + .fa{ + margin-right: 6px; + font-size: 14px + } + } + } +} + + +/* EDITOR OPTIONS + ================================================== */ + +/* Selector Button */ +.navbar-inverse{ + background-color: #000; + .navbar-nav>.active>a, + .navbar-nav>.active>a:hover, + .navbar-nav>.active>a:focus{ + background-color: #000; + } +} + +.oe_overlay{ + /* Options Buttons */ + .oe_overlay_options{ + // > .btn-group{ + // .btn{ + // padding: 8px 10px 6px 10px; + // font-size: 16px; + // } + // .btn-primary{ + // padding: 8px 12px; + // font-size: 14px; + // margin-right: 4px; + // margin-top: 1px; + // } + // } + /* Customize Button */ + .oe_options{ + .dropdown-menu{ + padding: 0; + margin: -1px 0 0 0; + min-width: 240px; + > li{ + margin: 0; + &:hover{ + > a{ + color: @brand-primary; + &:after{ + border-left-color: @brand-primary; + } + .fa{ + background-color: @brand-primary; + color:#fff; + } + } + } + a{ + line-height: 40px; + font-size: 14px; + padding: 0 20px 0 15px; + &:hover{ + color: @brand-primary; + } + &:after{ + margin-top: 16px; + } + &:hover:after{ + border-left-color: @brand-primary; + } + .fa{ + width: 40px; + height: 40px; + line-height: 40px; + background-color: #ccc; + text-align: center; + margin-right: 12px; + margin-left: -15px; + } + &:hover .fa{ + color: #fff; + background-color: @brand-primary; + } + } + /* Not COLORPICKER */ + > .dropdown-menu{ + border-radius: 0; + a:hover:after{ + content: '\f00c'; + font-family: 'FontAwesome'; + position: absolute; + right: 0; + margin: 0 15px 0 0; + color: @brand-primary; + } + > .active > a{ + color: #fff; + &:after{ + content: '\f00c'; + font-family: 'FontAwesome'; + position: absolute; + right: 0; + margin: 0 15px 0 0; + color: #fff; + } + } + } + /* COLORPICKER */ + > .dropdown-menu.zap-colorpicker{ + background-clip: inherit; + font-size: 0; + padding: 5px; + li{ + display: inline-block; + margin: 5px; + a{ + width: 40px; + height: 40px; + text-align: center; + padding: 0; + } + &.active a:after, + a:hover:after{ + background-color: #fff; + right: auto; + left: auto; + font-size: 16px; + width: 24px; + height: 24px; + line-height: 26px; + margin: 7px 0 0 -12px; + } + &.active a.color-alpha:after, + a.color-alpha:hover:after{ + color: @color-alpha; + } + &.active a.color-beta:after, + a.color-beta:hover:after{ + color: @color-beta; + } + &.active a.color-gamma:after, + a.color-gamma:hover:after{ + color: @color-gamma; + } + &.active a.color-delta:after, + a.color-delta:hover:after{ + color: @color-delta; + } + &.active a.color-epsilon:after, + a.color-epsilon:hover:after{ + color: @color-epsilon; + } + &.active a.none:after, + &.active a.snippets-option-pattern:after, + &.active a.white:after, + a.none:hover:after, + a.snippets-option-pattern:hover:after, + a.white:hover:after{ + color: @gray-darker; + } + &.active a.gray-lighter:after, + a.gray-lighter:hover:after{ + color: @gray-lighter; + } + &.active a.gray:after, + a.gray:hover:after{ + color: @gray; + } + &.active a.gray-darker:after, + a.gray-darker:hover:after{ + color: @gray-darker; + } + } + .active .none, + .active .none:hover, + .none, + .none:hover{ + background-image: url('/theme_zap/static/src/img/customize/customize_none.gif'); + border: 1px solid @gray-darker !important; + background-position: center; + } + .active .white, + .active .white:hover, + .white, + .white:hover{ + background-color: #fff; + border: 1px solid @gray-darker !important; + } + .active .gray-lighter, + .active .gray-lighter:hover, + .gray-lighter, + .gray-lighter:hover{ + background-color: @gray-lighter; + border: 1px solid @gray-lighter; + } + .active .gray, + .active .gray:hover, + .gray, + .gray:hover{ + background-color: @gray; + border: 1px solid @gray; + } + .active .gray-darker, + .active .gray-darker:hover, + .gray-darker, + .gray-darker:hover{ + background-color: @gray-darker; + border: 1px solid @gray-darker; + } + .active .color-alpha, + .active .color-alpha:hover, + .color-alpha, + .color-alpha:hover{ + background-color: @color-alpha; + border: 1px solid @color-alpha; + } + .active .color-beta, + .active .color-beta:hover, + .color-beta, + .color-beta:hover{ + background-color: @color-beta; + border: 1px solid @color-beta; + } + .active .color-gamma, + .active .color-gamma:hover, + .color-gamma, + .color-gamma:hover{ + background-color: @color-gamma; + border: 1px solid @color-gamma; + } + .active .color-delta, + .active .color-delta:hover, + .color-delta, + .color-delta:hover{ + background-color: @color-delta; + border: 1px solid @color-delta; + } + .active .color-epsilon, + .active .color-epsilon:hover, + .color-epsilon, + .color-epsilon:hover{ + background-color: @color-epsilon; + border: 1px solid @color-epsilon; + } + } + /* BACKGROUND IMAGES */ + > .dropdown-menu.zap-bg-img-selector{ + width: 515px; + .inline{ + margin: 10px 0 4px 10px; + display: block; + li{ + display: inline-block; + a{ + display: block; + position: relative; + padding: 0; + width: 120px; + height: 70px; + overflow: hidden; + text-align: center; + } + &.active a:after, + a:hover:after{ + background-color: #fff; + right: auto; + left: 45px; + font-size: 16px; + width: 30px; + height: 30px; + line-height: 32px; + margin: 20px 0 0 0; + } + } + } + } + > .dropdown-menu .dropdown-submenu{ + a:hover:after{ + content: ''; + } + } + } + } + } + } +} + + +/* SNIPPETS NAVBAR + ================================================== */ + +#snippet_structure, +#snippet_content, +#snippet_feature, +#snippet_effect{ + .oe_snippet{ + width: 90px; + margin-left: 5px; + .oe_snippet_thumbnail_title{ + margin-top: 5px; + } + .oe_snippet_thumbnail .oe_snippet_thumbnail_img{ + width: 90px; + height: 90px; + border: 5px solid inherit; + box-shadow: @shadow; + } + .oe_snippet_thumbnail:hover .oe_snippet_thumbnail_img{ + transform: scale(1, 1); + } + .oe_snippet_thumbnail:hover:before{ + content: ""; + position: absolute; + right: 0; + background-image: url('/theme_zap/static/src/img/customize/add_snippet_hover.png'); + z-index: 1; + width: 30px; + height: 30px; + } + } +} \ No newline at end of file diff --git a/theme_zap/static/src/less/layout.less b/theme_zap/static/src/less/layout.less new file mode 100644 index 000000000..a87b23aef --- /dev/null +++ b/theme_zap/static/src/less/layout.less @@ -0,0 +1,330 @@ +/* BASIC + ========================================================================== */ + +body{ + -webkit-font-smoothing: antialiased; + // @media + // only screen and (-webkit-min-device-pixel-ratio: 1.25), + // only screen and ( min-device-pixel-ratio: 1.25), + // only screen and ( min-resolution: 200dpi), + // only screen and ( min-resolution: 1.25dppx){ + // -webkit-font-smoothing: subpixel-antialiased; + // } + -moz-osx-font-smoothing: grayscale; +} + +#wrapwrap{ + .hyphens; + background-color: rgba(0, 0, 0, 0); + font-weight: @font-normal; + font-family: @font-family-base; + b, strong{ + font-weight: @font-bold; + } + h1, h2, h3, h4, h5, h6{ + b, strong{ + font-weight: @headings-font-bold; + } + } + p:not(.s_share) a:not(.btn){ + text-decoration: underline; + } + .readable{ + padding: 0 30px; + .container{ + width: auto; + } + } +} + + +/* PREHEADER + ========================================================================== */ + +#preheader{ + vertical-align: middle; + font-size: @layout-font-size; + font-weight: @layout-font-weight; + .home, + #social, + #lang{ + .fa{ + color: @color-alpha; + background-color: @layout-icons-color; + border: 1px solid @layout-icons-color; + text-align: center; + &:hover{ + transition: all .2s ease-in-out; + background-color: rgba(0, 0, 0, 0); + color: @layout-icons-color; + } + } + .fa-size-generator(10px); + } + .list-inline{ + display: inline-block; + margin-left: 0; + > li{ + margin: 12px 0 0 0; + padding: 0; + } + } + #social{ + text-align: right; + margin-top: 12px; + a{ + text-decoration: none; + } + } + #contact{ + li{ + margin-right: 20px; + .fa{ + margin: 0 8px 0 0; + } + } + } + #lang{ + min-width: 10%; + text-align: right; + .fa{ + margin: 0 4px 0 0; + } + .dropdown-menu{ + z-index: 9999; + } + .btn-group{ + button{ + background-color: rgba(0, 0, 0, 0); + border: 0; + padding: 0; + } + &:hover > button > .fa{ + border: 1px solid @layout-icons-color; + background-color: rgba(0, 0, 0, 0); + color: @layout-icons-color; + } + &.open > button{ + box-shadow: @shadow; + .fa{ + border: 1px solid @layout-icons-color; + background-color: rgba(0, 0, 0, 0); + color: @layout-icons-color; + } + .caret{ + border-bottom: 4px solid; + border-top: 0; + } + } + /* First Level */ + > .dropdown-menu{ + box-shadow: @shadow; + padding: 0; + right: 0; + border: 1px solid @color-alpha; + margin-top: 13px; + > li{ + margin: 0; + &.active > a, + &.active > a:hover, + &.active > a:focus{ + color: #fff; + border-color: @color-alpha; + background-color: @color-alpha; + } + > a{ + padding: 6px 10px; + border: 1px solid rgba(0, 0, 0, 0); + margin: -1px; + color: @gray-darker; + font-weight: @font-bold; + font-size: @font-size-small; + text-transform: uppercase; + transition: all .2s ease-in-out; + &:hover{ + border: 1px solid @color-alpha; + background-color: inherit; + color: @color-alpha; + } + } + } + } + } + } +} + + +/* NAVBAR + ========================================================================== */ + +#wrapwrap{ + .navbar{ + padding-top: 10px; + padding-bottom: 10px; + } + .navbar-default{ + border: 0; + font-family: @btn-font-family; + font-size: @btn-font-size; + .navbar-collapse{ + border: 0; + } + .navbar-brand{ + color: @gray-darker; + float: none; + height: auto; + } + .navbar-nav{ + /* First Level */ + > li { + > a{ + text-transform: uppercase; + border: 1px solid rgba(0, 0, 0, 0); + padding: 4px 10px; + margin-right: 8px; + font-weight: @btn-font-weight; + transition: all .2s ease-in-out; + &:hover{ + border: 1px solid @color-alpha; + color: @color-alpha; + } + } + &.divider{ + border-right: 0; + border-top: 1px solid @gray-darker; + padding-left: 8px; + margin-right: 8px; + margin-top: 16px; + } + &.active > a, + &.active > a:hover, + &.active > a:focus{ + background-color: @color-alpha; + color: @layout-icons-color; + } + &.open{ + > a, + > a:hover, + > a:focus{ + background-color: inherit; + color: @color-alpha; + border: 1px solid @color-alpha; + } + .caret{ + border-bottom: 4px solid; + border-top:0; + } + } + /* Second Level */ + > .dropdown-menu{ + box-shadow: @shadow; + padding: 0; + left: 0; + margin-top: 14px; + border: 1px solid @color-alpha; + > li{ + margin: 0; + &.active > a, + &.active > a:hover, + &.active > a:focus{ + color: @layout-icons-color; + border-color: @color-alpha; + background-color: @color-alpha; + } + > a{ + padding: 6px 10px; + border: 1px solid rgba(0, 0, 0, 0); + margin: -1px; + color: @gray-darker; + font-weight: @btn-font-weight; + font-size: @layout-font-size; + text-transform: uppercase; + transition: all .2s ease-in-out; + &:hover{ + border: 1px solid @color-alpha; + background-color: inherit; + color: @color-alpha; + } + } + } + } + } + } + } + @media (max-width: @screen-sm-max) { + .navbar-collapse{ + margin: 0; + box-shadow: @shadow; + } + .navbar-header .navbar-toggle{ + border-radius: @border-radius-base; + } + li > .dropdown-menu{ + margin: 0 0 14px 0; + } + } + @media (min-width: @screen-sm-min) { + .navbar .container{ + white-space: nowrap; + } + .navbar-header, + .navbar-collapse{ + float: none !important; + display: inline-block !important; + vertical-align: middle; + } + .navbar-header{ + width: 15%; + } + .navbar-collapse{ + width: 85%; + } + li > .dropdown-menu:before{ + content: ''; + position: absolute; + top: -8px; + left: 15px; + display: inline-block; + border-right: 8px solid rgba(0, 0, 0, 0); + border-bottom: 8px solid @color-alpha; + border-left: 8px solid rgba(0, 0, 0, 0); + } + } +} + + +/* COPYRIGHT + ========================================================================== */ + +#copyright{ + #company{ + padding-top: 10px; + padding-bottom: 10px; + font-size: @layout-font-size; + font-weight: @layout-font-weight; + } + #back-top{ + margin-top: 5px; + .fa{ + color: @color-alpha; + background-color: @layout-icons-color; + border: 1px solid @layout-icons-color; + text-align: center; + &:hover{ + transition: all .2s ease-in-out; + background-color: rgba(0, 0, 0, 0); + color: @layout-icons-color; + } + } + .fa-size-generator(10px); + } + #odoo{ + padding-top: 10px; + text-align: right; + .label{ + padding: 5px; + font-size: 100%; + border-radius: @border-radius-base; + } + } +} \ No newline at end of file diff --git a/theme_zap/static/src/less/mixins.less b/theme_zap/static/src/less/mixins.less new file mode 100644 index 000000000..7332fcced --- /dev/null +++ b/theme_zap/static/src/less/mixins.less @@ -0,0 +1,280 @@ +/* BACKGROUND COLORS + ========================================================================== */ + +.bg-mixin(@background; @color; @bs-selector; @wb-selector){ + background-color: @background; + color: @color; + a:not(.btn), + &.fa, + .text-@{bs-selector}, + .blockquote-text small{ + color: @color; + } + .bg-@{wb-selector}.label{ + background-color: @color; + color: @background; + } + .btn.btn-@{bs-selector}, + .btn.btn-default{ + border: 1px solid @color; + color: @color; + &:hover{ + background-color: @color; + color: @background; + } + } + .bg-@{wb-selector}{ + &.fa{ + background-color: @color; + color: @background; + } + .img-thumbnail(@background, @color); + } + .panel-@{wb-selector}{ + .panel-color(@color, @background); + } + .well-@{wb-selector}{ + .well-color(@color); + } + .img-thumbnail(@color, @background); + .text-muted{ + color: @color; + } +} + +.bg-none(@background; @color){ + background-color: rgba(0, 0, 0, 0); +} + +.white(@content-color){ + .bg-white{ + .bg-mixin(#fff, @content-color, white, white); + } + .panel-white{ + .panel-color(#fff, @content-color); + } + .well-white{ + .well-color(#fff); + } +} + +.gray-lighter(@content-color){ + .bg-gray-lighter{ + .bg-mixin(@gray-lighter, @content-color, gray-lighter, gray-lighter); + } + .panel-gray-lighter{ + .panel-color(@gray-lighter, @content-color); + } + .well-gray-lighter{ + .well-color(@gray-lighter); + } +} + +.gray(@content-color){ + .bg-gray{ + .bg-mixin(@gray, @content-color, gray, gray); + } + .panel-gray{ + .panel-color(@gray, @content-color); + } + .well-gray{ + .well-color(@gray); + } +} + +.gray-darker(@content-color){ + .bg-gray-darker{ + .bg-mixin(@gray-darker, @content-color, gray-darker, gray-darker); + } + .panel-gray-darker{ + .panel-color(@gray-darker, @content-color); + } + .well-gray-darker{ + .well-color(@gray-darker); + } + .well-gray-darker{ + .well-color(@gray-darker); + } +} + +.alpha(@content-color){ + .bg-alpha{ + .bg-mixin(@color-alpha, @content-color, primary, alpha); + } + .panel-alpha{ + .panel-color(@color-alpha, @content-color); + } + .panel-primary{ + .panel-variant(@color-alpha; @content-color; @color-alpha; @color-alpha); + } + .well-alpha{ + .well-color(@color-alpha); + } +} + +.beta(@content-color){ + .bg-beta{ + .bg-mixin(@color-beta, @content-color, success, beta); + } + .panel-beta{ + .panel-color(@color-beta, @content-color); + } + .panel-success{ + .panel-variant(@color-beta; @content-color; @color-beta; @color-beta); + } + .well-beta{ + .well-color(@color-beta); + } +} + +.gamma(@content-color){ + .bg-gamma{ + .bg-mixin(@color-gamma, @content-color, info, gamma); + } + .panel-gamma{ + .panel-color(@color-gamma, @content-color); + } + .panel-info{ + .panel-variant(@color-gamma; @content-color; @color-gamma; @color-gamma); + } + .well-gamma{ + .well-color(@color-gamma); + } +} + +.delta(@content-color){ + .bg-delta{ + .bg-mixin(@color-delta, @content-color, warning, delta); + } + .panel-delta{ + .panel-color(@color-delta, @content-color); + } + .panel-warning{ + .panel-variant(@color-delta; @content-color; @color-delta; @color-delta); + } + .well-delta{ + .well-color(@color-delta); + } +} + +.epsilon(@content-color){ + .bg-epsilon{ + .bg-mixin(@color-epsilon, @content-color, danger, epsilon); + } + .panel-epsilon{ + .panel-color(@color-epsilon, @content-color); + } + .panel-danger{ + .panel-variant(@color-epsilon; @content-color; @color-epsilon; @color-epsilon); + } + .well-epsilon{ + .well-color(@color-epsilon); + } +} + + +/* PANEL COLORS + ========================================================================== */ + +.panel-color(@color, @textcolor){ + border-color: @color; + .list-group li.active{ + background-color: @color !important; + color: @textcolor; + } + > .panel-heading{ + background-color: @color; + color: @textcolor; + .text-muted{ + color: @textcolor; + } + > .panel-title, a{ + color: @textcolor; + } + } + .tab-content{ + border-left: 1px solid @color; + border-bottom: 1px solid @color; + border-right: 1px solid @color; + padding: 20px; + } + .nav-tabs{ + border-bottom: 1px solid @color; + > li { + > a{ + background-color: inherit; + color: @color; + &:hover, + &:focus{ + background-color: @color; + border: 1px solid @color; + border-bottom-color: @color; + color: @textcolor; + .fa{ + color: @textcolor; + } + } + } + &.active a, + &.active a:hover, + &.active a:focus{ + border: 1px solid @color; + background-color: @color; + color: @textcolor; + .fa{ + color: @textcolor; + } + } + } + } +} + + +/* WELL COLORS + ========================================================================== */ + +.well-color(@color){ + background-color: rgba(0, 0, 0, 0); + border-color: @color; + color: inherit; + .fa{ + color: @color; + } +} + + +/* THUMBNAILS COLORS + ========================================================================== */ + +.img-thumbnail(@first-border-color; @second-border-color){ + &.thumbnail, + &.img-thumbnail{ + @shadow: 0 0 0 3px @first-border-color, 0 0 0 6px @second-border-color; + .box-shadow(@shadow); + } +} + + +/* TEXT MUTED + ========================================================================== */ + +.text-muted(@color){ + color: @color; + opacity: (@opacity * 0.5); +} + +/* Fix non-clickable input */ +#wrapwrap { + form div.text-muted, + .wizard .text-muted { + opacity: 1; + } +} + +/* LAYOUT COLORS + ========================================================================== */ + +.layout-font-styles(@layout-font-size; @layout-font-weight){ + font-size: @layout-font-size; + font-weight: @layout-font-weight; +} \ No newline at end of file diff --git a/theme_zap/static/src/less/options/colors/colors_agency.less b/theme_zap/static/src/less/options/colors/colors_agency.less new file mode 100644 index 000000000..0abf260de --- /dev/null +++ b/theme_zap/static/src/less/options/colors/colors_agency.less @@ -0,0 +1,43 @@ +/* ========================================================================== + AGENCY + ========================================================================== */ + + +/* Colors + ========================================================================== */ + +@color-alpha: @agency-alpha; +@color-beta: @agency-beta; +@color-gamma: @agency-gamma; +@color-delta: @agency-delta; +@color-epsilon: @agency-epsilon; + + + +/* Grayscale + ========================================================================== */ + +@gray-darker: #20364d; +// @gray-dark: #20364d; +@gray: #50667e; +// @gray-light: #b8d1e6; +@gray-lighter: #e1effa; + + +/* Content Colors + ========================================================================== */ + +#wrapwrap{ + .white(@gray-darker); + .gray-lighter(@gray-darker); + .gray(#fff); + .gray-darker(#fff); + .alpha(#fff); + .beta(#fff); + .gamma(#fff); + .delta(@gray-darker); + .epsilon(@gray-darker); +} + +@layout-icons-color: #fff; +@link-color: @color-alpha; \ No newline at end of file diff --git a/theme_zap/static/src/less/options/colors/colors_environment.less b/theme_zap/static/src/less/options/colors/colors_environment.less new file mode 100644 index 000000000..0811d7e13 --- /dev/null +++ b/theme_zap/static/src/less/options/colors/colors_environment.less @@ -0,0 +1,40 @@ +/* ========================================================================== + ENVIRONMENT + ========================================================================== */ + + +/* Colors + ========================================================================== */ + +@color-alpha: @environment-alpha; +@color-beta: @environment-beta; +@color-gamma: @environment-gamma; +@color-delta: @environment-delta; +@color-epsilon: @environment-epsilon; + + +/* Grayscale + ========================================================================== */ + +// @gray-darker: #1d2127; +@gray: #A7A37E; +@gray-lighter: #EFECCA; + + +/* Content Colors + ========================================================================== */ + +#wrapwrap{ + .white(@gray-darker); + .gray-lighter(@gray-darker); + .gray(#fff); + .gray-darker(#fff); + .alpha(#fff); + .beta(#fff); + .gamma(#fff); + .delta(#fff); + .epsilon(@gray-darker); +} + +@layout-icons-color: #fff; +@link-color: @color-alpha; \ No newline at end of file diff --git a/theme_zap/static/src/less/options/colors/colors_food.less b/theme_zap/static/src/less/options/colors/colors_food.less new file mode 100644 index 000000000..e3e0252f8 --- /dev/null +++ b/theme_zap/static/src/less/options/colors/colors_food.less @@ -0,0 +1,40 @@ +/* ========================================================================== + FOOD + ========================================================================== */ + + +/* Colors + ========================================================================== */ + +@color-alpha: @food-alpha; +@color-beta: @food-beta; +@color-gamma: @food-gamma; +@color-delta: @food-delta; +@color-epsilon: @food-epsilon; + + +/* Grayscale + ========================================================================== */ + +// @gray-darker: #343642; +// @gray: lighten(@gray-darker, 40%); +// @gray-light: lighten(@gray-darker, 70%); + + +/* Content Colors + ========================================================================== */ + +#wrapwrap{ + .white(@gray-darker); + .gray-lighter(@gray-darker); + .gray(#fff); + .gray-darker(#fff); + .alpha(#fff); + .beta(#fff); + .gamma(#fff); + .delta(#fff); + .epsilon(#fff); +} + +@layout-icons-color: #fff; +@link-color: @color-alpha; \ No newline at end of file diff --git a/theme_zap/static/src/less/options/colors/colors_press.less b/theme_zap/static/src/less/options/colors/colors_press.less new file mode 100644 index 000000000..d96d57bc2 --- /dev/null +++ b/theme_zap/static/src/less/options/colors/colors_press.less @@ -0,0 +1,41 @@ +/* ========================================================================== + PRESS + ========================================================================== */ + + +/* Colors + ========================================================================== */ + +@color-alpha: @press-alpha; +@color-beta: @press-beta; +@color-gamma: @press-gamma; +@color-delta: @press-delta; +@color-epsilon: @press-epsilon; + +/* Gray + ========================================================================== */ + +@gray-darker: #1d2127; +@gray-dark: lighten(@gray-darker, 25%); +@gray: lighten(@gray-darker, 50%); +@gray-light: lighten(@gray-darker, 65%); +@gray-lighter: lighten(@gray-darker, 80%); + + +/* Content Colors + ========================================================================== */ + +#wrapwrap{ + .white(@gray-darker); + .gray-lighter(@gray-darker); + .gray(#fff); + .gray-darker(#fff); + .alpha(#fff); + .beta(#fff); + .gamma(#fff); + .delta(#fff); + .epsilon(#fff); +} + +@layout-icons-color: #fff; +@link-color: @color-alpha; \ No newline at end of file diff --git a/theme_zap/static/src/less/options/colors/colors_technology.less b/theme_zap/static/src/less/options/colors/colors_technology.less new file mode 100644 index 000000000..1f9a243f8 --- /dev/null +++ b/theme_zap/static/src/less/options/colors/colors_technology.less @@ -0,0 +1,40 @@ +/* ========================================================================== + TECHNOLOGY + ========================================================================== */ + + +/* Colors + ========================================================================== */ + +@color-alpha: @technology-alpha; +@color-beta: @technology-beta; +@color-gamma: @technology-gamma; +@color-delta: @technology-delta; +@color-epsilon: @technology-epsilon; + + +/* Grayscale + ========================================================================== */ + +@gray-darker: #3F5765; +@gray: #348899; +@gray-lighter: #BDD4DE; + + +/* Content Colors + ========================================================================== */ + +#wrapwrap{ + .white(@gray-darker); + .gray-lighter(@gray-darker); + .gray(#fff); + .gray-darker(#fff); + .alpha(#fff); + .beta(@gray-darker); + .gamma(@gray-darker); + .delta(#fff); + .epsilon(#fff); +} + +@layout-icons-color: #fff; +@link-color: @color-alpha; \ No newline at end of file diff --git a/theme_zap/static/src/less/options/colors/colors_travel.less b/theme_zap/static/src/less/options/colors/colors_travel.less new file mode 100644 index 000000000..8b43590ff --- /dev/null +++ b/theme_zap/static/src/less/options/colors/colors_travel.less @@ -0,0 +1,40 @@ +/* ========================================================================== + TRAVEL + ========================================================================== */ + + +/* Colors + ========================================================================== */ + +@color-alpha: @travel-alpha; +@color-beta: @travel-beta; +@color-gamma: @travel-gamma; +@color-delta: @travel-delta; +@color-epsilon: @travel-epsilon; + + +/* Grayscale + ========================================================================== */ + +@gray-darker: #323a49; +@gray: #a8b3c0; +@gray-lighter: #d5deeb; + + +/* Content Colors + ========================================================================== */ + +#wrapwrap{ + .white(@gray-darker); + .gray-lighter(@gray-darker); + .gray(#fff); + .gray-darker(#fff); + .alpha(#fff); + .beta(#fff); + .gamma(#fff); + .delta(#fff); + .epsilon(#fff); +} + +@layout-icons-color: #fff; +@link-color: @color-alpha; \ No newline at end of file diff --git a/theme_zap/static/src/less/options/fonts/font_advent_pro_oxygen.less b/theme_zap/static/src/less/options/fonts/font_advent_pro_oxygen.less new file mode 100644 index 000000000..d10fc7ecd --- /dev/null +++ b/theme_zap/static/src/less/options/fonts/font_advent_pro_oxygen.less @@ -0,0 +1,47 @@ +/* ================================================== + ADVENT PRO + OXYGEN + ================================================== */ + +/* Titles */ + +@headings-color: inherit; +@headings-small-color: @color-alpha; + +@headings-font-family: 'Advent Pro', sans-serif; +@headings-font-weight: 600; +@headings-font-bold: 700; +@headings-line-height: 1.25; + +@font-size-h1: 72px; +@font-size-h2: 60px; +@font-size-h3: 48px; +@font-size-h4: 32px; +@font-size-h5: 24px; +@font-size-h6: 20px; + +/* Bodytext */ + +@text-color: @gray-darker; + +@font-family-base: @font-family-sans-serif; +@font-family-sans-serif: 'Oxygen', sans-serif; + +@line-height-base: 1.5; +@line-height-computed: 24px; + +@font-normal: 300; +@font-bold: 700; + +@font-size-large: 24px; +@font-size-base: 16px; +@font-size-small: 14px; +@font-size-extra-small: 13px; + +/* Layout */ + +@layout-font-weight: 400; +@layout-font-size: @font-size-extra-small; + +@btn-font-weight: 500; +@btn-font-size: @font-size-small; +@btn-font-family: @font-family-base; \ No newline at end of file diff --git a/theme_zap/static/src/less/options/fonts/font_amatic_josefin_sans.less b/theme_zap/static/src/less/options/fonts/font_amatic_josefin_sans.less new file mode 100644 index 000000000..f85a5a50a --- /dev/null +++ b/theme_zap/static/src/less/options/fonts/font_amatic_josefin_sans.less @@ -0,0 +1,47 @@ +/* ================================================== + AMATIC + JOSEFIN SANS + ================================================== */ + +/* Titles */ + +@headings-color: inherit; +@headings-small-color: @color-alpha; + +@headings-font-family: 'Amatic SC', sans-serif; +@headings-font-weight: 700; +@headings-font-bold: 700; +@headings-line-height: 1.25; + +@font-size-h1: 60px; +@font-size-h2: 72px; +@font-size-h3: 32px; +@font-size-h4: 24px; +@font-size-h5: 20px; +@font-size-h6: 18px; + +/* Bodytext */ + +@text-color: @gray-darker; + +@font-family-base: @font-family-sans-serif; +@font-family-sans-serif: 'Josefin Sans', sans-serif; + +@line-height-base: 1.4; +@line-height-computed: 24px; + +@font-normal: 400; +@font-bold: 700; + +@font-size-large: 24px; +@font-size-base: 18px; +@font-size-small: 16px; +@font-size-extra-small: 14px; + +/* Layout */ + +@layout-font-weight: 400; +@layout-font-size: @font-size-extra-small; + +@btn-font-weight: 400; +@btn-font-size: @font-size-small; +@btn-font-family: @font-family-base; \ No newline at end of file diff --git a/theme_zap/static/src/less/options/fonts/font_dosis_open_sans.less b/theme_zap/static/src/less/options/fonts/font_dosis_open_sans.less new file mode 100644 index 000000000..60055ed63 --- /dev/null +++ b/theme_zap/static/src/less/options/fonts/font_dosis_open_sans.less @@ -0,0 +1,47 @@ +/* ================================================== + DOSIS + OPEN SANS + ================================================== */ + +/* Titles */ + +@headings-color: inherit; +@headings-small-color: @color-alpha; + +@headings-font-family: 'Dosis', sans-serif; +@headings-font-weight: 500; +@headings-font-bold: 600; +@headings-line-height: 1.25; + +@font-size-h1: 60px; +@font-size-h2: 48px; +@font-size-h3: 32px; +@font-size-h4: 24px; +@font-size-h5: 20px; +@font-size-h6: 18px; + +/* Bodytext */ + +@text-color: #000; + +@font-family-base: @font-family-sans-serif; +@font-family-sans-serif: 'Open Sans', sans-serif; + +@line-height-base: 1.5; +@line-height-computed: 24px; + +@font-normal: 300; +@font-bold: 600; + +@font-size-large: 24px; +@font-size-base: 16px; +@font-size-small: 14px; +@font-size-extra-small: 13px; + +/* Layout */ + +@layout-font-weight: 400; +@layout-font-size: @font-size-extra-small; + +@btn-font-weight: 600; +@btn-font-size: @font-size-small; +@btn-font-family: @headings-font-family; \ No newline at end of file diff --git a/theme_zap/static/src/less/options/fonts/font_lato_merriweather.less b/theme_zap/static/src/less/options/fonts/font_lato_merriweather.less new file mode 100644 index 000000000..1513d7b27 --- /dev/null +++ b/theme_zap/static/src/less/options/fonts/font_lato_merriweather.less @@ -0,0 +1,47 @@ +/* ================================================== + LATO + MERRIWEATHER + ================================================== */ + +/* Titles */ + +@headings-color: inherit; +@headings-small-color: @color-alpha; + +@headings-font-family: 'Lato', sans-serif; +@headings-font-weight: 400; +@headings-font-bold: 700; +@headings-line-height: 1.25; + +@font-size-h1: 60px; +@font-size-h2: 48px; +@font-size-h3: 32px; +@font-size-h4: 24px; +@font-size-h5: 20px; +@font-size-h6: 18px; + +/* Bodytext */ + +@text-color: @gray-darker; + +@font-family-base: @font-family-serif; +@font-family-serif: 'Merriweather', serif; + +@line-height-base: 1.5; +@line-height-computed: 24px; + +@font-normal: 300; +@font-bold: 700; + +@font-size-large: 20px; +@font-size-base: 16px; +@font-size-small: 14px; +@font-size-extra-small: 13px; + +/* Layout */ + +@layout-font-weight: 400; +@layout-font-size: @font-size-extra-small; + +@btn-font-weight: 400; +@btn-font-size: @font-size-small; +@btn-font-family: @headings-font-family; \ No newline at end of file diff --git a/theme_zap/static/src/less/options/fonts/font_medula_one_abel.less b/theme_zap/static/src/less/options/fonts/font_medula_one_abel.less new file mode 100644 index 000000000..e3903ad11 --- /dev/null +++ b/theme_zap/static/src/less/options/fonts/font_medula_one_abel.less @@ -0,0 +1,44 @@ +/* ================================================== + MEDULA ONE + ABEL + ================================================== */ + +/* Titles */ + +@headings-color: inherit; +@headings-small-color: @color-alpha; + +@headings-font-family: 'Medula One', sans-serif; +@headings-font-weight: 400; +@headings-line-height: 1.25; + +@font-size-h1: 60px; +@font-size-h2: 60px; +@font-size-h3: 48px; +@font-size-h4: 32px; +@font-size-h5: 24px; +@font-size-h6: 20px; + +/* Bodytext */ + +@text-color: @gray-darker; + +@font-family-base: @font-family-sans-serif; +@font-family-sans-serif: 'Abel', sans-serif; + +@line-height-base: 1.5; +@line-height-computed: 24px; + +@font-normal: 400; +@font-bold: 700; + +@font-size-large: 20px; +@font-size-base: 16px; +@font-size-small: 14px; +@font-size-extra-small: 12px; + +/* Misc */ + +@layout-font-size: @font-size-large; + +@btn-font-weight: 400; +@layout-font-weight: 300; \ No newline at end of file diff --git a/theme_zap/static/src/less/options/fonts/font_montserrat_alt_nunito.less b/theme_zap/static/src/less/options/fonts/font_montserrat_alt_nunito.less new file mode 100644 index 000000000..43494e1e4 --- /dev/null +++ b/theme_zap/static/src/less/options/fonts/font_montserrat_alt_nunito.less @@ -0,0 +1,47 @@ +/* ================================================== + MONTSERRAT + NUNITO + ================================================== */ + +/* Titles */ + +@headings-color: inherit; +@headings-small-color: @color-alpha; + +@headings-font-family: 'Montserrat Alternates', sans-serif; +@headings-font-weight: 400; +@headings-font-bold: 700; +@headings-line-height: 1.25; + +@font-size-h1: 60px; +@font-size-h2: 48px; +@font-size-h3: 32px; +@font-size-h4: 24px; +@font-size-h5: 20px; +@font-size-h6: 18px; + +/* Bodytext */ + +@text-color: @gray-darker; + +@font-family-base: @font-family-sans-serif; +@font-family-sans-serif: 'Nunito', sans-serif; + +@line-height-base: 1.4; +@line-height-computed: 24px; + +@font-normal: 300; +@font-bold: 700; + +@font-size-large: 24px; +@font-size-base: 16px; +@font-size-small: 14px; +@font-size-extra-small: 12px; + +/* Layout */ + +@layout-font-weight: 400; +@layout-font-size: @font-size-small; + +@btn-font-weight: 400; +@btn-font-size: @font-size-small; +@btn-font-family: @font-family-base; \ No newline at end of file diff --git a/theme_zap/static/src/less/options/fonts/font_oswald_lato.less b/theme_zap/static/src/less/options/fonts/font_oswald_lato.less new file mode 100644 index 000000000..ab4f48c3f --- /dev/null +++ b/theme_zap/static/src/less/options/fonts/font_oswald_lato.less @@ -0,0 +1,47 @@ +/* ================================================== + OSWALD + LATO + ================================================== */ + +/* Titles */ + +@headings-color: inherit; +@headings-small-color: @color-alpha; + +@headings-font-family: 'Oswald', sans-serif; +@headings-font-weight: 400; +@headings-font-bold: 700; +@headings-line-height: 1.25; + +@font-size-h1: 60px; +@font-size-h2: 48px; +@font-size-h3: 32px; +@font-size-h4: 24px; +@font-size-h5: 20px; +@font-size-h6: 18px; + +/* Bodytext */ + +@text-color: @gray-darker; + +@font-family-base: @font-family-sans-serif; +@font-family-sans-serif: 'Lato', sans-serif; + +@line-height-base: 1.5; +@line-height-computed: 24px; + +@font-normal: 300; +@font-bold: 500; + +@font-size-large: 24px; +@font-size-base: 16px; +@font-size-small: 14px; +@font-size-extra-small: 12px; + +/* Layout */ + +@layout-font-weight: 400; +@layout-font-size: @font-size-small; + +@btn-font-weight: 400; +@btn-font-size: @font-size-small; +@btn-font-family: @font-family-base; \ No newline at end of file diff --git a/theme_zap/static/src/less/options/fonts/font_roboto_slab_roboto.less b/theme_zap/static/src/less/options/fonts/font_roboto_slab_roboto.less new file mode 100644 index 000000000..e89f62241 --- /dev/null +++ b/theme_zap/static/src/less/options/fonts/font_roboto_slab_roboto.less @@ -0,0 +1,47 @@ +/* ================================================== + ROBOTO SLAB + ROBOTO + ================================================== */ + +/* Titles */ + +@headings-color: inherit; +@headings-small-color: @color-alpha; + +@headings-font-family: 'Roboto Slab', serif; +@headings-font-weight: 400; +@headings-font-bold: 700; +@headings-line-height: 1.25; + +@font-size-h1: 60px; +@font-size-h2: 48px; +@font-size-h3: 32px; +@font-size-h4: 24px; +@font-size-h5: 20px; +@font-size-h6: 18px; + +/* Bodytext */ + +@text-color: @gray-darker; + +@font-family-base: @font-family-sans-serif; +@font-family-sans-serif: 'Roboto', sans-serif; + +@line-height-base: 1.5; +@line-height-computed: 24px; + +@font-normal: 300; +@font-bold: 500; + +@font-size-large: 24px; +@font-size-base: 16px; +@font-size-small: 14px; +@font-size-extra-small: 13px; + +/* Layout */ + +@layout-font-weight: 400; +@layout-font-size: @font-size-extra-small; + +@btn-font-weight: 500; +@btn-font-size: @font-size-small; +@btn-font-family: @font-family-base; \ No newline at end of file diff --git a/theme_zap/static/src/less/options/layouts/footer_dark.less b/theme_zap/static/src/less/options/layouts/footer_dark.less new file mode 100644 index 000000000..868ed0ede --- /dev/null +++ b/theme_zap/static/src/less/options/layouts/footer_dark.less @@ -0,0 +1,6 @@ +#wrapwrap{ + footer{ + background-color: @gray-darker; + color: #fff; + } +} \ No newline at end of file diff --git a/theme_zap/static/src/less/options/layouts/footer_light.less b/theme_zap/static/src/less/options/layouts/footer_light.less new file mode 100644 index 000000000..2703e36c5 --- /dev/null +++ b/theme_zap/static/src/less/options/layouts/footer_light.less @@ -0,0 +1,6 @@ +#wrapwrap{ + footer{ + background-color: @gray-lighter; + color: @gray-darker; + } +} \ No newline at end of file diff --git a/theme_zap/static/src/less/options/layouts/footer_white.less b/theme_zap/static/src/less/options/layouts/footer_white.less new file mode 100644 index 000000000..2b659f8c0 --- /dev/null +++ b/theme_zap/static/src/less/options/layouts/footer_white.less @@ -0,0 +1,6 @@ +#wrapwrap{ + footer{ + background-color: #fff; + color: @gray-darker; + } +} \ No newline at end of file diff --git a/theme_zap/static/src/less/options/layouts/header_dark.less b/theme_zap/static/src/less/options/layouts/header_dark.less new file mode 100644 index 000000000..0f95aa2a7 --- /dev/null +++ b/theme_zap/static/src/less/options/layouts/header_dark.less @@ -0,0 +1,8 @@ +#wrapwrap{ + .navbar-default{ + background-color: @gray-darker; + .navbar-nav > li > a{ + color: #fff; + } + } +} \ No newline at end of file diff --git a/theme_zap/static/src/less/options/layouts/header_light.less b/theme_zap/static/src/less/options/layouts/header_light.less new file mode 100644 index 000000000..4104c3c58 --- /dev/null +++ b/theme_zap/static/src/less/options/layouts/header_light.less @@ -0,0 +1,8 @@ +#wrapwrap{ + .navbar-default{ + background-color: @gray-lighter; + .navbar-nav > li > a{ + color: @gray-darker; + } + } +} \ No newline at end of file diff --git a/theme_zap/static/src/less/options/layouts/header_white.less b/theme_zap/static/src/less/options/layouts/header_white.less new file mode 100644 index 000000000..0c3c2d017 --- /dev/null +++ b/theme_zap/static/src/less/options/layouts/header_white.less @@ -0,0 +1,8 @@ +#wrapwrap{ + .navbar-default{ + background-color: #fff; + .navbar-nav > li > a{ + color: @gray-darker; + } + } +} \ No newline at end of file diff --git a/theme_zap/static/src/less/options/layouts/layout_boxed.less b/theme_zap/static/src/less/options/layouts/layout_boxed.less new file mode 100644 index 000000000..30055c92a --- /dev/null +++ b/theme_zap/static/src/less/options/layouts/layout_boxed.less @@ -0,0 +1,57 @@ +#wrapwrap{ + margin: 25px auto; + #preheader > .container{ + margin: 0 0 0 15px; + padding: 0; + } +} + +@media (max-width: @screen-sm-max) { + #wrapwrap{ + width: 90%; + #preheader > .container{ + margin: 0 15px; + } + } +} + +@media (min-width: @screen-xs-max) { + #wrapwrap{ + width: 720px; + #preheader > .container{ + width: 690px; + } + .container{ + width: 720px; + } + } +} + +@media (min-width: @screen-md-min) { + #wrapwrap{ + width: 970px; + #preheader > .container{ + width: 940px; + } + .container{ + width: 970px; + } + } +} + +@media (min-width: @screen-lg-min) { + #wrapwrap{ + width: 1170px; + #preheader > .container{ + width: 1140px; + } + .container{ + width: 1170px; + } + } +} + +#wrapwrap .s_banner_2.carousel .carousel-control .fa{ + top: auto; + bottom: 20px; +} \ No newline at end of file diff --git a/theme_zap/static/src/less/options/patterns/bg_pattern_1.less b/theme_zap/static/src/less/options/patterns/bg_pattern_1.less new file mode 100644 index 000000000..88e782a62 --- /dev/null +++ b/theme_zap/static/src/less/options/patterns/bg_pattern_1.less @@ -0,0 +1,6 @@ +@body-bg: rgba(0, 0, 0, 0); + +html, body{ + background-image: url('/website/image/theme_zap.bg_pattern_01'); + background-repeat: repeat; +} \ No newline at end of file diff --git a/theme_zap/static/src/less/options/patterns/bg_pattern_2.less b/theme_zap/static/src/less/options/patterns/bg_pattern_2.less new file mode 100644 index 000000000..aaeec2e9c --- /dev/null +++ b/theme_zap/static/src/less/options/patterns/bg_pattern_2.less @@ -0,0 +1,6 @@ +@body-bg: rgba(0, 0, 0, 0); + +html, body{ + background-image: url('/website/image/theme_zap.bg_pattern_02'); + background-repeat: repeat; +} \ No newline at end of file diff --git a/theme_zap/static/src/less/options/patterns/bg_pattern_3.less b/theme_zap/static/src/less/options/patterns/bg_pattern_3.less new file mode 100644 index 000000000..1d70ca001 --- /dev/null +++ b/theme_zap/static/src/less/options/patterns/bg_pattern_3.less @@ -0,0 +1,6 @@ +@body-bg: rgba(0, 0, 0, 0); + +html, body{ + background-image: url('/website/image/theme_zap.bg_pattern_03'); + background-repeat: repeat; +} \ No newline at end of file diff --git a/theme_zap/static/src/less/options/patterns/bg_pattern_4.less b/theme_zap/static/src/less/options/patterns/bg_pattern_4.less new file mode 100644 index 000000000..b13596787 --- /dev/null +++ b/theme_zap/static/src/less/options/patterns/bg_pattern_4.less @@ -0,0 +1,6 @@ +@body-bg: rgba(0, 0, 0, 0); + +html, body{ + background-image: url('/website/image/theme_zap.bg_pattern_04'); + background-repeat: repeat; +} \ No newline at end of file diff --git a/theme_zap/static/src/less/options/patterns/bg_pattern_5.less b/theme_zap/static/src/less/options/patterns/bg_pattern_5.less new file mode 100644 index 000000000..02e6bd318 --- /dev/null +++ b/theme_zap/static/src/less/options/patterns/bg_pattern_5.less @@ -0,0 +1,6 @@ +@body-bg: rgba(0, 0, 0, 0); + +html, body{ + background-image: url('/website/image/theme_zap.bg_pattern_05'); + background-repeat: repeat; +} \ No newline at end of file diff --git a/theme_zap/static/src/less/options/patterns/bg_pattern_6.less b/theme_zap/static/src/less/options/patterns/bg_pattern_6.less new file mode 100644 index 000000000..88b6ab4f6 --- /dev/null +++ b/theme_zap/static/src/less/options/patterns/bg_pattern_6.less @@ -0,0 +1,6 @@ +@body-bg: rgba(0, 0, 0, 0); + +html, body{ + background-image: url('/website/image/theme_zap.bg_pattern_06'); + background-repeat: repeat; +} \ No newline at end of file diff --git a/theme_zap/static/src/less/options/patterns/bg_pattern_7.less b/theme_zap/static/src/less/options/patterns/bg_pattern_7.less new file mode 100644 index 000000000..3352dc068 --- /dev/null +++ b/theme_zap/static/src/less/options/patterns/bg_pattern_7.less @@ -0,0 +1,6 @@ +@body-bg: rgba(0, 0, 0, 0); + +html, body{ + background-image: url('/website/image/theme_zap.bg_pattern_07'); + background-repeat: repeat; +} \ No newline at end of file diff --git a/theme_zap/static/src/less/options/patterns/bg_pattern_8.less b/theme_zap/static/src/less/options/patterns/bg_pattern_8.less new file mode 100644 index 000000000..f068c1752 --- /dev/null +++ b/theme_zap/static/src/less/options/patterns/bg_pattern_8.less @@ -0,0 +1,6 @@ +@body-bg: rgba(0, 0, 0, 0); + +html, body{ + background-image: url('/website/image/theme_zap.bg_pattern_08'); + background-repeat: repeat; +} \ No newline at end of file diff --git a/theme_zap/static/src/less/options/patterns/bg_pattern_9.less b/theme_zap/static/src/less/options/patterns/bg_pattern_9.less new file mode 100644 index 000000000..86dd0e7ba --- /dev/null +++ b/theme_zap/static/src/less/options/patterns/bg_pattern_9.less @@ -0,0 +1,6 @@ +@body-bg: rgba(0, 0, 0, 0); + +html, body{ + background-image: url('/website/image/theme_zap.bg_pattern_09'); + background-repeat: repeat; +} \ No newline at end of file diff --git a/theme_zap/static/src/less/snippets/s_big_message.less b/theme_zap/static/src/less/snippets/s_big_message.less new file mode 100644 index 000000000..1380fb0c7 --- /dev/null +++ b/theme_zap/static/src/less/snippets/s_big_message.less @@ -0,0 +1,13 @@ +@jumbotron-padding: 32px; +@jumbotron-color: inherit; +@jumbotron-bg: rgba(0, 0, 0, 0); +@jumbotron-heading-color: inherit; +@jumbotron-font-size: ceil((@font-size-base * 1.5)); + +.s_big_message{ + margin: 0 !important; +} + +.s_button.jumbotron{ + margin-bottom: 0; +} \ No newline at end of file diff --git a/theme_zap/static/src/less/snippets/s_comparisons.less b/theme_zap/static/src/less/snippets/s_comparisons.less new file mode 100644 index 000000000..a0028018e --- /dev/null +++ b/theme_zap/static/src/less/snippets/s_comparisons.less @@ -0,0 +1,23 @@ +#wrapwrap { + .s_comparisons{ + .list-group-item.active{ + background-color: @color-alpha; + border-color: @color-alpha; + } + .panel-body.text-muted{ + opacity: 1; + } + .panel-heading h2{ + font-size: @font-size-h3; + } + .panel-body small{ + color: @gray-darker; + } + .panel-info{ + .list-group-item.active{ + background-color: @color-gamma; + border-color: @color-gamma; + } + } + } +} \ No newline at end of file diff --git a/theme_zap/static/src/less/snippets/s_panel_extended.less b/theme_zap/static/src/less/snippets/s_panel_extended.less new file mode 100644 index 000000000..43701408c --- /dev/null +++ b/theme_zap/static/src/less/snippets/s_panel_extended.less @@ -0,0 +1,12 @@ +.s_panel{ + &.panel{ + background-color: inherit; + } + box-shadow: @shadow; + .panel-heading{ + border: 0; + .fa{ + margin-right: 12px; + } + } +} \ No newline at end of file diff --git a/theme_zap/static/src/less/snippets/s_quote_extended.less b/theme_zap/static/src/less/snippets/s_quote_extended.less new file mode 100644 index 000000000..7de527e0a --- /dev/null +++ b/theme_zap/static/src/less/snippets/s_quote_extended.less @@ -0,0 +1 @@ +.blockquote-layout(@gray-lighter, @gray-darker); \ No newline at end of file diff --git a/theme_zap/static/src/less/snippets/s_separator_extended.less b/theme_zap/static/src/less/snippets/s_separator_extended.less new file mode 100644 index 000000000..7a82100bc --- /dev/null +++ b/theme_zap/static/src/less/snippets/s_separator_extended.less @@ -0,0 +1,40 @@ +.s_separator{ + border-color: inherit; + border-top: 0; + padding: 8px 0; + margin: 0 0 16px 0; + height: 1px; + display: inline-block; + width: 100%; + border-style: solid; + border-bottom-width: 1px; + &.hr-small{ + width: 20%; + } + &.hr-half{ + width: 50%; + } + &.hr-full{ + width: 100%; + } + &.hr-dashed{ + border-style: dashed; + } + &.hr-dotted{ + border-style: dotted; + } + &.hr-double{ + border-style: double; + + } + &.hr-solid{ + border-style: solid; + } + .hr-thickness(5); + .hr-thickness(@n, @i: 1px) when (@i =< @n) { + &.hr-@{i}{ + border-bottom-width: (@i * 1); + } + .hr-thickness(@n, (@i + 1)); + } +} \ No newline at end of file diff --git a/theme_zap/static/src/less/snippets/s_share_extended.less b/theme_zap/static/src/less/snippets/s_share_extended.less new file mode 100644 index 000000000..20152cdb8 --- /dev/null +++ b/theme_zap/static/src/less/snippets/s_share_extended.less @@ -0,0 +1,21 @@ +.s_share{ + .s_share_title{ + display: inline-block; + vertical-align: middle; + margin-right: 10px; + } + a{ + &:hover{ + text-decoration: none; + .fa{ + background-color: @color-alpha; + color: #fff; + } + } + .fa{ + background-color: @gray-lighter; + color: @color-alpha; + } + .fa-size-generator(20px); + } +} \ No newline at end of file diff --git a/theme_zap/static/src/less/snippets/s_well_extended.less b/theme_zap/static/src/less/snippets/s_well_extended.less new file mode 100644 index 000000000..9a0d31eb2 --- /dev/null +++ b/theme_zap/static/src/less/snippets/s_well_extended.less @@ -0,0 +1,13 @@ +.s_well{ + box-shadow: @shadow; + + .well-text{ + overflow: hidden; + } + p, ul, ol{ + width: 100%; + &:last-child{ + margin-bottom: 0; + } + } +} \ No newline at end of file diff --git a/theme_zap/static/src/less/theme.less b/theme_zap/static/src/less/theme.less new file mode 100644 index 000000000..0cef4a058 --- /dev/null +++ b/theme_zap/static/src/less/theme.less @@ -0,0 +1,180 @@ +/* VARIABLES + ========================================================================== */ + +@border-radius-small: 0; +@border-radius-base: 0; +@border-radius-large: 8px; + +@shadow: none; +@opacity: 1; + + +/* BACKGROUND IMAGES + ========================================================================== */ + +[class*="bg-img-"], +.carousel-inner .item[class*="bg-img-"]{ + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} + +.bg-img-01{ background-image: url('/website/image/theme_zap.bg_img_01'); } +.bg-img-02{ background-image: url('/website/image/theme_zap.bg_img_02'); } +.bg-img-03{ background-image: url('/website/image/theme_zap.bg_img_03'); } +.bg-img-04{ background-image: url('/website/image/theme_zap.bg_img_04'); } +.bg-img-05{ background-image: url('/website/image/theme_zap.bg_img_05'); } +.bg-img-06{ background-image: url('/website/image/theme_zap.bg_img_06'); } +.bg-img-07{ background-image: url('/website/image/theme_zap.bg_img_07'); } +.bg-img-08{ background-image: url('/website/image/theme_zap.bg_img_08'); } +.bg-img-09{ background-image: url('/website/image/theme_zap.bg_img_09'); } +.bg-img-10{ background-image: url('/website/image/theme_zap.bg_img_10'); } +.bg-img-11{ background-image: url('/website/image/theme_zap.bg_img_11'); } +.bg-img-12{ background-image: url('/website/image/theme_zap.bg_img_12'); } +.bg-img-13{ background-image: url('/website/image/theme_zap.bg_img_13'); } +.bg-img-14{ background-image: url('/website/image/theme_zap.bg_img_14'); } +.bg-img-15{ background-image: url('/website/image/theme_zap.bg_img_15'); } +.bg-img-16{ background-image: url('/website/image/theme_zap.bg_img_16'); } + + +/* BACKGROUND PATTERNS + ========================================================================== */ + +[class*="bg-pattern-"], +.carousel-inner .item[class*="bg-pattern-"]{ + background-size: inherit; + background-repeat: repeat; +} + +.bg-pattern-01{ background-image: url('/website/image/theme_zap.bg_pattern_01'); } +.bg-pattern-02{ background-image: url('/website/image/theme_zap.bg_pattern_02'); } +.bg-pattern-03{ background-image: url('/website/image/theme_zap.bg_pattern_03'); } +.bg-pattern-04{ background-image: url('/website/image/theme_zap.bg_pattern_04'); } +.bg-pattern-05{ background-image: url('/website/image/theme_zap.bg_pattern_05'); } +.bg-pattern-06{ background-image: url('/website/image/theme_zap.bg_pattern_06'); } +.bg-pattern-07{ background-image: url('/website/image/theme_zap.bg_pattern_07'); } +.bg-pattern-08{ background-image: url('/website/image/theme_zap.bg_pattern_08'); } +.bg-pattern-09{ background-image: url('/website/image/theme_zap.bg_pattern_09'); } + + +/* STYLES + ========================================================================== */ + +#wrapwrap{ + .img-circle, + .img-circle.img-thumbnail{ + border-radius: 50%; + } + .img-rounded, + .img-rounded.img-thumbnail{ + border-radius: @border-radius-large; + } + .thumbnail, + .img-thumbnail{ + border-radius: inherit; + border: 0; + padding: 0; + } + .shadow{ + border-bottom: 5px solid @gray-darker; + &.bg-gray-darker{ + border-bottom-color: #000; + } + } + .text-underline{ + text-decoration: underline; + } + .text-boxed{ + border: 1px solid; + border-color: inherit; + padding: 20px; + } +} + + +/* BUTTONS + ========================================================================== */ + +#wrapwrap, +.modal-body .dropdown-menu, +.link-style .col-sm-10{ + .btn{ + background-color: rgba(0, 0, 0, 0); + border-radius: @border-radius-base; + font-family: @btn-font-family; + font-size: @font-size-base; + text-transform: uppercase; + padding: 10px 22px; + transition: all .2s ease-in-out; + &:active, + &.active{ + box-shadow: @shadow; + } + /* Sizes */ + &.btn-xs{ + font-size: @font-size-extra-small; + padding: 6px 10px; + } + &.btn-sm{ + font-size: @font-size-small; + padding: 8px 16px; + } + &.btn-lg{ + font-size: @font-size-h6; + padding: 12px 28px; + } + /* Colors */ + .btn-color(@color){ + color: @color; + border: 1px solid @color; + &:hover{ + background-color: @color; + color: #fff; + } + } + &.btn-default{ + .btn-color(@gray-darker); + } + &.btn-primary{ + .btn-color(@color-alpha); + } + &.btn-success{ + .btn-color(@color-beta); + } + &.btn-info{ + .btn-color(@color-gamma); + } + &.btn-warning{ + .btn-color(@color-delta); + } + &.btn-danger{ + .btn-color(@color-epsilon); + } + } +} + +#wrapwrap { + button[type="submit"].btn, + .js_follow_btn.btn, + .a-submit.btn { + padding: 6px 12px; + } +} + +.demo-title{ + padding: 32px 0; + color: @gray-lighter; + font-family: 'Lato', sans-serif; + font-weight: 400 !important; + font-size: 60px; +} + +.demo-subtitle{ + padding: 10px 20px; + border-left: 5px solid @gray-dark; + background-image: url('/theme_zap/static/src/img/patterns/bg_pattern_demo.png'); + color: @gray-dark; + font-family: 'Lato', sans-serif; + font-weight: 400 !important; + font-size: 24px; +} \ No newline at end of file diff --git a/theme_zap/views/assets.xml b/theme_zap/views/assets.xml new file mode 100644 index 000000000..383c633b2 --- /dev/null +++ b/theme_zap/views/assets.xml @@ -0,0 +1,74 @@ + + + + + + + + + open + + + + + + True + + + + + + + + + + + \ No newline at end of file diff --git a/theme_zap/views/customize_modal.xml b/theme_zap/views/customize_modal.xml new file mode 100644 index 000000000..c98b84744 --- /dev/null +++ b/theme_zap/views/customize_modal.xml @@ -0,0 +1,444 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/theme_zap/views/images_content.xml b/theme_zap/views/images_content.xml new file mode 100644 index 000000000..05fab8d46 --- /dev/null +++ b/theme_zap/views/images_content.xml @@ -0,0 +1,102 @@ + + + + + + + + + + + + /theme_zap/static/src/img/content/text_image.jpg + + + + /theme_zap/static/src/img/content/big_picture.gif + + + + /theme_zap/static/src/img/content/image_text.jpg + + + + /theme_zap/static/src/img/content/profiles_boxes_2.jpg + + + + /theme_zap/static/src/img/content/author.gif + + + + /theme_zap/static/src/img/content/profiles_boxes_3.jpg + + + + /theme_zap/static/src/img/content/logo_bakery.png + + + + /theme_zap/static/src/img/content/logo_barber.png + + + + /theme_zap/static/src/img/content/logo_coffee.png + + + + /theme_zap/static/src/img/content/logo_coffee_ribbon.png + + + + /theme_zap/static/src/img/content/logo_fish.png + + + + /theme_zap/static/src/img/content/logo_plane.png + + + + /theme_zap/static/src/img/content/profiles_boxes_1.jpg + + + + /theme_zap/static/src/img/content/three_columns_1.jpg + + + + /theme_zap/static/src/img/content/three_columns_2a.jpg + + + + /theme_zap/static/src/img/content/three_columns_2b.jpg + + + + /theme_zap/static/src/img/content/three_columns_2c.jpg + + + + /theme_zap/static/src/img/content/three_columns_3.jpg + + + + /theme_zap/static/src/img/backgrounds/01.jpg + + + + /theme_zap/static/src/img/backgrounds/04.jpg + + + + /theme_zap/static/src/img/backgrounds/11.jpg + + + + \ No newline at end of file diff --git a/theme_zap/views/images_library.xml b/theme_zap/views/images_library.xml new file mode 100644 index 000000000..e2fa37a3a --- /dev/null +++ b/theme_zap/views/images_library.xml @@ -0,0 +1,214 @@ + + + + + + + + + bg_img_01.jpg + bg_img_01.jpg + ir.ui.view + url + /theme_zap/static/src/img/backgrounds/01.jpg + + + + bg_img_02.jpg + bg_img_02.jpg + ir.ui.view + url + /theme_zap/static/src/img/backgrounds/02.jpg + + + + bg_img_03.jpg + bg_img_03.jpg + ir.ui.view + url + /theme_zap/static/src/img/backgrounds/03.jpg + + + + bg_img_04.jpg + bg_img_04.jpg + ir.ui.view + url + /theme_zap/static/src/img/backgrounds/04.jpg + + + + bg_img_05.jpg + bg_img_05.jpg + ir.ui.view + url + /theme_zap/static/src/img/backgrounds/05.jpg + + + + bg_img_06.jpg + bg_img_06.jpg + ir.ui.view + url + /theme_zap/static/src/img/backgrounds/06.jpg + + + + bg_img_07.jpg + bg_img_07.jpg + ir.ui.view + url + /theme_zap/static/src/img/backgrounds/07.jpg + + + + bg_img_08.jpg + bg_img_08.jpg + ir.ui.view + url + /theme_zap/static/src/img/backgrounds/08.jpg + + + + bg_img_09.jpg + bg_img_09.jpg + ir.ui.view + url + /theme_zap/static/src/img/backgrounds/09.jpg + + + + bg_img_10.jpg + bg_img_10.jpg + ir.ui.view + url + /theme_zap/static/src/img/backgrounds/10.jpg + + + + bg_img_11.jpg + bg_img_11.jpg + ir.ui.view + url + /theme_zap/static/src/img/backgrounds/11.jpg + + + + bg_img_12.jpg + bg_img_12.jpg + ir.ui.view + url + /theme_zap/static/src/img/backgrounds/12.jpg + + + + bg_img_13.jpg + bg_img_13.jpg + ir.ui.view + url + /theme_zap/static/src/img/backgrounds/13.jpg + + + + bg_img_14.jpg + bg_img_14.jpg + ir.ui.view + url + /theme_zap/static/src/img/backgrounds/14.jpg + + + + bg_img_15.jpg + bg_img_15.jpg + ir.ui.view + url + /theme_zap/static/src/img/backgrounds/15.jpg + + + + bg_img_16.jpg + bg_img_16.jpg + ir.ui.view + url + /theme_zap/static/src/img/backgrounds/16.jpg + + + + + + + bg_pattern_01.png + bg_pattern_01.png + ir.ui.view + url + /theme_zap/static/src/img/patterns/01.png + + + + bg_pattern_02.png + bg_pattern_02.png + ir.ui.view + url + /theme_zap/static/src/img/patterns/02.png + + + + bg_pattern_03.png + bg_pattern_03.png + ir.ui.view + url + /theme_zap/static/src/img/patterns/03.png + + + + bg_pattern_04.png + bg_pattern_04.png + ir.ui.view + url + /theme_zap/static/src/img/patterns/04.png + + + + bg_pattern_05.png + bg_pattern_05.png + ir.ui.view + url + /theme_zap/static/src/img/patterns/05.png + + + + bg_pattern_06.png + bg_pattern_06.png + ir.ui.view + url + /theme_zap/static/src/img/patterns/06.png + + + + bg_pattern_07.png + bg_pattern_07.png + ir.ui.view + url + /theme_zap/static/src/img/patterns/07.png + + + + bg_pattern_08.png + bg_pattern_08.png + ir.ui.view + url + /theme_zap/static/src/img/patterns/08.png + + + + bg_pattern_09.png + bg_pattern_09.png + ir.ui.view + url + /theme_zap/static/src/img/patterns/09.png + + + + diff --git a/theme_zap/views/layout.xml b/theme_zap/views/layout.xml new file mode 100644 index 000000000..eefb1a34d --- /dev/null +++ b/theme_zap/views/layout.xml @@ -0,0 +1,123 @@ + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/theme_zap/views/snippets.xml b/theme_zap/views/snippets.xml new file mode 100644 index 000000000..676405fd4 --- /dev/null +++ b/theme_zap/views/snippets.xml @@ -0,0 +1,78 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_zap/views/snippets/s_big_message.xml b/theme_zap/views/snippets/s_big_message.xml new file mode 100644 index 000000000..e62c4c1bd --- /dev/null +++ b/theme_zap/views/snippets/s_big_message.xml @@ -0,0 +1,18 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_zap/views/snippets/s_big_picture.xml b/theme_zap/views/snippets/s_big_picture.xml new file mode 100644 index 000000000..23b067af1 --- /dev/null +++ b/theme_zap/views/snippets/s_big_picture.xml @@ -0,0 +1,18 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_zap/views/snippets/s_button.xml b/theme_zap/views/snippets/s_button.xml new file mode 100644 index 000000000..a5401e795 --- /dev/null +++ b/theme_zap/views/snippets/s_button.xml @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_zap/views/snippets/s_image_text.xml b/theme_zap/views/snippets/s_image_text.xml new file mode 100644 index 000000000..87a2d9045 --- /dev/null +++ b/theme_zap/views/snippets/s_image_text.xml @@ -0,0 +1,12 @@ + + + + + + + + diff --git a/theme_zap/views/snippets/s_panel_extended.xml b/theme_zap/views/snippets/s_panel_extended.xml new file mode 100644 index 000000000..b6ee59480 --- /dev/null +++ b/theme_zap/views/snippets/s_panel_extended.xml @@ -0,0 +1,15 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_zap/views/snippets/s_quote_extended.xml b/theme_zap/views/snippets/s_quote_extended.xml new file mode 100644 index 000000000..e1c2ed823 --- /dev/null +++ b/theme_zap/views/snippets/s_quote_extended.xml @@ -0,0 +1,19 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_zap/views/snippets/s_separator_extended.xml b/theme_zap/views/snippets/s_separator_extended.xml new file mode 100644 index 000000000..61c9cfe7c --- /dev/null +++ b/theme_zap/views/snippets/s_separator_extended.xml @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_zap/views/snippets/s_share_extended.xml b/theme_zap/views/snippets/s_share_extended.xml new file mode 100644 index 000000000..9f957d76f --- /dev/null +++ b/theme_zap/views/snippets/s_share_extended.xml @@ -0,0 +1,29 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_zap/views/snippets/s_text_block.xml b/theme_zap/views/snippets/s_text_block.xml new file mode 100644 index 000000000..1c173e85d --- /dev/null +++ b/theme_zap/views/snippets/s_text_block.xml @@ -0,0 +1,21 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_zap/views/snippets/s_text_image.xml b/theme_zap/views/snippets/s_text_image.xml new file mode 100644 index 000000000..74538f992 --- /dev/null +++ b/theme_zap/views/snippets/s_text_image.xml @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_zap/views/snippets/s_well_extended.xml b/theme_zap/views/snippets/s_well_extended.xml new file mode 100644 index 000000000..59e262336 --- /dev/null +++ b/theme_zap/views/snippets/s_well_extended.xml @@ -0,0 +1,17 @@ + + + + + + + + \ No newline at end of file diff --git a/theme_zap/views/snippets_options.xml b/theme_zap/views/snippets_options.xml new file mode 100644 index 000000000..b0b18699b --- /dev/null +++ b/theme_zap/views/snippets_options.xml @@ -0,0 +1,363 @@ + + + + + + + + diff --git a/website_animate/LICENSE b/website_animate/LICENSE new file mode 100644 index 000000000..b01eaf1b7 --- /dev/null +++ b/website_animate/LICENSE @@ -0,0 +1,27 @@ +Odoo Proprietary License v1.0 + +This software and associated files (the "Software") may only be used (executed, +modified, executed after modifications) if you have purchased a valid license +from the authors, typically via Odoo Apps, or if you have received a written +agreement from the authors of the Software (see the COPYRIGHT file). + +You may develop Odoo modules that use the Software as a library (typically +by depending on it, importing it and using its resources), but without copying +any source code or material from the Software. You may distribute those +modules under the license of your choice, provided that this license is +compatible with the terms of the Odoo Proprietary License (For example: +LGPL, MIT, or proprietary licenses similar to this one). + +It is forbidden to publish, distribute, sublicense, or sell copies of the Software +or modified copies of the Software. + +The above copyright notice and this permission notice must be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, +DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/website_animate/__init__.py b/website_animate/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/website_animate/__openerp__.py b/website_animate/__openerp__.py new file mode 100644 index 000000000..9242a5377 --- /dev/null +++ b/website_animate/__openerp__.py @@ -0,0 +1,15 @@ +{ + 'name':'Website Animate', + 'description':"Provide animation for page\'s blocks", + 'category': 'Website', + 'version':'1.1', + 'author':'Odoo S.A.', + 'data': [ + 'views/assets.xml', + 'views/options.xml', + ], + 'depends': ['website_less'], + 'images': [ + 'static/description/icon.png', + ], +} diff --git a/website_animate/static/description/icon.png b/website_animate/static/description/icon.png new file mode 100644 index 000000000..fd11ee9b7 Binary files /dev/null and b/website_animate/static/description/icon.png differ diff --git a/website_animate/static/src/images/delay.png b/website_animate/static/src/images/delay.png new file mode 100644 index 000000000..52e344dee Binary files /dev/null and b/website_animate/static/src/images/delay.png differ diff --git a/website_animate/static/src/images/icon.png b/website_animate/static/src/images/icon.png new file mode 100644 index 000000000..0a984fcaf Binary files /dev/null and b/website_animate/static/src/images/icon.png differ diff --git a/website_animate/static/src/images/opt.png b/website_animate/static/src/images/opt.png new file mode 100644 index 000000000..1c28f29ef Binary files /dev/null and b/website_animate/static/src/images/opt.png differ diff --git a/website_animate/static/src/images/time.png b/website_animate/static/src/images/time.png new file mode 100644 index 000000000..0b878361e Binary files /dev/null and b/website_animate/static/src/images/time.png differ diff --git a/website_animate/static/src/js/o_animate.editor.js b/website_animate/static/src/js/o_animate.editor.js new file mode 100644 index 000000000..5d7d3ea51 --- /dev/null +++ b/website_animate/static/src/js/o_animate.editor.js @@ -0,0 +1,168 @@ +(function(){ + 'use strict'; + var website = openerp.website; + + // Animations + website.snippet.options.o_animate = website.snippet.Option.extend({ + + start: function(){ + this._super(); + var self = this; + + setTimeout(function(){ + + if(self.$overlay.find("li.snippet-option-o_animate > ul > li li.active").length > 0) { + self.update_options_visibility("show"); + } else { + self.update_options_visibility("hide"); + } + + // remove theme_enark animation options from the context menu + // WARNING: theme_enark do not prefix js methods, + // Remove in Odoo9 + + if(self.$overlay.find('li.snippet-option-animation').length > 0) { + $(this).addClass("hidden"); + } + + },500) + }, + + select_class: function(type, value, $li){ + this._super(type, value, $li); + var self = this; + + setTimeout(function(){ + self.$target.addClass("o_animate_preview o_animate").css('animation-name', 'dummy-none'); + self.$target.css('animation-name', ''); + }); + + if(type != "click") {return} + if(value.length > 0 ){ + self.update_options_visibility("show"); + self.$target.removeClass("o_animate_preview"); + } else { + setTimeout(function(){ + self.update_options_visibility("hide"); + self.$target.removeClass("o_animate_preview o_animate"); + },500) + } + }, + + update_options_visibility: function(value){ + var self = this; + var opts = ".snippet-option-o_animate_duration, .snippet-option-o_animate_delay, .snippet-option-o_animate_options"; + setTimeout(function(){ + if(value == "show"){ + self.$overlay.find(opts).removeClass("hidden"); + } else if (value == "hide"){ + self.$overlay.find(opts).addClass("hidden"); + } + }) + }, + + clean_for_save: function(){ + var self = this; + + // Clean elements + self.$target + .removeClass("o_animating o_animated o_animate_preview") + .css({ + 'animation': '', + 'animation-name': '', + 'animation-play-state': '', + 'visibility': '' + }); + if(self.$target.hasClass("o_animate")){ + self.$target.css('animation-play-state', 'paused'); + } + + // Clean all inView elements + $("#wrapwrap").find(".o_animate").removeClass("o_visible"); + } + + }), + + // Duration + website.snippet.options.o_animate_duration = website.snippet.Option.extend({ + select_class: function(type, value, $li){ + this._super(type, value, $li); + + var self = this; + var $timeline_duration = self.$overlay.find(".timeline.duration span[simulate='duration']"); + var $timeline_delay = self.$overlay.find(".timeline.duration span[simulate='delay']"); + + self.$target + .css({ + 'animation-duration': '', + 'animation-delay': '' + }); + + var el_delay = self.$target.css("animation-delay"); + var el_duration = self.$target.css("animation-duration"); + var el_period; + + el_delay = parseFloat(el_delay.slice(0,-1)); + el_duration = parseFloat(el_duration.slice(0,-1)); + el_period = el_delay + el_duration; + + $timeline_duration.parent().width((el_duration*100)/el_period +"%"); + $timeline_delay.parent().width((el_delay*100)/el_period +"%"); + + + self.$target.addClass("o_animate_preview").css('animation-name', 'dummy-none').css('animation-duration', '0s'); + + $timeline_duration.css('animation-name', 'dummy-none').css('animation-duration', el_duration + "s").css('animation-delay', el_delay + "s"); + $timeline_delay.css('animation-name', 'dummy-none').css('animation-duration', el_delay + "s"); + + setTimeout(function(){ + self.$target.css('animation-name', '').css('animation-duration', ''); + + $timeline_duration.css('animation-name', ''); + $timeline_delay.css('animation-name', ''); + + }); + } + }), + + // Delay + website.snippet.options.o_animate_delay = website.snippet.Option.extend({ + select_class: function(type, value, $li){ + this._super(type, value, $li); + var self = this; + var $timeline_delay = self.$overlay.find(".timeline.delay span[simulate='delay']"); + var $timeline_duration = self.$overlay.find(".timeline.delay span[simulate='duration']"); + + self.$target + .css({ + 'animation-duration': '', + 'animation-delay': '' + }); + + var el_delay = self.$target.css("animation-delay"); + var el_duration = self.$target.css("animation-duration"); + var el_period; + + el_delay = parseFloat(el_delay.slice(0,-1)); + el_duration = parseFloat(el_duration.slice(0,-1)); + el_period = el_delay + el_duration; + + $timeline_duration.parent().width((el_duration*100)/el_period +"%"); + $timeline_delay.parent().width((el_delay*100)/el_period +"%"); + + self.$target.addClass("o_animate_preview").css('animation-name', 'dummy-none').css('animation-duration', '0s'); + + $timeline_duration.css('animation-name', 'dummy-none').css('animation-duration', el_duration + "s").css('animation-delay', el_delay + "s"); + $timeline_delay.css('animation-name', 'dummy-none').css('animation-duration', el_delay + "s"); + + setTimeout(function(){ + self.$target.css('animation-name', '').css('animation-duration', ''); + + $timeline_duration.css('animation-name', ''); + $timeline_delay.css('animation-name', ''); + + }); + } + }) + +})(); \ No newline at end of file diff --git a/website_animate/static/src/js/o_animate.frontend.js b/website_animate/static/src/js/o_animate.frontend.js new file mode 100644 index 000000000..5f58e7125 --- /dev/null +++ b/website_animate/static/src/js/o_animate.frontend.js @@ -0,0 +1,134 @@ +(function() { + 'use strict'; + + openerp.website_animate = { + win : {}, + items : {}, + + offsetRatio : 0.3, // Dynamic offset ratio: 0.3 = (element's height/3) + offsetMin : 10, // Minimum offset for small elements (in pixels) + + // Retrieve animable elements and attach handlers. + start : function(){ + var self = this; + self.items = $(".o_animate"); + self.items.each(function(){ + var $el = $(this); + // Set all monitored elements to initial state + self.reset_animation($el); + }); + setTimeout(function(){ + self.attach_handlers(); + }); + }, + + // Bind events and define the scrolling function + attach_handlers : function(){ + var self = this; + var lastScroll = 0; + + $(window) + .on("resize.o_animate", function(){ + self.win.h = $(window).height(); + $(window).trigger("scroll"); + }) + .trigger("resize") + .on("scroll.o_animate", (_.throttle(function(){ + // _.throttle -> Limit the number of times the scroll function + // can be called in a given period. (http://underscorejs.org/#throttle) + var windowTop = $(window).scrollTop(); + var windowBottom = windowTop + self.win.h; + + // Handle reverse scrolling + var direction = (windowTop < lastScroll) ? -1 : 1; + lastScroll = windowTop; + + self.items.each(function(){ + var $el = $(this); + var elHeight = $el.height(); + var elOffset = direction * Math.max((elHeight * self.offsetRatio), self.offsetMin) + var state = $el.css("animation-play-state"); + + // We need to offset for the change in position from some animation + // So we get the top value of the transform matrix + var transformMatrix = $el.css('transform').replace(/[^0-9\-.,]/g, '').split(',') + var transformOffset = transformMatrix[13] || transformMatrix[5]; + var elTop = $el.offset().top - transformOffset; + + var visible = windowBottom > (elTop + elOffset) && windowTop < (elTop + elHeight - elOffset); + + if ( visible && (state == "paused") ){ + $el.addClass("o_visible"); + self.start_animation($el); + } else if ( !(visible) && $el.hasClass("o_animate_both_scroll") && (state == "running") ){ + $el.removeClass("o_visible"); + self.reset_animation($el) + } + }); + },100))) + .trigger("scroll"); + }, + + // Set elements to initial state + reset_animation:function($el){ + var self = this; + var anim_name = $el.css("animation-name"); + + $el + .css({"animation-name" : "dummy-none", "animation-play-state" : ""}) + .removeClass("o_animated o_animating") + + // force the browser to redraw using setTimeout + setTimeout(function(){ + $el.css({"animation-name" : anim_name, "animation-play-state" : "paused"}) + },0); + }, + + // Start animation and/or update element's state + start_animation: function($el){ + var self = this; + + // force the browser to redraw using setTimeout + setTimeout(function(){ + $el + .css({"animation-play-state": "running"}) + .addClass("o_animating") + .one('webkitAnimationEnd oanimationend msAnimationEnd animationend', function(e) { + $el.addClass("o_animated").removeClass("o_animating"); + $(window).trigger("resize"); + }); + }); + }, + }; + + + $(document).ready(function(){ + // By default, elements are hidden by the css of o_animate. + // render alements + // We will trigger the animation then pause it in state 0. + openerp.website_animate.start() + // Then we render all the elements, the ones which are invisible + // in state 0 (like fade_in for example) will stay invisible. + $(".o_animate").css("visibility", "visible"); + }), + + + // Backward compatibility for enark animation system + openerp.website.snippet.animationRegistry.o_animate = openerp.website.snippet.Animation.extend({ + selector: '.o_animation', + + stop: function () { + this._super(); + + // Convert old classes to the new animation system + var old_animation_classes = "o_animation o_displayed o_displayed_top o_displayed_middle o_displayed_bottom o_visible o_visible_top o_visible_middle o_visible_bottom"; + $(".o_fade_in").addClass("o_animate o_anim_fade_in").removeClass("o_fade_in"); + $(".o_fade_in_down").addClass("o_animate o_anim_fade_in_down").removeClass("o_fade_in_down"); + $(".o_fade_in_left").addClass("o_animate o_anim_fade_in_left").removeClass("o_fade_in_left"); + $(".o_fade_in_right").addClass("o_animate o_anim_fade_in_right").removeClass("o_fade_in_right"); + $(".o_fade_in_up").addClass("o_animate o_anim_fade_in_up").removeClass("o_fade_in_up"); + this.$target.removeClass(old_animation_classes); + + }, + }); + +})(); \ No newline at end of file diff --git a/website_animate/static/src/less/o_animate_library.css b/website_animate/static/src/less/o_animate_library.css new file mode 100644 index 000000000..285a48d40 --- /dev/null +++ b/website_animate/static/src/less/o_animate_library.css @@ -0,0 +1,1777 @@ +@-moz-keyframes o_animate_timeline_duration { + 0% { + width: 0; + } + 100% { + width: 100%; + } +} +@-webkit-keyframes o_animate_timeline_duration { + 0% { + width: 0; + } + 100% { + width: 100%; + } +} +@keyframes o_animate_timeline_duration { + 0% { + width: 0; + } + 100% { + width: 100%; + } +} +@-moz-keyframes o_animate_timeline_delay { + 0% { + width: 0; + } + 100% { + width: 100%; + } +} +@-webkit-keyframes o_animate_timeline_delay { + 0% { + width: 0; + } + 100% { + width: 100%; + } +} +@keyframes o_animate_timeline_delay { + 0% { + width: 0; + } + 100% { + width: 100%; + } +} +@-moz-keyframes o_anim_bounce_in { + 0%, + 20%, + 40%, + 60%, + 80%, + 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + -moz-transform: scale3d(0.3, 0.3, 0.3); + -ms-transform: scale3d(0.3, 0.3, 0.3); + -o-transform: scale3d(0.3, 0.3, 0.3); + } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + -moz-transform: scale3d(1.1, 1.1, 1.1); + -ms-transform: scale3d(1.1, 1.1, 1.1); + -o-transform: scale3d(1.1, 1.1, 1.1); + } + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + -moz-transform: scale3d(0.9, 0.9, 0.9); + -ms-transform: scale3d(0.9, 0.9, 0.9); + -o-transform: scale3d(0.9, 0.9, 0.9); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + -moz-transform: scale3d(1.03, 1.03, 1.03); + -ms-transform: scale3d(1.03, 1.03, 1.03); + -o-transform: scale3d(1.03, 1.03, 1.03); + } + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + -moz-transform: scale3d(0.97, 0.97, 0.97); + -ms-transform: scale3d(0.97, 0.97, 0.97); + -o-transform: scale3d(0.97, 0.97, 0.97); + } + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + } +} +@-webkit-keyframes o_anim_bounce_in { + 0%, + 20%, + 40%, + 60%, + 80%, + 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + -moz-transform: scale3d(0.3, 0.3, 0.3); + -ms-transform: scale3d(0.3, 0.3, 0.3); + -o-transform: scale3d(0.3, 0.3, 0.3); + } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + -moz-transform: scale3d(1.1, 1.1, 1.1); + -ms-transform: scale3d(1.1, 1.1, 1.1); + -o-transform: scale3d(1.1, 1.1, 1.1); + } + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + -moz-transform: scale3d(0.9, 0.9, 0.9); + -ms-transform: scale3d(0.9, 0.9, 0.9); + -o-transform: scale3d(0.9, 0.9, 0.9); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + -moz-transform: scale3d(1.03, 1.03, 1.03); + -ms-transform: scale3d(1.03, 1.03, 1.03); + -o-transform: scale3d(1.03, 1.03, 1.03); + } + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + -moz-transform: scale3d(0.97, 0.97, 0.97); + -ms-transform: scale3d(0.97, 0.97, 0.97); + -o-transform: scale3d(0.97, 0.97, 0.97); + } + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + } +} +@keyframes o_anim_bounce_in { + 0%, + 20%, + 40%, + 60%, + 80%, + 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + -moz-transform: scale3d(0.3, 0.3, 0.3); + -ms-transform: scale3d(0.3, 0.3, 0.3); + -o-transform: scale3d(0.3, 0.3, 0.3); + } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + -moz-transform: scale3d(1.1, 1.1, 1.1); + -ms-transform: scale3d(1.1, 1.1, 1.1); + -o-transform: scale3d(1.1, 1.1, 1.1); + } + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + -moz-transform: scale3d(0.9, 0.9, 0.9); + -ms-transform: scale3d(0.9, 0.9, 0.9); + -o-transform: scale3d(0.9, 0.9, 0.9); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + -moz-transform: scale3d(1.03, 1.03, 1.03); + -ms-transform: scale3d(1.03, 1.03, 1.03); + -o-transform: scale3d(1.03, 1.03, 1.03); + } + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + -moz-transform: scale3d(0.97, 0.97, 0.97); + -ms-transform: scale3d(0.97, 0.97, 0.97); + -o-transform: scale3d(0.97, 0.97, 0.97); + } + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + } +} +.o_anim_bounce_in { + -webkit-animation-name: o_anim_bounce_in; + animation-name: o_anim_bounce_in; + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; +} +@-moz-keyframes o_anim_bounce_in_down { + 0%, + 60%, + 75%, + 90%, + 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes o_anim_bounce_in_down { + 0%, + 60%, + 75%, + 90%, + 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes o_anim_bounce_in_down { + 0%, + 60%, + 75%, + 90%, + 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.o_anim_bounce_in_down { + -webkit-animation-name: o_anim_bounce_in_down; + animation-name: o_anim_bounce_in_down; +} +@-moz-keyframes o_anim_bounce_in_left { + 0%, + 60%, + 75%, + 90%, + 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes o_anim_bounce_in_left { + 0%, + 60%, + 75%, + 90%, + 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes o_anim_bounce_in_left { + 0%, + 60%, + 75%, + 90%, + 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.o_anim_bounce_in_left { + -webkit-animation-name: o_anim_bounce_in_left; + animation-name: o_anim_bounce_in_left; +} +@-moz-keyframes o_anim_bounce_in_right { + 0%, + 60%, + 75%, + 90%, + 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes o_anim_bounce_in_right { + 0%, + 60%, + 75%, + 90%, + 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes o_anim_bounce_in_right { + 0%, + 60%, + 75%, + 90%, + 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.o_anim_bounce_in_right { + -webkit-animation-name: o_anim_bounce_in_right; + animation-name: o_anim_bounce_in_right; +} +@-moz-keyframes o_anim_fade_in { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@-webkit-keyframes o_anim_fade_in { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes o_anim_fade_in { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +.o_anim_fade_in { + -webkit-animation-name: o_anim_fade_in; + animation-name: o_anim_fade_in; +} +@-moz-keyframes o_anim_fade_in_down { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + 100% { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes o_anim_fade_in_down { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + 100% { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes o_anim_fade_in_down { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + 100% { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.o_anim_fade_in_down { + -webkit-animation-name: o_anim_fade_in_down; + animation-name: o_anim_fade_in_down; +} +@-moz-keyframes o_anim_fade_in_left { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + 100% { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes o_anim_fade_in_left { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + 100% { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes o_anim_fade_in_left { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + 100% { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.o_anim_fade_in_left { + -webkit-animation-name: o_anim_fade_in_left; + animation-name: o_anim_fade_in_left; +} +@-moz-keyframes o_anim_fade_in_right { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + 100% { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes o_anim_fade_in_right { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + 100% { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes o_anim_fade_in_right { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + 100% { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.o_anim_fade_in_right { + -webkit-animation-name: o_anim_fade_in_right; + animation-name: o_anim_fade_in_right; +} +@-moz-keyframes o_anim_fade_in_up { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + 100% { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes o_anim_fade_in_up { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + 100% { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes o_anim_fade_in_up { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + 100% { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.o_anim_fade_in_up { + -webkit-animation-name: o_anim_fade_in_up; + animation-name: o_anim_fade_in_up; +} +@-moz-keyframes o_anim_fade_out { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +@-webkit-keyframes o_anim_fade_out { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +@keyframes o_anim_fade_out { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +.o_anim_fade_out { + -webkit-animation-name: o_anim_fade_out; + animation-name: o_anim_fade_out; +} +@-moz-keyframes o_anim_rotate_in { + 0% { + -webkit-transform-origin: center; + -moz-transform-origin: center; + -ms-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + -moz-transform: rotate3d(0, 0, 1, -200deg); + -ms-transform: rotate3d(0, 0, 1, -200deg); + -o-transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + 100% { + -webkit-transform-origin: center; + -moz-transform-origin: center; + -ms-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 0, 0); + -moz-transform: rotate3d(0, 0, 0, 0); + -ms-transform: rotate3d(0, 0, 0, 0); + -o-transform: rotate3d(0, 0, 0, 0); + opacity: 1; + } +} +@-webkit-keyframes o_anim_rotate_in { + 0% { + -webkit-transform-origin: center; + -moz-transform-origin: center; + -ms-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + -moz-transform: rotate3d(0, 0, 1, -200deg); + -ms-transform: rotate3d(0, 0, 1, -200deg); + -o-transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + 100% { + -webkit-transform-origin: center; + -moz-transform-origin: center; + -ms-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 0, 0); + -moz-transform: rotate3d(0, 0, 0, 0); + -ms-transform: rotate3d(0, 0, 0, 0); + -o-transform: rotate3d(0, 0, 0, 0); + opacity: 1; + } +} +@keyframes o_anim_rotate_in { + 0% { + -webkit-transform-origin: center; + -moz-transform-origin: center; + -ms-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + -moz-transform: rotate3d(0, 0, 1, -200deg); + -ms-transform: rotate3d(0, 0, 1, -200deg); + -o-transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + 100% { + -webkit-transform-origin: center; + -moz-transform-origin: center; + -ms-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 0, 0); + -moz-transform: rotate3d(0, 0, 0, 0); + -ms-transform: rotate3d(0, 0, 0, 0); + -o-transform: rotate3d(0, 0, 0, 0); + opacity: 1; + } +} +.o_anim_rotate_in { + -webkit-animation-name: o_anim_rotate_in; + animation-name: o_anim_rotate_in; +} +@-moz-keyframes o_anim_rotate_in_down_left { + 0% { + -webkit-transform-origin: left bottom; + -moz-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + -moz-transform: rotate3d(0, 0, 1, -45deg); + -ms-transform: rotate3d(0, 0, 1, -45deg); + -o-transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + 100% { + -webkit-transform-origin: left bottom; + -moz-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 0, 0); + -moz-transform: rotate3d(0, 0, 0, 0); + -ms-transform: rotate3d(0, 0, 0, 0); + -o-transform: rotate3d(0, 0, 0, 0); + opacity: 1; + } +} +@-webkit-keyframes o_anim_rotate_in_down_left { + 0% { + -webkit-transform-origin: left bottom; + -moz-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + -moz-transform: rotate3d(0, 0, 1, -45deg); + -ms-transform: rotate3d(0, 0, 1, -45deg); + -o-transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + 100% { + -webkit-transform-origin: left bottom; + -moz-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 0, 0); + -moz-transform: rotate3d(0, 0, 0, 0); + -ms-transform: rotate3d(0, 0, 0, 0); + -o-transform: rotate3d(0, 0, 0, 0); + opacity: 1; + } +} +@keyframes o_anim_rotate_in_down_left { + 0% { + -webkit-transform-origin: left bottom; + -moz-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + -moz-transform: rotate3d(0, 0, 1, -45deg); + -ms-transform: rotate3d(0, 0, 1, -45deg); + -o-transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + 100% { + -webkit-transform-origin: left bottom; + -moz-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 0, 0); + -moz-transform: rotate3d(0, 0, 0, 0); + -ms-transform: rotate3d(0, 0, 0, 0); + -o-transform: rotate3d(0, 0, 0, 0); + opacity: 1; + } +} +.o_anim_rotate_in_down_left { + -webkit-animation-name: o_anim_rotate_in_down_left; + animation-name: o_anim_rotate_in_down_left; +} +@-moz-keyframes o_anim_rotate_in_down_right { + 0% { + -webkit-transform-origin: right bottom; + -moz-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + -moz-transform: rotate3d(0, 0, 1, 45deg); + -ms-transform: rotate3d(0, 0, 1, 45deg); + -o-transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + 100% { + -webkit-transform-origin: right bottom; + -moz-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 0, 0); + -moz-transform: rotate3d(0, 0, 0, 0); + -ms-transform: rotate3d(0, 0, 0, 0); + -o-transform: rotate3d(0, 0, 0, 0); + opacity: 1; + } +} +@-webkit-keyframes o_anim_rotate_in_down_right { + 0% { + -webkit-transform-origin: right bottom; + -moz-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + -moz-transform: rotate3d(0, 0, 1, 45deg); + -ms-transform: rotate3d(0, 0, 1, 45deg); + -o-transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + 100% { + -webkit-transform-origin: right bottom; + -moz-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 0, 0); + -moz-transform: rotate3d(0, 0, 0, 0); + -ms-transform: rotate3d(0, 0, 0, 0); + -o-transform: rotate3d(0, 0, 0, 0); + opacity: 1; + } +} +@keyframes o_anim_rotate_in_down_right { + 0% { + -webkit-transform-origin: right bottom; + -moz-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + -moz-transform: rotate3d(0, 0, 1, 45deg); + -ms-transform: rotate3d(0, 0, 1, 45deg); + -o-transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + 100% { + -webkit-transform-origin: right bottom; + -moz-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 0, 0); + -moz-transform: rotate3d(0, 0, 0, 0); + -ms-transform: rotate3d(0, 0, 0, 0); + -o-transform: rotate3d(0, 0, 0, 0); + opacity: 1; + } +} +.o_anim_rotate_in_down_right { + -webkit-animation-name: o_anim_rotate_in_down_right; + animation-name: o_anim_rotate_in_down_right; +} +@-moz-keyframes o_anim_zoom_in { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + -moz-transform: scale3d(0.3, 0.3, 0.3); + -ms-transform: scale3d(0.3, 0.3, 0.3); + -o-transform: scale3d(0.3, 0.3, 0.3); + } + 50% { + opacity: 1; + } +} +@-webkit-keyframes o_anim_zoom_in { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + -moz-transform: scale3d(0.3, 0.3, 0.3); + -ms-transform: scale3d(0.3, 0.3, 0.3); + -o-transform: scale3d(0.3, 0.3, 0.3); + } + 50% { + opacity: 1; + } +} +@keyframes o_anim_zoom_in { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + -moz-transform: scale3d(0.3, 0.3, 0.3); + -ms-transform: scale3d(0.3, 0.3, 0.3); + -o-transform: scale3d(0.3, 0.3, 0.3); + } + 50% { + opacity: 1; + } +} +.o_anim_zoom_in { + -webkit-animation-name: o_anim_zoom_in; + animation-name: o_anim_zoom_in; +} +@-moz-keyframes o_anim_zoom_in_down { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@-webkit-keyframes o_anim_zoom_in_down { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes o_anim_zoom_in_down { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +.o_anim_zoom_in_down { + -webkit-animation-name: o_anim_zoom_in_down; + animation-name: o_anim_zoom_in_down; +} +@-moz-keyframes o_anim_zoom_in_left { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@-webkit-keyframes o_anim_zoom_in_left { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes o_anim_zoom_in_left { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +.o_anim_zoom_in_left { + -webkit-animation-name: o_anim_zoom_in_left; + animation-name: o_anim_zoom_in_left; +} +@-moz-keyframes o_anim_zoom_in_right { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@-webkit-keyframes o_anim_zoom_in_right { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes o_anim_zoom_in_right { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +.o_anim_zoom_in_right { + -webkit-animation-name: o_anim_zoom_in_right; + animation-name: o_anim_zoom_in_right; +} +@-moz-keyframes o_anim_flash { + 0%, + 50%, + 100% { + opacity: 1; + } + 25%, + 75% { + opacity: 0; + } +} +@-webkit-keyframes o_anim_flash { + 0%, + 50%, + 100% { + opacity: 1; + } + 25%, + 75% { + opacity: 0; + } +} +@keyframes o_anim_flash { + 0%, + 50%, + 100% { + opacity: 1; + } + 25%, + 75% { + opacity: 0; + } +} +.o_anim_flash { + -webkit-animation-name: o_anim_flash; + animation-name: o_anim_flash; +} +@-moz-keyframes o_anim_pulse { + 0% { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + } + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + -moz-transform: scale3d(1.05, 1.05, 1.05); + -ms-transform: scale3d(1.05, 1.05, 1.05); + -o-transform: scale3d(1.05, 1.05, 1.05); + } + 100% { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + } +} +@-webkit-keyframes o_anim_pulse { + 0% { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + } + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + -moz-transform: scale3d(1.05, 1.05, 1.05); + -ms-transform: scale3d(1.05, 1.05, 1.05); + -o-transform: scale3d(1.05, 1.05, 1.05); + } + 100% { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + } +} +@keyframes o_anim_pulse { + 0% { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + } + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + -moz-transform: scale3d(1.05, 1.05, 1.05); + -ms-transform: scale3d(1.05, 1.05, 1.05); + -o-transform: scale3d(1.05, 1.05, 1.05); + } + 100% { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + } +} +.o_anim_pulse { + -webkit-animation-name: o_anim_pulse; + animation-name: o_anim_pulse; +} +@-moz-keyframes o_anim_shake { + 0%, + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} +@-webkit-keyframes o_anim_shake { + 0%, + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} +@keyframes o_anim_shake { + 0%, + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} +.o_anim_shake { + -webkit-animation-name: o_anim_shake; + animation-name: o_anim_shake; +} +@-moz-keyframes o_anim_tada { + 0% { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + } + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + } + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + 100% { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + } +} +@-webkit-keyframes o_anim_tada { + 0% { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + } + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + } + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + 100% { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + } +} +@keyframes o_anim_tada { + 0% { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + } + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + } + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + 100% { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + } +} +.o_anim_tada { + -webkit-animation-name: o_anim_tada; + animation-name: o_anim_tada; +} +@-moz-keyframes o_anim_flip_in_x { + 0% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(1, 0, 0, 90deg); + -moz-transform: rotate3d(1, 0, 0, 90deg); + -ms-transform: rotate3d(1, 0, 0, 90deg); + -o-transform: rotate3d(1, 0, 0, 90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(1, 0, 0, -20deg); + -moz-transform: rotate3d(1, 0, 0, -20deg); + -ms-transform: rotate3d(1, 0, 0, -20deg); + -o-transform: rotate3d(1, 0, 0, -20deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + 60% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(1, 0, 0, 10deg); + -moz-transform: rotate3d(1, 0, 0, 10deg); + -ms-transform: rotate3d(1, 0, 0, 10deg); + -o-transform: rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + 80% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(1, 0, 0, -5deg); + -moz-transform: rotate3d(1, 0, 0, -5deg); + -ms-transform: rotate3d(1, 0, 0, -5deg); + -o-transform: rotate3d(1, 0, 0, -5deg); + } + 100% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + } +} +@-webkit-keyframes o_anim_flip_in_x { + 0% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(1, 0, 0, 90deg); + -moz-transform: rotate3d(1, 0, 0, 90deg); + -ms-transform: rotate3d(1, 0, 0, 90deg); + -o-transform: rotate3d(1, 0, 0, 90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(1, 0, 0, -20deg); + -moz-transform: rotate3d(1, 0, 0, -20deg); + -ms-transform: rotate3d(1, 0, 0, -20deg); + -o-transform: rotate3d(1, 0, 0, -20deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + 60% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(1, 0, 0, 10deg); + -moz-transform: rotate3d(1, 0, 0, 10deg); + -ms-transform: rotate3d(1, 0, 0, 10deg); + -o-transform: rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + 80% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(1, 0, 0, -5deg); + -moz-transform: rotate3d(1, 0, 0, -5deg); + -ms-transform: rotate3d(1, 0, 0, -5deg); + -o-transform: rotate3d(1, 0, 0, -5deg); + } + 100% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + } +} +@keyframes o_anim_flip_in_x { + 0% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(1, 0, 0, 90deg); + -moz-transform: rotate3d(1, 0, 0, 90deg); + -ms-transform: rotate3d(1, 0, 0, 90deg); + -o-transform: rotate3d(1, 0, 0, 90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(1, 0, 0, -20deg); + -moz-transform: rotate3d(1, 0, 0, -20deg); + -ms-transform: rotate3d(1, 0, 0, -20deg); + -o-transform: rotate3d(1, 0, 0, -20deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + 60% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(1, 0, 0, 10deg); + -moz-transform: rotate3d(1, 0, 0, 10deg); + -ms-transform: rotate3d(1, 0, 0, 10deg); + -o-transform: rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + 80% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(1, 0, 0, -5deg); + -moz-transform: rotate3d(1, 0, 0, -5deg); + -ms-transform: rotate3d(1, 0, 0, -5deg); + -o-transform: rotate3d(1, 0, 0, -5deg); + } + 100% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + } +} +.o_anim_flip_in_x { + -webkit-backface-visibility: visible; + -moz-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: o_anim_flip_in_x; + animation-name: o_anim_flip_in_x; +} +@-moz-keyframes o_anim_flip_in_y { + 0% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(0, 1, 0, 90deg); + -moz-transform: rotate3d(0, 1, 0, 90deg); + -ms-transform: rotate3d(0, 1, 0, 90deg); + -o-transform: rotate3d(0, 1, 0, 90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(0, 1, 0, -20deg); + -moz-transform: rotate3d(0, 1, 0, -20deg); + -ms-transform: rotate3d(0, 1, 0, -20deg); + -o-transform: rotate3d(0, 1, 0, -20deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + 60% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(0, 1, 0, 10deg); + -moz-transform: rotate3d(0, 1, 0, 10deg); + -ms-transform: rotate3d(0, 1, 0, 10deg); + -o-transform: rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + 80% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(0, 1, 0, -5deg); + -moz-transform: rotate3d(0, 1, 0, -5deg); + -ms-transform: rotate3d(0, 1, 0, -5deg); + -o-transform: rotate3d(0, 1, 0, -5deg); + } + 100% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + } +} +@-webkit-keyframes o_anim_flip_in_y { + 0% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(0, 1, 0, 90deg); + -moz-transform: rotate3d(0, 1, 0, 90deg); + -ms-transform: rotate3d(0, 1, 0, 90deg); + -o-transform: rotate3d(0, 1, 0, 90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(0, 1, 0, -20deg); + -moz-transform: rotate3d(0, 1, 0, -20deg); + -ms-transform: rotate3d(0, 1, 0, -20deg); + -o-transform: rotate3d(0, 1, 0, -20deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + 60% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(0, 1, 0, 10deg); + -moz-transform: rotate3d(0, 1, 0, 10deg); + -ms-transform: rotate3d(0, 1, 0, 10deg); + -o-transform: rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + 80% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(0, 1, 0, -5deg); + -moz-transform: rotate3d(0, 1, 0, -5deg); + -ms-transform: rotate3d(0, 1, 0, -5deg); + -o-transform: rotate3d(0, 1, 0, -5deg); + } + 100% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + } +} +@keyframes o_anim_flip_in_y { + 0% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(0, 1, 0, 90deg); + -moz-transform: rotate3d(0, 1, 0, 90deg); + -ms-transform: rotate3d(0, 1, 0, 90deg); + -o-transform: rotate3d(0, 1, 0, 90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(0, 1, 0, -20deg); + -moz-transform: rotate3d(0, 1, 0, -20deg); + -ms-transform: rotate3d(0, 1, 0, -20deg); + -o-transform: rotate3d(0, 1, 0, -20deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + 60% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(0, 1, 0, 10deg); + -moz-transform: rotate3d(0, 1, 0, 10deg); + -ms-transform: rotate3d(0, 1, 0, 10deg); + -o-transform: rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + 80% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + -webkit-transform: rotate3d(0, 1, 0, -5deg); + -moz-transform: rotate3d(0, 1, 0, -5deg); + -ms-transform: rotate3d(0, 1, 0, -5deg); + -o-transform: rotate3d(0, 1, 0, -5deg); + } + 100% { + -webkit-perspective: 400px; + -moz-perspective: 400px; + perspective: 400px; + } +} +.o_anim_flip_in_y { + -webkit-backface-visibility: visible; + -moz-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: o_anim_flip_in_y; + animation-name: o_anim_flip_in_y; +} diff --git a/website_animate/static/src/less/o_animate_library.less b/website_animate/static/src/less/o_animate_library.less new file mode 100644 index 000000000..b4f005044 --- /dev/null +++ b/website_animate/static/src/less/o_animate_library.less @@ -0,0 +1,487 @@ + +// ========== o_animate Mixins ========== +.o_animate_keyframes(@name; @arguments) { + @-moz-keyframes @name { @arguments(); } + @-webkit-keyframes @name { @arguments(); } + @keyframes @name { @arguments(); } +} + +.o_animate_transform(@string){ + -webkit-transform : @string; + -moz-transform : @string; + -ms-transform : @string; + -o-transform : @string; +} + +// Website Builder preview + +.o_animate_keyframes(o_animate_timeline_duration; { + 0% { + width: 0; + } + 100% { + width: 100%; + } +}); + +.o_animate_keyframes(o_animate_timeline_delay; { + 0% { + width: 0; + } + 100% { + width: 100%; + } +}); + + + + +// ========== Library ========== +// based on animate.css +// https://github.com/daneden/animate.css + +.o_animate_keyframes(o_anim_bounce_in; { + 0%, 20%, 40%, 60%, 80%, 100% { + .transition-timing-function(cubic-bezier(0.215, 0.610, 0.355, 1.000)); + } + 0% { + opacity: 0; + .o_animate_transform(scale3d(.3, .3, .3)); + } + 20% { + .o_animate_transform(scale3d(1.1, 1.1, 1.1)); + } + 40% { + .o_animate_transform(scale3d(.9, .9, .9)); + } + 60% { + opacity: 1; + .o_animate_transform(scale3d(1.03, 1.03, 1.03)); + } + 80% { + .o_animate_transform(scale3d(.97, .97, .97)); + } + 100% { + opacity: 1; + .o_animate_transform(scale3d(1, 1, 1)); + } +}); + +.o_anim_bounce_in { + .animation-name(o_anim_bounce_in); + .animation-duration(.75s); +} + +.o_animate_keyframes(o_anim_bounce_in_down; { + 0%, 60%, 75%, 90%, 100% { + .transition-timing-function(cubic-bezier(0.215, 0.610, 0.355, 1.000)); + } + 0% { + opacity: 0; + .translate3d(0, -3000px, 0); + } + 60% { + opacity: 1; + .translate3d(0, 25px, 0); + } + 75% { + .translate3d(0, -10px, 0); + } + 90% { + .translate3d(0, 5px, 0); + } + 100% { + .translate3d(0,0,0); + } +}); + +.o_anim_bounce_in_down { + .animation-name(o_anim_bounce_in_down); +} + +.o_animate_keyframes(o_anim_bounce_in_left; { + 0%, 60%, 75%, 90%, 100% { + .transition-timing-function(cubic-bezier(0.215, 0.610, 0.355, 1.000)); + } + 0% { + opacity: 0; + .translate3d(-3000px, 0, 0); + } + 60% { + opacity: 1; + .translate3d(25px, 0, 0); + } + 75% { + .translate3d(-10px, 0, 0); + } + 90% { + .translate3d(5px, 0, 0); + } + 100% { + .translate3d(0,0,0); + } +}); + +.o_anim_bounce_in_left { + .animation-name(o_anim_bounce_in_left); +} + +.o_animate_keyframes(o_anim_bounce_in_right; { + 0%, 60%, 75%, 90%, 100% { + .transition-timing-function(cubic-bezier(0.215, 0.610, 0.355, 1.000)); + } + 0% { + opacity: 0; + .translate3d(3000px, 0, 0); + } + 60% { + opacity: 1; + .translate3d(-25px, 0, 0); + } + 75% { + .translate3d(10px, 0, 0); + } + 90% { + .translate3d(-5px, 0, 0); + } + 100% { + .translate3d(0,0,0); + } +}); + +.o_anim_bounce_in_right { + .animation-name(o_anim_bounce_in_right); +} + +.o_animate_keyframes(o_anim_fade_in; { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +}); + +.o_anim_fade_in { + .animation-name(o_anim_fade_in); +} + +.o_animate_keyframes(o_anim_fade_in_down; { + 0% { + opacity: 0; + .translate3d(0, -100%, 0); + } + 100% { + opacity: 1; + .translate3d(0,0,0); + } +}); + +.o_anim_fade_in_down { + .animation-name(o_anim_fade_in_down); +} + +.o_animate_keyframes(o_anim_fade_in_left; { + 0% { + opacity: 0; + .translate3d(-100%, 0, 0); + } + 100% { + opacity: 1; + .translate3d(0,0,0); + } +}); + +.o_anim_fade_in_left { + .animation-name(o_anim_fade_in_left); +} + +.o_animate_keyframes(o_anim_fade_in_right; { + 0% { + opacity: 0; + .translate3d(100%, 0, 0); + } + 100% { + opacity: 1; + .translate3d(0,0,0); + } +}); + +.o_anim_fade_in_right { + .animation-name(o_anim_fade_in_right); +} + +.o_animate_keyframes(o_anim_fade_in_up; { + 0% { + opacity: 0; + .translate3d(0, 100%, 0); + } + 100% { + opacity: 1; + .translate3d(0,0,0); + } +}); + +.o_anim_fade_in_up { + .animation-name(o_anim_fade_in_up); +} + +.o_animate_keyframes(o_anim_fade_out; { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +}); + +.o_anim_fade_out { + .animation-name(o_anim_fade_out); +} + +.o_animate_keyframes(o_anim_rotate_in; { + 0% { + .transform-origin(center); + .o_animate_transform(rotate3d(0, 0, 1, -200deg)); + opacity: 0; + } + 100% { + .transform-origin(center); + .o_animate_transform(rotate3d(0,0,0,0)); + opacity: 1; + } +}); + +.o_anim_rotate_in { + .animation-name(o_anim_rotate_in); +} + +.o_animate_keyframes(o_anim_rotate_in_down_left; { + 0% { + .transform-origin(left bottom); + .o_animate_transform(rotate3d(0, 0, 1, -45deg)); + opacity: 0; + } + 100% { + .transform-origin(left bottom); + .o_animate_transform(rotate3d(0,0,0,0)); + opacity: 1; + } +}); + +.o_anim_rotate_in_down_left { + .animation-name(o_anim_rotate_in_down_left); +} + +.o_animate_keyframes(o_anim_rotate_in_down_right; { + 0% { + .transform-origin(right bottom); + .o_animate_transform(rotate3d(0, 0, 1, 45deg)); + opacity: 0; + } + 100% { + .transform-origin(right bottom); + .o_animate_transform(rotate3d(0,0,0,0)); + opacity: 1; + } +}); + +.o_anim_rotate_in_down_right { + .animation-name(o_anim_rotate_in_down_right); +} + +.o_animate_keyframes(o_anim_zoom_in; { + 0% { + opacity: 0; + .o_animate_transform(scale3d(.3, .3, .3)); + } + 50% { + opacity: 1; + } +}); + +.o_anim_zoom_in { + .animation-name(o_anim_zoom_in); +} + +.o_animate_keyframes(o_anim_zoom_in_down; { + 0% { + opacity: 0; + .o_animate_transform(scale3d(.1, .1, .1) translate3d(0, -1000px, 0)); + .animation-timing-function(cubic-bezier(0.550, 0.055, 0.675, 0.190)); + } + 60% { + opacity: 1; + .o_animate_transform(scale3d(.475, .475, .475) translate3d(0, 60px, 0)); + .animation-timing-function(cubic-bezier(0.175, 0.885, 0.320, 1)); + } +}); + +.o_anim_zoom_in_down { + .animation-name(o_anim_zoom_in_down); +} + +.o_animate_keyframes(o_anim_zoom_in_left; { + 0% { + opacity: 0; + .o_animate_transform(scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)); + .animation-timing-function(cubic-bezier(0.550, 0.055, 0.675, 0.190)); + } + 60% { + opacity: 1; + .o_animate_transform(scale3d(.475, .475, .475) translate3d(10px, 0, 0)); + .animation-timing-function(cubic-bezier(0.175, 0.885, 0.320, 1)); + } +}); + +.o_anim_zoom_in_left { + .animation-name(o_anim_zoom_in_left); +} + +.o_animate_keyframes(o_anim_zoom_in_right; { + 0% { + opacity: 0; + .o_animate_transform(scale3d(.1, .1, .1) translate3d(1000px, 0, 0)); + .animation-timing-function(cubic-bezier(0.550, 0.055, 0.675, 0.190)); + } + 60% { + opacity: 1; + .o_animate_transform(scale3d(.475, .475, .475) translate3d(-10px, 0, 0)); + .animation-timing-function(cubic-bezier(0.175, 0.885, 0.320, 1)); + } +}); + +.o_anim_zoom_in_right { + .animation-name(o_anim_zoom_in_right); +} + +.o_animate_keyframes(o_anim_flash; { + 0%, 50%, 100% { + opacity: 1; + } + 25%, 75% { + opacity: 0; + } +}); + +.o_anim_flash { + .animation-name(o_anim_flash); +} + +.o_animate_keyframes(o_anim_pulse; { + 0% { + .o_animate_transform(scale3d(1, 1, 1)); + } + 50% { + .o_animate_transform(scale3d(1.05, 1.05, 1.05)); + } + 100% { + .o_animate_transform(scale3d(1, 1, 1)); + } +}); + +.o_anim_pulse { + .animation-name(o_anim_pulse); +} + +.o_animate_keyframes(o_anim_shake; { + 0%, 100% { + .translate3d(0, 0, 0); + } + 10%, 30%, 50%, 70%, 90% { + .translate3d(-10px, 0, 0); + } + 20%, 40%, 60%, 80% { + .translate3d(10px, 0, 0); + } +}); + +.o_anim_shake { + .animation-name(o_anim_shake); +} + +.o_animate_keyframes(o_anim_tada; { + 0% { + .o_animate_transform(scale3d(1, 1, 1)); + } + 10%, 20% { + .o_animate_transform(scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)); + } + 30%, 50%, 70%, 90% { + .o_animate_transform(scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)); + + } + 40%, 60%, 80% { + .o_animate_transform(scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)); + + } + 100% { + .o_animate_transform(scale3d(1, 1, 1)); + } +}); + +.o_anim_tada { + .animation-name(o_anim_tada); +} + +.o_animate_keyframes(o_anim_flip_in_x; { + 0% { + .perspective(400px); + .o_animate_transform(rotate3d(1, 0, 0, 90deg)); + .transition-timing-function(ease-in); + opacity: 0; + } + 40% { + .perspective(400px); + .o_animate_transform(rotate3d(1, 0, 0, -20deg)); + .transition-timing-function(ease-in); + } + 60% { + .perspective(400px); + .o_animate_transform(rotate3d(1, 0, 0, 10deg)); + opacity: 1; + } + 80% { + .perspective(400px); + .o_animate_transform(rotate3d(1, 0, 0, -5deg)); + } + 100% { + .perspective(400px); + } +}); + +.o_anim_flip_in_x { + .backface-visibility(visible); + .animation-name(o_anim_flip_in_x); +} + +.o_animate_keyframes(o_anim_flip_in_y; { + 0% { + .perspective(400px); + .o_animate_transform(rotate3d(0, 1, 0, 90deg)); + .transition-timing-function(ease-in); + opacity: 0; + } + 40% { + .perspective(400px); + .o_animate_transform(rotate3d(0, 1, 0, -20deg)); + .transition-timing-function(ease-in); + } + 60% { + .perspective(400px); + .o_animate_transform(rotate3d(0, 1, 0, 10deg)); + opacity: 1; + } + 80% { + .perspective(400px); + .o_animate_transform(rotate3d(0, 1, 0, -5deg)); + } + 100% { + .perspective(400px); + } +}); + +.o_anim_flip_in_y { + .backface-visibility(visible); + .animation-name(o_anim_flip_in_y); +} \ No newline at end of file diff --git a/website_animate/static/src/less/o_animate_utility_classes.css b/website_animate/static/src/less/o_animate_utility_classes.css new file mode 100644 index 000000000..cc3015562 --- /dev/null +++ b/website_animate/static/src/less/o_animate_utility_classes.css @@ -0,0 +1,176 @@ +/* + ======================================== + ==== website builder menu integration + ======================================== +*/ +#oe_manipulators .dropdown-menu li.snippet-option-o_animate > a, +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration > a, +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay > a, +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_options > a { + padding-left: 30px; +} +#oe_manipulators .dropdown-menu li.snippet-option-o_animate > a:before, +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration > a:before, +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay > a:before, +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_options > a:before { + content: " "; + display: block; + width: 16px; + height: 17px; + top: 5px; + background-image: url("../images/icon.png"); + background-repeat: no-repeat; + background-size: 100%; + position: absolute; + left: 5px; +} +#oe_manipulators .dropdown-menu li.snippet-option-o_animate li.active > a, +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration li.active > a, +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay li.active > a, +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_options li.active > a { + color: #555; + background-color: #EFEFEF; +} +#oe_manipulators .dropdown-menu li.snippet-option-o_animate li.active > a:after, +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration li.active > a:after, +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay li.active > a:after, +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_options li.active > a:after { + font-family: FontAwesome; + content: "\f00c"; + color: #16A085; + float: right; + text-shadow: -1px 0px 0px #ffffff; +} +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration > ul, +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay > ul { + border-top-left-radius: 0; + border-top-right-radius: 0; + padding-top: 0; +} +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration span.timeline, +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay span.timeline { + display: block; + width: 100%; + height: 5px; + margin-bottom: 5px; + position: relative; + background-color: #f7f7f7; + border-bottom: 1px solid #eaeaea; +} +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration span.timeline > span, +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay span.timeline > span { + float: left; + display: inline-block; + position: relative; + height: 5px; +} +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration span.timeline span[simulate="duration"], +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay span.timeline span[simulate="duration"] { + position: absolute; + float: left; + left: 0; + height: 100%; + background: #21b799; + width: 0%; + -webkit-animation-name: o_animate_timeline_duration; + animation-name: o_animate_timeline_duration; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration span.timeline span[simulate="delay"], +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay span.timeline span[simulate="delay"] { + position: absolute; + float: left; + left: 0; + height: 100%; + background: #a4498c; + width: 0%; + -webkit-animation-name: o_animate_timeline_delay; + animation-name: o_animate_timeline_delay; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration > a:before { + background-image: url("../images/time.png"); +} +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay > a:before { + background-image: url("../images/delay.png"); +} +#oe_manipulators .dropdown-menu li.snippet-option-o_animate_options > a:before { + background-image: url("../images/opt.png"); +} +/* + ===================================== + ======== Utility classes + ===================================== +*/ +.o_animate { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + text-rendering: geometricPrecision; + visibility: hidden; +} +.o_animate_preview { + visibility: visible; +} +/* + ===================================== + ======== Durations + ===================================== +*/ +.o_anim_dur500 { + -webkit-animation-duration: 500ms; + animation-duration: 500ms; +} +.o_anim_dur1500 { + -webkit-animation-duration: 1500ms; + animation-duration: 1500ms; +} +.o_anim_dur2000 { + -webkit-animation-duration: 2000ms; + animation-duration: 2000ms; +} +.o_anim_dur2500 { + -webkit-animation-duration: 2500ms; + animation-duration: 2500ms; +} +.o_anim_dur3000 { + -webkit-animation-duration: 3000ms; + animation-duration: 3000ms; +} +/* + ===================================== + ======== Delays + ===================================== +*/ +.o_anim_del500 { + -webkit-animation-delay: 500ms; + animation-delay: 500ms; +} +.o_anim_del1000 { + -webkit-animation-delay: 1000ms; + animation-delay: 1000ms; +} +.o_anim_del1500 { + -webkit-animation-delay: 1500ms; + animation-delay: 1500ms; +} +.o_anim_del2000 { + -webkit-animation-delay: 2000ms; + animation-delay: 2000ms; +} +.o_anim_del2500 { + -webkit-animation-delay: 2500ms; + animation-delay: 2500ms; +} diff --git a/website_animate/static/src/less/o_animate_utility_classes.less b/website_animate/static/src/less/o_animate_utility_classes.less new file mode 100644 index 000000000..245a32dbe --- /dev/null +++ b/website_animate/static/src/less/o_animate_utility_classes.less @@ -0,0 +1,206 @@ +/* + ======================================== + ==== website builder menu integration + ======================================== +*/ + +// variables +@o_animate-timeline-bg-color : #F7F7F7; +@o_animate-timeline-border-bottom : 1px solid #EAEAEA; +@o_animate-timeline-height : 5px; + +@o_animate-timeline-duration-color : #21b799; +@o_animate-timeline-delay-color : #A4498C; + + +// default style +#oe_manipulators .dropdown-menu { + li.snippet-option-o_animate, + li.snippet-option-o_animate_duration, + li.snippet-option-o_animate_delay, + li.snippet-option-o_animate_options{ + > a { + padding-left: 30px; + &:before { + content:" "; + display: block; + width: 16px; + height: 17px; + top: 5px; + background-image: url("../images/icon.png"); + background-repeat: no-repeat; + background-size: 100%; + position: absolute; + left: 5px; + } + } + + li.active { + > a{ + color: #555; + background-color: #EFEFEF; + } + > a:after { + font-family: FontAwesome; + content: "\f00c"; + color: #16A085; + float: right; + text-shadow: -1px 0px 0px #FFF; + } + } + } + + + li.snippet-option-o_animate_duration, + li.snippet-option-o_animate_delay, { + > ul { + border-top-left-radius: 0; + border-top-right-radius: 0; + padding-top: 0; + } + span.timeline{ + display: block; + width: 100%; + height: @o_animate-timeline-height; + margin-bottom: 5px; + position: relative; + background-color: @o_animate-timeline-bg-color; + border-bottom: @o_animate-timeline-border-bottom; + > span { + float: left; + display: inline-block; + position: relative; + height: @o_animate-timeline-height; + } + span[simulate="duration"]{ + position: absolute; + float: left; + left: 0; + height: 100%; + background: @o_animate-timeline-duration-color; + width: 0%; + .animation-name(o_animate_timeline_duration); + .animation-timing-function(linear); + .animation-fill-mode(forwards); + } + span[simulate="delay"]{ + position: absolute; + float: left; + left: 0; + height: 100%; + background: @o_animate-timeline-delay-color; + width: 0%; + .animation-name(o_animate_timeline_delay); + .animation-timing-function(linear); + .animation-fill-mode(forwards); + } + } + } + + // li.snippet-option-o_animate_delay, { + // span.timeline{ + // height: @o_animate-timeline-delay-height; + // background-color: @o_animate-timeline-delay-bg-color; + // border-bottom: @o_animate-timeline-delay-border-bottom; + // span{ + // background: @o_animate-timeline-delay-span-color; + // } + // } + // } + + li.snippet-option-o_animate_duration > a:before{ + background-image: url("../images/time.png"); + } + li.snippet-option-o_animate_delay > a:before{ + background-image: url("../images/delay.png"); + } + li.snippet-option-o_animate_options > a:before{ + background-image: url("../images/opt.png"); + } +} + + + +/* + ===================================== + ======== Utility classes + ===================================== +*/ + +.o_animate { + .animation-duration(1s); + .animation-fill-mode(both); + + // force GPU acceleration + .translate3d(0,0,0); + + // avoid flickering + .backface-visibility(hidden); + + // take care of animated titles + text-rendering: geometricPrecision; + + visibility: hidden; +} + +.o_animate_preview { + visibility: visible; +} + + +/* + ===================================== + ======== Durations + ===================================== +*/ + +.o_anim_dur500{ + .animation-duration(500ms); +} + +// DEFAULT 1000ms; + + +.o_anim_dur1500{ + .animation-duration(1500ms); +} + +.o_anim_dur2000{ + .animation-duration(2000ms); +} + +.o_anim_dur2500{ + .animation-duration(2500ms); +} + +.o_anim_dur3000{ + .animation-duration(3000ms); +} + + +/* + ===================================== + ======== Delays + ===================================== +*/ + +.o_anim_del500{ + .animation-delay(500ms); +} + +.o_anim_del1000{ + .animation-delay(1000ms); +} + +.o_anim_del1500{ + .animation-delay(1500ms); +} + +.o_anim_del2000{ + .animation-delay(2000ms); +} + +.o_anim_del2500{ + .animation-delay(2500ms); +} + diff --git a/website_animate/views/assets.xml b/website_animate/views/assets.xml new file mode 100644 index 000000000..4cf786f3c --- /dev/null +++ b/website_animate/views/assets.xml @@ -0,0 +1,31 @@ + + + + + True + + +