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 -webkit-border-radius: 3px;
85 -moz-border-radius: 3px;
86 -ms-border-radius: 3px;
87 -o-border-radius: 3px;
89 -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
90 -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
91 box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
95 h1.text-muted, h2.text-muted, h3.text-muted {
99 header a.navbar-brand.logo {
102 header a.navbar-brand img {
106 #wrapwrap p:empty:after {
110 /* ----- Snippets Styles ----- */
122 /* ----- EDITOR ----- */
123 #oe_main_menu_navbar {
126 -webkit-border-radius: 0px;
127 -moz-border-radius: 0px;
128 -ms-border-radius: 0px;
129 -o-border-radius: 0px;
133 #oe_main_menu_navbar li a, #oe_main_menu_navbar li button {
134 padding: 4px 8px 4px 8px;
138 #oe_main_menu_navbar .navbar-nav.navbar-right:last-child {
139 margin-right: 0 !important;
142 .css_non_editable_mode_hidden {
146 /* ----- BOOTSTRAP FIX ----- */
147 .container .container, .readable .container {
153 /* ----- BOOTSTRAP HACK FOR HEADER NAV BAR ----- */
154 .navbar.navbar-static-top {
157 .navbar.navbar-static-top ul.nav > li.divider {
160 border-right: 1px solid grey;
163 /* ----- BOOTSTRAP HACK FOR STICKY FOOTER ----- */
164 html, body, #wrapwrap {
165 -webkit-box-sizing: border-box;
166 -moz-box-sizing: border-box;
167 box-sizing: border-box;
176 header, main, footer {
183 background: rgba(200, 200, 200, 0.1);
188 padding-bottom: 12px;
191 /* ----- BOOTSTRAP FIX ----- */
197 /* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */
198 .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 {
199 background-image: url("/website/static/src/img/drag_here.png") !important;
202 .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 {
203 background-image: none;
204 background-repeat: no-repeat;
205 background-position: center;
206 height: 220px !important;
209 .oe_structure.oe_empty > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child {
213 .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 {
218 padding-bottom: 30px;
223 .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 {
224 content: "Drag Building Blocks Here" !important;
227 .css_editable_display {
231 /* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */
232 .navbar .nav > li > p {
236 /* ---- HOMEPAGE THEME CUSTOMIZATION ---- */
241 /* -- Hack for removing double scrollbar from mobile preview -- */
242 div#mobile-preview.modal {
246 ul.nav-stacked > li > a {
250 #customize-menu .dropdown-header {
251 text-transform: uppercase;
254 /* ---- PUBLISH ---- */
255 .css_published .btn-danger, .css_published .css_publish {
259 .css_unpublished .btn-success, .css_unpublished .css_unpublish {
263 [data-publish='off'] > *:not(.css_options) {
264 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
268 /* ---- END of PUBLISH ---- */
270 background: rgba(150, 150, 220, 0.3);
274 background: rgba(150, 150, 220, 0.3);
290 background-color: rgba(0, 0, 0, 0.4);
302 /* ---- SNIPPETS --- */
304 background-size: 100%;
307 .carousel, .parallax, .blockquote {
311 @media (max-width: 400px) {
312 section, .parallax, .row, .hr, .blockquote {
313 height: auto !important;
319 .carousel-inner .item {
321 background-size: cover;
324 .carousel .carousel-control {
327 .carousel .carousel-control span {
332 .carousel .carousel-control.left {
335 .carousel .carousel-control.left * {
341 .carousel .carousel-control.right {
344 .carousel .carousel-control.right * {
352 padding-bottom: 16px;
360 .o_gallery.o_grid.o_spc-none div.row, .o_gallery.o_masonry.o_spc-none div.row {
363 .o_gallery.o_grid.o_spc-none div.row > *, .o_gallery.o_masonry.o_spc-none div.row > * {
366 .o_gallery.o_grid.o_spc-small div.row, .o_gallery.o_masonry.o_spc-small div.row {
369 .o_gallery.o_grid.o_spc-small div.row > *, .o_gallery.o_masonry.o_spc-small div.row > * {
372 .o_gallery.o_grid.o_spc-medium div.row, .o_gallery.o_masonry.o_spc-medium div.row {
375 .o_gallery.o_grid.o_spc-medium div.row > *, .o_gallery.o_masonry.o_spc-medium div.row > * {
378 .o_gallery.o_grid.o_spc-big div.row, .o_gallery.o_masonry.o_spc-big div.row {
381 .o_gallery.o_grid.o_spc-big div.row > *, .o_gallery.o_masonry.o_spc-big div.row > * {
384 .o_gallery.o_grid .img, .o_gallery.o_masonry .img {
387 .o_gallery.o_grid.size-auto .row {
390 .o_gallery.o_grid.size-small .row {
393 .o_gallery.o_grid.size-medium .row {
396 .o_gallery.o_grid.size-big .row {
399 .o_gallery.o_grid.size-small .img, .o_gallery.o_grid.size-medium .img, .o_gallery.o_grid.size-big .img {
402 .o_gallery.o_nomode.o_spc-none .img {
405 .o_gallery.o_nomode.o_spc-small .img {
408 .o_gallery.o_nomode.o_spc-medium .img {
411 .o_gallery.o_nomode.o_spc-big .img {
414 .o_gallery.o_slideshow .carousel ul.carousel-indicators li {
415 border: 1px solid #aaaaaa;
417 .o_gallery .carousel-inner .item img {
421 .o_gallery.o_slideshow > .container {
425 .o_gallery.o_slideshow .carousel, .modal-body.o_slideshow .carousel {
428 .o_gallery.o_slideshow .carousel img, .modal-body.o_slideshow .carousel img {
434 -webkit-transform: translateY(-50%);
435 -ms-transform: translateY(-50%);
436 transform: translateY(-50%);
438 .o_gallery.o_slideshow .carousel ul.carousel-indicators, .modal-body.o_slideshow .carousel ul.carousel-indicators {
446 .o_gallery.o_slideshow .carousel ul.carousel-indicators li, .modal-body.o_slideshow .carousel ul.carousel-indicators li {
447 list-style-image: none;
448 display: inline-block;
451 margin: 0 0px 5px 5px;
453 border: 1px solid #aaaaaa;
454 text-indent: initial;
455 background-size: cover;
457 background-color: black;
459 .o_gallery.o_slideshow .carousel ul.carousel-indicators li.active, .modal-body.o_slideshow .carousel ul.carousel-indicators li.active {
462 .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 {
463 background-image: none;
464 background-color: transparent;
468 div.carousel .carousel-indicators li {
469 border: 1px solid grey;
471 div.carousel .carousel-indicators .active {
472 background-color: grey;
474 div.carousel span.carousel-img img, div.carousel div.carousel-content {
478 div.carousel div.carousel-content {
479 background-color: black;
481 background: rgba(0, 0, 0, 0.3);
486 background-size: cover;
494 .parallax > div > div {
496 vertical-align: middle;
526 background-color: rgba(0, 0, 0, 0.4);
538 address .fa.fa-mobile-phone {
541 address .fa.fa-file-text-o {
545 span[data-oe-type="monetary"] {
549 .oe_template_fallback {
550 -webkit-column-count: 3;
551 -moz-column-count: 3;
557 .oe_website_login_container {
562 div.media_iframe_video {
568 padding-bottom: 66.5%;
570 div.media_iframe_video iframe {
576 div.media_iframe_video .css_editable_mode_display {
585 @media (max-width: 768px) {
586 img:not(.cke_iframe), .media_iframe_video, span.fa, i.fa {
587 -webkit-transform: none !important;
588 -moz-transform: none !important;
589 -ms-transform: none !important;
590 -o-transform: none !important;
591 transform: none !important;