MediaWiki:Timeless.css

Opmerking: nadat u de wijzigingen hebt opgeslagen is het wellicht nodig uw browsercache te legen.

• Firefox / Safari: houd Shift ingedrukt terwijl u op Vernieuwen klikt of druk op Ctrl-F5 of Ctrl-R (⌘-Shift-R op een Mac)
• Google Chrome: druk op Ctrl-Shift-R (⌘-Shift-R op een Mac)
• Internet Explorer: houd Ctrl ingedrukt terwijl u op Vernieuwen klikt of druk op Ctrl-F5
• Opera: ga naar Menu → Instellingen (Opera → Voorkeuren op een Mac) en daarna naar Privacy & beveiliging → Browsegegevens wissen... → Tijdelijk opgeslagen afbeeldingen en bestanden.

/* 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;
	}
/* 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;
}

.isDisabled {
color: currentColor;
cursor: not-allowed;
text-decoration: none;
pointer-events: none;
}

/* Button link kleur wit */
.btn-primary {
  color: #fff;
  background-color: #BC0031;
  border-color: #A00020;
  background-position: 0 -33px; 
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #A00020;
  border-color: #A00020;
 background-position: 0 -32px; 
}
.btn-primary:hover {
  color: #fff;
  background-color: #A00020;
  border-color: #A00020;
 background-position: 0 -32px;  
}