Vorlage: ARCHIUM TEMPLATE thorax display

root {

 /* set custom colors */
 --ARCHIUM_COLOR_hascher_obect:                  #638b2e;
 --ARCHIUM_COLOR_hascher_object_transparent:     #638b2e7f;
 --ARCHIUM_COLOR_hascher_literature:             #492b6e;
 --ARCHIUM_COLOR_hascher_literature_transparent: #492b6e7f;
 --ARCHIUM_COLOR_hascher_topic:                  #7c2d31;
 --ARCHIUM_COLOR_hascher_topic_transparent:      #7c2d317f;

 --ARCHIUM_COLOR_hascher_identity:               #de8f6e;
 --ARCHIUM_COLOR_hascher_provenance:             #88ab75;
 --ARCHIUM_COLOR_hascher_contents:               #dbd56e;
 --ARCHIUM_COLOR_hascher_status:                 #2ec4b6;
 --ARCHIUM_COLOR_hascher_attachment:             #7d7c84;

 cursor: default;

}

/* ======================== */ /* mediawiki related tweaks */ /* ======================== */

/* make multi template wrappers wrap and shrink if needed */ /* exanple: multiple date inputs in a form */ .multipleTemplateWrapper {

 display: inline-grid;
 white-space: normal;

}

/* no idea anymore - probably removes empty linebreaks*/ fieldset {

 white-space: normal;

}

/* removes ugly empty white lines from date

 input fields */

.instanceMain > pre {

 display: none;
 white-space: normal;

}

/* makes it so that combo boxes do wrap if needed

and dont take up too much horizontal space */
/* !important is needed to avoid countless specific rules */

.select2-container {

 display: inline-grid !important;

} .select2-choice {

 display: inline-grid;

}

/* removes ugly backgrounds and borders from input elements */ .archium-grid-item > pre {

 background: none;
 border: none;

}

/* set container dimensions

 the effect is better horizontal alignment
 of out page content - including forms */

.container {

 margin: auto;
 max-width: 75%;
 min-width: 350px;

}

/* center embedded images and make them (down)scalable

 this does _not_ apply to image previews in forms */

.image img {

 display: block;
 margin: auto;
 max-width: 100%;
 max-height: 300px;
 object-fit: cover;

} /* this distorts images but vills the image box => REVISIT */

/* display the parser output as "flex", this way extra blank lines which are not hidden by ARCHIUM_HIDE will be omitted */ /* .mw-parser-output {

 display: flex;

} */ /* BREAKS NORMAL PAGES => REVISIT */

/* hide stuff to allow for readable code in templates */ .ARCHIUM_HIDDEN {

 display:none;

}

/* =============================== */ /* define looks of grid CONTAINERS

 and other grid related stuff */

/* =============================== */ .archium-background-Denkmalobjekt {

 border-radius: 5px;
 border-color: transparent;
 background: var(--ARCHIUM_COLOR_hascher_object_transparent);
 width: 100%;
 min-width: min-content;
 display: grid;
 grid-template-areas:
   'header header header header header header'
   'identity identity identity identity identity identity'
   'provenance provenance provenance provenance provenance provenance'
   'contents contents contents contents contents contents'
   'status status status status status status'
   'attachments attachments attachments attachments attachments attachments';
 

}

.archium-background-Literatur {

 border: 5px;
 border-style: solid;
 border-radius: 5px;
 border-color: transparent;
 background: var(--ARCHIUM_COLOR_hascher_literature_transparent);

}

.archium-background-Thema {

 border: 5px;
 border-style: solid;
 border-radius: 5px;
 border-color: transparent;
 background: var(--ARCHIUM_COLOR_hascher_topic_transparent);

}

/* Define a basic container class */ .archium-grid-container-base {

 display: grid;
 padding: 5px;
 margin: 5px;
 gap: 5px;

}

.archium-grid-container-header {

 grid-area: header;
 grid-template-columns: auto auto;

}

.archium-grid-container-identity {

 grid-area: identity;
 grid-template-columns: auto auto auto auto auto auto;
 background-color: var(--ARCHIUM_COLOR_hascher_identity);

}

.archium-grid-container-provenance {

 grid-area: provenance;
 grid-template-columns: auto auto auto;
 background-color: var(--ARCHIUM_COLOR_hascher_provenance);

}

.archium-grid-container-contents {

 grid-area: contents;
 grid-template-columns: auto auto auto;
 background-color: var(--ARCHIUM_COLOR_hascher_contents);

}

.archium-grid-container-status {

 grid-area: status;
 grid-template-columns: auto auto;
 background-color: var(--ARCHIUM_COLOR_hascher_status);

}

.archium-grid-container-attachments {

 grid-area: attachments;
 grid-template-columns: auto auto;
 background-color: var(--ARCHIUM_COLOR_hascher_attachment);

}

/* ========================== */ /* define looks of grid ITEMS */ /* ========================== */

.archium-grid-item {

 background-color: rgba(255, 255, 255, 0.6);
 padding: 0 5px 0 5px;
 align-content: center;

}

/* remove background from header */ .archium-grid-item-header {

 background-color: transparent;
 align-content: center;

}

.archium-grid-item:hover {

 box-shadow: 0 0 3px 2px rgba(255, 0, 0, 0.4);

}

.archium-grid-item:focus-within {

 box-shadow: 0 0 3px 2px rgba(255, 0, 0, 0.4);

}

/* ============================== */ /* define looks of dropdown menus */ /* ============================== */

.dropdown-content {

 display: none;
 position: absolute;
 background-color: #ffffffd5;
 border: 5px;
 border-style: solid;
 border-radius: 5px;
 border-color: transparent;
 padding-right: 10px;
 /* min-width: 160px; */
 /* box-shadow: 0 0 3px 2px rgba(0,0,0,0.2); */
 z-index: 1;

}

/* .archium-grid-item:hover .dropdown-content {display: block;} */ .archium-ul:hover .dropdown-content {display: block;}

/* ================================= */ /* emulate general, unnumbered lists */ /* ================================= */ .archium-ul {

 cursor: pointer;
 display: list-item;
 margin-left: 1.5em;

}

.archium-ul:last-of-type {

 margin-bottom: 1em;

}