Wikipedia:Wikimedia Deutschland/Community-Portal/Vorlagen/Archiv/styles.css

.cp-orange {
	color: #E69138;
}
.cp-orange .cp-title a {
	color: #E69138;
}
.cp-orange:hover {
	background-color: #FAE9D7;
}
.cp-blue-dark {
	color: #134F5C;
}
.cp-blue-dark .cp-title a {
	color: #134F5C;
}
.cp-blue-dark:hover {
	background-color: #D0DCDE;
}
.cp-green {
	color: #38761D;
}
.cp-green .cp-title a {
	color: #38761D;
}
.cp-green:hover {
	background-color: #D7E4D2;
}
.cp-red {
	color: #CC0000;
}
.cp-red .cp-title a {
	color: #CC0000;
}
.cp-red:hover {
	background-color: #F5CCCC;
}
.cp-red-dark {
	color: #741B47;
}
.cp-red-dark:hover {
	background-color: #E3D1DA;
}
.cp-red-dark .cp-title a {
	color: #741B47;
}
.cp-purple {
	color: #674EA7;
}
.cp-purple:hover {
	background-color: #E1DCED;
}
.cp-purple .cp-title a {
	color: #674EA7;
}
.cp-blue-light {
	color: #6FA8DC;
}
.cp-blue-light:hover {
	background-color: #E2EEF8;
}
.cp-blue-light .cp-title a {
	color: #6FA8DC;
}

.cp-welcome {
	margin: 1rem 0;
	font-size: 15px;
}

.portal {
	display: flex;
	flex-wrap: wrap;
	flex: 1 1 auto;
	gap: .5rem;
	justify-content: space-between;
}

.cp-card {
	padding: .75rem .75rem;
	border: none;
	flex: 1%;
	width: 30%;
	word-wrap: break-word;
}

.cp-card a:hover{
	text-decoration: none;
}

.icon-title {
	box-sizing: border-box;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: inherit;
	color: initial;
}
.cp-card:hover .icon-title, .cp-card:focus .icon-title {
	color: inherit;
	border-bottom-width: 3px;
}
.cp-card.active .icon-title {
	color:inherit;
}

.icon-title span {
	font-size: 22px;
	font-family: sans-serif;
}
.description {
	color: initial;
}

.portal > p {
	margin: 0;
}

.cp-date {
color: #e69138;
background-color: #FAE9D7;
padding: 3px 8px;
border-radius: 2px;
}

.cp-section {
	width: 40%;
	float: left;
	margin: 2rem 4rem;
	display:inline-flex;
}

.cp-row {
	display: inline-flex;
	width: 100%;
	justify-content: space-between;
}

.cp-row .cp-section.Beteiligung {
	margin: 2rem 4rem;
	float: unset;
	display:inline-flex;
}
.cp-heading {
	clear: both;
	margin: 1rem 0;
}
.content-fulltext {
	width: 100%;
}
.sectionimage {
	display: inline;
	padding-left: 5px;
	height: auto;
}
.sectioncontent {
	width: 100%;
}
/* collapsible stuff */
.cp-overview-table .mw-collapsible-text, 
.cp-overview-table .mw-collapsible-toggle::after {
    display: none;
}
.cp-section .cp-collapsible .mw-collapsible-toggle {
	float: right !important;
}
.cp-section .cp-collapsible .mw-collapsible-text {
    display: block;
}
.cp-overview-table > .mw-collapsible.mw-collapsed .mw-collapsible-toggle-default::before {
    content: "\25bc";
}
.cp-overview-table > .mw-collapsible .mw-collapsible-toggle-default::before {
    content: "\25b2";
}
.cp-overview-table > .cp-collapsible > div:not( .mw-collapsible-content ) {
	border-bottom: 1px solid black;
}
.cp-overview-table > .cp-collapsible.mw-collapsed > div:not( .mw-collapsible-content ) {
	border-bottom: 1px solid transparent;
}

.cp-overview-table > .mw-collapsible-content > p {
	margin: 1rem 2rem 0;
}

/* collapsible */
.cp-overview-table > .cp-collapsible {
    padding: 5px;
    border-bottom: 2px solid black;
    width: 100% !important;
}
.cp-overview-table .cp-collapsible .mw-collapsible-toggle {
	float: left;
	margin-right: 1rem;
}
.cp-overview-table > .cp-collapsible .cp-section {
	margin: 1rem 2rem;
}

.cp-section-collapse.mw-collapsed .cp-section-teaser {
	display: block;
}

.cp-section-collapse .cp-section-teaser {
	display: none;
}
.cp-section-collapse .mw-collapsible-toggle-default::before,
.cp-section-collapse .mw-collapsible-toggle-default::after{
	display:none;
}
.cp-section-collapse .mw-collapsible-text::after {
	content: ">";
	margin: 0.5rem;
}
.cp-section h3 {
	display: inline;
	width: auto;
}

.cp-section .sectionheader.cp-blue-dark {
	border-bottom: 2px solid #134F5C;
}
.cp-section .sectionheader.cp-red {
	border-bottom: 2px solid #CC0000;
}
.cp-section .sectionheader.cp-green {
	border-bottom: 2px solid #38761D;
}
.cp-section .sectionheader.cp-purple {
	border-bottom: 2px solid #674EA7;
}
.cp-section .sectionheader:hover {
	background-color: transparent;
}
.sectionheader > * {
	display: inline;
}

.cp-section .sectionheader .morelink a {
	float: right;
	margin: 0;
}

.cp-section .sectionheader .morelink a:after {
	content: ">";
	margin-left: 0.5rem;
}

/* Aktuelles */
.Aktuelles.cp-section .sectionheader {
    border-bottom: 2px solid #e69138;
}
.Aktuelles.cp-section a {
    color: #e69138;
}
/* Beteiligung */
.Beteiligung.cp-section .sectionheader {
    border-bottom: 2px solid #cc0000;
}
.Ehrenamtliche.cp-section .sectionheader {
    border-bottom: 2px solid #cc0000;
}
.Beteiligung.cp-section > .Beteiligung.cp-section {
	margin: 2rem 2rem 0;
}
.portal.cp-submenu .cp-card {
    max-width: 25%;
}
.portal.cp-submenu {
    justify-content: space-around;
    width: 80%;
    margin: 2em auto;
    font-size: 10%;
}

.cp-section.cp-overview {
	float: none;
	margin: 1rem auto;
	width: 50%;
}
.Beteiligung.cp-overview {
	width: 75%;
}

/* Über WMDE */
.WMDE.cp-section .sectionheader {
    border-bottom: 2px solid #134F5C;
}

.WMDE.cp-overview {
	width: 75%;
}

/* Weiterbildung */
.Weiterbildung.cp-section .sectionheader {
    border-bottom: 2px solid #38761D;
}

/* Förderung */
.cp-section  .sectionheader {
    border-bottom: 2px solid #741B47;
}
/* Schutz */
.Schutz.cp-section .sectionheader {
    border-bottom: 2px solid #674EA7;
}
/* Archiv */
.Archiv.cp-section .sectionheader {
    border-bottom: 2px solid #6FA8DC;
}

@media ( max-width: 1000px) {
	.cp-card {
		flex: 100%;
		padding: 0.25rem 0.25rem;
	}
	.cp-section {
		width: 100%;
		margin: 1rem 1rem 0;
	}
	.description {
		display: none;
	}
	.portal.cp-submenu {
		flex: 100%;
	}
	.portal.cp-submenu .cp-card {
	    max-width: 100%;
	}
	.cp-collapsible .cp-section {
		margin: 1rem 0;
	}
}
@media ( min-width: 1001px ) and ( max-width: 1400px) {
	.cp-card {
		flex: none;
		width: 22%;
	}
	.portal {
		gap: 0;
	}
	.portal.cp-submenu {
		width: 100%;
	}
	.cp-section {
		width: 100%;
		margin: 1rem 1rem 0;
	}
	.portal.cp-submenu .cp-card {
	    max-width: 31%;
	}
	.cp-collapsible .cp-section {
		margin: 1rem 0;
	}
}