371 lines
8.2 KiB
Sass
371 lines
8.2 KiB
Sass
@charset "utf-8"
|
|
|
|
@import "common"
|
|
|
|
/*
|
|
* THIS CSS FILE IS FOR WEBSITE THEMING CUSTOMIZATION ONLY
|
|
*
|
|
* css for editor buttons, openerp widget included in the website and other
|
|
* stuff must go to the editor.css
|
|
*
|
|
*/
|
|
|
|
/* ----- GENERIC LAYOUTING HELPERS ---- */
|
|
|
|
/* Vertical Spacing */
|
|
.mt128
|
|
margin-top: 128px !important
|
|
.mt92
|
|
margin-top: 92px !important
|
|
.mt64
|
|
margin-top: 64px !important
|
|
.mt48
|
|
margin-top: 48px !important
|
|
.mt32
|
|
margin-top: 32px !important
|
|
.mt16
|
|
margin-top: 16px !important
|
|
.mt8
|
|
margin-top: 8px !important
|
|
.mt4
|
|
margin-top: 4px !important
|
|
.mt0
|
|
margin-top: 0px !important
|
|
|
|
.mb128
|
|
margin-bottom: 128px !important
|
|
.mb92
|
|
margin-bottom: 92px !important
|
|
.mb64
|
|
margin-bottom: 64px !important
|
|
.mb48
|
|
margin-bottom: 48px !important
|
|
.mb32
|
|
margin-bottom: 32px !important
|
|
.mb16
|
|
margin-bottom: 16px !important
|
|
.mb8
|
|
margin-bottom: 8px !important
|
|
.mb4
|
|
margin-bottom: 4px !important
|
|
.mb0
|
|
margin-bottom: 0px !important
|
|
|
|
.pt128
|
|
padding-top: 128px !important
|
|
.pt92
|
|
padding-top: 92px !important
|
|
.pt64
|
|
padding-top: 64px !important
|
|
.pt48
|
|
padding-top: 48px !important
|
|
.pt32
|
|
padding-top: 32px !important
|
|
.pt16
|
|
padding-top: 16px !important
|
|
.pt8
|
|
padding-top: 8px !important
|
|
.pt4
|
|
padding-top: 4px !important
|
|
.pt0
|
|
padding-top: 0px !important
|
|
|
|
.pb128
|
|
padding-bottom: 128px !important
|
|
.pb92
|
|
padding-bottom: 92px !important
|
|
.pb64
|
|
padding-bottom: 64px !important
|
|
.pb48
|
|
padding-bottom: 48px !important
|
|
.pb32
|
|
padding-bottom: 32px !important
|
|
.pb16
|
|
padding-bottom: 16px !important
|
|
.pb8
|
|
padding-bottom: 8px !important
|
|
.pb4
|
|
padding-bottom: 4px !important
|
|
.pb0
|
|
padding-bottom: 0px !important
|
|
|
|
/* Grid of unequally tall elements */
|
|
.grid > [class*="col-md"]
|
|
display: inline-block
|
|
float: none
|
|
vertical-align: top
|
|
box-sizing: border-box
|
|
&.grid-align-top > [class*="col-md"]
|
|
vertical-align: top
|
|
&.grid-align-middle > [class*="col-md"]
|
|
vertical-align: middle
|
|
&.grid-align-bottom > [class*="col-md"]
|
|
vertical-align: bottom
|
|
|
|
/* Extra Styles */
|
|
|
|
img.shadow
|
|
+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
|
|
margin-top: 10px
|
|
|
|
/* ----- BOOTSTRAP HACK FOR HEADER NAV BAR ----- */
|
|
|
|
.navbar.navbar-default.navbar-static-top
|
|
margin-bottom: 0
|
|
|
|
/* ----- BOOTSTRAP HACK FOR STICKY FOOTER ----- */
|
|
|
|
html,body, #wrapwrap
|
|
+box-sizing(border-box)
|
|
height: 100%
|
|
|
|
#wrapwrap
|
|
display: table
|
|
width: 100%
|
|
|
|
header, #wrap, footer
|
|
display: table-row
|
|
|
|
footer
|
|
height: 100%
|
|
background: rgb(239, 248, 248)
|
|
background: rgba(100, 200, 200, 0.1)
|
|
|
|
#footer_container
|
|
padding-top: 24px
|
|
padding-bottom: 12px
|
|
|
|
/* ----- BOOTSTRAP FIX ----- */
|
|
|
|
.col-md-12
|
|
float: left
|
|
width: 100%
|
|
|
|
/* ---- 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
|
|
background-image: url('/website/static/src/img/drag_here.png')
|
|
|
|
.oe_structure.oe_empty:empty, [data-oe-type=html]:empty, .oe_structure.oe_empty > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child
|
|
background-image: url('/website/static/src/img/edit_here.png')
|
|
background-repeat: no-repeat
|
|
background-position: center
|
|
height: 220px !important
|
|
|
|
.oe_structure.oe_empty > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child
|
|
position: static
|
|
|
|
.oe_structure.oe_empty:empty:before, [data-oe-type=html]:empty:before, .oe_structure.oe_empty > .oe_drop_zone.oe_insert:only-child:before, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child:before
|
|
content: 'Press The Top-Left Edit Button'
|
|
text-align: center
|
|
display: block
|
|
padding-top: 160px
|
|
padding-bottom: 30px
|
|
color: grey
|
|
font-size: 24px
|
|
|
|
.oe_structure.oe_editable.oe_empty:empty:before, .oe_editable[data-oe-type=html]:empty:before, .oe_structure.oe_editable.oe_empty > .oe_drop_zone.oe_insert:only-child:before, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child:before
|
|
content: 'Drag Building Blocks Here'
|
|
|
|
/* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */
|
|
|
|
.navbar .nav > li > p
|
|
margin-bottom: 0px
|
|
|
|
// .navbar .nav > li a
|
|
// text-shadow: none
|
|
|
|
// .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_unpublish, .css_publish
|
|
display: none
|
|
.css_published .css_unpublish, .css_unpublished .css_publish
|
|
display: block
|
|
|
|
[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%
|
|
|
|
.carousel
|
|
&.oe_small .carousel-inner
|
|
height: 200px
|
|
&.oe_medium .carousel-inner
|
|
height: 300px
|
|
&.oe_big .carousel-inner
|
|
height: 450px
|
|
.carousel-caption
|
|
h1, h2, h3
|
|
margin-top: 10px
|
|
margin-bottom: 10px
|
|
.carousel-image
|
|
right: 10%
|
|
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)
|
|
.item.text_only
|
|
.carousel-image
|
|
display: none !important
|
|
.carousel-caption
|
|
left: 10%
|
|
right: 10%
|
|
top: 10%
|
|
text-align: center
|
|
.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
|
|
span
|
|
top: 50%
|
|
position: absolute
|
|
margin-top: -8px
|
|
&.left span
|
|
left: 10px
|
|
&.right span
|
|
right: 10px
|
|
|
|
|
|
/* Parallax Theme */
|
|
|
|
.parallax_quote
|
|
background: center center no-repeat fixed
|
|
background-size: contain
|
|
.carousel-indicators
|
|
li
|
|
border: 1px solid grey
|
|
.active
|
|
background-color: grey
|
|
|
|
.parallax
|
|
position: relative
|
|
background-size: 100%
|
|
&.oe_small
|
|
height: 200px
|
|
&.oe_medium
|
|
height: 300px
|
|
&.oe_big
|
|
height: 450px
|
|
|
|
/* 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
|
|
height: 100%
|
|
background-size: 100%
|
|
|
|
.texttop
|
|
vertical-align: top
|
|
|
|
table.well tr
|
|
th
|
|
text-align: right
|
|
padding-right: 10px
|
|
td
|
|
padding-right: 5px
|
|
|
|
.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
|