MediaWiki:Common.css: verschil tussen versies

Versie van 29 jan 2023 14:47

/** 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 */
/* eerste hieronder veranderd 21/12/22 */
span.plainklik a,
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);
  width: 250px;
}

.noautonum .tocnumber { display: none; } /* in tekst: <div class="noautonum">__TOC__</div> let wel dit overrult NOTOC */
/*hieronder de p-cactions werken maar gedeeltelijk)
#p-cactions {
	position: absolute;
	top: 1em;
	left: 13em;
	margin: 0;
	white-space: nowrap;
	width: fit-content;
	line-height: 1em;
	overflow: visible;
	background: none;
	list-style: none;
	font-size: 95%;

}
/*geen border of kleur mee
wel verleidelijk
	border:1px solid #BBB;
	background:#EDEDED; 
		-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color:black;
*/

#ca-talk { display:none!important; }
#ca-history { display:none!important; }
/*#ca-delete { display: none !important; } */
#ca-createaccount { display:none!important; }
#ca-editsection { display:none!important; }
#ca-viewsource { display:none!important; }
#ca-watch { display:none!important; }
#ca-unwatch { 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; }
#ca-nstab-vrijwilligers{ display:none!important; }
#ca-nstab-adresboek{ display:none!important; }
/*volgende twee eigenlijk voor theowiki*/
#ca-nstab-presentatie{ display:none!important; }
#ca-nstab-diaserie{ display:none!important; }


.ns--1 #content, .ns--2 #content { background-color: #F0FFFF; }
.ns-880 #content, .ns-881 #content { background-color: #EFFFC0; }
.ns-880 #table, .ns-881 #table { background-color: #EFFFC0; }
.ns-880 div.thumb, .ns-881 div.thumb { border-color: #EFFFC0; }
.ns-880 #catlinks, .ns-881 #catlinks { background-color: #EFFFC0; }
.ns-888 #content, .ns-889 #content { background-color: #FFDAB9; }
.ns-881 #table, .ns-889 #table { background-color: #FFDAB9; }
.ns-888 div.thumb, .ns-889 div.thumb { border-color: #FF9092; }
.ns-888 #catlinks, .ns-889 #catlinks { background-color: #FFDAB9; }
.ns-890 #content, .ns-891 #content, .ns-892 #content, .ns-894 #content, .ns-896 #content, .ns-898 #content{ background-color: #F5F5F5; }
.ns-890 #table, .ns-891 #table, .ns-892 #table , .ns-894 #table, .ns-896 #table, .ns-898 #table { background-color: #F5F5F5; }
.ns-890 div.thumb, .ns-891 div.thumb , .ns-892 div.thumb, .ns-894 div.thumb, .ns-896 div.thumb, .ns-898 div.thumb   { border-color: #F5F5F5; }
.ns-890 #catlinks, .ns-891 #catlinks, .ns-892 #catlinks , .ns-894 #catlinks, .ns-896 #catlinks, .ns-898 #catlinks{ background-color: #F5F5F5; }
.ns-900 #content, .ns-902 #content, .ns-904 #content , .ns-906 #content { background-color: #F5F5F5; }
.ns-900 #table , .ns-902 #table , .ns-904 #table , .ns-906 #table  { background-color: #F5F5F5; }
.ns-900 div.thumb , .ns-902 div.thumb , .ns-904 div.thumb, .ns-906 div.thumb  { border-color: #F5F5F5; }
.ns-900 #catlinks, .ns-902 #catlinks, .ns-904 #catlinks, .ns-906 #catlinks  { background-color: #F5F5F5; }
.ns-908 #catlinks  { background-color: #F5F5F5; }
.ns-908 #content { background-color: #F5F5F5; }
.ns-908 #table  { background-color: #F5F5F5; }
.ns-908 div.thumb  { border-color: #F5F5F5; }
.ns-910 #catlinks  { background-color: #F5F5F5; }
.ns-910 #content { background-color: #F5F5F5; }
.ns-910 #table  { background-color: #F5F5F5; }
.ns-910 div.thumb  { border-color: #F5F5F5; }
.ns-912 #catlinks  { background-color: #F5F5F5; }
.ns-912 #content { background-color: #F5F5F5; }
.ns-912 #table  { background-color: #F5F5F5; }
.ns-912 div.thumb  { border-color: #F5F5F5; }
.ns-914 #catlinks  { background-color: #F5F5F5; }
.ns-914 #content { background-color: #F5F5F5; }
.ns-914 #table  { background-color: #F5F5F5; }
.ns-914 div.thumb  { border-color: #F5F5F5; }
.ns-916 #catlinks  { background-color: #F5F5F5; }
.ns-916 #content { background-color: #F5F5F5; }
.ns-916 #table  { background-color: #F5F5F5; }
.ns-916 div.thumb  { border-color: #F5F5F5; }
.ns-918#catlinks  { background-color: #F5F5F5; }
.ns-918 #content { background-color: #F5F5F5; }
.ns-918 #table  { background-color: #F5F5F5; }
.ns-918 div.thumb  { border-color: #F5F5F5; }
.ns-920#catlinks  { background-color: #F5F5F5; }
.ns-920 #content { background-color: #F5F5F5; }
.ns-920 #table  { background-color: #F5F5F5; }
.ns-920 div.thumb  { border-color: #F5F5F5; }
.ns-922#catlinks  { background-color: #F5F5F5; }
.ns-922 #content { background-color: #F5F5F5; }
.ns-922 #table  { background-color: #F5F5F5; }
.ns-922 div.thumb  { border-color: #F5F5F5; }
.ns-924#catlinks  { background-color: #F5F5F5; }
.ns-924 #content { background-color: #F5F5F5; }
.ns-924 #table  { background-color: #F5F5F5; }
.ns-924 div.thumb  { border-color: #F5F5F5; }
.ns-926#catlinks  { background-color: #F5F5F5; }
.ns-926 #content { background-color: #F5F5F5; }
.ns-926 #table  { background-color: #F5F5F5; }
.ns-926 div.thumb  { border-color: #F5F5F5; }
.ns-928#catlinks  { background-color: #F5F5F5; }
.ns-928 #content { background-color: #F5F5F5; }
.ns-928 #table  { background-color: #F5F5F5; }
.ns-928 div.thumb  { border-color: #F5F5F5; }
.ns-930#catlinks  { background-color: #F5F5F5; }
.ns-930 #content { background-color: #F5F5F5; }
.ns-930 #table  { background-color: #F5F5F5; }
.ns-930 div.thumb  { border-color: #F5F5F5; }
.ns-932#catlinks  { background-color: #F5F5F5; }
.ns-932 #content { background-color: #F5F5F5; }
.ns-932 #table  { background-color: #F5F5F5; }
.ns-932 div.thumb  { border-color: #F5F5F5; }
.ns-934#catlinks  { background-color: #F5F5F5; }
.ns-934 #content { background-color: #F5F5F5; }
.ns-934 #table  { background-color: #F5F5F5; }
.ns-934 div.thumb  { border-color: #F5F5F5; }
.ns-936#catlinks  { background-color: #FFDAB9; }
.ns-936 #content { background-color: #FFDAB9; }
.ns-936 #table  { background-color: #FFDAB9; }prin
.ns-936 div.thumb  { border-color: #FFDAB9; }
.ns-938#catlinks  { background-color: #F5F5F5; }
.ns-938 #content { background-color: #F5F5F5; }
.ns-938 #table  { background-color: #F5F5F5; }
.ns-938 div.thumb  { border-color: #F5F5F5; }
.ns-940#catlinks  { background-color: #F5F5F5; }
.ns-940 #content { background-color: #F5F5F5; }
.ns-940 #table  { background-color: #F5F5F5; }
.ns-940 div.thumb  { border-color: #F5F5F5; }

#link-knop a
{
	border: 1px solid #aaa;
	background-color: #DDDDDD;
	padding: 2px;
	padding-right: 7px;
	padding-left: 7px;
	font-size: 95%;
}

@media print {
    .firstHeading { display: none;  }
    #siteSub { display: none; }
    .printfooter { display: none; }
    #catlinks, .catlinks { display: none; }
    #footer { display: none; }

   .editlink, .metadata, .dablink, .toc, .infobox, .catlinks, .subpages,
   .navigation, #privacy, #about, #disclaimer {
     display: none !important;
   }
   div.expand-print { display: block !important; }
   span.expand-print { display: inline !important; }
   @dymolabel 
    {
          /* auto is the initial value  size: landscape; a4 of landscape */
		size: landscape;
		/*margin: 0mm;  /* this affects the margin in the printer settings */
    }
    .page-break	
    { 
       display: block; page-break-before: always; 
    }
.noprint,
div#jump-to-nav,
div.top,
div#column-one,
#colophon,
.editsection,
.toctoggle,
.tochidden,
div#f-poweredbyico,
div#f-copyrightico,
li#viewcount,
li#about,
li#disclaimer,
li#privacy,
#mw-navigation,
#mw-search,
#mw-hidden-catlinks {
    /* Hides all the elements irrelevant for printing */
    display: none;
}
@media screen, projection {
   .printonly { display: none !important; }
}