MediaWiki:Common.css: verschil tussen versies

Uit Wikikids
Naar navigatie springen Naar zoeken springen
k (:-))
 
(229 tussenliggende versies door 9 gebruikers niet weergegeven)
Regel 1: Regel 1:
−
@import url("http://wikikids.wiki.kennisnet.nl/MediaWiki:Qui.css?action=raw&ctype=text/css");
 +
@import url("https://wikikids.nl/index.php?action=raw&title=MediaWiki:Fix.css&ctype=text/css");
−
/** This one imports style for qui.js, used for activitymeter **/
  
   
  +
/**
  +
* Het WikiKids Logo
  +
*/
  +
#p-logo a {
  +
background-image:url( 'https://wikikids.nl/images/b/bc/Wiki.png' ) !important;
  +
}
   
  +
/**
−
/** CSS die hier wordt geplaatst heeft invloed op alle skins
 
  +
* Afwijkende opmaak Wikitable
−
<pre>*/
  
  +
*/
  +
table.wikitable > tr > th,
  +
table.wikitable > * > tr > th {
  +
background-color: #ddd;
  +
}
   
−
/* WIKIKIDS LOGO */
 +
/* Geel */
  +
.wikitable-geel, .wikitable-geel table {
−
#p-logo a { background-image:url(http://wikikids.wiki.kennisnet.nl/images/b/bc/Wiki.png) !important; }
  
  +
border: 2px solid #FFF06A;
−  
  +
border-collapse: collapse;
−
table.gallery {
  
  +
margin: 1em;
−
background-color: rgb(249, 249, 249);
  
  +
background: #FFF9CE;
 
}
  
}
  +
.wikitable-geel td, table.wikitable-geel th {
−
table.gallery td {
  
−
border-color: rgb(249, 249, 249);
 +
border: 1px solid #FFF06A;
  +
padding: 4px;
 
}
  
}
  +
table.wikitable-geel th {
−  
  +
border: 1px solid #FFF06A;
−
/*
  
  +
background: #FFF06A;
−
== Tabelstijlen ==
  
−
Het is niet handig als iedereen z'n eigen tabellen moet ontwerpen.
  
−
Hiervoor is de 'wikitable'-stijl ontwikkeld. Daarnaast bestaan class
  
−
'geel', 'rood' en 'blauw' om speciale kleurstijlen mogelijk te maken.
  
−
*/
  
−  
−
/* Standaard */
  
−
.wikitable, .wikitable table
  
−
{
  
−
border:2px solid;
  
−
border-collapse:collapse;
  
−
font-size:95%;
  
−
margin:1em;
  
 
}
  
}
   
  +
/* Rood */
−
.wikitable td, table.wikitable th
  
  +
.wikitable-rood, .wikitable-rood table {
−
{
  
−
border:1px solid;
 +
border: 2px solid #FF5353;
  +
border-collapse: collapse;
−
padding:4px;
  
  +
margin: 1em;
  +
background: #FFB5B5;
 
}
  
}
  +
.wikitable-rood td, table.wikitable-rood th {
−  
  +
border: 1px solid #FF5353;
−
table.wikitable th
  
  +
padding: 4px;
−
{
  
−
border:2px solid;
  
 
}
  
}
  +
table.wikitable-rood th {
−  
  +
border: 1px solid #FF5353;
−
/* Geel */
  
  +
background: #FF5353;
−
/* (1:#FFFF00;2:#FFFFCC;3:FFEE00;4:CCFF66) */
  
−
.wikitable-geel, .wikitable-geel table
  
−
{
  
−
border:2px solid #FFFF00;
  
−
border-collapse:collapse;
  
−
font-size:95%;
  
−
margin:1em;
  
−
background:#FFFFCC;
  
 
}
  
}
   
  +
/* Blauw */
−
.wikitable-geel td, table.wikitable-geel th
  
  +
.wikitable-blauw, .wikitable-blauw table {
−
{
  
−
border:1px solid #FFEE00;
 +
border: 2px solid #7BA7E1;
  +
border-collapse: collapse;
−
padding:4px;
  
  +
margin: 1em;
  +
background: #BAD0EF;
 
}
  
}
   
−
table.wikitable-geel th
 +
.wikitable-blauw td, table.wikitable-blauw th {
  +
border: 1px solid #7BA7E1;
−
{
  
  +
padding: 4px;
−
border:2px solid #FFEE00;
  
  +
}
−
background:#CCFF66;
  
  +
table.wikitable-blauw th {
  +
border: 1px solid #7BA7E1;
  +
background: #7BA7E1;
 
}
  
}
   
−
/* Rood */
 +
/**
  +
* Het onzichtbaar maken van wat style-elementen voor gebruiksvriendelijkheid
−
/* (1:#FF0000;2:FFCC99;3:FF6666;4:FF9966) */
  
  +
*/
−
.wikitable-rood, .wikitable-rood table
  
  +
.blocklog,
−
{
  
  +
.user-show,
−
border:2px solid #FF0000;
  
  +
.modtools,
−
border-collapse:collapse;
  
  +
#t-upload,
−
font-size:95%;
  
  +
#mw-indicator-mw-helplink,
−
margin:1em;
  
  +
#mw-usercssyoucanpreview,
−
background:#FFCC99;
  
  +
#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 {
−
.wikitable-rood td, table.wikitable-rood th
  
  +
background-color: #3366cc;
−
{
  
  +
color: #fff;
−
border:1px solid #FF6666;
  
  +
border: 1px solid #3366cc;
−
padding:4px;
  
 
}
  
}
   
  +
.page-Speciaal_Uploaden .mw-htmlform-field-HTMLTextAreaField {
−
table.wikitable-rood th
  
  +
color: #fff;
−
{
  
  +
background-color: #cc0000;
−
border:2px solid #FF6666;
  
  +
font-weight: bold;
−
background:#FF9966;
  
 
}
  
}
   
−
/* Blauw */
 +
/**
  +
* Opmaak voor de filtermeldingen in de visualeditor
−
/* (1:#0000FF;2:99CCFF;3:3399FF;4:0066FF) */
  
  +
*/
−
.wikitable-blauw, .wikitable-blauw table
  
  +
div.oo-ui-window-frame {
−
{
  
  +
width: 700px !important;
−
border:2px solid #0000FF;
  
  +
height: 400px !important;
−
border-collapse:collapse;
  
  +
}
−
font-size:95%;
  
  +
div.oo-ui-processDialog-errors {
−
margin:1em;
  
−
background:#99CCFF;
 +
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;
 
}
  
}
   
  +
/**
−
.wikitable-blauw td, table.wikitable-blauw th
  
  +
* In- en uitklapfunctie gebruikt in Sjabloon:Uitklappen.
−
{
  
  +
*/
−
border:1px solid #3399FF;
  
  +
div.UitklapFrame {
−
padding:4px;
  
  +
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 {
−
table.wikitable-blauw th
  
  +
width:100%;
−
{
  
  +
height: 100%;
−
border:2px solid #3399FF;
  
−
background:#0066FF;
  
 
}
  
}
−
/*</pre>*/
  
   
  +
.pc50 {
−
/*Bugfix diff*/
  
  +
width: 50%;
−
td.diff-otitle,
  
−
td.diff-ntitle {
  
−
width:49%;
  
 
}
  
}
   
  +
.pc75 {
−
{
  
−
width:49%
 +
width: 75%;
 
}
  
}
   
  +
.pc60 {
−
/* Onzichtbaar maken van de 'wijzig titel' knop in de Gebruiker: en de Overleg gebruiker: naamruimtes. */
  
  +
width: 60%;
−
.ns-2 #ca-move {
  
−
display:none;
  
 
}
  
}
   
  +
.mobiel100pc50afbeelding {
−
.ns-3 #ca-move {
  
  +
width: 50%;
−
display:none;
  
  +
height: 50%;
 
}
  
}
   
  +
@media only screen
−
pre {
  
  +
and (min-device-width : 320px)
−
font-size:13px;
  
  +
and (max-device-width : 480px) {
  +
.mobiel100 {
  +
width: 100%;
  +
}
  +
.mobiel100pc50afbeelding {
  +
width: 100%;
  +
height: 100%;
  +
}
 
}
  
}
   
  +
.beoordelinggrijs {
−
select.wpBlockDropDown {
  
  +
filter: grayscale(100%);
−
width:307px;
  
 
}
  
}

Huidige versie van 22 okt 2024 om 14:35

@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=891781"