MediaWiki:Common.css: verschil tussen versies

Versie van 21 dec 2022 14:57

/** CSS die hier wordt geplaatst heeft invloed op alle vormgevingen */
import "/load.php?mode=articles&articles=u:dev:MediaWiki:DropdownMenu.css&only=styles"; /* hier stimt etwas nicht zie DropdownMenu */

/** CSS die hier wordt geplaatst heeft invloed op alle skins */
ol.references { font-size: 95%; }
ol.references li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #aaeeff; }

/* keep superscript and subscript text from breaking the line-spacing */
#bodyContent sup {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
#bodyContent sub {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;;
}

input[type="submit"]{
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
padding:1px 1px; /*add some padding to the inside of the button*/
background:#EEEEEE; /*the colour of the button*/
 /* border:1px solid #33842a;required or the default border for the browser will appear*/
/*give the button curved corners, alter the size as required*/
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: none;
/*give the button a drop shadow*/
-webkit-box-shadow: 0 0 4px rgba(160,160,128, .75);
-moz-box-shadow: 0 0 4px rgba(160,160,128, .75);
box-shadow: 0 0 4px rgba(160,160,128, .75);
/*style the text*/
color:black;
padding: 3px 8px 2px 8px  !important;
}

input[type="submit"].instelling{
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
padding:1px 1px; /*add some padding to the inside of the button*/
background:#FFFF60; /*the colour of the button*/
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: none;
color:black;
padding: 3px 8px 2px 8px  !important;
}

input[type="submit"].oranje{
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
padding:1px 1px; /*add some padding to the inside of the button*/
background:#FFC070; /*the colour of the button*/
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: none;
color:black;
}
input.st_button,
input[type="submit"].instelling.st_button,
input[type="submit"].oranje.st_button {
    width: 12em;
}
input.st_button0,
input[type="submit"].instelling.st_button0,
input[type="submit"].oranje.st_button0 {
    width: 7em;
}
input.st_button1,
input[type="submit"].instelling.st_button1,
input[type="submit"].oranje.st_button1 {
    width: 15em;
}

input.st_button2,
input[type="submit"].instelling.st_button2,
input[type="submit"].oranje.st_button2 {
width: 10.3em;
}

input.st_button3,
input.instelling.st_button3,
input[type="submit"].oranje.st_button3 {
width: 20em;
}

input[type="submit"].instelling:hover,
input[type="submit"].oranje:hover{
background-color:green;
color:#fff;
border: none;
-webkit-box-shadow: 0 0 4px rgba(160,160,128, .75);
-moz-box-shadow: 0 0 4px rgba(160,160,128, .75);
box-shadow: 0 0 4px rgba(160,160,128, .75);
}
input[type="text"],
input[type="checkbox"],
input[type="radio"],
input[type="search"],
input[type="password"]
{
height: 14px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #cccccc;
}

/*let op bij date en number geen hoogte vw. pijltjes select lijkt niet te werken select lijkt niet te werken*/
textarea,
input[type="date"],
input[type="time"],
input[type="number"],
input[type="email"]
{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #cccccc;
}

input[type="submit"]:hover{
background-color:green;
color:#fff;
border: none;
-webkit-box-shadow: 0 0 4px rgba(160,160,128, .75);
-moz-box-shadow: 0 0 4px rgba(160,160,128, .75);
box-shadow: 0 0 4px rgba(160,160,128, .75);
}

input[type="submit"]:focus{
outline: none !important; /* outline laat zich kennelijk niet afronden*/
background-color: #FF4444;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: none;
-webkit-box-shadow: 0 0 4px rgba(160,160,128, .75);
-moz-box-shadow: 0 0 4px rgba(160,160,128, .75);
box-shadow: 0 0 4px rgba(160,160,128, .75);
}

input[type="submit"]:disabled{
color:#666666;
background-color: #D0D0D0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

textarea:disabled.
input[type="text"]:disabled,
input[type="textarea"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="date"]:disabled,
input[type="time"]:disabled,
input[type="checkbox"]:disabled,
input[type="radio"]:disabled,
input[type="search"]:disabled,
input[type="password"]:disabled
{
background-color :#D0D0D0;
}

textarea:hover,
input[type="text"]:hover,
input[type="textarea"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="date"]:hover,
input[type="checkbox"]:hover,
input[type="radio"]:hover,
input[type="search"]:hover,
input[type="password"]:hover
{
background-color :#F0F0F0;
  /*  background-color:green; //nb. zeker textarea niet!!
    color:#fff;	*/
}

select:hover {    
    background-color:#f0F0F0;
 /* background-color:green;
    color:#fff; */
} // bij select niet donker!!

option:hover {
    background-color:#FCFCFC;
    color: #FF00FF;
/* background-color:green;
    color:#fff; */
}
/*hier  */

:required {
   background-color :#ebfaeb;
   border: 1px solid #33cc33;
 }
/*#footer { display: none; } footer was uitgezet nu vial localsettings onderaan */

span.plainklik a,
span.plainlinks a 
{
background: none !important;
padding: 0 !important;
} /*poging uitzetten en dan herdoen */

span.plainlinks a,
span.klikrood a,
span.klik a,
span.klikknalrood a
{
-moz-border-radius: 4px  !important;
-webkit-border-radius: 4px  !important;
border-radius: 4px  !important;
background-color:#EEEEEE !important;
color: black !important;
border: 1px solid darkgrey  !important;
padding: 3px 15px 2px 15px  !important;
-webkit-box-shadow: 4px 4px 8px rgba(160,160,128, .75) !important;
-moz-box-shadow: 4px 4px 8px rgba(160,160,128, .75) !important;
box-shadow: 4px 4px 8px rgba(160,160,128, .75) !important;
text-align:center !important;
}

span.klikrood a
{
padding: 3px 15px 2px 15px;
 background-color:#FFB080 !important;
}

span.klikknalrood a
{
padding: 3px 15px 2px 15px;
 color:#FFFFFF !important;
 background-color:#FF0000 !important;
}

span.plainlinks a:hover,
span.klik a:hover,
span.klikrood a:hover
span.klikknalrood a:hover
{
   background-color:green !important;
   color:#fff !important; 
}
span.plainlinks a:active,
span.klik a:active,
span.klikrood a:active
{
   background-color:red !important;
   color:#fff !important; 
}

span.klikknalrood a:active
{
   background-color:#00FFFF !important;
   color:#fff !important; 
}

select {
    border: none;
    outline: none;
    scroll-behavior: smooth;
}

textarea {
	width: 100%;
	padding: .1em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
textarea:hover {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.noautonum .tocnumber { display: none; } /* <div class="noautonum">__TOC__</div> kan zou TOC zonder autonumbers geven*/

/*
option {
-webkit-border-radius:25px; 
-moz-border-radius:25px; 
border-radius:25px;
color:blue;
background-color:#FCFCFC;
}
*/
/*
bij bv id=gobutton als volgt doen
input#gobutton{ etc.
*/
/* button nog doen */







.fancytree ul {
    background: none;
    border: none;
    font-size: 12px;
}
ul.fancytree-container {
    outline: 0;
    border: none;
    overflow: hidden;
}
.fancytree p {
    display: none;
}
span.fancytree-title {
    cursor: default;
}
span.fancytree-title a {
    color: black;
}
img {
	border: none;
	vertical-align: middle;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 3px 3px 3px rgba(157,157,157, .75);
	-moz-box-shadow: 3px 3px 3px rgba(157,157,157, .75);
	box-shadow: 3px 3px 3px rgba(157,157,157, .75);
}

.mailkaal /*voor emailadressimage*/
{
	border: none;
	vertical-align: middle;	
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 0px rgba(157,157,157, .75);
	-moz-box-shadow: 0px 0px 0px rgba(157,157,157, .75);
	box-shadow:  0px 1px 0px rgba(157,157,157, .50);
}

.noautonum .tocnumber { display: none; } /* in tekst: <div class="noautonum">__TOC__</div> let wel dit overrult NOTOC */

/*
#ca-talk { display:none!important; }
#ca-history { display:none!important; }
#ca-delete { display: none !important; }
#ca-editsection { display:none!important; }
#ca-createaccount { display:none!important; }
#ca-viewsource { display:none!important; } */

#p-cactions li.webmaster a {
	padding: 3px 7px;
	border: none;
	background-color: #EAFFE0;
	text-transform: capitalize;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 3px 3px 3px rgba(153,217,104, .2);
	-moz-box-shadow: 3px 3px 3px rgba(153,217,104, .2);
	box-shadow: 3px 3px 3px rgba(153,217,104, .2);
}

#p-cactions li.webmaster a:hover {
	text-decoration: none;
	/*background-color: #D1FEAE;*/
    background-color:green;
    color:#fff;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	
}

#ca-talk { display:none!important; }
#ca-history{ display:none!important; }
#ca-viewsource { display:none!important; }
#ca-watch { display:none!important; }
#ca-nstab-main { display:none!important; }
#ca-nstab-project { display:none!important; }
#ca-nstab-file { display:none!important; }
#ca-nstab-image { display:none!important; } /*alias voor file,anders staat er bestand*/
#ca-nstab-mediawiki { display:none!important; }
#ca-nstab-template { display:none!important; }
#ca-nstab-help { display:none!important; }
#ca-nstab-category { display:none!important; }
#ca-nstab-webmaster { display:none!important; }
#ca-nstab-communie { display:none!important; }
#ca-nstab-wachtrij { display:none!important; }
#ca-nstab-carrousel { display:none!important; }
#ca-nstab-opslag { display:none!important; }
#ca-nstab-bestuur { display:none!important; }
#ca-nstab-techniek { display:none!important; }
#ca-nstab-liturgie { display:none!important; }
#ca-nstab-data { display:none!important; }
#ca-nstab-special { display:none!important; }
#ca-nstab-template { display:none!important; }
#ca-nstab-category { display:none!important; }
#ca-nstab-missen { display:none!important; }
#ca-nstab-button { display:none!important; }
#ca-nstab-uitvaart{ display:none!important; }
#ca-nstab-huwelijk{ display:none!important; }
#ca-nstab-stichting{ display:none!important; }
#ca-nstab-bieb{ display:none!important; }
#ca-nstab-doopsel{ display:none!important; }
#ca-nstab-ziekenco{ display:none!important; }
#ca-nstab-communicanten{ display:none!important; }
#ca-nstab-vormelingen{ display:none!important; }
#ca-nstab-jeugdkoor{ display:none!important; }
#ca-nstab-partituur{ display:none!important; }
#ca-nstab-penningmeester{ display:none!important; }
#ca-nstab-misdienaars{ display:none!important; }
#ca-nstab-palmpasen{ display:none!important; }
#ca-nstab-bedienaar{ display:none!important; }
#ca-nstab-secretaris{ display:none!important; }
#ca-nstab-kerkhof{ display:none!important; }
#ca-nstab-kerkbijdrage{ display:none!important; }
#ca-nstab-ledenadministratie{ display:none!important; }
#ca-nstab-lezing{ display:none!important; }
#ca-nstab-parochieblad{ display:none!important; }
#ca-nstab-mededelingen{ display:none!important; }
#ca-nstab-los_opnames{ display:none!important; }
#ca-nstab-vijftienplus{ display:none!important; }
#ca-nstab-orgelconcerten{ display:none!important; }
/*volgende twee eigenlijk voor theowiki*/
#ca-nstab-presentatie{ display:none!important; }
#ca-nstab-diaserie{ display:none!important; }