Template:Wikimedia Brasil/Report/style.css

.section {
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	padding:1em;
	gap:2em;
	justify-content:stretch;
	margin-bottom:2em;
}

.flex { display: flex; }
.area-block {
    flex-direction: column;
    border-width: 0.25em;
    border-style: solid;
    border-radius: 1em;
    overflow: hidden;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(30% - 1em);
    min-width: 250px;
    padding: 1em;
    justify-content: space-between;
}
.filler {
    visibility: hidden;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(30% - 1em);
    min-width: 250px;
    padding: 0 1em;
}
.area-block .mw-heading.mw-heading3 { padding: 0; margin: -1em; background-color: inherit; }
.area-block h3 {
	display: flex;
	flex-direction: column;
	align-self: stretch;
	align-items: center;
	justify-content: center;
	padding: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	margin-bottom: 1em;
	font-family: Sans-Serif !important;
}
.area-block h4 { font-family: Sans-Serif !important; }
.bd-comunidade { border-color: #8D54D4; }
.bd-educacao { border-color: #1B5CC5; }
.bd-cultura { border-color: #EB7100; }
.bd-calibra { border-color: #38761D; }
.bd-capx { border-color: #851d6a; }
.bd-comunicacao { border-color: #E00070; }
.bd-administracao { border-color: #C18B15; }
.bd-tecnologia { border-color: #008080; }
.bd-captacao { border-color: #0B8043; }
.bd-eduwiki { border-color: #016599; }
.bd-campanha { border-color: #0B8043; }

.area-block.bd-comunidade h3, .bg-comunidade { background-color: #8D54D4; }
.area-block.bd-educacao h3, .bg-educacao { background-color: #1B5CC5; }
.area-block.bd-cultura h3, .bg-cultura { background-color: #EB7100; color: #000000; }
.area-block.bd-calibra h3, .bg-calibra { background-color: #38761D; }
.area-block.bd-capx h3, .bg-capx { background-color: #851d6a; }
.area-block.bd-comunicacao h3, .bg-comunicacao { background-color: #E00070; }
.area-block.bd-administracao h3, .bg-administracao { background-color: #C18B15; color: #000000; }
.area-block.bd-tecnologia h3, .bg-tecnologia { background-color: #008080; }
.area-block.bd-captacao h3, .bg-captacao { background-color: #0B8043; }
.area-block.bd-eduwiki h3, .bg-eduwiki { background-color: #016599; }
.area-block.bd-campanha h3, .bg-campanha { background-color: #0B8043; }
.area-block .hlist { margin-top: auto; }
.area-block .hlist ul { display: flex; justify-content: space-evenly; }
.area-block .hlist ul li::after { display: none; }
.area-block.bd-comunidade .hlist a { color: #8D54D4; }
.area-block.bd-educacao .hlist a { color: #1B5CC5; }
.area-block.bd-cultura .hlist a { color: #EB7100; }
.area-block.bd-calibra .hlist a { color: #38761D; }
.area-block.bd-capx .hlist a { color: #851d6a; }
.area-block.bd-comunicacao .hlist a { color: #E00070; }
.area-block.bd-administracao .hlist a { color: #C18B15; }
.area-block.bd-tecnologia .hlist a { color: #008080; }
.area-block.bd-captacao .hlist a { color: #0B8043; }
.area-block.bd-eduwiki .hlist a { color: #016599; }
.area-block.bd-campanha .hlist a { color: #0B8043; }

html.skin-theme-clientpref-night .area-block[class*="bd-"] .hlist a { color: #FFFFFF; }

.text-block div[role="navigation"] {
	border-radius:0.8em;
	overflow:hidden;
}

.text-block .navbox-title, .text-block { padding: 1em; }

.block-header {
	color:white;
	padding:1em;
	font-size:1.5em;
	font-weight:bold;
}

.block-content { padding:1em; flex-grow:1; }
.block-content span { font-weight:bold; }

.general_table th {background-color: black; color: white;}

.mw-heading2, h3 {
	font-family:"Montserrat";
	border:none;
	font-weight:bold;
}

h2 { text-transform: uppercase; }
h1,h2,h3,h4,h5 { border: none; font-family: "Montserrat"; padding: 0.5em; margin:0; }
hr { height:0.25em; margin:1em 0; }

.white-text { color: white; }
.black-text { color: black; }

.mw-selflink-fragment { color:black; font-weight:bold; text-decoration:none; }

@media screen and (max-width:600px) {
	.section { flex-direction: column; }
	.report { padding:1em 0; }
	#navbar, #wmb_header { flex-direction:column; }
	#area_header { display:none !important; }
	.text-block, .section { padding:0; }
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

/* TABLES */
.wmb_report_table {
	width:100%;
	margin:0 !important;
	border-spacing: 0;
	border-collapse: collapse;
}
.wmb_report_table_container, div[role="navigation"] {
	border-radius:0.8em;
	border-width: 0.25em;
	border-style: solid;
	overflow:hidden;
}
div[role="navigation"] { border-width: 0; }

.wmb_report_table th { padding:0.4em; }
.wmb_report_table th, .wmb_report_table td { border-width:1px; border-style:solid; border-color:inherit; }
.wmb_report_table tbody { border:hidden; }
.wmb_report_table * h5 { color: white; }
.bd-cultura h5, .bd-administracao h5 { color: black; }
div.navbox > table tbody tr:nth-child(1) .mw-collapsible-text { color: white; }
div.navbox > table tbody tr:nth-child(3) .mw-collapsible-text,
div.navbox > table.cultura tbody tr:nth-child(1) .mw-collapsible-text,
div.navbox > table.administracao tbody tr:nth-child(1) .mw-collapsible-text { color: black !important; }
div.navbox > table.general th { background-color: #DCDCDC; color: black; }