MediaWiki:Common.css: verschil tussen versies

Versie van 6 nov 2020 17:08

/** CSS die hier wordt geplaatst heeft invloed op alle skins */

#p-logo a {
  background-size: contain;
}

/* cosmetisch verbergen van onnodige tabs */

#ca-talk { display:none!important; }
#ca-history { display:none!important; }
#ca-viewsource { display:none!important; }
#ca-read { display:none!important; }


/* multiple choice opties */

.mcAc, .mcAw, .mcBc, .mcBw, .mcCc, .mcCw, .mcDc, .mcDw, .mcEc, .mcEw, .mcFc, .mcFw, .mcGc, .mcFw {
  height: 21px;
  padding-left: 25px;
  background-repeat:no-repeat;
  vertical-align:top
} 

.mcAc, .mcAw {
  background-image: url(images/mcAo.png);
}

.mcBc, .mcBw {
  background-image: url(images/mcBo.png);
}

.mcCc, .mcCw {
  background-image: url(images/mcCo.png);
}

.mcDc, .mcDw {
  background-image: url(images/mcDo.png);
}

.mcEc, .mcEw {
  background-image: url(images/mcEo.png);
}

.mcFc, .mcFw {
  background-image: url(images/mcFo.png);
}

.mcGc, .mcGw {
  background-image: url(images/mcGo.png);
}

.mcAc:active, .mcBc:active, .mcCc:active, .mcDc:active, .mcEc:active, .mcFc:active, .mcGc:active {
  background-image: url(images/mcc.png);
  color: green
}

.mcAw:active, .mcBw:active, .mcCw:active, .mcDw:active, .mcEw:active, .mcFw:active, .mcGw:active {
  background-image: url(images/mcw.png);
  color: red;
}


.oqMark {
  display: inline-block;
  height: 17px;
  width: 0px;
  overflow: hidden;
  margin-left: 7px;
  padding-left: 23px;
  background-image: url(images/qmark.png);
  background-repeat: no-repeat;
  vertical-align: text-bottom
}

.oqAnswer {
  display: inline-block;
  height: 17px;
  width: 0px;
  overflow: hidden;
  margin-left: 7px;
  padding-left: 23px;
  background-image: url(images/qmark.png) ;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  color: white 
}

.oqAnswer:active {
  display: block;
  height: auto;
  width: auto;
  overflow: visible;
  margin-left: 0px;
  padding-left: 23px;
  background-image: url(images/imark.png);
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  color:navy
}