MediaWiki:Timeless.css: verschil tussen versies

Huidige versie van 9 apr 2021 om 08:16

/* 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;  
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #A00020;
  border-color: #A00020;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #A00020;
  border-color: #A00020;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #A00020;
  border-color: #A00020;
}
.btn-primary .badge {
  color: #BC0031;
  background-color: #fff;
}

.knop {
background-color: #6c757d;
color: white;
border-radius: 25px;
}