MediaWiki:Common.css: verschil tussen versies

Uit Wikikids
Naar navigatie springen Naar zoeken springen
 
(147 tussenliggende versies door 6 gebruikers niet weergegeven)
Regel 1: Regel 1:
−
/** CSS die hier wordt geplaatst heeft invloed op alle skins
+
@import url("https://wikikids.nl/index.php?action=raw&title=MediaWiki:Fix.css&ctype=text/css");
−
<pre>*/
 
  
−
/* WIKIKIDS LOGO */
+
/**
−
#p-logo a { background-image:url(http://wikikids.wiki.kennisnet.nl/images/b/bc/Wiki.png) !important; }
+
* Het WikiKids Logo
−
 
+
*/
−
table.gallery {
+
#p-logo a {  
−
  background-color: rgb(249, 249, 249);
+
background-image:url( 'https://wikikids.nl/images/b/bc/Wiki.png' ) !important;
−
}
 
−
table.gallery td {
 
−
  border-color: rgb(249, 249, 249);
 
 
}
 
}
  
−
/*
+
/**
−
== Tabelstijlen ==
+
* Afwijkende opmaak Wikitable
−
Het is niet handig als iedereen z'n eigen tabellen moet ontwerpen.
+
*/
−
Hiervoor is de 'wikitable'-stijl ontwikkeld. Daarnaast bestaan class
+
table.wikitable > tr > th,
−
'geel', 'rood' en 'blauw' om speciale kleurstijlen mogelijk te maken.
+
table.wikitable > * > tr > th {
−
*/
+
background-color: #ddd;
−
 
 
−
/* Standaard */
 
−
.wikitable, .wikitable table
 
−
{
 
−
  border:2px solid;
 
−
  border-collapse:collapse;
 
−
  font-size:95%;
 
−
  margin:1em;
 
−
}
 
−
 
 
−
.wikitable td, table.wikitable th
 
−
{
 
−
  border:1px solid;
 
−
  padding:4px;
 
−
}
 
−
 
 
−
table.wikitable th
 
−
{
 
−
  border:2px solid;
 
 
}
 
}
  
 
/* Geel */
 
/* Geel */
−
/* (1:#FFFF00;2:#FFFFCC;3:FFEE00;4:CCFF66) */
+
.wikitable-geel, .wikitable-geel table {
−
.wikitable-geel, .wikitable-geel table
+
border: 2px solid #FFF06A;
−
{
+
border-collapse: collapse;
−
  border:2px solid #FFFF00;
+
margin: 1em;
−
  border-collapse:collapse;
+
background: #FFF9CE;
−
  font-size:95%;
 
−
  margin:1em;
 
−
  background:#FFFFCC;
 
 
}
 
}
−
 
+
.wikitable-geel td, table.wikitable-geel th {
−
.wikitable-geel td, table.wikitable-geel th
+
border: 1px solid #FFF06A;
−
{
+
padding: 4px;
−
  border:1px solid #FFEE00;
 
−
  padding:4px;
 
 
}
 
}
−
 
+
table.wikitable-geel th {
−
table.wikitable-geel th
+
border: 1px solid #FFF06A;
−
{
+
background: #FFF06A;
−
  border:2px solid #FFEE00;
 
−
  background:#CCFF66;
 
 
}
 
}
  
 
/* Rood */
 
/* Rood */
−
/* (1:#FF0000;2:FFCC99;3:FF6666;4:FF9966) */
+
.wikitable-rood, .wikitable-rood table {
−
.wikitable-rood, .wikitable-rood table
+
border: 2px solid #FF5353;
−
{
+
border-collapse: collapse;
−
  border:2px solid #FF0000;
+
margin: 1em;
−
  border-collapse:collapse;
+
background: #FFB5B5;
−
  font-size:95%;
 
−
  margin:1em;
 
−
  background:#FFCC99;
 
 
}
 
}
−
 
+
.wikitable-rood td, table.wikitable-rood th {
−
.wikitable-rood td, table.wikitable-rood th
+
border: 1px solid #FF5353;
−
{
+
padding: 4px;
−
  border:1px solid #FF6666;
 
−
  padding:4px;
 
 
}
 
}
−
 
+
table.wikitable-rood th {
−
table.wikitable-rood th
+
border: 1px solid #FF5353;
−
{
+
background: #FF5353;
−
  border:2px solid #FF6666;
 
−
  background:#FF9966;
 
 
}
 
}
  
 
/* Blauw */
 
/* Blauw */
−
/* (1:#0000FF;2:99CCFF;3:3399FF;4:0066FF) */
+
.wikitable-blauw, .wikitable-blauw table {
−
.wikitable-blauw, .wikitable-blauw table
+
border: 2px solid #7BA7E1;
−
{
+
border-collapse: collapse;
−
  border:2px solid #0000FF;
+
margin: 1em;
−
  border-collapse:collapse;
+
background: #BAD0EF;
−
  font-size:95%;
 
−
  margin:1em;
 
−
  background:#99CCFF;
 
 
}
 
}
  
−
.wikitable-blauw td, table.wikitable-blauw th
+
.wikitable-blauw td, table.wikitable-blauw th {
−
{
+
border: 1px solid #7BA7E1;
−
  border:1px solid #3399FF;
+
padding: 4px;
−
  padding:4px;
+
}
 +
table.wikitable-blauw th {
 +
border: 1px solid #7BA7E1;
 +
background: #7BA7E1;
 
}
 
}
  
−
table.wikitable-blauw th
+
/**
−
{
+
* Het onzichtbaar maken van wat style-elementen voor gebruiksvriendelijkheid
−
  border:2px solid #3399FF;
+
*/
−
  background:#0066FF;
+
.blocklog,
 +
.user-show,
 +
.modtools,
 +
#t-upload,
 +
#mw-indicator-mw-helplink,
 +
#mw-usercssyoucanpreview,
 +
#mw-userjsyoucanpreview,
 +
#p-Moderators,
 +
.mw-translateinterface,
 +
.page-Hoofdpagina h1,
 +
.page-Hoofdpagina #p-lang,
 +
.page-Wikikids_Blokverzoek #wpSummary,
 +
.page-Wikikids_Blokverzoek .mw-summary,
 +
.page-Wikikids_CUVerzoek #wpSummary,
 +
.page-Wikikids_CUVerzoek .mw-summary,
 +
.page-Wikikids_Badge_Bazaar #wpSummary,
 +
.page-Wikikids_Badge_Bazaar .mw-summary,
 +
.page-Speciaal_Uploaden .mw-editTools,
 +
.page-Wikikids_Alarm h1,
 +
.page-Wikikids_Aanpassen h1,
 +
.page-Wikikids_Uploaden h1,
 +
.page-Wikikids_Uploaden #contentSub,
 +
.page-Wikikids_Uploaden_commons h1,
 +
.page-Wikikids_Uploaden_commons #contentSub,
 +
.page-Wikikids_Uploaden_zelf h1,
 +
.page-Wikikids_Uploaden_zelf #contentSub,
 +
.page-Wikikids_Uploaden_anders h1,
 +
.page-Wikikids_Uploaden_anders #contentSub,
 +
.page-Speciaal_WizardUploaden #contentSub,
 +
.page-Wikikids_Awards h1,
 +
.page-Wikikids_Awards #wpSummary,
 +
.page-Wikikids_Awards .mw-summary,
 +
.page-Wikikids_Award_Museum h1,
 +
.page-Wikikids_SuperSchrijfwedstrijd_2020_inschrijven #wpSummaryLabel,
 +
.page-Wikikids_SuperSchrijfwedstrijd_2020_inschrijven #firstHeading,
 +
div#ooui-19.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-tabOptionWidget.oo-ui-labelElement,
 +
.ve-active .bin_icon {
 +
display: none;
 
}
 
}
  
−
/*Bugfix diff*/
+
.page-Hoofdpagina .mw-ui-button {
−
td.diff-otitle,
+
background-color: #3366cc;
−
td.diff-ntitle {
+
color: #fff;
−
  width:49%;
+
border: 1px solid #3366cc;
 
}
 
}
  
−
/* Onzichtbaar maken van de 'wijzig titel' knop in de Gebruiker: en de Overleg gebruiker: naamruimtes. */
+
.page-Speciaal_Uploaden .mw-htmlform-field-HTMLTextAreaField {
−
.ns-2 #ca-move, .ns-3 #ca-move {
+
    color: #fff;
−
  display:none;
+
    background-color: #cc0000;
 +
    font-weight: bold;
 
}
 
}
  
−
pre {
+
/**
−
  font-size:13px;
+
* Opmaak voor de filtermeldingen in de visualeditor
 +
*/
 +
div.oo-ui-window-frame {
 +
width: 700px !important;
 +
height: 400px !important;
 
}
 
}
−
 
+
div.oo-ui-processDialog-errors {
−
select#mw-input-wpExpiry {
+
background-color: rgba(255,255,255,1);
−
  width:303px;
+
padding: 3em 2em 1.5em 2em;
−
  margin-left:2px;
+
text-align: center;
 +
}
 +
div.oo-ui-processDialog-error {
 +
        font-size: 13px;
 +
margin: 0 !important;
 +
padding: 0 !important;
 +
border: 0 !important;
 +
background-color: #fff !important;
 
}
 
}
−
 
+
div.oo-ui-processDialog-errors-title {
−
select#mw-input-wpReason {
+
display: none !important;
−
  width:303px;
 
−
  margin-left:2px;
 
 
}
 
}
  
−
select#wpDeleteReasonList {
+
/**
−
  width: 393px;
+
* In- en uitklapfunctie gebruikt in Sjabloon:Uitklappen.
−
  margin-left:2px;
+
*/
 +
div.UitklapFrame {
 +
clear: both;
 +
margin: 0;
 +
padding: 0;
 +
border: 1px solid #aaa;
 +
border-collapse: collapse;
 +
background-color: #f9f9f9;
 +
font-size: 95%;
 
}
 
}
−
 
+
div.UitklapFrameNoClear {
−
select#wpProtectReasonSelection {
+
margin: 0;
−
  width: 393px;
+
padding: 0;
−
  margin-left:2px;
+
border: 1px solid #aaa;
 +
border-collapse: collapse;
 +
background-color: #f9f9f9;
 +
font-size: 95%;
 
}
 
}
−
 
+
div.UitklapFrame div.UitklapHead {
−
.blocklog,
+
padding: 0 .5em;
−
.modtools,
+
text-align: center;
−
.page-Wikikids_Blokverzoek input#wpSummary,
+
font-weight: bold;
−
.page-Wikikids_Blokverzoek .mw-summary,
+
background-color: #ddd;
−
.page-Speciaal_Uploaden .mw-editTools,
 
−
.page-Wikikids_Alarm h1,
 
−
.page-Wikikids_Alarm #templ_Beveiligd,
 
−
.page-Gebruiker_Apoo h1,
 
−
.page-Gebruiker_Apoo #templ_Beveiligd,
 
−
.page-Overleg_gebruiker_Apoo h1,
 
−
.page-Speciaal_Uploaden .firstHeading {
 
−
  display:none;
 
 
}
 
}
−
 
+
div.UitklapFrame div.UitklapContent {
−
div.mw-warning-with-logexcerpt,
+
padding: 5px;
−
div.mw-lag-warn-high,
 
−
div.mw-cascadeprotectedwarning,
 
−
div#mw-protect-cascadeon {
 
−
    clear: both;
 
−
    margin: 0.2em 0;
 
−
    border: 1px solid #bb7070;
 
−
    background: #ffdbdb;
 
−
    padding: 0.25em 0.9em;
 
 
}
 
}
−
 
+
div.UitklapEind {
−
div#userlogin .captcha,
+
clear: both;
−
div#userloginForm .captcha {
 
−
    clear: both;
 
−
    margin: 25px;
 
−
    border: 1px solid #bb7070;
 
−
    background: #ffdbdb;
 
−
    padding: 0.25em 0.9em;
 
 
}
 
}
−
 
+
a.UitklapToggle {
−
div#userlogin form#userlogin2 {
+
float: right;
−
margin: 0 3em 1em 0;
+
padding: 0 .5em;
−
border: none;
 
−
clear: both;
 
−
padding: 1.5em 2em;
 
−
background-color: #FFFFFF;
 
−
float: left;
 
 
}
 
}
−
 
+
a.UitklapToggle:hover{
−
div#userlogin form#userlogin2 table {
+
cursor: pointer;
−
background-color: #FFFFFF;
 
 
}
 
}
  
−
/* Drie geneste divs met rode kaders
+
.portaalafbeelding {
−
Noot: Werkt mogelijk niet in sterk verouderde browser IE6, maar die moet wegens beveiligingsredenen sowieso upgraden
+
width:100%;
−
*/
+
height: 100%;
−
div.opvallend, div.opvallend>div{
 
−
  border:5px #cc0000 solid;
 
−
  margin:5px;
 
 
}
 
}
  
−
div.opvallend>div>div {
+
.pc50 {
−
  margin:5px;
+
width: 50%;
−
  font-size:125%;
 
 
}
 
}
  
−
#p-MEDIAWIKI_Wikiation_message_sidebar_navigation {
+
.pc75 {
−
  display:none;
+
width: 75%;
 
}
 
}
  
−
body.page-Hoofdpagina h1.firstHeading { display: none; }
+
.pc60 {
−
.minoredit { font-weight: bold; }
+
width: 60%;
−
.botedit { font-weight: bold; color: red; border-bottom: 1px dotted red; }
 
−
 
 
−
/* Aangepaste button op bijvoorbeeld [[Speciaal:Inloggen]] */
 
−
.mw-ui-button {
 
−
background: none repeat scroll 0% 0% #008640;
 
−
color: #FFF;
 
−
border-width: 1px medium;
 
−
border-style: solid none;
 
−
border-color: #00AF89 -moz-use-text-color;
 
−
-moz-border-top-colors: none;
 
−
-moz-border-right-colors: none;
 
−
-moz-border-bottom-colors: none;
 
−
-moz-border-left-colors: none;
 
−
border-image: none;
 
 
}
 
}
  
−
.mw-ui-button:hover {
+
.mobiel100pc50afbeelding {
−
background: none repeat scroll 0% 0% #009E57;
+
width: 50%;
 +
height: 50%;
 
}
 
}
  
−
#mw-userlogin-help {
+
@media only screen
−
display: none;
+
and (min-device-width : 320px)
 +
and (max-device-width : 480px) {
 +
    .mobiel100 {
 +
    width: 100%;
 +
    }
 +
.mobiel100pc50afbeelding {
 +
width: 100%;
 +
height: 100%;
 +
}
 
}
 
}
  
−
.mw-ui-vform {
+
.beoordelinggrijs {
−
width: 333px !important;
+
filter: grayscale(100%);
 
}
 
}
−
/*</pre>*/
 

Huidige versie van 2 jan 2025 om 03:44

@import url("https://wikikids.nl/index.php?action=raw&title=MediaWiki:Fix.css&ctype=text/css");

/**
 * Het WikiKids Logo
 */
#p-logo a { 
	background-image:url( 'https://wikikids.nl/images/b/bc/Wiki.png' ) !important;
}

/**
 * Afwijkende opmaak Wikitable
 */
table.wikitable > tr > th,
table.wikitable > * > tr > th {
	background-color: #ddd;
}

/* Geel */
.wikitable-geel, .wikitable-geel table {
	border: 2px solid #FFF06A;
	border-collapse: collapse;
	margin: 1em;
	background: #FFF9CE;
}
.wikitable-geel td, table.wikitable-geel th {
	border: 1px solid #FFF06A;
	padding: 4px;
}
table.wikitable-geel th {
	border: 1px solid #FFF06A;
	background: #FFF06A;
}

/* Rood */
.wikitable-rood, .wikitable-rood table {
	border: 2px solid #FF5353;
	border-collapse: collapse;
	margin: 1em;
	background: #FFB5B5;
}
.wikitable-rood td, table.wikitable-rood th {
	border: 1px solid #FF5353;
	padding: 4px;
}
table.wikitable-rood th {
	border: 1px solid #FF5353;
	background: #FF5353;
}

/* Blauw */
.wikitable-blauw, .wikitable-blauw table {
	border: 2px solid #7BA7E1;
	border-collapse: collapse;
	margin: 1em;
	background: #BAD0EF;
}

.wikitable-blauw td, table.wikitable-blauw th {
	border: 1px solid #7BA7E1;
	padding: 4px;
}
table.wikitable-blauw th {
	border: 1px solid #7BA7E1;
	background: #7BA7E1;
}

/**
 * Het onzichtbaar maken van wat style-elementen voor gebruiksvriendelijkheid
 */
.blocklog,
.user-show,
.modtools,
#t-upload,
#mw-indicator-mw-helplink,
#mw-usercssyoucanpreview,
#mw-userjsyoucanpreview,
#p-Moderators,
.mw-translateinterface,
.page-Hoofdpagina h1,
.page-Hoofdpagina #p-lang,
.page-Wikikids_Blokverzoek #wpSummary,
.page-Wikikids_Blokverzoek .mw-summary,
.page-Wikikids_CUVerzoek #wpSummary,
.page-Wikikids_CUVerzoek .mw-summary,
.page-Wikikids_Badge_Bazaar #wpSummary,
.page-Wikikids_Badge_Bazaar .mw-summary,
.page-Speciaal_Uploaden .mw-editTools,
.page-Wikikids_Alarm h1,
.page-Wikikids_Aanpassen h1, 
.page-Wikikids_Uploaden h1,
.page-Wikikids_Uploaden #contentSub,
.page-Wikikids_Uploaden_commons h1,
.page-Wikikids_Uploaden_commons #contentSub,
.page-Wikikids_Uploaden_zelf h1,
.page-Wikikids_Uploaden_zelf #contentSub,
.page-Wikikids_Uploaden_anders h1,
.page-Wikikids_Uploaden_anders #contentSub,
.page-Speciaal_WizardUploaden #contentSub,
.page-Wikikids_Awards h1,
.page-Wikikids_Awards #wpSummary,
.page-Wikikids_Awards .mw-summary,
.page-Wikikids_Award_Museum h1,
.page-Wikikids_SuperSchrijfwedstrijd_2020_inschrijven #wpSummaryLabel,
.page-Wikikids_SuperSchrijfwedstrijd_2020_inschrijven #firstHeading,
div#ooui-19.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-tabOptionWidget.oo-ui-labelElement,
.ve-active .bin_icon {
	display: none;
}

.page-Hoofdpagina .mw-ui-button {
	background-color: #3366cc;
	color: #fff;
	border: 1px solid #3366cc;
}

.page-Speciaal_Uploaden .mw-htmlform-field-HTMLTextAreaField {
    color: #fff;
    background-color: #cc0000;
    font-weight: bold;
}

/**
 * Opmaak voor de filtermeldingen in de visualeditor
 */
div.oo-ui-window-frame {
	width: 700px !important;
	height: 400px !important;
}
div.oo-ui-processDialog-errors {
	background-color: rgba(255,255,255,1);
	padding: 3em 2em 1.5em 2em;
	text-align: center;
}
div.oo-ui-processDialog-error {
        font-size: 13px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background-color: #fff !important;
}
div.oo-ui-processDialog-errors-title {
	display: none !important;
}

/**
 * In- en uitklapfunctie gebruikt in Sjabloon:Uitklappen.
 */
div.UitklapFrame {
	clear: both;
	margin: 0;
	padding: 0;
	border: 1px solid #aaa;
	border-collapse: collapse;
	background-color: #f9f9f9;
	font-size: 95%;
}
div.UitklapFrameNoClear {
	margin: 0;
	padding: 0;
	border: 1px solid #aaa;
	border-collapse: collapse;
	background-color: #f9f9f9;
	font-size: 95%;
}
div.UitklapFrame div.UitklapHead {
	padding: 0 .5em;
	text-align: center;
	font-weight: bold;
	background-color: #ddd;
}
div.UitklapFrame div.UitklapContent {
	padding: 5px;
}
div.UitklapEind {
	clear: both;
}
a.UitklapToggle {
	float: right;
	padding: 0 .5em;
}
a.UitklapToggle:hover{
	cursor: pointer;
}

.portaalafbeelding {
	width:100%;
	height: 100%;
}

.pc50 {
	width: 50%;
}

.pc75 {
	width: 75%;
}

.pc60 {
	width: 60%;
}

.mobiel100pc50afbeelding {
	width: 50%;
	height: 50%;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    .mobiel100 {
    	width: 100%;
    }
	.mobiel100pc50afbeelding {
		width: 100%;
		height: 100%;
	}
}

.beoordelinggrijs {
	filter: grayscale(100%);
}
Afkomstig van Wikikids , de interactieve Nederlandstalige Internet-encyclopedie voor en door kinderen. "https://wikikids.nl/index.php?title=MediaWiki:Common.css&oldid=905800"