MediaWiki:Common.css: verschil tussen versies

Uit Wikikids
Naar navigatie springen Naar zoeken springen
(Dit haalt de 'wijzig titel' knop weg in de gebruikersnaamruimte. Deze hernoemen heeft geen nut en het wordt te vaak gebruikt.)
 
(246 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
+
/**
<pre>*/
+
* Afwijkende opmaak Wikitable
 +
*/
 +
table.wikitable > tr > th,
 +
table.wikitable > * > tr > th {
 +
background-color: #ddd;
 +
}
  
/* WIKIKIDS LOGO */
+
/* Geel */
#p-logo a { background-image:url(http://wikikids.wiki.kennisnet.nl/images/b/bc/Wiki.png) !important; }
+
.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;
 +
}
  
table.gallery {
+
/* Rood */
  background-color: rgb(249, 249, 249);
+
.wikitable-rood, .wikitable-rood table {
 +
border: 2px solid #FF5353;
 +
border-collapse: collapse;
 +
margin: 1em;
 +
background: #FFB5B5;
 
}
 
}
table.gallery td {
+
.wikitable-rood td, table.wikitable-rood th {
  border-color: rgb(249, 249, 249);
+
border: 1px solid #FF5353;
 +
padding: 4px;
 +
}
 +
table.wikitable-rood th {
 +
border: 1px solid #FF5353;
 +
background: #FF5353;
 
}
 
}
  
/*
+
/* Blauw */
== Tabelstijlen ==
+
.wikitable-blauw, .wikitable-blauw table {
Het is niet handig als iedereen z'n eigen tabellen moet ontwerpen.
+
border: 2px solid #7BA7E1;
Hiervoor is de 'wikitable'-stijl ontwikkeld. Daarnaast bestaan class
+
border-collapse: collapse;
'geel', 'rood' en 'blauw' om speciale kleurstijlen mogelijk te maken.
+
margin: 1em;
*/
+
background: #BAD0EF;
 +
}
  
/* Standaard */
+
.wikitable-blauw td, table.wikitable-blauw th {
.wikitable, .wikitable table
+
border: 1px solid #7BA7E1;
{
+
padding: 4px;
  border:2px solid;
+
}
  border-collapse:collapse;
+
table.wikitable-blauw th {
  font-size:95%;
+
border: 1px solid #7BA7E1;
  margin:1em;
+
background: #7BA7E1;
 
}
 
}
  
.wikitable td, table.wikitable th
+
/**
{
+
* Het onzichtbaar maken van wat style-elementen voor gebruiksvriendelijkheid
  border:1px solid;
+
*/
  padding:4px;
+
.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;
 
}
 
}
  
table.wikitable th
+
.page-Hoofdpagina .mw-ui-button {
{
+
background-color: #3366cc;
  border:2px solid;
+
color: #fff;
 +
border: 1px solid #3366cc;
 
}
 
}
  
/* Geel */
+
.page-Speciaal_Uploaden .mw-htmlform-field-HTMLTextAreaField {
/* (1:#FFFF00;2:#FFFFCC;3:FFEE00;4:CCFF66) */
+
    color: #fff;
.wikitable-geel, .wikitable-geel table
+
    background-color: #cc0000;
{
+
    font-weight: bold;
  border:2px solid #FFFF00;
 
  border-collapse:collapse;
 
  font-size:95%;
 
  margin:1em;
 
  background:#FFFFCC;
 
 
}
 
}
  
.wikitable-geel td, table.wikitable-geel th
+
/**
{
+
* Opmaak voor de filtermeldingen in de visualeditor
  border:1px solid #FFEE00;
+
*/
  padding:4px;
+
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;
 
}
 
}
  
table.wikitable-geel th
+
/**
{
+
* In- en uitklapfunctie gebruikt in Sjabloon:Uitklappen.
  border:2px solid #FFEE00;
+
*/
  background:#CCFF66;
+
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 {
/* Rood */
+
padding: 0 .5em;
/* (1:#FF0000;2:FFCC99;3:FF6666;4:FF9966) */
+
text-align: center;
.wikitable-rood, .wikitable-rood table
+
font-weight: bold;
{
+
background-color: #ddd;
  border:2px solid #FF0000;
+
}
  border-collapse:collapse;
+
div.UitklapFrame div.UitklapContent {
  font-size:95%;
+
padding: 5px;
  margin:1em;
+
}
  background:#FFCC99;
+
div.UitklapEind {
 +
clear: both;
 
}
 
}
 
+
a.UitklapToggle {
.wikitable-rood td, table.wikitable-rood th
+
float: right;
{
+
padding: 0 .5em;
  border:1px solid #FF6666;
 
  padding:4px;
 
 
}
 
}
 
+
a.UitklapToggle:hover{
table.wikitable-rood th
+
cursor: pointer;
{
 
  border:2px solid #FF6666;
 
  background:#FF9966;
 
 
}
 
}
  
/* Blauw */
+
.portaalafbeelding {
/* (1:#0000FF;2:99CCFF;3:3399FF;4:0066FF) */
+
width:100%;
.wikitable-blauw, .wikitable-blauw table
+
height: 100%;
{
 
  border:2px solid #0000FF;
 
  border-collapse:collapse;
 
  font-size:95%;
 
  margin:1em;
 
  background:#99CCFF;
 
 
}
 
}
  
.wikitable-blauw td, table.wikitable-blauw th
+
.pc50 {
{
+
width: 50%;
  border:1px solid #3399FF;
 
  padding:4px;
 
 
}
 
}
  
table.wikitable-blauw th
+
.pc75 {
{
+
width: 75%;
  border:2px solid #3399FF;
 
  background:#0066FF;
 
 
}
 
}
/*</pre>*/
 
  
/*Bugfix diff*/
+
.pc60 {
td.diff-otitle,
+
width: 60%;
td.diff-ntitle {
 
  width:49%;
 
 
}
 
}
  
{
+
.mobiel100pc50afbeelding {
  width:49%
+
width: 50%;
 +
height: 50%;
 
}
 
}
  
.ns-2 #ca-move {
+
@media only screen
display:none;
+
and (min-device-width : 320px)
 +
and (max-device-width : 480px) {
 +
    .mobiel100 {
 +
    width: 100%;
 +
    }
 +
.mobiel100pc50afbeelding {
 +
width: 100%;
 +
height: 100%;
 +
}
 
}
 
}
  
.ns-3 #ca-move {
+
.beoordelinggrijs {
display:none;
+
filter: grayscale(100%);
 
}
 
}

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"