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 ---- */
245 /* -- Hack for removing double scrollbar from mobile preview -- */
246 div#mobile-preview.modal {
250 ul.nav-stacked > li > a {
254 #customize-menu .dropdown-header {
255 text-transform: uppercase;
258 /* ---- PUBLISH ---- */
259 .css_published .btn-danger, .css_published .css_publish {
263 .css_unpublished .btn-success, .css_unpublished .css_unpublish {
267 [data-publish='off'] > *:not(.css_options) {
268 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
272 /* ---- END of PUBLISH ---- */
274 background: rgba(150, 150, 220, 0.3);
278 background: rgba(150, 150, 220, 0.3);
294 background-color: rgba(0, 0, 0, 0.4);
306 /* ---- SNIPPETS --- */
308 background-size: 100%;
311 .carousel, .parallax, .blockquote {
315 @media (max-width: 400px) {
316 section, .parallax, .row, .hr, .blockquote {
317 height: auto !important;
323 .carousel-inner .item {
325 background-size: cover;
328 .carousel .carousel-control {
331 .carousel .carousel-control span {
336 .carousel .carousel-control.left {
339 .carousel .carousel-control.left * {
345 .carousel .carousel-control.right {
348 .carousel .carousel-control.right * {
356 padding-bottom: 16px;
364 div.carousel .carousel-indicators li {
365 border: 1px solid grey;
367 div.carousel .carousel-indicators .active {
368 background-color: grey;
370 div.carousel span.carousel-img img, div.carousel div.carousel-content {
374 div.carousel div.carousel-content {
375 background-color: black;
377 background: rgba(0, 0, 0, 0.3);
382 background-size: cover;
390 .parallax > div > div {
392 vertical-align: middle;
399 background: rgba(200, 200, 200, 0.14);
403 background-color: rgba(0, 0, 0, 0.9);
408 background-color: #169c78;
411 .oe_green .text-muted {
416 background-color: #41b6ab;
419 .oe_blue_light .text-muted {
424 background-color: #34495e;
429 background-color: #f05442;
432 .oe_orange .text-muted {
437 background-color: #b163a3;
440 .oe_purple .text-muted {
445 background-color: #9c1b31;
448 .oe_red .text-muted {
478 background-color: rgba(0, 0, 0, 0.4);
490 address .fa.fa-mobile-phone {
493 address .fa.fa-file-text-o {
497 span[data-oe-type="monetary"] {
501 .oe_template_fallback {
502 -webkit-column-count: 3;
503 -moz-column-count: 3;
509 .oe_website_login_container {
514 div.media_iframe_video {
520 padding-bottom: 66.5%;
522 div.media_iframe_video iframe {
526 div.media_iframe_video div {
534 @media (max-width: 768px) {
535 img:not(.cke_iframe), .media_iframe_video, span.fa, i.fa {
536 -webkit-transform: none !important;
537 -moz-transform: none !important;
538 -ms-transform: none !important;
539 -o-transform: none !important;
540 transform: none !important;