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 */ | ||
+ | .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 15: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;
}