static/css/version_switch.css

0001 /*!
0002  * SPDX-License-Identifier: MIT
0003  */
0004
0005 /* Override RTD theme */
0006 .rst-versions {
0007     border-top: 0px;
0008     overflow: visible;
0009 }
0010 .version-btn.vdeact {
0011     cursor: default;
0012     color: dimgray;
0013 }
0014
0015 .version-btn.vdeact::after {
0016     content: "";
0017 }
0018 #versionwrap {
0019     display: flex;
0020     padding-top: 2px;
0021     font-size: 90%;
0022     justify-content: center;
0023     flex-wrap: wrap;
0024 }
0025 .version-label {
0026     display: inline-block;
0027     width: 140px;
0028     text-align: center;
0029     padding: 3px 10px;
0030     margin: 0px 5px 4px;
0031     vertical-align: middle;
0032     cursor: pointer;
0033     z-index: 400;
0034     transition: border-color 0.4s;
0035 }
0036 .version-btn {
0037     display: inline-block;
0038     background-color: #272525;
0039     width: 140px;
0040     text-align: center;
0041     padding: 3px 10px;
0042     margin: 0px 5px 4px;
0043     vertical-align: middle;
0044     color: #27AE60;
0045     border: solid 1px #444444;
0046     border-radius: 3px;
0047     cursor: pointer;
0048     z-index: 400;
0049     transition: border-color 0.4s;
0050 }
0051 .version-btn::after {
0052     content:"\f0d8";
0053     display: inline;
0054     font: normal normal normal 16px/1 FontAwesome;
0055     color: #8d8c8c;
0056     vertical-align: top;
0057     padding-left: 0.5em;
0058 }
0059 .version-btn-open::after {
0060     color: gray;
0061 }
0062 .version-btn:hover, .version-btn:focus {
0063     border-color: #525252;
0064 }
0065 .version-btn-open {
0066     color: gray;
0067     border: solid 1px gray;
0068 }
0069 .version-btn.wait {
0070     cursor: wait;
0071 }
0072 .version-btn.disabled {
0073     cursor: not-allowed;
0074     color: dimgray;
0075 }
0076 .version-dialog {
0077     display: none;
0078     position: absolute;
0079     bottom: 28px;
0080     width: 140px;
0081     margin: 0 5px;
0082     padding-bottom: 4px;
0083     background-color: #0003;
0084     border-radius: 3px;
0085     box-shadow: 0 0 6px #000C;
0086     z-index: 999;
0087     max-height: calc(100vh - 30px);
0088     overflow-y: auto;
0089     cursor: default;
0090 }
0091 .version-title {
0092     padding: 5px;
0093     color: black;
0094     text-align: center;
0095     font-size: 102%;
0096     background-color: #27ae60;
0097     border-bottom: solid 1.5px #444;
0098 }
0099 .version-list {
0100     margin-bottom: 4px;
0101     text-align: center;
0102     background-color: #000C;
0103     border: solid 1px gray;
0104     border-radius: 0px 0px 3px 3px;
0105 }
0106 .version-list a, .version-list span, .version-list li {
0107     position: relative;
0108     display: block;
0109     font-size: 98%;
0110     line-height: 1.15;
0111     width: 100%;
0112     margin: 0;
0113     padding: 4px 0px;
0114     color: #404040;
0115 }
0116 .version-list li {
0117     background-color: #ede9e9;
0118     color: #404040;
0119     padding: 1px;
0120 }
0121 .version-list li:hover, .version-list li a:focus {
0122     background-color: #b9cfda;
0123 }
0124 .version-list li.selected, .version-list li.selected:hover {
0125     background-color: #8d8c8c;
0126 }
0127 .version-list li.selected span {
0128     cursor: default;
0129     outline-color: red;
0130 }
0131 .version-arrow {
0132     position: absolute;
0133     width: 8px;
0134     height: 8px;
0135     left: 50%;
0136     bottom: 4px;
0137     margin-left: -4px;
0138     transform: rotate(225deg);
0139     background: #ede9e9;
0140     border: 1px solid gray;
0141     border-width: 1px 0 0 1px;
0142 }