initial commit

16 files changed, 1321 insertions, 0 deletions

diff --git a/muk_web_theme/static/src/scss/apps.scss b/muk_web_theme/static/src/scss/apps.scss
new file mode 100644
index 0000000..6374c1c
--- /dev/null
+++ b/muk_web_theme/static/src/scss/apps.scss
@@ -0,0 +1,118 @@
+/**********************************************************************************
+*
+*    Copyright (c) 2017-today MuK IT GmbH.
+*
+*    This file is part of MuK Grid Snippets
+*    (see https://mukit.at).
+*
+*    This program is free software: you can redistribute it and/or modify
+*    it under the terms of the GNU Lesser General Public License as published by
+*    the Free Software Foundation, either version 3 of the License, or
+*    (at your option) any later version.
+*
+*    This program is distributed in the hope that it will be useful,
+*    but WITHOUT ANY WARRANTY; without even the implied warranty of
+*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*    GNU Lesser General Public License for more details.
+*
+*    You should have received a copy of the GNU Lesser General Public License
+*    along with this program. If not, see <http://www.gnu.org/licenses/>.
+*
+**********************************************************************************/
+
+.o_menu_apps {
+	.full {    
+		width: 46px;
+		font-size: 18px;
+		text-align: center;
+	}
+    .dropdown-menu.show {
+		@include mk-full-screen-sections();
+		align-content: flex-start;
+		overflow: inital;
+		display: flex;
+		flex-direction: row;
+		flex-wrap: wrap;
+		justify-content: flex-start;
+		@include media-breakpoint-up(lg) {
+		    padding: {
+		        left: 20vw;
+		        right: 20vw;
+		    }
+		}
+		.o_app {
+		    display: flex;
+			margin-top: 20px;
+		    align-items: center;
+		    flex-direction: column;
+		    justify-content: flex-start;
+		    width: percentage(1/3);
+		    @include media-breakpoint-up(sm) {
+		        width: percentage(1/4);
+		    }
+		    @include media-breakpoint-up(md) {
+		        width: percentage(1/6);
+		    }
+		    &:hover, &:focus, &:active, &.active {
+				background: none;
+				.o-app-icon {
+					box-shadow: 0 8px 15px -10px black;
+				    transform: translateY(-1px);
+				}
+		    }
+		}
+		.has-results ~ .o_app {
+		    display: none;
+		}
+		.o-app-icon {
+		    height: auto;
+		    max-width: 7rem;
+		    width: 100%;
+		    flex-basis: 0;
+		}
+		.o-app-name {
+			color: $mk-apps-color; 
+		}
+		.form-row {
+		    width: 100%;
+		}
+		.mk_search_container {
+			margin-top: 25px;
+			.mk_search_input {
+				input:focus {
+			    	box-shadow: none;
+					border: 1px solid $gray-400;
+			    }
+			}
+			&.has-results {
+		        height: 100%;
+		        .mk_search_input {
+		            height: 3em;
+		        }
+		        .mk_search_results {
+		            height: calc(100% - 3em);
+		            .mk_menu_search_result {
+					    display: block;
+					    cursor: pointer;
+					    align-items: center;
+					    padding-left: 3rem;
+					    padding-right: 1rem;
+					    background-position: left;
+					    background-repeat: no-repeat;
+					    background-size: contain;
+	            	    white-space: nowrap;
+					    overflow: hidden;
+					    text-overflow: ellipsis;
+		            	color: $mk-apps-color;
+		            	&:hover, &:active, &.active {
+		            		background-color: rgba(255, 255, 255, 0.05);
+		            	} 
+					}
+		        }
+		    }
+			@include media-breakpoint-down(md) {
+				padding-right: 5px;
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/muk_web_theme/static/src/scss/appsbar.scss b/muk_web_theme/static/src/scss/appsbar.scss
new file mode 100644
index 0000000..61194c8
--- /dev/null
+++ b/muk_web_theme/static/src/scss/appsbar.scss
@@ -0,0 +1,179 @@
+/**********************************************************************************

+*

+*    Copyright (c) 2017-today MuK IT GmbH.

+*

+*    This file is part of MuK Grid Snippets

+*    (see https://mukit.at).

+*

+*    This program is free software: you can redistribute it and/or modify

+*    it under the terms of the GNU Lesser General Public License as published by

+*    the Free Software Foundation, either version 3 of the License, or

+*    (at your option) any later version.

+*

+*    This program is distributed in the hope that it will be useful,

+*    but WITHOUT ANY WARRANTY; without even the implied warranty of

+*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

+*    GNU Lesser General Public License for more details.

+*

+*    You should have received a copy of the GNU Lesser General Public License

+*    along with this program. If not, see <http://www.gnu.org/licenses/>.

+*

+**********************************************************************************/

+

+.mk_apps_sidebar_panel {

+    height: calc(100% - #{$o-navbar-height}); 

+	position: fixed; 

+    overflow-y: auto;	

+    top: $o-navbar-height;

+    background-color: $mk-appbar-background;

+    &::-webkit-scrollbar {

+	  display: none;

+	}

+	-ms-overflow-style: none;

+	scrollbar-width: none;

+    .mk_apps_sidebar {

+	    padding: 0;

+	    white-space: nowrap;

+	    .mk_apps_sidebar_menu {

+		    list-style: none;

+		    margin: 0;

+		    padding: 0;

+		    > li {

+		        margin: 0;

+		        padding: 0;

+		        border: 0px;

+		        display: block;

+		        > a {

+		            margin: 0;

+		            border: 0px;

+		            display: block;

+		            cursor: pointer;

+		            font-size: 13px;

+		            font-weight: 300;

+		            overflow: hidden;

+		            padding: 8px 11px;

+		            position: relative;

+		            text-decoration: none;

+		            color: $mk-appbar-color;

+		            text-overflow: ellipsis;

+		            .mk_apps_sidebar_icon {

+					    width: 22px;

+					    height: 22px;

+					    margin-right: 5px;

+					}

+		        }

+		    }

+	        > li:hover > a {

+			    background: $o-brand-primary;

+	        }

+	    }

+	}

+}

+

+@include media-breakpoint-up(lg) {

+	.mk_sidebar_type_large {

+		.mk_apps_sidebar_panel {

+			width: $mk-sidebar-large-width;

+		}

+		.o_action_manager {

+			padding-left: $mk-sidebar-large-width;

+		}

+	}

+	.mk_sidebar_type_small {

+		.mk_apps_sidebar_panel {

+			width: $mk-sidebar-small-width;

+			.mk_apps_sidebar_name {

+				display: none;

+			}

+			.mk_apps_sidebar_icon {

+				margin-right: 0 !important;

+			}

+		}

+		.o_action_manager {

+			padding-left: $mk-sidebar-small-width;

+		}

+	}

+

+	.mk_sidebar_type_invisible {

+		.mk_apps_sidebar_panel {

+			display: none;

+		}

+	}

+

+	//.sidebar_padding_invisible {

+	//	margin-left: $sidebar-invisible;

+	//}

+	//

+	//.sidebar_padding_small {

+	//	margin-left: $sidebar-small;

+	//}

+	//

+	//.sidebar_padding_large {

+	//	margin-left: $sidebar-large;

+	//}

+

+}

+

+@include media-breakpoint-only(md) {

+	.mk_sidebar_type_large, .mk_sidebar_type_small {

+		.mk_apps_sidebar_panel {

+			width: $mk-sidebar-small-width;

+			.mk_apps_sidebar_name {

+				display: none;

+			}

+			.mk_apps_sidebar_icon {

+				margin-right: 0 !important;

+			}

+		}

+		.o_action_manager {

+			padding-left: $mk-sidebar-small-width;

+		}

+	}

+

+	.mk_sidebar_type_invisible {

+		.mk_apps_sidebar_panel {

+			display: none;

+		}

+	}

+	//.sidebar_padding_invisible {

+	//	margin-left: $sidebar-invisible;

+	//}

+	//

+	//.sidebar_padding_small {

+	//	margin-left: $sidebar-invisible;

+	//}

+	//

+	//.sidebar_padding_large {

+	//	margin-left: $sidebar-invisible;

+	//}

+}

+

+@include media-breakpoint-down(sm) {

+	.mk_apps_sidebar_panel {

+		display: none;

+	}

+	.o_action_manager {

+		padding-left: 0;

+	}

+

+	//.sidebar_padding_invisible {

+	//	margin-left: $sidebar-invisible;

+	//}

+	//

+	//.sidebar_padding_small {

+	//	margin-left: $sidebar-invisible;

+	//}

+	//

+	//.sidebar_padding_large {

+	//	margin-left: $sidebar-invisible;

+	//}

+}

+

+.o_fullscreen {

+	.mk_apps_sidebar_panel {

+		display: none;

+	}

+	.o_action_manager {

+		padding-left: 0;

+	}

+}

diff --git a/muk_web_theme/static/src/scss/colors.scss b/muk_web_theme/static/src/scss/colors.scss
new file mode 100644
index 0000000..f7489d9
--- /dev/null
+++ b/muk_web_theme/static/src/scss/colors.scss
@@ -0,0 +1,35 @@
+/**********************************************************************************
+*
+*    Copyright (c) 2017-today MuK IT GmbH.
+*
+*    This file is part of MuK Grid Snippets
+*    (see https://mukit.at).
+*
+*    This program is free software: you can redistribute it and/or modify
+*    it under the terms of the GNU Lesser General Public License as published by
+*    the Free Software Foundation, either version 3 of the License, or
+*    (at your option) any later version.
+*
+*    This program is distributed in the hope that it will be useful,
+*    but WITHOUT ANY WARRANTY; without even the implied warranty of
+*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*    GNU Lesser General Public License for more details.
+*
+*    You should have received a copy of the GNU Lesser General Public License
+*    along with this program. If not, see <http://www.gnu.org/licenses/>.
+*
+**********************************************************************************/
+
+$o-brand-odoo: #243742;
+$o-brand-primary: #5D8DA8;
+
+$mk-required-color: #d1dfe6;
+
+$mk-apps-color: #f8f9fa;
+
+$mk-appbar-color: #dee2e6;
+$mk-appbar-background: #000000;
+
+$mk-brand-gradient-start: lighten($o-brand-odoo, 10%);
+$mk-brand-gradient-end: lighten($o-brand-odoo, 20%);
+
diff --git a/muk_web_theme/static/src/scss/control_panel.scss b/muk_web_theme/static/src/scss/control_panel.scss
new file mode 100644
index 0000000..0456945
--- /dev/null
+++ b/muk_web_theme/static/src/scss/control_panel.scss
@@ -0,0 +1,133 @@
+/**********************************************************************************
+*
+*    Copyright (c) 2017-today MuK IT GmbH.
+*
+*    This file is part of MuK Grid Snippets
+*    (see https://mukit.at).
+*
+*    This program is free software: you can redistribute it and/or modify
+*    it under the terms of the GNU Lesser General Public License as published by
+*    the Free Software Foundation, either version 3 of the License, or
+*    (at your option) any later version.
+*
+*    This program is distributed in the hope that it will be useful,
+*    but WITHOUT ANY WARRANTY; without even the implied warranty of
+*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*    GNU Lesser General Public License for more details.
+*
+*    You should have received a copy of the GNU Lesser General Public License
+*    along with this program. If not, see <http://www.gnu.org/licenses/>.
+*
+**********************************************************************************/
+
+@include media-breakpoint-down(sm) {
+    .o_control_panel {
+    	padding-left: $o-horizontal-padding /2;
+    	padding-right: $o-horizontal-padding /2;
+        .o_cp_top {
+            justify-content: space-between;
+            .o_cp_top_left {
+                max-width: 35%;
+                .breadcrumb {
+                    overflow: hidden;
+                    display: block;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                }
+            }
+            .o_cp_top_right {
+            	min-height: 35px;
+            	min-width: 65%;
+            	flex-grow: 1;
+        	}
+        }
+        .o_cp_bottom {
+            justify-content: space-between;
+            .o_cp_bottom_left {
+                flex-grow: 1;
+                .o_cp_action_menus, .o_cp_buttons {
+                    flex: 1 1 100%;
+                }
+                .o_cp_action_menus .o_dropdown .o_dropdown_toggler_btn {
+                    .o_dropdown_title {
+                        display: none;
+                    }
+                    i:last-of-type{
+                        display: none;
+                    }
+                    &::after{
+                        display: inline-block;
+                        width: 0;
+                        height: 0;
+                        margin-left: 0.255em;
+                        vertical-align: 0.255em;
+                        content: "";
+                        border-top: 0.3em solid;
+                        border-right: 0.3em solid transparent;
+                        border-bottom: 0;
+                        border-left: 0.3em solid transparent;
+                    }
+                }
+            }
+            .o_cp_bottom_right {
+                .o_cp_pager {
+                    white-space: nowrap;
+                    .o_pager_counter {
+                        max-width: 60px;
+                        @include o-text-overflow;
+                    }
+                    .o_pager_previous, .o_pager_next {
+                           border: none;
+                    }
+                }
+                .o_search_options {
+                    display: none;
+                }
+            }
+        }
+       .breadcrumb-item {
+            &:not(.active) {
+                padding-left: 0;
+            }
+            &::before {
+                content: none;
+                padding-right: 0;
+            }
+            &:nth-last-of-type(1n+3) {
+                display: none;
+            }
+            &:nth-last-of-type(2) {
+                &::before {
+                    content: "\f053";
+                    cursor: pointer;
+                    color: $o-brand-primary;
+                    font-family: FontAwesome;
+                }
+                a {
+                    display: none;
+                }
+            }
+        }
+        .o_cp_buttons .btn.d-block:not(.d-none) {
+            display: inline-block !important;
+        }
+        .o_cp_switch_buttons {
+            &.show > .dropdown-menu {
+                display: flex;
+                min-width: 0px;
+                flex-direction: row;
+                align-content: center;
+                justify-content: space-around;
+                padding: 0;
+                .btn {
+                    margin: 5px;
+                    border: none;
+    				font-size: 1.25rem;
+                }
+            }
+        }
+    }
+	.o_controller_with_searchpanel .o_search_panel {
+   		display: none;
+    }
+}
diff --git a/muk_web_theme/static/src/scss/fields.scss b/muk_web_theme/static/src/scss/fields.scss
new file mode 100644
index 0000000..f9a903d
--- /dev/null
+++ b/muk_web_theme/static/src/scss/fields.scss
@@ -0,0 +1,40 @@
+/**********************************************************************************
+*
+*    Copyright (c) 2017-today MuK IT GmbH.
+*
+*    This file is part of MuK Grid Snippets
+*    (see https://mukit.at).
+*
+*    This program is free software: you can redistribute it and/or modify
+*    it under the terms of the GNU Lesser General Public License as published by
+*    the Free Software Foundation, either version 3 of the License, or
+*    (at your option) any later version.
+*
+*    This program is distributed in the hope that it will be useful,
+*    but WITHOUT ANY WARRANTY; without even the implied warranty of
+*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*    GNU Lesser General Public License for more details.
+*
+*    You should have received a copy of the GNU Lesser General Public License
+*    along with this program. If not, see <http://www.gnu.org/licenses/>.
+*
+**********************************************************************************/
+
+.o_field_widget {
+    &.o_field_many2one .o_external_button {
+        color: $o-brand-odoo
+    }
+}
+
+.o_required_modifier {
+    &.o_input, .o_input {
+        background-color: $mk-required-color !important;
+    }
+}
+
+@include media-breakpoint-down(sm) {
+    .o_form_view .mk_mobile_add {
+		margin-left: 0 !important;
+        margin-bottom: 10px !important;
+	}
+}
\ No newline at end of file
diff --git a/muk_web_theme/static/src/scss/fonts.scss b/muk_web_theme/static/src/scss/fonts.scss
new file mode 100644
index 0000000..ce7bf2f
--- /dev/null
+++ b/muk_web_theme/static/src/scss/fonts.scss
@@ -0,0 +1,60 @@
+/**********************************************************************************
+*
+*    Copyright (c) 2017-today MuK IT GmbH.
+*
+*    This file is part of MuK Grid Snippets
+*    (see https://mukit.at).
+*
+*    This program is free software: you can redistribute it and/or modify
+*    it under the terms of the GNU Lesser General Public License as published by
+*    the Free Software Foundation, either version 3 of the License, or
+*    (at your option) any later version.
+*
+*    This program is distributed in the hope that it will be useful,
+*    but WITHOUT ANY WARRANTY; without even the implied warranty of
+*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*    GNU Lesser General Public License for more details.
+*
+*    You should have received a copy of the GNU Lesser General Public License
+*    along with this program. If not, see <http://www.gnu.org/licenses/>.
+*
+**********************************************************************************/
+
+$font-path-noto: '../fonts/Noto';
+$font-path-roboto: '../fonts/Roboto';
+
+@mixin mk-roboto-font-face($name, $weight, $style) {
+	@font-face {
+        font-family: 'Noto';
+        src: url('#{$font-path-noto}/Noto-#{$name}.eot');
+        src: url('#{$font-path-noto}/Noto-#{$name}.eot?#iefix') format('embedded-opentype'),
+             url('#{$font-path-noto}/Noto-#{$name}.woff') format('woff'),
+             url('#{$font-path-noto}/Noto-#{$name}.ttf') format('truetype'),
+             url('#{$font-path-noto}/Noto-#{$name}.svg#Noto') format('svg');
+        font-weight: $weight;
+        font-style: $style;
+    }
+    @font-face {
+        font-family: 'Roboto';
+        src: url('#{$font-path-roboto}/Roboto-#{$name}.eot');
+        src: url('#{$font-path-roboto}/Roboto-#{$name}.eot?#iefix') format('embedded-opentype'),
+             url('#{$font-path-roboto}/Roboto-#{$name}.woff') format('woff'),
+             url('#{$font-path-roboto}/Roboto-#{$name}.ttf') format('truetype'),
+             url('#{$font-path-roboto}/Roboto-#{$name}.svg#Roboto') format('svg');
+        font-weight: $weight;
+        font-style: $style;
+    }
+}
+
+@include mk-roboto-font-face('Thin', 100, normal);
+@include mk-roboto-font-face('ThinItalic', 100, italic);
+@include mk-roboto-font-face('Light', 300, normal);
+@include mk-roboto-font-face('LightItalic', 300, italic);
+@include mk-roboto-font-face('Regular', 400, normal);
+@include mk-roboto-font-face('Italic', 400, italic);
+@include mk-roboto-font-face('Medium', 500, normal);
+@include mk-roboto-font-face('MediumItalic', 500, italic);
+@include mk-roboto-font-face('Bold', 700, normal);
+@include mk-roboto-font-face('BoldItalic', 700, italic);
+@include mk-roboto-font-face('Black', 900, normal);
+@include mk-roboto-font-face('BlackItalic', 900, italic);
diff --git a/muk_web_theme/static/src/scss/form_view.scss b/muk_web_theme/static/src/scss/form_view.scss
new file mode 100644
index 0000000..3c5acc0
--- /dev/null
+++ b/muk_web_theme/static/src/scss/form_view.scss
@@ -0,0 +1,153 @@
+/**********************************************************************************

+*

+*    Copyright (c) 2017-today MuK IT GmbH.

+*

+*    This file is part of MuK Grid Snippets

+*    (see https://mukit.at).

+*

+*    This program is free software: you can redistribute it and/or modify

+*    it under the terms of the GNU Lesser General Public License as published by

+*    the Free Software Foundation, either version 3 of the License, or

+*    (at your option) any later version.

+*

+*    This program is distributed in the hope that it will be useful,

+*    but WITHOUT ANY WARRANTY; without even the implied warranty of

+*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

+*    GNU Lesser General Public License for more details.

+*

+*    You should have received a copy of the GNU Lesser General Public License

+*    along with this program. If not, see <http://www.gnu.org/licenses/>.

+*

+**********************************************************************************/

+

+.o_form_view {

+    .o_form_sheet_bg {

+        background: $o-webclient-background-color;

+        border-bottom: 1px solid gray('300');

+        > .o_form_sheet {

+        	@include mk-container-widths();

+         	background-color: $o-view-background-color;

+            border: 1px solid gray('400');

+            box-shadow: 0 5px 20px -15px black;

+            max-width: calc(100% - #{$o-horizontal-padding*2});

+        }

+        .o_form_statusbar {

+            position: sticky;

+            z-index: 1;

+            top: 0;

+        }

+        .oe_button_box {

+        	.btn.oe_stat_button > .o_button_icon {

+        		color: $o-brand-odoo; 

+        	}

+       	}

+        .oe_title {

+            max-width: 100%;

+            width: initial;

+            span.o_field_widget {

+                max-width: 100%;

+                text-overflow: ellipsis;

+                white-space: nowrap;

+                overflow: hidden;

+                width: initial;

+            }

+        }

+        .o_notebook {

+            .nav-tabs {

+                overflow-x : auto;

+    			overflow-y: hidden;

+                flex-flow: nowrap;

+                .nav-item {

+                    white-space: nowrap;

+                }

+            }

+           	> .tab-content > .tab-pane > :first-child {

+           		margin-top: 0;

+           	}

+        }

+    }

+   	@include media-breakpoint-down(sm) {			

+	    .o_form_sheet {

+	        min-width: 100% !important;

+    		max-width: 100% !important;

+			margin-top: 15px !important;

+	    }

+		.o_group {

+			@for $i from 1 through $o-form-group-cols {

+				.o_group_col_#{$i} {

+					width: 100% !important;

+				}

+			}

+			.o_field_widget.o_text_overflow {

+				width: auto !important;

+			}

+		}

+	    .o_statusbar_buttons_dropdown {

+	        border: {

+	            bottom: 0;

+	            radius: 0;

+	            top: 0;

+	        }

+	        height: 100%;

+	    }

+	    .o_statusbar_buttons > .btn {

+	        border-radius: 0;

+	        border: 0;

+	        width: 100%;

+	        margin-bottom: 0.2rem;

+	        &:last-child {

+	            margin-bottom: 0;

+	        }

+	    }

+	    .o_statusbar_status {

+	        .o_arrow_button:first-child::before {

+	            content: none;

+	            display: none;

+	        }

+	    }

+	    .app_settings_block {

+	        .row {

+	            margin: 0;

+	        }

+	    }

+	    .o_notebook .nav-tabs {

+            &::-webkit-scrollbar {

+                display: none;

+            }

+        }

+        .o_cp_buttons {

+            width: 100%;

+            div, .o-kanban-button-new {

+                width: 100%;

+            }

+        }

+	}

+	@include media-breakpoint-down(xs) {

+    	.oe_title {

+           	width: 100% !important;

+            max-width: 100% !important;

+        }

+	}

+}

+

+.mk_chatter_position_sided {

+	@include media-breakpoint-up(xxl, $o-extra-grid-breakpoints) {

+        .o_form_view:not(.o_form_nosheet) {

+            display: flex;

+            flex-flow: row nowrap;

+            height: 100%;

+            .o_form_sheet_bg {

+			    min-width: $mk-form-min-width;

+                flex: 1 1 auto;

+                overflow: auto;

+            }

+            > .o_FormRenderer_chatterContainer {

+				flex: 1 1 auto;

+				overflow: auto;

+				min-width: $mk-chatter-min-width;

+				max-width: $mk-chatter-max-width;

+				border-left: 1px solid gray('400');

+            }

+        }

+    }

+}

diff --git a/muk_web_theme/static/src/scss/kanban_view.scss b/muk_web_theme/static/src/scss/kanban_view.scss
new file mode 100644
index 0000000..73e29aa
--- /dev/null
+++ b/muk_web_theme/static/src/scss/kanban_view.scss
@@ -0,0 +1,100 @@
+/**********************************************************************************
+*
+*    Copyright (c) 2017-today MuK IT GmbH.
+*
+*    This file is part of MuK Grid Snippets
+*    (see https://mukit.at).
+*
+*    This program is free software: you can redistribute it and/or modify
+*    it under the terms of the GNU Lesser General Public License as published by
+*    the Free Software Foundation, either version 3 of the License, or
+*    (at your option) any later version.
+*
+*    This program is distributed in the hope that it will be useful,
+*    but WITHOUT ANY WARRANTY; without even the implied warranty of
+*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*    GNU Lesser General Public License for more details.
+*
+*    You should have received a copy of the GNU Lesser General Public License
+*    along with this program. If not, see <http://www.gnu.org/licenses/>.
+*
+**********************************************************************************/
+
+@include media-breakpoint-down(sm) {
+    .o_kanban_view.o_kanban_grouped {
+        display: block;
+        position: relative;
+        overflow-x: hidden;
+        .o_kanban_mobile_tabs_container {
+            position: sticky;
+            display: flex;
+            justify-content: space-between;
+            width: 100%;
+            top: 0;
+            z-index: 1;
+            background-color: #5E5E5E;
+            .o_kanban_mobile_add_column {
+                height: $o-kanban-mobile-tabs-height;
+                padding: 10px;
+                border-left: grey 1px solid;
+                color: white;
+                font-size: 14px;
+            }
+            .o_kanban_mobile_tabs {
+                position: relative;
+                display: flex;
+                width: 100%;
+                height: $o-kanban-mobile-tabs-height;
+                overflow-x: auto;
+                .o_kanban_mobile_tab {
+                    height: $o-kanban-mobile-tabs-height;
+                    padding: 10px 20px;
+                    font-size: 14px;
+                    color: white;
+                    &.o_current {
+                        font-weight: bold;
+                        border-bottom: 3px solid $o-brand-primary;
+                    }
+                    .o_column_title {
+                        white-space: nowrap;
+                        text-transform: uppercase;
+                    }
+                }
+            }
+        }
+        .o_kanban_columns_content {
+            position: relative;
+        }
+        &[class] .o_kanban_group:not(.o_column_folded) {
+            @include o-position-absolute($top: $o-kanban-mobile-tabs-height, $left: 0, $bottom: 0);
+            width: 100%;
+            padding: 0;
+            margin-left: 0;
+            border: none;
+            &.o_current {
+                position: inherit;
+                top: 0;
+                &.o_kanban_no_records {
+                    min-height: $o-kanban-mobile-empty-height;
+                }
+            }
+            .o_kanban_header {
+                display: none;
+            }
+            .o_kanban_record, .o_kanban_quick_create {
+                border: none;
+                border-bottom: 1px solid lightgray;
+                padding: 10px 16px;
+                margin: 0;
+            }
+        }
+    }
+    .o_kanban_view .o_column_quick_create {
+        .o_quick_create_folded {
+            display: none !important;
+        }
+        .o_quick_create_unfolded{
+            width: 100%;
+        }
+    }
+}
diff --git a/muk_web_theme/static/src/scss/layout.scss b/muk_web_theme/static/src/scss/layout.scss
new file mode 100644
index 0000000..beea338
--- /dev/null
+++ b/muk_web_theme/static/src/scss/layout.scss
@@ -0,0 +1,75 @@
+/**********************************************************************************
+*
+*    Copyright (c) 2017-today MuK IT GmbH.
+*
+*    This file is part of MuK Grid Snippets
+*    (see https://mukit.at).
+*
+*    This program is free software: you can redistribute it and/or modify
+*    it under the terms of the GNU Lesser General Public License as published by
+*    the Free Software Foundation, either version 3 of the License, or
+*    (at your option) any later version.
+*
+*    This program is distributed in the hope that it will be useful,
+*    but WITHOUT ANY WARRANTY; without even the implied warranty of
+*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*    GNU Lesser General Public License for more details.
+*
+*    You should have received a copy of the GNU Lesser General Public License
+*    along with this program. If not, see <http://www.gnu.org/licenses/>.
+*
+**********************************************************************************/
+
+//----------------------------------------------------------
+// Helper
+//----------------------------------------------------------
+
+$mk-brand-gradient: linear-gradient(to right bottom, $mk-brand-gradient-start, $mk-brand-gradient-end);
+
+//----------------------------------------------------------
+// Web Client
+//----------------------------------------------------------
+
+.o_web_client {
+	.o_main .o_main_content {
+	    @include media-breakpoint-down(sm) {
+	        overflow: auto;
+	        .o_content {
+	            overflow: initial;
+	        }
+	    }
+	}
+	.o_loading {
+	    position: fixed;
+	    right: 0;
+	    bottom: 0;
+	    color: white;
+	    padding: 5px;
+	    opacity: 0.8;
+	    z-index: 1052;
+	    border-radius: 0;
+	    background-color: $o-brand-odoo;
+	}
+}
+
+.oe_wait {
+ 	cursor: progress;
+}
+
+//----------------------------------------------------------
+// Views
+//----------------------------------------------------------
+
+.o_content, .modal-content {
+    max-width: 100%;
+}
+
+//----------------------------------------------------------
+// Tooltips
+//----------------------------------------------------------
+
+.o_tooltip {
+  &.o_animated {
+    display: none;
+  }
+}
diff --git a/muk_web_theme/static/src/scss/list_view.scss b/muk_web_theme/static/src/scss/list_view.scss
new file mode 100644
index 0000000..dd2c86b
--- /dev/null
+++ b/muk_web_theme/static/src/scss/list_view.scss
@@ -0,0 +1,75 @@
+/**********************************************************************************

+*

+*    Copyright (c) 2017-today MuK IT GmbH.

+*

+*    This file is part of MuK Grid Snippets

+*    (see https://mukit.at).

+*

+*    This program is free software: you can redistribute it and/or modify

+*    it under the terms of the GNU Lesser General Public License as published by

+*    the Free Software Foundation, either version 3 of the License, or

+*    (at your option) any later version.

+*

+*    This program is distributed in the hope that it will be useful,

+*    but WITHOUT ANY WARRANTY; without even the implied warranty of

+*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

+*    GNU Lesser General Public License for more details.

+*

+*    You should have received a copy of the GNU Lesser General Public License

+*    along with this program. If not, see <http://www.gnu.org/licenses/>.

+*

+**********************************************************************************/

+

+.o_list_view {

+	table {

+		overflow-x: hidden;

+	}

+	table, thead, tfoot, td, th {

+	    border: none !important;

+	}

+	thead {

+		background-color: white;

+		th.o_column_sortable:hover {

+		    background-color: white;

+		}

+	}

+	tfoot {

+	    color: white !important;

+	    cursor: default;

+	    font-weight: normal;

+	}

+}

+

+.o_list_table_grouped.table tbody tr {

+	&:nth-of-type(2n+1) {

+		background-color: white;

+	}

+	&.o_group_header {

+	    background-image: none;

+		background-color: gray('200');

+	    box-shadow: inset 0 1px 0 gray('300');

+	}

+	&:hover {

+    	background-color: gray('200');

+    }

+}

+

+.o_content, .modal-content {

+	 > div > .table-responsive {

+	    overflow-x: initial;

+	    > .o_list_view {

+	        thead, thead tr:nth-child(1) th {

+	        	border-bottom: solid 1px gray('300');

+	    		background-color: white;

+	            position: sticky;

+	            z-index: 1;

+	            top: 0;

+	        }

+	        tfoot, tfoot tr:nth-child(1) td {

+    			background-color: $o-list-footer-bg-color;

+	            position: sticky;

+	            bottom: 0;

+	        }

+	    }

+	}

+}

diff --git a/muk_web_theme/static/src/scss/mixins.scss b/muk_web_theme/static/src/scss/mixins.scss
new file mode 100644
index 0000000..c1c32cf
--- /dev/null
+++ b/muk_web_theme/static/src/scss/mixins.scss
@@ -0,0 +1,45 @@
+/**********************************************************************************
+*
+*    Copyright (c) 2017-today MuK IT GmbH.
+*
+*    This file is part of MuK Grid Snippets
+*    (see https://mukit.at).
+*
+*    This program is free software: you can redistribute it and/or modify
+*    it under the terms of the GNU Lesser General Public License as published by
+*    the Free Software Foundation, either version 3 of the License, or
+*    (at your option) any later version.
+*
+*    This program is distributed in the hope that it will be useful,
+*    but WITHOUT ANY WARRANTY; without even the implied warranty of
+*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*    GNU Lesser General Public License for more details.
+*
+*    You should have received a copy of the GNU Lesser General Public License
+*    along with this program. If not, see <http://www.gnu.org/licenses/>.
+*
+**********************************************************************************/
+
+@mixin mk-full-screen-sections {
+    width: 100vw;
+    z-index: 1002;
+    display: flex;
+    flex-direction: column;
+    height: calc(100vh - #{$o-navbar-height});
+    max-height: calc(100vh - #{$o-navbar-height});
+    top: $o-navbar-height !important;
+    transform: none !important;
+    position: fixed !important;
+    overflow-x: hidden;
+    overflow-y: auto;
+    box-shadow: none;
+    border: none;
+}
+
+@mixin mk-container-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
+  @each $breakpoint, $container-max-width in $max-widths {
+    @include media-breakpoint-up($breakpoint, $breakpoints) {
+      width: $container-max-width;
+    }
+  }
+}
\ No newline at end of file
diff --git a/muk_web_theme/static/src/scss/navbar.scss b/muk_web_theme/static/src/scss/navbar.scss
new file mode 100644
index 0000000..999fea5
--- /dev/null
+++ b/muk_web_theme/static/src/scss/navbar.scss
@@ -0,0 +1,126 @@
+/**********************************************************************************
+*
+*    Copyright (c) 2017-today MuK IT GmbH.
+*
+*    This file is part of MuK Grid Snippets
+*    (see https://mukit.at).
+*
+*    This program is free software: you can redistribute it and/or modify
+*    it under the terms of the GNU Lesser General Public License as published by
+*    the Free Software Foundation, either version 3 of the License, or
+*    (at your option) any later version.
+*
+*    This program is distributed in the hope that it will be useful,
+*    but WITHOUT ANY WARRANTY; without even the implied warranty of
+*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*    GNU Lesser General Public License for more details.
+*
+*    You should have received a copy of the GNU Lesser General Public License
+*    along with this program. If not, see <http://www.gnu.org/licenses/>.
+*
+**********************************************************************************/
+
+@include media-breakpoint-down(sm) {
+    .o_main_navbar {
+		display: flex;
+		> .dropdown {
+		    display: flex;
+		    .navbar-toggler {
+		        color: white;
+		    }
+		    .o_menu_sections, .o_menu_systray {
+		        padding: 0;
+		    }
+		}
+		.o_menu_systray {
+		    margin-left: auto;
+		}
+		.o_debug_manager {
+			.dropdown-menu.show {
+				@include mk-full-screen-sections();
+			}
+		}
+		.o_user_menu, .o_switch_company_menu {
+			> .dropdown-toggle {
+				padding: 0 10px;
+				white-space: nowrap;
+				&::before, &::after {
+		            content: normal;
+		        }
+			}
+			.dropdown-menu.show {
+				@include mk-full-screen-sections();
+			}
+		}
+		.o_user_menu img {
+			margin-bottom: 3px;
+		}
+		.o_menu_brand, .o_menu_sections, .oe_topbar_name {
+		    display: none;
+		}
+		.o-menu-toggle {
+		    cursor: pointer;
+		    padding: 0 $o-horizontal-padding;
+		}
+		.o_mail_systray_dropdown.show {
+		    @include mk-full-screen-sections();
+		    .o_mail_preview_image {
+		        align-items: center;
+		        display: flex;
+		        flex-direction: row;
+		        img {
+		            display: block;
+		            height: auto;
+		        }
+		    }
+		}
+		.dropdown-menu .dropdown-item {
+		    padding: {
+		        bottom: 0.5rem;
+		        top: 0.5rem;
+		    }
+		}
+		.o_menu_sections.show {
+		    @include mk-full-screen-sections();
+		    background: $mk-brand-gradient;
+            .dropdown-toggle, .dropdown-item {
+			    padding: 0;
+		    	color: white;
+		    	height: 46px;
+			    line-height: 46px;
+				background: none;
+				span {
+            		padding-left: 15px;
+					font-size: initial;
+				}	
+			} 
+            .mk_menu_mobile_section {
+            	.fa {
+            		padding-top: 14px;
+            		padding-right: 15px;
+	            }
+			    .dropdown-menu {
+				    padding: 0;
+				    width: 100%;
+				    border: none;
+		            min-width: auto;
+				    box-shadow: none;
+				    background: none;
+				    position: static;
+				    overflow: visible;
+		        }
+			    @for $index from 1 through 5 {
+	                .o_menu_entry_lvl_#{$index} {
+	                    margin-left: ($index - 1) * 1.5rem;
+	                }
+	            }
+	           	@for $index from 2 through 5 {
+	                .o_menu_header_lvl_#{$index} {
+	                    margin-left: ($index - 1) * 1.5rem;
+	                }
+	            }
+		   	}
+		    
+		}
+    }
+}
\ No newline at end of file
diff --git a/muk_web_theme/static/src/scss/notification.scss b/muk_web_theme/static/src/scss/notification.scss
new file mode 100644
index 0000000..52958e4
--- /dev/null
+++ b/muk_web_theme/static/src/scss/notification.scss
@@ -0,0 +1,27 @@
+/**********************************************************************************
+*
+*    Copyright (c) 2017-today MuK IT GmbH.
+*
+*    This file is part of MuK Grid Snippets
+*    (see https://mukit.at).
+*
+*    This program is free software: you can redistribute it and/or modify
+*    it under the terms of the GNU Lesser General Public License as published by
+*    the Free Software Foundation, either version 3 of the License, or
+*    (at your option) any later version.
+*
+*    This program is distributed in the hope that it will be useful,
+*    but WITHOUT ANY WARRANTY; without even the implied warranty of
+*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*    GNU Lesser General Public License for more details.
+*
+*    You should have received a copy of the GNU Lesser General Public License
+*    along with this program. If not, see <http://www.gnu.org/licenses/>.
+*
+**********************************************************************************/
+
+.o_notification_manager {
+	.o_buttons {
+		padding: 5px;	
+	}
+}
\ No newline at end of file
diff --git a/muk_web_theme/static/src/scss/search_view.scss b/muk_web_theme/static/src/scss/search_view.scss
new file mode 100644
index 0000000..7703b8f
--- /dev/null
+++ b/muk_web_theme/static/src/scss/search_view.scss
@@ -0,0 +1,54 @@
+/**********************************************************************************

+*

+*    Copyright (c) 2017-today MuK IT GmbH.

+*

+*    This file is part of MuK Grid Snippets

+*    (see https://mukit.at).

+*

+*    This program is free software: you can redistribute it and/or modify

+*    it under the terms of the GNU Lesser General Public License as published by

+*    the Free Software Foundation, either version 3 of the License, or

+*    (at your option) any later version.

+*

+*    This program is distributed in the hope that it will be useful,

+*    but WITHOUT ANY WARRANTY; without even the implied warranty of

+*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

+*    GNU Lesser General Public License for more details.

+*

+*    You should have received a copy of the GNU Lesser General Public License

+*    along with this program. If not, see <http://www.gnu.org/licenses/>.

+*

+**********************************************************************************/

+

+.o_searchview {

+	padding: 0;

+	border: none;

+	width: 100%;

+    margin-bottom: 5px;

+	button {

+		background-color: $white;

+		border-color: $border-color;

+		color: $gray-600;

+		border: none;

+	}

+	.o_enable_searchview {

+    	float: right;

+	}

+	.o_searchview_input_container {

+	    border-bottom: 1px solid $o-brand-secondary;

+	}

+}

+

+.o_modal_header {

+	.o_searchview, .o_pager {

+		display: inline-block;

+	}

+}

+

+@include media-breakpoint-between(sm, lg, $o-extra-grid-breakpoints) {

+	.o_search_options {

+		.mk_dropdown_text {

+			display: none;

+		}

+	}

+}

diff --git a/muk_web_theme/static/src/scss/settings.scss b/muk_web_theme/static/src/scss/settings.scss
new file mode 100644
index 0000000..93ab8a2
--- /dev/null
+++ b/muk_web_theme/static/src/scss/settings.scss
@@ -0,0 +1,38 @@
+/**********************************************************************************
+*
+*    Copyright (c) 2017-today MuK IT GmbH.
+*
+*    This file is part of MuK Grid Snippets
+*    (see https://mukit.at).
+*
+*    This program is free software: you can redistribute it and/or modify
+*    it under the terms of the GNU Lesser General Public License as published by
+*    the Free Software Foundation, either version 3 of the License, or
+*    (at your option) any later version.
+*
+*    This program is distributed in the hope that it will be useful,
+*    but WITHOUT ANY WARRANTY; without even the implied warranty of
+*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*    GNU Lesser General Public License for more details.
+*
+*    You should have received a copy of the GNU Lesser General Public License
+*    along with this program. If not, see <http://www.gnu.org/licenses/>.
+*
+**********************************************************************************/
+
+@include media-breakpoint-down(sm) {
+	.o_base_settings .o_statusbar_buttons {
+		.btn {
+			width: auto !important;
+		   	border: solid 1px transparent; 
+			margin: 4px 3px 4px 0 !important;
+		   	padding: $btn-padding-y-sm $btn-padding-x-sm !important;
+		}
+		.btn-primary {
+			border-color: $o-brand-primary;
+		}
+		.btn-secondary {
+			border-color: $border-color;
+		}
+	}	
+}	
\ No newline at end of file
diff --git a/muk_web_theme/static/src/scss/variables.scss b/muk_web_theme/static/src/scss/variables.scss
new file mode 100644
index 0000000..0b93505
--- /dev/null
+++ b/muk_web_theme/static/src/scss/variables.scss
@@ -0,0 +1,63 @@
+/**********************************************************************************
+*
+*    Copyright (c) 2017-today MuK IT GmbH.
+*
+*    This file is part of MuK Grid Snippets
+*    (see https://mukit.at).
+*
+*    This program is free software: you can redistribute it and/or modify
+*    it under the terms of the GNU Lesser General Public License as published by
+*    the Free Software Foundation, either version 3 of the License, or
+*    (at your option) any later version.
+*
+*    This program is distributed in the hope that it will be useful,
+*    but WITHOUT ANY WARRANTY; without even the implied warranty of
+*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*    GNU Lesser General Public License for more details.
+*
+*    You should have received a copy of the GNU Lesser General Public License
+*    along with this program. If not, see <http://www.gnu.org/licenses/>.
+*
+**********************************************************************************/
+
+//----------------------------------------------------------
+// Fonts
+//----------------------------------------------------------
+
+$font-family-sans-serif: 'Roboto', 'Noto';
+
+//----------------------------------------------------------
+// Components
+//----------------------------------------------------------
+
+$border-radius: 0;
+$border-radius-lg: 0;
+$border-radius-sm: 0;
+
+//----------------------------------------------------------
+// Links
+//----------------------------------------------------------
+
+$link-color: darken($o-brand-primary, 8%);
+
+//----------------------------------------------------------
+// AppBarMenu
+//----------------------------------------------------------
+
+$mk-sidebar-large-width: 146px;
+$mk-sidebar-small-width: 46px;
+
+//----------------------------------------------------------
+// Sided Chatter
+//----------------------------------------------------------
+
+$mk-form-min-width: 835px;
+$mk-chatter-min-width: 550px;
+$mk-chatter-max-width: 600px;
+
+//----------------------------------------------------------
+// List View
+//----------------------------------------------------------
+
+$o-list-footer-bg-color: $o-brand-odoo;
+