├── .gitignore ├── .gitmodules └── theme_material ├── __init__.py ├── __openerp__.py ├── static ├── description │ ├── cover.png │ └── icon.png └── src │ ├── img │ └── theme │ │ ├── layout-boxed.gif │ │ ├── layout-full.gif │ │ ├── variant-amethyst.gif │ │ ├── variant-cobalt.gif │ │ ├── variant-emerald.gif │ │ ├── variant-gold.gif │ │ ├── variant-ruby.gif │ │ └── variant-stone.gif │ └── less │ ├── colors.less │ ├── grid5.loss │ ├── option_color_amethyst.less │ ├── option_color_cobalt.less │ ├── option_color_emerald.less │ ├── option_color_gold.less │ ├── option_color_ruby.less │ ├── option_color_stone.less │ ├── option_font.less │ └── option_layout_boxed.less └── views ├── assets.xml └── templates.xml /.gitignore: -------------------------------------------------------------------------------- 1 | # buildout 2 | tools/.* 3 | tools/bin 4 | tools/develop-eggs 5 | tools/eggs 6 | tools/etc 7 | tools/parts 8 | # Byte-compiled / optimized / DLL files 9 | __pycache__/ 10 | *.py[cod] 11 | # C extensions 12 | *.so 13 | # Distribution / packaging 14 | bin/ 15 | build/ 16 | develop-eggs/ 17 | dist/ 18 | eggs/ 19 | lib64/ 20 | parts/ 21 | sdist/ 22 | var/ 23 | *.egg-info/ 24 | .installed.cfg 25 | *.egg 26 | # Installer logs 27 | pip-log.txt 28 | pip-delete-this-directory.txt 29 | # Unit test / coverage reports 30 | .tox/ 31 | .coverage 32 | .cache 33 | nosetests.xml 34 | coverage.xml 35 | # Translations 36 | *.mo 37 | # Pycharm 38 | .idea 39 | # Backup files 40 | *~ 41 | *.swp 42 | .DS_Store 43 | -------------------------------------------------------------------------------- /.gitmodules: -------------------------------------------------------------------------------- 1 | [submodule "theme_material/static/src/bootstrap-material-design"] 2 | path = theme_material/static/src/bootstrap-material-design 3 | url = https://github.com/FezVrasta/bootstrap-material-design.git 4 | -------------------------------------------------------------------------------- /theme_material/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Vauxoo/odoo-material/9359fe51f11c6d24520d2864850aa7e2f2e368c9/theme_material/__init__.py -------------------------------------------------------------------------------- /theme_material/__openerp__.py: -------------------------------------------------------------------------------- 1 | { 2 | 'name': 'Theme Material Frontend', 3 | 'description': 'Front end theme based on material design', 4 | 'category': 'Theme', 5 | 'sequence': 2000, 6 | 'version': '0.1', 7 | 'author': 'Vauxoo', 8 | 'depends': ['website'], 9 | 'data': [ 10 | 'views/templates.xml', 11 | 'views/assets.xml', 12 | ], 13 | 'images': [ 14 | 'static/description/cover.png', 15 | ], 16 | 'application': False, 17 | } 18 | -------------------------------------------------------------------------------- /theme_material/static/description/cover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Vauxoo/odoo-material/9359fe51f11c6d24520d2864850aa7e2f2e368c9/theme_material/static/description/cover.png -------------------------------------------------------------------------------- /theme_material/static/description/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Vauxoo/odoo-material/9359fe51f11c6d24520d2864850aa7e2f2e368c9/theme_material/static/description/icon.png -------------------------------------------------------------------------------- /theme_material/static/src/img/theme/layout-boxed.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Vauxoo/odoo-material/9359fe51f11c6d24520d2864850aa7e2f2e368c9/theme_material/static/src/img/theme/layout-boxed.gif -------------------------------------------------------------------------------- /theme_material/static/src/img/theme/layout-full.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Vauxoo/odoo-material/9359fe51f11c6d24520d2864850aa7e2f2e368c9/theme_material/static/src/img/theme/layout-full.gif -------------------------------------------------------------------------------- /theme_material/static/src/img/theme/variant-amethyst.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Vauxoo/odoo-material/9359fe51f11c6d24520d2864850aa7e2f2e368c9/theme_material/static/src/img/theme/variant-amethyst.gif -------------------------------------------------------------------------------- /theme_material/static/src/img/theme/variant-cobalt.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Vauxoo/odoo-material/9359fe51f11c6d24520d2864850aa7e2f2e368c9/theme_material/static/src/img/theme/variant-cobalt.gif -------------------------------------------------------------------------------- /theme_material/static/src/img/theme/variant-emerald.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Vauxoo/odoo-material/9359fe51f11c6d24520d2864850aa7e2f2e368c9/theme_material/static/src/img/theme/variant-emerald.gif -------------------------------------------------------------------------------- /theme_material/static/src/img/theme/variant-gold.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Vauxoo/odoo-material/9359fe51f11c6d24520d2864850aa7e2f2e368c9/theme_material/static/src/img/theme/variant-gold.gif -------------------------------------------------------------------------------- /theme_material/static/src/img/theme/variant-ruby.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Vauxoo/odoo-material/9359fe51f11c6d24520d2864850aa7e2f2e368c9/theme_material/static/src/img/theme/variant-ruby.gif -------------------------------------------------------------------------------- /theme_material/static/src/img/theme/variant-stone.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Vauxoo/odoo-material/9359fe51f11c6d24520d2864850aa7e2f2e368c9/theme_material/static/src/img/theme/variant-stone.gif -------------------------------------------------------------------------------- /theme_material/static/src/less/colors.less: -------------------------------------------------------------------------------- 1 | /* Clean Colors */ 2 | 3 | @color-blue: #3498DB; 4 | @color-turquoise: #1ABC9C; 5 | @color-green: #2ECC71; 6 | @color-yellow: #F1C40F; 7 | @color-orange: #E67E22; 8 | @color-red: #E74C3C; 9 | @color-pink: #f74b94; 10 | @color-purple: #9B59B6; 11 | @color-brown: #7b5844; 12 | 13 | @color-blue-dark: #2980B9; 14 | @color-turquoise-dark: #16A085; 15 | @color-green-dark: #27AE60; 16 | @color-yellow-dark: #f3ac12; 17 | @color-orange-dark: #D35400; 18 | @color-red-dark: #C0392B; 19 | @color-pink-dark: #ea3884; 20 | @color-purple-dark: #8E44AD; 21 | @color-brown-dark: #604434; 22 | 23 | @color-blue-light: lighten(@color-blue, 20%); 24 | @color-turquoise-light: lighten(@color-turquoise, 20%); 25 | @color-green-light: lighten(@color-green, 20%); 26 | @color-yellow-light: lighten(@color-yellow, 20%); 27 | @color-orange-light: lighten(@color-orange, 20%); 28 | @color-red-light: lighten(@color-red, 20%); 29 | @color-pink-light: lighten(@color-pink, 20%); 30 | @color-purple-light: lighten(@color-purple, 20%); 31 | @color-brown-light: lighten(@color-brown, 20%); 32 | 33 | @color-clouds: #ECF0F1; 34 | @color-silver: #BDC3C7; 35 | @color-concrete: #95A5A6; 36 | @color-stone: #7F8C8D; 37 | @color-asphalt: #34495E; 38 | @color-midnight: #2C3E50; 39 | 40 | 41 | @color-concrete-dark: #445b5c; 42 | 43 | /* +++++ NEW COLORS +++++ */ 44 | 45 | @color-wind: #f7f7f7; 46 | @color-clay: #e1dcd5; 47 | @color-sand: #c5bcb1; 48 | @color-beach: #f3bf91; 49 | @color-forest: #254c3a; 50 | @color-twilight: #3b2c50; 51 | @color-burgundy: #8e362d; 52 | @color-marine: #212d3a; 53 | 54 | /* GRAYS --------------------------------------------------------- */ 55 | 56 | @gray-darker: lighten(#000, 20%); 57 | @gray-dark: lighten(#000, 40%); 58 | @gray: lighten(#000, 55%); 59 | @gray-light: lighten(#000, 70%); 60 | @gray-lighter: lighten(#000, 80%); 61 | 62 | /* Backgrounds Colors ------------------------------------------------*/ 63 | 64 | @bg-blue: background(@color-blue); 65 | @bg-turquoise: background(@color-turquoise); 66 | @bg-green: background(@color-green); 67 | @bg-yellow: background(@color-yellow); 68 | @bg-orange: background(@color-orange); 69 | @bg-red: background(@color-red); 70 | @bg-pink: background(@color-pink); 71 | @bg-purple: background(@color-purple); 72 | @bg-brown: background(@color-brown); 73 | 74 | 75 | /* ---- Default Color HTML Class ---- */ 76 | 77 | .bg-blue { background-color: @color-blue;} 78 | .bg-turquoise { background-color: @color-turquoise;} 79 | .bg-green { background-color: @color-green;} 80 | .bg-yellow { background-color: @color-yellow;} 81 | .bg-orange { background-color: @color-orange;} 82 | .bg-red { background-color: @color-red;} 83 | .bg-pink { background-color: @color-pink;} 84 | .bg-purple { background-color: @color-purple;} 85 | .bg-brown { background-color: @color-brown;} 86 | 87 | .text-blue { color: @color-blue;} 88 | .text-turquoise { color: @color-turquoise;} 89 | .text-green { color: @color-green;} 90 | .text-yellow { color: @color-yellow;} 91 | .text-orange { color: @color-orange;} 92 | .text-red { color: @color-red;} 93 | .text-pink { color: @color-pink;} 94 | .text-purple { color: @color-purple;} 95 | .text-brown { color: @color-brown;} -------------------------------------------------------------------------------- /theme_material/static/src/less/grid5.loss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Vauxoo/odoo-material/9359fe51f11c6d24520d2864850aa7e2f2e368c9/theme_material/static/src/less/grid5.loss -------------------------------------------------------------------------------- /theme_material/static/src/less/option_color_amethyst.less: -------------------------------------------------------------------------------- 1 | /* GRAYS --------------------------------------------------------- */ 2 | 3 | @gray-darker: lighten(#000, 30%); 4 | 5 | /* COLORS --------------------------------------------------------- */ 6 | 7 | @color-primary: @color-purple; 8 | @color-success: @color-purple-dark; 9 | @color-info: @color-twilight; 10 | @color-warning: @color-red-dark; 11 | @color-danger: @color-midnight; 12 | 13 | /* COLORED BG -------------------------------------------------------- */ 14 | 15 | .bg-primary { 16 | background-color: @color-clouds; 17 | } 18 | .bg-success { 19 | background-color: @color-purple; 20 | } 21 | .bg-info { 22 | background-color: @color-twilight; 23 | } 24 | .bg-warning { 25 | background-color: @color-purple-dark; 26 | } 27 | .bg-danger { 28 | background-color: @color-midnight; 29 | } 30 | 31 | /* TEXTS & LINKS --------------------------------------------------- */ 32 | 33 | @text-muted: @color-primary; 34 | @link-color: @color-primary; 35 | @link-hover-color: @color-success; 36 | 37 | /* BUTTONS --------------------------------------------------------- */ 38 | 39 | @btn-primary-bg: @color-silver; 40 | @btn-success-bg: @color-concrete; 41 | @btn-info-bg: @color-purple; 42 | @btn-warning-bg: @color-purple-light; 43 | @btn-danger-bg: @color-red; 44 | 45 | .btn .fa { 46 | color: white;} 47 | 48 | .btn-default .fa { 49 | color: @gray-dark;} 50 | 51 | /* TRANSPARENT BG --------------------------------------------------- */ 52 | /* Used in snippets Prx Image Color and Prx Image Shade ------------- */ 53 | 54 | .bg-transparent-color { background: @color-twilight; opacity: 0.85;} 55 | .bg-transparent-shade { background: black; opacity: 0.5;} 56 | 57 | /* Footer ----------------------------------------------------------- */ 58 | 59 | #wrapwrap footer { 60 | background-color: @color-concrete-dark; 61 | color: @gray-light; 62 | } 63 | footer ul li a { 64 | color: @color-clouds; 65 | } 66 | footer ul li a:hover { 67 | color: white; 68 | text-decoration: none; 69 | } 70 | footer h4 { 71 | color: @gray-lighter; 72 | padding-bottom: 12px; 73 | text-transform: uppercase; 74 | } 75 | footer .fa { 76 | color: @color-concrete; 77 | } -------------------------------------------------------------------------------- /theme_material/static/src/less/option_color_cobalt.less: -------------------------------------------------------------------------------- 1 | /* COLORS --------------------------------------------------------- */ 2 | 3 | @color-primary: @color-blue; 4 | @color-success: @color-turquoise; 5 | @color-info: @color-green; 6 | @color-warning: @color-asphalt; 7 | @color-danger: @color-midnight; 8 | 9 | /* COLORED BG -------------------------------------------------------- */ 10 | 11 | .bg-primary { 12 | background-color: @color-wind; 13 | } 14 | .bg-success { 15 | background-color: @color-silver; 16 | } 17 | .bg-info { 18 | background-color: @color-blue; 19 | } 20 | .bg-warning { 21 | background-color: @color-blue-dark; 22 | } 23 | .bg-danger { 24 | background-color: @color-asphalt; 25 | } 26 | 27 | /* TEXTS & LINKS --------------------------------------------------- */ 28 | 29 | @text-muted: @color-primary; 30 | @link-color: @color-primary; 31 | @link-hover-color: @color-info; 32 | 33 | /* BUTTONS --------------------------------------------------------- */ 34 | 35 | @btn-primary-bg: @color-blue; 36 | @btn-success-bg: @color-turquoise; 37 | @btn-info-bg: @color-green; 38 | @btn-warning-bg: @color-orange; 39 | @btn-danger-bg: @color-red; 40 | 41 | .btn .fa { 42 | color: white;} 43 | 44 | .btn-default .fa { 45 | color: @gray-dark;} 46 | 47 | /* TRANSPARENT BG --------------------------------------------------- */ 48 | /* Used in snippets Prx Image Color and Prx Image Shade ------------- */ 49 | 50 | .bg-transparent-color { background: @color-blue-dark; opacity: 0.9;} 51 | .bg-transparent-shade { background: black; opacity: 0.5;} 52 | 53 | /* Footer ----------------------------------------------------------- */ 54 | 55 | #wrapwrap footer { 56 | background-color: @color-midnight; 57 | color: @gray; 58 | } 59 | footer ul li a { 60 | color: @color-silver; 61 | } 62 | 63 | footer ul li a:hover { 64 | color: @color-clouds; 65 | text-decoration: none; 66 | } 67 | footer h4 { 68 | color: @color-stone; 69 | padding-bottom: 12px; 70 | text-transform: uppercase; 71 | } 72 | footer .fa { 73 | color: @gray-light; 74 | } 75 | -------------------------------------------------------------------------------- /theme_material/static/src/less/option_color_emerald.less: -------------------------------------------------------------------------------- 1 | /* COLORS --------------------------------------------------------- */ 2 | 3 | @color-primary: @color-green; 4 | @color-success: @color-turquoise; 5 | @color-info: @color-turquoise-dark; 6 | @color-warning: @color-asphalt; 7 | @color-danger: @color-midnight; 8 | 9 | /* COLORED BG -------------------------------------------------------- */ 10 | 11 | .bg-primary { 12 | background-color: @color-wind; 13 | } 14 | .bg-success { 15 | background-color: @color-silver; 16 | } 17 | .bg-info { 18 | background-color: @color-green-dark; 19 | } 20 | .bg-warning { 21 | background-color: @color-green; 22 | } 23 | .bg-danger { 24 | background-color: @color-forest; 25 | } 26 | 27 | /* TEXTS & LINKS --------------------------------------------------- */ 28 | 29 | @text-muted: @color-success; 30 | @link-color: @color-success; 31 | @link-hover-color: @color-primary; 32 | 33 | /* BUTTONS --------------------------------------------------------- */ 34 | 35 | @btn-primary-bg: @color-green; 36 | @btn-success-bg: @color-turquoise; 37 | @btn-info-bg: @color-blue; 38 | @btn-warning-bg: @color-orange; 39 | @btn-danger-bg: @color-red; 40 | 41 | .btn .fa { 42 | color: white;} 43 | 44 | .btn-default .fa { 45 | color: @gray-dark;} 46 | 47 | /* TRANSPARENT BG --------------------------------------------------- */ 48 | /* Used in snippets Prx Image Color and Prx Image Shade ------------- */ 49 | 50 | .bg-transparent-color { background: @color-green-dark; opacity: 0.9;} 51 | .bg-transparent-shade { background: black; opacity: 0.5;} 52 | 53 | /* Footer ----------------------------------------------------------- */ 54 | 55 | #wrapwrap footer { 56 | background-color: @color-concrete-dark; 57 | color: @gray; 58 | } 59 | footer ul li a { 60 | color: @color-clouds; 61 | } 62 | footer ul li a:hover { 63 | color: white; 64 | text-decoration: none; 65 | } 66 | footer h4 { 67 | color: @color-silver; 68 | padding-bottom: 12px; 69 | text-transform: uppercase; 70 | } 71 | footer .fa { 72 | color: @color-clouds; 73 | } 74 | -------------------------------------------------------------------------------- /theme_material/static/src/less/option_color_gold.less: -------------------------------------------------------------------------------- 1 | /* COLORS --------------------------------------------------------- */ 2 | 3 | @color-primary: @color-orange; 4 | @color-success: @color-red; 5 | @color-info: @color-yellow-dark; 6 | @color-warning: @color-red-dark; 7 | @color-danger: @color-orange-dark; 8 | 9 | /* COLORED BG -------------------------------------------------------- */ 10 | 11 | .bg-primary { 12 | background-color: @color-sand; 13 | } 14 | .bg-success { 15 | background-color: @color-yellow; 16 | } 17 | .bg-info { 18 | background-color: @color-orange; 19 | } 20 | .bg-warning { 21 | background-color: @color-yellow-dark; 22 | } 23 | .bg-danger { 24 | background-color: @color-orange-dark; 25 | } 26 | 27 | /* TEXTS & LINKS ------------------------------------------------------- */ 28 | 29 | @text-muted: @gray; 30 | @link-color: @color-info; 31 | @link-hover-color: @color-primary; 32 | 33 | /* BUTTONS --------------------------------------------------------- */ 34 | 35 | @btn-primary-bg: @color-yellow; 36 | @btn-success-bg: @color-orange; 37 | @btn-info-bg: @color-yellow-dark; 38 | @btn-warning-bg: @color-orange-dark; 39 | @btn-danger-bg: @color-red-dark; 40 | 41 | .btn .fa { 42 | color: white;} 43 | 44 | .btn-default .fa { 45 | color: @gray-dark;} 46 | 47 | /* TRANSPARENT BG --------------------------------------------------- */ 48 | /* Used in snippets Prx Image Color and Prx Image Shade ------------- */ 49 | 50 | .bg-transparent-color { background: @color-orange-dark; opacity: 0.85;} 51 | .bg-transparent-shade { background: black; opacity: 0.5;} 52 | 53 | /* Footer ----------------------------------------------------------- */ 54 | 55 | #wrapwrap footer { 56 | background-color: @color-orange-dark; 57 | color: white; 58 | } 59 | footer ul li a { 60 | color: @color-beach; 61 | } 62 | footer ul li a:hover { 63 | color: @color-yellow; 64 | text-decoration: none; 65 | } 66 | footer h4 { 67 | color: @color-beach; 68 | padding-bottom: 12px; 69 | text-transform: uppercase; 70 | } 71 | footer .fa { 72 | color: @color-beach; 73 | } 74 | 75 | 76 | 77 | 78 | -------------------------------------------------------------------------------- /theme_material/static/src/less/option_color_ruby.less: -------------------------------------------------------------------------------- 1 | /* GRAYS --------------------------------------------------------- */ 2 | 3 | @gray: lighten(#000, 50%); 4 | 5 | /* COLORS --------------------------------------------------------- */ 6 | 7 | @color-primary: @color-red; 8 | @color-success: @color-red-dark; 9 | @color-info: @color-orange; 10 | @color-warning: @color-purple; 11 | @color-danger: @color-orange-dark; 12 | 13 | /* COLORED BG -------------------------------------------------------- */ 14 | 15 | .bg-primary { 16 | background-color: @color-sand; 17 | } 18 | .bg-success { 19 | background-color: @color-red; 20 | } 21 | .bg-info { 22 | background-color: @color-red-dark; 23 | } 24 | .bg-warning { 25 | background-color: @color-orange; 26 | } 27 | .bg-danger { 28 | background-color: @color-orange-dark; 29 | } 30 | 31 | /* TEXT & LINKS -------------------------------------------------------- */ 32 | 33 | @text-muted: @gray; 34 | @link-color: @color-primary; 35 | @link-hover-color: @color-success; 36 | 37 | /* BUTTONS --------------------------------------------------------- */ 38 | 39 | @btn-primary-bg: @color-red; 40 | @btn-success-bg: @color-orange; 41 | @btn-info-bg: @color-yellow-dark; 42 | @btn-warning-bg: @color-orange-dark; 43 | @btn-danger-bg: @color-red-dark; 44 | 45 | .btn .fa { 46 | color: white;} 47 | 48 | .btn-default .fa { 49 | color: @gray-dark;} 50 | 51 | /* TRANSPARENT BG --------------------------------------------------- */ 52 | /* Used in snippets Prx Image Color and Prx Image Shade ------------- */ 53 | 54 | .bg-transparent-color { background: @color-red-dark; opacity: 0.85;} 55 | .bg-transparent-shade { background: black; opacity: 0.5;} 56 | 57 | /* Footer ----------------------------------------------------------- */ 58 | 59 | #wrapwrap footer { 60 | background-color: @color-burgundy; 61 | color: @gray-lighter; 62 | } 63 | footer ul li a { 64 | color: white; 65 | } 66 | footer ul li a:hover { 67 | color: @color-orange; 68 | text-decoration: none; 69 | } 70 | footer h4 { 71 | color: @color-sand; 72 | padding-bottom: 12px; 73 | text-transform: uppercase; 74 | } 75 | footer .fa { 76 | color: @color-red; 77 | } 78 | 79 | -------------------------------------------------------------------------------- /theme_material/static/src/less/option_color_stone.less: -------------------------------------------------------------------------------- 1 | /* COLORS --------------------------------------------------------- */ 2 | 3 | @color-primary: @color-concrete; 4 | @color-success: @color-turquoise; 5 | @color-info: @color-stone; 6 | @color-warning: @color-concrete-dark; 7 | @color-danger: @color-midnight; 8 | 9 | /* COLORED BG -------------------------------------------------------- */ 10 | 11 | .bg-primary { 12 | background-color: @color-clouds; 13 | } 14 | .bg-success { 15 | background-color: @color-silver; 16 | } 17 | .bg-info { 18 | background-color: @color-stone; 19 | } 20 | .bg-warning { 21 | background-color: @color-concrete-dark; 22 | } 23 | .bg-danger { 24 | background-color: @color-asphalt; 25 | } 26 | 27 | /* TEXT & LINKS -------------------------------------------------------- */ 28 | 29 | @text-muted: @color-primary; 30 | @link-color: @color-primary; 31 | @link-hover-color: @color-info; 32 | 33 | /* BUTTONS --------------------------------------------------------- */ 34 | 35 | @btn-primary-bg: @color-concrete; 36 | @btn-success-bg: @color-blue; 37 | @btn-info-bg: @color-asphalt; 38 | @btn-warning-bg: @color-red; 39 | @btn-danger-bg: @color-red-dark; 40 | 41 | .btn .fa { 42 | color: white;} 43 | 44 | .btn-default .fa { 45 | color: @gray-dark;} 46 | 47 | /* TRANSPARENT BG --------------------------------------------------- */ 48 | /* Used in snippets Prx Image Color and Prx Image Shade ------------- */ 49 | 50 | .bg-transparent-color { background: @color-stone; opacity: 0.9;} 51 | .bg-transparent-shade { background: black; opacity: 0.5;} 52 | 53 | /* Footer ----------------------------------------------------------- */ 54 | 55 | #wrapwrap footer { 56 | background-color: @color-concrete-dark; 57 | color: @color-concrete; 58 | } 59 | footer ul li a { 60 | color: @color-clouds; 61 | } 62 | footer ul li a:hover { 63 | color: white; 64 | text-decoration: none; 65 | } 66 | footer h4 { 67 | color: @color-silver; 68 | padding-bottom: 12px; 69 | text-transform: uppercase; 70 | } 71 | footer .fa { 72 | color: @color-clouds; 73 | } 74 | 75 | 76 | 77 | -------------------------------------------------------------------------------- /theme_material/static/src/less/option_font.less: -------------------------------------------------------------------------------- 1 | @font-family-sans-serif: Georgia, "Times New Roman", Times, serif; 2 | @font-family-serif: "Helvetica Neue", Helvetica, Arial, sans-serif; 3 | -------------------------------------------------------------------------------- /theme_material/static/src/less/option_layout_boxed.less: -------------------------------------------------------------------------------- 1 | #wrapwrap { 2 | width: 85%; 3 | margin: 0 auto; 4 | } -------------------------------------------------------------------------------- /theme_material/views/assets.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /theme_material/views/templates.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | × 14 | 15 | 16 | Customize this default theme 17 | 18 | 19 | LAYOUT 20 | 21 | 22 | 23 | 24 | FULL WIDTH 25 | 26 | 27 | 28 | 29 | 30 | BOXED 31 | 32 | 33 | 34 | 35 | 36 | 37 | MAIN COLOR 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | FONTS COMBINATIONS 80 | 81 | 82 | 83 | 84 | 85 | Helvetica 86 | / Georgia 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | Georgia 95 | / Helvetica 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | --------------------------------------------------------------------------------