Files
os-api-ref/os_api_ref/assets/api-site.css
Artem Goncharov 787ad77082 Move to bootstrap5
in openstackdocstheme we upgrade to Bootstrapv5 (5 years later than
should have done). There are major changes that need to be addressed to
make os-api-ref look nearly like it was before

- bootstrap dropped jQuery and thus extension js need to be initialized
  differently
- icons dropped from bootstrap
- combobox (dropdown) is part of the bundled bootstrap and no known
  project uses it anyway (so no way to try)
- expand links and text replacement doesn't work anyway without anybody
  noticing (or at least not with browsers I use).

Depends-by: https://review.opendev.org/c/openstack/openstackdocstheme/+/931837
Change-Id: I907562ea2646a0316dc99befcdf93c0f0bf7765c
2024-10-11 07:55:52 +00:00

227 lines
4.1 KiB
CSS

tt.literal {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
white-space: nowrap;
background-color: #f9f2f4;
border-radius: 4px;
}
/* bootstrap users blockquote for pull quotes, so they are much
larger, we need them smaller */
blockquote { font-size: 1em; }
.docs-book-wrapper {
max-width: 90% !important
}
tbody>tr:nth-child(odd)>td,
tbody>tr:nth-child(odd)>th {
background-color: #f9f9f9;
}
td>p {
margin: 0 0 0.5em;
}
.operation-grp {
padding-top: 0.5em;
padding-bottom: 1em;
}
/* Ensure the method buttons and their links don't split lines when
the page is narrower */
.operation {
/* this moves the link icon into the gutter */
margin-left: -1.25em;
margin-right: 1.25em;
white-space: nowrap;
}
/* These make the links only show up on hover */
a.operation-anchor {
visibility: hidden;
}
.operation-grp:hover a.operation-anchor {
visibility: visible;
}
/* All parameter tables should be full width */
.api-detail table.docutils {
width: 100%;
}
.versionmodified {
font-weight: bold;
}
span.badge {
/* backwards compatibility to BS3 */
border-radius: 0.25em;
}
.label-POST {
background-color: #5cb85c;
}
.label-POST[href]:hover,
.label-POST[href]:focus {
background-color: #449d44;
}
.label-GET,
.label-HEAD {
background-color: #5bc0de;
}
.label-GET[href]:hover,
.label-GET[href]:focus,
.label-HEAD[href]:hover,
.label-HEAD[href]:focus {
background-color: #31b0d5;
}
.label-PUT,
.label-PATCH {
background-color: #f0ad4e;
}
.label-PUT[href]:hover,
.label-PUT[href]:focus,
.label-PATCH[href]:hover,
.label-PATCH[href]:focus {
background-color: #ec971f;
}
.label-COPY {
background-color: #6666ff;
}
.label-COPY[href]:hover,
.label-COPY[href]:focus {
background-color: #6699ff;
}
.label-DELETE {
background-color: #d9534f;
}
.label-DELETE[href]:hover,
.label-DELETE[href]:focus {
background-color: #c9302c;
}
button.btn-info {
color: white;
}
.btn-detail:hover, .btn-detail:focus,
.btn-expand-all:hover, .btn-expand-all:focus {
color: #fff;
background-color: #3b6c91;
border-color: #269abc;
}
.btn-detail,
.btn-expand-all {
color: #fff;
background-color: #2A4E68;
}
span.path_parameter {
font-family: monospace;
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
white-space: nowrap;
background-color: #f9f2f4;
border-radius: 4px;
}
/* for microversion selector */
.mv_selector {
font-size: 0.8em;
padding: 0.3em;
}
.mv_selector.active {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
p.url-subtitle {
color: #555;
font-weight: bold;
}
.docs-body .section h1 {
display: block;
}
div.docs-sidebar-toc > div > ul > li {
list-style-type: none;
font-size: 0.8em;
font-weight: bold;
}
div.docs-sidebar-toc > div > ul {
padding-left: 20px
}
div.docs-sidebar-toc > div > ul > li > ul > li {
list-style-type: disc;
font-weight: normal;
}
div.docs-top-contents {
display: none;
}
div.endpoint-container{
padding-left: 15px;
}
#expand-all {
margin-top: 23px;
}
### Combobox Experiment
@media (min-width: 768px) {
.form-search .combobox-container,
.form-inline .combobox-container {
display: inline-block;
margin-bottom: 0;
vertical-align: top;
}
.form-search .combobox-container .input-group-addon,
.form-inline .combobox-container .input-group-addon {
width: auto;
}
}
.combobox-selected .caret {
display: none;
}
/* :not doesn't work in IE8 */
.combobox-container:not(.combobox-selected) .glyphicon-remove {
display: none;
}
.typeahead-long {
max-height: 300px;
overflow-y: auto;
}
.control-group.error .combobox-container .add-on {
color: #B94A48;
border-color: #B94A48;
}
.control-group.error .combobox-container .caret {
border-top-color: #B94A48;
}
.control-group.warning .combobox-container .add-on {
color: #C09853;
border-color: #C09853;
}
.control-group.warning .combobox-container .caret {
border-top-color: #C09853;
}
.control-group.success .combobox-container .add-on {
color: #468847;
border-color: #468847;
}
.control-group.success .combobox-container .caret {
border-top-color: #468847;
}