Predefinição:Wiki Movement Brazil User Group/Activities Plan/style.css

.header, .content-block { background-color:white; }
.header { font-family:"Montserrat",sans-serif; text-transform:uppercase; font-weight:bold; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-evenly; text-align:center; }

.header a { flex:1; padding:1em; border-radius:1em 1em 0 0; text-decoration:none; transition: all 330ms ease-in-out; }
.selflink { color:#00679A; background-color:white; border:2px solid #00679A; border-bottom: 0; }
.header a:not(.selflink) { color:#000000; background-color:gainsboro; border-bottom:2px solid #00679A; }
.header a:hover:not(.selflink) { background-color:#00679A; color:white; }
.content-block { border: 2px solid #00679A; border-top: 0; padding:1em; }
.top-image, .top-content { margin: 2em 0 2em 0; }

.boxes  { display:flex; flex-direction:column; gap:1.5em; flex-wrap:wrap; margin:2em 0; }
.box { border-radius:1em; padding:2em; }
.greybox { background:#f0f0f0; }
.blocks { display:flex; flex-direction:column; gap:0.5em; align-items:flex-start; }
.block-child { width:100%; }
.box-level-3 { background: gainsboro; }

h1, h2, h3 { margin-top:unset; padding-top:0; font-family:"Montserrat",sans-serif; border-bottom:none; margin-bottom:0; text-align:center; align-self:center; flex:1; }
h1 { font-weight:900; line-height:2; font-size:2em; text-transform: uppercase}
h2 { font-weight:700; line-height:1.5; font-size:1.5em; text-transform: uppercase}
h3 { font-weight:500; line-height:1.25; font-size:1.25em; }

@media (max-width:480px) {
	.box { padding: 0.5em !important; }
	.header a { width:50% }
}

.content_table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.content_table, .content_table th, .content_table td { border:1px solid #ccc; }

.content_table th, .content_table td { padding:0.5em; text-align:left; }

.content_table td { background-color:#f8f9fa; }

@media (max-width: 480px) {
	.content_table table,
	.content_table thead,
	.content_table tbody,
	.content_table th,
	.content_table td,
	.content_table tr,
	.content_table td:before { display:block; }

    .table_header { display:none !important; }

    .content_table td {
    	margin-bottom:-1px;
    	padding:0.25em;
    	background-color:#f8f9fa;
    }

    .content_table td:before {
    	content:attr(data-label);
    	font-weight:bold;
    	background-color:#eaecf0;
    }
}