Vorlage:Dokumentation/styles.css

/*  ==========================================
	Header-Styles für [[Modul:Dokumentation]]
	========================================== */

.wikonia-doku-header,
.vorlage-dokumentation_header
 {
    background-color: var(--bg-doku);
    border: 1px solid var(--color-doku-light);
    padding: 0.3em .9rem;
    /* margin-bottom: 1em; */
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    border-radius: 14px 14px 0 0;
    font-size: 1em;
    font-weight: 500;
    border-bottom-width: 2px;
}

.wikonia-doku-icon,
.vorlage-dokumentation_headericon {
    /* height: 40px; */
    width: 56px;
    margin-right: 0.6em;
    vertical-align: top;
}

.wikonia-doku-links, 
.vorlage-dokumentation_headerlinks {
	font-size: 80%;
    margin-left: auto;
    white-space: nowrap;
}

/* Horizontale Trennlinie */
.vorlage-dokumentation_separator {
	border: none; 
	background:linear-gradient(to right, var(--color-doku-dark),var(--color-doku-light));
	border-radius: .5rem;
	height:.3em; 
	width:90%; 
	margin:1em auto;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2)
}


/* =======================================
	Body-Style aus [[Modul:Dokumentation]]
	====================================== */
.vorlage-dokumentation_body {
    border: 1px solid var(--color-doku-dark);
    background-color: #f2e5d5;
    padding: 1.5em 0 1.5em 1em;
}

.wikonia-doku-warnung {
    background-color: var(--bg-error);
    border: 2px solid var(--color-error);
    padding: .4em;
    font-size: large;
}

/* =======================================
   Badges und Boxen aus Unter-Vorlagen:
   - [[Vorlage:Dokumentation/Lua]]
   - [[Vorlage:Dokumentation/CSS]]
   - [[Vorlage:Dokumentation/TemplateData]]
   - [[Vorlage:Dokumentation/Subst]]
   - [[Vorlage:Dokumentation/Änderungsrisiko]]
   ======================================= */

.wikonia-doku-hinweisbox {
	/*Legacy: kann ggf weg */
	display: flex;
    justify-content: flex-end;
    /* float: right; */
    margin-left: 1em;
    /* width: 100%; */
    /* margin-bottom: 1em; */
    /* clear: right; */
}
   
.vorlage-dokumnetaion_techinfo_box {
	border:1px solid var(--color-doku-dark); 
	border-radius: .4rem; 
	background-color:var(--bg-neutral-light);
	clear:both; 
	margin:0.2rem auto; 
	padding:0.2em 0; 
	width:95%;
}

/* Container für Badges */
.wikonia-doku-float,
.vorlage-dokumentation_badgecontainer {
    float: right;
    margin: 1.5em 0 1em 1em;
    width: 33%;
}

.vorlage-dokumentation_techinfo_boxcontent {
	display: table-cell; 
	padding-right: .5rem; 
	vertical-align: top;
	}
.vorlage-dokumention_techinfo_icon {
	display: table-cell; 
	padding-right: .5rem; 
	vertical-align: top;
}

.vorlage-dokumentation_techinfo_badge {
    border: 1px solid var(--color-doku-dark);
    border-right: none;
    background-color: var(--bg-neutral-light);
    border-radius: 10px 0 0 10px;
    width: 15rem;
    height: 2.5em;
    float: right;
    margin-bottom: .2rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}

/* ====================================================
   Footer-Element für [[Volage:Dokumentation/Footer]]
   ==================================================== */

/* Unsichtbare Headline nur für TOC */
.vorlage-dokumentation_footer_headline {
	visibility: collapse;
    display: none;
}

/* Container (Div) für den Footer */
.vorlage-dokumentation_footer_container {
    border: 1px solid var(--color-doku-dark);
    border-top: 2px solid var(--color-doku-light);
    background-color: var(--bg-neutral-light);
    padding: .2rem .5rem;
}