160 lines
3.5 KiB
CSS
160 lines
3.5 KiB
CSS
/* Fonts */
|
|
@font-face {
|
|
font-family: 'Quantum';
|
|
src: url("/resources/Quantum/Quantum.otf") format('opentype');
|
|
}
|
|
|
|
/* Preventing images from being saved with the right-click */
|
|
img.no-save {
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* Background for the main container and its cards */
|
|
div#body-overlay {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-image: url("/resources/Azias/imgs/3px-tile.png");
|
|
opacity: 0.3;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.dark-mode .card.card-bkgd {
|
|
background: var(--dm-card-bg-color) url("/resources/Azias/imgs/3px-tile-0.2.png") repeat fixed center center;
|
|
}
|
|
.bg-very-dark.title-bkgd {
|
|
background: repeat center center fixed;
|
|
background-color: var(--dark-color-dark)!important;
|
|
background-image: url("/resources/Azias/imgs/3px-tile-0.1.png");
|
|
}
|
|
|
|
/* Helpers */
|
|
.no-select {
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.quantum {
|
|
font-family: 'Quantum', sans-serif;
|
|
}
|
|
.ucase {
|
|
text-transform: uppercase;
|
|
}
|
|
.font-size-26 {
|
|
font-size: 2.6rem!important;
|
|
}
|
|
.font-size-28 {
|
|
font-size: 2.8rem!important;
|
|
}
|
|
.font-size-30 {
|
|
font-size: 3.0rem!important;
|
|
}
|
|
.text-super-muted {
|
|
/*color: #6E6E6E;/**/
|
|
color: #89898A;
|
|
}
|
|
.square-corners {
|
|
border-radius: 0!important;
|
|
}
|
|
.stretch-align-items {
|
|
align-items: stretch;
|
|
}
|
|
|
|
/* Unique rules */
|
|
#copyright-text {
|
|
opacity: 0.3;
|
|
}
|
|
#privacy-footer-link {
|
|
opacity: 0.3;
|
|
text-decoration: none;
|
|
}
|
|
#privacy-footer-link:hover {
|
|
opacity: 0.75;
|
|
}
|
|
#logo-sidebar {
|
|
filter: grayscale(100%);
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
#logo-footer {
|
|
filter: grayscale(100%);
|
|
}
|
|
#page-title-bar {
|
|
min-height: 64px;
|
|
height: 64px;
|
|
}
|
|
#header-lang-menu {
|
|
margin-right: calc(var(--content-and-card-spacing) * ( 2 / 3 ) );
|
|
}
|
|
#contact-tox-qrcode > img {
|
|
height: calc( 256px * 0.75);
|
|
-webkit-filter: invert(100%);
|
|
filter: invert(100%);
|
|
image-rendering: pixelated;
|
|
}
|
|
|
|
hr, hr.dark-mde, hr.subtle {
|
|
background-color: rgba(0, 0, 0, 0) !important;
|
|
background: rgb(93,95,97);
|
|
background: radial-gradient(circle, rgba(83,85,87,0.8) 0%, rgba(65,67,69,0.65) 75%, rgba(17,20,23,0) 100%);
|
|
opacity: 0.1;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
img.content-search-image {
|
|
max-height: 128px;
|
|
}
|
|
div.content-tag-container a:not(:first-child) {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
@media (min-width: 993px) {
|
|
.l-lab-web {
|
|
background: linear-gradient(90deg, rgba(101,144,134,0.3) 0%, rgba(101,144,134,0.2) 1.5px, rgba(101,144,134,0.0) 7px);
|
|
clip-path: polygon(4px 0%, 100% 0, 100% 100%, 4px 100%, 0 calc(100% - 4px), 0 4px);
|
|
}
|
|
.l-lab-office {
|
|
background: linear-gradient(90deg, rgba(64,84,59,0.5) 0%, rgba(64,84,59,0.3) 2px, rgba(64,84,59,0.0) 7px);
|
|
clip-path: polygon(4px 0%, 100% 0, 100% 100%, 4px 100%, 0 calc(100% - 4px), 0 4px);
|
|
}
|
|
.l-lab-app {
|
|
background: linear-gradient(90deg, rgba(156,23,34,0.4) 0%, rgba(156,23,34,0.3) 1.5px, rgba(156,23,34,0.0) 7px);
|
|
clip-path: polygon(4px 0%, 100% 0, 100% 100%, 4px 100%, 0 calc(100% - 4px), 0 4px);
|
|
}
|
|
}
|
|
|
|
/* Custom dynamic sizing */
|
|
.w-lg-p90 {
|
|
width: 95% !important;
|
|
}
|
|
@media (max-width: 992px) {
|
|
.w-95 {
|
|
width: 95% !important;
|
|
}
|
|
}
|
|
@media (min-width: 993px) {
|
|
.w-lg-p90 {
|
|
width: 90% !important;
|
|
}
|
|
}
|
|
|
|
|
|
/* Trash */
|
|
/*.lang-icon {
|
|
height: var(--base-line-height);
|
|
max-height: var(--base-line-height);
|
|
height: var(--base-font-size);
|
|
max-height: var(--base-font-size);
|
|
}*/
|
|
/*.page-wrapper.with-transitions.with-sidebar .content-wrapper {
|
|
transition: none;
|
|
}/**/
|
|
/*div#body-overlay.error {
|
|
background-image: url("/resources/Azias/imgs/psychedelic.png");
|
|
opacity: 0.075;
|
|
}/**/
|