[FIX] ws doc: copy button in columned version
[odoo/odoo.git] / doc / _themes / odoodoc / static / style.css
index 3ea44b5..c02b587 100644 (file)
@@ -5902,8 +5902,10 @@ button.close {
 .panel-body:after,
 .modal-footer:before,
 .modal-footer:after,
-.document-super:before,
-.document-super:after,
+.document-super:not(.stripe):before,
+.document-super:not(.stripe):after,
+.document-super.stripe:before,
+.document-super.stripe:after,
 .document:before,
 .document:after {
   content: " ";
@@ -5924,7 +5926,8 @@ button.close {
 .pager:after,
 .panel-body:after,
 .modal-footer:after,
-.document-super:after,
+.document-super:not(.stripe):after,
+.document-super.stripe:after,
 .document:after {
   clear: both;
 }
@@ -6181,35 +6184,53 @@ body {
   overflow: auto;
   position: relative;
 }
-.document-super {
+.document-super:not(.stripe) {
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
   padding-right: 15px;
 }
 @media (min-width: 768px) {
-  .document-super {
+  .document-super:not(.stripe) {
     width: 750px;
   }
 }
 @media (min-width: 992px) {
-  .document-super {
+  .document-super:not(.stripe) {
     width: 970px;
   }
 }
 @media (min-width: 1200px) {
-  .document-super {
+  .document-super:not(.stripe) {
     width: 1170px;
   }
 }
-.document-super > .navbar-header,
-.document-super > .navbar-collapse {
+.document-super:not(.stripe) > .navbar-header,
+.document-super:not(.stripe) > .navbar-collapse {
   margin-right: -15px;
   margin-left: -15px;
 }
 @media (min-width: 768px) {
-  .document-super > .navbar-header,
-  .document-super > .navbar-collapse {
+  .document-super:not(.stripe) > .navbar-header,
+  .document-super:not(.stripe) > .navbar-collapse {
+    margin-right: 0;
+    margin-left: 0;
+  }
+}
+.document-super.stripe {
+  margin-right: auto;
+  margin-left: auto;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+.document-super.stripe > .navbar-header,
+.document-super.stripe > .navbar-collapse {
+  margin-right: -15px;
+  margin-left: -15px;
+}
+@media (min-width: 768px) {
+  .document-super.stripe > .navbar-header,
+  .document-super.stripe > .navbar-collapse {
     margin-right: 0;
     margin-left: 0;
   }
@@ -6296,7 +6317,7 @@ body {
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
 }
-.docs-nav .navbar-nav > li > a:after {
+.docs-nav .navbar-nav > li.dropdown > a:after {
   content: " ";
   display: inline-block;
   width: 0;
@@ -6307,7 +6328,7 @@ body {
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
 }
-.docs-nav .navbar-nav > li .dropdown-menu > li.current > a.current {
+.docs-nav .navbar-nav > li.dropdown .dropdown-menu > li.current > a.current {
   background-color: #a24689;
   color: white;
 }
@@ -6653,23 +6674,20 @@ div.section > h2 {
   word-break: normal;
   word-wrap: normal;
 }
+.switchable .highlight.with-btn-clipboard pre {
+  padding-right: 50px;
+}
 /*
  * ZeroClipboard styles
  */
-.zero-clipboard {
+.highlight {
   position: relative;
-  display: none;
-}
-@media (min-width: 768px) {
-  .zero-clipboard {
-    display: block;
-  }
 }
 .btn-clipboard {
   position: absolute;
   top: 0;
   right: 0;
-  z-index: 10;
+  z-index: 3;
   display: block;
   padding: 5px 8px;
   font-size: 12px;
@@ -6679,10 +6697,14 @@ div.section > h2 {
   border: 1px solid #e1e1e8;
   border-radius: 0 4px 0 4px;
 }
-.btn-clipboard-hover {
-  color: #fff;
-  background-color: #a24689;
-  border-color: #a24689;
+.btn-clipboard:focus {
+  outline: none;
+}
+.btn-clipboard.active {
+  background-color: #ffffad;
+  -webkit-transition: background-color 0.5s linear;
+  -o-transition: background-color 0.5s linear;
+  transition: background-color 0.5s linear;
 }
 img.align-center {
   display: block;
@@ -6708,6 +6730,74 @@ td.field-body > ul {
 .descclassname {
   opacity: 0.5;
 }
+.index-tree ul,
+.index-tree li {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.index-tree > ul > li {
+  margin-bottom: 0.5em;
+}
+.index-tree > ul > li > a {
+  font-family: Lato, Arial, sans-serif;
+  font-weight: 500;
+  line-height: 1.1;
+  color: inherit;
+  margin-top: 20px;
+  margin-bottom: 10px;
+  font-size: 24px;
+  text-align: center;
+}
+.index-tree > ul > li > a small,
+.index-tree > ul > li > a .small {
+  font-weight: normal;
+  line-height: 1;
+  color: #777777;
+}
+.index-tree > ul > li > a small,
+.index-tree > ul > li > a .small {
+  font-size: 65%;
+}
+.index-tree > ul > li > ul {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+.index-tree > ul > li > ul > li {
+  width: 50%;
+}
+.index-tree > ul > li > ul > li a {
+  font-family: Lato, Arial, sans-serif;
+  font-weight: 500;
+  line-height: 1.1;
+  color: inherit;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  font-size: 18px;
+  padding-left: 10%;
+  padding-right: 10%;
+}
+.index-tree > ul > li > ul > li a small,
+.index-tree > ul > li > ul > li a .small {
+  font-weight: normal;
+  line-height: 1;
+  color: #777777;
+}
+.index-tree > ul > li > ul > li a small,
+.index-tree > ul > li > ul > li a .small {
+  font-size: 75%;
+}
+.index-tree > ul > li a {
+  display: block;
+  color: #a24689 !important;
+  padding: 0.3em 0;
+  margin: 3px !important;
+}
+.index-tree > ul > li a:hover {
+  background-color: #eeeeee;
+}
 .stripe .section {
   margin-bottom: 2em;
 }
@@ -6718,11 +6808,405 @@ td.field-body > ul {
     float: left;
     clear: left;
   }
+  .stripe .section > .force-right {
+    padding-left: 1em;
+    padding-right: 1em;
+  }
   .stripe .section > .force-right,
   .stripe .section > [class*=highlight] {
     float: none;
     clear: none;
+    margin-left: 50%;
+    width: 50%;
+    color: #eeeeee;
+  }
+  .stripe .section > .force-right a,
+  .stripe .section > [class*=highlight] a {
+    color: #d9a8cc;
+  }
+  .stripe .section > .force-right code,
+  .stripe .section > [class*=highlight] code,
+  .stripe .section > .force-right .literal,
+  .stripe .section > [class*=highlight] .literal {
+    color: #f9f2f4;
+    background-color: #555555;
+  }
+  .stripe .section > .force-right:not(.highlight-json) .highlight,
+  .stripe .section > [class*=highlight]:not(.highlight-json) .highlight {
+    border-bottom-color: #777777;
+  }
+  .stripe .section > .force-right.admonition,
+  .stripe .section > [class*=highlight].admonition {
     margin-left: 51%;
+    width: 49%;
+    border-top-color: #777777;
+    border-bottom-color: #777777;
+    border-right-color: #777777;
+  }
+  .stripe .section > .force-right pre,
+  .stripe .section > [class*=highlight] pre {
+    padding: 0;
+    margin: 10px;
+    background: none;
+    border: none;
+  }
+  .stripe .section > .force-right .highlight,
+  .stripe .section > [class*=highlight] .highlight {
+    border-color: #555555;
+    border-style: solid;
+    border-width: 1px 0;
+    color: #cccccc;
+    background: none;
+    /* Line Numbers */
+    /* Comment */
+    /* Error */
+    /* Generic */
+    /* Keyword */
+    /* Literal */
+    /* Name */
+    /* Operator */
+    /* Other */
+    /* Punctuation */
+    /* Comment.Multiline */
+    /* Comment.Preproc */
+    /* Comment.Single */
+    /* Comment.Special */
+    /* Generic.Deleted */
+    /* Generic.Emph */
+    /* Generic.Error */
+    /* Generic.Heading */
+    /* Generic.Inserted */
+    /* Generic.Output */
+    /* Generic.Prompt */
+    /* Generic.Strong */
+    /* Generic.Subheading */
+    /* Generic.Traceback */
+    /* Keyword.Constant */
+    /* Keyword.Declaration */
+    /* Keyword.Namespace */
+    /* Keyword.Pseudo */
+    /* Keyword.Reserved */
+    /* Keyword.Type */
+    /* Literal.Date */
+    /* Literal.Number */
+    /* Literal.String */
+    /* Name.Attribute */
+    /* Name.Builtin */
+    /* Name.Class */
+    /* Name.Constant */
+    /* Name.Decorator */
+    /* Name.Entity */
+    /* Name.Exception */
+    /* Name.Function */
+    /* Name.Label */
+    /* Name.Namespace */
+    /* Name.Other */
+    /* Name.Property */
+    /* Name.Tag */
+    /* Name.Variable */
+    /* Operator.Word */
+    /* Text.Whitespace */
+    /* Literal.Number.Float */
+    /* Literal.Number.Hex */
+    /* Literal.Number.Integer */
+    /* Literal.Number.Oct */
+    /* Literal.String.Backtick */
+    /* Literal.String.Char */
+    /* Literal.String.Doc */
+    /* Literal.String.Double */
+    /* Literal.String.Escape */
+    /* Literal.String.Heredoc */
+    /* Literal.String.Interpol */
+    /* Literal.String.Other */
+    /* Literal.String.Regex */
+    /* Literal.String.Single */
+    /* Literal.String.Symbol */
+    /* Name.Builtin.Pseudo */
+    /* Name.Variable.Class */
+    /* Name.Variable.Global */
+    /* Name.Variable.Instance */
+    /* Literal.Number.Integer.Long */
+  }
+  .stripe .section > .force-right .highlight .lineno,
+  .stripe .section > [class*=highlight] .highlight .lineno {
+    color: #586e75;
+  }
+  .stripe .section > .force-right .highlight .c,
+  .stripe .section > [class*=highlight] .highlight .c {
+    color: #586e75;
+  }
+  .stripe .section > .force-right .highlight .err,
+  .stripe .section > [class*=highlight] .highlight .err {
+    color: #cccccc;
+  }
+  .stripe .section > .force-right .highlight .g,
+  .stripe .section > [class*=highlight] .highlight .g {
+    color: #cccccc;
+  }
+  .stripe .section > .force-right .highlight .k,
+  .stripe .section > [class*=highlight] .highlight .k {
+    color: #859900;
+  }
+  .stripe .section > .force-right .highlight .l,
+  .stripe .section > [class*=highlight] .highlight .l {
+    color: #cccccc;
+  }
+  .stripe .section > .force-right .highlight .n,
+  .stripe .section > [class*=highlight] .highlight .n {
+    color: #cccccc;
+  }
+  .stripe .section > .force-right .highlight .o,
+  .stripe .section > [class*=highlight] .highlight .o {
+    color: #859900;
+  }
+  .stripe .section > .force-right .highlight .x,
+  .stripe .section > [class*=highlight] .highlight .x {
+    color: #cb4b16;
+  }
+  .stripe .section > .force-right .highlight .p,
+  .stripe .section > [class*=highlight] .highlight .p {
+    color: #cccccc;
+  }
+  .stripe .section > .force-right .highlight .cm,
+  .stripe .section > [class*=highlight] .highlight .cm {
+    color: #586e75;
+  }
+  .stripe .section > .force-right .highlight .cp,
+  .stripe .section > [class*=highlight] .highlight .cp {
+    color: #859900;
+  }
+  .stripe .section > .force-right .highlight .c1,
+  .stripe .section > [class*=highlight] .highlight .c1 {
+    color: #586e75;
+  }
+  .stripe .section > .force-right .highlight .cs,
+  .stripe .section > [class*=highlight] .highlight .cs {
+    color: #859900;
+  }
+  .stripe .section > .force-right .highlight .gd,
+  .stripe .section > [class*=highlight] .highlight .gd {
+    color: #2aa198;
+  }
+  .stripe .section > .force-right .highlight .ge,
+  .stripe .section > [class*=highlight] .highlight .ge {
+    color: #cccccc;
+    font-style: italic;
+  }
+  .stripe .section > .force-right .highlight .gr,
+  .stripe .section > [class*=highlight] .highlight .gr {
+    color: #dc322f;
+  }
+  .stripe .section > .force-right .highlight .gh,
+  .stripe .section > [class*=highlight] .highlight .gh {
+    color: #cb4b16;
+  }
+  .stripe .section > .force-right .highlight .gi,
+  .stripe .section > [class*=highlight] .highlight .gi {
+    color: #859900;
+  }
+  .stripe .section > .force-right .highlight .go,
+  .stripe .section > [class*=highlight] .highlight .go {
+    color: #cccccc;
+  }
+  .stripe .section > .force-right .highlight .gp,
+  .stripe .section > [class*=highlight] .highlight .gp {
+    color: #cccccc;
+  }
+  .stripe .section > .force-right .highlight .gs,
+  .stripe .section > [class*=highlight] .highlight .gs {
+    color: #cccccc;
+    font-weight: bold;
+  }
+  .stripe .section > .force-right .highlight .gu,
+  .stripe .section > [class*=highlight] .highlight .gu {
+    color: #cb4b16;
+  }
+  .stripe .section > .force-right .highlight .gt,
+  .stripe .section > [class*=highlight] .highlight .gt {
+    color: #cccccc;
+  }
+  .stripe .section > .force-right .highlight .kc,
+  .stripe .section > [class*=highlight] .highlight .kc {
+    color: #cb4b16;
+  }
+  .stripe .section > .force-right .highlight .kd,
+  .stripe .section > [class*=highlight] .highlight .kd {
+    color: #268bd2;
+  }
+  .stripe .section > .force-right .highlight .kn,
+  .stripe .section > [class*=highlight] .highlight .kn {
+    color: #859900;
+  }
+  .stripe .section > .force-right .highlight .kp,
+  .stripe .section > [class*=highlight] .highlight .kp {
+    color: #859900;
+  }
+  .stripe .section > .force-right .highlight .kr,
+  .stripe .section > [class*=highlight] .highlight .kr {
+    color: #268bd2;
+  }
+  .stripe .section > .force-right .highlight .kt,
+  .stripe .section > [class*=highlight] .highlight .kt {
+    color: #dc322f;
+  }
+  .stripe .section > .force-right .highlight .ld,
+  .stripe .section > [class*=highlight] .highlight .ld {
+    color: #cccccc;
+  }
+  .stripe .section > .force-right .highlight .m,
+  .stripe .section > [class*=highlight] .highlight .m {
+    color: #2aa198;
+  }
+  .stripe .section > .force-right .highlight .s,
+  .stripe .section > [class*=highlight] .highlight .s {
+    color: #2aa198;
+  }
+  .stripe .section > .force-right .highlight .na,
+  .stripe .section > [class*=highlight] .highlight .na {
+    color: #cccccc;
+  }
+  .stripe .section > .force-right .highlight .nb,
+  .stripe .section > [class*=highlight] .highlight .nb {
+    color: #b58900;
+  }
+  .stripe .section > .force-right .highlight .nc,
+  .stripe .section > [class*=highlight] .highlight .nc {
+    color: #268bd2;
+  }
+  .stripe .section > .force-right .highlight .no,
+  .stripe .section > [class*=highlight] .highlight .no {
+    color: #cb4b16;
+  }
+  .stripe .section > .force-right .highlight .nd,
+  .stripe .section > [class*=highlight] .highlight .nd {
+    color: #268bd2;
+  }
+  .stripe .section > .force-right .highlight .ni,
+  .stripe .section > [class*=highlight] .highlight .ni {
+    color: #cb4b16;
+  }
+  .stripe .section > .force-right .highlight .ne,
+  .stripe .section > [class*=highlight] .highlight .ne {
+    color: #cb4b16;
+  }
+  .stripe .section > .force-right .highlight .nf,
+  .stripe .section > [class*=highlight] .highlight .nf {
+    color: #268bd2;
+  }
+  .stripe .section > .force-right .highlight .nl,
+  .stripe .section > [class*=highlight] .highlight .nl {
+    color: #cccccc;
+  }
+  .stripe .section > .force-right .highlight .nn,
+  .stripe .section > [class*=highlight] .highlight .nn {
+    color: #cccccc;
+  }
+  .stripe .section > .force-right .highlight .nx,
+  .stripe .section > [class*=highlight] .highlight .nx {
+    color: #cccccc;
+  }
+  .stripe .section > .force-right .highlight .py,
+  .stripe .section > [class*=highlight] .highlight .py {
+    color: #cccccc;
+  }
+  .stripe .section > .force-right .highlight .nt,
+  .stripe .section > [class*=highlight] .highlight .nt {
+    color: #268bd2;
+  }
+  .stripe .section > .force-right .highlight .nv,
+  .stripe .section > [class*=highlight] .highlight .nv {
+    color: #268bd2;
+  }
+  .stripe .section > .force-right .highlight .ow,
+  .stripe .section > [class*=highlight] .highlight .ow {
+    color: #859900;
+  }
+  .stripe .section > .force-right .highlight .w,
+  .stripe .section > [class*=highlight] .highlight .w {
+    color: #cccccc;
+  }
+  .stripe .section > .force-right .highlight .mf,
+  .stripe .section > [class*=highlight] .highlight .mf {
+    color: #2aa198;
+  }
+  .stripe .section > .force-right .highlight .mh,
+  .stripe .section > [class*=highlight] .highlight .mh {
+    color: #2aa198;
+  }
+  .stripe .section > .force-right .highlight .mi,
+  .stripe .section > [class*=highlight] .highlight .mi {
+    color: #2aa198;
+  }
+  .stripe .section > .force-right .highlight .mo,
+  .stripe .section > [class*=highlight] .highlight .mo {
+    color: #2aa198;
+  }
+  .stripe .section > .force-right .highlight .sb,
+  .stripe .section > [class*=highlight] .highlight .sb {
+    color: #586e75;
+  }
+  .stripe .section > .force-right .highlight .sc,
+  .stripe .section > [class*=highlight] .highlight .sc {
+    color: #2aa198;
+  }
+  .stripe .section > .force-right .highlight .sd,
+  .stripe .section > [class*=highlight] .highlight .sd {
+    color: #cccccc;
+  }
+  .stripe .section > .force-right .highlight .s2,
+  .stripe .section > [class*=highlight] .highlight .s2 {
+    color: #2aa198;
+  }
+  .stripe .section > .force-right .highlight .se,
+  .stripe .section > [class*=highlight] .highlight .se {
+    color: #cb4b16;
+  }
+  .stripe .section > .force-right .highlight .sh,
+  .stripe .section > [class*=highlight] .highlight .sh {
+    color: #cccccc;
+  }
+  .stripe .section > .force-right .highlight .si,
+  .stripe .section > [class*=highlight] .highlight .si {
+    color: #2aa198;
+  }
+  .stripe .section > .force-right .highlight .sx,
+  .stripe .section > [class*=highlight] .highlight .sx {
+    color: #2aa198;
+  }
+  .stripe .section > .force-right .highlight .sr,
+  .stripe .section > [class*=highlight] .highlight .sr {
+    color: #dc322f;
+  }
+  .stripe .section > .force-right .highlight .s1,
+  .stripe .section > [class*=highlight] .highlight .s1 {
+    color: #2aa198;
+  }
+  .stripe .section > .force-right .highlight .ss,
+  .stripe .section > [class*=highlight] .highlight .ss {
+    color: #2aa198;
+  }
+  .stripe .section > .force-right .highlight .bp,
+  .stripe .section > [class*=highlight] .highlight .bp {
+    color: #268bd2;
+  }
+  .stripe .section > .force-right .highlight .vc,
+  .stripe .section > [class*=highlight] .highlight .vc {
+    color: #268bd2;
+  }
+  .stripe .section > .force-right .highlight .vg,
+  .stripe .section > [class*=highlight] .highlight .vg {
+    color: #268bd2;
+  }
+  .stripe .section > .force-right .highlight .vi,
+  .stripe .section > [class*=highlight] .highlight .vi {
+    color: #268bd2;
+  }
+  .stripe .section > .force-right .highlight .il,
+  .stripe .section > [class*=highlight] .highlight .il {
+    color: #2aa198;
+  }
+  .stripe .body > .section > .section {
+    border-top: 1px solid #eeeeee;
   }
   .stripe .section > h1,
   .stripe .section > h2,
@@ -6730,7 +7214,7 @@ td.field-body > ul {
   .stripe .section > h4,
   .stripe .section > h5,
   .stripe .section > h6 {
-    background-color: rgba(255, 255, 255, 0.7);
+    max-width: 50%;
   }
   .stripe .section > h1,
   .stripe .section > h2,
@@ -6744,21 +7228,76 @@ td.field-body > ul {
     float: none;
     clear: both;
   }
-  .stripe .bodywrapper {
-    position: relative;
+  .stripe .documentwrapper {
+    overflow: auto;
   }
-  .stripe .bodywrapper:before {
+  .stripe .documentwrapper:before {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 50%;
     content: "";
-    width: 0;
-    border-left: 1px solid #777777;
+    width: 50%;
+    background: #333333;
+  }
+  .stripe .highlight pre {
+    white-space: pre-wrap;
+  }
+  .stripe .btn-clipboard {
+    background-color: transparent;
+    color: #eeeeee;
+    border-color: #777777;
+    border-top: none;
+    border-top-right-radius: 0;
+  }
+  .stripe .btn-clipboard.active {
+    background-color: #555555;
+    -webkit-transition: background-color 0.5s linear;
+    -o-transition: background-color 0.5s linear;
+    transition: background-color 0.5s linear;
   }
 }
-.stripe .switchable > .highlight,
-.stripe [class*=only-] {
+.stripe .switcher {
+  color: white;
+  width: auto !important;
+  float: none !important;
+  position: absolute;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-justify-content: flex-end;
+  justify-content: flex-end;
+  right: 0.5em;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  z-index: 5;
+}
+.stripe .switcher.affix {
+  position: fixed;
+  top: 0;
+}
+.stripe .switcher li {
+  background-color: #0f131a;
+  padding: 0.4em 1em;
+  border: 1px solid #333;
+  border-left-width: 0;
+  cursor: pointer;
+}
+.stripe .switcher li:first-child {
+  border-left-width: 1px;
+  border-radius: 0 0 0 5px;
+}
+.stripe .switcher li:last-child {
+  border-radius: 0 0 5px 0;
+}
+.stripe .switcher li:hover {
+  background-color: #222;
+}
+.stripe .switcher li.active {
+  background-color: #333;
+}
+.stripe [class*=only-],
+.stripe .switchable > .highlight {
   display: none;
 }
 .stripe .only-python,