MediaWiki:Common.css: verschil tussen versies

Uit Wikikids
Naar navigatie springen Naar zoeken springen
(Versie 131361 van Sumurai8 (overleg) ongedaan gemaakt)
 
(276 tussenliggende versies door 10 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
−
#p-logo a { background-image:url(http://experimenteer.wiki.kennisnet.nl/images/b/bc/Wiki.png) !important; }
+
*/
 +
table.wikitable > tr > th,
 +
table.wikitable > * > tr > th {
 +
background-color: #ddd;
 +
}
  
−
table.gallery {
+
/* Geel */
−
  background-color: rgb(249, 249, 249);
+
.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.gallery td {
+
table.wikitable-geel th {
−
  border-color: rgb(249, 249, 249);
+
border: 1px solid #FFF06A;
 +
background: #FFF06A;
 
}
 
}
  
−
/*
+
/* Rood */
−
== Tabelstijlen ==
+
.wikitable-rood, .wikitable-rood table {
−
Het is niet handig als iedereen z'n eigen tabellen moet ontwerpen.
+
border: 2px solid #FF5353;
−
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: #FFB5B5;
 +
}
 +
.wikitable-rood td, table.wikitable-rood th {
 +
border: 1px solid #FF5353;
 +
padding: 4px;
 +
}
 +
table.wikitable-rood th {
 +
border: 1px solid #FF5353;
 +
background: #FF5353;
 +
}
  
−
/* Standaard */
+
/* Blauw */
−
.wikitable, .wikitable table
+
.wikitable-blauw, .wikitable-blauw table {
−
{
+
border: 2px solid #7BA7E1;
−
  border:2px solid;
+
border-collapse: collapse;
−
  border-collapse:collapse;
+
margin: 1em;
−
  font-size:95%;
+
background: #BAD0EF;
−
  margin:1em;
 
 
}
 
}
  
−
.wikitable td, table.wikitable th
+
.wikitable-blauw td, table.wikitable-blauw th {
−
{
+
border: 1px solid #7BA7E1;
−
  boder:1px solid;
+
padding: 4px;
−
  padding:4px;
+
}
 +
table.wikitable-blauw th {
 +
border: 1px solid #7BA7E1;
 +
background: #7BA7E1;
 
}
 
}
  
−
table.wikitable th
+
/**
−
{
+
* Het onzichtbaar maken van wat style-elementen voor gebruiksvriendelijkheid
−
  border:2px solid;
+
*/
 +
.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;
 
}
 
}
  
−
/* Geel */
+
.page-Hoofdpagina .mw-ui-button {
−
/* (1:#FFFF00;2:#FFFFCC;3:FFEE00;4:CCFF66) */
+
background-color: #3366cc;
−
.wikitable-geel, .wikitable-geel table
+
color: #fff;
−
{
+
border: 1px solid #3366cc;
−
  border:2px solid #FFFF00;
 
−
  border-collapse:collapse;
 
−
  font-size:95%;
 
−
  margin:1em;
 
−
  background:#FFFFCC;
 
 
}
 
}
  
−
.wikitable-geel td, table.wikitable-geel th
+
.page-Speciaal_Uploaden .mw-htmlform-field-HTMLTextAreaField {
−
{
+
    color: #fff;
−
  border:1px solid #FFEE00;
+
    background-color: #cc0000;
−
  padding:4px;
+
    font-weight: bold;
 
}
 
}
  
−
table.wikitable-geel th
+
/**
−
{
+
* Opmaak voor de filtermeldingen in de visualeditor
−
  border:2px solid #FFEE00;
+
*/
−
  background:#CCFF66;
+
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;
 
}
 
}
  
−
/* Rood */
+
/**
−
/* (1:#FF0000;2:FFCC99;3:FF6666;4:FF9966) */
+
* In- en uitklapfunctie gebruikt in Sjabloon:Uitklappen.
−
.wikitable-rood, .wikitable-rood table
+
*/
−
{
+
div.UitklapFrame {
−
  border:2px solid #FF0000;
+
clear: both;
−
  border-collapse:collapse;
+
margin: 0;
−
  font-size:95%;
+
padding: 0;
−
  margin:1em;
+
border: 1px solid #aaa;
−
  background:#FFCC99;
+
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;
 
}
 
}
  
−
.wikitable-rood td, table.wikitable-rood th
+
.portaalafbeelding {
−
{
+
width:100%;
−
  border:1px solid #FF6666;
+
height: 100%;
−
  padding:4px;
 
 
}
 
}
  
−
table.wikitable-rood th
+
.pc50 {
−
{
+
width: 50%;
−
  border:2px solid #FF6666;
 
−
  background:#FF9966;
 
 
}
 
}
  
−
/* Blauw */
+
.pc75 {
−
/* (1:#0000FF;2:99CCFF;3:3399FF;4:0066FF) */
+
width: 75%;
−
.wikitable-blauw, .wikitable-blauw table
 
−
{
 
−
  border:2px solid #0000FF;
 
−
  border-collapse:collapse;
 
−
  font-size:95%;
 
−
  margin:1em;
 
−
  background:#99CCFF;
 
 
}
 
}
  
−
.wikitable-blauw td, table.wikitable-blauw th
+
.pc60 {
−
{
+
width: 60%;
−
  border:1px solid #3399FF;
 
−
  padding:4px;
 
 
}
 
}
  
−
table.wikitable-blauw th
+
.mobiel100pc50afbeelding {
−
{
+
width: 50%;
−
  border:2px solid #3399FF;
+
height: 50%;
−
  background:#0066FF;
 
 
}
 
}
−
/*</pre>*/
 
  
−
/*Bugfix diff*/
+
@media only screen
−
td.diff-otitle,
+
and (min-device-width : 320px)
−
td.diff-ntitle {
+
and (max-device-width : 480px) {
−
  width:49%;
+
    .mobiel100 {
 +
    width: 100%;
 +
    }
 +
.mobiel100pc50afbeelding {
 +
width: 100%;
 +
height: 100%;
 +
}
 
}
 
}
  
−
{
+
.beoordelinggrijs {
−
  width:49%
+
filter: grayscale(100%);
 
}
 
}

Huidige versie van 2 jan 2025 om 02: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"