MediaWiki:Common.css: verschil tussen versies

Uit Auditpedia
Ga naar:navigatie, zoeken
Regel 1: Regel 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
  
 +
.hidden {
 +
display: none;
 +
}
 +
::-webkit-scrollbar {
 +
    width: 14px;
 +
    height: 18px;
 +
}
 +
::-webkit-scrollbar-thumb {
 +
    height: 6px;
 +
    border: 4px solid rgba(0, 0, 0, 0);
 +
    background-clip: padding-box;
 +
    -webkit-border-radius: 7px;
 +
    background-color: rgba(0, 0, 0, 0.15);
 +
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
 +
}
 +
::-webkit-scrollbar-button {
 +
    width: 0;
 +
    height: 0;
 +
    display: none;
 +
}
 +
::-webkit-scrollbar-corner {
 +
    background-color: transparent;
 +
}
 +
.mw-body ul, .mw-body ol {
 +
    margin:  0 0 10.5px;
 +
}
 +
@media screen {
 +
.onlyprint {
 +
  display:none;
 +
}
 +
}
 +
/** Search box search symbol to the right
 +
.left-inner-addon {
 +
    position: relative;
 +
}
 +
.left-inner-addon input {
 +
    padding-left: 30px;   
 +
}
 +
.left-inner-addon i {
 +
    position: absolute;
 +
    padding: 10px 12px;
 +
    pointer-events: none;
 +
}
 +
.right-inner-addon {
 +
    position: relative;
 +
}
 +
.right-inner-addon input {
 +
    padding-right: 30px;   
 +
}
 +
.right-inner-addon i {
 +
    position: absolute;
 +
    right: 0px;
 +
    padding: 10px 12px;
 +
    pointer-events: none;
 +
}*/
 +
.select2-container {
 +
width: 100% !important;
 +
margin-bottom:  1rem !important;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
.color-blue{
 +
color:#006699;
 +
}
 
body{
 
body{
 
position: relative;
 
position: relative;
Regel 13: Regel 82:
 
padding-bottom: 2.5rem;
 
padding-bottom: 2.5rem;
 
}
 
}
 
 
#content, .container > .mt-1, .body-container{
 
#content, .container > .mt-1, .body-container{
 
margin:0 auto;
 
margin:0 auto;
 
}
 
}
 
 
@media (min-width: 576px){
 
@media (min-width: 576px){
 
#content, .container > .mt-1, .navbar-nav, .body-container {
 
#content, .container > .mt-1, .navbar-nav, .body-container {
Regel 23: Regel 90:
 
}
 
}
 
}
 
}
 
 
@media (min-width: 768px){
 
@media (min-width: 768px){
 
#content, .container > .mt-1, .navbar-nav, .body-container {
 
#content, .container > .mt-1, .navbar-nav, .body-container {
Regel 34: Regel 100:
 
}
 
}
 
}
 
}
 
 
@media (min-width: 1200px){
 
@media (min-width: 1200px){
 
#content, .container > .mt-1, .navbar-nav, .body-container {
 
#content, .container > .mt-1, .navbar-nav, .body-container {
Regel 40: Regel 105:
 
}
 
}
 
}
 
}
 
 
.container > .row {
 
.container > .row {
 
     width: 100%;
 
     width: 100%;
 
}
 
}
 
 
.row-WSHeader > .col{
 
.row-WSHeader > .col{
 
padding:0;
 
padding:0;
 
}
 
}
 
 
.navbar{
 
.navbar{
 
margin: 0 15px;
 
margin: 0 15px;
 
}
 
}
 
 
.container-fluid .row-wsheader {
 
.container-fluid .row-wsheader {
 +
    border-bottom-width: 0px;
 +
    border-bottom-style: solid;
 +
    border-bottom-color: #006699;
 
     padding-top: 12px;
 
     padding-top: 12px;
 +
    border-image-source: linear-gradient(to right, #990000 0%,#990000 20%,#006699 20%,#006699 80%, #339966 80%, #339966 100%);
 +
    border-image-slice: 1;
 
}
 
}
 
 
.row-WSHeader .container-fluid{
 
.row-WSHeader .container-fluid{
 
padding:0;
 
padding:0;
 
}
 
}
 
 
.row-wsheader .list-inline{
 
.row-wsheader .list-inline{
 
margin:0;
 
margin:0;
 
text-align: center;
 
text-align: center;
 +
}
 +
div.p-navbar {
 +
    background-color: #f2f2f2;
 +
}
 +
div.navbar li.nav-item a.nav-link {
 +
    color: #484848;
 +
}
 +
input.form-control {
 +
    border-radius: 30px;
 +
    background: #f2f2f2;
 +
/*  border: none; */
 +
    padding-left: 24px;
 +
/*  box-shadow: none; */
 +
}
 +
.nav-item {
 +
    padding: 0 12px;
 +
}
 +
#simpleSearch {
 +
margin-top: 24px;
 +
    position: relative;
 +
}
 +
.fa-search {
 +
    position: absolute;
 +
    right: 22px;
 +
    transform: scaleX(-1);
 +
    color: #6c757d;
 +
    top: 7px;
 +
}
 +
.container .mt-5:last-child {
 +
    position: absolute;
 +
    bottom: 0;
 +
    width: 100%;
 +
    height: 2.5rem;
 +
}
 +
.container .mt-5:last-child > .col {
 +
padding: 0;
 +
}
 +
.container .mt-5:last-child > .col nav{
 +
    margin: 0 -15px;
 +
}
 +
.navbar-nav {
 +
    margin: 0 auto;
 +
    width:100%;
 +
}
 +
body.rootpage-Main_Page #content{
 +
    max-width:none;
 +
    padding:0;
 
}
 
}

Versie van 20 okt 2020 14:36

/* CSS placed here will be applied to all skins */

.hidden {
	display: none;
}
::-webkit-scrollbar {
    width: 14px;
    height: 18px;
}
::-webkit-scrollbar-thumb {
    height: 6px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}
::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}
::-webkit-scrollbar-corner {
    background-color: transparent;
}
.mw-body ul, .mw-body ol {
    margin:  0 0 10.5px;
}
@media screen {
.onlyprint {
   display:none;
}
}
/** Search box search symbol to the right 
.left-inner-addon {
    position: relative;
}
.left-inner-addon input {
    padding-left: 30px;    
}
.left-inner-addon i {
    position: absolute;
    padding: 10px 12px;
    pointer-events: none;
}
.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;    
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
}*/
.select2-container {
 width: 100% !important;
 margin-bottom:  1rem !important;
}







.color-blue{
	color:#006699;
}
body{
	position: relative;
    min-height: 100vh;
}


body > .container{
	max-width:none;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	padding-bottom: 2.5rem;
}
#content, .container > .mt-1, .body-container{
	margin:0 auto;
}
@media (min-width: 576px){
#content, .container > .mt-1, .navbar-nav, .body-container {
    max-width: 540px;
}
}
@media (min-width: 768px){
#content, .container > .mt-1, .navbar-nav, .body-container {
    max-width: 720px;
}
}
@media (min-width: 992px){
#content, .container > .mt-1, .navbar-nav, .body-container {
    max-width: 960px;
}
}
@media (min-width: 1200px){
#content, .container > .mt-1, .navbar-nav, .body-container {
    max-width: 1140px;
}
}
.container > .row {
    width: 100%;
}
.row-WSHeader > .col{
	padding:0;
}
.navbar{
	margin: 0 15px;
}
.container-fluid .row-wsheader {
    border-bottom-width: 0px;
    border-bottom-style: solid;
    border-bottom-color: #006699;
    padding-top: 12px;
    border-image-source: linear-gradient(to right, #990000 0%,#990000 20%,#006699 20%,#006699 80%, #339966 80%, #339966 100%);
    border-image-slice: 1;
}
.row-WSHeader .container-fluid{
	padding:0;
}
.row-wsheader .list-inline{
	margin:0;
	text-align: center;
}
div.p-navbar {
    background-color: #f2f2f2;
}
div.navbar li.nav-item a.nav-link {
    color: #484848;
}
input.form-control {
    border-radius: 30px;
    background: #f2f2f2;
 /*   border: none; */
    padding-left: 24px;
 /*   box-shadow: none; */
}
.nav-item {
    padding: 0 12px;
}
#simpleSearch {
	margin-top: 24px;
    position: relative;
}
.fa-search {
    position: absolute;
    right: 22px;
    transform: scaleX(-1);
    color: #6c757d;
    top: 7px;
}
.container .mt-5:last-child {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.5rem;
}
.container .mt-5:last-child > .col {
	padding: 0;
}
.container .mt-5:last-child > .col nav{
    margin: 0 -15px;
}
.navbar-nav {
    margin: 0 auto;
    width:100%;
}
body.rootpage-Main_Page #content{
    	max-width:none;
    	padding:0;
}