6 * THIS CSS FILE IS FOR WEBSITE THEMING CUSTOMIZATION ONLY
8 * css for editor buttons, openerp widget included in the website and other
9 * stuff must go to the editor.css
13 /* ----- GENERIC LAYOUTING HELPERS ---- */
15 /* Vertical Spacing */
17 margin-top: 128px !important
19 margin-top: 92px !important
21 margin-top: 64px !important
23 margin-top: 48px !important
25 margin-top: 32px !important
27 margin-top: 16px !important
29 margin-top: 8px !important
31 margin-top: 4px !important
33 margin-top: 0px !important
36 margin-bottom: 128px !important
38 margin-bottom: 92px !important
40 margin-bottom: 64px !important
42 margin-bottom: 48px !important
44 margin-bottom: 32px !important
46 margin-bottom: 16px !important
48 margin-bottom: 8px !important
50 margin-bottom: 4px !important
52 margin-bottom: 0px !important
58 +box-shadow(0px 3px 8px rgba(0, 0, 0, 0.2))
61 h1.text-muted, h2.text-muted, h3.text-muted
71 // add {WORD JOINER} (equivalent to deprecated ZERO WIDTH NO-BREAK SPACE) at
72 // the beginning of paragraphs so they don't "disappear" after saving when
73 // used solely for spacing.
74 #wrapwrap p:empty:after
77 /* ----- Snippets Styles ----- */
88 /* ----- EDITOR ----- */
95 padding: 4px 8px 4px 8px
98 .navbar-nav.navbar-right:last-child
99 margin-right: 0 !important
101 .css_non_editable_mode_hidden
104 /* ----- BOOTSTRAP FIX ----- */
106 .container, .readable
112 /* ----- BOOTSTRAP HACK FOR HEADER NAV BAR ----- */
114 .navbar.navbar-static-top
120 border-right: 1px solid grey
122 /* ----- BOOTSTRAP HACK FOR STICKY FOOTER ----- */
125 +box-sizing(border-box)
137 background: rgb(239, 248, 248)
138 background: rgba(200, 200, 200, 0.1)
144 /* ----- BOOTSTRAP FIX ----- */
150 /* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */
152 .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
153 background-image: url('/website/static/src/img/drag_here.png') !important
155 .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
156 background-image: none
157 background-repeat: no-repeat
158 background-position: center
159 height: 220px !important
161 .oe_structure.oe_empty > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child
164 .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
173 .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
174 content: 'Drag Building Blocks Here' !important
176 .css_editable_display
179 /* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */
181 .navbar .nav > li > p
184 // .navbar .nav > li a
190 /* ---- HOMEPAGE THEME CUSTOMIZATION ---- */
195 /* -- Hack for removing double scrollbar from mobile preview -- */
196 div#mobile-preview.modal
199 ul.nav-stacked > li > a
202 #customize-menu .dropdown-header
203 text-transform: uppercase
205 /* ---- PUBLISH ---- */
207 .btn-danger, .css_publish
210 .btn-success, .css_unpublish
213 [data-publish='off']>*:not(.css_options)
216 /* ---- END of PUBLISH ---- */
219 background: rgba(150, 150, 220, 0.3)
232 background-color: rgba(0,0,0,0.4)
243 /* ---- SNIPPETS --- */
246 background-size: 100%
248 .carousel, .parallax, .blockquote
251 @media (max-width: 400px)
252 section, .parallax, .row, .hr, .blockquote
253 height: auto !important
259 background-size: cover
291 &.o_grid, &.o_masonry
323 &.size-small, &.size-medium, &.size-big
340 &.o_slideshow .carousel ul.carousel-indicators li
341 border: 1px solid #aaa
342 .carousel-inner .item img
345 .o_gallery.o_slideshow > .container
348 .o_gallery.o_slideshow .carousel, .modal-body.o_slideshow .carousel
356 -webkit-transform: translateY(-50%)
357 -ms-transform: translateY(-50%)
358 transform: translateY(-50%)
359 ul.carousel-indicators
367 list-style-image: none
368 display: inline-block
371 margin: 0 0px 5px 5px
373 border: 1px solid #aaa
375 background-size: cover
377 background-color: #000
380 .carousel-control.left, .carousel-control.right
381 background-image: none
382 background-color: transparent
389 border: 1px solid grey
391 background-color: grey
392 span.carousel-img img, div.carousel-content
396 background-color: black
398 background: rgba(0, 0, 0, 0.3)
402 background-size: cover
410 vertical-align: middle
435 background-color: rgba(0,0,0,0.4)
451 span[data-oe-type="monetary"]
454 .oe_template_fallback
455 @include column-count(3)
457 .oe_website_login_container
461 .oe_website_overflow_ellipsis
464 text-overflow:ellipsis
466 div.media_iframe_video
472 padding-bottom: 66.5%
484 @media (max-width: 768px)
485 img:not(.cke_iframe), .media_iframe_video, span.fa, i.fa
486 -webkit-transform: none !important
487 -moz-transform: none !important
488 -ms-transform: none !important
489 -o-transform: none !important
490 transform: none !important