2
0
mirror of https://github.com/inventree/inventree-docs.git synced 2025-04-27 21:26:43 +00:00
Oliver 0caeec0451
More banner fixes (#332)
* More banner fixes

- Restore original banner (search box etc)
- Make version banner dismissable
- Better CSS styling

* Disable debug
2022-07-26 21:36:58 +10:00

137 lines
2.4 KiB
CSS

/* Image "popping" feature */
.overlay {
/* Display over the entire page */
position: fixed;
z-index: 99;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.9) !important;
/* Horizontal and vertical centering of the image */
display: flex;
align-items: center;
text-align: center;
/* We hide all this by default */
visibility: hidden;
/* Animation */
/* opacity: 0;*/
transition: opacity .3s;
}
.image-inventree {
border-radius: 2px;
border: 1px solid #ddd;
}
.image-inventree>a>img.img-inline:hover {
opacity: 75%;
}
.overlay img {
/* Maximum image size */
max-width: 90%;
max-height: 90%;
/* We keep the ratio of the image */
width: auto;
height: auto;
margin: auto;
/* Animation */
transform: scale(0.95);
transition: transform .3s;
}
.overlay:target {
visibility: visible;
outline: none;
cursor: default;
}
.overlay:target img {
transform: scale(1);
}
/* Add icon after external links */
/* Ignore auto-generated material theme links */
a[target="_blank"]:not([class*="md-"]):after {
/* content: " " url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(123,136,204)' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z' /%3E%3C/svg%3E%0A");*/
content: " " url('../assets/open-in-new-custom.svg');
}
/* Set text alignment to "justify" */
p {
text-align: justify;
}
div:nth-of-type(1) p {
padding-top: 12px;
}
/* Remove page title */
.md-content h1:first-child {
display: none;
}
/* Remove top margin for first h2 header */
.md-typeset h2:first-of-type {
margin-top: 0em;
}
.red {
color: #C55;
}
.green {
color: #5C5;
}
.blue {
color: #55C;
}
.badge.inventree {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: 400;
border-radius: 5px;
padding: 6px 12px;
border-style: solid;
border-width: 1px;
}
.badge.inventree.nav.main {
background-color: #e7e7e7;
color: #777;
border-width: 0px;
}
.badge.inventree.nav.side {
background-color: #fff;
color: #337ab7;
border-color: #ddd;
font-size: 100%;
font-weight: 500;
}
.badge.inventree.add {
background-color: #449d44;
border-color: #398439;
color: #fff;
}
.badge.inventree.confirm {
background-color: #337ab7;
border-color: #2e6da4;
color: #fff;
}
.alert-version {
padding: 5px;
margin: 5px;
margin-bottom: 0px;
}