MediaWiki:Common.css: verschil tussen versies
Uit Auditpedia
Regel 1: | Regel 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
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 { | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
+ | |||
.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; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } |
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;
}