Difference between revisions of "MediaWiki:Common.css"

From Dashboard samenwerking Wijchen
(Blanked the page)
Line 1: Line 1:
 +
html, body, textarea {
 +
  color:black;
 +
}
 +
.firstHeading {
 +
  color: #3D1C61;
 +
}
  
 +
input.disabled {
 +
background-color: #f5f5f5;
 +
cursor: not-allowed !important;
 +
}
 +
 +
 +
@media screen and (min-width: 992px) {
 +
.table-in-three-columns {
 +
    display:inline-table;width:49%;
 +
}
 +
}
 +
@media screen and (min-width: 1200px) {
 +
.table-in-three-columns {
 +
    display:inline-table;width:33%;
 +
}
 +
}
 +
 +
.columns {
 +
    -webkit-column-count: auto; /* Chrome, Safari, Opera */
 +
    -moz-column-count: auto; /* Firefox */
 +
    column-count: auto;
 +
}
 +
@media screen and (min-width: 992px) {
 +
.three-columns {
 +
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
 +
    -moz-column-count: 2; /* Firefox */
 +
    column-count: 2;
 +
}
 +
}
 +
@media screen and (min-width: 1200px) {
 +
.three-columns {
 +
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
 +
    -moz-column-count: 3; /* Firefox */
 +
    column-count: 3;
 +
}
 +
}
 +
 +
@media screen and (min-width: 992px) {
 +
.four-columns {
 +
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
 +
    -moz-column-count: 2; /* Firefox */
 +
    column-count: 2;
 +
}
 +
}
 +
@media screen and (min-width: 1200px) {
 +
.four-columns {
 +
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
 +
    -moz-column-count: 4; /* Firefox */
 +
    column-count: 4;
 +
}
 +
}
 +
 +
#wikiPreview > div.mw-content-ltr > div > div > div {
 +
clear: both;
 +
}
 +
 +
.sidebar-nav {
 +
    padding: 9px 0;
 +
}
 +
 +
/** menu dropdown voorheen uitgecommentarieerd */
 +
@media screen and (min-width: 992px) {
 +
.dropdown-menu .sub-menu {
 +
    left: 100%;
 +
    position: absolute;
 +
    top: 0;
 +
    visibility: hidden;
 +
    margin-top: -1px;
 +
}
 +
 +
.dropdown-menu li:hover .sub-menu {
 +
    visibility: visible;
 +
}
 +
 +
.dropdown:hover .dropdown-menu {
 +
    display: block;
 +
}
 +
 +
.dropdown-menu > li > a:hover {
 +
    background-color: #5f497a;
 +
    color: #fff;
 +
}
 +
}
 +
 +
.sf-largetext {
 +
    font-size:150%;
 +
}
 +
 +
.toc {
 +
  background-color: #D8ECF9;
 +
  padding:15px;
 +
  }
 +
.hoofdstuk-kop {
 +
    font-size:120%;
 +
}
 +
 +
 +
 +
.catlinks {
 +
  display:none;
 +
}
 +
 +
.table-samenwerking > thead > tr > th, .table-samenwerking > tbody > tr > th, .table-samenwerking > tfoot > tr > th, .table-samenwerking > thead > tr > td, .table-samenwerking > tbody > tr > td, .table-samenwerking > tfoot > tr > td {
 +
  border-top: 1px solid #000;
 +
}
 +
 +
.table-samenwerking-subheading {
 +
  color:#5F497A;
 +
  margin-left:5px;
 +
  margin-top:5px;
 +
}
 +
 +
.radioButtonVertical label {
 +
  display: block !important;
 +
}
 +
 +
canvas.jqplot-series-canvas {
 +
  background-color: #e1d7f1;
 +
}
 +
 +
/* Toelihting */
 +
.bs-callout-info {
 +
    border-left-color: #E96E1E;
 +
}
 +
.bs-callout {
 +
    padding: 20px;
 +
    margin: 20px 0px;
 +
    border-width: 1.5px 1.5px 1.5px 10px;
 +
    border-style: solid;
 +
    border-color: #EA6E1E;
 +
    -moz-border-top-colors: none;
 +
    -moz-border-right-colors: none;
 +
    -moz-border-bottom-colors: none;
 +
    -moz-border-left-colors: none;
 +
    border-image: none;
 +
    border-radius: 3px;
 +
}
 +
 +
.checkboxes-lg {
 +
    line-height:1.75em;
 +
    font-size:x-large;
 +
}
 +
 +
.subopgave {
 +
  padding-bottom: 10px;
 +
  padding-top: 10px;
 +
  margin-top: 10px;
 +
  margin-bottom: 10px;
 +
}
 +
 +
/** https://test.wikipedia.org/wiki/User:Krinkle/Test_suite_for_mw-collapsible?action=edit&veswitched=1 - test: Draft:Functionality/Collapsible **/
 +
#collapse-pre-one .mw-collapsible-toggle .up, #collapse-pre-one.mw-collapsed .mw-collapsible-toggle .down {
 +
display: none;
 +
}
 +
#collapse-pre-one .mw-collapsible-toggle .down, #collapse-pre-one.mw-collapsed .mw-collapsible-toggle .up {
 +
display: inline;
 +
}
 +
 +
/* Grey label */
 +
.oval-shape {
 +
  text-align:center;
 +
/  background-color: #46365A;
 +
  background-color:#BD4A20;
 +
  color:#FFF;
 +
  font-size: large;
 +
  display:inline-block;
 +
  width:7em;
 +
  height: 4em;
 +
  border: 3px solid #dadada;
 +
  -moz-border-radius: 50%;
 +
  -webkit-border-radius: 50%;
 +
  border-radius: 50%;
 +
  padding: .5em;
 +
  margin: .5em .5em .5em 0;
 +
}
 +
.oval-text {
 +
  position: relative;
 +
  top: 50%;
 +
  transform: translateY(-50%);
 +
}
 +
 +
.qtip-titlebar {
 +
    display:none;
 +
}
 +
.qtip-content {
 +
  / background-color:#FFEE99;
 +
    background-color:#F9E2D3;
 +
}
 +
 +
.kerncell {
 +
  background-color: #E5DCF3;
 +
  width:50%;
 +
  padding-left:0px;
 +
}
 +
 +
/* Remove when fixes.less is working again */
 +
.font-monospaced {
 +
  font-family:'Consolas', 'Courier', 'monospaced';
 +
}
 +
.hidethis {
 +
  display:none;
 +
}
 +
 +
#wpTextbox1 {
 +
    font-size: 17px;
 +
    font-family:'Consolas';
 +
}
 +
 +
li.standardinput-save > input {
 +
    box-shadow: 2px 2px 2px black;
 +
}
 +
 +
#wpDestFile {
 +
  display:none;
 +
}

Revision as of 16:12, 12 April 2019

html, body, textarea {
   color:black;
}
.firstHeading {	
   color: #3D1C61;
}

input.disabled {
background-color: #f5f5f5;
cursor: not-allowed !important;
}


@media screen and (min-width: 992px) {
.table-in-three-columns {
    display:inline-table;width:49%;
}
}
@media screen and (min-width: 1200px) {
.table-in-three-columns {
    display:inline-table;width:33%;
}
}

.columns {
    -webkit-column-count: auto; /* Chrome, Safari, Opera */
    -moz-column-count: auto; /* Firefox */
    column-count: auto;
}
@media screen and (min-width: 992px) {
.three-columns {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
}
@media screen and (min-width: 1200px) {
.three-columns {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
}

@media screen and (min-width: 992px) {
.four-columns {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
}
@media screen and (min-width: 1200px) {
.four-columns {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
}
}

#wikiPreview > div.mw-content-ltr > div > div > div {
clear: both;
}

.sidebar-nav {
    padding: 9px 0;
}

/** menu dropdown voorheen uitgecommentarieerd */
@media screen and (min-width: 992px) {
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu > li > a:hover {
    background-color: #5f497a;
    color: #fff;
}
}

.sf-largetext {
    font-size:150%;
}

.toc {
   background-color: #D8ECF9;
   padding:15px;
   }
.hoofdstuk-kop {
    font-size:120%;
}



.catlinks {
   display:none;
}

.table-samenwerking > thead > tr > th, .table-samenwerking > tbody > tr > th, .table-samenwerking > tfoot > tr > th, .table-samenwerking > thead > tr > td, .table-samenwerking > tbody > tr > td, .table-samenwerking > tfoot > tr > td {
   border-top: 1px solid #000;
}

.table-samenwerking-subheading {
   color:#5F497A;
   margin-left:5px; 
   margin-top:5px;
}

.radioButtonVertical label {
   display: block !important; 
}

canvas.jqplot-series-canvas {
   background-color: #e1d7f1;
}

/* Toelihting */
.bs-callout-info {
    border-left-color: #E96E1E;
}
.bs-callout {
    padding: 20px;
    margin: 20px 0px;
    border-width: 1.5px 1.5px 1.5px 10px;
    border-style: solid;
    border-color: #EA6E1E;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 3px;
}

.checkboxes-lg {
     line-height:1.75em;
     font-size:x-large;
}

.subopgave {
   padding-bottom: 10px;
   padding-top: 10px;
   margin-top: 10px;
   margin-bottom: 10px;
}

/** https://test.wikipedia.org/wiki/User:Krinkle/Test_suite_for_mw-collapsible?action=edit&veswitched=1 - test: Draft:Functionality/Collapsible **/
#collapse-pre-one .mw-collapsible-toggle .up, #collapse-pre-one.mw-collapsed .mw-collapsible-toggle .down {
display: none;
}
#collapse-pre-one .mw-collapsible-toggle .down, #collapse-pre-one.mw-collapsed .mw-collapsible-toggle .up {
display: inline;
}

/* Grey label */
.oval-shape {
  text-align:center;
/  background-color: #46365A;
   background-color:#BD4A20;
   color:#FFF;
  font-size: large;
  display:inline-block;
  width:7em; 
  height: 4em; 
  border: 3px solid #dadada; 
  -moz-border-radius: 50%; 
  -webkit-border-radius: 50%; 
  border-radius: 50%;
  padding: .5em;
  margin: .5em .5em .5em 0;
}
.oval-text {
  position: relative; 
  top: 50%; 
  transform: translateY(-50%);
}

.qtip-titlebar {
    display:none;
}
.qtip-content {
   / background-color:#FFEE99;
    background-color:#F9E2D3;
}

.kerncell {
   background-color: #E5DCF3;
   width:50%;
   padding-left:0px;
}

/* Remove when fixes.less is working again */
.font-monospaced {
   font-family:'Consolas', 'Courier', 'monospaced';
}
.hidethis {
   display:none;
}

#wpTextbox1 {
    font-size: 17px;
    font-family:'Consolas';
}

li.standardinput-save > input {
    box-shadow: 2px 2px 2px black;
}

#wpDestFile {
   display:none;
}