2013-06-27 16:15:36 +00:00
|
|
|
@charset "utf-8"
|
|
|
|
|
2013-11-20 12:44:51 +00:00
|
|
|
@import "common"
|
|
|
|
|
2013-10-30 10:13:34 +00:00
|
|
|
/*
|
2013-08-05 12:38:36 +00:00
|
|
|
* THIS CSS FILE IS FOR WEBSITE THEMING CUSTOMIZATION ONLY
|
|
|
|
*
|
|
|
|
* css for editor buttons, openerp widget included in the website and other
|
2013-10-30 10:13:34 +00:00
|
|
|
* stuff must go to the editor.css
|
2013-08-05 12:38:36 +00:00
|
|
|
*
|
|
|
|
*/
|
|
|
|
|
|
|
|
/* ----- GENERIC LAYOUTING HELPERS ---- */
|
|
|
|
|
|
|
|
/* Vertical Spacing */
|
2013-07-30 16:03:17 +00:00
|
|
|
.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
|
|
|
|
|
2013-08-05 12:38:36 +00:00
|
|
|
.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
|
|
|
|
|
2013-09-15 11:19:25 +00:00
|
|
|
/* Extra Styles */
|
2013-09-15 11:04:27 +00:00
|
|
|
|
|
|
|
img.shadow
|
2013-11-20 12:44:51 +00:00
|
|
|
+border-radius(3px)
|
|
|
|
+box-shadow(0px 3px 8px rgba(0, 0, 0, 0.2))
|
2013-09-15 11:04:27 +00:00
|
|
|
margin: 0 auto
|
|
|
|
|
2013-09-15 11:19:25 +00:00
|
|
|
h1.text-muted, h2.text-muted, h3.text-muted
|
|
|
|
margin-top: 10px
|
|
|
|
|
2014-01-19 12:08:58 +00:00
|
|
|
header
|
2014-01-19 19:35:27 +00:00
|
|
|
a.navbar-brand.logo
|
2014-01-19 19:44:41 +00:00
|
|
|
padding: 0 15px
|
2014-01-19 12:53:57 +00:00
|
|
|
a.navbar-brand
|
2014-01-19 12:08:58 +00:00
|
|
|
img
|
2014-01-19 12:32:25 +00:00
|
|
|
max-height: 50px
|
2014-01-19 12:08:58 +00:00
|
|
|
|
2014-03-17 12:40:56 +00:00
|
|
|
// add {WORD JOINER} (equivalent to deprecated ZERO WIDTH NO-BREAK SPACE) at
|
2014-03-17 13:51:44 +00:00
|
|
|
// the beginning of paragraphs so they don't "disappear" after saving when
|
|
|
|
// used solely for spacing.
|
|
|
|
#wrapwrap p:empty:after
|
2014-03-17 12:40:56 +00:00
|
|
|
content: '\2060'
|
|
|
|
|
2014-01-26 14:04:49 +00:00
|
|
|
/* ----- Snippets Styles ----- */
|
|
|
|
|
2014-04-11 12:22:32 +00:00
|
|
|
.para_large
|
|
|
|
font-size: 120%
|
|
|
|
|
2014-01-26 14:04:49 +00:00
|
|
|
.readable
|
|
|
|
font-size: 120%
|
|
|
|
max-width: 700px
|
|
|
|
margin-left: auto
|
|
|
|
margin-right: auto
|
|
|
|
|
2014-01-27 13:58:28 +00:00
|
|
|
/* ----- EDITOR ----- */
|
2014-06-27 09:03:34 +00:00
|
|
|
#oe_main_menu_navbar
|
|
|
|
min-height: 34px
|
|
|
|
z-index: 1001
|
|
|
|
+border-radius(0px)
|
|
|
|
margin-bottom: 0px
|
|
|
|
li a, li button
|
|
|
|
padding: 4px 8px 4px 8px
|
|
|
|
margin-top: 2px
|
|
|
|
font-size: 13px
|
|
|
|
.navbar-nav.navbar-right:last-child
|
|
|
|
margin-right: 0 !important
|
2014-01-27 13:58:28 +00:00
|
|
|
|
|
|
|
.css_non_editable_mode_hidden
|
|
|
|
display: none
|
|
|
|
|
2014-01-16 08:36:53 +00:00
|
|
|
/* ----- BOOTSTRAP FIX ----- */
|
|
|
|
|
2014-03-17 11:49:56 +00:00
|
|
|
.container, .readable
|
2014-01-16 08:36:53 +00:00
|
|
|
.container
|
|
|
|
padding-left: 0
|
|
|
|
padding-right: 0
|
2014-03-06 16:24:20 +00:00
|
|
|
width: auto
|
2014-01-16 08:36:53 +00:00
|
|
|
|
2013-09-16 08:25:33 +00:00
|
|
|
/* ----- BOOTSTRAP HACK FOR HEADER NAV BAR ----- */
|
|
|
|
|
2014-01-14 21:25:33 +00:00
|
|
|
.navbar.navbar-static-top
|
2013-09-19 15:05:26 +00:00
|
|
|
margin-bottom: 0
|
2014-01-14 21:25:33 +00:00
|
|
|
ul.nav
|
2014-01-14 23:20:46 +00:00
|
|
|
> li.divider
|
2014-01-14 21:25:33 +00:00
|
|
|
margin-top: 15px
|
|
|
|
padding-top: 20px
|
|
|
|
border-right: 1px solid grey
|
2013-09-16 08:25:33 +00:00
|
|
|
|
2013-08-05 12:38:36 +00:00
|
|
|
/* ----- BOOTSTRAP HACK FOR STICKY FOOTER ----- */
|
2013-07-30 18:24:33 +00:00
|
|
|
|
2013-09-18 14:50:28 +00:00
|
|
|
html,body, #wrapwrap
|
2013-11-20 12:44:51 +00:00
|
|
|
+box-sizing(border-box)
|
2013-07-30 16:03:17 +00:00
|
|
|
height: 100%
|
2013-08-30 15:01:26 +00:00
|
|
|
|
2013-09-18 14:50:28 +00:00
|
|
|
#wrapwrap
|
2013-12-13 21:37:59 +00:00
|
|
|
display: table
|
2013-08-30 15:01:26 +00:00
|
|
|
width: 100%
|
|
|
|
|
2013-12-16 16:06:54 +00:00
|
|
|
header, main, footer
|
2013-12-13 21:37:59 +00:00
|
|
|
display: table-row
|
2013-10-30 10:13:34 +00:00
|
|
|
|
2013-07-30 16:03:17 +00:00
|
|
|
footer
|
2013-08-30 15:01:26 +00:00
|
|
|
height: 100%
|
2013-08-30 10:48:38 +00:00
|
|
|
background: rgb(239, 248, 248)
|
2014-01-14 23:10:54 +00:00
|
|
|
background: rgba(200, 200, 200, 0.1)
|
2013-08-05 12:38:36 +00:00
|
|
|
|
2013-08-30 15:01:26 +00:00
|
|
|
#footer_container
|
|
|
|
padding-top: 24px
|
|
|
|
padding-bottom: 12px
|
2013-08-06 09:23:44 +00:00
|
|
|
|
2013-09-27 15:26:25 +00:00
|
|
|
/* ----- BOOTSTRAP FIX ----- */
|
|
|
|
|
|
|
|
.col-md-12
|
|
|
|
float: left
|
|
|
|
width: 100%
|
|
|
|
|
2013-08-05 12:38:36 +00:00
|
|
|
/* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */
|
|
|
|
|
2013-10-12 11:15:24 +00:00
|
|
|
.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
|
2014-01-25 13:24:19 +00:00
|
|
|
background-image: url('/website/static/src/img/drag_here.png') !important
|
2013-10-12 11:15:24 +00:00
|
|
|
|
2014-01-24 09:28:53 +00:00
|
|
|
.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
|
2014-01-25 13:24:19 +00:00
|
|
|
background-image: none
|
2014-01-24 09:28:53 +00:00
|
|
|
background-repeat: no-repeat
|
|
|
|
background-position: center
|
|
|
|
height: 220px !important
|
|
|
|
|
2013-09-19 07:53:09 +00:00
|
|
|
.oe_structure.oe_empty > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child
|
2013-10-17 14:19:59 +00:00
|
|
|
position: static
|
2013-09-17 20:42:22 +00:00
|
|
|
|
2014-01-22 19:44:16 +00:00
|
|
|
.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: ' '
|
2014-01-24 09:28:53 +00:00
|
|
|
text-align: center
|
2014-01-22 19:44:16 +00:00
|
|
|
display: block
|
|
|
|
padding-top: 160px
|
|
|
|
padding-bottom: 30px
|
2014-01-24 09:28:53 +00:00
|
|
|
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
|
2014-01-25 13:24:19 +00:00
|
|
|
content: 'Drag Building Blocks Here' !important
|
2014-01-22 19:44:16 +00:00
|
|
|
|
2014-01-14 16:29:25 +00:00
|
|
|
.css_editable_display
|
|
|
|
display: none
|
|
|
|
|
2013-09-15 08:11:45 +00:00
|
|
|
/* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */
|
|
|
|
|
2013-07-31 07:48:59 +00:00
|
|
|
.navbar .nav > li > p
|
|
|
|
margin-bottom: 0px
|
|
|
|
|
2013-08-30 10:48:38 +00:00
|
|
|
// .navbar .nav > li a
|
|
|
|
// text-shadow: none
|
2013-07-31 07:48:59 +00:00
|
|
|
|
2013-10-30 10:13:34 +00:00
|
|
|
// .nav > li a
|
2013-08-30 10:48:38 +00:00
|
|
|
// display: block
|
2013-07-31 14:53:27 +00:00
|
|
|
|
2013-11-20 11:52:50 +00:00
|
|
|
/* ---- 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
|
|
|
|
|
|
|
|
ul.nav-stacked > li > a
|
|
|
|
padding: 2px 15px
|
|
|
|
|
|
|
|
#customize-menu .dropdown-header
|
|
|
|
text-transform: uppercase
|
|
|
|
|
|
|
|
/* ---- PUBLISH ---- */
|
2013-12-10 10:32:53 +00:00
|
|
|
.css_published
|
|
|
|
.btn-danger, .css_publish
|
|
|
|
display: none
|
|
|
|
.css_unpublished
|
|
|
|
.btn-success, .css_unpublish
|
|
|
|
display: none
|
2013-11-20 11:52:50 +00:00
|
|
|
|
2014-03-18 09:23:41 +00:00
|
|
|
[data-publish='off']>*:not(.css_options)
|
2013-11-20 12:44:51 +00:00
|
|
|
+opacity(0.5)
|
2013-11-20 11:52:50 +00:00
|
|
|
|
|
|
|
/* ---- END of PUBLISH ---- */
|
|
|
|
|
2013-11-20 12:44:51 +00:00
|
|
|
@include selection
|
2013-11-20 11:52:50 +00:00
|
|
|
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
|
|
|
|
|
2014-02-07 13:37:12 +00:00
|
|
|
|
2013-11-20 11:52:50 +00:00
|
|
|
/* ---- SNIPPETS --- */
|
2014-02-07 13:37:12 +00:00
|
|
|
|
|
|
|
.oe_img_bg
|
|
|
|
background-size: 100%
|
|
|
|
|
2014-03-14 16:36:39 +00:00
|
|
|
.carousel, .parallax, .blockquote
|
2014-01-08 12:21:13 +00:00
|
|
|
overflow: hidden
|
2013-11-20 11:52:50 +00:00
|
|
|
|
2014-01-14 15:12:43 +00:00
|
|
|
@media (max-width: 400px)
|
2014-03-03 14:20:17 +00:00
|
|
|
section, .parallax, .row, .hr, .blockquote
|
2014-01-14 15:12:43 +00:00
|
|
|
height: auto !important
|
|
|
|
|
2014-01-08 12:21:13 +00:00
|
|
|
.carousel-inner
|
2013-09-15 15:25:22 +00:00
|
|
|
height: 100%
|
2014-01-08 12:21:13 +00:00
|
|
|
.item
|
|
|
|
height: 100%
|
2014-02-07 13:37:12 +00:00
|
|
|
background-size: cover
|
2013-09-15 15:25:22 +00:00
|
|
|
.carousel
|
2013-09-23 12:33:59 +00:00
|
|
|
.carousel-control
|
|
|
|
cursor: pointer
|
|
|
|
span
|
|
|
|
top: 50%
|
|
|
|
position: absolute
|
|
|
|
margin-top: -8px
|
2014-03-31 13:03:04 +00:00
|
|
|
&.left
|
|
|
|
left: -10px
|
|
|
|
*
|
|
|
|
position: absolute
|
|
|
|
top: 50%
|
|
|
|
z-index: 5
|
|
|
|
right: 50%
|
|
|
|
&.right
|
|
|
|
right: -10px
|
|
|
|
*
|
|
|
|
position: absolute
|
|
|
|
top: 50%
|
|
|
|
z-index: 5
|
|
|
|
left: 50%
|
2013-08-11 21:09:27 +00:00
|
|
|
|
2014-01-15 12:59:23 +00:00
|
|
|
.quotecarousel
|
|
|
|
padding-bottom: 16px
|
2013-08-27 13:24:39 +00:00
|
|
|
|
2014-04-09 14:07:33 +00:00
|
|
|
.hr
|
|
|
|
padding: 4px 0
|
|
|
|
|
2013-09-26 17:47:23 +00:00
|
|
|
/* Parallax Theme */
|
|
|
|
|
2014-03-03 14:20:17 +00:00
|
|
|
div.carousel
|
2013-10-13 09:03:35 +00:00
|
|
|
.carousel-indicators
|
|
|
|
li
|
|
|
|
border: 1px solid grey
|
|
|
|
.active
|
|
|
|
background-color: grey
|
2014-04-08 11:54:24 +00:00
|
|
|
span.carousel-img img, div.carousel-content
|
|
|
|
max-height: 95%
|
|
|
|
padding: 10px
|
|
|
|
div.carousel-content
|
|
|
|
background-color: black
|
|
|
|
color: white
|
|
|
|
background: rgba(0, 0, 0, 0.3)
|
|
|
|
margin-top: 75px
|
2013-10-13 09:03:35 +00:00
|
|
|
|
2013-10-19 20:59:31 +00:00
|
|
|
.parallax
|
2014-02-07 13:37:12 +00:00
|
|
|
background-size: cover
|
2013-12-04 11:54:24 +00:00
|
|
|
> div
|
2014-02-28 13:17:38 +00:00
|
|
|
position: relative
|
|
|
|
display: table
|
|
|
|
width: 100%
|
|
|
|
min-height: 200px
|
|
|
|
> div
|
|
|
|
display: table-cell
|
|
|
|
vertical-align: middle
|
|
|
|
padding: 32px 0
|
2013-11-16 15:09:27 +00:00
|
|
|
|
2013-11-20 11:52:50 +00:00
|
|
|
/* Background */
|
2014-01-14 22:05:48 +00:00
|
|
|
|
2013-11-20 11:52:50 +00:00
|
|
|
.oe_dark
|
|
|
|
background: #eff8f8
|
2014-01-14 22:31:58 +00:00
|
|
|
background: rgba(200, 200, 200, 0.14)
|
2014-01-14 22:05:48 +00:00
|
|
|
|
2013-11-20 11:52:50 +00:00
|
|
|
.oe_black
|
|
|
|
background-color: rgba(0, 0, 0, 0.9)
|
2014-01-14 22:05:48 +00:00
|
|
|
color: white
|
|
|
|
|
2013-11-20 11:52:50 +00:00
|
|
|
.oe_green
|
2014-02-11 08:54:50 +00:00
|
|
|
background-color: #169C78
|
2014-01-14 22:05:48 +00:00
|
|
|
color: white
|
|
|
|
.text-muted
|
|
|
|
color: #ddd
|
|
|
|
|
|
|
|
.oe_blue_light
|
2014-02-11 08:54:50 +00:00
|
|
|
background-color: #41b6ab
|
2014-01-14 22:05:48 +00:00
|
|
|
color: white
|
|
|
|
.text-muted
|
|
|
|
color: #ddd
|
|
|
|
|
|
|
|
.oe_blue
|
|
|
|
background-color: #34495e
|
|
|
|
color: white
|
|
|
|
|
|
|
|
.oe_orange
|
2014-02-11 08:54:50 +00:00
|
|
|
background-color: #f05442
|
2014-01-14 22:05:48 +00:00
|
|
|
color: white
|
|
|
|
.text-muted
|
|
|
|
color: #ddd
|
|
|
|
|
|
|
|
.oe_purple
|
|
|
|
background-color: #b163a3
|
|
|
|
color: white
|
|
|
|
.text-muted
|
|
|
|
color: #ddd
|
|
|
|
|
2013-11-20 11:52:50 +00:00
|
|
|
.oe_red
|
2014-02-11 08:54:50 +00:00
|
|
|
background-color: #9C1b31
|
2014-01-14 22:05:48 +00:00
|
|
|
color: white
|
|
|
|
.text-muted
|
|
|
|
color: #ddd
|
|
|
|
|
|
|
|
/* Misc */
|
|
|
|
|
2013-10-21 10:41:22 +00:00
|
|
|
.texttop
|
|
|
|
vertical-align: top
|
|
|
|
|
2013-10-30 07:31:05 +00:00
|
|
|
table.well tr
|
|
|
|
th
|
|
|
|
text-align: right
|
|
|
|
padding-right: 10px
|
|
|
|
td
|
|
|
|
padding-right: 5px
|
2013-10-31 07:32:39 +00:00
|
|
|
|
2013-10-23 12:27:35 +00:00
|
|
|
.logo-img
|
|
|
|
width: 220px
|
2013-11-10 12:42:44 +00:00
|
|
|
|
|
|
|
.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
|
2013-12-06 13:30:03 +00:00
|
|
|
|
|
|
|
address
|
|
|
|
.fa.fa-mobile-phone
|
|
|
|
margin: 0 3px 0 2px
|
|
|
|
.fa.fa-file-text-o
|
|
|
|
margin-right: 1px
|
2013-12-11 15:25:14 +00:00
|
|
|
|
|
|
|
span[data-oe-type="monetary"]
|
2013-12-17 13:46:00 +00:00
|
|
|
white-space: nowrap
|
|
|
|
|
|
|
|
.oe_template_fallback
|
|
|
|
@include column-count(3)
|
|
|
|
|
2014-01-16 18:17:46 +00:00
|
|
|
.oe_website_login_container
|
|
|
|
width: 400px
|
|
|
|
margin: 40px auto
|
2014-02-26 11:31:21 +00:00
|
|
|
|
|
|
|
.oe_website_overflow_ellipsis
|
|
|
|
white-space:nowrap
|
|
|
|
overflow:hidden
|
|
|
|
text-overflow:ellipsis
|
|
|
|
|
2014-03-28 10:44:53 +00:00
|
|
|
div.media_iframe_video
|
|
|
|
height: 0
|
|
|
|
margin: 0 auto
|
|
|
|
text-align: center
|
|
|
|
position: relative
|
|
|
|
overflow: hidden
|
|
|
|
padding-bottom: 66.5%
|
|
|
|
iframe
|
|
|
|
width: 100%
|
2014-03-28 14:16:19 +00:00
|
|
|
height: 100%
|
|
|
|
div
|
|
|
|
position: absolute
|
|
|
|
width: 100%
|
|
|
|
height: 100%
|
2014-04-09 12:43:21 +00:00
|
|
|
display: none
|
|
|
|
|
|
|
|
/* Mobile view */
|
|
|
|
|
|
|
|
@media (max-width: 768px)
|
|
|
|
img:not(.cke_iframe), .media_iframe_video, span.fa, i.fa
|
|
|
|
-webkit-transform: none !important
|
|
|
|
-moz-transform: none !important
|
|
|
|
-ms-transform: none !important
|
|
|
|
-o-transform: none !important
|
|
|
|
transform: none !important
|