MediaWiki:Timeless.css: verschil tussen versies

Versie van 18 jan 2021 10:34

/* All CSS here will be loaded for users of the Timeless skin */
.mainpage_row {
	display: flex;
	flex-direction: row;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 0;
	margin: 0 -5px 0 -5px;
}
.mainpage_box {
	flex: 1;
	margin: 5px;
	min-width: 210px;
	border: 1px solid #CCC;
	padding: 0 10px 10px 10px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.mainpage_box h3 {
	/* Reset padding so is equal across skins */
	padding: 0;
	margin: 0.5em 0;
}
.mainpage_box h3 .header_icon {
	float: left;
	margin-right: 5px;
}
.mainpage_box .items {
	border-top: 1px solid #CCC;
	padding-top: 0.5em;
}
.mainpage_box p:last-child {
	margin-bottom: 0;
}
.mainpage_boxcontents_small {
	font-size: 95%;
}

@media screen and (max-width: 719px) {
	.thumb {
		float: none;
	}
	.thumb, .thumbinner {
		margin-left: auto;
		margin-right: auto;
	}

#p-logo { display: none; }
#ca-history { display:none!important; }
#ca-watch { display:none!important; }
#ca-viewsource { display:none!important; }

 @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");

/* IdP: Banners */
.banner-Hoofdpagina { background:#FFFFFF; background-image: url( http://52.59.98.7/images/8/83/Header_keukens.jpg );}

/* IdP: Grow content in columns in flex-row */
.flex-row .panel,
.flex-row .thumbnail,
.flex-row .caption {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}
/* IdP: Layout body in flex-row */
.flex-row .panel-body {
   display: flex;
   flex-direction:column;
   flex-grow:1;
}
.flex-text {
    flex-grow: 1;
}    
.flex-row img {
    width: 100%;
}

.panel-default > .panel-heading-welkomdef {
    background:#DBDBDB;
    height: 50px; 
    border:1px solid #DBDBDB;
}

.panel-default > .panel-heading-def {
background-image: radial-gradient(farthest-corner circle at right bottom, #cccccc, #DBDBDB, #f0f0f0);
font-weight: bold;
font-size: 150%;
height: 50px;
}

/* IdP: Oplossing overlopende titels in panels */
.panel-default > .panel-heading-infobox {
background-image: radial-gradient(farthest-corner circle at right bottom, #cccccc, #DBDBDB, #f0f0f0);
font-weight: bold;
font-size: 150%;
min-h