Design
349 lines
22 KiB
XML
349 lines
22 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
||
<odoo>
|
||
<template id="theme_customize" inherit_id="website.theme_customize" name="theme_graphene modal">
|
||
<xpath expr="div" position="replace">
|
||
<div id="theme_customize_modal" class=" modal fade bs-example-modal-sm">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="loading_backdrop"></div>
|
||
|
||
<div class="modal-header">
|
||
<button type="button" class="close">×</button>
|
||
<h4 class="modal-title text-center" id="mySmallModalLabel"><i class="fa fa-cog"/> Customize <span>Graphene</span></h4>
|
||
</div>
|
||
|
||
<div class="modal-body">
|
||
<!-- TAB LIST -->
|
||
<ul class="nav nav-tabs" role="tablist">
|
||
<li class="active"><a href="#tab_layout" role="tab" data-toggle="tab"><i class="fa fa-desktop"/> LAYOUT</a></li>
|
||
<li><a href="#tab_palettes" role="tab" data-toggle="tab"><i class="fa fa-paint-brush "/> PALETTES</a></li>
|
||
<li><a href="#tab_fonts" role="tab" data-toggle="tab"><i class="fa fa-font"/> FONTS</a></li>
|
||
</ul>
|
||
|
||
<!-- TAB CONTENT -->
|
||
<div class="tab-content">
|
||
<!-- ========= LAYOUTS =============== -->
|
||
<div name="layout" class="container-fluid tab-pane fade in active" id="tab_layout">
|
||
|
||
<div class="row">
|
||
<div class="col-xs-12">
|
||
<label class="chd-layout-combi center-block " >
|
||
<div class="sample_body fullwidth">
|
||
<div class="sample_browser">
|
||
<div class="pull-left">
|
||
<i class="fa fa-arrow-left"/><i class="fa fa-arrow-right"/>
|
||
</div>
|
||
<div class="pull-left sample_addressBar">http://www.odoo.com/this/is/a/sample/url</div>
|
||
<div class="pull-right">
|
||
<i class="fa fa-circle"/><i class="fa fa-circle"/><i class="fa fa-circle"/>
|
||
</div>
|
||
</div>
|
||
<div class="sample_wrap">
|
||
<div class="sample_header">
|
||
<h3>Company</h3>
|
||
<p class="sample_menu">Home<span></span>About Us<span></span>Contact</p>
|
||
</div>
|
||
<div class='sample_content'>
|
||
<div class='sample_image'></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p>Full width</p>
|
||
<input name="layoutvar" type="radio" data-xmlid="theme_graphene.graphene_option_layout_fullwidth"/>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-xs-12">
|
||
<label class="chd-layout-combi center-block " >
|
||
<div class="sample_body boxed">
|
||
<div class="sample_browser">
|
||
<div class="pull-left">
|
||
<i class="fa fa-arrow-left"/><i class="fa fa-arrow-right"/>
|
||
</div>
|
||
<div class="pull-left sample_addressBar">http://www.odoo.com/this/is/a/sample/url</div>
|
||
<div class="pull-right">
|
||
<i class="fa fa-circle"/><i class="fa fa-circle"/><i class="fa fa-circle"/>
|
||
</div>
|
||
</div>
|
||
<div class="sample_wrap">
|
||
<div class="sample_header">
|
||
<h3>Company</h3>
|
||
<p class="sample_menu">Home<span></span>About Us<span></span>Contact</p>
|
||
</div>
|
||
<div class='sample_content'>
|
||
<div class='sample_image'></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p>Boxed</p>
|
||
<input name="layoutvar" type="radio" data-xmlid="theme_graphene.graphene_option_layout_boxed"/>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-xs-12">
|
||
<label class="chd-layout-combi center-block " >
|
||
<div class="sample_body postcard">
|
||
<div class="sample_browser">
|
||
<div class="pull-left">
|
||
<i class="fa fa-arrow-left"/><i class="fa fa-arrow-right"/>
|
||
</div>
|
||
<div class="pull-left sample_addressBar">http://www.odoo.com/this/is/a/sample/url</div>
|
||
<div class="pull-right">
|
||
<i class="fa fa-circle"/><i class="fa fa-circle"/><i class="fa fa-circle"/>
|
||
</div>
|
||
</div>
|
||
<div class="sample_wrap">
|
||
<div class="sample_header">
|
||
<h3>Company</h3>
|
||
<p class="sample_menu">Home<span></span>About Us<span></span>Contact</p>
|
||
</div>
|
||
<div class='sample_content'>
|
||
<div class='sample_image'></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p>Postcard</p>
|
||
<input name="layoutvar" type="radio" data-xmlid="theme_graphene.graphene_option_layout_postcard"/>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
</div> <!-- Close layout container -->
|
||
|
||
<!-- ========= COLOUR PALETTES =============== -->
|
||
|
||
<div name="color" class="container-fluid tab-pane fade" id="tab_palettes">
|
||
|
||
<div class="row"> <!-- Open 1°row -->
|
||
<div class="col-xs-6">
|
||
<label class="chd-color-combi">
|
||
<div class="container-fluid opt gardenia">
|
||
<div class="row">
|
||
<div />
|
||
<div />
|
||
<div />
|
||
<div />
|
||
<div />
|
||
</div>
|
||
<p>Gardenia</p>
|
||
</div>
|
||
<input name="colorvar" type="radio" data-xmlid="theme_graphene.option_color_graphene"/>
|
||
</label>
|
||
</div>
|
||
|
||
<div class="col-xs-6">
|
||
<label class="chd-color-combi">
|
||
<div class="container-fluid opt pacifico">
|
||
<div class="row">
|
||
<div />
|
||
<div />
|
||
<div />
|
||
<div />
|
||
<div />
|
||
</div>
|
||
<p>Pacifico</p>
|
||
</div>
|
||
<input name="colorvar" type="radio" data-xmlid="theme_graphene.option_color_pacifico"/>
|
||
</label>
|
||
</div>
|
||
</div> <!-- Close 1°row -->
|
||
|
||
<div class="row"> <!-- Open 2°row -->
|
||
<div class="col-xs-6">
|
||
<label class="chd-color-combi">
|
||
<div class="container-fluid opt blackmath">
|
||
<div class="row">
|
||
<div />
|
||
<div />
|
||
<div />
|
||
<div />
|
||
<div />
|
||
</div>
|
||
<p>Black Math</p>
|
||
</div>
|
||
<input name="colorvar" type="radio" data-xmlid="theme_graphene.option_color_blackmath"/>
|
||
</label>
|
||
</div>
|
||
|
||
<div class="col-xs-6">
|
||
<label class="chd-color-combi">
|
||
<div class="container-fluid opt mwad">
|
||
<div class="row">
|
||
<div />
|
||
<div />
|
||
<div />
|
||
<div />
|
||
<div />
|
||
</div>
|
||
<p>MWAD</p>
|
||
</div>
|
||
<input name="colorvar" type="radio" data-xmlid="theme_graphene.option_color_mwad"/>
|
||
</label>
|
||
</div>
|
||
</div> <!-- Close 2°row -->
|
||
|
||
</div> <!-- Close color container -->
|
||
|
||
<!-- ========= FONTS COMBINATIONS =============== -->
|
||
<div name="fonts" class="container-fluid tab-pane fade " id="tab_fonts">
|
||
<div class="row">
|
||
<h4 class="text-center">Sans-serif font</h4>
|
||
<div class="col-xs-4">
|
||
<label class="chd-fonts-combi center-block">
|
||
<h6>Source Sans</h6>
|
||
<input name="fontvar" type="radio" data-xmlid="theme_graphene.option_font_sourcesans"/>
|
||
</label>
|
||
</div>
|
||
|
||
<div class="col-xs-4">
|
||
<label class="chd-fonts-combi center-block">
|
||
<h6>Abel</h6>
|
||
<input name="fontvar" type="radio" data-xmlid="theme_graphene.option_font_abel"/>
|
||
</label>
|
||
</div>
|
||
|
||
<div class="col-xs-4">
|
||
<label class="chd-fonts-combi center-block">
|
||
<h6>Standard</h6>
|
||
<input name="fontvar" type="radio" data-xmlid="theme_graphene.option_font_sansserif"/>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<hr/>
|
||
<h4 class="text-center serif">Serif font</h4>
|
||
<div class="col-xs-4">
|
||
<label class="chd-fonts-combi center-block">
|
||
<h6>Playfair</h6>
|
||
<input name="serifvar" type="radio" data-xmlid="theme_graphene.option_font_playfair"/>
|
||
</label>
|
||
</div>
|
||
|
||
<div class="col-xs-4">
|
||
<label class="chd-fonts-combi center-block">
|
||
<h6>Old Standard</h6>
|
||
<input name="serifvar" type="radio" data-xmlid="theme_graphene.option_font_oldstandard"/>
|
||
</label>
|
||
</div>
|
||
|
||
<div class="col-xs-4">
|
||
<label class="chd-fonts-combi center-block">
|
||
<h6>Cinzel</h6>
|
||
<input name="serifvar" type="radio" data-xmlid="theme_graphene.option_font_cinzel"/>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<hr/>
|
||
<small>Preview</small>
|
||
<div class="bg-white text-center fonts-preview">
|
||
<p class="sans-serif em2"> My sans-serif title</p>
|
||
<p class="serif">My serif text. There was a low rumbling of heavy sea-boots among the benches, and a still slighter shuffling of women's shoes, and all was quiet again, and every eye on the preacher. He paused a little; then kneeling in the pulpit's bows, folded his large brown hands across his chest</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div> <!-- Close fonts tab -->
|
||
</div> <!-- Close tab content -->
|
||
|
||
<!-- Default "Change theme" button -->
|
||
<!-- <a class="changeTheme" href="/web#return_label=Website&action=website.action_module_theme"><small>Change theme</small></a> -->
|
||
</div> <!-- Close modal-body -->
|
||
</div> <!-- Close modal-content -->
|
||
</div> <!-- Close modal-dialog -->
|
||
</div> <!-- #theme_customize_modal -->
|
||
</xpath>
|
||
</template>
|
||
|
||
<!-- Activate advanced options -->
|
||
<record id="website_animate.o_animate_options_options" model="ir.ui.view">
|
||
<field name="active">True</field>
|
||
</record>
|
||
|
||
<!-- Color Palettes -->
|
||
<template id="option_color_blackmath" name="option_color_blackmath" inherit_id="website.assets_frontend" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link href="/theme_graphene/static/src/less/options/colors/blackmath.less" rel="stylesheet" type="text/less"/>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="option_color_mwad" name="option_color_mwad" inherit_id="website.assets_frontend" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link href="/theme_graphene/static/src/less/options/colors/mwad.less" rel="stylesheet" type="text/less"/>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="option_color_graphene" name="option_color_graphene" inherit_id="website.assets_frontend" active="True">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link href="/theme_graphene/static/src/less/options/colors/gardenia.less" rel="stylesheet" type="text/less"/>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="option_color_pacifico" name="option_color_pacifico" inherit_id="website.assets_frontend" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link href="/theme_graphene/static/src/less/options/colors/pacifico.less" rel="stylesheet" type="text/less"/>
|
||
</xpath>
|
||
</template>
|
||
|
||
<!-- Sans-serif fonts -->
|
||
<template id="option_font_sourcesans" name="option_font_sourcesans" inherit_id="website.assets_frontend" active="True">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link href="/theme_graphene/static/src/less/options/fonts/source-sans.less" rel="stylesheet" type="text/less"/>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="option_font_sansserif" name="option_font_sansserif" inherit_id="website.assets_frontend" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link href="/theme_graphene/static/src/less/options/fonts/sans-serif.less" rel="stylesheet" type="text/less"/>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="option_font_abel" name="option_font_abel" inherit_id="website.assets_frontend" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link href="/theme_graphene/static/src/less/options/fonts/abel.less" rel="stylesheet" type="text/less"/>
|
||
</xpath>
|
||
</template>
|
||
|
||
<!-- Serif fonts -->
|
||
<template id="option_font_playfair" name="option_font_playfair" inherit_id="website.assets_frontend" active="True">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link href="/theme_graphene/static/src/less/options/fonts/PlayfairDisplay.less" rel="stylesheet" type="text/less"/>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="option_font_oldstandard" name="option_font_oldstandard" inherit_id="website.assets_frontend" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link href="/theme_graphene/static/src/less/options/fonts/OldStandard.less" rel="stylesheet" type="text/less"/>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="option_font_cinzel" name="option_font_cinzel" inherit_id="website.assets_frontend" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link href="/theme_graphene/static/src/less/options/fonts/Cinzel.less" rel="stylesheet" type="text/less"/>
|
||
</xpath>
|
||
</template>
|
||
|
||
<!-- Layout Options -->
|
||
<template id="graphene_option_layout_fullwidth" name="graphene_option_layout_fullwidth" inherit_id="website.assets_frontend" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link href="/theme_graphene/static/src/less/options/layouts/fullwidth.less" rel="stylesheet" type="text/less"/>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="graphene_option_layout_boxed" name="graphene_option_layout_boxed" inherit_id="website.assets_frontend" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link href="/theme_graphene/static/src/less/options/layouts/boxed.less" rel="stylesheet" type="text/less"/>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="graphene_option_layout_postcard" name="graphene_option_layout_postcard" inherit_id="website.assets_frontend" active="True">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link href="/theme_graphene/static/src/less/options/layouts/postcard.less" rel="stylesheet" type="text/less"/>
|
||
</xpath>
|
||
</template>
|
||
</odoo>
|