Wikipedia:WikiProjekt Begriffsklärungsseiten/Banner/style.css

/*Für: [[Wikipedia:WikiProjekt Begriffsklärungsseiten/Banner]]*/
#begriffsklaerung-Banner {
	width:100%;
	background:#FFF;
	border:1px solid #5C7EC1;
	border-radius:12px;
	box-shadow:1px 2px 3px rgba(0,17,85,0.6);
	text-align:center;
	font-size:14px;
}
#begriffsklaerung-Banner div {
	margin:0 10px;
}
#begriffsklaerung-Banner p:not(:first-child) {
	padding:0;
	margin:0;
	line-height:170%;
	font-size:95%;
}
#begriffsklaerung-Banner p:not(:first-child) {display:inline-block;}
#begriffsklaerung-Banner p:not(:first-child):not(:last-child)::after {
	content:"•";
	font-weight:bold;
	display:inline-block;
	width:1em;
}
#begriffsklaerung-Banner a:not([title$="Knacknüsse"]) {
	margin-left:.28em
}
#begriffsklaerung-Banner p:not(:first-child) a[title^="Wikipedia Diskussion:"] {
	padding:0 3px;
	border: 1px solid #f3d31d;
	border-radius:0.4em
}
#begriffsklaerung-Banner p:first-child {
	clear:left;
	margin:0;
	padding:.5em 0;
	border-bottom:9px solid #F3D31D;
	line-height:1em;
	letter-spacing:0.02em;
	font-size:135%;
	color:#666;
	font-weight:bold;
	position:relative;
}
#begriffsklaerung-Banner p:first-child::before, #begriffsklaerung-Banner p:first-child::after {
	background-size:cover;
	height:47.5px;
	width:60.5px;
	display:block;
	position:absolute;
	content:"";
	bottom:-28px;
}
#begriffsklaerung-Banner p:first-child::before {
	background-image:url("https://upload.wikimedia.org/wikipedia/commons/d/de/Begriffserkl%C3%A4rung_1.svg");/* https://commons.wikimedia.org/wiki/File:Begriffserkl%C3%A4rung_1.svg */
	left: -10px
}
#begriffsklaerung-Banner p:first-child::after {
	background-image:url("https://upload.wikimedia.org/wikipedia/commons/f/f7/Begriffserkl%C3%A4rung_2.svg");/* https://commons.wikimedia.org/wiki/File:Begriffserkl%C3%A4rung_2.svg */
	right: -10px
}
#begriffsklaerung-Banner p:first-child a:last-child {
	letter-spacing:0;
	font-weight:normal;
	font-size:90%;
}
/*Sondereinstellung für Bildschirme mit weniger als 1100px*/
@media (max-width: 1100px) {
	#begriffsklaerung-Banner p:first-child::before, #begriffsklaerung-Banner p:first-child::after {
		height:35px;
		width:45px;
		bottom:-20.5px;
	}
	#begriffsklaerung-Banner div {
		margin:0 40px;
	}
	#begriffsklaerung-Banner p:first-child {
		border-bottom:7px solid #F3D31D;
		margin:0 -30px;
	}
}