Difference between revisions of "MediaWiki:Common.css"

From Dashboard samenwerking Wijchen
 
(29 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
.supervision {
 +
background-color: #686868;
 +
background-image: url(https://wijchen.dashboardsamenwerking.nl/wikis/wijchen.dashboardsamenwerking.nl/images/f/f1/Icon_eye.svg);
 +
background-size: 20px;
 +
background-position: 13px center;
 +
background-repeat: no-repeat;
  
.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 {
+
color: #FFFFFF;
  border-top: 1px solid #000;
 
}
 
  
.table-samenwerking-subheading {
+
padding-top: 8px;
  color:#5F497A;
+
padding-right: 8px;
  margin-left:5px;  
+
padding-bottom: 8px;
  margin-top:5px;
+
padding-left: 43px;
}
 
  
html, body, textarea {
+
margin-top: -12px;
  color:black;
+
margin-right: 0px;
}
+
margin-bottom: 15px;
.firstHeading {
+
margin-left: 0px;
  color: #3D1C61;
 
}
 
  
input.disabled {
+
border-radius: 0px 0px 5px 5px;
background-color: #f5f5f5;
+
height: 36px;
cursor: not-allowed !important;
 
 
}
 
}
  
 
+
/* Missing CSS values, added: */
@media screen and (min-width: 992px) {
+
.checkboxes-lg {
.table-in-three-columns {
+
    line-height:1.75em;
    display:inline-table;width:49%;
+
    font-size:x-large;
}
 
}
 
@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;
 
 
}
 
}
  
Line 123: Line 32:
 
}
 
}
  
canvas.jqplot-series-canvas {
+
/* Toelichting */
  background-color: #e1d7f1;
 
}
 
 
 
/* Toelihting */
 
 
.bs-callout-info {
 
.bs-callout-info {
 
     border-left-color: #E96E1E;
 
     border-left-color: #E96E1E;
Line 165: Line 70:
 
}
 
}
  
/* Grey label */
+
/* Many <big> HTML tags were used for styling. Replace those with a <span> with this class. */
.oval-shape {
+
.replace-big {
  text-align:center;
+
font-size:larger;
/  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;
 
 
}
 
}

Latest revision as of 13:11, 16 April 2020

.supervision {
 background-color: #686868;
 background-image: url(https://wijchen.dashboardsamenwerking.nl/wikis/wijchen.dashboardsamenwerking.nl/images/f/f1/Icon_eye.svg);
 background-size: 20px;
 background-position: 13px center;
 background-repeat: no-repeat;

 color: #FFFFFF;

 padding-top: 8px;
 padding-right: 8px;
 padding-bottom: 8px;
 padding-left: 43px;

 margin-top: -12px;
 margin-right: 0px;
 margin-bottom: 15px;
 margin-left: 0px;

 border-radius: 0px 0px 5px 5px;
 height: 36px;
}

/* Missing CSS values, added: */
.checkboxes-lg {
     line-height:1.75em;
     font-size:x-large;
}

.radioButtonVertical label {
   display: block !important; 
}

/* Toelichting */
.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;
}

/* Many <big> HTML tags were used for styling. Replace those with a <span> with this class. */
.replace-big {
 font-size:larger;
}