MediaWiki:Common.css: verschil tussen versies

Uit Parwiki
 
(14 tussenliggende versies door dezelfde gebruiker niet weergegeven)
Regel 35: Regel 35:
 
}
 
}
  
 +
#column-content {
 +
width: 100%;
 +
float: right;
 +
margin: 0 0 .6em -12.2em;
 +
padding: 0;
 +
}
 +
 +
#content {
 +
margin: 2.8em 0 0 12.2em;
 +
padding: 0.6em 1em 1em 1em;
 +
position: relative;
 +
z-index: 2;
 +
background: white;
 +
color: black;
 +
border: none;
 +
line-height: 1.5em;
 +
-moz-border-radius: 26px;
 +
-webkit-border-radius: 26px;
 +
border-radius: 26px;
 +
}
 +
 +
#column-one {
 +
padding-top: 160px;
 +
}
 +
 +
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;
 +
}
 +
 +
body {
 +
font: x-small sans-serif;
 +
background: #FAFAFA;
 +
color: black;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
.schaduw
 +
{
 +
-moz-border-radius: 10px;
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
-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);
 +
}
 +
.rond /*geen schaduw dus */
 +
{
 +
-moz-border-radius: 10px;
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
}
 +
 +
 +
.portlet {
 +
border: none;
 +
margin: 0 0 .5em;
 +
padding: 0;
 +
float: none;
 +
width: 11.6em;
 +
overflow: hidden;
 +
}
 +
.portlet h4 {
 +
font-size: 95%;
 +
font-weight: normal;
 +
white-space: nowrap;
 +
}
 +
.portlet h5 {
 +
background: transparent;
 +
padding: 0 1em 0 .5em;
 +
display: inline;
 +
height: 1em;
 +
text-transform: lowercase;
 +
font-size: 91%;
 +
font-weight: normal;
 +
white-space: nowrap;
 +
}
 +
/*
 +
border: 1px solid #2f6fab;
 +
border-style: solid solid none solid;
 +
*/
 +
.portlet h6 {
 +
background: #ffae2e;
 +
border: none;
 +
padding: 0 1em 0 1em;
 +
text-transform: lowercase;
 +
display: block;
 +
font-size: 1em;
 +
height: 1.2em;
 +
font-weight: normal;
 +
white-space: nowrap;
 +
}
 +
.pBody {
 +
font-size: 95%;
 +
background-color: #F5F5F5;
 +
color: black;
 +
border-collapse: collapse;
 +
border: none;
 +
padding: 0 .8em .3em .5em;
 +
-moz-border-radius: 4px;
 +
-webkit-border-radius: 4px;
 +
border-radius: 4px;
 +
}
 +
/*hallo*/
 +
/* border: 1px solid #aaa;*/
 +
.portlet h1,
 +
.portlet h2,
 +
.portlet h3,
 +
.portlet h4 {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
.portlet ul {
 +
line-height: 1.5em;
 +
list-style-type: square;
 +
list-style-image: url(bullet.gif);
 +
font-size: 95%;
 +
}
 +
.portlet li {
 +
padding: 0;
 +
margin: 0;
 +
}
 +
 +
/* =================== */
 
input[type="submit"]{
 
input[type="submit"]{
 
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
 
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
Regel 151: Regel 283:
 
outline: none !important; /* outline laat zich kennelijk niet afronden*/
 
outline: none !important; /* outline laat zich kennelijk niet afronden*/
 
background-color: #FF4444;
 
background-color: #FF4444;
 +
color: #FFFFFF;
 
-moz-border-radius: 4px;
 
-moz-border-radius: 4px;
 
-webkit-border-radius: 4px;
 
-webkit-border-radius: 4px;
Regel 273: Regel 406:
 
   color:#fff !important;  
 
   color:#fff !important;  
 
}
 
}
 
+
#bodyContent .plainlinks a {
 +
  -moz-border-radius: 6px  !important;
 +
  -webkit-border-radius: 6px  !important;
 +
  border-radius: 6px  !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.klikknalrood a:active
 
span.klikknalrood a:active
 
{
 
{
Regel 350: Regel 495:
 
     direction: rtl;
 
     direction: rtl;
 
     float: left;
 
     float: left;
 +
    clear: left;
 
     position: relative;
 
     position: relative;
 
}
 
}
Regel 357: Regel 503:
  
 
.noautonum .tocnumber { display: none; } /* in tekst: <div class="noautonum">__TOC__</div> let wel dit overrult NOTOC */
 
.noautonum .tocnumber { display: none; } /* in tekst: <div class="noautonum">__TOC__</div> let wel dit overrult NOTOC */
/*hieronder de p-cactions werken maar gedeeltelijk)
+
 
 +
#p-personal {
 +
position: absolute;
 +
left: 0;
 +
top: 0;
 +
z-index: 0;
 +
width: 100%;
 +
white-space: nowrap;
 +
padding: 0;
 +
margin: 0;
 +
border: none;
 +
background: none;
 +
overflow: visible;
 +
line-height: 1.2em;
 +
}
 +
#p-personal h5 {
 +
display: none;
 +
}
 +
#p-personal .portlet,
 +
#p-personal .pBody {
 +
z-index: 0;
 +
padding: 0;
 +
margin: 0;
 +
border: none;
 +
overflow: visible;
 +
background: none;
 +
}
 +
/* this is the ul contained in the portlet */
 +
#p-personal ul {
 +
border: none;
 +
line-height: 1.4em;
 +
color: #2f6fab;
 +
padding: 0 2em 0 3em;
 +
margin: 0;
 +
text-align: right;
 +
list-style: none;
 +
z-index: 0;
 +
background: none;
 +
cursor: default;
 +
}
 +
#p-personal li {
 +
z-index: 0;
 +
border: none;
 +
padding: 0;
 +
display: inline;
 +
color: #2f6fab;
 +
margin-left: 1em;
 +
line-height: 1.2em;
 +
background: none;
 +
}
 +
#p-personal li a {
 +
text-decoration: none;
 +
color: #005896;
 +
padding-bottom: .2em;
 +
background: none;
 +
}
 +
#p-personal li a:hover {
 +
background-color:green;
 +
    color:#fff;
 +
padding-bottom: .2em;
 +
text-decoration: none;
 +
}
 +
#p-personal li.active a:hover {
 +
background-color: transparent;
 +
}
 +
/* the icon in front of the user name, single quotes
 +
in bg url to hide it from iemac */
 +
li#pt-userpage,
 +
li#pt-anonuserpage,
 +
li#pt-login {
 +
background: url(user.gif) top left no-repeat;
 +
padding-left: 20px;
 +
text-transform: none;
 +
}
 +
#p-personal ul {
 +
text-transform: lowercase;
 +
}
 +
#p-personal li.active {
 +
font-weight: bold;
 +
}
 +
/*
 +
** the page-related actions- page/talk, edit etc
 +
*/
 
#p-cactions {
 
#p-cactions {
 
position: absolute;
 
position: absolute;
Regel 370: Regel 598:
 
list-style: none;
 
list-style: none;
 
font-size: 95%;
 
font-size: 95%;
 
 
}
 
}
/*geen border of kleur mee
+
/*geen border of kleur mee hierboven background ...... hallo
 
wel verleidelijk
 
wel verleidelijk
 
border:1px solid #BBB;
 
border:1px solid #BBB;
Regel 381: Regel 608:
 
color:black;
 
color:black;
 
*/
 
*/
 +
 +
#p-cactions ul {
 +
list-style: none;
 +
}
 +
 +
#p-cactions li {
 +
display: inline;
 +
        border:none;
 +
}
 +
/*
 +
#p-cactions li {
 +
display: inline;
 +
border: 1px solid #BBB;
 +
padding: 0 0 .1em 0;
 +
margin: 0 .3em 0 0;
 +
overflow: visible;
 +
background: #F5F5F5;
 +
-moz-border-radius: 5px;
 +
-webkit-border-radius: 5px;
 +
border-radius: 5px;
 +
}
 +
*/
 +
 +
#p-cactions li.selected {
 +
border-color: #fabd23;
 +
padding: 0 0 .2em 0;
 +
font-weight: bold;
 +
}
 +
 +
#p-cactions li a{
 +
font: normal 12px ;
 +
color: #494949;
 +
padding: 2px 5px; /* 4  7 hallo*/
 +
margin: 0;
 +
text-decoration: none;
 +
order: none;
 +
        background-color: #f3ffe6;
 +
}
 +
/*hieronder achtergrond van tabs boven, indien selected in usewebmastertab geselecteerd*/
 +
#p-cactions li.selected a {
 +
z-index: 3;
 +
padding: 0 0.5em .2em! important;
 +
background-color: #F0FCD7;
 +
        font-weight: normal;
 +
}
 +
 +
#p-cactions .new a {
 +
color: #ba0000;
 +
}
 +
#p-cactions li a:hover {
 +
z-index: 3;
 +
text-decoration: none;
 +
/* background-color: #D1FEAE; hallo*/
 +
background-color:green;
 +
    color:#fff;
 +
-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 h5 {
 +
display: none;
 +
}
 +
#p-cactions li.istalk {
 +
margin-right: 0;
 +
}
 +
#p-cactions li.istalk a {
 +
padding-right: .5em;
 +
}
 +
#p-cactions #ca-addsection a {
 +
padding-left: .4em;
 +
padding-right: .4em;
 +
}
 +
/* offsets to distinguish the tab groups */
 +
li#ca-talk {
 +
margin-right: 1.6em;
 +
}
 +
li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
 +
margin-left: 1.6em;
 +
}
 +
 +
#p-cactions .pBody {
 +
font-size: 1em;
 +
background-color: #FAFFF0; /*background-color: transparent; */
 +
color: inherit;
 +
border-collapse: inherit;
 +
border: 0;
 +
padding: 0;
 +
}
 +
#p-cactions .hiddenStructure {
 +
display: none;
 +
}
 +
 +
/*voorheen FFD010  webmaster werkt kennelijk niet #FFD010*/
 +
#p-cactions li.webmaster a {
 +
padding: 3px 7px;
 +
border: none;
 +
background-color: #FFF0A0;
 +
-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-talk { display:none!important; }
 
#ca-history { display:none!important; }
 
#ca-history { display:none!important; }
/*#ca-delete { display: none !important; } */
+
 
 +
/*
 +
#ca-delete { display: none !important; } */
 
#ca-createaccount { display:none!important; }
 
#ca-createaccount { display:none!important; }
 
#ca-editsection { display:none!important; }
 
#ca-editsection { display:none!important; }
Regel 522: Regel 870:
 
.ns-936#catlinks  { background-color: #FFDAB9; }
 
.ns-936#catlinks  { background-color: #FFDAB9; }
 
.ns-936 #content { background-color: #FFDAB9; }
 
.ns-936 #content { background-color: #FFDAB9; }
.ns-936 #table  { background-color: #FFDAB9; }prin
+
.ns-936 #table  { background-color: #FFDAB9; }
 
.ns-936 div.thumb  { border-color: #FFDAB9; }
 
.ns-936 div.thumb  { border-color: #FFDAB9; }
 
.ns-938#catlinks  { background-color: #F5F5F5; }
 
.ns-938#catlinks  { background-color: #F5F5F5; }

Huidige versie van 17 jul 2024 om 14:42

/** 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; }
/*
To remove the link Privacy policy use:
#f-list #privacy { display: none; }
For the About link use:
#f-list #about { display: none; }
To hide the Disclaimers link add the code:
#f-list #disclaimer { display: none; }
If you add the code:
#f-list { display: none; } alles weg
*/
#f-poweredbyico {
	display: none !important;
}
#f-list #disclaimer { display: none; }
/* 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;;
}

#column-content {
	width: 100%;
	float: right;
	margin: 0 0 .6em -12.2em;
	padding: 0;
}

#content {
	margin: 2.8em 0 0 12.2em;
	padding: 0.6em 1em 1em 1em;
	position: relative;
	z-index: 2;
	background: white;
	color: black;
	border: none;
	line-height: 1.5em;
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
	border-radius: 26px;
}

#column-one {
	padding-top: 160px;
}

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

body {
	font: x-small sans-serif;
	background: #FAFAFA;
	color: black;
	margin: 0;
	padding: 0;
}
.schaduw
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-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);
}
.rond /*geen schaduw dus */
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}


.portlet {
	border: none;
	margin: 0 0 .5em;
	padding: 0;
	float: none;
	width: 11.6em;
	overflow: hidden;
}
.portlet h4 {
	font-size: 95%;
	font-weight: normal;
	white-space: nowrap;
}
.portlet h5 {
	background: transparent;
	padding: 0 1em 0 .5em;
	display: inline;
	height: 1em;
	text-transform: lowercase;
	font-size: 91%;
	font-weight: normal;
	white-space: nowrap;
}
/*
	border: 1px solid #2f6fab;
	border-style: solid solid none solid;
*/
.portlet h6 {
	background: #ffae2e;
	border: none;
	padding: 0 1em 0 1em;
	text-transform: lowercase;
	display: block;
	font-size: 1em;
	height: 1.2em;
	font-weight: normal;
	white-space: nowrap;
}
.pBody {
	font-size: 95%;
	background-color: #F5F5F5;
	color: black;
	border-collapse: collapse;
	border: none;
	padding: 0 .8em .3em .5em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
} 
/*hallo*/
/*	border: 1px solid #aaa;*/
.portlet h1,
.portlet h2,
.portlet h3,
.portlet h4 {
	margin: 0;
	padding: 0;
}
.portlet ul {
	line-height: 1.5em;
	list-style-type: square;
	list-style-image: url(bullet.gif);
	font-size: 95%;
}
.portlet li {
	padding: 0;
	margin: 0;
}

/* =================== */
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;
color: #FFFFFF;
-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; 
}
#bodyContent .plainlinks a {
   -moz-border-radius: 6px  !important;
   -webkit-border-radius: 6px  !important;
   border-radius: 6px  !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.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);
}

.email {unicode-bidi: bidi-override; /* Doesn't work well in IE versions before 9.0 */
    direction: rtl;
    float: left;
    clear: left;
    position: relative;
}
.email span {
    display: none;
}

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

#p-personal {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
	overflow: visible;
	line-height: 1.2em;
}
#p-personal h5 {
	display: none;
}
#p-personal .portlet,
#p-personal .pBody {
	z-index: 0;
	padding: 0;
	margin: 0;
	border: none;
	overflow: visible;
	background: none;
}
/* this is the ul contained in the portlet */
#p-personal ul {
	border: none;
	line-height: 1.4em;
	color: #2f6fab;
	padding: 0 2em 0 3em;
	margin: 0;
	text-align: right;
	list-style: none;
	z-index: 0;
	background: none;
	cursor: default;
}
#p-personal li {
	z-index: 0;
	border: none;
	padding: 0;
	display: inline;
	color: #2f6fab;
	margin-left: 1em;
	line-height: 1.2em;
	background: none;
}
#p-personal li a {
	text-decoration: none;
	color: #005896;
	padding-bottom: .2em;
	background: none;
}
#p-personal li a:hover {
	background-color:green;
    color:#fff;
	padding-bottom: .2em;
	text-decoration: none;
}
#p-personal li.active a:hover {
	background-color: transparent;
}
/* the icon in front of the user name, single quotes
in bg url to hide it from iemac */
li#pt-userpage,
li#pt-anonuserpage,
li#pt-login {
	background: url(user.gif) top left no-repeat;
	padding-left: 20px;
	text-transform: none;
}
#p-personal ul {
	text-transform: lowercase;
}
#p-personal li.active {
	font-weight: bold;
}
/*
** the page-related actions- page/talk, edit etc
*/
#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 hierboven background ...... hallo
wel verleidelijk
	border:1px solid #BBB;
	background:#EDEDED; 
		-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color:black;
*/

#p-cactions ul {
	list-style: none;
}

#p-cactions li {
	display: inline;
        border:none;
}
/*
#p-cactions li {
	display: inline;
	border: 1px solid #BBB;
	padding: 0 0 .1em 0;
	margin: 0 .3em 0 0;
	overflow: visible;
	background: #F5F5F5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
*/

#p-cactions li.selected {
	border-color: #fabd23;
	padding: 0 0 .2em 0;
	font-weight: bold;
}

#p-cactions li a{
	font: normal 12px ;
	color: #494949;
	padding: 2px 5px; /* 4  7 hallo*/
	margin: 0;
	text-decoration: none;
	order: none;
        background-color: #f3ffe6;
}
/*hieronder achtergrond van tabs boven, indien selected in usewebmastertab geselecteerd*/
#p-cactions li.selected a {
	z-index: 3;
	padding: 0 0.5em .2em! important;
	background-color: #F0FCD7;
        font-weight: normal;
}

#p-cactions .new a {
	color: #ba0000;
}
#p-cactions li a:hover {
	z-index: 3;
	text-decoration: none;
	/* background-color: #D1FEAE; hallo*/
	background-color:green;
    color:#fff;	
	-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 h5 {
	display: none;
}
#p-cactions li.istalk {
	margin-right: 0;
}
#p-cactions li.istalk a {
	padding-right: .5em;
}
#p-cactions #ca-addsection a {
	padding-left: .4em;
	padding-right: .4em;
}
/* offsets to distinguish the tab groups */
li#ca-talk {
	margin-right: 1.6em;
}
li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
	margin-left: 1.6em;
}

#p-cactions .pBody {
	font-size: 1em;
	background-color: #FAFFF0; /*background-color: transparent; */
	color: inherit;
	border-collapse: inherit;
	border: 0;
	padding: 0;
}
#p-cactions .hiddenStructure {
	display: none;
}

/*voorheen FFD010  webmaster werkt kennelijk niet #FFD010*/
#p-cactions li.webmaster a {
	padding: 3px 7px;
	border: none;
	background-color: #FFF0A0;
	-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-viewsource { display:none!important; }
#ca-watch { display:none!important; }
#ca-unwatch { display:none!important; }
/*#ca-edit { display:none!important; } 
#ca-protect { display:none!important; }
#ca-move { display:none!important; }  dit moet in localsettings gebeuren voor diverse users*/

#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; }
.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; }
}
.schaduw
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-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);
}
.rond /*geen schaduw dus */
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.barcode {
		font-family:"3 of 9 Barcode";
		font-size:20.0pt;
	}
.achternaam {
		font-family: 'Comic Sans MS';
		font-size:20.0pt;
	}	
.roepnaam {
		font-family: 'Comic Sans MS';
		font-size:42.0pt;
	}
.toevoegsel {
		font-family: 'Comic Sans MS';
		font-size:12.0pt;
	}	
	
.label {
    background:#F5F5F5;
    position: absolute;
    border-collapse:collapse; 
    width:7cm; 
    height:3.71cm;
    margin: 0cm;
    padding: 0.1cm;
    left: 0cm;
    top: 0cm;
    outline: 1px dotted; /* outline doesn't occupy space like border does */
    border-style:dotted;
	overflow: hidden;
}

.paper {
      position:relative;
      margin: 0.00cm;
      padding: 0;
      left: 0cm;
      top: 0cm;
      width: 21cm;
      height: 29.7cm;
      border:1px solid black;
      border-style:dotted;
}