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 82: Regel 13:
 
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 90: Regel 23:
 
}
 
}
 
}
 
}
 +
 
@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 100: Regel 34:
 
}
 
}
 
}
 
}
 +
 
@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 105: Regel 40:
 
}
 
}
 
}
 
}
 +
 
.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;
 
    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 15:40

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

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 {
    
}

.row-WSHeader .container-fluid{
	padding:0;
}

.row-wsheader .list-inline{
	margin:0;
	text-align: center;
}