@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 * */ 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 */ 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; } /* ----- Snippets Styles ----- */ .para_large { font-size: 120%; } .jumbotron.para_large p { font-size: 150%; } .readable { font-size: 120%; max-width: 700px; margin-left: auto; margin-right: auto; } /* ----- BOOTSTRAP FIX ----- */ .container .container, .readable .container { padding-left: 0; padding-right: 0; width: auto!important; } /* ----- 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; } @media (min-width: 767px) { nav.navbar + #wrapwrap { padding-top: 34px; } } /* ----- BOOTSTRAP FIX ----- */ @-moz-document url-prefix() { .table .img-responsive { width: 100%; } } .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; } .o_normalwhitespace { white-space: normal; } .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: cover; } .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-color: 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; } .oe_none { background-color: #FFFFFF; } .oe_yellow { background-color: #A2A51B; } .oe_green { background-color: #149F2C; } /* 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; } .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; min-width: 50px; } 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; } /* ---- footer style ---- {{{ */ #footer div.row { word-wrap: break-word; } .container nav#oe_main_menu_navbar { position: inherit; } .oe_search_clear { position: absolute; display: none; cursor: pointer; z-index: 2; right: 42px; color: #939393; padding: 10px 0; top: 1px; } .oe_search_box { padding-right: 23px; } .note-editor button { height: 30px; } .o_hidden { display: none !important; } #PlannerDialog { top: 35px; -webkit-box-shadow: 0 3px 9px #666666; box-shadow: 0 3px 9px #666666; } .tour .popover-navigation { margin-left: 13px; margin-bottom: 8px; }