Gebruiker:Rex/simple.css
Uiterlijk
Opmerking: na het publiceren is het wellicht nodig uw browsercache te legen om de veranderingen te zien.
- Firefox / Safari: houd Shift ingedrukt terwijl u:je op Vernieuwen klikt of druk op Ctrl-F5 of Ctrl-R (⌘-Shift-R op een Mac)
- Google Chrome: druk op Ctrl-Shift-R (⌘-Shift-R op een Mac)
- Edge: houd Ctrl ingedrukt terwijl u:je op Vernieuwen klikt of druk op Ctrl-F5.
/*
Firefox only.
b #3B4F55
h #29658A
g1 #8DC63F
g2 #6C9450
*/
body {
margin: 0;
padding: 0;
background-color: #5A6D73;
background-image: url(http://www.slingerland.cjb.net/images/bgtile.gif);
font-family: sans-serif;
font-size: 12px;
}
#globalWrapper {
position: relative;
width: 80%;
height: 100%;
margin: 0 auto 0 auto;
padding-bottom: 2em;
}
#column-content {
margin: 4.8em 0 0 0;
text-align: left;
background: white;
-moz-border-radius: 16px;
}
#content {
padding: 1.1em 1.5em 1.5em 1.5em;
margin: 0;
border: none;
z-index: 1;
}
#column-one {
z-index: 0;
position: absolute;
height: 5em;
width: 100%;
display: table-cell;
vertical-align: middle;
}
#footer {
display: none;
}
.portlet {
font-size: 11px;
display: inline;
float: inherit;
}
.portlet h5, #p-search {
display: none;
}
.portlet ul {
margin: 0.8em 0 0 10px;
padding: 0;
}
.portlet li {
display: inline;
text-transform: lowercase;
}
.portlet a {
text-decoration: none;
color: white;
}
.portlet a:hover {
text-decoration: underline;
}
#p-lang {
display: block;
vertical-align: bottom;
height: 42px;
float: right;
width: 50%;
margin: 0.8em 0 0 auto;
padding-right: 1em;
background: white !important;
line-height: 1.7em;
overflow: hidden;
-moz-border-radius: 0 16px 16px 0;
}
#p-lang:hover {
-moz-opacity: 1;
}
#p-lang ul {
margin: 0.2em 0 0 0;
padding: 0;
text-align: right;
-moz-opacity: 0.7;
}
#p-lang a {
color: #5A6D73;
}
#p-lang .interwiki-en a,
#p-lang .interwiki-de a {
font-weight: bold;
}
#iwcount {
font-size: 11px;
font-weight: bold;
background-color: #3B4F55;
width: 1.8em;
height: 20px;
position: relative;
left: 1em;
text-align: center;
padding: 1em 0 -1em 0;
color: white;
float: right;
-moz-border-radius: 0 16px 0 16px;
}
#p-navigation {
position: absolute;
right: 10px;
top: 0;
display: block;
width: 50%;
text-align: right;
}
#p-tb {
position: absolute;
right: 10px;
top: 2em;
display: block;
width: 50%;
text-align: right;
}
#p-navigation2 {
display: none;
}
ul {
margin-right: 1.2em;
}
a {
color: #224488;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a.new {
text-decoration: none;
color: #AA4422;
}
a.extiw {
color: #6699CC !important;
}
h1 {
font-size: 150%;
line-height: 1.2em;
color: #29658A;
padding: 0;
margin: 0.4em 0 0.8em 0;
}
h2 {
color: #29658A;
font-size: 150%;
line-height: 1.2em;
padding: 0;
border-bottom: none;
border-top: 1px dashed silver;
padding-top: 0.8em;
margin: 0.8em 0 0.8em 0;
}
h3 {
color: #29658A;
font-size: 115%;
line-height: 1.2em;
padding: 0;
margin: 1.2em 0 0.7em 0;
}
p {
padding: 0;
margin: 10px 0 10px 0;
}
p.emph {
margin: 20px 10px 10px 10px;
font-weight: bold;
font-style: italic;
}
.menuitem {
padding-top: 12px;
text-align: center;
float: left;
}
li.new {
text-decoration: none;
}
li.new a {
color: #1C2F34;
}
.usermessage {
background-color: #8DC63F;
border-top: 3px solid #6C9450;
padding-left: 20px;
background-image: url(../images/header4bg.gif);
background-repeat: no-repeat;
background-position: left bottom;
height: 30px;
margin: 0 1px 2em 1px;
color: white;
font-weight: bold;
}
#contentSub {
position: relative;
bottom: 1em;
font-size: smaller;
color: gray;
padding: 0 !important;
}
pre {
padding-left: 3px;
border: 1px dashed #8DC63F;
}
dt {
font-weight: bold;
margin-bottom: .1em;
}
dl {
margin-top: .2em;
margin-bottom: .5em;
}
dd {
line-height: 1.5em;
margin-left: 2em;
margin-bottom: .1em;
}
input[type="text"], input[type="file"] {
border: 1px solid #6C909B;
margin-top: 0.5em;
padding: 0;
font: 12px sans-serif;
}
textarea {
border: 1px solid #6C909B;
}
input[type="button"], input[type="reset"], input[type="submit"] {
margin-top: 0.5em;
border: 1px solid #6C909B;
}
#toc, #catlinks, .toccolours {
border: 1px solid #8888aa;
background-color: #f7f8ff;
padding: 5px;
font-size: 95%;
}
#toc .tocindent { margin-left: 2em; }
#toc .tocline { margin-bottom: 0px; }
#toc p { margin: 0 }
#toc .toctoggle { font-size: 95%; }
#toc .editsection {
margin-top: 0.7em;
font-size: 94%;
}
#toc h2,
.toc h2 {
display: inline;
border: none;
padding: 0;
font-size: 100%;
font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
text-align: center;
}
#toc ul,
.toc ul {
list-style-type: none;
list-style-image: none;
margin-left: 0;
padding-left: 0;
text-align: left;
}
#toc ul ul,
.toc ul ul {
margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
font-size: 94%;
}
#catlinks {
margin: 2em 1em 0 0;
clear: both;
-moz-border-radius: 0 0 16px 16px;
}
.catlinks {
width: 100% !important;
text-align: left !important;
margin: 0;
padding: 0;
}
.catlinks a, #toc a, .toccolours a {
text-decoration: none;
}
/* images */
div.floatright, table.floatright {
clear: right;
float: right;
position: relative;
margin: 0 0 .5em .5em;
border: 0;
/*
border: .5em solid white;
border-width: .5em 0 .8em 1.4em;
*/
}
div.floatright p { font-style: italic; }
div.floatleft, table.floatleft {
float: left;
position: relative;
margin: 0 .5em .5em 0;
border: 0;
/*
margin: .3em .5em .5em 0;
border: .5em solid white;
border-width: .5em 1.4em .8em 0;
*/
}
div.floatleft p { font-style: italic; }
/* thumbnails */
div.thumb {
margin-bottom: .5em;
border-style: solid;
border-color: white;
width: auto;
}
div.thumb div {
border: 1px solid #ccc;
padding: 3px !important;
background-color: #f7f8ff;
font-size: 94%;
text-align: center;
overflow: hidden;
}
div.thumb div a img {
border: 1px solid #ccc;
}
div.thumb div div.thumbcaption {
border: none;
text-align: left;
line-height: 1.4em;
padding: .3em 0 .1em 0;
}
div.magnify {
float: right;
border: none !important;
background: none !important;
}
div.magnify a, div.magnify img {
display: block;
border: none !important;
background: none !important;
}
div.tright {
clear: right;
float: right;
border-width: .5em 0 .8em 1.4em;
}
div.tleft {
float: left;
margin-right: .5em;
border-width: .5em 1.4em .8em 0;
}
.not-patrolled {
background-color: #ffa;
}
div.patrollink {
font-size: 75%;
text-align: right;
}
table.gallery {
border: 1px solid #ccc;
margin: 2px;
padding: 2px;
background-color: white;
}
table.gallery tr {
vertical-align: top;
}
table.gallery td {
vertical-align: top;
background-color: #f7f8ff;
border: solid 2px white;
}
div.gallerybox {
margin: 2px;
width: 150px;
}
div.gallerybox div.thumb {
text-align: center;
border: 1px solid #ccc;
margin: 2px;
}
div.gallerytext {
font-size: 94%;
padding: 2px 4px;
}
table.metadata {
font-size: 0.8em;
margin-left: 0.5em;
margin-bottom: 0.5em;
}
table.metadata caption {
font-weight: bold;
}
table.metadata th {
font-weight: normal;
}
table.metadata td {
padding: 0.1em;
}
table.metadata {
border: none;
border-collapse: collapse;
}
table.metadata td, table.metadata th {
text-align: center;
border: 1px solid #aaaaaa;
padding-left: 0.1em;
padding-right: 0.1em;
}
table.metadata th {
background-color: #f7f8ff;
}
table.metadata td {
background-color: #f7f8ff;
}
ul#filetoc {
text-align: center;
border: 1px solid #aaaaaa;
background-color: #f7f8ff;
padding: 5px;
font-size: 95%;
margin-bottom: 0.5em;
margin-left: 0;
margin-right: 0;
}
#filetoc li {
display: inline;
list-style-type: none;
padding-right: 2em;
}
span.newpage, span.minor, span.searchmatch {
font-weight: bold;
}
span.unpatrolled {
font-weight: bold;
color: red;
}
.editsection {
font-size: 8pt;
position: relative;
top: 2em;
}
img {
border: none;
}
#t-permalink, #t-ispermalink, #t-recentchangeslinked, #t-print {
display: none;
}