@charset "UTF-8"; /* 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; } .ml8 { margin-left: 8px !important; } .ml4 { margin-left: 4px !important; } .ml0 { margin-left: 0px !important; } .mr8 { margin-right: 8px !important; } .mr4 { margin-right: 4px !important; } .mr0 { margin-right: 0px !important; } img.padding-small, .img.padding-small, span.fa.padding-small, iframe.padding-small { padding: 4px; } img.padding-medium, .img.padding-medium, span.fa.padding-medium, iframe.padding-medium { padding: 8px; } img.padding-large, .img.padding-large, span.fa.padding-large, iframe.padding-large { padding: 16px; } img.padding-xl, .img.padding-xl, span.fa.padding-xl, iframe.padding-xl { padding: 32px; } div.media_iframe_video.padding-small iframe { padding: 4px; } div.media_iframe_video.padding-medium iframe { padding: 8px; } div.media_iframe_video.padding-large iframe { padding: 16px; } div.media_iframe_video.padding-xl iframe { padding: 32px; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa.center-block { text-align: center; } ul { list-style-type: disc; } li > ul { list-style-type: circle; } li > * > li > ul { list-style-type: square; } li > * > li > * > li > ul { list-style-type: disc; } li > * > li > * > li > * > li > ul { list-style-type: circle; } li > * > li > * > li > * > li > * > li > ul { list-style-type: square; } li > * > li > * > li > * > li > * > li > * > li > ul { list-style-type: disc; } ol { list-style-type: decimal; } li > ol { list-style-type: lower-alpha; } li > * > li > ol { list-style-type: lower-greek; } li > * > li > * > li > ol { list-style-type: decimal; } li > * > li > * > li > * > li > ol { list-style-type: lower-alpha; } li > * > li > * > li > * > li > * > li > ol { list-style-type: lower-greek; } li > * > li > * > li > * > li > * > li > * > li > ol { list-style-type: decimal; } li > p { margin: 0; } font[style*='background'], font[class*='bg-'] { padding: 0 2px } .o_ul_toggle_self, .o_ul_toggle_next { display: none; } .o_ul_folded .o_close { display: none !important; } .o_ul_folded .o_ul_toggle_self, .o_ul_folded .o_ul_toggle_next { display: inline-block; line-height: inherit; float: left; position: relative; margin-left: -1em; z-index: 1; top: -0.15em; left: 0.2em; font-size: 1.4em; text-decoration: none; } .o_ul_folded .o_ul_toggle_self:before, .o_ul_folded .o_ul_toggle_next:before { content: ""; } .o_ul_folded .o_ul_toggle_self .o_open, .o_ul_folded .o_ul_toggle_next .o_open { left: 0em; } .o_ul_folded .o_ul_toggle_self .o_open:before, .o_ul_folded .o_ul_toggle_next .o_open:before { content: ""; } /* Extra Styles */ img.shadow { -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2); } h1.text-muted, h2.text-muted, h3.text-muted { margin-top: 10px; } header a.navbar-brand.logo { padding: 0 15px; } header a.navbar-brand img { max-height: 50px; } hr { margin-bottom: 10px; padding-bottom: 10px; } td { min-width: 20px; } /* ----- Editor (for public user, like forum) ----- */ .note-toolbar { margin-left: 0 !important; } .note-popover .popover > .arrow { display: none; } /* ----- Snippets Styles ----- */ .para_large { font-size: 120%; } .readable { font-size: 120%; max-width: 700px; margin-left: auto; margin-right: auto; } /* ----- EDITOR ----- */ .css_non_editable_mode_hidden { display: none !important; } /* ----- BOOTSTRAP FIX ----- */ .container .container, .readable .container { padding-left: 0; padding-right: 0; width: auto; } /* ----- BOOTSTRAP HACK FOR HEADER NAV BAR ----- */ .navbar.navbar-static-top { margin-bottom: 0; } .navbar.navbar-static-top ul.nav > li.divider { margin-top: 15px; padding-top: 20px; border-right: 1px solid grey; } /* ----- BOOTSTRAP HACK FOR STICKY FOOTER ----- */ html, body, #wrapwrap { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; } #wrapwrap { display: table; table-layout: fixed; width: 100%; } #wrapwrap > * { display: table-row; } #wrapwrap > main { height: 100%; } #wrapwrap > footer { height: 100%; background: rgba(200, 200, 200, 0.1); } body > nav.navbar { width: 100%; position: absolute; z-index: 10000; } nav.navbar + #wrapwrap { padding-top: 34px; } /* ----- BOOTSTRAP FIX ----- */ .col-md-12 { float: left; width: 100%; } @-moz-document url-prefix() { .table .img-responsive { width: 100%; } } /* ---- HACK FOR COVERING UP EDITOR BOGUS P INSERTION --- */ .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: " "; text-align: center; display: block; min-height: 1em; color: grey; font-size: 24px; padding-top: 160px; } .css_editable_display { display: none; } /* ---- HACK FOR COVERING UP EDITOR BOGUS P INSERTION --- */ .navbar .nav > li > p { margin-bottom: 0px; } /* ---- HOMEPAGE THEME CUSTOMIZATION ---- */ .nav-hierarchy { padding-left: 16px; } /* -- 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 ---- */ .css_published .btn-danger, .css_published .css_publish { display: none; } .css_unpublished .btn-success, .css_unpublished .css_unpublish { display: none; } [data-publish='off'] > *:not(.css_options) { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } /* ---- END of PUBLISH ---- */ ::-moz-selection { background: rgba(150, 150, 220, 0.3); } ::selection { background: rgba(150, 150, 220, 0.3); } .logo-img { width: 220px; } .oe_demo { position: relative; } .oe_demo img { width: 100%; } .oe_demo 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; } .oe_demo div a { color: white; } /* ---- SNIPPETS --- */ .oe_img_bg { background-size: 100%; } .carousel, .parallax, .blockquote { overflow: hidden; } @media (max-width: 400px) { section, .parallax, .row, .hr, .blockquote { height: auto !important; } } .carousel-inner { height: 100%; } .carousel-inner .item { height: 100%; background-size: cover; } .carousel .carousel-control { cursor: pointer; } .carousel .carousel-control span { top: 50%; position: absolute; margin-top: -8px; } .carousel .carousel-control.left { left: -10px; } .carousel .carousel-control.left * { position: absolute; top: 50%; z-index: 5; right: 50%; } .carousel .carousel-control.right { right: -10px; } .carousel .carousel-control.right * { position: absolute; top: 50%; z-index: 5; left: 50%; } .quotecarousel { padding-bottom: 16px; } .hr { padding: 4px 0; } .o_image_floating { width: 40%; margin: 4px; } .o_image_floating div.o_container { position: relative; } .o_image_floating div.o_container mark { display: block; position: absolute; bottom: 0; width: 100%; background-color: rgba(86, 61, 124, 0.25); } .o_image_floating div.o_container mark a { color: white; } .o_image_floating.o_hide_link div.o_container mark { display: none; } .o_image_floating.o_margin_s { margin-bottom: 4px; } .o_image_floating.o_margin_s.pull-right { margin-left: 8px; } .o_image_floating.o_margin_s.pull-left { margin-right: 8px; } .o_image_floating.o_margin_m { margin-bottom: 8px; } .o_image_floating.o_margin_m.pull-right { margin-left: 12px; } .o_image_floating.o_margin_m.pull-left { margin-right: 12px; } .o_image_floating.o_margin_l { margin-bottom: 12px; } .o_image_floating.o_margin_l.pull-right { margin-left: 16px; } .o_image_floating.o_margin_l.pull-left { margin-right: 16px; } .o_image_floating.o_margin_xl { margin-bottom: 24px; } .o_image_floating.o_margin_xl.pull-right { margin-left: 32px; } .o_image_floating.o_margin_xl.pull-left { margin-right: 32px; } /* gallery */ .o_gallery.o_grid .img, .o_gallery.o_masonry .img { width: 100%; } .o_gallery.o_grid.o_spc-none div.row { margin: 0; } .o_gallery.o_grid.o_spc-none div.row > * { padding: 0; } .o_gallery.o_grid.o_spc-small div.row { margin: 5px 0; } .o_gallery.o_grid.o_spc-small div.row > * { padding: 0 5px; } .o_gallery.o_grid.o_spc-medium div.row { margin: 10px 0; } .o_gallery.o_grid.o_spc-medium div.row > * { padding: 0 10px; } .o_gallery.o_grid.o_spc-big div.row { margin: 15px 0; } .o_gallery.o_grid.o_spc-big div.row > * { padding: 0 15px; } .o_gallery.o_masonry.o_spc-none div.col { padding: 0; } .o_gallery.o_masonry.o_spc-none div.col > img { margin: 0 !important; } .o_gallery.o_masonry.o_spc-small div.col { padding: 0 5px; } .o_gallery.o_masonry.o_spc-small div.col > img { margin: 5px 0 !important; } .o_gallery.o_masonry.o_spc-medium div.col { padding: 0 10px; } .o_gallery.o_masonry.o_spc-medium div.col > img { margin: 10px 0 !important; } .o_gallery.o_masonry.o_spc-big div.col { padding: 0 15px; } .o_gallery.o_masonry.o_spc-big div.col > img { margin: 15px 0 !important; } .o_gallery.o_grid.size-auto .row { height: auto; } .o_gallery.o_grid.size-small .row { height: 100px; } .o_gallery.o_grid.size-medium .row { height: 250px; } .o_gallery.o_grid.size-big .row { height: 400px; } .o_gallery.o_grid.size-small .img, .o_gallery.o_grid.size-medium .img, .o_gallery.o_grid.size-big .img { height: 100%; } .o_gallery.o_nomode.o_spc-none .img { padding: 0; } .o_gallery.o_nomode.o_spc-small .img { padding: 5px; } .o_gallery.o_nomode.o_spc-medium .img { padding: 10px; } .o_gallery.o_nomode.o_spc-big .img { padding: 15px; } .o_gallery.o_slideshow .carousel ul.carousel-indicators li { border: 1px solid #aaa; } .o_gallery .carousel-inner .item img { max-width: none; } .o_gallery.o_slideshow > .container { height: 100%; } .o_gallery.o_slideshow .carousel, .modal-body.o_slideshow .carousel { height: 100%; } .o_gallery.o_slideshow .carousel .item, .modal-body.o_slideshow .carousel .item { padding-bottom: 64px; } .o_gallery.o_slideshow .carousel img, .modal-body.o_slideshow .carousel img { max-height: 100%; max-width: 100%; margin: auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .o_gallery.o_slideshow .carousel ul.carousel-indicators, .modal-body.o_slideshow .carousel ul.carousel-indicators { display: block; height: auto; padding: 0; border-width: 0; position: absolute; bottom: 0; } .o_gallery.o_slideshow .carousel ul.carousel-indicators > *, .modal-body.o_slideshow .carousel ul.carousel-indicators > * { list-style-image: none; display: inline-block; width: 40px; height: 40px; margin: 0 0px 5px 5px; padding: 0; border: 1px solid #aaa; text-indent: initial; background-size: cover; background-color: #fff; border-radius: 0; } .o_gallery.o_slideshow .carousel ul.carousel-indicators > *:not(.active), .modal-body.o_slideshow .carousel ul.carousel-indicators > *:not(.active) { opacity: 0.8; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,#greyscale"); } .o_gallery.o_slideshow .carousel .carousel-control.left, .o_gallery.o_slideshow .carousel .carousel-control.right, .modal-body.o_slideshow .carousel .carousel-control.left, .modal-body.o_slideshow .carousel .carousel-control.right { background-image: none; background-color: transparent; } /* Parallax Theme */ div.carousel .carousel-indicators li { border: 1px solid grey; } div.carousel .carousel-indicators .active { background-color: grey; } div.carousel span.carousel-img img, div.carousel div.carousel-content { max-height: 95%; padding: 10px; } div.carousel div.carousel-content { background-color: black; color: white; background: rgba(0, 0, 0, 0.3); } .parallax { background-size: cover; } .parallax > div { position: relative; display: table; width: 100%; min-height: 200px; } .parallax > div > div { display: table-cell; vertical-align: middle; padding: 32px 0; } /* Background (kept for 8.0 compatibility) */ .oe_dark { background: #eff8f8; background: rgba(200, 200, 200, 0.14); } .oe_black { background-color: rgba(0, 0, 0, 0.9); color: white; } .oe_green { background-color: #169C78; color: white; } .oe_green .text-muted { color: #ddd; } .oe_blue_light { background-color: #41b6ab; color: white; } .oe_blue_light .text-muted { color: #ddd; } .oe_blue { background-color: #34495e; color: white; } .oe_orange { background-color: #f05442; color: white; } .oe_orange .text-muted { color: #ddd; } .oe_purple { background-color: #b163a3; color: white; } .oe_purple .text-muted { color: #ddd; } .oe_red { background-color: #9C1b31; color: white; } .oe_red .text-muted { color: #ddd; } /* Misc */ .texttop { vertical-align: top; } table.well tr th { text-align: right; padding-right: 10px; } table.well tr td { padding-right: 5px; } .logo-img { width: 220px; } .oe_demo { position: relative; } .oe_demo img { width: 100%; } .oe_demo 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; } .oe_demo div a { color: white; } address .fa.fa-mobile-phone { margin: 0 3px 0 2px; } address .fa.fa-file-text-o { margin-right: 1px; } span[data-oe-type="monetary"] { white-space: nowrap; } .oe_template_fallback { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } .oe_website_login_container { width: 400px; margin: 40px auto; } .oe_website_overflow_ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .oe_website_spinner { width: 121px; } .oe_website_spinner input { text-align: center; } div.media_iframe_video { margin: 0 auto; text-align: center; position: relative; overflow: hidden; } div.media_iframe_video iframe { width: 100%; height: 100%; top: 0; position: absolute; margin: 0 auto; margin-left: -50%; } div.media_iframe_video .media_iframe_video_size { padding-bottom: 66.5%; position: relative; width: 100%; height: 0; } div.media_iframe_video .css_editable_mode_display { position: absolute; width: 100%; height: 100%; display: none; z-index: 2; } html[data-browser^="msie"] div.media_iframe_video iframe { margin-left: 0; } /* 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; } } /* Fix: backward compatibility saas-3 */ div.carousel .container > .carousel-caption { position: absolute; right: 50%; left: 50%; bottom: 20px; } div.carousel .container > .carousel-caption > div { position: absolute; text-align: left; padding: 20px; background: rgba(0, 0, 0, 0.4); bottom: 20px; } div.carousel .container > .carousel-image { top: 5%; bottom: 5%; position: absolute; max-height: 90%; margin: 0 auto; } div.carousel .item.text_image .container > .carousel-caption { left: 10%; } div.carousel .item.text_image .container > .carousel-caption > div { right: 50%; margin-right: -20%; max-width: 550px; } div.carousel .item.text_image .container > .carousel-image { right: 10%; left: 50%; } div.carousel .item.image_text .container > .carousel-caption { right: 10%; } div.carousel .item.image_text .container > .carousel-caption > div { left: 50%; margin-left: -20%; max-width: 550px; } div.carousel .item.image_text .container > .carousel-image { right: 50%; left: 10%; } div.carousel .item.text_only .container > .carousel-caption { left: 10%; right: 10%; top: 10%; bottom: auto; } div.carousel .item.text_only .container > .carousel-caption > div { text-align: center; background: transparent; bottom: auto; width: 100%; } div.carousel .item.text_only .container > .carousel-image { display: none !important; } /* ---- Menu nav bar ---- {{{ */ #oe_main_menu_navbar { position: fixed; min-height: 34px; z-index: 1001; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; margin-bottom: 0px; } #oe_main_menu_navbar li a, #oe_main_menu_navbar li button { padding: 4px 8px 4px 8px; margin-top: 2px; font-size: 13px; } #oe_main_menu_navbar .navbar-nav.navbar-right:last-child { margin-right: 0 !important; } /*# sourceMappingURL=website.css.map */