Vorlage: ARCHIUM TEMPLATE thorax display: Unterschied zwischen den Versionen

Aus artux
Wechseln zu: Navigation, Suche
Artux1zu2>SandroSchwarzentrub
Artux1zu2>SandroSchwarzentrub
(Änderung 995 von SandroSchwarzentrub (Diskussion) rückgängig gemacht.)
Zeile 1: Zeile 1:
:root {
<!-- ARCHIUM_TEMPLATE_hascher_display -->
  /* set custom colors */
<!-- Version 20200407 -->
  --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;
<!-- This template queries the underlying cargo database
  --ARCHIUM_COLOR_hascher_provenance:            #88ab75;
and displays the results in a pleasant way -->
  --ARCHIUM_COLOR_hascher_contents:              #dbd56e;
{{ARCHIUM_HIDE_BEGIN}}
  --ARCHIUM_COLOR_hascher_status:                #2ec4b6;
<!-- load font-awesome files -->
  --ARCHIUM_COLOR_hascher_attachment:            #7d7c84;
<link href="../fontawesome-free-5.12.1-web/css/all.css" rel="stylesheet">


  cursor: default;
<includeonly>
}
    <!-- MAGIC WORDS -->
    __NOEDITSECTION__
    __NOTOC__


/* ======================== */
    <!-- QUERY STUFF AND WRITE RESULTS TO VARIABLES -->
/* mediawiki related tweaks */
    <!-- query type -->
/* ======================== */
    {{#vardefine:type|
        {{#switch:
            {{#cargo_query:
                tables    =
                    ARCHIUM_TABLE_hascher_type
                        |fields=ARCHIUM_PROPERTY_hascher_type
                |default    = nicht kategorisiertes Objekt
                |no html
                |where      = "_pageName" = '{{PAGENAME}}'
            }}
            | object        = Denkmalobjekt
            | literature    = Literatur
            | topic        = Thema
        }}
    }}
    <!-- query signature -->
    {{#vardefine:signature|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_signature
                    |fields=ARCHIUM_PROPERTY_hascher_signature
            |default    = keine Signatur angegeben
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query title -->
    {{#vardefine:title|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_title
                    |fields=ARCHIUM_PROPERTY_hascher_title
            |default    = kein Titel angegeben
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query description -->
    {{#vardefine:description|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_description
                    |fields=ARCHIUM_PROPERTY_hascher_description
            |default    = keine Beschreibung angegeben
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query remark -->
    {{#vardefine:remark|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_remark
                    |fields=ARCHIUM_PROPERTY_hascher_remark
            |default    = keine Anmerkungen angegeben
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query timeframe -->
    {{#vardefine:timeframe|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_timeframe
                    |fields=
                        ARCHIUM_PROPERTY_hascher_date_from  =  date_from,
                        ARCHIUM_PROPERTY_hascher_date_until =  date_until
            |default    = -
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |named args = yes
            |template  = ARCHIUM_TEMPLATE_format_timeframe
        }}
    }}
    <!-- query date of creation -->
    {{#vardefine:date_of_creation|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_date_of_creation
                    |fields=ARCHIUM_PROPERTY_hascher_date_of_creation
            |default    = -
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query creator -->
    {{#vardefine:creator|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_creator
                    |fields=ARCHIUM_PROPERTY_hascher_creator
            |default    = -
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query editor -->
    {{#vardefine:editor|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_editor
                    |fields=ARCHIUM_PROPERTY_hascher_editor
            |default    = -
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query topic -->
    {{#vardefine:topic|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_topic
                    |fields=ARCHIUM_PROPERTY_hascher_topic
            |default    = -
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query category -->
    {{#vardefine:category|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_category
                    |fields=ARCHIUM_PROPERTY_hascher_category
            |default    = -
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query sub category -->
    {{#vardefine:sub_category|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_sub_category
                    |fields=ARCHIUM_PROPERTY_hascher_sub_category
            |default    = -
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query title image -->
    {{#vardefine:title_image|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_title_image
                    |fields=ARCHIUM_PROPERTY_hascher_title_image
            |default    =
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
        }}
    }}
    <!-- query count -->
    {{#vardefine:count|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_count
                    |fields=ARCHIUM_PROPERTY_hascher_count
            |default    =
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query condition -->
    {{#vardefine:condition|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_condition
                    |fields=ARCHIUM_PROPERTY_hascher_condition
            |default    =
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query all entries which have the same topic -->
    {{#vardefine:topic_list|
        {{#cargo_query:
            tables  =
                ARCHIUM_TABLE_hascher_topic
                    |fields=_pageName
            |default    =
            |where      = "ARCHIUM_PROPERTY_hascher_topic" = 'Industrie'
            |format    = ul
        }}
    }}
{{ARCHIUM_HIDE_END}}


/* make multi template wrappers wrap and shrink if needed */
<div class="archium-background-{{#var:type}}">
/* exanple: multiple date inputs in a form */
    <!-- HEADER-CONTAINER -->
.multipleTemplateWrapper {
    <div class="archium-grid-container-base archium-grid-container-header">
  display: inline-grid;
        <div class="archium-grid-item-header" style="grid-column: 1 / span 3">
  white-space: normal;
            <h3>Denkmalobjekt</h3>
}
        </div>
 
        <div class="archium-grid-item-header" style="grid-column: 4 / span 3">
/* no idea anymore - probably removes empty linebreaks*/
        </div>
fieldset {
    </div>
  white-space: normal;
    <!-- IDENTITY-CONTAINER -->
}
    <div class="archium-grid-container-base archium-grid-container-identity">
 
        <div style = "grid-column: 1 / span 3;">
/* removes ugly empty white lines from date
            <h3><i class="far fa-id-card"></i> Identifizierung</h3>
  input fields */
        </div>
.instanceMain > pre {
        <div class="archium-grid-item" style="grid-column: 1 / span 1";>
  display: none;
            <h4>Objekttyp:</h4>
  white-space: normal;
            <p>{{#var:type}}</p>
}
        </div>
 
        <div class="archium-grid-item" style="grid-column: 2 / span 1";>
/* makes it so that combo boxes do wrap if needed
            <h4>Signatur:</h4>
and dont take up too much horizontal space */
            <p>{{#var:signature}}</p>
/* !important is needed to avoid countless specific rules */
        </div>
.select2-container {
        <div class="archium-grid-item" style="grid-column: 3 / span 1";>
  display: inline-grid !important;
            <h4>Titel:</h4>
}
            <p>{{#var:title}}</p>
.select2-choice {
        </div>
  display: inline-grid;
        <div class="archium-grid-item" style="grid-column: 4 / span 3; grid-row: 2 / span 2";>
}
            <h4>Titelbild:</h4>
 
            <p>[[File:{{#var:title_image}}]]</p>
/* removes ugly backgrounds and borders from input elements */
        </div>
.archium-grid-item > pre {
        <div class="archium-grid-item" style="grid-column: 1 / span 1";>
  background: none;
            <h4>Erstellungsdatum:</h4>
  border: none;
            <p>{{#var:date_of_creation}}</p>
}
        </div>
 
        <div class="archium-grid-item" style="grid-column: 2 / span 2;">
/* set container dimensions
            <h4>Laufzeiten:</h4>
  the effect is better horizontal alignment
            <p>{{#var:timeframe}}</p>
  of out page content - including forms */
        </div>
.container {
    </div>
  margin: auto;
    <!-- PROVENANCE-CONTAINER -->
  max-width: 75%;
    <div class="archium-grid-container-base archium-grid-container-provenance">
  min-width: 350px;
        <div style = "grid-column: 1 / span 3;">
}
            <h3><i class="fas fa-route"></i> Provenienz</h3>
 
        </div>
/* center embedded images and make them (down)scalable
        <div class="archium-grid-item" style="grid-column: 1;">
  this does _not_ apply to image previews in forms */
            <h4>Ersteller:</h4>
.image img {
            <p>{{#var:creator}}</p>
  display: block;
        </div>
  margin: auto;
        <div class="archium-grid-item" style="grid-column: 2;">
  max-width: 100%;
            <h4>Bearbeiter:</h4>
  max-height: 300px;
            <p>{{#var:editor}}</p>
  object-fit: cover;
        </div>
}
        <div class="archium-grid-item">3</div>
/* this distorts images but vills the image box => REVISIT */
        <div class="archium-grid-item">4</div>
 
    </div>
/* display the parser output as "flex",
    <!-- CONTENTS-CONTAINER -->
this way extra blank lines which are not hidden by
    <div class="archium-grid-container-base archium-grid-container-contents">
ARCHIUM_HIDE will be omitted */
        <div style = "grid-column: 1 / span 3;">
/* .mw-parser-output {
            <h3><i class="fas fa-box-open"></i> Inhalt</h3>
  display: flex;
        </div>
} */
        <div class="archium-grid-item" style="grid-column: 1 / span 2;">
/* BREAKS NORMAL PAGES => REVISIT */
            <h4>Thema:</h4>
 
            <p>{{#var:topic}}</p>
/* hide stuff to allow for readable code in templates */
        </div>
.ARCHIUM_HIDDEN {
        <div class="archium-grid-item" style="grid-column: 3 / span 2;">
  display:none;
            <h4>Kategorie:</h4>
}
            <p>{{#var:category}}</p>
 
        </div>
/* =============================== */
        <div class="archium-grid-item" style="grid-column: 5 / span 2;">
/* define looks of grid CONTAINERS
            <h4>Unterkategorie:</h4>
  and other grid related stuff */
            <p>{{#var:sub_category}}</p>
/* =============================== */
        </div>
.archium-background-Denkmalobjekt {
        <div class="archium-grid-item" style="grid-column: 1 / span 3;">
  border-radius: 5px;
            <h4>Beschreibung:</h4>
  border-color: transparent;
            <p>{{#var:description}}</p>
  background: var(--ARCHIUM_COLOR_hascher_object_transparent);
        </div>
  width: 100%;
        <div class="archium-grid-item" style="grid-column: 4 / span 3;">
  min-width: min-content;
            <h4>Anmerkungen:</h4>
  display: grid;
            <p>{{#var:remark}}</p>
  grid-template-areas:
        </div>
    'header header header header header header'
    </div>
    'identity identity identity identity identity identity'
    <!-- STATUS-CONTAINER -->
    'provenance provenance provenance provenance provenance provenance'
    <div class="archium-grid-container-base archium-grid-container-status">
    'contents contents contents contents contents contents'
        <div style = "grid-column: 1 / span 3;">
    'status status status status status status'
            <h3><i class="far fa-chart-bar"></i> Objektstatus</h3>
    'attachments attachments attachments attachments attachments attachments';
        </div>
 
        <div class="archium-grid-item" style="grid-column: 1 / span 3;">
}
            <h4>Anzahl:</h4>
 
            <p>{{#var:count}}</p>
.archium-background-Literatur {
        </div>
  border: 5px;
        <div class="archium-grid-item" style="grid-column: 4 / span 3;">
  border-style: solid;
            <h4>Zustand:</h4>
  border-radius: 5px;
            <p>{{#var:condition}}</p>
  border-color: transparent;
        </div>
  background: var(--ARCHIUM_COLOR_hascher_literature_transparent);
        <div class="archium-grid-item" style="grid-column: 1 / span 3;">
}
            <h4>3</h4>
 
            <p>3</p>
.archium-background-Thema {
        </div>
  border: 5px;
        <div class="archium-grid-item" style="grid-column: 4 / span 3;">
  border-style: solid;
            <h4>4</h4>
  border-radius: 5px;
            <p>4</p>
  border-color: transparent;
        </div>
  background: var(--ARCHIUM_COLOR_hascher_topic_transparent);
    </div>
}
    <!-- ATTACHMENTS-CONTAINER -->
 
    <div class="archium-grid-container-base archium-grid-container-attachments">
/* Define a basic container class */
        <div style = "grid-column: 1 / span 3;">
.archium-grid-container-base {
            <h3><i class="fas fa-paperclip"></i> Anhänge</h3>
  display: grid;
        </div>
  padding: 5px;
        <div class="archium-grid-item" style="grid-column: 1 / span 2;">
  margin: 5px;
            <h4>Anmerkungen:</h4>
  gap: 5px;
            <p>{{#var:remark}}</p>
}
        </div>
 
        <div class="archium-grid-item" style="grid-column: 1 / span 2;">
.archium-grid-container-header {
            <h4>Themenliste:</h4>
  grid-area: header;
            <div class = "dropdown-content">
  grid-template-columns: auto auto;
                <p>{{#var:topic_list}}</p>
}
            </div>
 
        </div>
.archium-grid-container-identity {
        <div class="archium-grid-item">3</div>
  grid-area: identity;
        <div class="archium-grid-item">4</div>
  grid-template-columns: auto auto auto auto auto auto;
    </div>
  background-color: var(--ARCHIUM_COLOR_hascher_identity);
</div>
}
<nowiki/>
 
</includeonly>
.archium-grid-container-provenance {
<!--  -->
  grid-area: provenance;
<noinclude>
  grid-template-columns: auto auto auto;
    <!-- CALL HOOKS -->
  background-color: var(--ARCHIUM_COLOR_hascher_provenance);
    {{ARCHIUM_TEMPLATE_hook|ARCHIUM_hascher}}
}
    <!--  -->
 
    <!--  -->
.archium-grid-container-contents {
    <!-- LICENSE NOTE -->
  grid-area: contents;
    <!-- https://www.mediawiki.org/wiki/Extension:Cargo/Storing_data -->
  grid-template-columns: auto auto auto;
    <!-- Distributed under the terms of GNU General Public License, version 2 (GPL-2.0), https://www.gnu.org/licenses/old-licenses/gpl-2.0.html -->
  background-color: var(--ARCHIUM_COLOR_hascher_contents);
</noinclude>
}
 
.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;
}

Version vom 7. April 2020, 20:35 Uhr


<link href="../fontawesome-free-5.12.1-web/css/all.css" rel="stylesheet">


Abgerufen von „https://artux1.archium.org/index.php?title=Vorlage:ARCHIUM_TEMPLATE_thorax_display&oldid=829“
Wir entschuldigen uns für diese lästige und unsinnige Cookie-Warnung, die uns die EU-DSGVO und das BDSG (neu) seit Mai 2018 abverlangt! Natürlich verwendet artux "Cookies". Wir verwenden Cookies ausschließlich aus technischen Gründen, z.B. zum Speichern von Session-Parametern, damit wir selber uns nicht andauernd neu anmelden müssen, wenn wir an der eigenen Seite basteln. Für den Inhalt der Besucher-Cookies interessieren wir uns nicht; wir haben in 18 Jahren nicht eine einzige individuelle Besucher-Information abgegriffen und werden das auch zukünftig nicht tun. Die die Durchsetzung des Datenschutzes überwachenden Aufsichtsbehörden der Länder 👁👁 erwarten jetzt von Ihnen, daß Sie Ihr Einverständnis mit unseren Cookies erklären und die Verantwortung für Ihr Handeln übernehmen indem Sie auf "Okay" klicken:
Weitere Informationen