Merge pull request #113 from beescoop/12.0-mig-beesdoo-website-theme

[MIG] beesdoo_website_theme: migrate to 12.0

beesdoo_website_theme/__manifest__.py

@@ -0,0 +1,23 @@
+{
+    'name': 'BEES coop Website Theme',
+
+    'summary': """
+        Apply BEES coop design rules.
+    """,
+    'description': """
+    """,
+
+    'author': 'Rémy Taymans',
+    'website': "https://github.com/beescoop/Obeesdoo",
+
+    'license': "AGPL-3",
+    'category': 'Themes',
+    'version': '12.0.0.1',
+    'application': True,
+
+    'depends': ['website'],
+
+    'data': [
+        'views/assets.xml',
+    ]
+}

beesdoo_website_theme/static/src/less/beesdoo_website_design.less

@@ -0,0 +1,208 @@
+/* Define fonts */
+@font-face
+{
+    font-family: Roboto;
+    src: url(/beesdoo_website_theme/static/src/font/Roboto-Regular.ttf);
+}
+
+@font-face
+{
+    font-family: Roboto;
+    src: url(/beesdoo_website_theme/static/src/font/Roboto-Bold.ttf);
+    font-weight: bold;
+}
+
+@font-face
+{
+    font-family: Roboto;
+    src: url(/beesdoo_website_theme/static/src/font/Roboto-Italic.ttf);
+    font-style: italic;
+}
+
+@font-face
+{
+    font-family: Roboto;
+    src: url(/beesdoo_website_theme/static/src/font/Roboto-BoldItalic.ttf);
+    font-weight: bold;
+    font-style: italic;
+}
+
+@font-face
+{
+    font-family: BebasNeue;
+    src: url(/beesdoo_website_theme/static/src/font/BebasNeue-Bold.ttf);
+}
+
+
+/* Defines variables */
+//       yellow , red    , blue   , beige  , orange ,turquoise, black
+@colors: #FCC300, #BD0926, #12235A, #D0B565, #E7511E, #5CBEC3, #1A171B;
+//@nbcolors: length(@colors); /* For less >= 1.6 */
+@nbcolors: 7; /* For less <=1.4 */
+@colors-light: #fee799, #e49da8, #b7c2dd, #ece1c1, #f5b9a5, #bee5e7;
+@nbcolors-light: 6;
+
+
+/* Main */
+body
+{
+    font-family: Roboto, sans;
+}
+
+
+/* Header menu */
+header
+{
+
+    .navbar
+    {
+        font-family: BebasNeue, sans;
+        // Enlarge the menu
+        padding-top: 20px;
+        padding-bottom: 20px;
+
+        .navbar-nav
+        {
+            font-size: 1.5em;
+
+            // Function to underline non active links
+            #menu()
+            {
+                padding-bottom: 10px;
+                border-bottom-width: 4px;
+                border-bottom-style: solid;
+            }
+
+            // Function to underline the active links
+            #menu-active()
+            {
+                padding-bottom: 6px;
+                border-bottom-width: 8px;
+                border-bottom-style: solid;
+            }
+
+            // Underline the link
+            a,
+            {
+                span:not(.caret)
+                {
+                    #menu
+                }
+
+                &:hover,
+                &:focus,
+                &.active
+                {
+                    span:not(.caret)
+                    {
+                        #menu-active
+                    }
+                }
+            }
+
+            > .open > a,
+            > .open > a:hover,
+            > .open > a:focus
+            {
+                background-color: transparent;
+            }
+
+            // Last element is the name of the logged user.
+            // This should not be in the same font as other links
+            > li:last-child
+            {
+                font-family: Roboto;
+                font-size: 0.8em;
+            }
+
+            // Put different colors on each link of the menu
+            .menu-color-loop(@i) when (@i > 0)
+            {
+                .menu-color-loop((@i - 1));
+
+                > li:nth-child(@{nbcolors}n+@{i})
+                {
+                    a
+                    {
+                        span:not(.caret)
+                        {
+                            border-bottom-color: extract(@colors, @i);
+                        }
+                    }
+                }
+            }
+
+            .menu-color-loop(@nbcolors);
+        }
+    }
+}
+
+
+/* Titles */
+// Underline the title with colored bar
+h1
+{
+    color: black;
+    font-family: BebasNeue, sans;
+    text-align: center;
+    position: relative;
+    margin-top: 1em;
+    margin-bottom: 1em;
+}
+
+h1:after
+{
+    content: "";
+    background-color: extract(@colors, 1);
+    height: 6px;
+    width: 100px;
+    display: block;
+    margin: 0 auto;
+    margin-top: 0.5em;
+}
+
+h2, h3
+{
+    font-family: BebasNeue, sans;
+    font-size: 25px;
+}
+
+.alert-info
+{
+    background-color: extract(@colors-light, 3);
+    border-color: extract(@colors-light, 3);
+    color: extract(@colors, 3);
+}
+
+.alert-warning
+{
+    background-color: extract(@colors-light, 1);
+    border-color: extract(@colors-light, 1);
+}
+
+.alert-danger
+{
+    background-color: extract(@colors-light, 2);
+    border-color: extract(@colors-light, 2);
+}
+
+.panel-warning
+{
+    background-color: extract(@colors-light, 1);
+}
+
+.table > thead > tr > td.warning,
+.table > tbody > tr > td.warning,
+.table > tfoot > tr > td.warning,
+.table > thead > tr > th.warning,
+.table > tbody > tr > th.warning,
+.table > tfoot > tr > th.warning,
+.table > thead > tr.warning > td,
+.table > tbody > tr.warning > td,
+.table > tfoot > tr.warning > td,
+.table > thead > tr.warning > th,
+.table > tbody > tr.warning > th,
+.table > tfoot > tr.warning > th
+{
+    background-color: extract(@colors-light, 1);
+}

beesdoo_website_theme/views/assets.xml

@@ -0,0 +1,10 @@
+<odoo>
+  <!-- We add the css stylesheet -->
+  <template id="assets_frontend" name="beesdoo_website_theme_website_assets"
+    inherit_id="website.assets_frontend">
+    <xpath expr="." position="inside">
+      <link rel="stylesheet"
+        href="/beesdoo_website_theme/static/src/less/beesdoo_website_design.less"/>
+    </xpath>
+  </template>
+</odoo>