├── README.md └── united_backend_theme ├── __init__.py ├── __openerp__.py ├── images ├── partner.png ├── project.png └── sales.png ├── static ├── description │ └── icon.png └── src │ ├── js │ └── toggle_leftbar.js │ └── less │ ├── bootswatch.less │ ├── style.less │ └── variables.less └── views.xml /README.md: -------------------------------------------------------------------------------- 1 | Odoo Themes 2 | -------------------------------------------------------------------------------- /united_backend_theme/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Openworx/themes/3e022892f1d510d7b503eb1d7e78186706ccbf02/united_backend_theme/__init__.py -------------------------------------------------------------------------------- /united_backend_theme/__openerp__.py: -------------------------------------------------------------------------------- 1 | { 2 | 'name' : 'United Backend Theme for Odoo 9c', 3 | 'version' : '0.3', 4 | 'author' : 'Openworx', 5 | 'category' : 'Website', 6 | 'summary': 'Give Odoo 9 community version a cleaner backend theme', 7 | 'website' : 'http://www.openworx.nl', 8 | 'description': """ 9 | Give Odoo 9 community version a cleaner theme, based on Bootstrap United template. The theme has also some css fixes for Microsoft Internet Explorer 11. 10 | """, 11 | 'images':[ 12 | 'images/sales.png' 13 | ], 14 | 'depends' : ['base'], 15 | 'data':[ 16 | 'views.xml', 17 | ], 18 | 'installable': True 19 | } 20 | -------------------------------------------------------------------------------- /united_backend_theme/images/partner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Openworx/themes/3e022892f1d510d7b503eb1d7e78186706ccbf02/united_backend_theme/images/partner.png -------------------------------------------------------------------------------- /united_backend_theme/images/project.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Openworx/themes/3e022892f1d510d7b503eb1d7e78186706ccbf02/united_backend_theme/images/project.png -------------------------------------------------------------------------------- /united_backend_theme/images/sales.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Openworx/themes/3e022892f1d510d7b503eb1d7e78186706ccbf02/united_backend_theme/images/sales.png -------------------------------------------------------------------------------- /united_backend_theme/static/description/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Openworx/themes/3e022892f1d510d7b503eb1d7e78186706ccbf02/united_backend_theme/static/description/icon.png -------------------------------------------------------------------------------- /united_backend_theme/static/src/js/toggle_leftbar.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function () { 2 | $(".toggle_leftmenu").click(function() { 3 | $(".oe_leftbar").animate({ 4 | width: 'toggle' 5 | }, 0); 6 | }); 7 | }); 8 | -------------------------------------------------------------------------------- /united_backend_theme/static/src/less/bootswatch.less: -------------------------------------------------------------------------------- 1 | // United 3.3.5 2 | // Bootswatch 3 | // ----------------------------------------------------- 4 | 5 | @import url("https://fonts.googleapis.com/css?family=Ubuntu:400,700"); 6 | 7 | // Navbar ===================================================================== 8 | 9 | .navbar { 10 | 11 | &-default { 12 | 13 | .badge { 14 | background-color: #fff; 15 | color: @navbar-default-bg; 16 | } 17 | } 18 | 19 | &-inverse { 20 | 21 | .badge { 22 | background-color: #fff; 23 | color: @navbar-inverse-bg; 24 | } 25 | } 26 | } 27 | 28 | @media (max-width: @grid-float-breakpoint-max) { 29 | 30 | .navbar { 31 | 32 | .dropdown-menu { 33 | a { 34 | color: #fff; 35 | } 36 | } 37 | } 38 | } 39 | 40 | 41 | // Buttons ==================================================================== 42 | 43 | // Typography ================================================================= 44 | 45 | // Tables ===================================================================== 46 | 47 | // Forms ====================================================================== 48 | 49 | // Navs ======================================================================= 50 | 51 | // Indicators ================================================================= 52 | 53 | // Progress bars ============================================================== 54 | 55 | // Containers ================================================================= -------------------------------------------------------------------------------- /united_backend_theme/static/src/less/style.less: -------------------------------------------------------------------------------- 1 | // Put Loading indicator in the right bottom of the screen 2 | .o_web_client .openerp .oe_loading { 3 | background-color: darken(@brand-primary, 13.5%) !important; 4 | top: inherit; 5 | bottom: 0; 6 | right: 0; 7 | padding: 5px 50px; 8 | border-radius: 0 !important; 9 | opacity: 0.8; 10 | } 11 | // Left Menu Bar ========================================= 12 | 13 | // Toggle left menu bar 14 | .ul_toggle_leftmenu { 15 | padding-left: 0px; 16 | list-style: outside none none; 17 | list-style-type: none; 18 | list-style-image: none; 19 | list-style-position: outside; 20 | margin-bottom: 0px !important; 21 | max-width: 50px; 22 | } 23 | .toggle_leftmenu { 24 | color: #FFF !important; 25 | padding: 14px 14px; 26 | } 27 | .toggle_leftmenu:hover { 28 | color: #FFF !important; 29 | cursor: pointer; 30 | background-color: darken(@brand-primary, 13.5%); 31 | } 32 | 33 | // Change font & color leftbar 34 | .openerp .oe_leftbar .oe_secondary_menus_container { 35 | font-family: Ubuntu; 36 | } 37 | 38 | .openerp .oe_secondary_menu_section { 39 | color: @brand-primary; 40 | } 41 | 42 | .openerp .oe_secondary_menu_section > .oe_menu_leaf { 43 | color: @brand-primary; 44 | } 45 | 46 | .openerp .nav-pills > li.active > a, .openerp a.list-group-item.active > a { 47 | background-color: @brand-primary !important; 48 | } 49 | 50 | // White background 51 | .openerp .oe_leftbar { 52 | background: #ffffff none repeat scroll 0 0 !important; 53 | } 54 | 55 | // Leftbar notifications 56 | .openerp .badge { 57 | background-color: @brand-primary; 58 | } 59 | 60 | // Navbar ========================================= 61 | #oe_main_menu_navbar { 62 | .box-shadow(0px 0px 8px #666666); 63 | border: none; 64 | .navbar-collapse { 65 | padding-right: 16px; 66 | padding-left: 16px; 67 | } 68 | } 69 | 70 | #oe_main_menu_navbar, 71 | .navbar-nav { 72 | li { 73 | a, button { 74 | font-size: 14px !important; 75 | padding: 14px 10px !important; 76 | margin-top: 0 !important; 77 | line-height: 21px !important; 78 | } 79 | } 80 | .dropdown-menu { 81 | li { 82 | a, button { 83 | padding: 4px 10px !important; 84 | font-size: 14px !important; 85 | } 86 | } 87 | } 88 | } 89 | 90 | // Align green progress indicator 91 | #oe_main_menu_navbar .o_planner_systray > .progress { 92 | margin-top: 18px !important; 93 | } 94 | 95 | // Add some space in button groups 96 | //.btn-group > .btn, .btn-group-vertical > .btn { 97 | // float: left; 98 | // margin: 3px; 99 | // position: relative; 100 | //} 101 | 102 | // ========================================= 103 | // Make formwidth relative to screen 104 | .openerp .oe_form_sheet_width { 105 | max-width: 90%; 106 | } 107 | 108 | // Explorer 11 fix to use fullscreen 109 | 110 | @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 111 | 112 | .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 { 113 | width: 100% !important; 114 | } 115 | 116 | // Fix user preference height 117 | .modal .modal-content .modal-body .oe-view-manager-content { 118 | position: static; 119 | height: 400px; 120 | } 121 | 122 | // Fix salesboard width 123 | .oe-view-manager-view-sales_team_dashboard { 124 | width: 100%; 125 | } 126 | 127 | } 128 | 129 | 130 | 131 | 132 | -------------------------------------------------------------------------------- /united_backend_theme/static/src/less/variables.less: -------------------------------------------------------------------------------- 1 | // United 3.3.5 2 | // Variables 3 | // -------------------------------------------------- 4 | 5 | 6 | //== Colors 7 | // 8 | //## Gray and brand colors for use across Bootstrap. 9 | 10 | @gray-base: #000; 11 | @gray-darker: lighten(@gray-base, 13.5%); // #222 12 | @gray-dark: #333; // #333 13 | @gray: #777; // #555 14 | @gray-light: #AEA79F; // #999 15 | @gray-lighter: lighten(@gray-base, 93.5%); // #eee 16 | 17 | //@brand-primary: #772953; 18 | @brand-primary: #337AB7; 19 | @brand-success: #38B44A; 20 | @brand-info: #337AB7; // same color als primary 21 | @brand-warning: #EFB73E; 22 | @brand-danger: #DF382C; 23 | 24 | 25 | //== Scaffolding 26 | // 27 | //## Settings for some of the most global styles. 28 | 29 | //** Background color for ``. 30 | @body-bg: #fff; 31 | //** Global text color on ``. 32 | @text-color: @gray-dark; 33 | 34 | //** Global textual link color. 35 | @link-color: @brand-primary; 36 | //** Link hover color set via `darken()` function. 37 | @link-hover-color: darken(@link-color, 15%); 38 | //** Link hover decoration. 39 | @link-hover-decoration: underline; 40 | 41 | 42 | //== Typography 43 | // 44 | //## Font, line-height, and color for body text, headings, and more. 45 | 46 | @font-family-sans-serif: "Ubuntu", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; 47 | @font-family-serif: Georgia, "Times New Roman", Times, serif; 48 | //** Default monospace fonts for ``, ``, and `
`.
 49 | @font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
 50 | @font-family-base:        @font-family-sans-serif;
 51 | 
 52 | @font-size-base:          14px;
 53 | @font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
 54 | @font-size-small:         ceil((@font-size-base * 0.85)); // ~12px
 55 | 
 56 | @font-size-h1:            floor((@font-size-base * 2.6)); // ~36px
 57 | @font-size-h2:            floor((@font-size-base * 2.15)); // ~30px
 58 | @font-size-h3:            ceil((@font-size-base * 1.7)); // ~24px
 59 | @font-size-h4:            ceil((@font-size-base * 1.25)); // ~18px
 60 | @font-size-h5:            @font-size-base;
 61 | @font-size-h6:            ceil((@font-size-base * 0.85)); // ~12px
 62 | 
 63 | //** Unit-less `line-height` for use in components like buttons.
 64 | @line-height-base:        1.428571429; // 20/14
 65 | //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
 66 | @line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px
 67 | 
 68 | //** By default, this inherits from the ``.
 69 | @headings-font-family:    @font-family-base;
 70 | @headings-font-weight:    500;
 71 | @headings-line-height:    1.1;
 72 | @headings-color:          inherit;
 73 | 
 74 | 
 75 | //== Iconography
 76 | //
 77 | //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
 78 | 
 79 | //** Load fonts from this directory.
 80 | @icon-font-path:          "../fonts/";
 81 | //** File name for all font files.
 82 | @icon-font-name:          "glyphicons-halflings-regular";
 83 | //** Element ID within SVG icon file.
 84 | @icon-font-svg-id:        "glyphicons_halflingsregular";
 85 | 
 86 | 
 87 | //== Components
 88 | //
 89 | //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
 90 | 
 91 | @padding-base-vertical:     8px;
 92 | @padding-base-horizontal:   12px;
 93 | 
 94 | @padding-large-vertical:    14px;
 95 | @padding-large-horizontal:  16px;
 96 | 
 97 | @padding-small-vertical:    5px;
 98 | @padding-small-horizontal:  10px;
 99 | 
100 | @padding-xs-vertical:       1px;
101 | @padding-xs-horizontal:     5px;
102 | 
103 | @line-height-large:         1.3333333; // extra decimals for Win 8.1 Chrome
104 | @line-height-small:         1.5;
105 | 
106 | @border-radius-base:        4px;
107 | @border-radius-large:       6px;
108 | @border-radius-small:       3px;
109 | 
110 | //** Global color for active items (e.g., navs or dropdowns).
111 | @component-active-color:    #fff;
112 | //** Global background color for active items (e.g., navs or dropdowns).
113 | @component-active-bg:       @brand-primary;
114 | 
115 | //** Width of the `border` for generating carets that indicator dropdowns.
116 | @caret-width-base:          4px;
117 | //** Carets increase slightly in size for larger components.
118 | @caret-width-large:         5px;
119 | 
120 | 
121 | //== Tables
122 | //
123 | //## Customizes the `.table` component with basic values, each used across all table variations.
124 | 
125 | //** Padding for ``s and ``s.
126 | @table-cell-padding:            8px;
127 | //** Padding for cells in `.table-condensed`.
128 | @table-condensed-cell-padding:  5px;
129 | 
130 | //** Default background color used for all tables.
131 | @table-bg:                      transparent;
132 | //** Background color used for `.table-striped`.
133 | @table-bg-accent:               #f9f9f9;
134 | //** Background color used for `.table-hover`.
135 | @table-bg-hover:                #f5f5f5;
136 | @table-bg-active:               @table-bg-hover;
137 | 
138 | //** Border color for table and cell borders.
139 | @table-border-color:            #ddd;
140 | 
141 | 
142 | //== Buttons
143 | //
144 | //## For each of Bootstrap's buttons, define text, background and border color.
145 | 
146 | @btn-font-weight:                normal;
147 | 
148 | @btn-default-color:              #fff;
149 | @btn-default-bg:                 @gray-light;
150 | @btn-default-border:             @btn-default-bg;
151 | 
152 | @btn-primary-color:              @btn-default-color;
153 | @btn-primary-bg:                 @brand-primary;
154 | @btn-primary-border:             @btn-primary-bg;
155 | 
156 | @btn-success-color:              @btn-default-color;
157 | @btn-success-bg:                 @brand-success;
158 | @btn-success-border:             @btn-success-bg;
159 | 
160 | @btn-info-color:                 @btn-default-color;
161 | @btn-info-bg:                    @brand-info;
162 | @btn-info-border:                @btn-info-bg;
163 | 
164 | @btn-warning-color:              @btn-default-color;
165 | @btn-warning-bg:                 @brand-warning;
166 | @btn-warning-border:             @btn-warning-bg;
167 | 
168 | @btn-danger-color:               @btn-default-color;
169 | @btn-danger-bg:                  @brand-danger;
170 | @btn-danger-border:              @btn-danger-bg;
171 | 
172 | @btn-link-disabled-color:        @gray-light;
173 | 
174 | // Allows for customizing button radius independently from global border radius
175 | @btn-border-radius-base:         @border-radius-base;
176 | @btn-border-radius-large:        @border-radius-large;
177 | @btn-border-radius-small:        @border-radius-small;
178 | 
179 | 
180 | //== Forms
181 | //
182 | //##
183 | 
184 | //** `` background color
185 | @input-bg:                       #fff;
186 | //** `` background color
187 | @input-bg-disabled:              @gray-lighter;
188 | 
189 | //** Text color for ``s
190 | @input-color:                    @text-color;
191 | //** `` border color
192 | @input-border:                   #ccc;
193 | 
194 | // TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
195 | //** Default `.form-control` border radius
196 | // This has no effect on ``s in CSS.
197 | @input-border-radius:            @border-radius-base;
198 | //** Large `.form-control` border radius
199 | @input-border-radius-large:      @border-radius-large;
200 | //** Small `.form-control` border radius
201 | @input-border-radius-small:      @border-radius-small;
202 | 
203 | //** Border color for inputs on focus
204 | @input-border-focus:             #66afe9;
205 | 
206 | //** Placeholder text color
207 | @input-color-placeholder:        @gray-light;
208 | 
209 | //** Default `.form-control` height
210 | @input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
211 | //** Large `.form-control` height
212 | @input-height-large:             (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
213 | //** Small `.form-control` height
214 | @input-height-small:             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
215 | 
216 | //** `.form-group` margin
217 | @form-group-margin-bottom:       15px;
218 | 
219 | @legend-color:                   @text-color;
220 | @legend-border-color:            #e5e5e5;
221 | 
222 | //** Background color for textual input addons
223 | @input-group-addon-bg:           @gray-lighter;
224 | //** Border color for textual input addons
225 | @input-group-addon-border-color: @input-border;
226 | 
227 | //** Disabled cursor for form controls and buttons.
228 | @cursor-disabled:                not-allowed;
229 | 
230 | 
231 | //== Dropdowns
232 | //
233 | //## Dropdown menu container and contents.
234 | 
235 | //** Background for the dropdown menu.
236 | @dropdown-bg:                    #fff;
237 | //** Dropdown menu `border-color`.
238 | @dropdown-border:                rgba(0,0,0,.15);
239 | //** Dropdown menu `border-color` **for IE8**.
240 | @dropdown-fallback-border:       #ccc;
241 | //** Divider color for between dropdown items.
242 | @dropdown-divider-bg:            #e5e5e5;
243 | 
244 | //** Dropdown link text color.
245 | @dropdown-link-color:            @gray-dark;
246 | //** Hover color for dropdown links.
247 | @dropdown-link-hover-color:      #fff;
248 | //** Hover background for dropdown links.
249 | @dropdown-link-hover-bg:         @component-active-bg;
250 | 
251 | //** Active dropdown menu item text color.
252 | @dropdown-link-active-color:     #fff;
253 | //** Active dropdown menu item background color.
254 | @dropdown-link-active-bg:        @component-active-bg;
255 | 
256 | //** Disabled dropdown menu item background color.
257 | @dropdown-link-disabled-color:   @gray-light;
258 | 
259 | //** Text color for headers within dropdown menus.
260 | @dropdown-header-color:          @gray-light;
261 | 
262 | //** Deprecated `@dropdown-caret-color` as of v3.1.0
263 | @dropdown-caret-color:           #000;
264 | 
265 | 
266 | //-- Z-index master list
267 | //
268 | // Warning: Avoid customizing these values. They're used for a bird's eye view
269 | // of components dependent on the z-axis and are designed to all work together.
270 | //
271 | // Note: These variables are not generated into the Customizer.
272 | 
273 | @zindex-navbar:            1000;
274 | @zindex-dropdown:          1000;
275 | @zindex-popover:           1060;
276 | @zindex-tooltip:           1070;
277 | @zindex-navbar-fixed:      1030;
278 | @zindex-modal-background:  1040;
279 | @zindex-modal:             1050;
280 | 
281 | 
282 | //== Media queries breakpoints
283 | //
284 | //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
285 | 
286 | // Extra small screen / phone
287 | //** Deprecated `@screen-xs` as of v3.0.1
288 | @screen-xs:                  480px;
289 | //** Deprecated `@screen-xs-min` as of v3.2.0
290 | @screen-xs-min:              @screen-xs;
291 | //** Deprecated `@screen-phone` as of v3.0.1
292 | @screen-phone:               @screen-xs-min;
293 | 
294 | // Small screen / tablet
295 | //** Deprecated `@screen-sm` as of v3.0.1
296 | @screen-sm:                  768px;
297 | @screen-sm-min:              @screen-sm;
298 | //** Deprecated `@screen-tablet` as of v3.0.1
299 | @screen-tablet:              @screen-sm-min;
300 | 
301 | // Medium screen / desktop
302 | //** Deprecated `@screen-md` as of v3.0.1
303 | @screen-md:                  992px;
304 | @screen-md-min:              @screen-md;
305 | //** Deprecated `@screen-desktop` as of v3.0.1
306 | @screen-desktop:             @screen-md-min;
307 | 
308 | // Large screen / wide desktop
309 | //** Deprecated `@screen-lg` as of v3.0.1
310 | @screen-lg:                  1200px;
311 | @screen-lg-min:              @screen-lg;
312 | //** Deprecated `@screen-lg-desktop` as of v3.0.1
313 | @screen-lg-desktop:          @screen-lg-min;
314 | 
315 | // So media queries don't overlap when required, provide a maximum
316 | @screen-xs-max:              (@screen-sm-min - 1);
317 | @screen-sm-max:              (@screen-md-min - 1);
318 | @screen-md-max:              (@screen-lg-min - 1);
319 | 
320 | 
321 | //== Grid system
322 | //
323 | //## Define your custom responsive grid.
324 | 
325 | //** Number of columns in the grid.
326 | @grid-columns:              12;
327 | //** Padding between columns. Gets divided in half for the left and right.
328 | @grid-gutter-width:         30px;
329 | // Navbar collapse
330 | //** Point at which the navbar becomes uncollapsed.
331 | @grid-float-breakpoint:     @screen-sm-min;
332 | //** Point at which the navbar begins collapsing.
333 | @grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
334 | 
335 | 
336 | //== Container sizes
337 | //
338 | //## Define the maximum width of `.container` for different screen sizes.
339 | 
340 | // Small screen / tablet
341 | @container-tablet:             (720px + @grid-gutter-width);
342 | //** For `@screen-sm-min` and up.
343 | @container-sm:                 @container-tablet;
344 | 
345 | // Medium screen / desktop
346 | @container-desktop:            (940px + @grid-gutter-width);
347 | //** For `@screen-md-min` and up.
348 | @container-md:                 @container-desktop;
349 | 
350 | // Large screen / wide desktop
351 | @container-large-desktop:      (1140px + @grid-gutter-width);
352 | //** For `@screen-lg-min` and up.
353 | @container-lg:                 @container-large-desktop;
354 | 
355 | 
356 | //== Navbar
357 | //
358 | //##
359 | 
360 | // Basics of a navbar
361 | @navbar-height:                    50px;
362 | @navbar-margin-bottom:             @line-height-computed;
363 | @navbar-border-radius:             @border-radius-base;
364 | @navbar-padding-horizontal:        floor((@grid-gutter-width / 2));
365 | @navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
366 | @navbar-collapse-max-height:       340px;
367 | 
368 | @navbar-default-color:             #fff;
369 | @navbar-default-bg:                @brand-primary;
370 | @navbar-default-border:            darken(@navbar-default-bg, 6.5%);
371 | 
372 | // Navbar links
373 | @navbar-default-link-color:                #fff;
374 | @navbar-default-link-hover-color:          #fff;
375 | @navbar-default-link-hover-bg:             darken(@navbar-default-bg, 15%);
376 | @navbar-default-link-active-color:         #fff;
377 | @navbar-default-link-active-bg:            darken(@navbar-default-bg, 10%);
378 | @navbar-default-link-disabled-color:       #ccc;
379 | @navbar-default-link-disabled-bg:          transparent;
380 | 
381 | // Navbar brand label
382 | @navbar-default-brand-color:               @navbar-default-link-color;
383 | @navbar-default-brand-hover-color:         #fff;
384 | @navbar-default-brand-hover-bg:            none;
385 | 
386 | // Navbar toggle
387 | @navbar-default-toggle-hover-bg:           darken(@navbar-default-bg, 15%);
388 | @navbar-default-toggle-icon-bar-bg:        #fff;
389 | @navbar-default-toggle-border-color:       darken(@navbar-default-bg, 15%);
390 | 
391 | 
392 | //=== Inverted navbar
393 | // Reset inverted navbar basics
394 | @navbar-inverse-color:                      #fff;
395 | @navbar-inverse-bg:                         @brand-info;
396 | @navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);
397 | 
398 | // Inverted navbar links
399 | @navbar-inverse-link-color:                 #fff;
400 | @navbar-inverse-link-hover-color:           #fff;
401 | @navbar-inverse-link-hover-bg:              darken(@navbar-inverse-bg, 15%);
402 | @navbar-inverse-link-active-color:          @navbar-inverse-link-hover-color;
403 | @navbar-inverse-link-active-bg:             darken(@navbar-inverse-bg, 10%);
404 | @navbar-inverse-link-disabled-color:        #ccc;
405 | @navbar-inverse-link-disabled-bg:           transparent;
406 | 
407 | // Inverted navbar brand label
408 | @navbar-inverse-brand-color:                @navbar-inverse-link-color;
409 | @navbar-inverse-brand-hover-color:          #fff;
410 | @navbar-inverse-brand-hover-bg:             none;
411 | 
412 | // Inverted navbar toggle
413 | @navbar-inverse-toggle-hover-bg:            darken(@navbar-inverse-bg, 15%);
414 | @navbar-inverse-toggle-icon-bar-bg:         #fff;
415 | @navbar-inverse-toggle-border-color:        darken(@navbar-inverse-bg, 15%);
416 | 
417 | 
418 | //== Navs
419 | //
420 | //##
421 | 
422 | //=== Shared nav styles
423 | @nav-link-padding:                          10px 15px;
424 | @nav-link-hover-bg:                         @gray-lighter;
425 | 
426 | @nav-disabled-link-color:                   @gray-light;
427 | @nav-disabled-link-hover-color:             @gray-light;
428 | 
429 | //== Tabs
430 | @nav-tabs-border-color:                     #ddd;
431 | 
432 | @nav-tabs-link-hover-border-color:          @gray-lighter;
433 | 
434 | @nav-tabs-active-link-hover-bg:             @body-bg;
435 | @nav-tabs-active-link-hover-color:          @gray;
436 | @nav-tabs-active-link-hover-border-color:   #ddd;
437 | 
438 | @nav-tabs-justified-link-border-color:            #ddd;
439 | @nav-tabs-justified-active-link-border-color:     @body-bg;
440 | 
441 | //== Pills
442 | @nav-pills-border-radius:                   @border-radius-base;
443 | @nav-pills-active-link-hover-bg:            @component-active-bg;
444 | @nav-pills-active-link-hover-color:         @component-active-color;
445 | 
446 | 
447 | //== Pagination
448 | //
449 | //##
450 | 
451 | @pagination-color:                     @link-color;
452 | @pagination-bg:                        #fff;
453 | @pagination-border:                    #ddd;
454 | 
455 | @pagination-hover-color:               @link-hover-color;
456 | @pagination-hover-bg:                  @gray-lighter;
457 | @pagination-hover-border:              #ddd;
458 | 
459 | @pagination-active-color:              @gray-light;
460 | @pagination-active-bg:                 #f5f5f5;
461 | @pagination-active-border:             #ddd;
462 | 
463 | @pagination-disabled-color:            @gray-light;
464 | @pagination-disabled-bg:               #fff;
465 | @pagination-disabled-border:           #ddd;
466 | 
467 | 
468 | //== Pager
469 | //
470 | //##
471 | 
472 | @pager-bg:                             @pagination-bg;
473 | @pager-border:                         @pagination-border;
474 | @pager-border-radius:                  15px;
475 | 
476 | @pager-hover-bg:                       @pagination-hover-bg;
477 | 
478 | @pager-active-bg:                      @pagination-active-bg;
479 | @pager-active-color:                   @pagination-active-color;
480 | 
481 | @pager-disabled-color:                 @gray-light;
482 | 
483 | 
484 | //== Jumbotron
485 | //
486 | //##
487 | 
488 | @jumbotron-padding:              30px;
489 | @jumbotron-color:                inherit;
490 | @jumbotron-bg:                   @gray-lighter;
491 | @jumbotron-heading-color:        inherit;
492 | @jumbotron-font-size:            ceil((@font-size-base * 1.5));
493 | @jumbotron-heading-font-size:    ceil((@font-size-base * 4.5));
494 | 
495 | 
496 | //== Form states and alerts
497 | //
498 | //## Define colors for form feedback states and, by default, alerts.
499 | 
500 | @state-success-text:             #468847;
501 | @state-success-bg:               #dff0d8;
502 | @state-success-border:           darken(spin(@state-success-bg, -10), 5%);
503 | 
504 | @state-info-text:                #3a87ad;
505 | @state-info-bg:                  #d9edf7;
506 | @state-info-border:              darken(spin(@state-info-bg, -10), 7%);
507 | 
508 | @state-warning-text:             #c09853;
509 | @state-warning-bg:               #fcf8e3;
510 | @state-warning-border:           darken(spin(@state-warning-bg, -10), 3%);
511 | 
512 | @state-danger-text:              #b94a48;
513 | @state-danger-bg:                #f2dede;
514 | @state-danger-border:            darken(spin(@state-danger-bg, -10), 3%);
515 | 
516 | 
517 | //== Tooltips
518 | //
519 | //##
520 | 
521 | //** Tooltip max width
522 | @tooltip-max-width:           200px;
523 | //** Tooltip text color
524 | @tooltip-color:               #fff;
525 | //** Tooltip background color
526 | @tooltip-bg:                  #000;
527 | @tooltip-opacity:             .9;
528 | 
529 | //** Tooltip arrow width
530 | @tooltip-arrow-width:         5px;
531 | //** Tooltip arrow color
532 | @tooltip-arrow-color:         @tooltip-bg;
533 | 
534 | 
535 | //== Labels
536 | //
537 | //##
538 | 
539 | //** Default label background color
540 | @label-default-bg:            @btn-default-bg;
541 | //** Primary label background color
542 | @label-primary-bg:            @brand-primary;
543 | //** Success label background color
544 | @label-success-bg:            @brand-success;
545 | //** Info label background color
546 | @label-info-bg:               @brand-info;
547 | //** Warning label background color
548 | @label-warning-bg:            @brand-warning;
549 | //** Danger label background color
550 | @label-danger-bg:             @brand-danger;
551 | 
552 | //** Default label text color
553 | @label-color:                 #fff;
554 | //** Default text color of a linked label
555 | @label-link-hover-color:      #fff;
556 | 
557 | 
558 | //== Modals
559 | //
560 | //##
561 | 
562 | //** Padding applied to the modal body
563 | @modal-inner-padding:         20px;
564 | 
565 | //** Padding applied to the modal title
566 | @modal-title-padding:         15px;
567 | //** Modal title line-height
568 | @modal-title-line-height:     @line-height-base;
569 | 
570 | //** Background color of modal content area
571 | @modal-content-bg:                             #fff;
572 | //** Modal content border color
573 | @modal-content-border-color:                   rgba(0,0,0,.2);
574 | //** Modal content border color **for IE8**
575 | @modal-content-fallback-border-color:          #999;
576 | 
577 | //** Modal backdrop background color
578 | @modal-backdrop-bg:           #000;
579 | //** Modal backdrop opacity
580 | @modal-backdrop-opacity:      .5;
581 | //** Modal header border color
582 | @modal-header-border-color:   #e5e5e5;
583 | //** Modal footer border color
584 | @modal-footer-border-color:   @modal-header-border-color;
585 | 
586 | @modal-lg:                    900px;
587 | @modal-md:                    600px;
588 | @modal-sm:                    300px;
589 | 
590 | 
591 | //== Alerts
592 | //
593 | //## Define alert colors, border radius, and padding.
594 | 
595 | @alert-padding:               15px;
596 | @alert-border-radius:         @border-radius-base;
597 | @alert-link-font-weight:      bold;
598 | 
599 | @alert-success-bg:            @state-success-bg;
600 | @alert-success-text:          @state-success-text;
601 | @alert-success-border:        @state-success-border;
602 | 
603 | @alert-info-bg:               @state-info-bg;
604 | @alert-info-text:             @state-info-text;
605 | @alert-info-border:           @state-info-border;
606 | 
607 | @alert-warning-bg:            @state-warning-bg;
608 | @alert-warning-text:          @state-warning-text;
609 | @alert-warning-border:        @state-warning-border;
610 | 
611 | @alert-danger-bg:             @state-danger-bg;
612 | @alert-danger-text:           @state-danger-text;
613 | @alert-danger-border:         @state-danger-border;
614 | 
615 | 
616 | //== Progress bars
617 | //
618 | //##
619 | 
620 | //** Background color of the whole progress component
621 | @progress-bg:                 #f5f5f5;
622 | //** Progress bar text color
623 | @progress-bar-color:          #fff;
624 | //** Variable for setting rounded corners on progress bar.
625 | @progress-border-radius:      @border-radius-base;
626 | 
627 | //** Default progress bar color
628 | @progress-bar-bg:             @brand-primary;
629 | //** Success progress bar color
630 | @progress-bar-success-bg:     @brand-success;
631 | //** Warning progress bar color
632 | @progress-bar-warning-bg:     @brand-warning;
633 | //** Danger progress bar color
634 | @progress-bar-danger-bg:      @brand-danger;
635 | //** Info progress bar color
636 | @progress-bar-info-bg:        @brand-info;
637 | 
638 | 
639 | //== List group
640 | //
641 | //##
642 | 
643 | //** Background color on `.list-group-item`
644 | @list-group-bg:                 #fff;
645 | //** `.list-group-item` border color
646 | @list-group-border:             #ddd;
647 | //** List group border radius
648 | @list-group-border-radius:      @border-radius-base;
649 | 
650 | //** Background color of single list items on hover
651 | @list-group-hover-bg:           #f5f5f5;
652 | //** Text color of active list items
653 | @list-group-active-color:       @component-active-color;
654 | //** Background color of active list items
655 | @list-group-active-bg:          @component-active-bg;
656 | //** Border color of active list elements
657 | @list-group-active-border:      @list-group-active-bg;
658 | //** Text color for content within active list items
659 | @list-group-active-text-color:  lighten(@list-group-active-bg, 40%);
660 | 
661 | //** Text color of disabled list items
662 | @list-group-disabled-color:      @gray-light;
663 | //** Background color of disabled list items
664 | @list-group-disabled-bg:         @gray-lighter;
665 | //** Text color for content within disabled list items
666 | @list-group-disabled-text-color: @list-group-disabled-color;
667 | 
668 | @list-group-link-color:         #555;
669 | @list-group-link-hover-color:   @list-group-link-color;
670 | @list-group-link-heading-color: #333;
671 | 
672 | 
673 | //== Panels
674 | //
675 | //##
676 | 
677 | @panel-bg:                    #fff;
678 | @panel-body-padding:          15px;
679 | @panel-heading-padding:       10px 15px;
680 | @panel-footer-padding:        @panel-heading-padding;
681 | @panel-border-radius:         @border-radius-base;
682 | 
683 | //** Border color for elements within panels
684 | @panel-inner-border:          #ddd;
685 | @panel-footer-bg:             #f5f5f5;
686 | 
687 | @panel-default-text:          @gray-dark;
688 | @panel-default-border:        #ddd;
689 | @panel-default-heading-bg:    #f5f5f5;
690 | 
691 | @panel-primary-text:          #fff;
692 | @panel-primary-border:        @brand-primary;
693 | @panel-primary-heading-bg:    @brand-primary;
694 | 
695 | @panel-success-text:          @state-success-text;
696 | @panel-success-border:        @state-success-border;
697 | @panel-success-heading-bg:    @state-success-bg;
698 | 
699 | @panel-info-text:             @state-info-text;
700 | @panel-info-border:           @state-info-border;
701 | @panel-info-heading-bg:       @state-info-bg;
702 | 
703 | @panel-warning-text:          @state-warning-text;
704 | @panel-warning-border:        @state-warning-border;
705 | @panel-warning-heading-bg:    @state-warning-bg;
706 | 
707 | @panel-danger-text:           @state-danger-text;
708 | @panel-danger-border:         @state-danger-border;
709 | @panel-danger-heading-bg:     @state-danger-bg;
710 | 
711 | 
712 | //== Thumbnails
713 | //
714 | //##
715 | 
716 | //** Padding around the thumbnail image
717 | @thumbnail-padding:           4px;
718 | //** Thumbnail background color
719 | @thumbnail-bg:                @body-bg;
720 | //** Thumbnail border color
721 | @thumbnail-border:            #ddd;
722 | //** Thumbnail border radius
723 | @thumbnail-border-radius:     @border-radius-base;
724 | 
725 | //** Custom text color for thumbnail captions
726 | @thumbnail-caption-color:     @text-color;
727 | //** Padding around the thumbnail caption
728 | @thumbnail-caption-padding:   9px;
729 | 
730 | 
731 | //== Wells
732 | //
733 | //##
734 | 
735 | @well-bg:                     #f5f5f5;
736 | @well-border:                 darken(@well-bg, 7%);
737 | 
738 | 
739 | //== Badges
740 | //
741 | //##
742 | 
743 | @badge-color:                 #fff;
744 | //** Linked badge text color on hover
745 | @badge-link-hover-color:      #fff;
746 | @badge-bg:                    @gray-light;
747 | 
748 | //** Badge text color in active nav link
749 | @badge-active-color:          @link-color;
750 | //** Badge background color in active nav link
751 | @badge-active-bg:             #fff;
752 | 
753 | @badge-font-weight:           bold;
754 | @badge-line-height:           1;
755 | @badge-border-radius:         10px;
756 | 
757 | 
758 | //== Breadcrumbs
759 | //
760 | //##
761 | 
762 | @breadcrumb-padding-vertical:   8px;
763 | @breadcrumb-padding-horizontal: 15px;
764 | //** Breadcrumb background color
765 | @breadcrumb-bg:                 #f5f5f5;
766 | //** Breadcrumb text color
767 | @breadcrumb-color:              #ccc;
768 | //** Text color of current page in the breadcrumb
769 | @breadcrumb-active-color:       @gray-light;
770 | //** Textual separator for between breadcrumb elements
771 | @breadcrumb-separator:          "/";
772 | 
773 | 
774 | //== Carousel
775 | //
776 | //##
777 | 
778 | @carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);
779 | 
780 | @carousel-control-color:                      #fff;
781 | @carousel-control-width:                      15%;
782 | @carousel-control-opacity:                    .5;
783 | @carousel-control-font-size:                  20px;
784 | 
785 | @carousel-indicator-active-bg:                #fff;
786 | @carousel-indicator-border-color:             #fff;
787 | 
788 | @carousel-caption-color:                      #fff;
789 | 
790 | 
791 | //== Close
792 | //
793 | //##
794 | 
795 | @close-font-weight:           bold;
796 | @close-color:                 #000;
797 | @close-text-shadow:           0 1px 0 #fff;
798 | 
799 | 
800 | //== Code
801 | //
802 | //##
803 | 
804 | @code-color:                  #c7254e;
805 | @code-bg:                     #f9f2f4;
806 | 
807 | @kbd-color:                   #fff;
808 | @kbd-bg:                      #333;
809 | 
810 | @pre-bg:                      #f5f5f5;
811 | @pre-color:                   @gray-dark;
812 | @pre-border-color:            #ccc;
813 | @pre-scrollable-max-height:   340px;
814 | 
815 | 
816 | //== Type
817 | //
818 | //##
819 | 
820 | //** Horizontal offset for forms and lists.
821 | @component-offset-horizontal: 180px;
822 | //** Text muted color
823 | @text-muted:                  @gray-light;
824 | //** Abbreviations and acronyms border color
825 | @abbr-border-color:           @gray-light;
826 | //** Headings small color
827 | @headings-small-color:        @gray-light;
828 | //** Blockquote small color
829 | @blockquote-small-color:      @gray-light;
830 | //** Blockquote font size
831 | @blockquote-font-size:        (@font-size-base * 1.25);
832 | //** Blockquote border color
833 | @blockquote-border-color:     @gray-lighter;
834 | //** Page header border color
835 | @page-header-border-color:    @gray-lighter;
836 | //** Width of horizontal description list titles
837 | @dl-horizontal-offset:        @component-offset-horizontal;
838 | //** Horizontal line color.
839 | @hr-border:                   @gray-lighter;
840 | 


--------------------------------------------------------------------------------
/united_backend_theme/views.xml:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 |     
 4 | 
 5 |         
13 | 
14 |         
23 | 
24 |     
25 | 
26 | 
27 | 


--------------------------------------------------------------------------------