MediaWiki:Common.css: verschil tussen versies
Uit Parwiki
(41 tussenliggende versies door dezelfde gebruiker niet weergegeven) | |||
Regel 7: | Regel 7: | ||
ol.references li:target { background-color: #ddeeff; } | ol.references li:target { background-color: #ddeeff; } | ||
sup.reference:target { background-color: #aaeeff; } | 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 */ | /* keep superscript and subscript text from breaking the line-spacing */ | ||
#bodyContent sup { | #bodyContent sup { | ||
Regel 22: | 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 138: | 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 204: | Regel 350: | ||
border: 1px solid #33cc33; | border: 1px solid #33cc33; | ||
} | } | ||
− | + | #footer { display: none; } /*footer was uitgezet nu vial localsettings onderaan */ | |
span.plainklik a, | span.plainklik a, | ||
Regel 260: | 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 334: | Regel 492: | ||
} | } | ||
− | . | + | .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 */ | .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 { | #p-cactions { | ||
position: absolute; | position: absolute; | ||
Regel 361: | 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 372: | 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 381: | Regel 738: | ||
#ca-watch { display:none!important; } | #ca-watch { display:none!important; } | ||
#ca-unwatch { 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-main { display:none!important; } | ||
Regel 510: | 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; } | + | .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; } | ||
Regel 520: | Regel 880: | ||
.ns-940 #table { background-color: #F5F5F5; } | .ns-940 #table { background-color: #F5F5F5; } | ||
.ns-940 div.thumb { border-color: #F5F5F5; } | .ns-940 div.thumb { border-color: #F5F5F5; } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
#link-knop a | #link-knop a | ||
Regel 572: | Regel 892: | ||
@media print { | @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, | .editlink, .metadata, .dablink, .toc, .infobox, .catlinks, .subpages, | ||
.navigation, #privacy, #about, #disclaimer { | .navigation, #privacy, #about, #disclaimer { | ||
Regel 602: | Regel 928: | ||
li#disclaimer, | li#disclaimer, | ||
li#privacy, | li#privacy, | ||
+ | #mw-navigation, | ||
+ | #mw-search, | ||
#mw-hidden-catlinks { | #mw-hidden-catlinks { | ||
/* Hides all the elements irrelevant for printing */ | /* Hides all the elements irrelevant for printing */ | ||
Regel 608: | Regel 936: | ||
@media screen, projection { | @media screen, projection { | ||
.printonly { display: none !important; } | .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; | ||
} | } |
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; }