+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/backend_theme/static/src/js/web_responsive.js b/backend_theme/static/src/js/web_responsive.js
index 8d4f6a57d..9d307d837 100644
--- a/backend_theme/static/src/js/web_responsive.js
+++ b/backend_theme/static/src/js/web_responsive.js
@@ -1,45 +1,43 @@
/* Copyright 2016 LasLabs Inc.
* License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl). */
-odoo.define('web_responsive', function(require) {
- 'use strict';
+odoo.define("web_responsive", function (require) {
+ "use strict";
-/* var $ = require('$'); */
- var Menu = require('web.Menu');
- var Class = require('web.Class');
- var SearchView = require('web.SearchView');
- var core = require('web.core');
+ /* Var $ = require('$'); */
+ var Menu = require("web.Menu");
+ var Class = require("web.Class");
+ var SearchView = require("web.SearchView");
+ var core = require("web.core");
Menu.include({
-
// Force all_outside to prevent app icons from going into more menu
- reflow: function() {
- this._super('all_outside');
+ reflow: function () {
+ this._super("all_outside");
},
/* Overload to collapse unwanted visible submenus
* @param allow_open bool Switch to allow submenus to be opened
*/
- open_menu: function(id, allowOpen) {
+ open_menu: function (id, allowOpen) {
this._super(id);
if (allowOpen) return;
- var $clicked_menu = this.$secondary_menus.find('a[data-menu=' + id + ']');
- $clicked_menu.parents('.oe_secondary_submenu').css('display', '');
+ var $clicked_menu = this.$secondary_menus.find("a[data-menu=" + id + "]");
+ $clicked_menu.parents(".oe_secondary_submenu").css("display", "");
},
-
});
SearchView.include({
-
// Prevent focus of search field on mobile devices
toggle_visibility: function (is_visible) {
- $('div.o_searchview_input').last()
- .one('focus', $.proxy(this.preventMobileFocus, this));
+ $("div.o_searchview_input")
+ .last()
+ .one("focus", $.proxy(this.preventMobileFocus, this));
return this._super(is_visible);
},
// It prevents focusing of search el on mobile
- preventMobileFocus: function(event) {
+ preventMobileFocus: function (event) {
if (this.isMobile()) {
event.preventDefault();
}
@@ -47,97 +45,91 @@ odoo.define('web_responsive', function(require) {
// For lack of Modernizr, TouchEvent will do
isMobile: function () {
- try{
- document.createEvent('TouchEvent');
+ try {
+ document.createEvent("TouchEvent");
return true;
} catch (ex) {
return false;
}
},
-
});
var AppDrawer = Class.extend({
-
- LEFT: 'left',
- RIGHT: 'right',
- UP: 'up',
- DOWN: 'down',
+ LEFT: "left",
+ RIGHT: "right",
+ UP: "up",
+ DOWN: "down",
isOpen: false,
- keyBuffer: '',
+ keyBuffer: "",
keyBufferTime: 500,
keyBufferTimeoutEvent: false,
- dropdownHeightFactor: 0.90,
+ dropdownHeightFactor: 0.9,
initialized: false,
- init: function() {
+ init: function () {
this.directionCodes = {
- 'left': this.LEFT,
- 'right': this.RIGHT,
- 'up': this.UP,
- 'pageup': this.UP,
- 'down': this.DOWN,
- 'pagedown': this.DOWN,
- '+': this.RIGHT,
- '-': this.LEFT,
+ left: this.LEFT,
+ right: this.RIGHT,
+ up: this.UP,
+ pageup: this.UP,
+ down: this.DOWN,
+ pagedown: this.DOWN,
+ "+": this.RIGHT,
+ "-": this.LEFT,
};
this.initDrawer();
- var $clickZones = $('.o_main, ' +
- 'a.oe_menu_leaf, ' +
- 'a.oe_menu_toggler'
- );
+ var $clickZones = $(".o_main, " + "a.oe_menu_leaf, " + "a.oe_menu_toggler");
$clickZones.click($.proxy(this.handleClickZones, this));
- core.bus.on('resize', this, this.handleWindowResize);
- core.bus.on('keydown', this, this.handleNavKeys);
+ core.bus.on("resize", this, this.handleWindowResize);
+ core.bus.on("keydown", this, this.handleNavKeys);
},
// It provides initialization handlers for Drawer
- initDrawer: function() {
- this.$el = $('.drawer');
+ initDrawer: function () {
+ this.$el = $(".drawer");
this.$el.drawer();
- this.$el.one('drawer.opened', $.proxy(this.onDrawerOpen, this));
- this.$el.on('drawer.opened', function setIScrollProbes(){
- var onIScroll = function() {
- var transform = (this.iScroll.y) ? this.iScroll.y * -1 : 0;
- $(this).find('#appDrawerAppPanelHead').css(
- 'transform', 'matrix(1, 0, 0, 1, 0, ' + transform + ')'
- );
+ this.$el.one("drawer.opened", $.proxy(this.onDrawerOpen, this));
+ this.$el.on("drawer.opened", function setIScrollProbes() {
+ var onIScroll = function () {
+ var transform = this.iScroll.y ? this.iScroll.y * -1 : 0;
+ $(this)
+ .find("#appDrawerAppPanelHead")
+ .css("transform", "matrix(1, 0, 0, 1, 0, " + transform + ")");
};
this.iScroll.options.probeType = 2;
- this.iScroll.on('scroll', $.proxy(onIScroll, this));
+ this.iScroll.on("scroll", $.proxy(onIScroll, this));
});
this.initialized = true;
},
// It provides handlers to hide drawer when "unfocused"
- handleClickZones: function() {
- this.$el.drawer('close');
- $('.o_sub_menu_content')
- .parent()
- .collapse('hide');
+ handleClickZones: function () {
+ this.$el.drawer("close");
+ $(".o_sub_menu_content").parent().collapse("hide");
},
// It resizes bootstrap dropdowns for screen
- handleWindowResize: function() {
- $('.dropdown-scrollable').css(
- 'max-height', $(window).height() * this.dropdownHeightFactor
+ handleWindowResize: function () {
+ $(".dropdown-scrollable").css(
+ "max-height",
+ $(window).height() * this.dropdownHeightFactor
);
},
// It provides keyboard shortcuts for app drawer nav
- handleNavKeys: function(e) {
- if (!this.isOpen){
+ handleNavKeys: function (e) {
+ if (!this.isOpen) {
return;
}
var directionCode = $.hotkeys.specialKeys[e.keyCode.toString()];
if (Object.keys(this.directionCodes).indexOf(directionCode) !== -1) {
var $link = this.findAdjacentAppLink(
- this.$el.find('a:first, a:focus').last(),
+ this.$el.find("a:first, a:focus").last(),
this.directionCodes[directionCode]
);
this.selectAppLink($link);
- } else if ($.hotkeys.specialKeys[e.keyCode.toString()] == 'esc') {
+ } else if ($.hotkeys.specialKeys[e.keyCode.toString()] == "esc") {
this.handleClickZones();
} else {
var buffer = this.handleKeyBuffer(e.keyCode);
@@ -148,7 +140,7 @@ odoo.define('web_responsive', function(require) {
/* It adds to keybuffer, sets expire timer, and returns buffer
* @returns str of current buffer
*/
- handleKeyBuffer: function(keyCode) {
+ handleKeyBuffer: function (keyCode) {
this.keyBuffer += String.fromCharCode(keyCode);
if (this.keyBufferTimeoutEvent) {
clearTimeout(this.keyBufferTimeoutEvent);
@@ -160,17 +152,17 @@ odoo.define('web_responsive', function(require) {
return this.keyBuffer;
},
- clearKeyBuffer: function() {
- this.keyBuffer = '';
+ clearKeyBuffer: function () {
+ this.keyBuffer = "";
},
/* It performs close actions
* @fires ``drawer.closed`` to the ``core.bus``
* @listens ``drawer.opened`` and sends to onDrawerOpen
*/
- onDrawerClose: function() {
- core.bus.trigger('drawer.closed');
- this.$el.one('drawer.opened', $.proxy(this.onDrawerOpen, this));
+ onDrawerClose: function () {
+ core.bus.trigger("drawer.closed");
+ this.$el.one("drawer.opened", $.proxy(this.onDrawerOpen, this));
this.isOpen = false;
// Remove inline style inserted by drawer.js
this.$el.css("overflow", "");
@@ -180,16 +172,16 @@ odoo.define('web_responsive', function(require) {
* @fires ``drawer.opened`` to the ``core.bus``
* @listens ``drawer.closed`` and sends to :meth:``onDrawerClose``
*/
- onDrawerOpen: function() {
- this.$appLinks = $('.app-drawer-icon-app').parent();
+ onDrawerOpen: function () {
+ this.$appLinks = $(".app-drawer-icon-app").parent();
this.selectAppLink($(this.$appLinks[0]));
- this.$el.one('drawer.closed', $.proxy(this.onDrawerClose, this));
- core.bus.trigger('drawer.opened');
+ this.$el.one("drawer.closed", $.proxy(this.onDrawerClose, this));
+ core.bus.trigger("drawer.opened");
this.isOpen = true;
},
// It selects an app link visibly
- selectAppLink: function($appLink) {
+ selectAppLink: function ($appLink) {
if ($appLink) {
$appLink.focus();
}
@@ -199,10 +191,12 @@ odoo.define('web_responsive', function(require) {
* @param query str to search
* @return jQuery obj
*/
- searchAppLinks: function(query) {
- return this.$appLinks.filter(function() {
- return $(this).data('menuName').toUpperCase().startsWith(query);
- }).first();
+ searchAppLinks: function (query) {
+ return this.$appLinks
+ .filter(function () {
+ return $(this).data("menuName").toUpperCase().startsWith(query);
+ })
+ .first();
},
/* It returns the link adjacent to $appLink in provided direction.
@@ -217,12 +211,11 @@ odoo.define('web_responsive', function(require) {
* @param direction str of direction to go (constants LEFT, UP, etc.)
* @return jQuery obj for adjacent applink
*/
- findAdjacentAppLink: function($appLink, direction) {
-
+ findAdjacentAppLink: function ($appLink, direction) {
var obj = [],
$objs = this.$appLinks;
- switch(direction){
+ switch (direction) {
case this.LEFT:
obj = $objs[$objs.index($appLink) - 1];
if (!obj) {
@@ -256,7 +249,6 @@ odoo.define('web_responsive', function(require) {
}
return $(obj);
-
},
/* It returns els in the same row
@@ -264,12 +256,12 @@ odoo.define('web_responsive', function(require) {
* @param $grid jQuery objects representing grid
* @return $objs jQuery objects of row
*/
- getRowObjs: function($obj, $grid) {
+ getRowObjs: function ($obj, $grid) {
// Filter by object which middle lies within left/right bounds
function filterWithin(left, right) {
- return function() {
+ return function () {
var $this = $(this),
- thisMiddle = $this.offset().left + ($this.width() / 2);
+ thisMiddle = $this.offset().left + $this.width() / 2;
return thisMiddle >= left && thisMiddle <= right;
};
}
@@ -277,18 +269,16 @@ odoo.define('web_responsive', function(require) {
right = left + $obj.outerWidth();
return $grid.filter(filterWithin(left, right));
},
-
});
// It inits a new AppDrawer when the web client is ready
- core.bus.on('web_client_ready', null, function () {
+ core.bus.on("web_client_ready", null, function () {
new AppDrawer();
});
return {
- 'AppDrawer': AppDrawer,
- 'SearchView': SearchView,
- 'Menu': Menu,
+ AppDrawer: AppDrawer,
+ SearchView: SearchView,
+ Menu: Menu,
};
-
});
diff --git a/backend_theme/static/src/less/app_drawer.less b/backend_theme/static/src/less/app_drawer.less
index 135551e6f..8883de32e 100644
--- a/backend_theme/static/src/less/app_drawer.less
+++ b/backend_theme/static/src/less/app_drawer.less
@@ -6,11 +6,11 @@
background-color: @dropdown-bg;
border: 0px solid @dropdown-fallback-border; // IE8 fallback
border: 0px solid @dropdown-border;
- border-radius: 0px !important;
-// -webkit-border-radius: @border-radius-base;
-// -moz-border-radius: @border-radius-base;
- border-radius: @border-radius-base;
-// .box-shadow(0 6px 12px rgba(0, 0, 0, .175));
+ border-radius: 0px !important;
+ // -webkit-border-radius: @border-radius-base;
+ // -moz-border-radius: @border-radius-base;
+ border-radius: @border-radius-base;
+ // .box-shadow(0 6px 12px rgba(0, 0, 0, .175));
background-clip: padding-box;
.navbar-left {
@@ -48,7 +48,6 @@
width: 100%;
z-index: 9999;
}
-
}
.drawer-nav {
@@ -108,15 +107,15 @@
}
.app-drawer-toggle.navbar-toggle {
-// background-color: #ee3366;
+ // background-color: #ee3366;
background-color: @brand-primary;
margin-left: 1em;
}
// Add background image
-.drawer-nav{
- //background: transparent url('/backend_theme/static/src/img/material-background.jpg') no-repeat scroll center center / cover;
- background-color: rgba(33, 30, 30, 0.95);
+.drawer-nav {
+ //background: transparent url('/backend_theme/static/src/img/material-background.jpg') no-repeat scroll center center / cover;
+ background-color: rgba(33, 30, 30, 0.95);
}
.app-drawer-nav .app-drawer-title {
@@ -144,26 +143,31 @@
padding-bottom: 5px;
}
-.o_form_view ul.oe_form_status li:first-child > .label, .o_form_view ul.oe_form_status_clickable li:first-child > .label {
+.o_form_view ul.oe_form_status li:first-child > .label,
+.o_form_view ul.oe_form_status_clickable li:first-child > .label {
border-left: none;
}
-.o_form_view ul.oe_form_status li > .arrow span, .o_form_view ul.oe_form_status_clickable li > .arrow span {
+.o_form_view ul.oe_form_status li > .arrow span,
+.o_form_view ul.oe_form_status_clickable li > .arrow span {
background-image: none;
background-color: #fff;
}
-.o_form_view ul.oe_form_status li.oe_active > .arrow span, .o_form_view ul.oe_form_status_clickable li.oe_active > .arrow span {
+.o_form_view ul.oe_form_status li.oe_active > .arrow span,
+.o_form_view ul.oe_form_status_clickable li.oe_active > .arrow span {
background-image: none;
background-color: @brand-primary;
}
-.o_form_view ul.oe_form_status li, .o_form_view ul.oe_form_status_clickable li {
+.o_form_view ul.oe_form_status li,
+.o_form_view ul.oe_form_status_clickable li {
background-image: none;
background-color: #fff;
}
-.o_form_view ul.oe_form_status li.oe_active, .o_form_view ul.oe_form_status_clickable li.oe_active {
+.o_form_view ul.oe_form_status li.oe_active,
+.o_form_view ul.oe_form_status_clickable li.oe_active {
background-image: none;
background-color: @brand-primary;
}
@@ -187,24 +191,24 @@
color: #fff;
}
-@media (max-width: 507px){
- .o_control_panel .o_cp_left {
- width: 100%;
- float: left;
- }
+@media (max-width: 507px) {
+ .o_control_panel .o_cp_left {
+ width: 100%;
+ float: left;
+ }
}
-@media (max-width: 507px){
- .o_control_panel .o_cp_right {
- width: 100%;
- float: right;
- }
+@media (max-width: 507px) {
+ .o_control_panel .o_cp_right {
+ width: 100%;
+ float: right;
+ }
}
input:not([type="radio"]):not([type="checkbox"]) {
- min-width: 110px;
+ min-width: 110px;
}
select {
- min-width: 110px;
+ min-width: 110px;
}
diff --git a/backend_theme/static/src/less/bootswatch/bootswatch.less b/backend_theme/static/src/less/bootswatch/bootswatch.less
index e74443d62..6b9c64f33 100644
--- a/backend_theme/static/src/less/bootswatch/bootswatch.less
+++ b/backend_theme/static/src/less/bootswatch/bootswatch.less
@@ -1,60 +1,54 @@
-// United 3.3.5
-// Bootswatch
-// -----------------------------------------------------
-
-// @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
-
-@font-face {
- font-family: Roboto;
- src: url(/backend_theme/static/src/font/Roboto-Regular.ttf)
-}
-
-// Navbar =====================================================================
-
-.navbar {
-
- &-default {
-
- .badge {
- background-color: #fff;
- color: @navbar-default-bg;
- }
- }
-
- &-inverse {
-
- .badge {
- background-color: #fff;
- color: @navbar-inverse-bg;
- }
- }
-}
-
-@media (max-width: @grid-float-breakpoint-max) {
-
- .navbar {
-
- .dropdown-menu {
- a {
- color: #fff;
- }
- }
- }
-}
-
-
-// Buttons ====================================================================
-
-// Typography =================================================================
-
-// Tables =====================================================================
-
-// Forms ======================================================================
-
-// Navs =======================================================================
-
-// Indicators =================================================================
-
-// Progress bars ==============================================================
-
-// Containers =================================================================
\ No newline at end of file
+// United 3.3.5
+// Bootswatch
+// -----------------------------------------------------
+
+// @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
+
+@font-face {
+ font-family: Roboto;
+ src: url(/backend_theme/static/src/font/Roboto-Regular.ttf);
+}
+
+// Navbar =====================================================================
+
+.navbar {
+ &-default {
+ .badge {
+ background-color: #fff;
+ color: @navbar-default-bg;
+ }
+ }
+
+ &-inverse {
+ .badge {
+ background-color: #fff;
+ color: @navbar-inverse-bg;
+ }
+ }
+}
+
+@media (max-width: @grid-float-breakpoint-max) {
+ .navbar {
+ .dropdown-menu {
+ a {
+ color: #fff;
+ }
+ }
+ }
+}
+
+// Buttons ====================================================================
+
+// Typography =================================================================
+
+// Tables =====================================================================
+
+// Forms ======================================================================
+
+// Navs =======================================================================
+
+// Indicators =================================================================
+
+// Progress bars ==============================================================
+
+// Containers =================================================================
diff --git a/backend_theme/static/src/less/bootswatch/style.less b/backend_theme/static/src/less/bootswatch/style.less
index deff7dd49..ba711f392 100644
--- a/backend_theme/static/src/less/bootswatch/style.less
+++ b/backend_theme/static/src/less/bootswatch/style.less
@@ -1,143 +1,152 @@
-// Put Loading indicator in the right bottom of the screen
-.o_loading {
- background-color: darken(@brand-primary, 13.5%) !important;
- top: inherit;
- bottom: 0;
- right: 0;
- padding: 5px 50px;
- border-radius: 0 !important;
- opacity: 0.8;
-}
-
-// Font
-
-.ui-autocomplete
-{
- font-family: @font-family-sans-serif;
-}
-
-
-// Navbar =========================================
-#oe_main_menu_navbar {
- .box-shadow(0px 0px 8px #666666);
- border: none;
- .navbar-collapse {
- padding-right: 16px;
- padding-left: 16px;
- }
-}
-
-#oe_main_menu_navbar,
-.navbar-nav {
- li {
- a, button {
- font-size: 13px !important;
- // padding: 14px 10px !important;
- margin-top: 0 !important;
- line-height: 21px !important;
- }
- }
- .dropdown-menu {
- li {
- a, button {
- padding: 4px 10px !important;
- font-size: 13px !important;
- }
- }
- }
-}
-
-// Align green progress indicator
-#oe_main_menu_navbar .o_planner_systray > .progress {
- margin-top: 18px !important;
-}
-
-// Add some space in button groups
-//.btn-group > .btn, .btn-group-vertical > .btn {
-// float: left;
-// margin: 3px;
-// position: relative;
-//}
-
-// =========================================
-// Make formwidth relative to screen
-
-.o_form_view .o_form_sheet_bg .o_form_sheet {
- max-width: 90% !important;
-}
-
-
-// Kanban
-
-//Project
-.o_kanban_view.o_kanban_dashboard.o_project_kanban .o_project_kanban_boxes .o_project_kanban_box:nth-child(2n+1) {
- background-color: @brand-primary !important;
- }
-
-// Search filter
-
-.o_searchview .o_searchview_facet .o_searchview_facet_label {
- background-color: @brand-primary;
- }
-
-
-.o_primary {
- color: @brand-primary;
- }
-
-.o_kanban_view.o_kanban_dashboard.o_salesteam_kanban .o_sales_dashboard > div > table > tbody > tr > td.o_main {
- background-color: @brand-primary !important;
- }
-
-// Input field
-
-input[type="text"], input[type="password"], input[type="number"],
-textarea, select, .o_form_view.o_form_editable .o_form_field_many2manytags,
-.o_searchview
-{
- border: 0;
- border-radius: 0;
- border-bottom: 1px solid #ccc;
-}
-
-.o_web_client input:focus, .o_web_client textarea:focus, .o_web_client select:focus {
- outline: none;
- border-bottom: 2px solid @brand-info;
-}
-
-// Control panel
-
-.breadcrumb {
- background-color: transparent;
-}
-
-// Make lookup button background transparent
-.o_form_view .o_form_field.o_form_field_many2one .o_external_button {
- background-color: transparent;
-}
-
-
-// Explorer 11 fix to use fullscreen
-
-@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-
- .oe-view-manager-view-kanban, .oe-view-manager-view-form, .oe-view-manager-view-list, .oe-view-manager-view-calendar, .oe-view-manager-view-pivot, .oe-view-manager-view-graph {
- width: 100% !important;
- }
-
- // Fix user preference height
- .modal .modal-content .modal-body .oe-view-manager-content {
- position: static;
- height: 400px;
- }
-
- // Fix salesboard width
- .oe-view-manager-view-sales_team_dashboard {
- width: 100%;
- }
-
-}
-
-
-
-
+// Put Loading indicator in the right bottom of the screen
+.o_loading {
+ background-color: darken(@brand-primary, 13.5%) !important;
+ top: inherit;
+ bottom: 0;
+ right: 0;
+ padding: 5px 50px;
+ border-radius: 0 !important;
+ opacity: 0.8;
+}
+
+// Font
+
+.ui-autocomplete {
+ font-family: @font-family-sans-serif;
+}
+
+// Navbar =========================================
+#oe_main_menu_navbar {
+ .box-shadow(0px 0px 8px #666666);
+ border: none;
+ .navbar-collapse {
+ padding-right: 16px;
+ padding-left: 16px;
+ }
+}
+
+#oe_main_menu_navbar,
+.navbar-nav {
+ li {
+ a,
+ button {
+ font-size: 13px !important;
+ // padding: 14px 10px !important;
+ margin-top: 0 !important;
+ line-height: 21px !important;
+ }
+ }
+ .dropdown-menu {
+ li {
+ a,
+ button {
+ padding: 4px 10px !important;
+ font-size: 13px !important;
+ }
+ }
+ }
+}
+
+// Align green progress indicator
+#oe_main_menu_navbar .o_planner_systray > .progress {
+ margin-top: 18px !important;
+}
+
+// Add some space in button groups
+//.btn-group > .btn, .btn-group-vertical > .btn {
+// float: left;
+// margin: 3px;
+// position: relative;
+//}
+
+// =========================================
+// Make formwidth relative to screen
+
+.o_form_view .o_form_sheet_bg .o_form_sheet {
+ max-width: 90% !important;
+}
+
+// Kanban
+
+//Project
+.o_kanban_view.o_kanban_dashboard.o_project_kanban
+ .o_project_kanban_boxes
+ .o_project_kanban_box:nth-child(2n + 1) {
+ background-color: @brand-primary !important;
+}
+
+// Search filter
+
+.o_searchview .o_searchview_facet .o_searchview_facet_label {
+ background-color: @brand-primary;
+}
+
+.o_primary {
+ color: @brand-primary;
+}
+
+.o_kanban_view.o_kanban_dashboard.o_salesteam_kanban
+ .o_sales_dashboard
+ > div
+ > table
+ > tbody
+ > tr
+ > td.o_main {
+ background-color: @brand-primary !important;
+}
+
+// Input field
+
+input[type="text"],
+input[type="password"],
+input[type="number"],
+textarea,
+select,
+.o_form_view.o_form_editable .o_form_field_many2manytags,
+.o_searchview {
+ border: 0;
+ border-radius: 0;
+ border-bottom: 1px solid #ccc;
+}
+
+.o_web_client input:focus,
+.o_web_client textarea:focus,
+.o_web_client select:focus {
+ outline: none;
+ border-bottom: 2px solid @brand-info;
+}
+
+// Control panel
+
+.breadcrumb {
+ background-color: transparent;
+}
+
+// Make lookup button background transparent
+.o_form_view .o_form_field.o_form_field_many2one .o_external_button {
+ background-color: transparent;
+}
+
+// Explorer 11 fix to use fullscreen
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ .oe-view-manager-view-kanban,
+ .oe-view-manager-view-form,
+ .oe-view-manager-view-list,
+ .oe-view-manager-view-calendar,
+ .oe-view-manager-view-pivot,
+ .oe-view-manager-view-graph {
+ width: 100% !important;
+ }
+
+ // Fix user preference height
+ .modal .modal-content .modal-body .oe-view-manager-content {
+ position: static;
+ height: 400px;
+ }
+
+ // Fix salesboard width
+ .oe-view-manager-view-sales_team_dashboard {
+ width: 100%;
+ }
+}
diff --git a/backend_theme/static/src/less/bootswatch/variables.less b/backend_theme/static/src/less/bootswatch/variables.less
index 2d1fe859b..ab443d9a3 100644
--- a/backend_theme/static/src/less/bootswatch/variables.less
+++ b/backend_theme/static/src/less/bootswatch/variables.less
@@ -1,839 +1,808 @@
-// United 3.3.5
-// Variables
-// --------------------------------------------------
-
-
-//== Colors
-//
-//## Gray and brand colors for use across Bootstrap.
-
-@gray-base: #000;
-@gray-darker: lighten(@gray-base, 13.5%); // #222
-@gray-dark: #333; // #333
-@gray: #777; // #555
-@gray-light: #AEA79F; // #999
-@gray-lighter: lighten(@gray-base, 93.5%); // #eee
-
-//@brand-primary: #337AB7;
-@brand-primary: #7c7bad;
-@brand-success: #38B44A;
-@brand-info: #337AB7; // same color als primary
-@brand-warning: #EFB73E;
-@brand-danger: #DF382C;
-
-
-//== Scaffolding
-//
-//## Settings for some of the most global styles.
-
-//** Background color for ``.
-@body-bg: #fff;
-//** Global text color on ``.
-@text-color: @gray-dark;
-
-//** Global textual link color.
-@link-color: @brand-primary;
-//** Link hover color set via `darken()` function.
-@link-hover-color: darken(@link-color, 15%);
-//** Link hover decoration.
-@link-hover-decoration: underline;
-
-
-//== Typography
-//
-//## Font, line-height, and color for body text, headings, and more.
-
-@font-family-sans-serif: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
-@font-family-serif: Georgia, "Times New Roman", Times, serif;
-//** Default monospace fonts for `
`, ``, and ``.
-@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
-@font-family-base: @font-family-sans-serif;
-
-@font-size-base: 13px;
-@font-size-large: ceil((@font-size-base * 1.25)); // ~18px
-@font-size-small: ceil((@font-size-base * 0.85)); // ~12px
-
-@font-size-h1: floor((@font-size-base * 2.6)); // ~36px
-@font-size-h2: floor((@font-size-base * 2.15)); // ~30px
-@font-size-h3: ceil((@font-size-base * 1.7)); // ~24px
-@font-size-h4: ceil((@font-size-base * 1.25)); // ~18px
-@font-size-h5: @font-size-base;
-@font-size-h6: ceil((@font-size-base * 0.85)); // ~12px
-
-//** Unit-less `line-height` for use in components like buttons.
-@line-height-base: 1.428571429; // 20/14
-//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
-@line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px
-
-//** By default, this inherits from the ``.
-@headings-font-family: @font-family-base;
-@headings-font-weight: 500;
-@headings-line-height: 1.1;
-@headings-color: inherit;
-
-
-//== Iconography
-//
-//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
-
-//** Load fonts from this directory.
-@icon-font-path: "../fonts/";
-//** File name for all font files.
-@icon-font-name: "glyphicons-halflings-regular";
-//** Element ID within SVG icon file.
-@icon-font-svg-id: "glyphicons_halflingsregular";
-
-
-//== Components
-//
-//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
-
-@padding-base-vertical: 8px;
-@padding-base-horizontal: 12px;
-
-@padding-large-vertical: 14px;
-@padding-large-horizontal: 16px;
-
-@padding-small-vertical: 5px;
-@padding-small-horizontal: 10px;
-
-@padding-xs-vertical: 1px;
-@padding-xs-horizontal: 5px;
-
-@line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome
-@line-height-small: 1.5;
-
-@border-radius-base: 4px;
-@border-radius-large: 6px;
-@border-radius-small: 3px;
-
-//** Global color for active items (e.g., navs or dropdowns).
-@component-active-color: #fff;
-//** Global background color for active items (e.g., navs or dropdowns).
-@component-active-bg: @brand-primary;
-
-//** Width of the `border` for generating carets that indicator dropdowns.
-@caret-width-base: 4px;
-//** Carets increase slightly in size for larger components.
-@caret-width-large: 5px;
-
-
-//== Tables
-//
-//## Customizes the `.table` component with basic values, each used across all table variations.
-
-//** Padding for ``s and ` `s.
-@table-cell-padding: 8px;
-//** Padding for cells in `.table-condensed`.
-@table-condensed-cell-padding: 5px;
-
-//** Default background color used for all tables.
-@table-bg: transparent;
-//** Background color used for `.table-striped`.
-@table-bg-accent: #f9f9f9;
-//** Background color used for `.table-hover`.
-@table-bg-hover: #f5f5f5;
-@table-bg-active: @table-bg-hover;
-
-//** Border color for table and cell borders.
-@table-border-color: #ddd;
-
-
-//== Buttons
-//
-//## For each of Bootstrap's buttons, define text, background and border color.
-
-@btn-font-weight: normal;
-
-@btn-default-color: #333333;
-@btn-default-bg: #fff;//@gray-light;
-@btn-default-border: #ccc;//@btn-default-bg;
-
-@btn-primary-color: #fff;
-@btn-primary-bg: @brand-primary;
-@btn-primary-border: @btn-primary-bg;
-
-@btn-success-color: @btn-default-color;
-@btn-success-bg: @brand-success;
-@btn-success-border: @btn-success-bg;
-
-@btn-info-color: @btn-default-color;
-@btn-info-bg: @brand-info;
-@btn-info-border: @btn-info-bg;
-
-@btn-warning-color: @btn-default-color;
-@btn-warning-bg: @brand-warning;
-@btn-warning-border: @btn-warning-bg;
-
-@btn-danger-color: @btn-default-color;
-@btn-danger-bg: @brand-danger;
-@btn-danger-border: @btn-danger-bg;
-
-@btn-link-disabled-color: @gray-light;
-
-// Allows for customizing button radius independently from global border radius
-@btn-border-radius-base: @border-radius-base;
-@btn-border-radius-large: @border-radius-large;
-@btn-border-radius-small: @border-radius-small;
-
-
-//== Forms
-//
-//##
-
-//** ` ` background color
-@input-bg: #fff;
-//** ` ` background color
-@input-bg-disabled: @gray-lighter;
-
-//** Text color for ` `s
-@input-color: @text-color;
-//** ` ` border color
-@input-border: #ccc;
-
-// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
-//** Default `.form-control` border radius
-// This has no effect on ``s in some browsers, due to the limited stylability of ``s in CSS.
-@input-border-radius: @border-radius-base;
-//** Large `.form-control` border radius
-@input-border-radius-large: @border-radius-large;
-//** Small `.form-control` border radius
-@input-border-radius-small: @border-radius-small;
-
-//** Border color for inputs on focus
-@input-border-focus: #66afe9;
-
-//** Placeholder text color
-@input-color-placeholder: @gray-light;
-
-//** Default `.form-control` height
-@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
-//** Large `.form-control` height
-@input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
-//** Small `.form-control` height
-@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
-
-//** `.form-group` margin
-@form-group-margin-bottom: 15px;
-
-@legend-color: @text-color;
-@legend-border-color: #e5e5e5;
-
-//** Background color for textual input addons
-@input-group-addon-bg: @gray-lighter;
-//** Border color for textual input addons
-@input-group-addon-border-color: @input-border;
-
-//** Disabled cursor for form controls and buttons.
-@cursor-disabled: not-allowed;
-
-
-//== Dropdowns
-//
-//## Dropdown menu container and contents.
-
-//** Background for the dropdown menu.
-@dropdown-bg: #fff;
-//** Dropdown menu `border-color`.
-@dropdown-border: rgba(0,0,0,.15);
-//** Dropdown menu `border-color` **for IE8**.
-@dropdown-fallback-border: #ccc;
-//** Divider color for between dropdown items.
-@dropdown-divider-bg: #e5e5e5;
-
-//** Dropdown link text color.
-@dropdown-link-color: @gray-dark;
-//** Hover color for dropdown links.
-@dropdown-link-hover-color: #fff;
-//** Hover background for dropdown links.
-@dropdown-link-hover-bg: @component-active-bg;
-
-//** Active dropdown menu item text color.
-@dropdown-link-active-color: #fff;
-//** Active dropdown menu item background color.
-@dropdown-link-active-bg: @component-active-bg;
-
-//** Disabled dropdown menu item background color.
-@dropdown-link-disabled-color: @gray-light;
-
-//** Text color for headers within dropdown menus.
-@dropdown-header-color: @gray-light;
-
-//** Deprecated `@dropdown-caret-color` as of v3.1.0
-@dropdown-caret-color: #000;
-
-
-//-- Z-index master list
-//
-// Warning: Avoid customizing these values. They're used for a bird's eye view
-// of components dependent on the z-axis and are designed to all work together.
-//
-// Note: These variables are not generated into the Customizer.
-
-@zindex-navbar: 1000;
-@zindex-dropdown: 1000;
-@zindex-popover: 1060;
-@zindex-tooltip: 1070;
-@zindex-navbar-fixed: 1030;
-@zindex-modal-background: 1040;
-@zindex-modal: 1050;
-
-
-//== Media queries breakpoints
-//
-//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
-
-// Extra small screen / phone
-//** Deprecated `@screen-xs` as of v3.0.1
-@screen-xs: 480px;
-//** Deprecated `@screen-xs-min` as of v3.2.0
-@screen-xs-min: @screen-xs;
-//** Deprecated `@screen-phone` as of v3.0.1
-@screen-phone: @screen-xs-min;
-
-// Small screen / tablet
-//** Deprecated `@screen-sm` as of v3.0.1
-@screen-sm: 768px;
-@screen-sm-min: @screen-sm;
-//** Deprecated `@screen-tablet` as of v3.0.1
-@screen-tablet: @screen-sm-min;
-
-// Medium screen / desktop
-//** Deprecated `@screen-md` as of v3.0.1
-@screen-md: 992px;
-@screen-md-min: @screen-md;
-//** Deprecated `@screen-desktop` as of v3.0.1
-@screen-desktop: @screen-md-min;
-
-// Large screen / wide desktop
-//** Deprecated `@screen-lg` as of v3.0.1
-@screen-lg: 1200px;
-@screen-lg-min: @screen-lg;
-//** Deprecated `@screen-lg-desktop` as of v3.0.1
-@screen-lg-desktop: @screen-lg-min;
-
-// So media queries don't overlap when required, provide a maximum
-@screen-xs-max: (@screen-sm-min - 1);
-@screen-sm-max: (@screen-md-min - 1);
-@screen-md-max: (@screen-lg-min - 1);
-
-
-//== Grid system
-//
-//## Define your custom responsive grid.
-
-//** Number of columns in the grid.
-@grid-columns: 12;
-//** Padding between columns. Gets divided in half for the left and right.
-@grid-gutter-width: 30px;
-// Navbar collapse
-//** Point at which the navbar becomes uncollapsed.
-@grid-float-breakpoint: @screen-sm-min;
-//** Point at which the navbar begins collapsing.
-@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
-
-
-//== Container sizes
-//
-//## Define the maximum width of `.container` for different screen sizes.
-
-// Small screen / tablet
-@container-tablet: (720px + @grid-gutter-width);
-//** For `@screen-sm-min` and up.
-@container-sm: @container-tablet;
-
-// Medium screen / desktop
-@container-desktop: (940px + @grid-gutter-width);
-//** For `@screen-md-min` and up.
-@container-md: @container-desktop;
-
-// Large screen / wide desktop
-@container-large-desktop: (1140px + @grid-gutter-width);
-//** For `@screen-lg-min` and up.
-@container-lg: @container-large-desktop;
-
-
-//== Navbar
-//
-//##
-
-// Basics of a navbar
-@navbar-height: 50px;
-@navbar-margin-bottom: @line-height-computed;
-@navbar-border-radius: @border-radius-base;
-@navbar-padding-horizontal: floor((@grid-gutter-width / 2));
-@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
-@navbar-collapse-max-height: 340px;
-
-@navbar-default-color: #fff;
-@navbar-default-bg: @brand-primary;
-@navbar-default-border: @brand-primary;
-
-// Navbar links
-@navbar-default-link-color: #fff;
-@navbar-default-link-hover-color: #fff;
-@navbar-default-link-hover-bg: @brand-primary;
-@navbar-default-link-active-color: #fff;
-@navbar-default-link-active-bg: @brand-primary;
-@navbar-default-link-disabled-color: #ccc;
-@navbar-default-link-disabled-bg: transparent;
-
-// Navbar brand label
-@navbar-default-brand-color: #fff;
-@navbar-default-brand-hover-color: #fff;
-@navbar-default-brand-hover-bg: none;
-
-// Navbar toggle
-@navbar-default-toggle-hover-bg: @brand-primary;
-@navbar-default-toggle-icon-bar-bg: #fff;
-@navbar-default-toggle-border-color: @brand-primary;
-
-
-//=== Inverted navbar
-// Reset inverted navbar basics
-@navbar-inverse-color: #fff;
-@navbar-inverse-bg: @brand-info;
-@navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
-
-// Inverted navbar links
-@navbar-inverse-link-color: #fff;
-@navbar-inverse-link-hover-color: #fff;
-@navbar-inverse-link-hover-bg: darken(@navbar-inverse-bg, 15%);
-@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
-@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%);
-@navbar-inverse-link-disabled-color: #ccc;
-@navbar-inverse-link-disabled-bg: transparent;
-
-// Inverted navbar brand label
-@navbar-inverse-brand-color: @navbar-inverse-link-color;
-@navbar-inverse-brand-hover-color: #fff;
-@navbar-inverse-brand-hover-bg: none;
-
-// Inverted navbar toggle
-@navbar-inverse-toggle-hover-bg: darken(@navbar-inverse-bg, 15%);
-@navbar-inverse-toggle-icon-bar-bg: #fff;
-@navbar-inverse-toggle-border-color: darken(@navbar-inverse-bg, 15%);
-
-
-//== Navs
-//
-//##
-
-//=== Shared nav styles
-@nav-link-padding: 10px 15px;
-@nav-link-hover-bg: @gray-lighter;
-
-@nav-disabled-link-color: @gray-light;
-@nav-disabled-link-hover-color: @gray-light;
-
-//== Tabs
-@nav-tabs-border-color: #ddd;
-
-@nav-tabs-link-hover-border-color: @gray-lighter;
-
-@nav-tabs-active-link-hover-bg: @body-bg;
-@nav-tabs-active-link-hover-color: @gray;
-@nav-tabs-active-link-hover-border-color: #ddd;
-
-@nav-tabs-justified-link-border-color: #ddd;
-@nav-tabs-justified-active-link-border-color: @body-bg;
-
-//== Pills
-@nav-pills-border-radius: @border-radius-base;
-@nav-pills-active-link-hover-bg: @component-active-bg;
-@nav-pills-active-link-hover-color: @component-active-color;
-
-
-//== Pagination
-//
-//##
-
-@pagination-color: @link-color;
-@pagination-bg: #fff;
-@pagination-border: #ddd;
-
-@pagination-hover-color: @link-hover-color;
-@pagination-hover-bg: @gray-lighter;
-@pagination-hover-border: #ddd;
-
-@pagination-active-color: @gray-light;
-@pagination-active-bg: #f5f5f5;
-@pagination-active-border: #ddd;
-
-@pagination-disabled-color: @gray-light;
-@pagination-disabled-bg: #fff;
-@pagination-disabled-border: #ddd;
-
-
-//== Pager
-//
-//##
-
-@pager-bg: @pagination-bg;
-@pager-border: @pagination-border;
-@pager-border-radius: 15px;
-
-@pager-hover-bg: @pagination-hover-bg;
-
-@pager-active-bg: @pagination-active-bg;
-@pager-active-color: @pagination-active-color;
-
-@pager-disabled-color: @gray-light;
-
-
-//== Jumbotron
-//
-//##
-
-@jumbotron-padding: 30px;
-@jumbotron-color: inherit;
-@jumbotron-bg: @gray-lighter;
-@jumbotron-heading-color: inherit;
-@jumbotron-font-size: ceil((@font-size-base * 1.5));
-@jumbotron-heading-font-size: ceil((@font-size-base * 4.5));
-
-
-//== Form states and alerts
-//
-//## Define colors for form feedback states and, by default, alerts.
-
-@state-success-text: #468847;
-@state-success-bg: #dff0d8;
-@state-success-border: darken(spin(@state-success-bg, -10), 5%);
-
-@state-info-text: #3a87ad;
-@state-info-bg: #d9edf7;
-@state-info-border: darken(spin(@state-info-bg, -10), 7%);
-
-@state-warning-text: #c09853;
-@state-warning-bg: #fcf8e3;
-@state-warning-border: darken(spin(@state-warning-bg, -10), 3%);
-
-@state-danger-text: #b94a48;
-@state-danger-bg: #f2dede;
-@state-danger-border: darken(spin(@state-danger-bg, -10), 3%);
-
-
-//== Tooltips
-//
-//##
-
-//** Tooltip max width
-@tooltip-max-width: 200px;
-//** Tooltip text color
-@tooltip-color: #fff;
-//** Tooltip background color
-@tooltip-bg: #000;
-@tooltip-opacity: .9;
-
-//** Tooltip arrow width
-@tooltip-arrow-width: 5px;
-//** Tooltip arrow color
-@tooltip-arrow-color: @tooltip-bg;
-
-
-//== Labels
-//
-//##
-
-//** Default label background color
-@label-default-bg: @btn-default-bg;
-//** 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;
-
-//** Default label text color
-@label-color: #fff;
-//** Default text color of a linked label
-@label-link-hover-color: #fff;
-
-
-//== Modals
-//
-//##
-
-//** Padding applied to the modal body
-@modal-inner-padding: 20px;
-
-//** Padding applied to the modal title
-@modal-title-padding: 15px;
-//** Modal title line-height
-@modal-title-line-height: @line-height-base;
-
-//** Background color of modal content area
-@modal-content-bg: #fff;
-//** Modal content border color
-@modal-content-border-color: rgba(0,0,0,.2);
-//** Modal content border color **for IE8**
-@modal-content-fallback-border-color: #999;
-
-//** Modal backdrop background color
-@modal-backdrop-bg: #000;
-//** Modal backdrop opacity
-@modal-backdrop-opacity: .5;
-//** Modal header border color
-@modal-header-border-color: #e5e5e5;
-//** Modal footer border color
-@modal-footer-border-color: @modal-header-border-color;
-
-@modal-lg: 900px;
-@modal-md: 600px;
-@modal-sm: 300px;
-
-
-//== Alerts
-//
-//## Define alert colors, border radius, and padding.
-
-@alert-padding: 15px;
-@alert-border-radius: @border-radius-base;
-@alert-link-font-weight: bold;
-
-@alert-success-bg: @state-success-bg;
-@alert-success-text: @state-success-text;
-@alert-success-border: @state-success-border;
-
-@alert-info-bg: @state-info-bg;
-@alert-info-text: @state-info-text;
-@alert-info-border: @state-info-border;
-
-@alert-warning-bg: @state-warning-bg;
-@alert-warning-text: @state-warning-text;
-@alert-warning-border: @state-warning-border;
-
-@alert-danger-bg: @state-danger-bg;
-@alert-danger-text: @state-danger-text;
-@alert-danger-border: @state-danger-border;
-
-
-//== Progress bars
-//
-//##
-
-//** Background color of the whole progress component
-@progress-bg: #f5f5f5;
-//** Progress bar text color
-@progress-bar-color: #fff;
-//** Variable for setting rounded corners on progress bar.
-@progress-border-radius: @border-radius-base;
-
-//** Default progress bar color
-@progress-bar-bg: @brand-primary;
-//** Success progress bar color
-@progress-bar-success-bg: @brand-success;
-//** Warning progress bar color
-@progress-bar-warning-bg: @brand-warning;
-//** Danger progress bar color
-@progress-bar-danger-bg: @brand-danger;
-//** Info progress bar color
-@progress-bar-info-bg: @brand-info;
-
-
-//== List group
-//
-//##
-
-//** Background color on `.list-group-item`
-@list-group-bg: #fff;
-//** `.list-group-item` border color
-@list-group-border: #ddd;
-//** List group border radius
-@list-group-border-radius: @border-radius-base;
-
-//** Background color of single list items on hover
-@list-group-hover-bg: #f5f5f5;
-//** Text color of active list items
-@list-group-active-color: @component-active-color;
-//** Background color of active list items
-@list-group-active-bg: @component-active-bg;
-//** Border color of active list elements
-@list-group-active-border: @list-group-active-bg;
-//** Text color for content within active list items
-@list-group-active-text-color: lighten(@list-group-active-bg, 40%);
-
-//** Text color of disabled list items
-@list-group-disabled-color: @gray-light;
-//** Background color of disabled list items
-@list-group-disabled-bg: @gray-lighter;
-//** Text color for content within disabled list items
-@list-group-disabled-text-color: @list-group-disabled-color;
-
-@list-group-link-color: #555;
-@list-group-link-hover-color: @list-group-link-color;
-@list-group-link-heading-color: #333;
-
-
-//== Panels
-//
-//##
-
-@panel-bg: #fff;
-@panel-body-padding: 15px;
-@panel-heading-padding: 10px 15px;
-@panel-footer-padding: @panel-heading-padding;
-@panel-border-radius: @border-radius-base;
-
-//** Border color for elements within panels
-@panel-inner-border: #ddd;
-@panel-footer-bg: #f5f5f5;
-
-@panel-default-text: @gray-dark;
-@panel-default-border: #ddd;
-@panel-default-heading-bg: #f5f5f5;
-
-@panel-primary-text: #fff;
-@panel-primary-border: @brand-primary;
-@panel-primary-heading-bg: @brand-primary;
-
-@panel-success-text: @state-success-text;
-@panel-success-border: @state-success-border;
-@panel-success-heading-bg: @state-success-bg;
-
-@panel-info-text: @state-info-text;
-@panel-info-border: @state-info-border;
-@panel-info-heading-bg: @state-info-bg;
-
-@panel-warning-text: @state-warning-text;
-@panel-warning-border: @state-warning-border;
-@panel-warning-heading-bg: @state-warning-bg;
-
-@panel-danger-text: @state-danger-text;
-@panel-danger-border: @state-danger-border;
-@panel-danger-heading-bg: @state-danger-bg;
-
-
-//== Thumbnails
-//
-//##
-
-//** Padding around the thumbnail image
-@thumbnail-padding: 4px;
-//** Thumbnail background color
-@thumbnail-bg: @body-bg;
-//** Thumbnail border color
-@thumbnail-border: #ddd;
-//** Thumbnail border radius
-@thumbnail-border-radius: @border-radius-base;
-
-//** Custom text color for thumbnail captions
-@thumbnail-caption-color: @text-color;
-//** Padding around the thumbnail caption
-@thumbnail-caption-padding: 9px;
-
-
-//== Wells
-//
-//##
-
-@well-bg: #f5f5f5;
-@well-border: darken(@well-bg, 7%);
-
-
-//== Badges
-//
-//##
-
-@badge-color: #fff;
-//** Linked badge text color on hover
-@badge-link-hover-color: #fff;
-@badge-bg: @gray-light;
-
-//** Badge text color in active nav link
-@badge-active-color: @link-color;
-//** Badge background color in active nav link
-@badge-active-bg: #fff;
-
-@badge-font-weight: bold;
-@badge-line-height: 1;
-@badge-border-radius: 10px;
-
-
-//== Breadcrumbs
-//
-//##
-
-@breadcrumb-padding-vertical: 8px;
-@breadcrumb-padding-horizontal: 15px;
-//** Breadcrumb background color
-@breadcrumb-bg: #f5f5f5;
-//** Breadcrumb text color
-@breadcrumb-color: #ccc;
-//** Text color of current page in the breadcrumb
-@breadcrumb-active-color: @gray-light;
-//** Textual separator for between breadcrumb elements
-@breadcrumb-separator: "/";
-
-
-//== Carousel
-//
-//##
-
-@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
-
-@carousel-control-color: #fff;
-@carousel-control-width: 15%;
-@carousel-control-opacity: .5;
-@carousel-control-font-size: 20px;
-
-@carousel-indicator-active-bg: #fff;
-@carousel-indicator-border-color: #fff;
-
-@carousel-caption-color: #fff;
-
-
-//== Close
-//
-//##
-
-@close-font-weight: bold;
-@close-color: #000;
-@close-text-shadow: 0 1px 0 #fff;
-
-
-//== Code
-//
-//##
-
-@code-color: #c7254e;
-@code-bg: #f9f2f4;
-
-@kbd-color: #fff;
-@kbd-bg: #333;
-
-@pre-bg: #f5f5f5;
-@pre-color: @gray-dark;
-@pre-border-color: #ccc;
-@pre-scrollable-max-height: 340px;
-
-
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-@component-offset-horizontal: 180px;
-//** Text muted color
-@text-muted: @gray-light;
-//** Abbreviations and acronyms border color
-@abbr-border-color: @gray-light;
-//** Headings small color
-@headings-small-color: @gray-light;
-//** Blockquote small color
-@blockquote-small-color: @gray-light;
-//** Blockquote font size
-@blockquote-font-size: (@font-size-base * 1.25);
-//** Blockquote border color
-@blockquote-border-color: @gray-lighter;
-//** Page header border color
-@page-header-border-color: @gray-lighter;
-//** Width of horizontal description list titles
-@dl-horizontal-offset: @component-offset-horizontal;
-//** Horizontal line color.
-@hr-border: @gray-lighter;
+// United 3.3.5
+// Variables
+// --------------------------------------------------
+
+//== Colors
+//
+//## Gray and brand colors for use across Bootstrap.
+
+@gray-base: #000;
+@gray-darker: lighten(@gray-base, 13.5%); // #222
+@gray-dark: #333; // #333
+@gray: #777; // #555
+@gray-light: #aea79f; // #999
+@gray-lighter: lighten(@gray-base, 93.5%); // #eee
+
+//@brand-primary: #337AB7;
+@brand-primary: #7c7bad;
+@brand-success: #38b44a;
+@brand-info: #337ab7; // same color als primary
+@brand-warning: #efb73e;
+@brand-danger: #df382c;
+
+//== Scaffolding
+//
+//## Settings for some of the most global styles.
+
+//** Background color for ``.
+@body-bg: #fff;
+//** Global text color on ``.
+@text-color: @gray-dark;
+
+//** Global textual link color.
+@link-color: @brand-primary;
+//** Link hover color set via `darken()` function.
+@link-hover-color: darken(@link-color, 15%);
+//** Link hover decoration.
+@link-hover-decoration: underline;
+
+//== Typography
+//
+//## Font, line-height, and color for body text, headings, and more.
+
+@font-family-sans-serif: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
+@font-family-serif: Georgia, "Times New Roman", Times, serif;
+//** Default monospace fonts for ``, ``, and ``.
+@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
+@font-family-base: @font-family-sans-serif;
+
+@font-size-base: 13px;
+@font-size-large: ceil((@font-size-base * 1.25)); // ~18px
+@font-size-small: ceil((@font-size-base * 0.85)); // ~12px
+
+@font-size-h1: floor((@font-size-base * 2.6)); // ~36px
+@font-size-h2: floor((@font-size-base * 2.15)); // ~30px
+@font-size-h3: ceil((@font-size-base * 1.7)); // ~24px
+@font-size-h4: ceil((@font-size-base * 1.25)); // ~18px
+@font-size-h5: @font-size-base;
+@font-size-h6: ceil((@font-size-base * 0.85)); // ~12px
+
+//** Unit-less `line-height` for use in components like buttons.
+@line-height-base: 1.428571429; // 20/14
+//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
+@line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px
+
+//** By default, this inherits from the ``.
+@headings-font-family: @font-family-base;
+@headings-font-weight: 500;
+@headings-line-height: 1.1;
+@headings-color: inherit;
+
+//== Iconography
+//
+//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
+
+//** Load fonts from this directory.
+@icon-font-path: "../fonts/";
+//** File name for all font files.
+@icon-font-name: "glyphicons-halflings-regular";
+//** Element ID within SVG icon file.
+@icon-font-svg-id: "glyphicons_halflingsregular";
+
+//== Components
+//
+//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
+
+@padding-base-vertical: 8px;
+@padding-base-horizontal: 12px;
+
+@padding-large-vertical: 14px;
+@padding-large-horizontal: 16px;
+
+@padding-small-vertical: 5px;
+@padding-small-horizontal: 10px;
+
+@padding-xs-vertical: 1px;
+@padding-xs-horizontal: 5px;
+
+@line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome
+@line-height-small: 1.5;
+
+@border-radius-base: 4px;
+@border-radius-large: 6px;
+@border-radius-small: 3px;
+
+//** Global color for active items (e.g., navs or dropdowns).
+@component-active-color: #fff;
+//** Global background color for active items (e.g., navs or dropdowns).
+@component-active-bg: @brand-primary;
+
+//** Width of the `border` for generating carets that indicator dropdowns.
+@caret-width-base: 4px;
+//** Carets increase slightly in size for larger components.
+@caret-width-large: 5px;
+
+//== Tables
+//
+//## Customizes the `.table` component with basic values, each used across all table variations.
+
+//** Padding for ``s and ` `s.
+@table-cell-padding: 8px;
+//** Padding for cells in `.table-condensed`.
+@table-condensed-cell-padding: 5px;
+
+//** Default background color used for all tables.
+@table-bg: transparent;
+//** Background color used for `.table-striped`.
+@table-bg-accent: #f9f9f9;
+//** Background color used for `.table-hover`.
+@table-bg-hover: #f5f5f5;
+@table-bg-active: @table-bg-hover;
+
+//** Border color for table and cell borders.
+@table-border-color: #ddd;
+
+//== Buttons
+//
+//## For each of Bootstrap's buttons, define text, background and border color.
+
+@btn-font-weight: normal;
+
+@btn-default-color: #333333;
+@btn-default-bg: #fff; //@gray-light;
+@btn-default-border: #ccc; //@btn-default-bg;
+
+@btn-primary-color: #fff;
+@btn-primary-bg: @brand-primary;
+@btn-primary-border: @btn-primary-bg;
+
+@btn-success-color: @btn-default-color;
+@btn-success-bg: @brand-success;
+@btn-success-border: @btn-success-bg;
+
+@btn-info-color: @btn-default-color;
+@btn-info-bg: @brand-info;
+@btn-info-border: @btn-info-bg;
+
+@btn-warning-color: @btn-default-color;
+@btn-warning-bg: @brand-warning;
+@btn-warning-border: @btn-warning-bg;
+
+@btn-danger-color: @btn-default-color;
+@btn-danger-bg: @brand-danger;
+@btn-danger-border: @btn-danger-bg;
+
+@btn-link-disabled-color: @gray-light;
+
+// Allows for customizing button radius independently from global border radius
+@btn-border-radius-base: @border-radius-base;
+@btn-border-radius-large: @border-radius-large;
+@btn-border-radius-small: @border-radius-small;
+
+//== Forms
+//
+//##
+
+//** ` ` background color
+@input-bg: #fff;
+//** ` ` background color
+@input-bg-disabled: @gray-lighter;
+
+//** Text color for ` `s
+@input-color: @text-color;
+//** ` ` border color
+@input-border: #ccc;
+
+// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
+//** Default `.form-control` border radius
+// This has no effect on ``s in some browsers, due to the limited stylability of ``s in CSS.
+@input-border-radius: @border-radius-base;
+//** Large `.form-control` border radius
+@input-border-radius-large: @border-radius-large;
+//** Small `.form-control` border radius
+@input-border-radius-small: @border-radius-small;
+
+//** Border color for inputs on focus
+@input-border-focus: #66afe9;
+
+//** Placeholder text color
+@input-color-placeholder: @gray-light;
+
+//** Default `.form-control` height
+@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
+//** Large `.form-control` height
+@input-height-large: (
+ ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2
+);
+//** Small `.form-control` height
+@input-height-small: (
+ floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2
+);
+
+//** `.form-group` margin
+@form-group-margin-bottom: 15px;
+
+@legend-color: @text-color;
+@legend-border-color: #e5e5e5;
+
+//** Background color for textual input addons
+@input-group-addon-bg: @gray-lighter;
+//** Border color for textual input addons
+@input-group-addon-border-color: @input-border;
+
+//** Disabled cursor for form controls and buttons.
+@cursor-disabled: not-allowed;
+
+//== Dropdowns
+//
+//## Dropdown menu container and contents.
+
+//** Background for the dropdown menu.
+@dropdown-bg: #fff;
+//** Dropdown menu `border-color`.
+@dropdown-border: rgba(0, 0, 0, 0.15);
+//** Dropdown menu `border-color` **for IE8**.
+@dropdown-fallback-border: #ccc;
+//** Divider color for between dropdown items.
+@dropdown-divider-bg: #e5e5e5;
+
+//** Dropdown link text color.
+@dropdown-link-color: @gray-dark;
+//** Hover color for dropdown links.
+@dropdown-link-hover-color: #fff;
+//** Hover background for dropdown links.
+@dropdown-link-hover-bg: @component-active-bg;
+
+//** Active dropdown menu item text color.
+@dropdown-link-active-color: #fff;
+//** Active dropdown menu item background color.
+@dropdown-link-active-bg: @component-active-bg;
+
+//** Disabled dropdown menu item background color.
+@dropdown-link-disabled-color: @gray-light;
+
+//** Text color for headers within dropdown menus.
+@dropdown-header-color: @gray-light;
+
+//** Deprecated `@dropdown-caret-color` as of v3.1.0
+@dropdown-caret-color: #000;
+
+//-- Z-index master list
+//
+// Warning: Avoid customizing these values. They're used for a bird's eye view
+// of components dependent on the z-axis and are designed to all work together.
+//
+// Note: These variables are not generated into the Customizer.
+
+@zindex-navbar: 1000;
+@zindex-dropdown: 1000;
+@zindex-popover: 1060;
+@zindex-tooltip: 1070;
+@zindex-navbar-fixed: 1030;
+@zindex-modal-background: 1040;
+@zindex-modal: 1050;
+
+//== Media queries breakpoints
+//
+//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
+
+// Extra small screen / phone
+//** Deprecated `@screen-xs` as of v3.0.1
+@screen-xs: 480px;
+//** Deprecated `@screen-xs-min` as of v3.2.0
+@screen-xs-min: @screen-xs;
+//** Deprecated `@screen-phone` as of v3.0.1
+@screen-phone: @screen-xs-min;
+
+// Small screen / tablet
+//** Deprecated `@screen-sm` as of v3.0.1
+@screen-sm: 768px;
+@screen-sm-min: @screen-sm;
+//** Deprecated `@screen-tablet` as of v3.0.1
+@screen-tablet: @screen-sm-min;
+
+// Medium screen / desktop
+//** Deprecated `@screen-md` as of v3.0.1
+@screen-md: 992px;
+@screen-md-min: @screen-md;
+//** Deprecated `@screen-desktop` as of v3.0.1
+@screen-desktop: @screen-md-min;
+
+// Large screen / wide desktop
+//** Deprecated `@screen-lg` as of v3.0.1
+@screen-lg: 1200px;
+@screen-lg-min: @screen-lg;
+//** Deprecated `@screen-lg-desktop` as of v3.0.1
+@screen-lg-desktop: @screen-lg-min;
+
+// So media queries don't overlap when required, provide a maximum
+@screen-xs-max: (@screen-sm-min - 1);
+@screen-sm-max: (@screen-md-min - 1);
+@screen-md-max: (@screen-lg-min - 1);
+
+//== Grid system
+//
+//## Define your custom responsive grid.
+
+//** Number of columns in the grid.
+@grid-columns: 12;
+//** Padding between columns. Gets divided in half for the left and right.
+@grid-gutter-width: 30px;
+// Navbar collapse
+//** Point at which the navbar becomes uncollapsed.
+@grid-float-breakpoint: @screen-sm-min;
+//** Point at which the navbar begins collapsing.
+@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
+
+//== Container sizes
+//
+//## Define the maximum width of `.container` for different screen sizes.
+
+// Small screen / tablet
+@container-tablet: (720px + @grid-gutter-width);
+//** For `@screen-sm-min` and up.
+@container-sm: @container-tablet;
+
+// Medium screen / desktop
+@container-desktop: (940px + @grid-gutter-width);
+//** For `@screen-md-min` and up.
+@container-md: @container-desktop;
+
+// Large screen / wide desktop
+@container-large-desktop: (1140px + @grid-gutter-width);
+//** For `@screen-lg-min` and up.
+@container-lg: @container-large-desktop;
+
+//== Navbar
+//
+//##
+
+// Basics of a navbar
+@navbar-height: 50px;
+@navbar-margin-bottom: @line-height-computed;
+@navbar-border-radius: @border-radius-base;
+@navbar-padding-horizontal: floor((@grid-gutter-width / 2));
+@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
+@navbar-collapse-max-height: 340px;
+
+@navbar-default-color: #fff;
+@navbar-default-bg: @brand-primary;
+@navbar-default-border: @brand-primary;
+
+// Navbar links
+@navbar-default-link-color: #fff;
+@navbar-default-link-hover-color: #fff;
+@navbar-default-link-hover-bg: @brand-primary;
+@navbar-default-link-active-color: #fff;
+@navbar-default-link-active-bg: @brand-primary;
+@navbar-default-link-disabled-color: #ccc;
+@navbar-default-link-disabled-bg: transparent;
+
+// Navbar brand label
+@navbar-default-brand-color: #fff;
+@navbar-default-brand-hover-color: #fff;
+@navbar-default-brand-hover-bg: none;
+
+// Navbar toggle
+@navbar-default-toggle-hover-bg: @brand-primary;
+@navbar-default-toggle-icon-bar-bg: #fff;
+@navbar-default-toggle-border-color: @brand-primary;
+
+//=== Inverted navbar
+// Reset inverted navbar basics
+@navbar-inverse-color: #fff;
+@navbar-inverse-bg: @brand-info;
+@navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
+
+// Inverted navbar links
+@navbar-inverse-link-color: #fff;
+@navbar-inverse-link-hover-color: #fff;
+@navbar-inverse-link-hover-bg: darken(@navbar-inverse-bg, 15%);
+@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
+@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%);
+@navbar-inverse-link-disabled-color: #ccc;
+@navbar-inverse-link-disabled-bg: transparent;
+
+// Inverted navbar brand label
+@navbar-inverse-brand-color: @navbar-inverse-link-color;
+@navbar-inverse-brand-hover-color: #fff;
+@navbar-inverse-brand-hover-bg: none;
+
+// Inverted navbar toggle
+@navbar-inverse-toggle-hover-bg: darken(@navbar-inverse-bg, 15%);
+@navbar-inverse-toggle-icon-bar-bg: #fff;
+@navbar-inverse-toggle-border-color: darken(@navbar-inverse-bg, 15%);
+
+//== Navs
+//
+//##
+
+//=== Shared nav styles
+@nav-link-padding: 10px 15px;
+@nav-link-hover-bg: @gray-lighter;
+
+@nav-disabled-link-color: @gray-light;
+@nav-disabled-link-hover-color: @gray-light;
+
+//== Tabs
+@nav-tabs-border-color: #ddd;
+
+@nav-tabs-link-hover-border-color: @gray-lighter;
+
+@nav-tabs-active-link-hover-bg: @body-bg;
+@nav-tabs-active-link-hover-color: @gray;
+@nav-tabs-active-link-hover-border-color: #ddd;
+
+@nav-tabs-justified-link-border-color: #ddd;
+@nav-tabs-justified-active-link-border-color: @body-bg;
+
+//== Pills
+@nav-pills-border-radius: @border-radius-base;
+@nav-pills-active-link-hover-bg: @component-active-bg;
+@nav-pills-active-link-hover-color: @component-active-color;
+
+//== Pagination
+//
+//##
+
+@pagination-color: @link-color;
+@pagination-bg: #fff;
+@pagination-border: #ddd;
+
+@pagination-hover-color: @link-hover-color;
+@pagination-hover-bg: @gray-lighter;
+@pagination-hover-border: #ddd;
+
+@pagination-active-color: @gray-light;
+@pagination-active-bg: #f5f5f5;
+@pagination-active-border: #ddd;
+
+@pagination-disabled-color: @gray-light;
+@pagination-disabled-bg: #fff;
+@pagination-disabled-border: #ddd;
+
+//== Pager
+//
+//##
+
+@pager-bg: @pagination-bg;
+@pager-border: @pagination-border;
+@pager-border-radius: 15px;
+
+@pager-hover-bg: @pagination-hover-bg;
+
+@pager-active-bg: @pagination-active-bg;
+@pager-active-color: @pagination-active-color;
+
+@pager-disabled-color: @gray-light;
+
+//== Jumbotron
+//
+//##
+
+@jumbotron-padding: 30px;
+@jumbotron-color: inherit;
+@jumbotron-bg: @gray-lighter;
+@jumbotron-heading-color: inherit;
+@jumbotron-font-size: ceil((@font-size-base * 1.5));
+@jumbotron-heading-font-size: ceil((@font-size-base * 4.5));
+
+//== Form states and alerts
+//
+//## Define colors for form feedback states and, by default, alerts.
+
+@state-success-text: #468847;
+@state-success-bg: #dff0d8;
+@state-success-border: darken(spin(@state-success-bg, -10), 5%);
+
+@state-info-text: #3a87ad;
+@state-info-bg: #d9edf7;
+@state-info-border: darken(spin(@state-info-bg, -10), 7%);
+
+@state-warning-text: #c09853;
+@state-warning-bg: #fcf8e3;
+@state-warning-border: darken(spin(@state-warning-bg, -10), 3%);
+
+@state-danger-text: #b94a48;
+@state-danger-bg: #f2dede;
+@state-danger-border: darken(spin(@state-danger-bg, -10), 3%);
+
+//== Tooltips
+//
+//##
+
+//** Tooltip max width
+@tooltip-max-width: 200px;
+//** Tooltip text color
+@tooltip-color: #fff;
+//** Tooltip background color
+@tooltip-bg: #000;
+@tooltip-opacity: 0.9;
+
+//** Tooltip arrow width
+@tooltip-arrow-width: 5px;
+//** Tooltip arrow color
+@tooltip-arrow-color: @tooltip-bg;
+
+//== Labels
+//
+//##
+
+//** Default label background color
+@label-default-bg: @btn-default-bg;
+//** 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;
+
+//** Default label text color
+@label-color: #fff;
+//** Default text color of a linked label
+@label-link-hover-color: #fff;
+
+//== Modals
+//
+//##
+
+//** Padding applied to the modal body
+@modal-inner-padding: 20px;
+
+//** Padding applied to the modal title
+@modal-title-padding: 15px;
+//** Modal title line-height
+@modal-title-line-height: @line-height-base;
+
+//** Background color of modal content area
+@modal-content-bg: #fff;
+//** Modal content border color
+@modal-content-border-color: rgba(0, 0, 0, 0.2);
+//** Modal content border color **for IE8**
+@modal-content-fallback-border-color: #999;
+
+//** Modal backdrop background color
+@modal-backdrop-bg: #000;
+//** Modal backdrop opacity
+@modal-backdrop-opacity: 0.5;
+//** Modal header border color
+@modal-header-border-color: #e5e5e5;
+//** Modal footer border color
+@modal-footer-border-color: @modal-header-border-color;
+
+@modal-lg: 900px;
+@modal-md: 600px;
+@modal-sm: 300px;
+
+//== Alerts
+//
+//## Define alert colors, border radius, and padding.
+
+@alert-padding: 15px;
+@alert-border-radius: @border-radius-base;
+@alert-link-font-weight: bold;
+
+@alert-success-bg: @state-success-bg;
+@alert-success-text: @state-success-text;
+@alert-success-border: @state-success-border;
+
+@alert-info-bg: @state-info-bg;
+@alert-info-text: @state-info-text;
+@alert-info-border: @state-info-border;
+
+@alert-warning-bg: @state-warning-bg;
+@alert-warning-text: @state-warning-text;
+@alert-warning-border: @state-warning-border;
+
+@alert-danger-bg: @state-danger-bg;
+@alert-danger-text: @state-danger-text;
+@alert-danger-border: @state-danger-border;
+
+//== Progress bars
+//
+//##
+
+//** Background color of the whole progress component
+@progress-bg: #f5f5f5;
+//** Progress bar text color
+@progress-bar-color: #fff;
+//** Variable for setting rounded corners on progress bar.
+@progress-border-radius: @border-radius-base;
+
+//** Default progress bar color
+@progress-bar-bg: @brand-primary;
+//** Success progress bar color
+@progress-bar-success-bg: @brand-success;
+//** Warning progress bar color
+@progress-bar-warning-bg: @brand-warning;
+//** Danger progress bar color
+@progress-bar-danger-bg: @brand-danger;
+//** Info progress bar color
+@progress-bar-info-bg: @brand-info;
+
+//== List group
+//
+//##
+
+//** Background color on `.list-group-item`
+@list-group-bg: #fff;
+//** `.list-group-item` border color
+@list-group-border: #ddd;
+//** List group border radius
+@list-group-border-radius: @border-radius-base;
+
+//** Background color of single list items on hover
+@list-group-hover-bg: #f5f5f5;
+//** Text color of active list items
+@list-group-active-color: @component-active-color;
+//** Background color of active list items
+@list-group-active-bg: @component-active-bg;
+//** Border color of active list elements
+@list-group-active-border: @list-group-active-bg;
+//** Text color for content within active list items
+@list-group-active-text-color: lighten(@list-group-active-bg, 40%);
+
+//** Text color of disabled list items
+@list-group-disabled-color: @gray-light;
+//** Background color of disabled list items
+@list-group-disabled-bg: @gray-lighter;
+//** Text color for content within disabled list items
+@list-group-disabled-text-color: @list-group-disabled-color;
+
+@list-group-link-color: #555;
+@list-group-link-hover-color: @list-group-link-color;
+@list-group-link-heading-color: #333;
+
+//== Panels
+//
+//##
+
+@panel-bg: #fff;
+@panel-body-padding: 15px;
+@panel-heading-padding: 10px 15px;
+@panel-footer-padding: @panel-heading-padding;
+@panel-border-radius: @border-radius-base;
+
+//** Border color for elements within panels
+@panel-inner-border: #ddd;
+@panel-footer-bg: #f5f5f5;
+
+@panel-default-text: @gray-dark;
+@panel-default-border: #ddd;
+@panel-default-heading-bg: #f5f5f5;
+
+@panel-primary-text: #fff;
+@panel-primary-border: @brand-primary;
+@panel-primary-heading-bg: @brand-primary;
+
+@panel-success-text: @state-success-text;
+@panel-success-border: @state-success-border;
+@panel-success-heading-bg: @state-success-bg;
+
+@panel-info-text: @state-info-text;
+@panel-info-border: @state-info-border;
+@panel-info-heading-bg: @state-info-bg;
+
+@panel-warning-text: @state-warning-text;
+@panel-warning-border: @state-warning-border;
+@panel-warning-heading-bg: @state-warning-bg;
+
+@panel-danger-text: @state-danger-text;
+@panel-danger-border: @state-danger-border;
+@panel-danger-heading-bg: @state-danger-bg;
+
+//== Thumbnails
+//
+//##
+
+//** Padding around the thumbnail image
+@thumbnail-padding: 4px;
+//** Thumbnail background color
+@thumbnail-bg: @body-bg;
+//** Thumbnail border color
+@thumbnail-border: #ddd;
+//** Thumbnail border radius
+@thumbnail-border-radius: @border-radius-base;
+
+//** Custom text color for thumbnail captions
+@thumbnail-caption-color: @text-color;
+//** Padding around the thumbnail caption
+@thumbnail-caption-padding: 9px;
+
+//== Wells
+//
+//##
+
+@well-bg: #f5f5f5;
+@well-border: darken(@well-bg, 7%);
+
+//== Badges
+//
+//##
+
+@badge-color: #fff;
+//** Linked badge text color on hover
+@badge-link-hover-color: #fff;
+@badge-bg: @gray-light;
+
+//** Badge text color in active nav link
+@badge-active-color: @link-color;
+//** Badge background color in active nav link
+@badge-active-bg: #fff;
+
+@badge-font-weight: bold;
+@badge-line-height: 1;
+@badge-border-radius: 10px;
+
+//== Breadcrumbs
+//
+//##
+
+@breadcrumb-padding-vertical: 8px;
+@breadcrumb-padding-horizontal: 15px;
+//** Breadcrumb background color
+@breadcrumb-bg: #f5f5f5;
+//** Breadcrumb text color
+@breadcrumb-color: #ccc;
+//** Text color of current page in the breadcrumb
+@breadcrumb-active-color: @gray-light;
+//** Textual separator for between breadcrumb elements
+@breadcrumb-separator: "/";
+
+//== Carousel
+//
+//##
+
+@carousel-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+
+@carousel-control-color: #fff;
+@carousel-control-width: 15%;
+@carousel-control-opacity: 0.5;
+@carousel-control-font-size: 20px;
+
+@carousel-indicator-active-bg: #fff;
+@carousel-indicator-border-color: #fff;
+
+@carousel-caption-color: #fff;
+
+//== Close
+//
+//##
+
+@close-font-weight: bold;
+@close-color: #000;
+@close-text-shadow: 0 1px 0 #fff;
+
+//== Code
+//
+//##
+
+@code-color: #c7254e;
+@code-bg: #f9f2f4;
+
+@kbd-color: #fff;
+@kbd-bg: #333;
+
+@pre-bg: #f5f5f5;
+@pre-color: @gray-dark;
+@pre-border-color: #ccc;
+@pre-scrollable-max-height: 340px;
+
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+@component-offset-horizontal: 180px;
+//** Text muted color
+@text-muted: @gray-light;
+//** Abbreviations and acronyms border color
+@abbr-border-color: @gray-light;
+//** Headings small color
+@headings-small-color: @gray-light;
+//** Blockquote small color
+@blockquote-small-color: @gray-light;
+//** Blockquote font size
+@blockquote-font-size: (@font-size-base * 1.25);
+//** Blockquote border color
+@blockquote-border-color: @gray-lighter;
+//** Page header border color
+@page-header-border-color: @gray-lighter;
+//** Width of horizontal description list titles
+@dl-horizontal-offset: @component-offset-horizontal;
+//** Horizontal line color.
+@hr-border: @gray-lighter;
diff --git a/backend_theme/static/src/less/main.less b/backend_theme/static/src/less/main.less
index ed02cfba1..7d67dd3fd 100644
--- a/backend_theme/static/src/less/main.less
+++ b/backend_theme/static/src/less/main.less
@@ -21,4 +21,3 @@ main {
height: 100%;
overflow: hidden;
}
-
diff --git a/backend_theme/static/src/less/navbar.less b/backend_theme/static/src/less/navbar.less
index 798ae0851..664f64613 100644
--- a/backend_theme/static/src/less/navbar.less
+++ b/backend_theme/static/src/less/navbar.less
@@ -35,23 +35,25 @@ a.navbar-collapse.collapse {
}
}
-
.navbar {
border-radius: 0px;
}
.panel-heading {
- border-top-left-radius: 0px;
+ border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
-.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
+.container > .navbar-header,
+.container-fluid > .navbar-header,
+.container > .navbar-collapse,
+.container-fluid > .navbar-collapse {
margin-left: -15px;
margin-right: 0;
}
.app-name {
- color: white;
+ color: white;
font-size: 22px;
font-weight: 500;
margin-right: 25px;
diff --git a/backend_theme/static/src/less/variables.less b/backend_theme/static/src/less/variables.less
index 555e12c59..ab1525d16 100644
--- a/backend_theme/static/src/less/variables.less
+++ b/backend_theme/static/src/less/variables.less
@@ -2,12 +2,12 @@
* License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl). */
// App Drawer / Icons
-@app-drawer-icon-size: 6em;
-@app-drawer-icon-margin: 1em;
-@app-drawer-width: 100%;
-@app-drawer-title-height: @navbar-height;
+@app-drawer-icon-size: 6em;
+@app-drawer-icon-margin: 1em;
+@app-drawer-width: 100%;
+@app-drawer-title-height: @navbar-height;
// Navbar
-@app-drawer-navbar-height: @navbar-height / 2;
+@app-drawer-navbar-height: @navbar-height / 2;
@app-drawer-navbar-padding-vertical: @navbar-padding-vertical / 2;
@app-drawer-padding-horizontal: @navbar-padding-horizontal / 2;
diff --git a/backend_theme/views/assets.xml b/backend_theme/views/assets.xml
index dda177594..6e99079e8 100644
--- a/backend_theme/views/assets.xml
+++ b/backend_theme/views/assets.xml
@@ -1,45 +1,57 @@
-
-
+
-
-
-
-
+
+
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
+
-
+
+ />
-
+
diff --git a/backend_theme/views/web.xml b/backend_theme/views/web.xml
index 52ddc3f1d..23205722a 100644
--- a/backend_theme/views/web.xml
+++ b/backend_theme/views/web.xml
@@ -1,16 +1,15 @@
-
-
+
-
-
+
@@ -20,7 +19,10 @@
-
+
@@ -28,62 +30,74 @@