MediaWiki:Common.css: verschil tussen versies
Naar navigatie springen
Naar zoeken springen
(98 tussenliggende versies door 3 gebruikers niet weergegeven) | |||
Regel 1: | Regel 1: | ||
+ | @import url("https://wikikids.nl/index.php?action=raw&title=MediaWiki:Fix.css&ctype=text/css"); |
||
− | /** CSS die hier wordt geplaatst heeft invloed op alle skins |
||
− | <pre>*/ |
||
+ | /** |
||
− | /* WIKIKIDS LOGO */ |
||
+ | * Het WikiKids Logo |
||
− | #p-logo a { background-image:url(https://wikikids.nl/images/b/bc/Wiki.png) !important; } |
||
+ | */ |
||
− | |||
+ | #p-logo a { |
||
− | table.gallery { |
||
+ | background-image:url( 'https://wikikids.nl/images/b/bc/Wiki.png' ) !important; |
||
− | background-color: rgb(249, 249, 249); |
||
− | } |
||
− | table.gallery td { |
||
− | border-color: rgb(249, 249, 249); |
||
} |
} |
||
+ | /** |
||
− | #p-navigation, #t-upload { |
||
+ | * Afwijkende opmaak Wikitable |
||
− | display: none; |
||
+ | */ |
||
− | } |
||
+ | table.wikitable > tr > th, |
||
− | |||
+ | table.wikitable > * > tr > th { |
||
− | /* |
||
+ | background-color: #ddd; |
||
− | == 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; |
||
− | margin:1em; |
||
− | } |
||
− | |||
− | .wikitable td, table.wikitable th |
||
− | { |
||
− | border:1px solid; |
||
− | padding:4px; |
||
− | } |
||
− | |||
− | table.wikitable th |
||
− | { |
||
− | border:2px solid; |
||
} |
} |
||
/* Geel */ |
/* Geel */ |
||
+ | .wikitable-geel, .wikitable-geel table { |
||
− | /* (1:#FFFF00;2:#FFFFCC;3:FFEE00;4:CCFF66) */ |
||
+ | border: 2px solid #FFF06A; |
||
− | .wikitable-geel, .wikitable-geel table |
||
+ | border-collapse: collapse; |
||
− | { |
||
+ | margin: 1em; |
||
− | border:2px solid #FFFF00; |
||
+ | background: #FFF9CE; |
||
− | border-collapse:collapse; |
||
− | margin:1em; |
||
− | background:#FFFFCC; |
||
} |
} |
||
+ | .wikitable-geel td, table.wikitable-geel th { |
||
− | |||
+ | border: 1px solid #FFF06A; |
||
− | .wikitable-geel td, table.wikitable-geel th |
||
+ | padding: 4px; |
||
− | { |
||
− | border:1px solid #FFEE00; |
||
− | padding:4px; |
||
} |
} |
||
+ | table.wikitable-geel th { |
||
− | |||
+ | border: 1px solid #FFF06A; |
||
− | table.wikitable-geel th |
||
+ | background: #FFF06A; |
||
− | { |
||
− | border:2px solid #FFEE00; |
||
− | background:#CCFF66; |
||
} |
} |
||
/* Rood */ |
/* Rood */ |
||
+ | .wikitable-rood, .wikitable-rood table { |
||
− | /* (1:#FF0000;2:FFCC99;3:FF6666;4:FF9966) */ |
||
+ | border: 2px solid #FF5353; |
||
− | .wikitable-rood, .wikitable-rood table |
||
+ | border-collapse: collapse; |
||
− | { |
||
+ | margin: 1em; |
||
− | border:2px solid #FF0000; |
||
+ | background: #FFB5B5; |
||
− | border-collapse:collapse; |
||
− | margin:1em; |
||
− | background:#FFCC99; |
||
} |
} |
||
+ | .wikitable-rood td, table.wikitable-rood th { |
||
− | |||
+ | border: 1px solid #FF5353; |
||
− | .wikitable-rood td, table.wikitable-rood th |
||
+ | padding: 4px; |
||
− | { |
||
− | border:1px solid #FF6666; |
||
− | padding:4px; |
||
} |
} |
||
+ | table.wikitable-rood th { |
||
− | |||
+ | border: 1px solid #FF5353; |
||
− | table.wikitable-rood th |
||
+ | background: #FF5353; |
||
− | { |
||
− | border:2px solid #FF6666; |
||
− | background:#FF9966; |
||
} |
} |
||
/* Blauw */ |
/* Blauw */ |
||
+ | .wikitable-blauw, .wikitable-blauw table { |
||
− | /* (1:#0000FF;2:99CCFF;3:3399FF;4:0066FF) */ |
||
+ | border: 2px solid #7BA7E1; |
||
− | .wikitable-blauw, .wikitable-blauw table |
||
+ | border-collapse: collapse; |
||
− | { |
||
+ | margin: 1em; |
||
− | border:2px solid #0000FF; |
||
+ | background: #BAD0EF; |
||
− | border-collapse:collapse; |
||
− | margin:1em; |
||
− | background:#99CCFF; |
||
} |
} |
||
− | .wikitable-blauw td, table.wikitable-blauw th |
+ | .wikitable-blauw td, table.wikitable-blauw th { |
+ | border: 1px solid #7BA7E1; |
||
− | { |
||
+ | padding: 4px; |
||
− | border:1px solid #3399FF; |
||
− | padding:4px; |
||
} |
} |
||
+ | table.wikitable-blauw th { |
||
− | |||
+ | border: 1px solid #7BA7E1; |
||
− | table.wikitable-blauw th |
||
+ | background: #7BA7E1; |
||
− | { |
||
− | border:2px solid #3399FF; |
||
− | background:#0066FF; |
||
− | } |
||
− | |||
− | /*Bugfix diff*/ |
||
− | td.diff-otitle, |
||
− | td.diff-ntitle { |
||
− | width:49%; |
||
− | } |
||
− | |||
− | /* Onzichtbaar maken van de 'wijzig titel' knop in de Gebruiker: en de Overleg gebruiker: naamruimtes. */ |
||
− | .ns-2 #ca-move, .ns-3 #ca-move { |
||
− | display:none; |
||
− | } |
||
− | |||
− | pre { |
||
− | font-size:13px; |
||
− | } |
||
− | |||
− | select#mw-input-wpExpiry, |
||
− | select#mw-input-wpReason, |
||
− | select#wpDeleteReasonList, |
||
− | select#wpProtectReasonSelection { |
||
− | width:348px; |
||
− | height: 21px; |
||
− | margin-bottom: 4px; |
||
} |
} |
||
+ | /** |
||
+ | * Het onzichtbaar maken van wat style-elementen voor gebruiksvriendelijkheid |
||
+ | */ |
||
.blocklog, |
.blocklog, |
||
+ | .user-show, |
||
.modtools, |
.modtools, |
||
+ | #t-upload, |
||
− | .page-Wikikids_Blokverzoek input#wpSummary, |
||
+ | #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_Blokverzoek .mw-summary, |
||
− | .page-Wikikids_CUVerzoek |
+ | .page-Wikikids_CUVerzoek #wpSummary, |
.page-Wikikids_CUVerzoek .mw-summary, |
.page-Wikikids_CUVerzoek .mw-summary, |
||
.page-Speciaal_Uploaden .mw-editTools, |
.page-Speciaal_Uploaden .mw-editTools, |
||
− | .page-Wikikids_Alarm h1, |
+ | .page-Wikikids_Alarm h1, |
− | .page- |
+ | .page-Wikikids_Aanpassen h1, |
− | .page-Speciaal_Uploaden .firstHeading, |
||
.page-Wikikids_Uploaden h1, |
.page-Wikikids_Uploaden h1, |
||
.page-Wikikids_Uploaden #contentSub, |
.page-Wikikids_Uploaden #contentSub, |
||
− | .page- |
+ | .page-Wikikids_Uploaden_commons h1, |
− | .page- |
+ | .page-Wikikids_Uploaden_commons #contentSub, |
− | .page- |
+ | .page-Wikikids_Uploaden_zelf h1, |
− | .page- |
+ | .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 h1, |
||
− | .page-Wikikids_Awards |
+ | .page-Wikikids_Awards #wpSummary, |
.page-Wikikids_Awards .mw-summary, |
.page-Wikikids_Awards .mw-summary, |
||
− | .page-Wikikids_Award_Museum h1 |
+ | .page-Wikikids_Award_Museum h1, |
+ | .page-Wikikids_SuperSchrijfwedstrijd_2020_inschrijven #wpSummaryLabel, |
||
− | display:none; |
||
+ | .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 { |
||
− | div.mw-warning-with-logexcerpt, |
||
+ | background-color: #3366cc; |
||
− | div.mw-lag-warn-high, |
||
+ | color: #fff; |
||
− | div.mw-cascadeprotectedwarning, |
||
+ | border: 1px solid #3366cc; |
||
− | div#mw-protect-cascadeon { |
||
− | clear: both; |
||
− | margin: 0.2em 0; |
||
− | border: 1px solid #bb7070; |
||
− | background: #ffdbdb; |
||
− | padding: 0.25em 0.9em; |
||
} |
} |
||
+ | .page-Speciaal_Uploaden .mw-htmlform-field-HTMLTextAreaField { |
||
− | div#userlogin .captcha, |
||
+ | color: #fff; |
||
− | div#userloginForm .captcha { |
||
− | + | background-color: #cc0000; |
|
− | + | font-weight: bold; |
|
− | border: 1px solid #bb7070; |
||
− | background: #ffdbdb; |
||
− | padding: 0.25em 0.9em; |
||
} |
} |
||
+ | /** |
||
− | div#userlogin form#userlogin2 { |
||
+ | * Opmaak voor de filtermeldingen in de visualeditor |
||
− | margin: 0 3em 1em 0; |
||
− | border: none; |
||
− | clear: both; |
||
− | padding: 1.5em 2em; |
||
− | background-color: #FFFFFF; |
||
− | float: left; |
||
− | } |
||
− | |||
− | div#userlogin form#userlogin2 table { |
||
− | background-color: #FFFFFF; |
||
− | } |
||
− | |||
− | /* Drie geneste divs met rode kaders |
||
− | Noot: Werkt mogelijk niet in sterk verouderde browser IE6, maar die moet wegens beveiligingsredenen sowieso upgraden |
||
*/ |
*/ |
||
+ | div.oo-ui-window-frame { |
||
− | div.opvallend, div.opvallend>div{ |
||
+ | width: 700px !important; |
||
− | border:5px #cc0000 solid; |
||
+ | height: 400px !important; |
||
− | margin:5px; |
||
} |
} |
||
+ | div.oo-ui-processDialog-errors { |
||
− | |||
+ | background-color: rgba(255,255,255,1); |
||
− | div.opvallend>div>div { |
||
+ | padding: 3em 2em 1.5em 2em; |
||
− | margin:5px; |
||
+ | text-align: center; |
||
− | font-size:125%; |
||
} |
} |
||
+ | div.oo-ui-processDialog-error { |
||
− | |||
+ | font-size: 13px; |
||
− | |||
+ | margin: 0 !important; |
||
− | |||
+ | padding: 0 !important; |
||
− | body.page-Hoofdpagina h1.firstHeading { display: none; } |
||
+ | border: 0 !important; |
||
− | .minoredit { font-weight: bold; } |
||
+ | background-color: #fff !important; |
||
− | .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; |
||
} |
} |
||
+ | div.oo-ui-processDialog-errors-title { |
||
− | |||
+ | display: none !important; |
||
− | .mw-ui-button:hover { |
||
− | background: none repeat scroll 0% 0% #009E57; |
||
− | } |
||
− | |||
− | #mw-userlogin-help { |
||
− | display: none; |
||
− | } |
||
− | |||
− | .mw-ui-vform { |
||
− | width: 333px !important; |
||
} |
} |
||
/** |
/** |
||
− | * In- en uitklapfunctie |
+ | * In- en uitklapfunctie gebruikt in Sjabloon:Uitklappen. |
− | * Wordt o.a. gebruikt in [[Sjabloon:Uitklappen]]. |
||
*/ |
*/ |
||
div.UitklapFrame { |
div.UitklapFrame { |
||
Regel 267: | Regel 174: | ||
} |
} |
||
a.UitklapToggle { |
a.UitklapToggle { |
||
− | font-size: x-small; |
||
float: right; |
float: right; |
||
padding: 0 .5em; |
padding: 0 .5em; |
||
} |
} |
||
− | |||
a.UitklapToggle:hover{ |
a.UitklapToggle:hover{ |
||
cursor: pointer; |
cursor: pointer; |
||
} |
} |
||
+ | .beoordelinggrijs { |
||
− | .new { |
||
+ | filter: grayscale(100%); |
||
− | color: #ba0000 !important; |
||
− | } |
||
− | |||
− | #mw-indicator-mw-helplink { |
||
− | display: none; |
||
− | } |
||
− | |||
− | .firstHeading { |
||
− | border-bottom: none; |
||
} |
} |
||
− | /*</pre>*/ |
Versie van 25 apr 2024 19:46
@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-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;
}
.beoordelinggrijs {
filter: grayscale(100%);
}