Wikipedia:Wikimedia Deutschland/Community-Portal/Vorlagen/Archiv/styles.css
Zur Navigation springen
Zur Suche springen
.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;
}
}