[ADD] theme saas-15

This commit is contained in:
Design
2021-05-12 08:31:54 +02:00
committed by Jeremy Kersten
commit 1680be7f69
3871 changed files with 154991 additions and 0 deletions
View File
+18
View File
@@ -0,0 +1,18 @@
{
'name': 'Graphene Theme Blog Plugin',
'description': 'Graphene Theme Blog Plugin',
'category': 'Theme/Hidden',
'sequence': 111,
'version': '1.1.0',
'author': 'Odoo S.A.',
'demo': [
'demo/demo-data.xml',
'demo/blocks.xml',
'demo/feat.xml'
],
'data': [
'views/templates.xml'
],
'depends': ['theme_graphene', 'website_blog', 'snippet_latest_posts'],
'auto_install': True,
}
+35
View File
@@ -0,0 +1,35 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template inherit_id="website.blocks">
<xpath expr="//h3[@id='hook_showcase_slider']" position="before">
<h3 class="text-center bg-white mt128 mb0">LATEST POSTS</h3>
<hr class="mt4 mb32"/>
<section class="s_latest_posts_big_picture">
<div class="js_get_posts first_is_big" data-loading="true" data-template="snippet_latest_posts.s_latest_posts_big_picture_template" contenteditable="False"/>
</section>
<h3 class="text-center bg-white mt92 mb0">Styles</h3>
<hr class="mt4 mb32"/>
<div class="container text-center">
<div class="row">
<section class="s_latest_posts_big_picture col-md-6 mt32">
<div class="js_get_posts first_is_big effect-marley" data-posts_limit="1" data-loading="true" data-template="snippet_latest_posts.s_latest_posts_big_picture_template" contenteditable="False"/>
</section>
<section class="s_latest_posts_big_picture col-md-6 mt32">
<div class="js_get_posts first_is_big effect-dexter" data-posts_limit="1" data-loading="true" data-template="snippet_latest_posts.s_latest_posts_big_picture_template" contenteditable="False"/>
</section>
</div>
<div class="row">
<section class="s_latest_posts_big_picture col-md-6 mt32">
<div class="js_get_posts first_is_big effect-chico" data-posts_limit="1" data-loading="true" data-template="snippet_latest_posts.s_latest_posts_big_picture_template" contenteditable="False"/>
</section>
<section class="s_latest_posts_big_picture col-md-6 mt32">
<div class="js_get_posts first_is_big effect-steve" data-posts_limit="1" data-loading="true" data-template="snippet_latest_posts.s_latest_posts_big_picture_template" contenteditable="False"/>
</section>
</div>
</div>
</xpath>
</template>
</odoo>
+94
View File
@@ -0,0 +1,94 @@
<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<record id="website_blog.blog_post_3" model="blog.post">
<field name="name">Organize a meeting</field>
<field name="subtitle">Are your meetings useful and productive?</field>
<field name="blog_id" ref="website_blog.blog_blog_1"/>
<field name="website_published" eval="True"/>
<field name="cover_properties">{"background-image": "url(/theme_graphene/static/src/img/theme_samples/design.jpg)", "resize_class": "cover container cover_narrow", "background-color": "oe_black", "opacity": "0.0"}</field>
<field name="content">
<![CDATA[<section class="row readable">
<div class="col-md-12 mb32">
<img class="img-responsive" src="/website_blog/static/src/img/CMS_WMS_screens.jpg"/>
</div>
<div class="col-md-6 col-md-offset-3 mb16 mt16">
<p class="text-center">
New Features Launched
</p>
<p class="text-center">
To add to an already comprehensive set of Odoo
features, a website content management system (CMS
or WMS) has been developed and a beta release is
available from today, 31st January 2014.
</p>
</div>
</section>
<section class="readable">
<p>
Odoo claims to be 'the Open Source software that makes
building your company's website and selling your products
online easy'. So how true is this statement?
</p><p>
"Odoo's latest launch will allow a business to go from
zero to trading online quicker than ever before,” Stuart
Mackintosh, MD of Open Source specialist and Odoo
integration partner, OpusVL, explains. “The investment
required to have a fully automated business system is
dramatically reduced, enabling the small and medium
enterprise to compete at a level of functionality and
performance previously reserved for the big IT investors."
</p>
<blockquote>
<p>
"Finally, the leading edge is being brought to the masses.
It will now be the turn of the big players to catch up to
the superior technologies of the SME."
</p>
</blockquote>
<p>
"This is another clever and highly disruptive move by
Odoo,which will force other technology providers to
take another look at the value they are providing to ensure
that their 'solutions' can still compete."
</p><p>
"Odoo now competes on many fronts, with no real
competition out there to knock them off the top spot.
With the launch of their integrated CMS and Ecommerce
systems,it only elevates their position as one of the leading
lights in the open source revolution. It will be at least 5
years before another ERP or CMS provider will be able to
compete at this level due to the technology currently
employed by most industry providers."
</p>
<h4>Adding to industry leading technology</h4>
<p>
Like many modern website editors, with Odoo you can edit
content in-line, enabling you to see exactly what you are
changing and ensure your changes suit the context.
</p><p>
However, unlike other web content management systems, it
fully integrates into the back-end database. This means
that when you edit a product description, image or price,
it updates the product database in real time, providing a
true self-service window into the business.
</p><p>
This provides a single source of data for your company and
removes the need to create offline synchronisation between
website and product database.
</p><p>
As it comes, there is a default website based on Bootstrap
3, the latest industry standard for rapid development of
multi-device websites backed by Twitter, so can be directly
integrated with many web tools and works across all devices
by default.
</p>
</section>
]]>
</field>
</record>
</data>
</openerp>
+10
View File
@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template inherit_id="website.feat">
<xpath expr="//img[contains(@src, 'move_top')]" position="after">
<hr class="mb64 mt64"/>
<img class="img-responsive o_animate o_anim_fade_in" src="/theme_graphene/static/description/media/latest_posts.jpg" alt=""/>
<a href="/page/blocks#posts" class="btn btn-default">Discover More</a>
</xpath>
</template>
</odoo>
+60
View File
@@ -0,0 +1,60 @@
# Translation of Odoo Server.
# This file contains the translation of the following modules:
# * theme_graphene_blog
#
# Translators:
# Ermin Trevisan <trevi@twanda.com>, 2017
# Krakataua Katarajtu <shlok@hotmail.de>, 2017
msgid ""
msgstr ""
"Project-Id-Version: Odoo Server 10.0+e\n"
"Report-Msgid-Bugs-To: \n"
"POT-Creation-Date: 2017-03-24 12:43+0000\n"
"PO-Revision-Date: 2017-03-24 12:43+0000\n"
"Last-Translator: Krakataua Katarajtu <shlok@hotmail.de>, 2017\n"
"Language-Team: German (https://www.transifex.com/odoo/teams/41243/de/)\n"
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=UTF-8\n"
"Content-Transfer-Encoding: \n"
"Language: de\n"
"Plural-Forms: nplurals=2; plural=(n != 1);\n"
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "<i class=\"fa fa-cogs\"/>Options"
msgstr "Optionen"
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "<i class=\"fa fa-paint-brush\"/>List Style"
msgstr "Listen Style"
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Default"
msgstr "Standard"
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Dexter"
msgstr "Dexter"
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "First is bigger"
msgstr "Erster ist größer"
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Lonely Steve"
msgstr "Einsamer Steve"
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Marley"
msgstr "Marley"
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Silly-Chico"
msgstr "Einfältiger-Chico"
+59
View File
@@ -0,0 +1,59 @@
# Translation of Odoo Server.
# This file contains the translation of the following modules:
# * theme_graphene_blog
#
# Translators:
# Daniel Blanco <daniel@blancomartin.com.ar>, 2017
msgid ""
msgstr ""
"Project-Id-Version: Odoo Server 10.0+e\n"
"Report-Msgid-Bugs-To: \n"
"POT-Creation-Date: 2017-03-24 12:43+0000\n"
"PO-Revision-Date: 2017-03-24 12:43+0000\n"
"Last-Translator: Daniel Blanco <daniel@blancomartin.com.ar>, 2017\n"
"Language-Team: Spanish (https://www.transifex.com/odoo/teams/41243/es/)\n"
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=UTF-8\n"
"Content-Transfer-Encoding: \n"
"Language: es\n"
"Plural-Forms: nplurals=2; plural=(n != 1);\n"
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "<i class=\"fa fa-cogs\"/>Options"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "<i class=\"fa fa-paint-brush\"/>List Style"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Default"
msgstr "Por defecto"
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Dexter"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "First is bigger"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Lonely Steve"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Marley"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Silly-Chico"
msgstr ""
+60
View File
@@ -0,0 +1,60 @@
# Translation of Odoo Server.
# This file contains the translation of the following modules:
# * theme_graphene_blog
#
# Translators:
# Martin Trigaux, 2019
#
msgid ""
msgstr ""
"Project-Id-Version: Odoo Server 10.0+e\n"
"Report-Msgid-Bugs-To: \n"
"POT-Creation-Date: 2017-03-24 12:43+0000\n"
"PO-Revision-Date: 2017-03-24 13:38+0000\n"
"Last-Translator: Martin Trigaux, 2019\n"
"Language-Team: French (https://www.transifex.com/odoo/teams/41243/fr/)\n"
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=UTF-8\n"
"Content-Transfer-Encoding: \n"
"Language: fr\n"
"Plural-Forms: nplurals=2; plural=(n > 1);\n"
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "<i class=\"fa fa-cogs\"/>Options"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "<i class=\"fa fa-paint-brush\"/>List Style"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Default"
msgstr "Par défaut"
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Dexter"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "First is bigger"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Lonely Steve"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Marley"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Silly-Chico"
msgstr ""
+59
View File
@@ -0,0 +1,59 @@
# Translation of Odoo Server.
# This file contains the translation of the following modules:
# * theme_graphene_blog
#
# Translators:
# Yenthe Van Ginneken <yenthespam@gmail.com>, 2017
msgid ""
msgstr ""
"Project-Id-Version: Odoo Server 10.0+e\n"
"Report-Msgid-Bugs-To: \n"
"POT-Creation-Date: 2017-03-24 12:43+0000\n"
"PO-Revision-Date: 2017-03-24 12:43+0000\n"
"Last-Translator: Yenthe Van Ginneken <yenthespam@gmail.com>, 2017\n"
"Language-Team: Dutch (https://www.transifex.com/odoo/teams/41243/nl/)\n"
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=UTF-8\n"
"Content-Transfer-Encoding: \n"
"Language: nl\n"
"Plural-Forms: nplurals=2; plural=(n != 1);\n"
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "<i class=\"fa fa-cogs\"/>Options"
msgstr "<i class=\"fa fa-cogs\"/>Opties"
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "<i class=\"fa fa-paint-brush\"/>List Style"
msgstr "<i class=\"fa fa-paint-brush\"/>Lijst stijl"
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Default"
msgstr "Standaard"
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Dexter"
msgstr "Dexter"
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "First is bigger"
msgstr "Eerst is groter"
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Lonely Steve"
msgstr "Eenzame Steve"
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Marley"
msgstr "Marley"
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Silly-Chico"
msgstr "Gekke-Chico"
@@ -0,0 +1,57 @@
# Translation of Odoo Server.
# This file contains the translation of the following modules:
# * theme_graphene_blog
#
msgid ""
msgstr ""
"Project-Id-Version: Odoo Server 10.0+e\n"
"Report-Msgid-Bugs-To: \n"
"POT-Creation-Date: 2017-03-24 12:43+0000\n"
"PO-Revision-Date: 2017-03-24 12:43+0000\n"
"Last-Translator: <>\n"
"Language-Team: \n"
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=UTF-8\n"
"Content-Transfer-Encoding: \n"
"Plural-Forms: \n"
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "<i class=\"fa fa-cogs\"/>Options"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "<i class=\"fa fa-paint-brush\"/>List Style"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Default"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Dexter"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "First is bigger"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Lonely Steve"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Marley"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Silly-Chico"
msgstr ""
+56
View File
@@ -0,0 +1,56 @@
# Translation of Odoo Server.
# This file contains the translation of the following modules:
# * theme_graphene_blog
#
msgid ""
msgstr ""
"Project-Id-Version: Odoo Server 10.0+e\n"
"Report-Msgid-Bugs-To: \n"
"POT-Creation-Date: 2017-03-24 12:43+0000\n"
"PO-Revision-Date: 2017-03-24 12:43+0000\n"
"Language-Team: Chinese (China) (https://www.transifex.com/odoo/teams/41243/zh_CN/)\n"
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=UTF-8\n"
"Content-Transfer-Encoding: \n"
"Language: zh_CN\n"
"Plural-Forms: nplurals=1; plural=0;\n"
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "<i class=\"fa fa-cogs\"/>Options"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "<i class=\"fa fa-paint-brush\"/>List Style"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Default"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Dexter"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "First is bigger"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Lonely Steve"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Marley"
msgstr ""
#. module: theme_graphene_blog
#: model:ir.ui.view,arch_db:theme_graphene_blog.s_latest_posts_big_picture_options
msgid "Silly-Chico"
msgstr ""
Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

@@ -0,0 +1,31 @@
odoo.define("theme_graphene_blog.editor", function (require) {
"use strict";
var s_options = require('web_editor.snippets.options');
require("website_blog.editor");
require("web_editor.base");
var $wrapwrap = $("#wrapwrap");
var $wrap = $("#wrap");
// Preview blog post's cover layouts
s_options.registry.blog_cover.include({
clear: function (type, value, $li) {
this._super.apply(this, arguments);
if (type === "click") this._preview_layout();
},
select_class: function () {
this._super.apply(this, arguments);
this._preview_layout();
},
_preview_layout: function () {
if (this.$target.hasClass("cover_full")) {
$wrapwrap.addClass("top_content");
$wrap.css("margin-top", this.$target.outerHeight() * 0.8);
} else {
$wrapwrap.removeClass("top_content");
$wrap.css("margin-top", "");
}
}
});
});
@@ -0,0 +1,61 @@
#wrapwrap.top_content #wrap {
> div#title.blog_header {
.graphene_top_content();
overflow: visible;
}
#title.blog_header {
.cover.cover_full {
height: 75vh;
.graphene_top_content();
}
.blog_title {
min-height: 300px;
top: 0;
margin-top: 15%;
@media screen and (max-width: @screen-sm-min) {
margin-top: 25%;
}
@media screen and (max-width: @screen-xs-max) {
margin-top: 30%;
}
}
> .container:not(.cover) {
z-index: 2;
#change_cover, .js_publish_management {
top: -150px;
}
}
}
#blog_content {
background: #FEFEFE;
z-index: 2;
position: relative;
margin-top: 0 !important;
padding: @grid-gutter-width/2;
}
.readable {
@media screen and (max-width: @screen-xs-max) {
font-size: 110%;
}
}
}
#title.blog_header {
.cover.cover_narrow {
width: 100%;
height: 350px;
height: 35vh;
&.container-fluid {
height: 450px;
height: 45vh;
}
}
}
@@ -0,0 +1,233 @@
@s_latest_posts_big_picture-figure_bg: @color-beta-light;
.s_latest_posts-js_get_posts-hook() {
figcaption p {
margin: 0;
}
&.effect-dexter figure {
.thumb {
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.content {
background: -webkit-linear-gradient(top, darken(@color-beta, 10%) 0%, darken(@color-beta, 30%) 100%);
background: linear-gradient(to bottom, darken(@color-beta, 10%) 0%,darken(@color-beta, 30%) 100%);
}
figcaption {
padding: 3em;
text-align: left;
&:after {
position: absolute;
right: 30px;
bottom: 30px;
left: 30px;
height: -webkit-calc(50% - 10px);
height: calc(50% - 10px);
border: 2px solid #fff;
content: "";
.transition(transform 0.35s);
.translate3d(0,-100%,0);
}
}
p {
position: absolute;
right: 60px;
bottom: 60px;
left: 60px;
opacity: 0;
.transition(e( "opacity 0.35s linear 0s, transform 0.35s linear 0s"));
-webkit-transform: translate3d(0,-100px,0);
transform: translate3d(0,-100px,0);
}
&:hover {
.thumb {
opacity: 0.4!important;
}
figcaption::after {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
}
&.effect-chico {
.thumb {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
figcaption {
padding: 3em;
&::before {
position: absolute;
top: 7%;
right: 7%;
bottom: 7%;
left: 7%;
border: 1px solid #fff;
content: "";
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
}
p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
margin: 10% auto 0;
max-width: 200px;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
h2 {
padding: 0;
}
figure:hover {
.thumb {
opacity: 0.5!important;
-webkit-transform: scale(1);
transform: scale(1);
}
figcaption::before, p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
}
&.effect-marley {
figcaption {
text-align: right;
h2, p {
position: absolute;
right: 30px;
left: 30px;
padding: 10px 0;
}
p {
bottom: 30px;
line-height: 1.5;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
h2 {
top: 30px;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
&:after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: #fff;
content: "";
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
}
}
figure:hover figcaption {
h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
h2::after, p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
}
&.effect-steve figure {
z-index: auto;
&:before {
box-shadow: 0 3px 30px rgba(0,0,0,0.8);
opacity: 0;
}
.content {
background: #000;
overflow: hidden;
}
figcaption {
z-index: 1;
}
.thumb {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: perspective(1000px) translate3d(0,0,0);
transform: perspective(1000px) translate3d(0,0,0);
}
h2, p {
background: #fff;
color: #2d434e;
}
h2 {
position: relative;
margin-top: 0.1em;
padding: 0.25em;
&:before {
box-shadow: 0 1px 10px rgba(0,0,0,0.5);
}
}
p {
margin-top: 1em;
padding: 0.5em;
font-weight: 800;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(0.9,0.9,1);
transform: scale3d(0.9,0.9,1);
}
&:hover {
//figure
&:before {
opacity: 1;
}
h2:before {
opacity: 0;
}
.thumb {
-webkit-transform: perspective(1000px) translate3d(0,0,21px);
transform: perspective(1000px) translate3d(0,0,21px);
}
p {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
}
}
&.first_is_big figure:first-child {
width: 100%;
}
}
// DEMO pages
#wrap.demo_blocks {
.s_latest_posts_big_picture a {
pointer-events: none!important;
}
}
+58
View File
@@ -0,0 +1,58 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="graphene_main_less" inherit_id="theme_graphene.graphene_main_less">
<xpath expr="//link[last()]" position="after">
<link rel="stylesheet" type="text/less" href="/theme_graphene_blog/static/src/less/graphene.blog.less"/>
<link rel="stylesheet" type="text/less" href="/theme_graphene_blog/static/src/less/s_latest_posts.less"/>
</xpath>
</template>
<template id="graphene_editor_js" inherit_id="theme_graphene.graphene_editor_js">
<xpath expr="//script[last()]" position="after">
<script type="text/javascript" src="/theme_graphene_blog/static/src/js/graphene.blog.editor.js"/>
</xpath>
</template>
<!-- Latest Posts Snippets -->
<template id="overwrite_latest_post_thumb" inherit_id="snippet_latest_posts.s_latest_posts_place_in_tab">
<xpath expr="//t[@t-snippet='snippet_latest_posts.s_latest_posts']" position="attributes">
<attribute name="t-thumbnail">/theme_graphene_blog/static/src/img/ui/s_latest_posts.jpg</attribute>
</xpath>
<xpath expr="//t[@t-snippet='snippet_latest_posts.s_latest_posts_big_picture']" position="attributes">
<attribute name="t-thumbnail">/theme_graphene_blog/static/src/img/ui/s_latest_posts_big_picture.jpg</attribute>
</xpath>
</template>
<!-- Snippet's Options -->
<template id="s_latest_posts_big_picture_options" inherit_id="snippet_latest_posts.s_latest_posts_option">
<xpath expr="//div[@data-js='js_get_posts']" position="before">
<div data-js='s_latest_posts_style' data-selector=".s_latest_posts_big_picture .js_get_posts">
<li class="dropdown-submenu">
<a tabindex="-1" href="#"><i class="fa fa-paint-brush"/>List Style</a>
<ul class="dropdown-menu">
<li data-select_class=""><a>Default</a></li>
<li data-select_class="effect-marley"><a>Marley</a></li>
<li data-select_class="effect-dexter"><a>Dexter</a></li>
<li data-select_class="effect-chico"><a>Silly-Chico</a></li>
<li data-select_class="effect-steve"><a>Lonely Steve</a></li>
</ul>
</li>
</div>
<div data-js='s_latest_posts_options' data-selector=".s_latest_posts_big_picture .js_get_posts">
<li class="dropdown-submenu">
<a tabindex="-1" href="#"><i class="fa fa-cogs"/>Options</a>
<ul class="dropdown-menu">
<li data-toggle_class="first_is_big"><a>First is bigger</a></li>
</ul>
</li>
</div>
</xpath>
</template>
<!-- Graphene's methods -->
<template id="graph_js-methods" inherit_id="theme_graphene.graph_js-methods">
<xpath expr="//div[@data-js='no_resize']" position="attributes">
<attribute name="data-selector" separator=", " remove="hook" add=".s_latest_posts_big_picture, .s_latest_posts"/>
</xpath>
</template>
</odoo>