diff options
| author | Martin Trigaux <mat@odoo.com> | 2016-10-11 12:06:39 +0200 |
|---|---|---|
| committer | Martin Trigaux <mat@odoo.com> | 2016-10-11 12:09:28 +0200 |
| commit | 731fe1c9abbcd3df0cf27053daaf3e7ca3d08ba3 (patch) | |
| tree | ea956bbfd1e21d82cce8faa9406b71945546d4b8 /doc/_extensions/odoo/static/style.less | |
| parent | 95280245367da42fead8be9892079a5795171fd0 (diff) | |
[FIX] doc: avoid conflict on extenstion and odoo folder
Diffstat (limited to 'doc/_extensions/odoo/static/style.less')
| -rw-r--r-- | doc/_extensions/odoo/static/style.less | 845 |
1 files changed, 0 insertions, 845 deletions
diff --git a/doc/_extensions/odoo/static/style.less b/doc/_extensions/odoo/static/style.less deleted file mode 100644 index 5fd9fe17804..00000000000 --- a/doc/_extensions/odoo/static/style.less +++ /dev/null @@ -1,845 +0,0 @@ -// Assets -@import "bootstrap-3.3.6/less/bootstrap"; -@import "mdi"; - -// Define custom variables for style and layout. -@import "variables"; - -@import "mixins"; -@import "animations"; -@import "typography"; -@import "layout"; -@import "header"; -@import "footer"; -@import "aside"; -@import "print"; - - - -// Documentation header's customizations -// -------------------------------------- -// Header style is based on odoo.com and can be find in the header.less file. -// The following rules are specific for the documentation website. - -.o_main_header { - @o-sub-inner-h: @w-sub-nav-height - 2; - - &.o_mobile_menu_opened .mdi-navigation-menu { - background-color: @footer-bg-color; - color: @gray-lighter; - } - - > .o_sub_nav #o_sub-menu .o_breadcrumb { - - @media screen and (min-width: @screen-sm-min) { - background-color: transparent; - padding: 0; - margin: 0 0 0 -15px; - height: @o-sub-inner-h; - line-height: @o-sub-inner-h; - } - - > li { - display: block; - &, > a { - height: 30px; - line-height: 2; - } - - &:before { - font-weight: @fw_bold; - float: left; - padding: 0; - margin-right: -1px; - display: none; - } - - @media screen and (min-width: @screen-sm-min) { - margin-left: 0; - margin-right: -1px; - height: @o-sub-inner-h; - line-height: @o-sub-inner-h; - display: inline-block; - - &:before { - display: block; - } - - > a { - padding: 0; - height: @o-sub-inner-h; - line-height: @w-sub-nav-height; - letter-spacing: -0.1px; - word-spacing: -1px; - font-size: 0.9em; - display: inline-block; - height: 100%; - max-width: 80px; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - - &:last-child > a { - max-width: 170px; - } - } - - @media screen and (min-width: 1980px) { - > a { - max-width: 120px; - } - } - - @media screen and (min-width: @screen-lg-min) { - &:last-child > a { - max-width: none; - } - } - - @media screen and (max-width: @screen-xs-max) { - > a { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - > a:before { - content: "|"; - margin-right: 0.5em; - } - &:nth-child(1) > a:before { - display: none; - } - &:nth-child(2) > a:before { - padding-left: 0.5em; - } - &:nth-child(3) > a:before { - padding-left: 1em; - } - } - } - } - - &.index { - @media screen and (max-width: @screen-xs-max ){ - > .o_sub_nav #o_sub-menu .o_breadcrumb { - display: none; - } - } - } - - > .o_sub_nav { - border-radius: 0; - - .navbar-toggle { - padding: 0 15px; - margin: 0; - height: @o-sub-inner-h; - background-color: @gray-lighter; - - span { - line-height: @o-sub-inner-h; - } - - &.collapsed { - background-color: @w-header-white; - } - } - - .collapse .nav { - margin-right: 0; - margin-bottom: 0; - - &:first-of-type { - margin-right: -15px; - } - - > li { - margin: 0; - - > a { - padding:0 0 0 10px; - } - - &.divider { - height: auto; - line-height: 1; - border-bottom: 1px solid @gray-light; - padding: 4px 0px 5px; - } - - &.dropdown { - .o-doc-dropdown(); - } - } - } - - > .container > .collapse > .nav, - > .container .o_breadcrumb { - > li > a { - @media screen and (min-width: @screen-sm-min) and ( max-width: @screen-sm-max ) { - font-size: 10px; - font-weight: @fw_semibold; - } - } - } - - li.dropdown { - .o-doc-dropdown(); - } - } - - - &.o_inverted:not(.o_scrolled) { - @media (max-width: @screen-xs-max) { - .o_sub_nav { - display: block; - margin-bottom: 0; - - .nav { - margin: 0 0 0 -8px; - - > li > a{ - color: @text-color; - - &:hover, &:focus { - color: @header-link-normal; - } - } - } - } - } - - .o_sub_nav_actions { - margin-left: 10px; - - > li { - background: fade(@gray-lightest, 10%); - margin-right: 1px; - - &:last-child { - margin-right: 0 - } - } - } - } - - &.o_scrolled { - .o_sub_nav { - #o_doc_title { - .opacity(1); - .translate(0, 0); - .transition(~'opacity 1s, transform 0.3s'); - } - - .o_sub_nav_actions { - margin-left: 10px; - - &:first-of-type { - margin-right: -25px; - } - - > li { - background: fade(@gray, 10%); - margin-right: 1px; - - &:last-child { - margin-right: 0 - } - } - } - } - } -} - -#wrap { - z-index: 1; - position: relative; - background: @gray-lightest; - padding-bottom: 40px; -} - -main { - z-index: 0; - position: relative; - margin: -10px auto 0; - display: block; - border-radius: 2px; - background-color: @doc_paper; - .deep-1; - - @media screen and(min-width: @screen-sm) { - margin: -40px auto 0px; - } -} - -main.index { - .box-shadow(none); - padding-top: 50px; - background:transparent; - - .row > h2 { // section title - margin-bottom: 1em; - margin-top: 1.5em; - } - - .card { - border-radius: 2px; - position: relative; - overflow: hidden; - margin-bottom: @card_margin-bottom; - min-height: @card_min-height; - background-color: @doc_paper; - will-change: transform; - .deep-2; - .transform(scale3d(0, 0, 0) translate3d(50px, 0, 0)); - .transition( all .5s @o-ease ); - - a, a:hover { - color: @text-color; - text-decoration: none; - border-radius: 2px 2px 0 0; - } - .card-img{ - .transition(all .5s @o-ease); - overflow:hidden; - span { - position: relative; - display: block; - background-size: cover; - background-position: 50%; - will-change: transform; - .square(100%); - .transform(scale3d(1, 1, 1) translate3d(0, 0, 0)); - .transform-origin(50%); - .opacity(1); - .transition(all .5s @o-ease); - } - } - figcaption { - .opacity(1); - display: block; - font-weight: @fw_regular; - font-family: @headings-font-family; - color: @headings-color; - margin: 0; - background-color: white; - font-size: 1.2em; - width: 100%; - padding: 8px 12px; - .o-position-absolute(0); - .transition(all .5s @o-ease ); - } - - &:hover .card-img span{ - .transform(scale3d(1.02, 1.02, 1.02) translate3d(0, 0, 0)); - } - } - - .toc-single-entry .card figcaption { - @media screen and(min-width: @screen-md){ - font-size: 1.5em; - padding: 20px 15px; - } - } - - .col-md-6 .card, .col-md-4 .card{ - @media screen and(min-width: @screen-md){ - min-height: 300px; - figcaption{ - font-size: 1.5em; - padding: 20px 15px; - } - } - } - - &.animating .card { - .transform(scale3d(1, 1, 1) translate3d(0, 0, 0)); - } -} - -.card-img { - .o-gradient(); - .o-position-absolute(0, 0); - .translate3d(0;0;0); - .square(100%); - display: block; - background-size: cover; - background-position: 50%; -} - -.card.top { - padding: 10% 0 8%; - position: relative; - overflow: hidden; - margin: 0; - .o-gradient(); - .animation(fadeIn 1s); - .box-shadow(none); - .transform-origin(50% 0px 0px); - - @media screen and (min-width: @screen-sm-min) and (max-width: (@screen-md-min - 1)) { - padding-top: 12%; - } - - #wrap.index & { - padding: 0 0 4%; - - @media screen and (min-width: @screen-sm-min) { - padding-top: 12%; - } - - @media screen and (min-width: @screen-lg-min) { - padding-top: 8%; - } - } - - &.stacked{ - background:transparent; - .transition(background 1s); - } - - &:before { - content:""; - display: block; - background-image: url("img/banner_bg.png"); - background-size: cover; - background-position: 50%; - .o-position-absolute(0, 0); - .square(100%); - } - - &:hover { - .box-shadow(none); - } - - .card-img { - background-image: url("img/banner_bg.png"); - } - - @media screen and (min-width: @screen-sm-min) and (max-width: (@screen-md-min - 1)) { - padding: 12% 0 8%; - - #wrap.index & { - padding: 12% 0 4%; - } - } - - .container { - position: relative; - h1 { - .h2; - color: white; - - @media screen and (min-width: @screen-sm-min) { - .h1; - color: white; - } - } - } -} - -.card.top.has_banner { - background: @footer-bg-color; - - &:before { - display: none; - } - - .card-img { - opacity: 0.35; - } -} - -// the first level of an application toctree should look more like sections - -.toctree-wrapper > ul { - list-style: none; - padding: 0; - - > li.toctree-l1 > span { - font-family: @headings-font-family; - // copy h2 content :/ - .h2() - } -} - -// Elements -// ----------------------------------------------- - -hr.divider { - border-color: fadeout(@gray-lightest, 60%); - position: absolute; - width: 900%; - margin-left: -13px; -} - -main .alert { - padding: 15px; - border-radius: 0; - border-width: 0 0 0 3px; - position: relative; - max-width: 95%; - display: inline-block;; - @media (min-width: @screen-sm-min){ - padding-left: 5.5em; - } - > p, > ul { - margin: .5em 0; - } - .alert-info; // 'INFO' is the default style - - > h3, > .alert-title { - font-size: 1.642857143em; - line-height: 1em; - margin: 0 0 10px 0; - font-size: 14px; - font-weight: @fw_bold; - font-family: @headings-font-family; - - &:before { - .mdi-icon("\e639"); - .o-position-absolute(50%, auto, auto, 6px); - .translate(0, -0.15em); - font-size: 4em; - - @media (max-width: @screen-sm-min){ - display:none; - } - } - } - &.alert-success { - border-color: lighten(@brand-success, 30%); - background-color: lighten(@brand-success, 45%); - color: darken(@brand-success, 35%); - - > .alert-title, > h3 { - color: @brand-success - } - > .alert-title:before, > h3:before { - content: "\e625"; - } - } - &.alert-info, &.tip { - border-color: lighten(@brand-info, 30%); - background-color: lighten(@brand-info, 45%); - color: darken(@brand-info, 35%); - - > .alert-title, > h3 { - color: @brand-info - } - > .alert-title:before, > h3:before { - content: "\e639"; - } - } - &.alert-warning, &.warning { - border-color: lighten(@brand-warning, 30%); - background-color: lighten(@brand-warning, 35%); - color: darken(@brand-warning, 35%); - - > .alert-title, > h3 { - color: @brand-warning - } - > .alert-title:before, > h3:before { - content: "\e6a4"; - } - } - &.alert-danger { - border-color: lighten(@brand-danger, 30%); - background-color: lighten(@brand-danger, 40%); - color: darken(@brand-danger, 35%); - - > .alert-title, > h3 { - color: @brand-danger - } - > .alert-title:before, > h3:before { - content: "\e6a4"; - } - } - &.alert-exercise { - border-color: lighten(@doc_exercise, 30%); - background-color: lighten(@doc_exercise, 40%); - color: darken(@doc_exercise, 35%); - - > .alert-title, > h3 { - color: @doc_exercise; - } - > .alert-title:before, > h3:before { - .translate(0;0); - top: 28px; - content: "\e709"; - } - } - - &.alert-go_to { - border-color: lighten(@brand-info, 30%); - background-color: lighten(@brand-info, 45%); - border-width: 2px; - margin: 2em auto; - a{ - color: darken(@brand-info, 25%); - } - > .alert-title, > h3 { - color: @brand-info - } - > .alert-title:before, > h3:before { - content: "\e70d"; - } - } - - &.doc-content{ - @media (min-width: @screen-lg-min) { - max-width: 55%; - } - } -} - -img.img-responsive { - margin-bottom: (@line-height-computed / 2); -} - -.figure { - h4 { - margin: 0.5em 0 1.5em; - padding-left: 1em; - font-size: 1em; - font-style: italic; - } -} - -.pq-patch{ - background: @gray-light; - em {padding-left: 10px;} -} - -span.menuselection{ - font-weight: @fw_semibold; -} - -.list-group-item { - border: none; - background:transparent; -} - -dt { margin: .5em 0 .3em;} - -blockquote { - font-family: @font-family-serif; - font-weight: @fw_semibold; - font-style: italic; - - footer { - font-family: @font-family-base; - background: transparent; - text-align: left; - color: @text-color; - font-weight: normal; - font-style: normal; - - cite { - font-style: italic; - } - } - @media (min-width:@screen-md-min) { - border-left: 3px solid fade(@brand-primary, 50%); - } -} -code, .code { - font-size: 0.8em; - font-weight: @fw_semibold; - color: darken(@brand-primary, 30%); - background-color: lighten(@brand-primary, 50%); -} -.btn { - border-radius: 0; -} -dd { - margin-left: 40px; -} - -.code-fields { - font-size: .9em; - border: 2px solid @gray-light; - - .code-field { - } - - .code-field-body { - } - - .code-field-name { - font-weight: @fw_semibold; - color: @headings-color; - - &:after{ - content:":"; - } - @media screen and (min-width: @screen-md-min){ - font-size: .9em; - text-align: right; - } - } - - ul { - list-style: none; - - strong { - color: @headings-color; - font-family:@font-family-monospace; - } - em { - color: @headings-color; - font-family:@font-family-monospace; - font-weight: @fw_semibold; - font-size: .9em; - } - } -} - -table, .table { - font-size: 0.9em; -} - -.code-class, -.code-staticmethod, .code-classmethod, .code-method, .code-function, -.code-attribute, .code-data { - // indents *all* content - padding-left: 20px; - margin-bottom: 2em; - // except for item title which gets dedented back - > h6 { - margin-left: -20px; - margin-bottom: 0.3em; - .viewcode-link { - display: none; - float: right - } - &:hover .viewcode-link { - display: inline; - } - } - p { - margin-bottom: .5em; - } -} - -main.has_code_col{ - @media (min-width: @screen-lg-min) { - .doc-aside { - color: @gray-light; - - pre{ - font-size: 12px; - } - } - } -} - -article.doc-body { - background: @doc_paper; - section.doc-content:first-of-type{ - > p:first-child{ - .lead; - } - } - - &.index-category { - min-height: 300px; - min-height: 30vh; - - li.toctree-l1 { - padding: 5px 0; - } - } -} - -.content-switcher { - margin-top: 1.5em; - > ul { - font-size: 10px; - padding: 0; - margin: 0 0 10px; - .transition(all .2s ease); - - > li { - color: text-color; - font-weight: @fw_semibold; - border-bottom: 1px solid transparent; - margin: 5px; - font-size: 1.3em; - cursor: pointer; - display: inline-block; - list-style: none; - .transition(all .2s); - .opacity(0.6); - - &.active { - border-bottom: 1px solid @brand-primary; - .opacity(1); - } - } - } - &:hover > ul > li { - .opacity(1); - } - > .tabs > * { - display: none; - max-width: 100%; - overflow-x: auto; - } - > .tabs > .active { - display: block; - } -} - -.highlight { - background: @doc_code-bg; - color: @gray-light; - border-radius: @border-radius-base; - margin-bottom: (@line-height-computed / 2); - pre { - margin-bottom: 0; - } -} - -pre { - font-size: 0.8em; - color: @gray-light; - background: @doc_code-bg; - font-family: @font-family-monospace; - font-weight: @fw_semibold; - position: relative; - border: none; - max-width: 100%; - overflow: auto; - margin: 0; - margin-bottom: (@line-height-computed / 2); -} - -#mask { - .opacity(0); - position: fixed; - z-index: @zIndex--mask; - top: 0; - left: 0; - .size(100%; 0); - background-color: fade(black, 20%); - .transition(opacity .3s); - - &.active { - .opacity(1); - display: block; - .square(100%); - .transition(opacity .3s); - } -} - - -// Special Pages - -// Theme tutorial -#thinking-modular > .clearfix.themes { - margin-bottom: 3em; -} - - |
