6a2fc3230f
This commit adds a version switch similar to the one on the user manual, in the future it would be nice to refactor both of these into a more generic code that works for both. Maybe develop this into a sphinx extension. As part of this change I had to change how the blender hash is displayed. Instead of the version hash in the top left it has been moved to the page footer. This change will also be backported to 2.93 LTS, 2.93 LTS, and 3.0.
128 lines
2.3 KiB
CSS
128 lines
2.3 KiB
CSS
/* Override RTD theme */
|
|
.rst-versions {
|
|
border-top: 0px;
|
|
overflow: visible;
|
|
}
|
|
.version-btn.vdeact {
|
|
cursor: default;
|
|
color: dimgray;
|
|
}
|
|
|
|
.version-btn.vdeact::after {
|
|
content: "";
|
|
}
|
|
#versionwrap {
|
|
display: flex;
|
|
padding-top: 2px;
|
|
font-size: 90%;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
.version-btn {
|
|
display: inline-block;
|
|
background-color: #272525;
|
|
width: 140px;
|
|
text-align: center;
|
|
padding: 3px 10px;
|
|
margin: 0px 5px 4px;
|
|
vertical-align: middle;
|
|
color: #27AE60;
|
|
border: solid 1px #444444;
|
|
border-radius: 3px;
|
|
cursor: pointer;
|
|
z-index: 400;
|
|
transition: border-color 0.4s;
|
|
}
|
|
.version-btn::after {
|
|
content:"\f0d8";
|
|
display: inline;
|
|
font: normal normal normal 16px/1 FontAwesome;
|
|
color: #8d8c8c;
|
|
vertical-align: top;
|
|
padding-left: 0.5em;
|
|
}
|
|
.version-btn-open::after {
|
|
color: gray;
|
|
}
|
|
.version-btn:hover, .version-btn:focus {
|
|
border-color: #525252;
|
|
}
|
|
.version-btn-open {
|
|
color: gray;
|
|
border: solid 1px gray;
|
|
}
|
|
.version-btn.wait {
|
|
cursor: wait;
|
|
}
|
|
.version-btn.disabled {
|
|
cursor: not-allowed;
|
|
color: dimgray;
|
|
}
|
|
.version-dialog {
|
|
display: none;
|
|
position: absolute;
|
|
bottom: 28px;
|
|
width: 140px;
|
|
margin: 0 5px;
|
|
padding-bottom: 4px;
|
|
background-color: #0003;
|
|
border-radius: 3px;
|
|
box-shadow: 0 0 6px #000C;
|
|
z-index: 999;
|
|
max-height: calc(100vh - 30px);
|
|
overflow-y: auto;
|
|
cursor: default;
|
|
}
|
|
.version-title {
|
|
padding: 5px;
|
|
color: black;
|
|
text-align: center;
|
|
font-size: 102%;
|
|
background-color: #27ae60;
|
|
border-bottom: solid 1.5px #444;
|
|
}
|
|
.version-list {
|
|
margin-bottom: 4px;
|
|
text-align: center;
|
|
background-color: #000C;
|
|
border: solid 1px gray;
|
|
border-radius: 0px 0px 3px 3px;
|
|
}
|
|
.version-list a, .version-list span, .version-list li {
|
|
position: relative;
|
|
display: block;
|
|
font-size: 98%;
|
|
line-height: 1.15;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 4px 0px;
|
|
color: #404040;
|
|
}
|
|
.version-list li {
|
|
background-color: #ede9e9;
|
|
color: #404040;
|
|
padding: 1px;
|
|
}
|
|
.version-list li:hover, .version-list li a:focus {
|
|
background-color: #b9cfda;
|
|
}
|
|
.version-list li.selected, .version-list li.selected:hover {
|
|
background-color: #8d8c8c;
|
|
}
|
|
.version-list li.selected span {
|
|
cursor: default;
|
|
outline-color: red;
|
|
}
|
|
.version-arrow {
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
left: 50%;
|
|
bottom: 4px;
|
|
margin-left: -4px;
|
|
transform: rotate(225deg);
|
|
background: #ede9e9;
|
|
border: 1px solid gray;
|
|
border-width: 1px 0 0 1px;
|
|
}
|