summaryrefslogtreecommitdiff
path: root/addons/website/static/src/css/website.sass
diff options
context:
space:
mode:
Diffstat (limited to 'addons/website/static/src/css/website.sass')
-rw-r--r--addons/website/static/src/css/website.sass224
1 files changed, 151 insertions, 73 deletions
diff --git a/addons/website/static/src/css/website.sass b/addons/website/static/src/css/website.sass
index f947a163a28..ccd11d3396f 100644
--- a/addons/website/static/src/css/website.sass
+++ b/addons/website/static/src/css/website.sass
@@ -1,5 +1,7 @@
@charset "utf-8"
+@import "common"
+
/*
* THIS CSS FILE IS FOR WEBSITE THEMING CUSTOMIZATION ONLY
*
@@ -103,14 +105,8 @@
/* Extra Styles */
img.shadow
- -webkit-border-radius: 3px
- -moz-border-radius: 3px
- -ms-border-radius: 3px
- -o-border-radius: 3px
- border-radius: 3px
- -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2)
- -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2)
- box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2)
+ +border-radius(3px)
+ +box-shadow(0px 3px 8px rgba(0, 0, 0, 0.2))
margin: 0 auto
h1.text-muted, h2.text-muted, h3.text-muted
@@ -124,14 +120,14 @@ h1.text-muted, h2.text-muted, h3.text-muted
/* ----- BOOTSTRAP HACK FOR STICKY FOOTER ----- */
html,body, #wrapwrap
- box-sizing: border-box
+ +box-sizing(border-box)
height: 100%
#wrapwrap
display: table
width: 100%
-header, #wrap, footer
+header, main, footer
display: table-row
footer
@@ -149,6 +145,9 @@ footer
float: left
width: 100%
+.row
+ min-height: 32px
+
/* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */
.oe_structure.oe_editable.oe_empty:empty, .oe_editable[data-oe-type=html]:empty, .oe_structure.oe_editable.oe_empty > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child
@@ -186,6 +185,64 @@ footer
// .nav > li a
// display: block
+/* ---- HOMEPAGE THEME CUSTOMIZATION ---- */
+
+.nav-hierarchy
+ padding-left: 16px
+
+#themes-list .well
+ padding: 0 0 20px 0
+
+/* -- Hack for removing double scrollbar from mobile preview -- */
+div#mobile-preview.modal
+ overflow: hidden
+ overflow-y: hidden
+
+ul.nav-stacked > li > a
+ padding: 2px 15px
+
+#customize-menu .dropdown-header
+ text-transform: uppercase
+
+/* ---- PUBLISH ---- */
+.css_published
+ .btn-danger, .css_publish
+ display: none
+.css_unpublished
+ .btn-success, .css_unpublish
+ display: none
+
+[data-publish='off']
+ +opacity(0.5)
+
+/* ---- END of PUBLISH ---- */
+
+@include selection
+ background: rgba(150, 150, 220, 0.3)
+
+.logo-img
+ width: 220px
+
+
+.oe_demo
+ position: relative
+ img
+ width: 100%
+ div
+ position: absolute
+ left: 0
+ background-color: rgba(0,0,0,0.4)
+ opacity: 0.85
+ bottom: 0px
+ width: 100%
+ padding: 7px
+ color: white
+ font-weight: bold
+ a
+ color: white
+
+/* ---- SNIPPETS --- */
+
.carousel-inner .item
height: 100%
background-size: 100%
@@ -198,27 +255,23 @@ footer
&.oe_big .carousel-inner
height: 450px
.carousel-caption
+ left: auto
+ right: auto
+ bottom: 10%
+ text-align: left
+ padding: 20px
+ background: rgba(0, 0, 0, 0.4)
h1, h2, h3
margin-top: 10px
margin-bottom: 10px
.carousel-image
- right: 10%
+ right: 50%
left: 50%
top: 5%
bottom: 5%
position: absolute
- text-align: center
- img
- height: 100%
- margin: 0 auto
- .item.text_image
- .carousel-caption
- left: auto
- right: auto
- bottom: 10%
- text-align: left
- padding: 20px
- background: rgba(0, 0, 0, 0.4)
+ max-height: 90%
+ margin: 0 auto
.item.text_only
.carousel-image
display: none !important
@@ -226,17 +279,13 @@ footer
left: 10%
right: 10%
top: 10%
+ bottom: auto
text-align: center
+ background: transparent
.item.image_text
.carousel-caption
- left: auto
- text-align: left
right: 10%
- bottom: 10%
- padding: 20px
- background: rgba(0, 0, 0, 0.4)
.carousel-image
- right: 50%
left: 10%
.carousel-control
cursor: pointer
@@ -249,26 +298,10 @@ footer
&.right span
right: 10px
-/* ---- HOMEPAGE THEME CUSTOMIZATION ---- */
-
-.dark
- background: #eff8f8
- background: rgba(100, 200, 200, 0.14)
- -webkit-box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset
- -moz-box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset
- box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset
-
-.nav-hierarchy
- padding-left: 16px
-
-#themes-list .well
- padding: 0 0 20px 0
/* Parallax Theme */
-.parallax_quote
- background: url('/website/static/src/img/parallax/quote.png') center center no-repeat fixed
- background-size: contain
+div.carousel[data-snippet-id="slider"]
.carousel-indicators
li
border: 1px solid grey
@@ -278,43 +311,48 @@ footer
.parallax
position: relative
background-size: 100%
+ display: table
+ width: 100%
+ min-height: 100px
&.oe_small
- height: 200px
+ min-height: 200px
&.oe_medium
- height: 300px
+ min-height: 300px
&.oe_big
- height: 450px
-/* -- Hack for removing double scrollbar from mobile preview -- */
-div#mobile-preview.modal
- overflow: hidden
- overflow-y: hidden
-
-ul.nav-stacked > li > a
- padding: 2px 15px
-
-#customize-menu .dropdown-header
- text-transform: uppercase
-
-/* ---- PUBLISH ---- */
-.css_unpublish, .css_publish
- display: none
-.css_published .css_unpublish, .css_unpublished .css_publish
- display: block
-
-[data-publish='off']
- opacity: 0.5
-
-/* ---- END of PUBLISH ---- */
+ min-height: 450px
+ > div
+ display: table-cell
+ vertical-align: middle
+ padding: 32px 0
+/* Background */
+
+.oe_dark
+ background: #eff8f8
+ background: rgba(100, 200, 200, 0.14)
+ +box-shadow(0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset)
+.oe_black
+ background-color: rgba(0, 0, 0, 0.9)
+.oe_green
+ background-color: rgba(0, 128, 0, 0.8)
+.oe_red
+ background-color: rgba(255, 0, 0, 0.8)
+.oe_img_bg
+ background-size: 100%
+.texttop
+ vertical-align: top
-::selection
- background: rgba(150, 150, 220, 0.3)
+table.well tr
+ th
+ text-align: right
+ padding-right: 10px
+ td
+ padding-right: 5px
.logo-img
width: 220px
-
.oe_demo
position: relative
img
@@ -331,3 +369,43 @@ ul.nav-stacked > li > a
font-weight: bold
a
color: white
+
+address
+ .fa.fa-mobile-phone
+ margin: 0 3px 0 2px
+ .fa.fa-file-text-o
+ margin-right: 1px
+
+span[data-oe-type="monetary"]
+ white-space: nowrap
+
+.oe_template_fallback
+ @include column-count(3)
+
+// ---- Callouts from bootstrap doc ---- {{{
+.bs-callout
+ margin: 20px 0
+ padding: 20px
+ border-left: 3px solid #eee
+.bs-callout h4
+ margin-top: 0
+ margin-bottom: 5px
+.bs-callout p:last-child
+ margin-bottom: 0
+
+.bs-callout-danger
+ background-color: #fdf7f7
+ border-color: #eed3d7
+.bs-callout-danger h4
+ color: #b94a48
+.bs-callout-warning
+ background-color: #faf8f0
+ border-color: #faebcc
+.bs-callout-warning h4
+ color: #8a6d3b
+.bs-callout-info
+ background-color: #f4f8fa
+ border-color: #bce8f1
+.bs-callout-info h4
+ color: #34789a
+// }}}
generated by cgit v1.2.3 (git 2.25.1) at 2026-10-23 20:56:43 +0000