2 /* THIS CSS FILE IS FOR WEBSITE THEMING CUSTOMIZATION ONLY
4 * css for editor buttons, openerp widget included in the website and other
5 * stuff must go to the editor.css
8 /* ----- GENERIC LAYOUTING HELPERS ---- */
11 margin-top: 128px !important;
15 margin-top: 92px !important;
19 margin-top: 64px !important;
23 margin-top: 48px !important;
27 margin-top: 32px !important;
31 margin-top: 16px !important;
35 margin-top: 8px !important;
39 margin-top: 4px !important;
43 margin-top: 0px !important;
47 margin-bottom: 128px !important;
51 margin-bottom: 92px !important;
55 margin-bottom: 64px !important;
59 margin-bottom: 48px !important;
63 margin-bottom: 32px !important;
67 margin-bottom: 16px !important;
71 margin-bottom: 8px !important;
75 margin-bottom: 4px !important;
79 margin-bottom: 0px !important;
84 -moz-border-radius: 3px;
85 -webkit-border-radius: 3px;
87 -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
88 -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
89 box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
93 h1.text-muted, h2.text-muted, h3.text-muted {
97 header a.navbar-brand.logo {
100 header a.navbar-brand img {
104 #wrapwrap p:empty:after {
108 /* ----- Snippets Styles ----- */
120 /* ----- EDITOR ----- */
121 #oe_main_menu_navbar {
124 -moz-border-radius: 0px;
125 -webkit-border-radius: 0px;
129 #oe_main_menu_navbar li a, #oe_main_menu_navbar li button {
130 padding: 4px 8px 4px 8px;
134 #oe_main_menu_navbar .navbar-nav.navbar-right:last-child {
135 margin-right: 0 !important;
138 .css_non_editable_mode_hidden {
139 display: none !important;
142 /* ----- BOOTSTRAP FIX ----- */
143 .container .container, .readable .container {
149 /* ----- BOOTSTRAP HACK FOR HEADER NAV BAR ----- */
150 .navbar.navbar-static-top {
153 .navbar.navbar-static-top ul.nav > li.divider {
156 border-right: 1px solid grey;
159 /* ----- BOOTSTRAP HACK FOR STICKY FOOTER ----- */
160 html, body, #wrapwrap {
161 -moz-box-sizing: border-box;
162 -webkit-box-sizing: border-box;
163 box-sizing: border-box;
172 header, main, footer {
179 background: rgba(200, 200, 200, 0.1);
182 #footer_container, #footer {
184 padding-bottom: 12px;
187 /* ----- BOOTSTRAP FIX ----- */
193 /* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */
194 .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 {
195 background-image: url("/website/static/src/img/drag_here.png") !important;
198 .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 {
199 background-image: none;
200 background-repeat: no-repeat;
201 background-position: center;
202 height: 220px !important;
205 .oe_structure.oe_empty > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child {
209 .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 {
214 padding-bottom: 30px;
219 .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 {
220 content: "Drag Building Blocks Here" !important;
223 .css_editable_display {
227 /* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */
228 .navbar .nav > li > p {
232 /* ---- HOMEPAGE THEME CUSTOMIZATION ---- */
237 /* -- Hack for removing double scrollbar from mobile preview -- */
238 div#mobile-preview.modal {
242 ul.nav-stacked > li > a {
246 #customize-menu .dropdown-header {
247 text-transform: uppercase;
250 /* ---- PUBLISH ---- */
251 .css_published .btn-danger, .css_published .css_publish {
255 .css_unpublished .btn-success, .css_unpublished .css_unpublish {
259 [data-publish='off'] > *:not(.css_options) {
260 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
264 /* ---- END of PUBLISH ---- */
266 background: rgba(150, 150, 220, 0.3);
270 background: rgba(150, 150, 220, 0.3);
286 background-color: rgba(0, 0, 0, 0.4);
298 /* ---- SNIPPETS --- */
300 background-size: 100%;
303 .carousel, .parallax, .blockquote {
307 @media (max-width: 400px) {
308 section, .parallax, .row, .hr, .blockquote {
309 height: auto !important;
315 .carousel-inner .item {
317 background-size: cover;
320 .carousel .carousel-control {
323 .carousel .carousel-control span {
328 .carousel .carousel-control.left {
331 .carousel .carousel-control.left * {
337 .carousel .carousel-control.right {
340 .carousel .carousel-control.right * {
348 padding-bottom: 16px;
359 .o_image_floating div.o_container {
362 .o_image_floating div.o_container mark {
367 background-color: rgba(86, 61, 124, 0.25);
369 .o_image_floating div.o_container mark a {
372 .o_image_floating.o_hide_link div.o_container mark {
375 .o_image_floating.o_margin_s {
378 .o_image_floating.o_margin_s.pull-right {
381 .o_image_floating.o_margin_s.pull-left {
384 .o_image_floating.o_margin_m {
387 .o_image_floating.o_margin_m.pull-right {
390 .o_image_floating.o_margin_m.pull-left {
393 .o_image_floating.o_margin_l {
396 .o_image_floating.o_margin_l.pull-right {
399 .o_image_floating.o_margin_l.pull-left {
402 .o_image_floating.o_margin_xl {
405 .o_image_floating.o_margin_xl.pull-right {
408 .o_image_floating.o_margin_xl.pull-left {
413 .o_gallery.o_grid.o_spc-none div.row, .o_gallery.o_masonry.o_spc-none div.row {
416 .o_gallery.o_grid.o_spc-none div.row > *, .o_gallery.o_masonry.o_spc-none div.row > * {
419 .o_gallery.o_grid.o_spc-small div.row, .o_gallery.o_masonry.o_spc-small div.row {
422 .o_gallery.o_grid.o_spc-small div.row > *, .o_gallery.o_masonry.o_spc-small div.row > * {
425 .o_gallery.o_grid.o_spc-medium div.row, .o_gallery.o_masonry.o_spc-medium div.row {
428 .o_gallery.o_grid.o_spc-medium div.row > *, .o_gallery.o_masonry.o_spc-medium div.row > * {
431 .o_gallery.o_grid.o_spc-big div.row, .o_gallery.o_masonry.o_spc-big div.row {
434 .o_gallery.o_grid.o_spc-big div.row > *, .o_gallery.o_masonry.o_spc-big div.row > * {
437 .o_gallery.o_grid .img, .o_gallery.o_masonry .img {
440 .o_gallery.o_grid.size-auto .row {
443 .o_gallery.o_grid.size-small .row {
446 .o_gallery.o_grid.size-medium .row {
449 .o_gallery.o_grid.size-big .row {
452 .o_gallery.o_grid.size-small .img, .o_gallery.o_grid.size-medium .img, .o_gallery.o_grid.size-big .img {
455 .o_gallery.o_nomode.o_spc-none .img {
458 .o_gallery.o_nomode.o_spc-small .img {
461 .o_gallery.o_nomode.o_spc-medium .img {
464 .o_gallery.o_nomode.o_spc-big .img {
467 .o_gallery.o_slideshow .carousel ul.carousel-indicators li {
468 border: 1px solid #aaa;
470 .o_gallery .carousel-inner .item img {
474 .o_gallery.o_slideshow > .container {
478 .o_gallery.o_slideshow .carousel, .modal-body.o_slideshow .carousel {
481 .o_gallery.o_slideshow .carousel img, .modal-body.o_slideshow .carousel img {
487 -webkit-transform: translateY(-50%);
488 -ms-transform: translateY(-50%);
489 transform: translateY(-50%);
491 .o_gallery.o_slideshow .carousel ul.carousel-indicators, .modal-body.o_slideshow .carousel ul.carousel-indicators {
499 .o_gallery.o_slideshow .carousel ul.carousel-indicators li, .modal-body.o_slideshow .carousel ul.carousel-indicators li {
500 list-style-image: none;
501 display: inline-block;
504 margin: 0 0px 5px 5px;
506 border: 1px solid #aaa;
507 text-indent: initial;
508 background-size: cover;
510 background-color: #000;
512 .o_gallery.o_slideshow .carousel ul.carousel-indicators li.active, .modal-body.o_slideshow .carousel ul.carousel-indicators li.active {
515 .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 {
516 background-image: none;
517 background-color: transparent;
521 div.carousel .carousel-indicators li {
522 border: 1px solid grey;
524 div.carousel .carousel-indicators .active {
525 background-color: grey;
527 div.carousel span.carousel-img img, div.carousel div.carousel-content {
531 div.carousel div.carousel-content {
532 background-color: black;
534 background: rgba(0, 0, 0, 0.3);
539 background-size: cover;
547 .parallax > div > div {
549 vertical-align: middle;
553 /* Background (kept for 8.0 compatibility) */
556 background: rgba(200, 200, 200, 0.14);
560 background-color: rgba(0, 0, 0, 0.9);
565 background-color: #169C78;
568 .oe_green .text-muted {
573 background-color: #41b6ab;
576 .oe_blue_light .text-muted {
581 background-color: #34495e;
586 background-color: #f05442;
589 .oe_orange .text-muted {
594 background-color: #b163a3;
597 .oe_purple .text-muted {
602 background-color: #9C1b31;
605 .oe_red .text-muted {
635 background-color: rgba(0, 0, 0, 0.4);
647 address .fa.fa-mobile-phone {
650 address .fa.fa-file-text-o {
654 span[data-oe-type="monetary"] {
658 .oe_template_fallback {
659 -moz-column-count: 3;
660 -webkit-column-count: 3;
664 .oe_website_login_container {
669 .oe_website_spinner {
672 .oe_website_spinner input {
676 div.media_iframe_video {
682 padding-bottom: 66.5%;
684 div.media_iframe_video iframe {
690 div.media_iframe_video .css_editable_mode_display {
699 @media (max-width: 768px) {
700 img:not(.cke_iframe), .media_iframe_video, span.fa, i.fa {
701 -webkit-transform: none !important;
702 -moz-transform: none !important;
703 -ms-transform: none !important;
704 -o-transform: none !important;
705 transform: none !important;
708 /* Fix: backward compatibility saas-3 */
709 div.carousel .container > .carousel-caption {
715 div.carousel .container > .carousel-caption > div {
719 background: rgba(0, 0, 0, 0.4);
722 div.carousel .container > .carousel-image {
729 div.carousel .item.text_image .container > .carousel-caption {
732 div.carousel .item.text_image .container > .carousel-caption > div {
737 div.carousel .item.text_image .container > .carousel-image {
741 div.carousel .item.image_text .container > .carousel-caption {
744 div.carousel .item.image_text .container > .carousel-caption > div {
749 div.carousel .item.image_text .container > .carousel-image {
753 div.carousel .item.text_only .container > .carousel-caption {
759 div.carousel .item.text_only .container > .carousel-caption > div {
761 background: transparent;
765 div.carousel .item.text_only .container > .carousel-image {
766 display: none !important;