MediaWiki:Common.css: verschil tussen versies

Versie van 21 dec 2022 15:24

/** 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 */

#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-delete { display: none !important; }
#ca-createaccount { display:none!important; }
/*
#ca-editsection { display:none!important; }
#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; }


.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%;
}