Browse Source

[ADD] Add website theme for BEES coop

pull/37/head
Rémy Taymans 7 years ago
committed by Thibault Francois
parent
commit
c5776bd0df
  1. 3
      beesdoo_website_shift/static/src/css/design.css
  2. 9
      beesdoo_website_shift/views/shift_website_templates.xml
  3. 0
      beesdoo_website_theme/__init__.py
  4. 23
      beesdoo_website_theme/__openerp__.py
  5. BIN
      beesdoo_website_theme/static/src/font/BebasNeue-Bold.ttf
  6. BIN
      beesdoo_website_theme/static/src/font/Roboto-Bold.ttf
  7. BIN
      beesdoo_website_theme/static/src/font/Roboto-BoldItalic.ttf
  8. BIN
      beesdoo_website_theme/static/src/font/Roboto-Italic.ttf
  9. BIN
      beesdoo_website_theme/static/src/font/Roboto-Regular.ttf
  10. 170
      beesdoo_website_theme/static/src/less/beesdoo_website_design.less
  11. 10
      beesdoo_website_theme/views/assets.xml

3
beesdoo_website_shift/static/src/css/design.css

@ -1,3 +0,0 @@
h1 {
color: grey;
}

9
beesdoo_website_shift/views/shift_website_templates.xml

@ -16,15 +16,6 @@
</record> </record>
</data> </data>
<!-- Add the css stylesheet -->
<template id="assets_frontend" name="beesdoo_website_shift_website_assets"
inherit_id="website.assets_frontend">
<xpath expr="." position="inside">
<link rel="stylesheet" type="text/css"
href="/beesdoo_website_shift/static/src/css/design.css"/>
</xpath>
</template>
<!-- Available Tasks Templates for Regular Workers --> <!-- Available Tasks Templates for Regular Workers -->
<template <template
id="task_template" id="task_template"

0
beesdoo_website_theme/__init__.py

23
beesdoo_website_theme/__openerp__.py

@ -0,0 +1,23 @@
# -*- coding: utf-8 -*-
{
'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': '9.0.0.1',
'depends': ['website'],
'data': [
'views/assets.xml',
]
}

BIN
beesdoo_website_theme/static/src/font/BebasNeue-Bold.ttf

BIN
beesdoo_website_theme/static/src/font/Roboto-Bold.ttf

BIN
beesdoo_website_theme/static/src/font/Roboto-BoldItalic.ttf

BIN
beesdoo_website_theme/static/src/font/Roboto-Italic.ttf

BIN
beesdoo_website_theme/static/src/font/Roboto-Regular.ttf

170
beesdoo_website_theme/static/src/less/beesdoo_website_design.less

@ -0,0 +1,170 @@
/* 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 */
@colors: #FCC300, #BD0926, #12235A, #D0B565, #E7511E, #4B67AA, #5CBEC3, #1A171B;
//@nbcolors: length(@colors); /* For less >= 1.6 */
@nbcolors: 8; /* For less <=1.4 */
/* Main */
body
{
font-family: Roboto, sans;
}
/* Header menu */
header
{
.navbar-default
{
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
{
span:not(.caret)
{
#menu-active
}
}
}
> .open > a,
> .open > a:hover,
> .open > a:focus
{
background-color: transparent;
}
.active
{
a,
a:hover,
a:focus
{
background-color: transparent;
span:not(.caret)
{
#menu-active
}
}
}
// 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-bottom: 1em;
}
h1:after
{
content: "";
background-color: extract(@colors, 1);
height: 6px;
width: 100px;
display: block;
margin: 0 auto;
margin-top: 0.5em;
}

10
beesdoo_website_theme/views/assets.xml

@ -0,0 +1,10 @@
<openerp>
<!-- 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>
</openerp>
Loading…
Cancel
Save