543 lines
9.4 KiB
CSS
543 lines
9.4 KiB
CSS
@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
|
|
*
|
|
*/
|
|
/* ----- GENERIC LAYOUTING HELPERS ---- */
|
|
/* Vertical Spacing */
|
|
.mt128 {
|
|
margin-top: 128px !important;
|
|
}
|
|
|
|
.mt92 {
|
|
margin-top: 92px !important;
|
|
}
|
|
|
|
.mt64 {
|
|
margin-top: 64px !important;
|
|
}
|
|
|
|
.mt48 {
|
|
margin-top: 48px !important;
|
|
}
|
|
|
|
.mt32 {
|
|
margin-top: 32px !important;
|
|
}
|
|
|
|
.mt16 {
|
|
margin-top: 16px !important;
|
|
}
|
|
|
|
.mt8 {
|
|
margin-top: 8px !important;
|
|
}
|
|
|
|
.mt4 {
|
|
margin-top: 4px !important;
|
|
}
|
|
|
|
.mt0 {
|
|
margin-top: 0px !important;
|
|
}
|
|
|
|
.mb128 {
|
|
margin-bottom: 128px !important;
|
|
}
|
|
|
|
.mb92 {
|
|
margin-bottom: 92px !important;
|
|
}
|
|
|
|
.mb64 {
|
|
margin-bottom: 64px !important;
|
|
}
|
|
|
|
.mb48 {
|
|
margin-bottom: 48px !important;
|
|
}
|
|
|
|
.mb32 {
|
|
margin-bottom: 32px !important;
|
|
}
|
|
|
|
.mb16 {
|
|
margin-bottom: 16px !important;
|
|
}
|
|
|
|
.mb8 {
|
|
margin-bottom: 8px !important;
|
|
}
|
|
|
|
.mb4 {
|
|
margin-bottom: 4px !important;
|
|
}
|
|
|
|
.mb0 {
|
|
margin-bottom: 0px !important;
|
|
}
|
|
|
|
/* Extra Styles */
|
|
img.shadow {
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
-ms-border-radius: 3px;
|
|
-o-border-radius: 3px;
|
|
border-radius: 3px;
|
|
-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
|
|
-moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
|
|
margin: 0 auto;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
#wrapwrap p:empty:after {
|
|
content: "\2060";
|
|
}
|
|
|
|
/* ----- Snippets Styles ----- */
|
|
.para_large {
|
|
font-size: 120%;
|
|
}
|
|
|
|
.readable {
|
|
font-size: 120%;
|
|
max-width: 700px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
/* ----- EDITOR ----- */
|
|
#oe_main_menu_navbar {
|
|
min-height: 34px;
|
|
z-index: 1001;
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
-ms-border-radius: 0px;
|
|
-o-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;
|
|
}
|
|
|
|
.css_non_editable_mode_hidden {
|
|
display: none;
|
|
}
|
|
|
|
/* ----- BOOTSTRAP FIX ----- */
|
|
.container .container, .readable .container {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
width: auto;
|
|
}
|
|
|
|
/* ----- 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 {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
}
|
|
|
|
#wrapwrap {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
|
|
header, main, footer {
|
|
display: table-row;
|
|
}
|
|
|
|
footer {
|
|
height: 100%;
|
|
background: #eff8f8;
|
|
background: rgba(200, 200, 200, 0.1);
|
|
}
|
|
|
|
#footer_container {
|
|
padding-top: 24px;
|
|
padding-bottom: 12px;
|
|
}
|
|
|
|
/* ----- BOOTSTRAP FIX ----- */
|
|
.col-md-12 {
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
/* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */
|
|
.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 {
|
|
background-image: url("/website/static/src/img/drag_here.png") !important;
|
|
}
|
|
|
|
.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 {
|
|
background-image: none;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
height: 220px !important;
|
|
}
|
|
|
|
.oe_structure.oe_empty > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child {
|
|
position: static;
|
|
}
|
|
|
|
.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 {
|
|
content: " ";
|
|
text-align: center;
|
|
display: block;
|
|
padding-top: 160px;
|
|
padding-bottom: 30px;
|
|
color: grey;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.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 {
|
|
content: "Drag Building Blocks Here" !important;
|
|
}
|
|
|
|
.css_editable_display {
|
|
display: none;
|
|
}
|
|
|
|
/* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */
|
|
.navbar .nav > li > p {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
/* ---- HOMEPAGE THEME CUSTOMIZATION ---- */
|
|
.nav-hierarchy {
|
|
padding-left: 16px;
|
|
}
|
|
|
|
#themes-list .well {
|
|
padding: 0 0 20px 0;
|
|
}
|
|
|
|
/* -- 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;
|
|
}
|
|
|
|
.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: 100%;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
/* 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);
|
|
margin-top: 75px;
|
|
}
|
|
|
|
.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 */
|
|
.oe_dark {
|
|
background: #eff8f8;
|
|
background: 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: #dddddd;
|
|
}
|
|
|
|
.oe_blue_light {
|
|
background-color: #41b6ab;
|
|
color: white;
|
|
}
|
|
.oe_blue_light .text-muted {
|
|
color: #dddddd;
|
|
}
|
|
|
|
.oe_blue {
|
|
background-color: #34495e;
|
|
color: white;
|
|
}
|
|
|
|
.oe_orange {
|
|
background-color: #f05442;
|
|
color: white;
|
|
}
|
|
.oe_orange .text-muted {
|
|
color: #dddddd;
|
|
}
|
|
|
|
.oe_purple {
|
|
background-color: #b163a3;
|
|
color: white;
|
|
}
|
|
.oe_purple .text-muted {
|
|
color: #dddddd;
|
|
}
|
|
|
|
.oe_red {
|
|
background-color: #9c1b31;
|
|
color: white;
|
|
}
|
|
.oe_red .text-muted {
|
|
color: #dddddd;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
address .fa.fa-mobile-phone {
|
|
margin: 0 3px 0 2px;
|
|
}
|
|
address .fa.fa-file-text-o {
|
|
margin-right: 1px;
|
|
}
|
|
|
|
span[data-oe-type="monetary"] {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.oe_template_fallback {
|
|
-webkit-column-count: 3;
|
|
-moz-column-count: 3;
|
|
-ms-column-count: 3;
|
|
-o-column-count: 3;
|
|
column-count: 3;
|
|
}
|
|
|
|
.oe_website_login_container {
|
|
width: 400px;
|
|
margin: 40px auto;
|
|
}
|
|
|
|
div.media_iframe_video {
|
|
height: 0;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
position: relative;
|
|
overflow: hidden;
|
|
padding-bottom: 66.5%;
|
|
}
|
|
div.media_iframe_video iframe {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
div.media_iframe_video div {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: none;
|
|
}
|
|
|
|
/* Mobile view */
|
|
@media (max-width: 768px) {
|
|
img:not(.cke_iframe), .media_iframe_video, span.fa, i.fa {
|
|
-webkit-transform: none !important;
|
|
-moz-transform: none !important;
|
|
-ms-transform: none !important;
|
|
-o-transform: none !important;
|
|
transform: none !important;
|
|
}
|
|
}
|