496 lines
8.8 KiB
CSS
496 lines
8.8 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;
|
|
}
|
|
|
|
.pt128 {
|
|
padding-top: 128px !important;
|
|
}
|
|
|
|
.pt92 {
|
|
padding-top: 92px !important;
|
|
}
|
|
|
|
.pt64 {
|
|
padding-top: 64px !important;
|
|
}
|
|
|
|
.pt48 {
|
|
padding-top: 48px !important;
|
|
}
|
|
|
|
.pt32 {
|
|
padding-top: 32px !important;
|
|
}
|
|
|
|
.pt16 {
|
|
padding-top: 16px !important;
|
|
}
|
|
|
|
.pt8 {
|
|
padding-top: 8px !important;
|
|
}
|
|
|
|
.pt4 {
|
|
padding-top: 4px !important;
|
|
}
|
|
|
|
.pt0 {
|
|
padding-top: 0px !important;
|
|
}
|
|
|
|
.pb128 {
|
|
padding-bottom: 128px !important;
|
|
}
|
|
|
|
.pb92 {
|
|
padding-bottom: 92px !important;
|
|
}
|
|
|
|
.pb64 {
|
|
padding-bottom: 64px !important;
|
|
}
|
|
|
|
.pb48 {
|
|
padding-bottom: 48px !important;
|
|
}
|
|
|
|
.pb32 {
|
|
padding-bottom: 32px !important;
|
|
}
|
|
|
|
.pb16 {
|
|
padding-bottom: 16px !important;
|
|
}
|
|
|
|
.pb8 {
|
|
padding-bottom: 8px !important;
|
|
}
|
|
|
|
.pb4 {
|
|
padding-bottom: 4px !important;
|
|
}
|
|
|
|
.pb0 {
|
|
padding-bottom: 0px !important;
|
|
}
|
|
|
|
/* Grid of unequally tall elements */
|
|
.grid > [class*="col-md"] {
|
|
display: inline-block;
|
|
float: none;
|
|
vertical-align: top;
|
|
box-sizing: border-box;
|
|
}
|
|
.grid > [class*="col-md"].grid-align-top > [class*="col-md"] {
|
|
vertical-align: top;
|
|
}
|
|
.grid > [class*="col-md"].grid-align-middle > [class*="col-md"] {
|
|
vertical-align: middle;
|
|
}
|
|
.grid > [class*="col-md"].grid-align-bottom > [class*="col-md"] {
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* ----- BOOTSTRAP HACK FOR HEADER NAV BAR ----- */
|
|
.navbar.navbar-default.navbar-static-top {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* ----- 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, #wrap, footer {
|
|
display: table-row;
|
|
}
|
|
|
|
footer {
|
|
height: 100%;
|
|
background: #eff8f8;
|
|
background: rgba(100, 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");
|
|
}
|
|
|
|
.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: url("/website/static/src/img/edit_here.png");
|
|
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: "Press The Top-Left Edit Button";
|
|
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";
|
|
}
|
|
|
|
/* ---- 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;
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
ul.nav-stacked > li > a {
|
|
padding: 2px 15px;
|
|
}
|
|
|
|
#customize-menu .dropdown-header {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
/* ---- PUBLISH ---- */
|
|
.css_unpublish, .css_publish {
|
|
display: none;
|
|
}
|
|
|
|
.css_published .css_unpublish, .css_unpublished .css_publish {
|
|
display: block;
|
|
}
|
|
|
|
[data-publish='off'] {
|
|
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 --- */
|
|
.carousel-inner .item {
|
|
height: 100%;
|
|
background-size: 100%;
|
|
}
|
|
|
|
.carousel.oe_small .carousel-inner {
|
|
height: 200px;
|
|
}
|
|
.carousel.oe_medium .carousel-inner {
|
|
height: 300px;
|
|
}
|
|
.carousel.oe_big .carousel-inner {
|
|
height: 450px;
|
|
}
|
|
.carousel .carousel-caption h1, .carousel .carousel-caption h2, .carousel .carousel-caption h3 {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.carousel .carousel-image {
|
|
right: 10%;
|
|
left: 50%;
|
|
top: 5%;
|
|
bottom: 5%;
|
|
position: absolute;
|
|
text-align: center;
|
|
}
|
|
.carousel .carousel-image img {
|
|
height: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
.carousel .item.text_image .carousel-caption {
|
|
left: auto;
|
|
right: auto;
|
|
bottom: 10%;
|
|
text-align: left;
|
|
padding: 20px;
|
|
background: rgba(0, 0, 0, 0.4);
|
|
}
|
|
.carousel .item.text_only .carousel-image {
|
|
display: none !important;
|
|
}
|
|
.carousel .item.text_only .carousel-caption {
|
|
left: 10%;
|
|
right: 10%;
|
|
top: 10%;
|
|
text-align: center;
|
|
}
|
|
.carousel .item.image_text .carousel-caption {
|
|
left: auto;
|
|
text-align: left;
|
|
right: 10%;
|
|
bottom: 10%;
|
|
padding: 20px;
|
|
background: rgba(0, 0, 0, 0.4);
|
|
}
|
|
.carousel .item.image_text .carousel-image {
|
|
right: 50%;
|
|
left: 10%;
|
|
}
|
|
.carousel .carousel-control {
|
|
cursor: pointer;
|
|
}
|
|
.carousel .carousel-control span {
|
|
top: 50%;
|
|
position: absolute;
|
|
margin-top: -8px;
|
|
}
|
|
.carousel .carousel-control.left span {
|
|
left: 10px;
|
|
}
|
|
.carousel .carousel-control.right span {
|
|
right: 10px;
|
|
}
|
|
|
|
/* Parallax Theme */
|
|
.parallax_quote {
|
|
background: center center no-repeat fixed;
|
|
background-size: contain;
|
|
}
|
|
.parallax_quote .carousel-indicators li {
|
|
border: 1px solid grey;
|
|
}
|
|
.parallax_quote .carousel-indicators .active {
|
|
background-color: grey;
|
|
}
|
|
|
|
.parallax {
|
|
position: relative;
|
|
background-size: 100%;
|
|
}
|
|
.parallax.oe_small {
|
|
height: 200px;
|
|
}
|
|
.parallax.oe_medium {
|
|
height: 300px;
|
|
}
|
|
.parallax.oe_big {
|
|
height: 450px;
|
|
}
|
|
|
|
/* Background */
|
|
.oe_dark {
|
|
background: #eff8f8;
|
|
background: rgba(100, 200, 200, 0.14);
|
|
-webkit-box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset;
|
|
-moz-box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset;
|
|
box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset;
|
|
}
|
|
|
|
.oe_black {
|
|
background-color: rgba(0, 0, 0, 0.9);
|
|
}
|
|
|
|
.oe_green {
|
|
background-color: rgba(0, 128, 0, 0.8);
|
|
}
|
|
|
|
.oe_red {
|
|
background-color: rgba(255, 0, 0, 0.8);
|
|
}
|
|
|
|
.oe_img_bg {
|
|
height: 100%;
|
|
background-size: 100%;
|
|
}
|
|
|
|
.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;
|
|
}
|