[ADD] theme 13.0
Design
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 9.4 KiB |
|
After Width: | Height: | Size: 48 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 78 KiB |
|
After Width: | Height: | Size: 45 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 168 KiB |
|
After Width: | Height: | Size: 198 KiB |
|
After Width: | Height: | Size: 207 KiB |
|
After Width: | Height: | Size: 178 KiB |
|
After Width: | Height: | Size: 370 KiB |
|
After Width: | Height: | Size: 152 KiB |
|
After Width: | Height: | Size: 226 KiB |
|
After Width: | Height: | Size: 395 KiB |
|
After Width: | Height: | Size: 317 KiB |
|
After Width: | Height: | Size: 188 KiB |
|
After Width: | Height: | Size: 81 KiB |
|
After Width: | Height: | Size: 80 KiB |
|
After Width: | Height: | Size: 83 KiB |
|
After Width: | Height: | Size: 68 KiB |
|
After Width: | Height: | Size: 129 KiB |
|
After Width: | Height: | Size: 63 KiB |
|
After Width: | Height: | Size: 78 KiB |
|
After Width: | Height: | Size: 166 KiB |
|
After Width: | Height: | Size: 98 KiB |
|
After Width: | Height: | Size: 72 KiB |
|
After Width: | Height: | Size: 6.6 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 291 KiB |
|
After Width: | Height: | Size: 170 KiB |
|
After Width: | Height: | Size: 261 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 5.8 KiB |
|
After Width: | Height: | Size: 193 KiB |
|
After Width: | Height: | Size: 6.0 KiB |
|
After Width: | Height: | Size: 7.6 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 8.9 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 7.8 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 9.5 KiB |
|
After Width: | Height: | Size: 9.2 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 9.5 KiB |
|
After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 947 B |
|
After Width: | Height: | Size: 762 B |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
@@ -0,0 +1,16 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
|
||||
<g>
|
||||
<g opacity="0.6">
|
||||
<polyline fill="none" stroke="#000000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" points="16,5 32,25
|
||||
16,45 "/>
|
||||
</g>
|
||||
<g>
|
||||
<polyline fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" points="16,4 32,24
|
||||
16,44 "/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 812 B |
@@ -0,0 +1,26 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
|
||||
<g>
|
||||
<g opacity="0.6">
|
||||
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="10" y1="11" x2="38" y2="39"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="10" y1="10" x2="38" y2="38"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g opacity="0.6">
|
||||
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="38" y1="11" x2="10" y2="39"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="38" y1="10" x2="10" y2="38"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
@@ -0,0 +1,13 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
|
||||
<g>
|
||||
<circle fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" cx="20" cy="20" r="16"/>
|
||||
|
||||
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="44" y1="44" x2="31.3" y2="31.3"/>
|
||||
</g>
|
||||
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="20" y1="14" x2="20" y2="26"/>
|
||||
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="26" y1="20" x2="14" y2="20"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
@@ -0,0 +1,61 @@
|
||||
{\rtf1\ansi\ansicpg1252\cocoartf1344\cocoasubrtf720
|
||||
{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
|
||||
{\colortbl;\red255\green255\blue255;}
|
||||
\paperw11900\paperh16840\margl1440\margr1440\vieww10800\viewh8400\viewkind0
|
||||
\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural
|
||||
|
||||
\f0\fs24 \cf0 Graphene Image List\
|
||||
\
|
||||
shutterstock_141093442\
|
||||
{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-141093442/stock-photo-image-of-data-servers-while-working-blue-led-lights-are-flashing-image-can-represent-cloud.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-141093442/stock-photo-image-of-data-servers-while-working-blue-led-lights-are-flashing-image-can-represent-cloud.html?src=id&ws=1}}\
|
||||
\
|
||||
shutterstock_43743046.jpg\
|
||||
{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-43743046/stock-photo-moving-escalator-on-the-railway-station.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-43743046/stock-photo-moving-escalator-on-the-railway-station.html?src=id&ws=1}}\
|
||||
\
|
||||
shutterstock_51359917.jpg\
|
||||
{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-51359917/stock-photo-web-creative-artistic-fractal-as-mosaic-design.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-51359917/stock-photo-web-creative-artistic-fractal-as-mosaic-design.html?src=id&ws=1}}\
|
||||
\
|
||||
shutterstock_101262022.jpg\
|
||||
{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-101262022/stock-photo-fiber-optics-close-up-modern-computer-communication-technology.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-101262022/stock-photo-fiber-optics-close-up-modern-computer-communication-technology.html?src=id&ws=1}}\
|
||||
\
|
||||
shutterstock_123105301.jpg\
|
||||
{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-123105301/stock-photo-businessman-hand-using-tablet-computer-and-server-room-background.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-123105301/stock-photo-businessman-hand-using-tablet-computer-and-server-room-background.html?src=id&ws=1}}\
|
||||
\
|
||||
shutterstock_125192411.jpg\
|
||||
{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-125192411/stock-photo-abstract-of-modern-high-tech-internet-data-center-room-with-rows-of-racks-with-network-and-server.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-125192411/stock-photo-abstract-of-modern-high-tech-internet-data-center-room-with-rows-of-racks-with-network-and-server.html?src=id&ws=1}}\
|
||||
\
|
||||
shutterstock_125338148.jpg\
|
||||
{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-125338148/stock-photo-close-up-of-business-partners-making-pile-of-hands-at-meeting.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-125338148/stock-photo-close-up-of-business-partners-making-pile-of-hands-at-meeting.html?src=id&ws=1}}\
|
||||
\
|
||||
shutterstock_138488228.jpg\
|
||||
{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-138488228/stock-photo-modern-network-and-communication-concept-server-room-in-datacenter.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-138488228/stock-photo-modern-network-and-communication-concept-server-room-in-datacenter.html?src=id&ws=1}}\
|
||||
\
|
||||
shutterstock_141093442.jpg\
|
||||
{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-141093442/stock-photo-image-of-data-servers-while-working-blue-led-lights-are-flashing-image-can-represent-cloud.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-141093442/stock-photo-image-of-data-servers-while-working-blue-led-lights-are-flashing-image-can-represent-cloud.html?src=id&ws=1}}\
|
||||
\
|
||||
shutterstock_148972376.jpg\
|
||||
{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-148972376/stock-photo-program-code-on-a-monitor.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-148972376/stock-photo-program-code-on-a-monitor.html?src=id&ws=1}}\
|
||||
\
|
||||
shutterstock_156997538.jpg\
|
||||
{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-156997538/stock-photo-closeup-picture-of-a-keyboard-with-a-phone-and-tablet-lying-above-it.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-156997538/stock-photo-closeup-picture-of-a-keyboard-with-a-phone-and-tablet-lying-above-it.html?src=id&ws=1}}\
|
||||
\
|
||||
shutterstock_216021946.jpg\
|
||||
{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-216021946/stock-photo-motion-on-blue-background-abstract-background.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-216021946/stock-photo-motion-on-blue-background-abstract-background.html?src=id&ws=1}}\
|
||||
\
|
||||
shutterstock_110470916.jpg\
|
||||
{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-110470916/stock-vector-white-texture-seamless.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-110470916/stock-vector-white-texture-seamless.html?src=id&ws=1}}\
|
||||
\
|
||||
shutterstock_133492892.jpg\
|
||||
{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-133492892/stock-vector-abstract-vector-background-eps-graphic-vector-illustration-used-opacity-mask-and-transparency.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-133492892/stock-vector-abstract-vector-background-eps-graphic-vector-illustration-used-opacity-mask-and-transparency.html?src=id&ws=1}}\
|
||||
\
|
||||
shutterstock_133497713.jpg\
|
||||
{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-133497713/stock-vector-background-with-copy-space-eps-vector-illustration-used-opacity-mask-of-background.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-133497713/stock-vector-background-with-copy-space-eps-vector-illustration-used-opacity-mask-of-background.html?src=id&ws=1}}\
|
||||
\
|
||||
shutterstock_147803492.jpg\
|
||||
{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-147803492/stock-vector-white-grey-abstract-perspective-background.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-147803492/stock-vector-white-grey-abstract-perspective-background.html?src=id&ws=1}}\
|
||||
\
|
||||
shutterstock_169156292.jpg\
|
||||
{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-169156292/stock-photo-abstract-blurry-background.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-169156292/stock-photo-abstract-blurry-background.html?src=id&ws=1}}\
|
||||
\
|
||||
shutterstock_216021946.jpg\
|
||||
{\field{\*\fldinst{HYPERLINK "http://www.shutterstock.com/pic-216021946/stock-photo-motion-on-blue-background-abstract-background.html?src=id&ws=1"}}{\fldrslt http://www.shutterstock.com/pic-216021946/stock-photo-motion-on-blue-background-abstract-background.html?src=id&ws=1}}}
|
||||
@@ -0,0 +1,110 @@
|
||||
odoo.define('theme_graphene.editor', function (require) {
|
||||
'use strict';
|
||||
|
||||
var Editor = require('web_editor.snippet.editor').Editor;
|
||||
var s_options = require('web_editor.snippets.options');
|
||||
|
||||
// Typography
|
||||
s_options.registry.typo_style = s_options.Class.extend({
|
||||
selectClass: function (previewMode, value, $li) {
|
||||
this._super(previewMode, value, $li);
|
||||
var self = this;
|
||||
var hasWrapper = this.$target.parent().is('.s_typo_style_wrapper');
|
||||
|
||||
if (value === 'title-boxed' || value === 'title-underlined') {
|
||||
if (!hasWrapper) {
|
||||
this.$target.wrap('<div class="title-parent s_typo_style_wrapper"/>');
|
||||
}
|
||||
|
||||
//trigg transition
|
||||
this.$target.addClass('o_animate o_hold').removeClass('o_visible').css('visibility', 'visible');
|
||||
_.defer(function () {
|
||||
self.$target.addClass('o_visible').removeClass('o_hold');
|
||||
});
|
||||
} else {
|
||||
this.$target.removeClass('o_animate o_hold');
|
||||
if (hasWrapper) {
|
||||
this.$target.unwrap();
|
||||
} else {
|
||||
// Compatibility (before the title-parent class was not put
|
||||
// on a wrapper but on the existing parent)
|
||||
this.$target.parent().removeClass('title-parent');
|
||||
}
|
||||
}
|
||||
},
|
||||
cleanForSave: function () {
|
||||
this.$target.removeClass("o_visible");
|
||||
},
|
||||
});
|
||||
|
||||
Editor.include({
|
||||
_onDragAndDropStart: function () {
|
||||
this.$target.addClass("oe_snippet_body");
|
||||
return this._super.apply(this, arguments);
|
||||
},
|
||||
_onDragAndDropStop: function () {
|
||||
this.$target.removeClass("oe_snippet_body");
|
||||
return this._super.apply(this, arguments);
|
||||
},
|
||||
});
|
||||
|
||||
// Top Banner Options
|
||||
s_options.registry.graphene_top_banner_options = s_options.Class.extend({
|
||||
|
||||
//----------------------------------------------------------------------
|
||||
// Public
|
||||
//----------------------------------------------------------------------
|
||||
|
||||
/**
|
||||
* @override
|
||||
*/
|
||||
onFocus: function () {
|
||||
this.$overlay.data('$optionsSection').find('.oe_snippet_clone, .oe_snippet_move')
|
||||
.toggleClass('d-none', this.$target.hasClass('move_to_top'));
|
||||
},
|
||||
/**
|
||||
* @override
|
||||
*/
|
||||
onRemove: function () {
|
||||
this.$target.removeClass('move_to_top');
|
||||
this._toggleTransparentMenu(false);
|
||||
},
|
||||
|
||||
//----------------------------------------------------------------------
|
||||
// Options
|
||||
//----------------------------------------------------------------------
|
||||
|
||||
/**
|
||||
* @override
|
||||
*/
|
||||
selectClass: function (previewMode, value, $li) {
|
||||
this._super(previewMode, value, $li);
|
||||
$('.move_to_top').not(this.$target).removeClass('move_to_top');
|
||||
this._toggleTransparentMenu(value === 'move_to_top');
|
||||
},
|
||||
|
||||
//----------------------------------------------------------------------
|
||||
// Private
|
||||
//----------------------------------------------------------------------
|
||||
|
||||
/**
|
||||
* @override
|
||||
*/
|
||||
_toggleTransparentMenu: function (enable) {
|
||||
var self = this;
|
||||
this.trigger_up('action_demand', {
|
||||
actionName: 'toggle_page_option',
|
||||
params: [{name: 'header_overlay', value: enable}],
|
||||
onSuccess: function () {
|
||||
self.trigger_up('action_demand', {
|
||||
actionName: 'toggle_page_option',
|
||||
params: [{name: 'header_color', value: ''}],
|
||||
});
|
||||
self._refreshPublicWidgets();
|
||||
$('html, body').animate({scrollTop: enable ? 0 : (self.$target.offset.top + 100)}, 1000);
|
||||
self.onFocus();
|
||||
},
|
||||
});
|
||||
},
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,6 @@
|
||||
odoo.define('theme_graphene.ext.editor', function (require) {
|
||||
'use strict';
|
||||
|
||||
var ajax = require('web.ajax');
|
||||
var core = require('web.core');
|
||||
});
|
||||
@@ -0,0 +1,19 @@
|
||||
odoo.define('theme_graphene.ext.frontend', function (require) {
|
||||
'use strict';
|
||||
|
||||
var publicWidget = require('web.public.widget');
|
||||
require('theme_common.s_google_map_frontend');
|
||||
|
||||
publicWidget.registry.s_google_map.include({
|
||||
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" } ] } ],
|
||||
});
|
||||
|
||||
});
|
||||
@@ -0,0 +1,114 @@
|
||||
odoo.define('theme_graphene.frontend', function (require) {
|
||||
'use strict';
|
||||
|
||||
var publicWidget = require('web.public.widget');
|
||||
|
||||
publicWidget.registry.GrapheneUtils = publicWidget.Widget.extend({
|
||||
selector: '#wrapwrap',
|
||||
disabledInEditableMode: false,
|
||||
|
||||
/**
|
||||
* @override
|
||||
*/
|
||||
start: function () {
|
||||
this.$('.o_header_affix').removeAttr('id');
|
||||
|
||||
// Clean vertical align
|
||||
this.$(".v-align").filter(function () {
|
||||
return $(this).parent().is(":not(.slide)");
|
||||
}).addClass("preserve3d");
|
||||
|
||||
return this._super.apply(this, arguments);
|
||||
},
|
||||
});
|
||||
|
||||
/**
|
||||
* Graphene has an extended version of the moveToTop option: it can work on
|
||||
* dynamic website pages (/shop, /blog, ...). It is also automatic for
|
||||
* "full" blog covers. The style is also different as the top content is
|
||||
* full width and goes below the #wrap element (even if that one is not fw).
|
||||
*/
|
||||
publicWidget.registry.move_to_top = publicWidget.Widget.extend({
|
||||
selector: '.move_to_top, #title.blog_header > .cover.cover_full',
|
||||
|
||||
/**
|
||||
* @override
|
||||
*/
|
||||
start: function () {
|
||||
var self = this;
|
||||
var def = this._super.apply(this, arguments);
|
||||
$('#wrapwrap').addClass('o_header_overlay');
|
||||
$(window).on('resize.move_to_top', _.debounce(function () {
|
||||
if (self.isDestroyed()) {
|
||||
// May happen since this is debounced
|
||||
return;
|
||||
}
|
||||
self._adaptWrap();
|
||||
}, 250));
|
||||
setTimeout(function () {
|
||||
self._adaptWrap();
|
||||
}, 250);
|
||||
return def;
|
||||
},
|
||||
/**
|
||||
* @override
|
||||
*/
|
||||
destroy: function () {
|
||||
this._super.apply(this, arguments);
|
||||
$('#wrapwrap').removeClass('o_header_overlay');
|
||||
$(window).off('.move_to_top');
|
||||
$('#wrap').css('margin-top', '');
|
||||
},
|
||||
|
||||
//----------------------------------------------------------------------
|
||||
// Private
|
||||
//----------------------------------------------------------------------
|
||||
|
||||
/**
|
||||
* @private
|
||||
*/
|
||||
_adaptWrap: function () {
|
||||
$('#wrap').css('margin-top', (this.$target.outerHeight() * 0.8));
|
||||
},
|
||||
});
|
||||
|
||||
// Ripple animation
|
||||
publicWidget.registry.graph_links = publicWidget.Widget.extend({
|
||||
selector: ".btn, .dropdown-item",
|
||||
|
||||
start: function () {
|
||||
var btn = this.$target;
|
||||
|
||||
btn
|
||||
.css({ position: 'relative', overflow: 'hidden'})
|
||||
.bind('mousedown', function (e) {
|
||||
var ripple;
|
||||
if (btn.find('.graph-ripple').length === 0) {
|
||||
ripple = $('<span class="graph-ripple"/>');
|
||||
btn.prepend(ripple);
|
||||
} else {
|
||||
ripple = btn.find('.graph-ripple');
|
||||
}
|
||||
ripple.removeClass('graph-ripple-animated');
|
||||
|
||||
if (!ripple.height() && !ripple.width()) {
|
||||
var diameter = Math.max(btn.outerWidth(), btn.outerHeight());
|
||||
ripple.css({ height: diameter, width: diameter });
|
||||
}
|
||||
|
||||
var x = e.pageX - btn.offset().left - ripple.width() / 2;
|
||||
var y = e.pageY - btn.offset().top - ripple.height() / 2;
|
||||
|
||||
ripple
|
||||
.css({ top: y + 'px',left: x + 'px'})
|
||||
.addClass('graph-ripple-animated');
|
||||
|
||||
setTimeout(function () {
|
||||
ripple.removeClass('graph-ripple-animated');
|
||||
}, 351);
|
||||
});
|
||||
|
||||
return this._super.apply(this, arguments);
|
||||
},
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,158 @@
|
||||
//
|
||||
// Color system
|
||||
//
|
||||
|
||||
// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
|
||||
$yiq-contrasted-threshold: 200 !default;
|
||||
|
||||
// Components
|
||||
//
|
||||
// Define common padding and border radius sizes and more.
|
||||
|
||||
$line-height-lg: 1.4 !default;
|
||||
$line-height-sm: 1.4 !default;
|
||||
|
||||
$border-radius: 0 !default;
|
||||
$border-radius-lg: 0 !default;
|
||||
$border-radius-sm: 0 !default;
|
||||
|
||||
$box-shadow-sm: 0 3px 3px -2px rgba(51,51,51,0) !default;
|
||||
$box-shadow: 0 3px 3px -2px rgba(51,51,51,0) !default;
|
||||
$box-shadow-lg: 0 3px 3px -2px rgba(51,51,51,0) !default;
|
||||
|
||||
// Fonts
|
||||
//
|
||||
// Font, line-height, and color for body text, headings, and more.
|
||||
|
||||
$font-size-base: $o-theme-font-size-base !default;
|
||||
|
||||
$line-height-base: 1.4 !default;
|
||||
|
||||
$h1-font-size: $font-size-base * 3 !default;
|
||||
$h2-font-size: $font-size-base * (30 / 14) !default;
|
||||
$h3-font-size: $font-size-base * (24 / 14) !default;
|
||||
$h4-font-size: $font-size-base * (18 / 14) !default;
|
||||
$h5-font-size: $font-size-base * 1 !default;
|
||||
$h6-font-size: $font-size-base * (12 / 14) !default;
|
||||
|
||||
$headings-font-weight: 300 !default;
|
||||
|
||||
$hr-border-color: #eee !default;
|
||||
|
||||
$hr-margin-y: .25rem !default;
|
||||
|
||||
// Buttons + Forms
|
||||
//
|
||||
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
|
||||
|
||||
$input-btn-padding-y-sm: .375rem !default !default;
|
||||
$input-btn-padding-x-sm: .75rem !default !default;
|
||||
|
||||
$input-btn-padding-y-lg: .625rem !default;
|
||||
$input-btn-padding-x-lg: 2rem !default;
|
||||
|
||||
// Buttons
|
||||
//
|
||||
// For each of Bootstrap's buttons, define text, background, and border color.
|
||||
|
||||
$btn-box-shadow: 0 3px 3px -2px rgba(51,51,51,0) !default;
|
||||
$btn-focus-box-shadow: 0 3px 3px -2px rgba(51,51,51,0) !default;
|
||||
$btn-active-box-shadow: 0 3px 3px -2px rgba(51,51,51,0) !default;
|
||||
|
||||
// Forms
|
||||
|
||||
$label-margin-bottom: 0 !default;
|
||||
|
||||
$input-box-shadow: 0 3px 3px -2px rgba(51,51,51,0) !default;
|
||||
|
||||
$input-focus-box-shadow: 0 3px 3px -2px rgba(51,51,51,0) !default;
|
||||
|
||||
// Dropdowns
|
||||
//
|
||||
// Dropdown menu container and contents.
|
||||
|
||||
$dropdown-padding-y: .3125rem !default;
|
||||
$dropdown-spacer: 0 !default;
|
||||
$dropdown-border-color: palette-gray('200') !default;
|
||||
|
||||
// Navs
|
||||
|
||||
$nav-link-padding-y: .625rem !default;
|
||||
$nav-link-padding-x: .9375rem !default;
|
||||
|
||||
$nav-tabs-border-width: 0 !default;
|
||||
$nav-tabs-link-active-bg: none !default;
|
||||
|
||||
$nav-divider-margin-y: 0 !default;
|
||||
|
||||
// Navbar
|
||||
|
||||
$navbar-padding-y: 1rem !default;
|
||||
$navbar-padding-x: 2.5% !default;
|
||||
|
||||
// Pagination
|
||||
|
||||
$pagination-padding-y: .375rem !default;
|
||||
$pagination-padding-y-sm: .3125rem !default;
|
||||
$pagination-padding-x-sm: .625rem !default;
|
||||
$pagination-padding-y-lg: .625rem !default;
|
||||
$pagination-padding-x-lg: 1rem !default;
|
||||
|
||||
$pagination-focus-box-shadow: 0 !default;
|
||||
|
||||
$pagination-hover-color: palette-theme-color('primary') !default;
|
||||
|
||||
$pagination-active-color: white !default;
|
||||
$pagination-active-bg: palette-theme-color('primary') !default;
|
||||
|
||||
// Badges
|
||||
|
||||
$badge-border-radius: 0.25em !default;
|
||||
|
||||
// Progress bars
|
||||
|
||||
$progress-box-shadow: 0 !default;
|
||||
|
||||
// Image thumbnails
|
||||
|
||||
$thumbnail-box-shadow: 0 3px 3px -2px rgba(51,51,51,0) !default;
|
||||
|
||||
// Breadcrumbs
|
||||
|
||||
$breadcrumb-bg: palette-gray('100') !default;
|
||||
$breadcrumb-divider-color: palette-gray('400') !default;
|
||||
$breadcrumb-active-color: palette-gray('400') !default;
|
||||
|
||||
// Carousel
|
||||
|
||||
$carousel-control-color: palette-theme-color('delta') !default;
|
||||
|
||||
$carousel-indicator-active-bg: palette-theme-color('delta') !default;
|
||||
|
||||
$carousel-caption-color: palette-theme-color('delta') !default;
|
||||
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Non Bootstrap Variables (should not be here but the system is not good enough
|
||||
// to put them at the right place yet)
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
// s_medias_list
|
||||
$s-medias-list-bg-color-main: palette-gray('white');
|
||||
|
||||
// s_numbers
|
||||
$s-numbers-main-bg-color: palette-theme-color('beta');
|
||||
$s-numbers-numbers-color: palette-gray('white');
|
||||
|
||||
// Google Map
|
||||
$s-google-map-desc-bg: palette-theme-color('beta');
|
||||
$s-google-map-desc-hover-bg: palette-theme-color('beta');
|
||||
|
||||
// s_page_header
|
||||
$s-page-header-main-bg-color: palette-theme-color('beta-lighter');
|
||||
$s-page-header-main-font-color: palette-gray('white');
|
||||
$s-page-header-label-font-size: .9em;
|
||||
$s-page-header-label-border-radius: .125rem;
|
||||
$s-page-header-label-padding: .3125rem .5rem;
|
||||
$s-page-header-label-margin: 0 .625rem 0 0;
|
||||
$s-page-header-i-margin: 0 .375rem;
|
||||
@@ -0,0 +1,24 @@
|
||||
|
||||
.bg-img-01 { @include o-theme-sri-bg-image-styles($o-theme-img-01); }
|
||||
.bg-img-02 { @include o-theme-sri-bg-image-styles($o-theme-img-02,white, black); }
|
||||
.bg-img-03 { @include o-theme-sri-bg-image-styles($o-theme-img-03, #F4F4F4, black); }
|
||||
.bg-img-04 { @include o-theme-sri-bg-image-styles($o-theme-img-04, white, black); }
|
||||
.bg-img-05 { @include o-theme-sri-bg-image-styles($o-theme-img-05); }
|
||||
.bg-img-06 { @include o-theme-sri-bg-image-styles($o-theme-img-06,#333, rgba(0, 0, 0, 0), 50%,0%); }
|
||||
.bg-img-07 { @include o-theme-sri-bg-image-styles($o-theme-img-07,white, black); }
|
||||
.bg-img-08 { @include o-theme-sri-bg-image-styles($o-theme-img-08, white, black); }
|
||||
.bg-img-09 { @include o-theme-sri-bg-image-styles($o-theme-img-09); }
|
||||
.bg-img-10 { @include o-theme-sri-bg-image-styles($o-theme-img-10,white, black); }
|
||||
|
||||
.bg_patt-01 { @include o-theme-sri-bg-pattern-styles($o-theme-patt-01, gray('700')); }
|
||||
.bg_patt-02 { @include o-theme-sri-bg-pattern-styles($o-theme-patt-02, gray('700'), $x: 100%, $y: 42%); }
|
||||
.bg_patt-03 { @include o-theme-sri-bg-pattern-styles($o-theme-patt-03, gray('700'), $x: 100%, $y: 42%); }
|
||||
.bg_patt-04 { @include o-theme-sri-bg-pattern-styles($o-theme-patt-04, gray('700'), $x: 100%, $y: 35%); }
|
||||
.bg_patt-05 { @include o-theme-sri-bg-pattern-styles($o-theme-patt-05, #555, $x: 100%, $y: 42%); }
|
||||
.bg_patt-06 { @include o-theme-sri-bg-pattern-styles($o-theme-patt-06, #666, $x: 100%, $y: 36%); }
|
||||
|
||||
@include o-theme-sri-bg-img-thumb-classes((
|
||||
'bg-img-01': $o-theme-img-01, 'bg-img-02': $o-theme-img-02, 'bg-img-03': $o-theme-img-03, 'bg-img-04': $o-theme-img-04, 'bg-img-05': $o-theme-img-05,
|
||||
'bg-img-06': $o-theme-img-06, 'bg-img-07': $o-theme-img-07, 'bg-img-08': $o-theme-img-08, 'bg-img-09': $o-theme-img-09, 'bg-img-10': $o-theme-img-10,
|
||||
'bg-patt-01': $o-theme-patt-01, 'bg-patt-02': $o-theme-patt-02, 'bg-patt-03': $o-theme-patt-03, 'bg-patt-04': $o-theme-patt-04, 'bg-patt-05': $o-theme-patt-05, 'bg-patt-06': $o-theme-patt-06
|
||||
));
|
||||
@@ -0,0 +1,21 @@
|
||||
|
||||
@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;
|
||||
}
|
||||
@@ -0,0 +1,553 @@
|
||||
// =================================================================
|
||||
// Graphene Theme.
|
||||
// Light colours, thin text, clean and sharp design.
|
||||
// =================================================================
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Responsive margins
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
$lg-margin: 0.8;
|
||||
$md-margin: 0.6;
|
||||
$sm-margin: 0.4;
|
||||
$xs-margin: 0.2;
|
||||
@include o-theme-responsive-spacing-classes($lg-margin, $md-margin, $sm-margin, $xs-margin);
|
||||
|
||||
|
||||
.modal:not(.o_technical_modal) {
|
||||
.modal-header {
|
||||
border-bottom: 1px solid $graphene-ui-light;
|
||||
color: $graphene-ui-dark;
|
||||
.close {
|
||||
text-shadow: 0 1px 0 #000;
|
||||
}
|
||||
}
|
||||
.modal-content {
|
||||
color: $graphene-ui-text;
|
||||
top: 15px;
|
||||
label {
|
||||
font-weight: 300;
|
||||
}
|
||||
hr {
|
||||
border-top-color: rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
.card, .panel {
|
||||
background-color : $graphene-ui-light;
|
||||
border: none;
|
||||
}
|
||||
.table-striped > tbody > tr:nth-of-type(2n+1) {
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
select, textarea {
|
||||
color: gray('800')est;
|
||||
}
|
||||
form .list-group .form-group {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
border-color: $graphene-ui-light;
|
||||
border-width: 0 0 1px 0
|
||||
}
|
||||
|
||||
.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: theme-color('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;
|
||||
}
|
||||
.font-icons:before {
|
||||
top: 7px!important;
|
||||
left: 8px!important;
|
||||
font-size: 1.2em!important;
|
||||
}
|
||||
.o_payment_form {
|
||||
.payment_option_name {
|
||||
color: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
border-bottom : 1px solid rgba(255, 255, 255, 0.05);
|
||||
background-color : $graphene-ui-light;
|
||||
padding-bottom : $modal-header-padding;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
padding: $modal-header-padding + (5/16) * 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
//================================== BASE ====================================
|
||||
|
||||
// =============================
|
||||
// 3.1 GENERAL LAYOUT ==========
|
||||
// =============================
|
||||
|
||||
#wrap {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
// =============================
|
||||
// 3.2 TYPOGRAPHY ==============
|
||||
// =============================
|
||||
|
||||
.serif {
|
||||
font-family: nth($o-theme-fonts, $o-theme-font-serif-number);
|
||||
}
|
||||
.sans-serif {
|
||||
font-family: nth($o-theme-fonts, $o-theme-font-sans-serif-number);
|
||||
}
|
||||
|
||||
.body {
|
||||
-webkit-font-smoothing : antialiased;
|
||||
-moz-osx-font-smoothing : grayscale;
|
||||
}
|
||||
|
||||
h4, h5, h6 {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
font-size: 20px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 200;
|
||||
letter-spacing: 0px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
footer {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
@if $o-theme-layout == 'boxed' {
|
||||
#wrap {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#wrapwrap {
|
||||
> header, > main {
|
||||
background: #FFF;
|
||||
}
|
||||
|
||||
#graph_header .navbar {
|
||||
padding: 20px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
#graph_header, .o_header_affix {
|
||||
.navbar {
|
||||
> .container {
|
||||
width: 100%;
|
||||
max-width: 1024px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@if $o-theme-layout == 'postcard' {
|
||||
#graph_header {
|
||||
.navbar {
|
||||
padding-left: 2.5%;
|
||||
|
||||
@include media-breakpoint-up(md) {
|
||||
padding-right: 2.5%;
|
||||
}
|
||||
}
|
||||
.nav li.show > a {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
color: #555;
|
||||
}
|
||||
.nav li.show > a {
|
||||
color: #555;
|
||||
}
|
||||
}
|
||||
|
||||
main, footer:not(.modal-footer) {
|
||||
background-color: rgba(0, 0, 0, 0)!important;
|
||||
}
|
||||
|
||||
#wrap, footer:not(.modal-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:not(.modal-footer) {
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
footer:not(.modal-footer) > * {
|
||||
border-radius:0;
|
||||
margin-top: 0!important;
|
||||
&:last-child {
|
||||
padding: 8px;
|
||||
margin-bottom: 3em!important;
|
||||
}
|
||||
}
|
||||
|
||||
// =========== Others modules compatibility
|
||||
|
||||
.o_wforum_navbar_container {
|
||||
background: #FFF;
|
||||
margin: 0 auto;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 1px;
|
||||
max-width: 1024px;
|
||||
width: 95%;
|
||||
max-width: 100%;
|
||||
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%;
|
||||
}
|
||||
|
||||
#graph_header, .o_header_affix {
|
||||
.navbar {
|
||||
> .container {
|
||||
width: 100%;
|
||||
max-width: 1024px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// =============================
|
||||
// BUTTONS / LABELS ============
|
||||
// =============================
|
||||
|
||||
// ======== Button Customizations
|
||||
@include o-theme-sri-btn-style(0px 3px 3px -2px rgba(51, 51, 51, 0.0), 0px 3px 3px -2px rgba(51, 51, 51, 0.23), 0px 2px 2px -1px rgba(51, 51, 51, 0.23));
|
||||
|
||||
button.btn {
|
||||
outline:0!important;
|
||||
&:focus, &:active {
|
||||
outline:0;
|
||||
}
|
||||
}
|
||||
|
||||
@include o-theme-sri-ripple-animation-styles('graph');
|
||||
|
||||
.tooltip {
|
||||
height: auto;
|
||||
.tooltip-arrow {
|
||||
display: none;
|
||||
}
|
||||
h5 {
|
||||
text-transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
// ==================================
|
||||
// WB builder default classes ===
|
||||
// ==================================
|
||||
|
||||
#wrapwrap {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
#wrap > hr {
|
||||
width: 50%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
// =============================
|
||||
// EFFECTS =================
|
||||
// =============================
|
||||
|
||||
@mixin generate-spacing($n) {
|
||||
@for $i from 1 through $n {
|
||||
.letterSpacing#{$i} {
|
||||
letter-spacing:($i)*1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include generate-spacing(10);
|
||||
|
||||
.em2 {
|
||||
font-size: 2em;
|
||||
}
|
||||
.em4 {
|
||||
font-size: 4em;
|
||||
}
|
||||
|
||||
.mo0 {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.title-parent {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title-underlined, .title-boxed {
|
||||
display: inline-block;
|
||||
clear: both;
|
||||
position: relative;
|
||||
|
||||
&:before, &:after {
|
||||
content: "";
|
||||
opacity: .8;
|
||||
display: block;
|
||||
}
|
||||
|
||||
&.o_hold {
|
||||
&:before, &:after {
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.title-underlined {
|
||||
padding-bottom: 0.6em;
|
||||
&:after {
|
||||
margin: .2em auto 0;
|
||||
border-top: 2px solid;
|
||||
width: 0;
|
||||
transition: width 1s ease-in 500ms;
|
||||
}
|
||||
&.o_visible {
|
||||
&:after {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.title-boxed{
|
||||
margin: 0.9em 0 1em;
|
||||
padding: 0.25em 0.1em;
|
||||
|
||||
@include media-breakpoint-up(md) {
|
||||
padding: 0.45em 0.8em;
|
||||
}
|
||||
|
||||
&:before, &:after{
|
||||
opacity: 0;
|
||||
border: 2px solid rgba(0, 0, 0, 0);
|
||||
display: initial;
|
||||
@include o-position-absolute(0,0,0,0);
|
||||
transition: e("opacity .75s ease-out 500ms, transform 1s ease-out 500ms");
|
||||
}
|
||||
&:before {
|
||||
transform: scale(0, 1);
|
||||
border-top-color: inherit;
|
||||
border-bottom-color: inherit;
|
||||
}
|
||||
&:after {
|
||||
transform: scale(1, 0);
|
||||
border-right-color: inherit;
|
||||
border-left-color: inherit;
|
||||
}
|
||||
&.o_visible {
|
||||
&:before,&:after {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include o-theme-sri-bg-effects-classes();
|
||||
|
||||
@include o-theme-sri-v-align-class();
|
||||
|
||||
// =============================
|
||||
// === HEADER ==================
|
||||
// =============================
|
||||
@include o-theme-sri-header-styles('graph', rgba(0, 0, 0, 0), gray('900'), uppercase, 600, 0.5, none, gray('800'));
|
||||
|
||||
// =============================
|
||||
// 3.8 Website B. ==============
|
||||
// =============================
|
||||
|
||||
// Restore original toolbar font-family
|
||||
div#website-top-navbar *:not(.fa) {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
// 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 ==========
|
||||
// =============================
|
||||
|
||||
@mixin graphene-top-content {
|
||||
z-index: -1;
|
||||
width: 100%;
|
||||
@include o-position-absolute($top: 0, $left: 0);
|
||||
}
|
||||
|
||||
#wrapwrap.o_header_overlay {
|
||||
|
||||
> header:not(.affixed) {
|
||||
|
||||
.navbar-brand {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.navbar-toggle {
|
||||
border-color: white;
|
||||
|
||||
.icon-bar {
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.nav > li {
|
||||
> a {
|
||||
color: white;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&.active > a, &:hover > a, li.active > a {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#wrap {
|
||||
> section, > div {
|
||||
&:not([class*='bg-']) {
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//================================== 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;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin o-anim-movingBG {
|
||||
0% {
|
||||
background-position: 0% 84%
|
||||
}
|
||||
40% {
|
||||
background-position: 100% 16%
|
||||
}
|
||||
100% {
|
||||
background-position: 0% 84%
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes o-anim_movingBG { @include o-anim-movingBG; }
|
||||
@-moz-keyframes o-anim_movingBG { @include o-anim-movingBG; }
|
||||
@-ms-keyframes o-anim_movingBG { @include o-anim-movingBG; }
|
||||
@-o-keyframes o-anim_movingBG { @include o-anim-movingBG; }
|
||||
@keyframes o-anim_movingBG { @include o-anim-movingBG; }
|
||||
|
||||
// =============================
|
||||
// Google Map
|
||||
// =============================
|
||||
|
||||
we-button.thumb {
|
||||
margin: 2px 7px 6px;
|
||||
float: left;
|
||||
clear: none;
|
||||
width: 50%;
|
||||
|
||||
height: 50px;
|
||||
background-size: cover;
|
||||
outline: 1px solid #626262;
|
||||
opacity: .8;
|
||||
&:hover {opacity: 1}
|
||||
&.active {
|
||||
opacity: 1;
|
||||
outline: 2px solid theme-color('success');
|
||||
}
|
||||
}
|
||||
|
||||
@include o-theme-sri-bg-img-thumb-classes((
|
||||
'stdMap': 'map-default.jpg', 'lightMonoMap': 'map-lightMono.jpg', 'cupertinoMap': 'map-cupertino.jpg',
|
||||
'retroMap': 'map-retro.jpg', 'cobaltMap': 'map-cobalt.jpg', 'flatMap': 'map-flat.jpg', 'blueMap': 'map-blue.jpg',
|
||||
'lillaMap': 'map-lilla.jpg', 'carMap': 'map-caramello.jpg', 'testMap': 'map-default.jpg', 'bwMap': 'map-bw.jpg'
|
||||
));
|
||||
|
||||
/* Ecommerce */
|
||||
@include o-theme-sri-ecommerce-classes();
|
||||
|
||||
// TODO remove me in master
|
||||
button.o_small {
|
||||
&[data-color*="alpha"], &[data-color*="beta"], &[data-color*="gamma"],
|
||||
&[data-color*="delta"], &[data-color*="epsilon"] {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
// TODO remove me in master
|
||||
@@ -0,0 +1 @@
|
||||
$o-theme-font-serif-number: 3;
|
||||
@@ -0,0 +1 @@
|
||||
$o-theme-font-serif-number: 4;
|
||||