Files
odoo_source/addons/website/static/src/css/website.css
T

801 lines
15 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
*
*/
ul {
list-style-type: disc;
}
li > ul {
list-style-type: circle;
}
li > * > li > ul {
list-style-type: square;
}
li > * > li > * > li > ul {
list-style-type: disc;
}
li > * > li > * > li > * > li > ul {
list-style-type: circle;
}
li > * > li > * > li > * > li > * > li > ul {
list-style-type: square;
}
li > * > li > * > li > * > li > * > li > * > li > ul {
list-style-type: disc;
}
ol {
list-style-type: decimal;
}
li > ol {
list-style-type: lower-alpha;
}
li > * > li > ol {
list-style-type: lower-greek;
}
li > * > li > * > li > ol {
list-style-type: decimal;
}
li > * > li > * > li > * > li > ol {
list-style-type: lower-alpha;
}
li > * > li > * > li > * > li > * > li > ol {
list-style-type: lower-greek;
}
li > * > li > * > li > * > li > * > li > * > li > ol {
list-style-type: decimal;
}
li > p {
margin: 0;
}
font[style*='background'], font[class*='bg-'] {
padding: 0 2px;
}
.o_ul_toggle_self, .o_ul_toggle_next {
display: none;
}
.o_ul_folded .o_close {
display: none !important;
}
.o_ul_folded .o_ul_toggle_self, .o_ul_folded .o_ul_toggle_next {
display: inline-block;
line-height: inherit;
float: left;
position: relative;
margin-left: -1em;
z-index: 1;
top: -0.15em;
left: 0.2em;
font-size: 1.4em;
text-decoration: none;
}
.o_ul_folded .o_ul_toggle_self:before, .o_ul_folded .o_ul_toggle_next:before {
content: "";
}
.o_ul_folded .o_ul_toggle_self.o_open, .o_ul_folded .o_ul_toggle_next.o_open {
left: 0em;
}
.o_ul_folded .o_ul_toggle_self.o_open:before, .o_ul_folded .o_ul_toggle_next.o_open:before {
content: "";
}
/* Extra Styles */
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;
}
hr {
margin-bottom: 10px;
padding-bottom: 10px;
}
/* ----- Snippets Styles ----- */
.para_large {
font-size: 120%;
}
.jumbotron.para_large p {
font-size: 150%;
}
.readable {
font-size: 120%;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
/* ----- BOOTSTRAP FIX ----- */
.container .container, .readable .container {
padding-left: 0;
padding-right: 0;
width: auto!important;
}
/* ----- 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 {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
}
#wrapwrap {
display: table;
table-layout: fixed;
width: 100%;
}
#wrapwrap > * {
display: table-row;
}
#wrapwrap > main {
height: 100%;
}
#wrapwrap > footer {
height: 100%;
background: rgba(200, 200, 200, 0.1);
}
body > nav.navbar {
width: 100%;
position: absolute;
z-index: 10000;
}
@media (min-width: 767px) {
nav.navbar + #wrapwrap {
padding-top: 34px;
}
}
/* ----- BOOTSTRAP FIX ----- */
@-moz-document url-prefix() {
.table .img-responsive {
width: 100%;
}
}
.navbar .nav > li > p {
margin-bottom: 0px;
}
/* ---- HOMEPAGE THEME CUSTOMIZATION ---- */
.nav-hierarchy {
padding-left: 16px;
}
/* -- 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;
}
.o_normalwhitespace {
white-space: normal;
}
.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: cover;
}
.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;
}
.o_image_floating {
width: 40%;
margin: 4px;
}
.o_image_floating div.o_container {
position: relative;
}
.o_image_floating div.o_container mark {
display: block;
position: absolute;
bottom: 0;
width: 100%;
background-color: rgba(86, 61, 124, 0.25);
}
.o_image_floating div.o_container mark a {
color: white;
}
.o_image_floating.o_hide_link div.o_container mark {
display: none;
}
.o_image_floating.o_margin_s {
margin-bottom: 4px;
}
.o_image_floating.o_margin_s.pull-right {
margin-left: 8px;
}
.o_image_floating.o_margin_s.pull-left {
margin-right: 8px;
}
.o_image_floating.o_margin_m {
margin-bottom: 8px;
}
.o_image_floating.o_margin_m.pull-right {
margin-left: 12px;
}
.o_image_floating.o_margin_m.pull-left {
margin-right: 12px;
}
.o_image_floating.o_margin_l {
margin-bottom: 12px;
}
.o_image_floating.o_margin_l.pull-right {
margin-left: 16px;
}
.o_image_floating.o_margin_l.pull-left {
margin-right: 16px;
}
.o_image_floating.o_margin_xl {
margin-bottom: 24px;
}
.o_image_floating.o_margin_xl.pull-right {
margin-left: 32px;
}
.o_image_floating.o_margin_xl.pull-left {
margin-right: 32px;
}
/* gallery */
.o_gallery.o_grid .img, .o_gallery.o_masonry .img {
width: 100%;
}
.o_gallery.o_grid.o_spc-none div.row {
margin: 0;
}
.o_gallery.o_grid.o_spc-none div.row > * {
padding: 0;
}
.o_gallery.o_grid.o_spc-small div.row {
margin: 5px 0;
}
.o_gallery.o_grid.o_spc-small div.row > * {
padding: 0 5px;
}
.o_gallery.o_grid.o_spc-medium div.row {
margin: 10px 0;
}
.o_gallery.o_grid.o_spc-medium div.row > * {
padding: 0 10px;
}
.o_gallery.o_grid.o_spc-big div.row {
margin: 15px 0;
}
.o_gallery.o_grid.o_spc-big div.row > * {
padding: 0 15px;
}
.o_gallery.o_masonry.o_spc-none div.col {
padding: 0;
}
.o_gallery.o_masonry.o_spc-none div.col > img {
margin: 0 !important;
}
.o_gallery.o_masonry.o_spc-small div.col {
padding: 0 5px;
}
.o_gallery.o_masonry.o_spc-small div.col > img {
margin: 5px 0 !important;
}
.o_gallery.o_masonry.o_spc-medium div.col {
padding: 0 10px;
}
.o_gallery.o_masonry.o_spc-medium div.col > img {
margin: 10px 0 !important;
}
.o_gallery.o_masonry.o_spc-big div.col {
padding: 0 15px;
}
.o_gallery.o_masonry.o_spc-big div.col > img {
margin: 15px 0 !important;
}
.o_gallery.o_grid.size-auto .row {
height: auto;
}
.o_gallery.o_grid.size-small .row {
height: 100px;
}
.o_gallery.o_grid.size-medium .row {
height: 250px;
}
.o_gallery.o_grid.size-big .row {
height: 400px;
}
.o_gallery.o_grid.size-small .img, .o_gallery.o_grid.size-medium .img, .o_gallery.o_grid.size-big .img {
height: 100%;
}
.o_gallery.o_nomode.o_spc-none .img {
padding: 0;
}
.o_gallery.o_nomode.o_spc-small .img {
padding: 5px;
}
.o_gallery.o_nomode.o_spc-medium .img {
padding: 10px;
}
.o_gallery.o_nomode.o_spc-big .img {
padding: 15px;
}
.o_gallery.o_slideshow .carousel ul.carousel-indicators li {
border: 1px solid #aaa;
}
.o_gallery .carousel-inner .item img {
max-width: none;
}
.o_gallery.o_slideshow > .container {
height: 100%;
}
.o_gallery.o_slideshow .carousel, .modal-body.o_slideshow .carousel {
height: 100%;
}
.o_gallery.o_slideshow .carousel .item, .modal-body.o_slideshow .carousel .item {
padding-bottom: 64px;
}
.o_gallery.o_slideshow .carousel img, .modal-body.o_slideshow .carousel img {
max-height: 100%;
max-width: 100%;
margin: auto;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.o_gallery.o_slideshow .carousel ul.carousel-indicators, .modal-body.o_slideshow .carousel ul.carousel-indicators {
display: block;
height: auto;
padding: 0;
border-width: 0;
position: absolute;
bottom: 0;
}
.o_gallery.o_slideshow .carousel ul.carousel-indicators > *, .modal-body.o_slideshow .carousel ul.carousel-indicators > * {
list-style-image: none;
display: inline-block;
width: 40px;
height: 40px;
margin: 0 0px 5px 5px;
padding: 0;
border: 1px solid #aaa;
text-indent: initial;
background-size: cover;
background-color: #fff;
border-radius: 0;
}
.o_gallery.o_slideshow .carousel ul.carousel-indicators > *:not(.active), .modal-body.o_slideshow .carousel ul.carousel-indicators > *:not(.active) {
opacity: 0.8;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
.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 {
background-image: none;
background-color: transparent;
}
/* 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);
}
.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 (kept for 8.0 compatibility) */
.oe_dark {
background-color: 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: #ddd;
}
.oe_blue_light {
background-color: #41b6ab;
color: white;
}
.oe_blue_light .text-muted {
color: #ddd;
}
.oe_blue {
background-color: #34495e;
color: white;
}
.oe_orange {
background-color: #f05442;
color: white;
}
.oe_orange .text-muted {
color: #ddd;
}
.oe_purple {
background-color: #b163a3;
color: white;
}
.oe_purple .text-muted {
color: #ddd;
}
.oe_red {
background-color: #9C1b31;
color: white;
}
.oe_red .text-muted {
color: #ddd;
}
.oe_none {
background-color: #FFFFFF;
}
.oe_yellow {
background-color: #A2A51B;
}
.oe_green {
background-color: #149F2C;
}
/* 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;
}
.oe_template_fallback {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
.oe_website_login_container {
width: 400px;
margin: 40px auto;
}
.oe_website_overflow_ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.oe_website_spinner {
width: 121px;
}
.oe_website_spinner input {
text-align: center;
min-width: 50px;
}
div.carousel .container > .carousel-caption {
position: absolute;
right: 50%;
left: 50%;
bottom: 20px;
}
div.carousel .container > .carousel-caption > div {
position: absolute;
text-align: left;
padding: 20px;
background: rgba(0, 0, 0, 0.4);
bottom: 20px;
}
div.carousel .container > .carousel-image {
top: 5%;
bottom: 5%;
position: absolute;
max-height: 90%;
margin: 0 auto;
}
div.carousel .item.text_image .container > .carousel-caption {
left: 10%;
}
div.carousel .item.text_image .container > .carousel-caption > div {
right: 50%;
margin-right: -20%;
max-width: 550px;
}
div.carousel .item.text_image .container > .carousel-image {
right: 10%;
left: 50%;
}
div.carousel .item.image_text .container > .carousel-caption {
right: 10%;
}
div.carousel .item.image_text .container > .carousel-caption > div {
left: 50%;
margin-left: -20%;
max-width: 550px;
}
div.carousel .item.image_text .container > .carousel-image {
right: 50%;
left: 10%;
}
div.carousel .item.text_only .container > .carousel-caption {
left: 10%;
right: 10%;
top: 10%;
bottom: auto;
}
div.carousel .item.text_only .container > .carousel-caption > div {
text-align: center;
background: transparent;
bottom: auto;
width: 100%;
}
div.carousel .item.text_only .container > .carousel-image {
display: none !important;
}
/* ---- Menu nav bar ---- {{{ */
#oe_main_menu_navbar {
position: fixed;
min-height: 34px;
z-index: 1001;
-moz-border-radius: 0px;
-webkit-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;
}
/* ---- footer style ---- {{{ */
#footer div.row {
word-wrap: break-word;
}
.container nav#oe_main_menu_navbar {
position: inherit;
}
.oe_search_clear {
position: absolute;
display: none;
cursor: pointer;
z-index: 2;
right: 42px;
color: #939393;
padding: 10px 0;
top: 1px;
}
.oe_search_box {
padding-right: 23px;
}
.note-editor button {
height: 30px;
}
.o_hidden {
display: none !important;
}
#PlannerDialog {
top: 35px;
-webkit-box-shadow: 0 3px 9px #666666;
box-shadow: 0 3px 9px #666666;
}
.tour .popover-navigation {
margin-left: 13px;
margin-bottom: 8px;
}