MediaWiki:Common.css: verschil tussen versies
Naar navigatie springen
Naar zoeken springen
(opschonen) |
|||
Regel 1: | Regel 1: | ||
+ | /** |
||
− | /** CSS die hier wordt geplaatst heeft invloed op alle skins |
||
+ | * Deze stylesheet is bedoeld voor CSS dat in alle skins gebruikt wordt. |
||
− | <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; |
||
} |
} |
||
− | /* |
+ | /** |
+ | * Het onzichtbaar maken van het standaard upload formulier |
||
− | == Tabelstijlen == |
||
+ | */ |
||
− | Het is niet handig als iedereen z'n eigen tabellen moet ontwerpen. |
||
+ | #p-navigation, |
||
− | Hiervoor is de 'wikitable'-stijl ontwikkeld. Daarnaast bestaan class |
||
+ | #t-upload { |
||
− | 'geel', 'rood' en 'blauw' om speciale kleurstijlen mogelijk te maken. |
||
+ | display: none; |
||
− | */ |
||
− | |||
− | /* Standaard */ |
||
− | .wikitable, .wikitable table |
||
− | { |
||
− | border:2px solid; |
||
− | border-collapse:collapse; |
||
− | margin:1em; |
||
} |
} |
||
+ | /** |
||
− | .wikitable td, table.wikitable th |
||
+ | * Het onzichtbaar maken van de wijzig titel knop op de gebruikerspagina |
||
− | { |
||
+ | */ |
||
− | border:1px solid; |
||
+ | .ns-2 #ca-move, |
||
− | padding:4px; |
||
+ | .ns-3 #ca-move { |
||
− | } |
||
+ | display:none; |
||
− | |||
− | table.wikitable th |
||
− | { |
||
− | border:2px solid; |
||
− | } |
||
− | |||
− | /* Geel */ |
||
− | /* (1:#FFFF00;2:#FFFFCC;3:FFEE00;4:CCFF66) */ |
||
− | .wikitable-geel, .wikitable-geel table |
||
− | { |
||
− | border:2px solid #FFFF00; |
||
− | border-collapse:collapse; |
||
− | margin:1em; |
||
− | background:#FFFFCC; |
||
− | } |
||
− | |||
− | .wikitable-geel td, table.wikitable-geel th |
||
− | { |
||
− | border:1px solid #FFEE00; |
||
− | padding:4px; |
||
− | } |
||
− | |||
− | table.wikitable-geel th |
||
− | { |
||
− | border:2px solid #FFEE00; |
||
− | background:#CCFF66; |
||
− | } |
||
− | |||
− | /* Rood */ |
||
− | /* (1:#FF0000;2:FFCC99;3:FF6666;4:FF9966) */ |
||
− | .wikitable-rood, .wikitable-rood table |
||
− | { |
||
− | border:2px solid #FF0000; |
||
− | border-collapse:collapse; |
||
− | margin:1em; |
||
− | background:#FFCC99; |
||
− | } |
||
− | |||
− | .wikitable-rood td, table.wikitable-rood th |
||
− | { |
||
− | border:1px solid #FF6666; |
||
− | padding:4px; |
||
− | } |
||
− | |||
− | table.wikitable-rood th |
||
− | { |
||
− | border:2px solid #FF6666; |
||
− | background:#FF9966; |
||
− | } |
||
− | |||
− | /* Blauw */ |
||
− | /* (1:#0000FF;2:99CCFF;3:3399FF;4:0066FF) */ |
||
− | .wikitable-blauw, .wikitable-blauw table |
||
− | { |
||
− | border:2px solid #0000FF; |
||
− | border-collapse:collapse; |
||
− | margin:1em; |
||
− | background:#99CCFF; |
||
− | } |
||
− | |||
− | .wikitable-blauw td, table.wikitable-blauw th |
||
− | { |
||
− | border:1px solid #3399FF; |
||
− | padding:4px; |
||
− | } |
||
− | |||
− | table.wikitable-blauw th |
||
− | { |
||
− | 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, |
||
.modtools, |
.modtools, |
||
+ | #mw-indicator-mw-helplink, |
||
+ | body.page-Hoofdpagina h1.firstHeading, |
||
.page-Wikikids_Blokverzoek input#wpSummary, |
.page-Wikikids_Blokverzoek input#wpSummary, |
||
.page-Wikikids_Blokverzoek .mw-summary, |
.page-Wikikids_Blokverzoek .mw-summary, |
||
Regel 152: | Regel 59: | ||
.page-Wikikids_Awards .mw-summary, |
.page-Wikikids_Awards .mw-summary, |
||
.page-Wikikids_Award_Museum h1 { |
.page-Wikikids_Award_Museum h1 { |
||
− | + | display:none; |
|
} |
} |
||
+ | /** |
||
− | div.mw-warning-with-logexcerpt, |
||
+ | * Opmaak van het formulier op Speciaal:Blokkeren |
||
− | div.mw-lag-warn-high, |
||
+ | */ |
||
− | div.mw-cascadeprotectedwarning, |
||
+ | select#mw-input-wpExpiry, |
||
− | div#mw-protect-cascadeon { |
||
+ | select#mw-input-wpReason, |
||
− | clear: both; |
||
+ | select#wpDeleteReasonList, |
||
− | margin: 0.2em 0; |
||
+ | select#wpProtectReasonSelection { |
||
− | border: 1px solid #bb7070; |
||
+ | width:348px; |
||
− | background: #ffdbdb; |
||
+ | height: 21px; |
||
− | padding: 0.25em 0.9em; |
||
+ | margin-bottom: 4px; |
||
} |
} |
||
+ | /** |
||
− | div#userlogin .captcha, |
||
+ | * Kleine visuele aanpassingen voor gebruiksvriendelijkheid |
||
− | div#userloginForm .captcha { |
||
− | clear: both; |
||
− | margin: 25px; |
||
− | border: 1px solid #bb7070; |
||
− | background: #ffdbdb; |
||
− | padding: 0.25em 0.9em; |
||
− | } |
||
− | |||
− | div#userlogin form#userlogin2 { |
||
− | 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 |
||
*/ |
*/ |
||
+ | .minoredit { |
||
− | div.opvallend, div.opvallend>div{ |
||
+ | font-weight: bold; |
||
− | border:5px #cc0000 solid; |
||
− | margin:5px; |
||
} |
} |
||
+ | .botedit { |
||
− | |||
+ | font-weight: bold; |
||
− | div.opvallend>div>div { |
||
+ | color: red; |
||
− | margin:5px; |
||
+ | border-bottom: 1px dotted red; |
||
− | font-size:125%; |
||
} |
} |
||
+ | .firstHeading { |
||
− | |||
+ | border-bottom: none; |
||
− | |||
− | |||
− | body.page-Hoofdpagina h1.firstHeading { display: none; } |
||
− | .minoredit { font-weight: bold; } |
||
− | .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-subcategories td, |
||
− | |||
− | + | #mw-pages td { |
|
+ | width: 33%; |
||
− | 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 271: | Regel 130: | ||
padding: 0 .5em; |
padding: 0 .5em; |
||
} |
} |
||
− | |||
a.UitklapToggle:hover{ |
a.UitklapToggle:hover{ |
||
cursor: pointer; |
cursor: pointer; |
||
} |
} |
||
− | |||
− | .new { |
||
− | color: #ba0000 !important; |
||
− | } |
||
− | |||
− | #mw-indicator-mw-helplink { |
||
− | display: none; |
||
− | } |
||
− | |||
− | .firstHeading { |
||
− | border-bottom: none; |
||
− | } |
||
− | /*</pre>*/ |
Versie van 9 jul 2018 16:46
/**
* Deze stylesheet is bedoeld voor CSS dat in alle skins gebruikt wordt.
*/
/**
* 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;
}
/**
* Het onzichtbaar maken van het standaard upload formulier
*/
#p-navigation,
#t-upload {
display: none;
}
/**
* Het onzichtbaar maken van de wijzig titel knop op de gebruikerspagina
*/
.ns-2 #ca-move,
.ns-3 #ca-move {
display:none;
}
/**
* Het onzichtbaar maken van wat style-elementen voor gebruiksvriendelijkheid
*/
.blocklog,
.modtools,
#mw-indicator-mw-helplink,
body.page-Hoofdpagina h1.firstHeading,
.page-Wikikids_Blokverzoek input#wpSummary,
.page-Wikikids_Blokverzoek .mw-summary,
.page-Wikikids_CUVerzoek input#wpSummary,
.page-Wikikids_CUVerzoek .mw-summary,
.page-Speciaal_Uploaden .mw-editTools,
.page-Wikikids_Alarm h1,
.page-Overleg_gebruiker_Apoo h1,
.page-Speciaal_Uploaden .firstHeading,
.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_Awards h1,
.page-Wikikids_Awards input#wpSummary,
.page-Wikikids_Awards .mw-summary,
.page-Wikikids_Award_Museum h1 {
display:none;
}
/**
* Opmaak van het formulier op Speciaal:Blokkeren
*/
select#mw-input-wpExpiry,
select#mw-input-wpReason,
select#wpDeleteReasonList,
select#wpProtectReasonSelection {
width:348px;
height: 21px;
margin-bottom: 4px;
}
/**
* Kleine visuele aanpassingen voor gebruiksvriendelijkheid
*/
.minoredit {
font-weight: bold;
}
.botedit {
font-weight: bold;
color: red;
border-bottom: 1px dotted red;
}
.firstHeading {
border-bottom: none;
}
#mw-subcategories td,
#mw-pages td {
width: 33%;
}
/**
* 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 {
font-size: x-small;
float: right;
padding: 0 .5em;
}
a.UitklapToggle:hover{
cursor: pointer;
}