Gebruiker:DarkShadowTNT/common.css

Opmerking: nadat u de wijzigingen hebt gepubliceerd is het wellicht nodig uw browsercache te legen.

Firefox / Safari: houd Shift ingedrukt terwijl u 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)
Internet Explorer / Edge: houd Ctrl ingedrukt terwijl u op Vernieuwen klikt of druk op Ctrl-F5
Opera: druk op Ctrl-F5.

/** Font preferences! **/
@import url('https://fonts.googleapis.com/css?family=Roboto');

/* Change the default font to Roboto with some back-up fonts if needed... */
.mw-editsection,
html,
body,
select,
input,
button,
.input-counter,
.footer-links,
#netbar,
#content h1, /* Otherwise it bugs out and the headers are not in my specified font */
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content #firstHeading {
    font-family: 'Roboto', sans-serif !important; /* I want it to be always like this */
}

/* ...but not the ones listed here */
pre,
code,
tt,
kbd,
samp,
.mw-code,
.mw-scribunto-input,
.mw-scribunto-print,
.mw-scribunto-error,
#mw-scribunto-input.mw-scribunto-input {
    font-family: Consolas, monospace !important; /* I want it to be always like this */
}

/* For the standard editor on Wikipages */
textarea {
	font-family: Consolas, monospace !important;
	font-size: 90%;
}

/* Show redirects */
.mw-redirect {
	color:#32CD32;
}

.mw-redirect:visited {
	color:#008000;
}

/* Show disambigs */
.mw-disambig {
	color:#DAA520;
}

.mw-disambig:visited {
	color:#D2691E;
}

/* Highlight the change of bytes in RTRC */
.mw-plusminus-pos {
	color:#006400;
}

.mw-plusminus-neg {
	color:#8b0000;
}

/** The dropdown **/
/* Dropdown Button */
.dropbtn {
    background-color: #FFFFFF;
    color: #252525;
    padding: 0;
    font-size: 100%;
    border: none;
    cursor: pointer;
    margin-top: 0;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #F1F1F1;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
    position: absolute;
    background-color: #FFFFFF;
    width:10%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    text-align: center;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #252525;
    padding: 2px 2px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #F1F1F1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

/* Change the blue-ish image of the unnumbered list (<ul>) */
ul {
	list-style-type: disc;
	list-style-image: url('images/bullet-icon.png');
}