|
Tags: Blanking Manual revert |
| (123 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| @font-face {
| |
| font-family: 'AuthenticRegular';
| |
| src: url('http://digitalgarden.hs-mainz.de/fonts/AUTHENTICSans-90.woff2') format('woff2');
| |
| }
| |
|
| |
|
| h2 > .mw-editsection,
| |
| h3 > .mw-editsection,
| |
| h4 > .mw-editsection,
| |
| h5 > .mw-editsection {
| |
| display: none;
| |
| }
| |
|
| |
| h2:hover > .mw-editsection,
| |
| h3:hover > .mw-editsection,
| |
| h4:hover > .mw-editsection,
| |
| h5:hover > .mw-editsection {
| |
| display: initial;
| |
| }
| |
|
| |
|
| |
| @font-face {
| |
| font-family: 'AuthenticBold';
| |
| src: url('http://digitalgarden.hs-mainz.de/fonts/AUTHENTICSans-130.woff2') format('woff2');
| |
| }
| |
|
| |
| @font-face {
| |
| font-family: 'DINdong';
| |
| src: url('http://digitalgarden.hs-mainz.de/fonts/DINdong.woff') format('woff');
| |
| }
| |
|
| |
|
| |
| @font-face {
| |
| font-family: 'Necto';
| |
| src: url('http://digitalgarden.hs-mainz.de/fonts/NectoMono-Regular.woff2') format('woff2');
| |
| }
| |
|
| |
| /* CSS placed here will be applied to all skins */
| |
|
| |
| /* CSS placed here will be applied to all skins */
| |
|
| |
| .mw-editsection a {
| |
| color: #222 !important;
| |
| background-color: #DDD;
| |
| padding: 0.2rem 0.4rem;
| |
| border-radius: 0.4rem;
| |
| margin-left: 0.4rem;
| |
| }
| |
|
| |
| .mw-editsection-bracket, .mw-editsection-divider{display:none;}
| |
|
| |
|
| |
|
| |
| #vector-toc-pinned-container .vector-toc:after {
| |
| background: transparent;
| |
| }
| |
|
| |
| @media screen and (min-width: 1000px) {
| |
| #vector-toc-pinned-container .vector-toc:after {
| |
| background: transparent;
| |
| }
| |
| }
| |
|
| |
| .mw-content-ltr ul, .mw-content-ltr ul, .mw-content-ltr ol, .mw-content-ltr ol{margin-left: 1.2em;}
| |
| .mw-content-ltr ul, .mw-content-ltr ul{list-style: disc;}
| |
|
| |
|
| |
|
| |
|
| |
| .vector-page-titlebar{
| |
| display: flex;
| |
| justify-content: space-around;
| |
| align-items: flex-start;
| |
| flex-direction: row-reverse;
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
| /* DIFFERENT COLOURS */
| |
| /* DIFFERENT COLOURS */
| |
|
| |
| body {
| |
| box-shadow: inset 0em -5em 4.6em hsl(278, 100%, 47%) !important;
| |
| }
| |
|
| |
| a {
| |
| color: hsl(278, 100%, 47%) !important;
| |
| }
| |
|
| |
| body.cat-Human-Environment_Relations {
| |
| box-shadow: inset 0em -5em 4.6em #e5331f !important;
| |
| }
| |
|
| |
| body.cat-Human-Environment_Relations a {
| |
| color: #e5331f !important;
| |
| }
| |
|
| |
| body.cat-Other {
| |
| box-shadow: inset 0em -5em 4.6em yellow !important;
| |
| }
| |
|
| |
| body.cat-Other a {
| |
| color: grey !important;
| |
| }
| |
|
| |
| body.cat-Flora {
| |
| box-shadow: inset 0em -5em 4.6em #16bc53 !important;
| |
| }
| |
|
| |
| body.cat-Flora a {
| |
| color: #16bc53 !important;
| |
| }
| |
|
| |
| body.cat-Ocean {
| |
| box-shadow: inset 0em -5em 4.6em hsl(209 100 35) !important;
| |
| }
| |
|
| |
| body.cat-Ocean a {
| |
| color: hsl(209 100 40) !important;
| |
| }
| |
|
| |
| body.cat-Cloud {
| |
| box-shadow: inset 0em -5em 4.6em #f0218c !important;
| |
| }
| |
|
| |
| body.cat-Cloud a {
| |
| color: #f0218c !important;
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| div.patrollink {
| |
| display: none;
| |
| }
| |
|
| |
|
| |
|
| |
| body {
| |
| height: initial;
| |
| background-color: transparent;
| |
| font-family: "AuthenticRegular", sans-serif;
| |
| /* Adjust 'sans-serif' to your fallback font */
| |
| }
| |
|
| |
|
| |
| /* CSS placed here will be applied to all skins */
| |
| .mw-footer {
| |
| border-top: none;
| |
| }
| |
|
| |
| #footer-info, #footer-icons {
| |
| display: none;
| |
| }
| |
|
| |
| .mw-body-content {
| |
| margin-top: 0;
| |
| }
| |
|
| |
| .vector-pinnable-header-label,
| |
| .vector-sticky-header-context-bar-primary {
| |
| font-family: "DINdong", sans-serif;
| |
| font-size: 1.5rem;
| |
| }
| |
|
| |
| .vector-sticky-header {
| |
| background: none;
| |
| background-color: transparent;
| |
| border-bottom: none;
| |
| }
| |
|
| |
| strong, b, .vector-body h3, .vector-body h4 {
| |
| font-family: 'AuthenticBold', sans-serif !important;
| |
| font-weight: normal;
| |
| /* Adjust 'sans-serif' to your fallback font */
| |
| }
| |
|
| |
|
| |
| #vector-toc {
| |
| background: none;
| |
| }
| |
|
| |
| .vector-body p, .vector-body ul, .vector-body li {
| |
| letter-spacing: 0.01rem;
| |
| }
| |
|
| |
| .client-js.vector-sticky-header-enabled .vector-sticky-header {
| |
| display: none !important;
| |
| }
| |
|
| |
| .mw-body h1, .mw-body-content h1, .mw-body-content h2 {
| |
| font-family: "DINdong", sans-serif;
| |
| /* Adjust 'sans-serif' to your fallback font */
| |
| border: none;
| |
| line-height: 1;
| |
| }
| |
|
| |
| .mw-body h1 {
| |
| font-size: 3.5em;
| |
| }
| |
|
| |
| .mw-body h2 {
| |
| font-size: 2.3em;
| |
| border: none;
| |
| }
| |
|
| |
| .mw-page-container {
| |
| background-color: transparent;
| |
| background: linear-gradient(0deg, white, transparent);
| |
| }
| |
|
| |
| .mw-logo-wordmark {
| |
| color: black !important;
| |
| }
| |
|
| |
| .mw-page-container-inner {
| |
| min-height: 100svh;
| |
| flex-direction: column;
| |
| }
| |
|
| |
| .mw-content-container {
| |
| flex-grow: 1;
| |
| }
| |
|
| |
| .mw-footer-container {
| |
| padding-top: 50px;
| |
| padding-bottom: 10px;
| |
| }
| |
|
| |
| /*Dropdown-Menus*/
| |
| .vector-feature-page-tools-enabled .vector-unpinned-container .vector-toc .vector-toc-contents {
| |
| padding-right: 14px;
| |
| padding-left: 12px;
| |
| }
| |
|
| |
| .vector-feature-page-tools-enabled .vector-unpinned-container .vector-toc .vector-pinnable-header {
| |
| padding-left: 12px;
| |
| }
| |
|
| |
| .vector-dropdown .vector-dropdown-content, .vector-dropdown > .vector-menu-content {
| |
| box-shadow: none;
| |
| border-radius: 0.3rem;
| |
| }
| |
|
| |
| /*Search bar*/
| |
|
| |
| .cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active) {
| |
| border-color: transparent;
| |
| color: black;
| |
| box-shadow: none;
| |
| }
| |
|
| |
| .cdx-button:hover {
| |
| background-color: transparent;
| |
| border-color: transparent;
| |
| }
| |
|
| |
| .cdx-button:not(.cdx-button--type-quiet):enabled {
| |
| background-color: transparent;
| |
| border-color: transparent;
| |
| }
| |
|
| |
| .cdx-button:not(.cdx-button--type-quiet):enabled:hover {
| |
| background-color: transparent;
| |
| border-color: transparent !important;
| |
| box-shadow: none;
| |
| }
| |
|
| |
| .cdx-search-input {
| |
| border-radius: 3rem;
| |
| }
| |
|
| |
| .cdx-text-input__input {
| |
| border-color: transparent;
| |
| box-shadow: none;
| |
| outline: none;
| |
| background-color: transparent;
| |
| }
| |
|
| |
| .cdx-text-input__input:enabled {
| |
| border-color: transparent;
| |
| background-color: transparent;
| |
| }
| |
|
| |
| .cdx-text-input__input:enabled:focus {
| |
| border-color: transparent !important;
| |
| box-shadow: none;
| |
| }
| |
|
| |
| .cdx-text-input__input:enabled:focus:hover {
| |
| border-color: transparent;
| |
| background-color: transparent;
| |
| }
| |
|
| |
| .cdx-text-input__input:enabled:hover {
| |
| border-color: transparent;
| |
| }
| |
|
| |
| .cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded) {
| |
| margin-left: 24px;
| |
| }
| |
|
| |
| .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),
| |
| .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded {
| |
| margin-left: 24px;
| |
| }
| |
|
| |
| .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,
| |
| .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input {
| |
| padding-left: 36px;
| |
| }
| |
|
| |
| .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,
| |
| .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon {
| |
| left: 9px;
| |
| }
| |
|
| |
|
| |
| .vector-search-box-input {
| |
| border-radius: 3rem;
| |
| }
| |
|
| |
| .vector-typeahead-search--active {
| |
| border-color: transparent;
| |
| }
| |
|
| |
| /*Columns*/
| |
|
| |
| .div-col {
| |
| margin-top: 0.3em;
| |
| column-width: 30em;
| |
| }
| |
|
| |
| .div-col dl,
| |
| .div-col ol,
| |
| .div-col ul {
| |
| margin-top: 0;
| |
| }
| |
|
| |
| .div-col li,
| |
| .div-col dd {
| |
| page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */
| |
| break-inside: avoid-column;
| |
| }
| |
|
| |
| .div-col-rules {
| |
| column-rule: 1px solid #aaa;
| |
| }
| |
|
| |
|
| |
| /*Image Sizes */
| |
|
| |
| .full-width img {
| |
| width: 100%;
| |
| height: auto;
| |
| }
| |
|
| |
| .half-width img {
| |
| width: 49.6%;
| |
| height: auto;
| |
| }
| |
|
| |
| .third-width img {
| |
| width: 32.8%;
| |
| height: auto;
| |
| }
| |
|
| |
| .quarter-width img {
| |
| width: 24.5%;
| |
| height: auto;
| |
| }
| |
|
| |
|
| |
|
| |
| /*Sidebar Menu*/
| |
| #vector-main-menu {
| |
| background-color: transparent !important;
| |
| }
| |
|
| |
| .vector-pinnable-header-label {
| |
| display: inline-block;
| |
| color: #222;
| |
| font-size: 1.1rem;
| |
| margin: 0;
| |
| padding: 0;
| |
| border: 0;
| |
| margin-right: 0.2rem;
| |
| }
| |
|
| |
| .vector-dropdown-content > *:not(:last-child) {
| |
| border-bottom: none;
| |
| }
| |
|
| |
| .vector-feature-page-tools-enabled .vector-pinnable-element > *:not(:last-child){
| |
| border-bottom: none;
| |
| }
| |
|
| |
| .vector-feature-page-tools-enabled .vector-pinnable-element .vector-menu-heading{display: none;}
| |
|
| |
| .vector-pinnable-header-pinned .vector-pinnable-header-toggle-button {
| |
| color: #222;
| |
| background-color: #DDD;
| |
| padding: 0.2rem 0.4rem;
| |
| border-radius: 0.4rem;
| |
| margin-left: 0.2rem;
| |
| }
| |
|
| |
| .vector-pinnable-header-toggle-button:before, .vector-pinnable-header-toggle-button:after {display:none; content:""}
| |
|
| |
| .vector-feature-page-tools-disabled .vector-main-menu-group .vector-menu-heading, .vector-feature-page-tools-disabled .vector-main-menu-action-item .vector-menu-heading {border-color: transparent;}
| |
|
| |
| .vector-feature-page-tools-disabled .vector-main-menu-group .vector-menu-heading, .vector-feature-page-tools-disabled .vector-main-menu-action-item .vector-menu-heading {display:none;}
| |
|
| |
| .vector-feature-page-tools-disabled .vector-main-menu-group .vector-menu-content li, .vector-feature-page-tools-disabled .vector-main-menu-action-item .vector-menu-content li {
| |
| padding: 4px 0;
| |
| margin-bottom: 0.1em;
| |
| line-height: initial;
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
| /*Header and Toolbar*/
| |
|
| |
| .vector-feature-page-tools-enabled .mw-body {
| |
| grid-template-areas:
| |
| 'toolbar columnEnd'
| |
| 'titlebar-cx .'
| |
| 'titlebar columnEnd'
| |
| 'content columnEnd';
| |
| }
| |
|
| |
| .vector-page-titlebar{box-shadow: none;}
| |
|
| |
| #vector-page-titlebar-toc{
| |
| margin-right: 6px;
| |
| }
| |
|
| |
| .vector-page-toolbar{display: none;}
| |
|
| |
| .mw-editable .vector-page-toolbar{display: block;}
| |
|
| |
| .vector-page-toolbar-container{box-shadow: none;}
| |
|
| |
| #left-navigation{display:none}
| |
|
| |
| #right-navigation{margin-left: -8px;}
| |
|
| |
| .vector-menu-tabs .mw-list-item.vector-tab-noicon > a,
| |
| .vector-page-toolbar-container .vector-menu-dropdown > .vector-menu-heading {
| |
| padding-top: 9px;
| |
| padding-bottom: 4px;
| |
| }
| |
|
| |
| .vector-menu-checkbox:focus{outline: none; border: none;}
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| @media (max-width: 1000px) {
| |
| .half-width img {
| |
| width: 100%;
| |
| height: auto;
| |
| }
| |
| .third-width img {
| |
| width: 100%;
| |
| height: auto;
| |
| }
| |
| .quarter-width img {
| |
| width: 100%;
| |
| height: auto;
| |
| }
| |
| }
| |
|
| |
|
| |
| /*Play arount*/
| |
|
| |
| #rotatingDiv {
| |
| position: absolute;
| |
| transform: translate(0%, 0%);
| |
| transition: transform 0.1s ease;
| |
| }
| |
|
| |
| div.gallerytext > p {
| |
| font-size: 1px !important;
| |
| color: transparent !important;
| |
| line-height: 1% !important;
| |
| }
| |
|
| |
| div.gallerytext > p a {
| |
| font-size: initial !important;
| |
| line-height: initial !important;
| |
| color: initial !important;
| |
| }
| |
