[IMP] theme_notes: update the theme

This commit updates the theme to improve the design with new colors, new
pictures and new snippet customizations.

task-2590454

Part-of: odoo/design-themes#500
This commit is contained in:
Brieuc-brd
2021-07-06 14:56:59 +00:00
committed by qsm-odoo
parent 5ed3aa0044
commit 352692754c
73 changed files with 1059 additions and 387 deletions
+96 -52
View File
@@ -1,55 +1,99 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_media_list" inherit_id="website.s_media_list">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/01_001","flip":["y"]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Blobs_01_001 o_we_flip_y"/>
</xpath>
<!-- Row 1 -->
<xpath expr="(//div[hasclass('col-lg-12')])[1]/div" position="replace">
<div class="row s_col_no_resize s_col_no_bgcolor no-gutters border shadow align-items-center flex-row-reverse o_cc o_cc4" style="border-width: 2.5px !important; border-color: rgb(44, 41, 39) !important; box-shadow: rgb(44, 41, 39) 20px -20px 0px 0px !important;">
<div class="align-self-stretch s_media_list_img_wrapper col-lg-4">
<img src="/web/image/website.s_media_list_default_image_1" alt="" class="s_media_list_img h-100 w-100"/>
</div>
<div class="s_media_list_body col-lg-8">
<h3>Go to the Miraillet Festival</h3>
<p>You will find here the different means of transport to get to the festival. The festival is accessible by bike. Be careful, you will be riding in the city centre where there are a lot of cars. Please make sure to park your bikes in the designated areas of the city.</p>
<a href="#" class="btn btn-primary mb-2">Discover</a>
</div>
</div>
</xpath>
<!-- Row 2 -->
<xpath expr="(//div[hasclass('col-lg-12')])[2]/div" position="replace">
<div class="row s_col_no_resize s_col_no_bgcolor no-gutters shadow border align-items-center o_cc o_cc4" style="border-width: 2.5px !important; box-shadow: rgb(44, 41, 39) 20px -20px 0px 0px !important; border-color: rgb(44, 41, 39) !important;">
<div class="align-self-stretch s_media_list_img_wrapper col-lg-4">
<img src="/web/image/website.s_media_list_default_image_2" alt="" class="s_media_list_img h-100 w-100"/>
</div>
<div class="s_media_list_body col-lg-8">
<h3>Ticketing and ticketing timetables</h3>
<p>Where and when to exchange your festival bracelets? Where to buy food and drink tickets? What is the price for children? The answer can be found here!</p>
</div>
</div>
</xpath>
<!-- Row 3 -->
<xpath expr="(//div[hasclass('col-lg-12')])[3]/div" position="replace">
<div class="row s_col_no_resize s_col_no_bgcolor no-gutters o_cc o_cc5 border shadow align-items-center flex-row-reverse" style="border-width: 2.5px !important; border-color: rgb(44, 41, 39) !important; box-shadow: rgb(44, 41, 39) 20px -20px 0px 0px !important;">
<div class="align-self-stretch s_media_list_img_wrapper col-lg-4">
<img src="/web/image/website.s_media_list_default_image_3" alt="" class="s_media_list_img h-100 w-100"/>
</div>
<div class="s_media_list_body col-lg-8">
<h3>Wheelchair accessibility</h3>
<p>Once again this year, the festival, with the support of the non-profit organisations that implement the necessary means to facilitate access to the event for people with reduced mobility and people affected by or carrying a disability.</p>
<a href="#">
<font style="" class="text-o-color-1">Continue reading</font>
<i class="align-middle fa fa-long-arrow-right ml-1 text-o-color-1"></i>
</a>
</div>
</div>
</xpath>
</template>
<template id="s_media_list" inherit_id="website.s_media_list">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc1 pb96 pt96" remove="o_cc2 pt32 pb32" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/01_001","flip":["y"]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Blobs_01_001 o_we_flip_y"/>
</xpath>
<!-- Row #1 -->
<xpath expr="//div[hasclass('s_media_list_item')]" position="attributes">
<attribute name="class" add="pt0 pb0" remove="pt16 pb16" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('s_media_list_item')]/div" position="attributes">
<attribute name="class" add="flex-row-reverse" remove="o_cc o_cc1" separator=" "/>
</xpath>
<!-- Row #1 - Img Wrapper -->
<xpath expr="//div[hasclass('s_media_list_img_wrapper')]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-4" separator=" "/>
</xpath>
<!-- Row #1 - Body -->
<xpath expr="//div[hasclass('s_media_list_body')]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-8" separator=" "/>
</xpath>
<!-- Row #1 - Title -->
<xpath expr="//div[hasclass('s_media_list_body')]//h3" position="replace" mode="inner">
Go to the <br/>Miraillet Festival
</xpath>
<!-- Row #1 - Paragraph -->
<xpath expr="//div[hasclass('s_media_list_body')]//p" position="replace" mode="inner">
<br/>
You will find here the different means of transport to get to the festival. The festival is accessible by bike. Be careful, you will be riding in the city centre where there are a lot of cars. Please make sure to park your bikes in the designated areas of the city.
</xpath>
<!-- Row #2 -->
<xpath expr="//div[hasclass('s_media_list_item')][2]" position="attributes">
<attribute name="class" add="pt0 pb0" remove="pt16 pb16" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('s_media_list_item')][2]/div" position="attributes">
<attribute name="class" remove="o_cc o_cc1" separator=" "/>
</xpath>
<!-- Row #2 - Img Wrapper -->
<xpath expr="(//div[hasclass('s_media_list_img_wrapper')])[2]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-4" separator=" "/>
</xpath>
<!-- Row #2 - Body -->
<xpath expr="(//div[hasclass('s_media_list_body')])[2]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-8" separator=" "/>
</xpath>
<!-- Row #2 - Title -->
<xpath expr="(//div[hasclass('s_media_list_body')])[2]//h3" position="replace" mode="inner">
Ticketing <br/>&amp; timetables
</xpath>
<!-- Row #2 - Paragraph -->
<xpath expr="(//div[hasclass('s_media_list_body')])[2]//p" position="replace" mode="inner">
<br/>
Where and when to exchange your festival bracelets? Where to buy food and drink tickets? What is the price for children? The answer can be found here!
</xpath>
<!-- Row #2 - Add a button -->
<xpath expr="(//div[hasclass('s_media_list_body')])[2]//p" position="after">
<a href="#" class="btn btn-primary mb-2">More info</a>
</xpath>
<!-- Row #3 -->
<xpath expr="//div[hasclass('s_media_list_item')][3]" position="attributes">
<attribute name="class" add="pt0 pb0" remove="pt16 pb16" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('s_media_list_item')][3]/div" position="attributes">
<attribute name="class" add="flex-row-reverse" remove="o_cc o_cc1" separator=" "/>
</xpath>
<!-- Row #3 - Img Wrapper -->
<xpath expr="(//div[hasclass('s_media_list_img_wrapper')])[3]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-4" separator=" "/>
</xpath>
<!-- Row #3 - Body -->
<xpath expr="(//div[hasclass('s_media_list_body')])[3]" position="attributes">
<attribute name="class" add="col-lg-6" remove="col-lg-8" separator=" "/>
</xpath>
<!-- Row #3 - Title -->
<xpath expr="(//div[hasclass('s_media_list_body')])[3]//h3" position="replace" mode="inner">
Wheelchair <br/>accessibility
</xpath>
<!-- Row #3 - Paragraph -->
<xpath expr="(//div[hasclass('s_media_list_body')])[3]//p" position="replace" mode="inner">
<br/>
Once again this year, the festival, with the support of the non-profit organisations that implement the necessary means to facilitate access to the event for people with reduced mobility and people affected by or carrying a disability.
</xpath>
<!-- Row #3 - Add a button -->
<xpath expr="(//div[hasclass('s_media_list_body')])[3]//a" position="replace">
<a href="#" class="btn btn-primary mb-2">More info</a>
</xpath>
</template>
</odoo>