MediaWiki-diskusjon:Common.css

Kan noen legge inn følgende fra en:MediaWiki:Common.css?

ZorroIII 9. feb 2006 kl.14:45 (UTC)

/* wikitable/prettytable class for skinning normal tables */

table.wikitable,
table.prettytable {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaaaaa solid;
  border-collapse: collapse;
}

table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
  border: 1px #aaaaaa solid;
  padding: 0.2em;
}

table.wikitable th,
table.prettytable th {
  background: #f2f2f2;
  text-align: center;
}

table.wikitable caption,
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
}

Infobokser

Kan noen legge inn følgende (fra en:MediaWiki:Common.css)? --Imp 15. feb 2007 kl. 15:08 (CET)

• Anyone? --Imp 16. feb 2007 kl. 00:03 (CET)
  • Dette finnes, eller tilsvarende, som .infoboks. Wintermute 16. mai 2007 kl. 21:47 (CEST)

 .infobox {
   border: 1px solid #aaa;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

.infobox.sisterproject {
   width: 20em;
   font-size: 90%;
}

@media print {
    .infobox.sisterproject {
        display: none;
    }
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
   border: 0;
   border-top: 1px solid #aaa;
   border-right: 1px solid #aaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
   border: 0;
   border-right: 1px solid #aaa;
}

{{navbox}}

Fra diskusjon på Tinget har det fremkommet at koden under bør inn for at {{navbox_generic}} skal vises likt som på en:wp. Er det noe som tilsier at denne koden ikke skal kunne legges inn? nsaa 28. jan 2008 kl. 22:51 (CET)

Kan den gjenbruke noen av klassene fra de andre navboksene? ZorroIII 28. jan 2008 kl. 23:06 (CET)

Ser ikke slik ut for meg. nsaa 29. jan 2008 kl. 00:08 (CET)

Nei, ikke for meg heller. Denne er ganske spesifikk for navigasjonsboksene, dessverre. Håvard Andersen 29. jan 2008 kl. 01:40 (CET)

/* Standard utseende for navigasjonsboksar  */
table.navbox {
    background-color: #f9f9f9;
    border: 1px solid #aaa;
    clear: both;
    font-size: 90%;
    margin: 1em 0em 0em;
    padding: 2px;
    text-align: center;
    width: 100%;
}
 
table.navbox th {
    background-color: #ccf;
    padding-left: 1em;
    padding-right: 1em;
}
 
@media print {
    .navbox {
        display: none;
    }
}

sortering av tabeller

tall med komma blir ikke sortert riktig i sorterbare tabeller (jf. Liste over norske kommuner, ser på M:Help:Sorting#See also at svenskene (sv:MediaWiki:Common.css) har funnet en vei rundt dette. kan vi innføre dette?

/** Tabellsorteringsfix
 * Hack för att få sorterbara tabeller att sortera korrekt med komma som decimalseparator och
 * punkt som tusentalsseparator.
 * 
 * /Användare:Skagedal
 */
function ts_parseFloat(num) {
       if (!num) return 0;
       num = num.replace(/\./g, "");
       num = num.replace(/,/, ".");
       num = parseFloat(num);
       return (isNaN(num) ? 0 : num);

Mvh Røed (d · en) 14. mar 2008 kl. 22:26 (CET)

CSS for TOClimit

{{TOClimit}} fungerer ikke uten CSS-støtte. Se Maldiskusjon:TOClimit#Mangler CSS.

Spesifikt er det følgende fra en:MediaWiki:Common.css:

 /* Allow limiting of which header levels are shown in a TOC; <div class="toclimit-3">, for
   instance, will limit to showing ==headings== and ===headings=== but no further (as long as
   there are no =headings= on the page, which there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-2 {display:none;}
.toclimit-3 .toclevel-3 {display:none;}
.toclimit-4 .toclevel-4 {display:none;}
.toclimit-5 .toclevel-5 {display:none;}
.toclimit-6 .toclevel-6 {display:none;}
.toclimit-7 .toclevel-7 {display:none;}

Alternativt bør malen slettes, men jeg tror dette skal kunne gå rett inn? — the Sidhekin (d) 24. jan 2009 kl. 21:40 (CET)

Da har jeg lagt dette inn. Stigmj 7. mai 2009 kl. 12:32 (CEST)

Endringer

I forbindelse med prosjektet for utryddelse av «style»-attributtet vil jeg legge til noen elementer i Common.css de nærmeste dagene/ukene. Det er kun for å bli kvitt style-attributtet i kildekoden, og vil ikke føre til noen synlige endringer i siders utseende, så jeg regner med at det vil være ukontroversielt. Jon Harald Søby

Opprydding

Denne siden er iferd med å vokse helt ut av kontroll. Isteden for å tenke gjenbruk av eksisterende klasser er det ooprettet et stort antall nesten overlappende klasser. En god del styling som kun brukes ett enkelt sted er også definert som egne klasser. Når slikt legges i denne fila så gir det en kostnad på samtlige sidevisninger, og med nesten 80KB med styling går fremvisning av sider treigt. Siden påvirker uttegning gjennom lang nedlasting, men gjennom det enorme regelsettet som må evalueres. Merk også at dette må reevalueres etter endringer utført av enkelte script. — Jeblad 28. des. 2013 kl. 16:03 (CET)

Kolonner for referanser

Her er et utkast til styling for å få kolonner i henhold til responsive design for referanser når taggen <code>references</code> brukes. Koden settes inn nederst på siden. Det bør ryddes opp i tidligere styling av kolonner, men det ser ikke ut som om dette forstyrrer utlegget. Bruk av kolonner er diskutert på Tinget, avvent utfallet av avstemmingen før stylingen legges inn. — Jeblad 24. aug. 2015 kl. 21:10 (CEST)

Styling er oppdatert, og et script er lagt til, slik at antall kolonner begrenses når det er få referanser. Slik dette er satt opp så må det være i snitt to referanser per kolonne. Utlegget kan likevel justeres slik at det kan bli ulikt antall i de forskjellige kolonnene. — Jeblad 30. aug. 2015 kl. 19:09 (CEST)

Styling for kolonner ved bruk av taggen references

/* Style for references according to media width © John Erling Blad, Creative Commons by Attribution 3.0 */ @media all { #mw-content-text > .references { -ms-column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; font-size: 95%; } #mw-content-text > ol.references { margin-left:0; } #mw-content-text > ol.references li { list-style: decimal; margin-left: 3.2em; } } /* if bigger than the smallest, that is default, then override with this */ @media all and (min-width: 50em) and (max-width: 100em) { #mw-content-text > .references { -ms-column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; font-size: 90%; } #mw-content-text > .references.has-1-children, #mw-content-text > .references.has-2-children { -ms-column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; font-size: 95%; } } /* if bigger than the seccond smallest, and all previous, then override with this */ @media all and (min-width: 100em) and (max-width: 150em) { #mw-content-text > .references { -ms-column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; font-size: 85%; } #mw-content-text > .references.has-1-children, #mw-content-text > .references.has-2-children { -ms-column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; font-size: 95%; } #mw-content-text > .references.has-3-children, #mw-content-text > .references.has-4-children { -ms-column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; font-size: 90%; } } /* if bigger than the third smallest, and all previous, then override with this */ @media all and (min-width: 150em) { #mw-content-text > .references { -ms-column-count: auto; -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; -ms-column-width: 50em; -webkit-column-width: 50em; -moz-column-width: 50em; column-width: 50em; font-size: 80%; } #mw-content-text > .references.has-1-children, #mw-content-text > .references.has-2-children { -ms-column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; font-size: 95%; } #mw-content-text > .references.has-3-children, #mw-content-text > .references.has-4-children { -ms-column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; font-size: 90%; } #mw-content-text > .references.has-5-children, #mw-content-text > .references.has-6-children { -ms-column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; font-size: 85%; } } /* if print media, then override with this */ @media print { #mw-content-text > .references { -ms-column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-count:2; font-size: 90%; } }

Script for kolonner ved bruk av taggen references
// Code to set class reflecting number of parents for references // © John Erling Blad, Creative Commons by Attribution 3.0 (function(){ "use strict"; var $references = $( '#mw-content-text' ).find( '.references' ); $references.each( function(){ var $ol = $(this); $ol.addClass('has-' + $ol.children('li').size() + '-children'); }); }());

Da tror jeg dette kan legges inn, ref Wikipedia:Tinget#Avstemming om responsivt design. Det er litt som bør fjernes, men det kan tas siden. — Jeblad 1. sep. 2015 kl. 04:57 (CEST)

@Jeblad:} Da er kodene lagt inn. Cocu (d) 1. sep. 2015 kl. 05:05 (CEST)

@Cocu: Det ble feil i scriptet, det som ble lagt inn teller li-elementer i alle .references, det er jo ikke riktig. Det oppdaterte forslaget teller kun i de enkelte .references og gir riktigere resultater. Erstatt det gamle scriptet med det som nå er ovenfor. Jeg får ikke testet dette scriptet fullt ut, men det ser riktig ut for meg. — Jeblad 3. sep. 2015 kl. 01:54 (CEST)

Da er koden oppdatert. Cocu (d) 3. sep. 2015 kl. 08:57 (CEST)

Såvidt jeg kan se på Malmö FF så blir antallet riktig og hver av referanselistene får riktig antall. — Jeblad 3. sep. 2015 kl. 10:24 (CEST)

Ser veldig bra ut! – Danmichaelo (δ) 3. sep. 2015 kl. 21:23 (CEST)

Workaround for manglende styling av løpenummer i lister

Det etterfølgende brukes sammen med en mal for å style lister. Det vil bli meldt inn en task for å fikse mw:Extension:Cite, men det tar nok litt tid for å få dette på plass. De ekstra CSS-selectorene som brukes er «child», «sibling», og «child». Disse gir tilstrekkelig vekt til å overstyre andre forsøk på å style li-elementet. Det er verd å merke seg ved senere oppdatering at løpenummeret er satt direkte på li-elementet og ikke via arv fra ol-elementet. — Jeblad 3. sep. 2015 kl. 01:58 (CEST)

Styling som brukes sammen med malen «løpenummer»

/* Style for changing list number system © John Erling Blad, Creative Commons by Attribution 3.0 */ #mw-content-text > .lower-alpha + .references > li { list-style-type: lower-alpha; } #mw-content-text > .upper-alpha + .references > li { list-style-type: upper-alpha; } #mw-content-text > .lower-roman + .references > li { list-style-type: lower-roman; } #mw-content-text > .upper-roman + .references > li { list-style-type: upper-roman; }

Koden er lagt inn. Cocu (d) 3. sep. 2015 kl. 08:57 (CEST)

Såvidt jeg kan se på Malmö FF så blir stylingen av løpenummer nå riktig og de kommer opp alfabetisk. — Jeblad 3. sep. 2015 kl. 10:25 (CEST)

@Jeblad: La inn {{Løpenummer}} på Jehovas vitner, hvor det er litt flere fotnoter, og det ser riktig ut hos meg. Cocu (d) 3. sep. 2015 kl. 10:51 (CEST)

Oppdatering for å hindre oppdeling av referanser

Forelår at vi gjør et mindre tillegg for å hindre at li-taggen fordeles over to kolonner i references-taggen. Nå kan et stort element fordeles over to eller flere kolonner, og det gjør det litt vanskelig å lese innholdet. Den foreslåtte endringen er støttet av mange nettlesere, også en del som ikke er av de mest moderne. Såvidt jeg vet har dette ikke andre ulemper enn at kolonnene kan bli av ulik høyde. Dette er hovedsakelig et problem når det brukes lengre sitater i referensene, men jeg mener at endringen er ønskelig også i disse tilfellene.

Vi kan også bruke break-before og break-after for å fjerne scriptet som teller opp antall elementer (linje 865 i MediaWiki:Common.js), men disse tilleggene til CSS3 er lite og tildels dårlig støttet. Jeg mener vi derfor bør vente en stund med å legge inn dette, og isteden basere oss på scriptet inntil videre. Regner med at dette er på plass i løpet av vinteren. — Jeblad 6. okt. 2015 kl. 16:02 (CEST)

Styling for å unngå at li-taggen blir fordelt over flere kolonner
;Dette er gammel form, slik den er fra linje 2633 #mw-content-text > ol.references li { list-style: decimal; margin-left: 3.2em; }
;Dette er ny form som erstatter den gamle #mw-content-text > ol.references li { list-style: decimal; margin-left: 3.2em; -webkit-column-break-inside: avoid; /* well, webkit */ page-break-inside: avoid; /* most browsers support this */ break-inside: avoid; /* some modern browsers support this */ }

Oppdatert. Cocu (d) 6. okt. 2015 kl. 19:43 (CEST)

Treeview

Kan vi få lagt til klassen Treeview som er i bruk på engelsk og flere andre wikipediaer, og som gjør visse typer lister mer leservennlige? Se https://en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_14#Treeview for diskusjon (i forb. med implementering på engelsk wp), og https://en.wikipedia.org/wiki/Template:Tree_list for hvordan den virker. Msbmt (diskusjon) 28. okt. 2015 kl. 19:16 (CET)

CSS

/* TREEVIEW */ .treeview ul { padding: 0; margin: 0; } .treeview li { padding: 0; margin: 0; list-style-type: none; list-style-image: none; zoom: 1; /* BE KIND TO IE6 */; } .treeview li li { background: url("//upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px; padding-left: 20px; text-indent: 0.3em; } .treeview li li.lastline { background-position: 0 -5971px } .treeview li.emptyline > ul { margin-left: -1px; } .treeview li.emptyline > ul > li:first-child { background-position: 0 9px }

Maler med dangling divs er upopulært for det er veldig utsatt for feil. Ser ut som om det kan forenkles med CSS3, så om vi venter litt så skal jeg forsøke å sjekke? — Jeblad 30. okt. 2015 kl. 03:08 (CET)

Nedenfor er forslag til styling for malen {{treliste}}. Malen settes inn rett over en uordnet liste, og vil endre hvordan lista tegnes ut. Dette skal fungere for alle moderne nettlesere. Når nettlesere feiler så vil det lages en ordinær liste. Tester er lagt inn på Eacles#Systematisk inndeling [1] og Nissen (slekt fra Sønderjylland)#Slektstre [2]. Som en ser så er det i de fleste tilfeller nokså minimale endringer som må til. (Cocu?) — Jeblad 9. nov. 2015 kl. 07:01 (CET)

Styling for å lage tre-lister

/* Adaptations for local version of treeview This is NOT the same as treeview in enwiki */ .treeview + ul, .treeview + ul ul { padding: 0; margin: 0; } .treeview + ul li { padding: 0; margin: 0; list-style-type: none; list-style-image: none; } .treeview + ul li li { background: url("//upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px; padding-left: 20px; text-indent: 0.3em; } .treeview + ul li li:last-child { background-position: 0 -5971px; } .treeview + ul .anon-branch { display:none; } .treeview + ul li > .anon-branch + ul { margin-left: -1px; } .treeview + ul li > .anon-branch + ul > li:first-child { background-position: 0 9px; }

Lagt inn. Cocu (d) 9. nov. 2015 kl. 09:01 (CET)

Forslag til alternativ numrering av ordnede lister

dette er et forslag for å kunne lage ordnede lister med alternativ numrering. Forelløpig vil det kun fungere for malen {{kolonner}}, men det vil bli satt opp en mal for bruk sammen med references-taggen. Dette siste er en work-around inntil klasser på group-attributtet blir implementert. [3] — Jeblad 30. okt. 2015 kl. 06:29 (CET)

Styling for å kunne endre nummertype i ordnede lister

Legg dette til på slutten av fila, under seksjonen «Style for changing list number system» #mw-content-text > .following-list-style-type-lower-alpha + ol { list-style-type:lower-alpha; } #mw-content-text > .following-list-style-type-upper-alpha + ol { list-style-type:upper-alpha; } #mw-content-text > .following-list-style-type-lower-roman + ol { list-style-type:lower-roman; } #mw-content-text > .following-list-style-type-upper-roman + ol { list-style-type:upper-roman; } #mw-content-text > .following-list-style-type-decimal + ol { list-style-type:decimal; } #mw-content-text > .following-list-style-type-lower-alpha + ol.references li { list-style-type:lower-alpha; } #mw-content-text > .following-list-style-type-upper-alpha + ol.references li { list-style-type:upper-alpha; } #mw-content-text > .following-list-style-type-lower-roman + ol.references li { list-style-type:lower-roman; } #mw-content-text > .following-list-style-type-upper-roman + ol.references li { list-style-type:upper-roman; } #mw-content-text > .following-list-style-type-decimal + ol.references li { list-style-type:decimal; }

Det er et problem her ved at ref-merkene ikke får samme styling som references-lista. Er ikke helt sikker på hva som skaper problemet. — Jeblad 30. okt. 2015 kl. 08:39 (CET)

Tror dette kan legges inn, feilen er en litt bakvendt måte å lage nummerseriene i ref-taggene. Anyone? Bruker:Cocu? :) Skal kjøre en bot for å fikse de aktuelle sidene som må ha en slik mal for at tallseriene skal bli riktige. — Jeblad 30. okt. 2015 kl. 22:09 (CET)

Lagt inn. Cocu (d) 30. okt. 2015 kl. 22:17 (CET)

Forslag til løsning på "usynlige maler" i VisualEditor

Vi har noen maler som brukes som markører, og som normalt ikke er synlige. Dette legger til en klasse som gjør det mulig å legge inn en div som så får en synlig tekst når siden redigeres i VisualEditor. Løsningen brukes foreløpig kun i {{kolonner}}. — Jeblad 30. okt. 2015 kl. 06:36 (CET)

Styling for å gjøre en ellers usynlig mal synlig når siden redigeres i VisualEditor
Legges til på slutten av subject-siden /* Style for making some invisible template visible in VisualEditor © John Erling Blad, Creative Commons by Attribution 3.0 */ .ve-conditional-display-block { display: none; } .ve-ui-surface .ve-conditional-display-block { display: block; }

Ser at en tilhørende endring i malen {{Kolonner}} er fjernet,[4] så det finnes ikke lengre noen mulighet for uttesting. — Jeblad 30. okt. 2015 kl. 13:43 (CET)

Tilbakestillingen er tilbakestilt og kode lagt inn. Cocu (d) 30. okt. 2015 kl. 14:06 (CET)

Styling for menyer som oppretter artikler

Kan noen legge inn etterfølgende. Koden skal være rimelig trygg. Den brukes for å lage menyer med knapper via maler slik som {{kreg-navn}} for å skape artikler fra oversikter ala Liste over norske malere. — Jeblad 26. des. 2016 kl. 14:32 (CET)

Styling for å lage popup-menyer

Legges til på slutten av subject-siden /* Styling to show a small popup to provide a menu Typically used in create-menus in item list s. */ .create-help-outer { position:relative; } .create-help-inner { position:absolute; display:none; } .create-help-outer:hover { background-color:#eaf3ff; } .create-help-outer:hover .create-help-inner { display:block; } /* hide while in development */ .create-help-inner .wp-formsGadget { display: none; }

Oppdatering for malen «nummerering»

Mot bunnen av siden er det en blokk

/*
Style for changing list number system
© John Erling Blad, Creative Commons by Attribution 3.0
*/
#mw-content-text > .lower-alpha + .references > li {
	list-style-type: lower-alpha;
}
#mw-content-text > .upper-alpha + .references > li {
	list-style-type: upper-alpha;
}
#mw-content-text > .lower-roman + .references > li {
	list-style-type: lower-roman;
}
#mw-content-text > .upper-roman + .references > li {
	list-style-type: upper-roman;
}

#mw-content-text > .following-list-style-type-lower-alpha + ol { list-style-type:lower-alpha; }
#mw-content-text > .following-list-style-type-upper-alpha + ol { list-style-type:upper-alpha; }
#mw-content-text > .following-list-style-type-lower-roman + ol { list-style-type:lower-roman; }
#mw-content-text > .following-list-style-type-upper-roman + ol { list-style-type:upper-roman; }
#mw-content-text > .following-list-style-type-decimal + ol { list-style-type:decimal; }
#mw-content-text > .following-list-style-type-lower-alpha + ol.references li { list-style-type:lower-alpha; }
#mw-content-text > .following-list-style-type-upper-alpha + ol.references li { list-style-type:upper-alpha; }
#mw-content-text > .following-list-style-type-lower-roman + ol.references li { list-style-type:lower-roman; }
#mw-content-text > .following-list-style-type-upper-roman + ol.references li { list-style-type:upper-roman; }
#mw-content-text > .following-list-style-type-decimal + ol.references li { list-style-type:decimal; }

De siste linjene i denne skal oppdateres slik at blokken blir

/*
Style for changing list number system
© John Erling Blad, Creative Commons by Attribution 3.0
*/
#mw-content-text > .lower-alpha + .references > li {
	list-style-type: lower-alpha;
}
#mw-content-text > .upper-alpha + .references > li {
	list-style-type: upper-alpha;
}
#mw-content-text > .lower-roman + .references > li {
	list-style-type: lower-roman;
}
#mw-content-text > .upper-roman + .references > li {
	list-style-type: upper-roman;
}

#mw-content-text > .following-list-style-type-lower-alpha + ol { list-style-type:lower-alpha; }
#mw-content-text > .following-list-style-type-upper-alpha + ol { list-style-type:upper-alpha; }
#mw-content-text > .following-list-style-type-lower-roman + ol { list-style-type:lower-roman; }
#mw-content-text > .following-list-style-type-upper-roman + ol { list-style-type:upper-roman; }
#mw-content-text > .following-list-style-type-decimal + ol { list-style-type:decimal; }
#mw-content-text > .following-list-style-type-lower-alpha + .mw-references-wrap ol.references li { list-style-type:lower-alpha; }
#mw-content-text > .following-list-style-type-upper-alpha + .mw-references-wrap ol.references li { list-style-type:upper-alpha; }
#mw-content-text > .following-list-style-type-lower-roman + .mw-references-wrap ol.references li { list-style-type:lower-roman; }
#mw-content-text > .following-list-style-type-upper-roman + .mw-references-wrap ol.references li { list-style-type:upper-roman; }
#mw-content-text > .following-list-style-type-decimal + .mw-references-wrap ol.references li { list-style-type:decimal; }

Når oppdateringen er gjort skal note-seksjonen på siden Bruker:Jeblad/Eksempel med noter og referanser fremstå med notemerker som er «lower-alpha». — Jeblad 25. mar. 2017 kl. 15:13 (CET)

Gjort. --Telaneo (Diskusjonsside) 26. mar. 2017 kl. 12:12 (CEST)

Oppdatering for referanser

Seksjonen som skal byttes ut starter på linje 2546 og løper til linje 2660. Det skal det settes inn en ny blokk som angitt nedenfor. Første halvdel av blokka kan slettes når alle artikler er rerendered, det kan vi fremtvinge, men det er en nokså stor botjobb. Hvis ikke kan vi fjerne den første halvdelen midtsommers, da skal alle artikler ha gått ut på tid. Det oppdaterte utlegget er bittelitt forskjellig fra det som ble brukt tidligere, men de færreste vil nok se forskjell. — Jeblad 27. mar. 2017 kl. 22:49 (CEST)

Forslag til styling

/* Style for references according to media width © John Erling Blad, Creative Commons by Attribution 3.0 */ /****** old versions, will not work for updated articles ******/ /* This section can be removed when all articles are rerendered, either because they have timed out or because we purge them. */ @media all { #mw-content-text > .references { -ms-column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; font-size: 95%; } #mw-content-text > ol.references { margin-left:0; } #mw-content-text > ol.references li { list-style: decimal; margin-left: 3.2em; -webkit-column-break-inside: avoid; /* well, webkit */ page-break-inside: avoid; /* most browsers support this */ break-inside: avoid; /* some modern browsers support this */ } } /* if bigger than the smallest, that is default, then override with this */ @media all and (min-width: 50em) and (max-width: 100em) { #mw-content-text > .references { -ms-column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; font-size: 90%; } #mw-content-text > .references.has-1-children, #mw-content-text > .references.has-2-children { -ms-column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; font-size: 95%; } } /* if bigger than the seccond smallest, and all previous, then override with this */ @media all and (min-width: 100em) and (max-width: 150em) { #mw-content-text > .references { -ms-column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; font-size: 85%; } #mw-content-text > .references.has-1-children, #mw-content-text > .references.has-2-children { -ms-column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; font-size: 95%; } #mw-content-text > .references.has-3-children, #mw-content-text > .references.has-4-children { -ms-column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; font-size: 90%; } } /* if bigger than the third smallest, and all previous, then override with this */ @media all and (min-width: 150em) { #mw-content-text > .references { -ms-column-count: auto; -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; -ms-column-width: 50em; -webkit-column-width: 50em; -moz-column-width: 50em; column-width: 50em; font-size: 80%; } #mw-content-text > .references.has-1-children, #mw-content-text > .references.has-2-children { -ms-column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; font-size: 95%; } #mw-content-text > .references.has-3-children, #mw-content-text > .references.has-4-children { -ms-column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; font-size: 90%; } #mw-content-text > .references.has-5-children, #mw-content-text > .references.has-6-children { -ms-column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; font-size: 85%; } } /* if print media, then override with this */ @media print { #mw-content-text > .references { -ms-column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-count:2; font-size: 90%; } } /****** new versions, will only work for updated articles ******/ @media all { #mw-content-text .mw-references-wrap > .references { -ms-column-count: auto; -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; font-size: 95%; } #mw-content-text .mw-references-wrap > ol.references { margin-left:0; } #mw-content-text .mw-references-wrap > ol.references li { list-style: decimal; margin-left: 3.2em; -webkit-column-break-inside: avoid; /* well, webkit */ page-break-inside: avoid; /* most browsers support this */ break-inside: avoid; /* some modern browsers support this */ } } /* if bigger than the smallest, that is default, then override with this */ @media all and (min-width: 50em) and (max-width: 100em) { #mw-content-text .mw-references-columns > .references { -ms-column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; font-size: 90%; } } /* if bigger than the seccond smallest, and all previous, then override with this */ @media all and (min-width: 100em) and (max-width: 150em) { #mw-content-text .mw-references-columns > .references { -ms-column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; font-size: 85%; } } /* if bigger than the third smallest, and all previous, then override with this */ @media all and (min-width: 150em) { #mw-content-text .mw-references-columns > .references { -ms-column-count: auto; -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; -ms-column-width: 50em; -webkit-column-width: 50em; -moz-column-width: 50em; column-width: 50em; font-size: 80%; } } /* if print media, then override with this */ @media print { #mw-content-text .mw-references-wrap > .references { -ms-column-count: auto; -webkit-column-count: auto; -moz-column-count: auto; column-count:auto; font-size: 95%; } #mw-content-text .mw-references-columns > .references { -ms-column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-count:2; font-size: 90%; } }

Gjort. Si eventuelt ifra når alle artikler har blitt rerenderet, så den gamle CSS-en kan fjernes.--Telaneo (Diskusjonsside) 27. mar. 2017 kl. 23:20 (CEST)'

Ser ut som om det utlegget blir litt uforutsigelig i Firefox på veldig store skjermer, men 4k-skjermer er vel ikke så vanlig. Muligens er dette interaksjon med noe annet. Skal se på det siden. — Jeblad 27. mar. 2017 kl. 23:58 (CEST)

Fiks for Timeless

Det er en litt uheldig effekt hvor linja ved seksjoner skinner gjennom i infobokser. Dette har en nokså enkel fiks for de aller fleste boksene, slik som skissert nedenfor. Merk at fordi div'en som er utenfor boksen ikke selv har farge så er ikke oppførselen med inherit pålitelig. Noen infobokser har en ytre div, mens andre kun har en tabell, så ikke bruk tagg-en i selectoren. Tilsvarende fiks må nok settes opp for taksobokser og en del andre bokser som flyter til høyremargen. — Jeblad 27. nov. 2017 kl. 22:01 (CET)

Forslag til styling
.mw-parser-output>.infoboks { background-color: #fcfcfc; margin: 0 0 0.5em 0.5em; }

@Jeblad: Bør dette ligge her, eller i MediaWiki:Timeless.css? Jon Harald Søby (diskusjon) 28. nov. 2017 kl. 20:16 (CET)

@Jon Harald Søby: Dette er manglende defs som berører alle draktene, så best å fikse i MediaWiki:Common.css. Det er ikke styling av drakta, det er styling av parser-generert innhold. Bakgrunnen settes til lyseste bakgrunn som skiller seg ut, det er den samme som i toc-boksen og i thumb-bilder. Så settes det en marg på venstre side og under infoboksen, slik at ikke teksten støter bort i boksen. Lurer på om begge disse er blitt feil fordi vi har brukt lokaliserte navn på klassene. Muligens burde vi gå gjennom stylingen av alle boksene våre, jeg mener å ha sett en god del feil mhp marger og omkringliggende tekst. — Jeblad 28. nov. 2017 kl. 22:20 (CET)

Bruk av doble klasser i samme element

Det er en del regler som bruker to klasser i samme element. Dette er ikke veldefinert, og forskjellige nettlesere oppfører seg litt forskjellig. Problemet består i at regler vil vektes likt og dermed er det ikke gitt hvem som skal få forrang. — Jeblad 28. mar. 2018 kl. 13:20 (CEST)

Slett linje 2329–2356

Slett fra linje 2329 (rett over der det står «Style for changing list number system») og til linje 2356 (rett over der det står «Style for making some invisible template visible in VisualEditor»). Tilsvarende stiler er flyttet til {{Nummerering}} sitt stilark. Jeg er ganske sikker på at disse stilene ikke brukes av andre maler. — Jeblad 25. aug. 2018 kl. 15:41 (CEST)

Gjort. Sjekk at det ble korrekt. Det er forøvrig 4 feil og over 100 advarsler i filen, disse rettet jeg ikke. Den siste redigeringen som fjernet noe tekst i din kommentar ble foretatt for sent til at den er tatt hensyn til. Gi eventuell ny kommentar om den. Fikk redigeringskollisjon på denne redigeringen Haros (diskusjon) 25. aug. 2018 kl. 16:33 (CEST)

Teksten jeg fjernet viser til noen linjer som skal stå. Det er feil å fjerne disse. Det er et par andre linjer som skal fjernes, jeg skriver et tillegg om dem nedenfor. [Det er litt pes å drible endringer i hodet, spesielt når det blir mange av dem, og de er litt motstridende.] — Jeblad 25. aug. 2018 kl. 17:14 (CEST)

Linja med div.mw-references-wrap ol.references tror jeg kan stå, det bør ikke spille ingen rolle om denne er endret. — Jeblad 25. aug. 2018 kl. 17:51 (CEST)

@Haros: Linje 67 må endres fra div.mw-references-wrap ol.references til div.references-small ol.references. Det er denne som gir feil på en hel masse referanser. — Jeblad 25. aug. 2018 kl. 19:48 (CEST)

Gjort. @Jeblad: Men se på de feillinjene nevnt i neste sak også. Haros (diskusjon) 25. aug. 2018 kl. 20:01 (CEST)

Linjer som bør fjernes

Det er ett par linjer list-style: decimal; på 2157 og en tilsvarende på 2270 som er kommet med ved en feil og kan fjernes. Linjene kan være forskjøvet.

Antakelig kan alle linjene 2140–2256 (2140–2255 med ovenstående gjort) fjernes, de er overflødige for alle artikler er nå oppdatert. Det er fra linja med /****** old versions, will not work for updated articles ******/ og ned til linja /****** new versions, will only work for updated articles ******/ — Jeblad 25. aug. 2018 kl. 17:45 (CEST)

Gjort Del to av dette er gjort. Del 1 så ut til å overlappe delvis, kan vi ta separat. Haros (diskusjon) 25. aug. 2018 kl. 18:21 (CEST)

@Haros: Linje 2153 står igjen og skal fjernes. — Jeblad 25. aug. 2018 kl. 19:01 (CEST)

Fint. Ta en titt på linjene 1799,1803 og 1807. Hvordan bør de se ut? Får feilmelding nå. Haros (diskusjon) 25. aug. 2018 kl. 19:18 (CEST)

Source-tag er deprecated

Bytt «source» i <source> og </source> med «syntaxhiglight» eller fjern dem. — Jeblad 26. apr. 2020 kl. 02:24 (CEST)

Oppdatere .navbox

Hei, kan noen oppdatere CSS-en for navboksene? Jeg tror det skal gå fint å bare kopiere enwiki sin som jeg har kopiert inn under, men har ikke testet dette. Jeg prøver å få Modul:Navbox til å fungere, men vi har noen mangler og noen feil i vår css. Bruk av   i content-tag som vi har flere av er f.eks ikke støttet. Se også Mal:Landslagstropp_i_fotball/sandkasse for test av Modul:Navbox. Tholme (diskusjon) 9. mar. 2021 kl. 21:22/22:24 (CET)

/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
	box-sizing: border-box;
	border: 1px solid #a2a9b1;
	width: 100%;
	clear: both;
	font-size: 88%;
	text-align: center;
	padding: 1px;
	margin: 1em auto 0;       /* Prevent preceding content from clinging to navboxes */
}

.navbox .navbox {
	margin-top: 0;            /* No top margin for nested navboxes */
}

.navbox + .navbox {
	margin-top: -1px;         /* Single pixel border between adjacent navboxes */
}

.navbox-inner,
.navbox-subgroup {
	width: 100%;
}

.navbox-group,
.navbox-title,
.navbox-abovebelow {
	padding: 0.25em 1em;      /* Title, group and above/below styles */
	line-height: 1.5em;
	text-align: center;
}

th.navbox-group {             /* Group style */
	white-space: nowrap;
	/* @noflip */
	text-align: right;
}

.navbox,
.navbox-subgroup {
	background-color: #fdfdfd; /* Background color */
}

.navbox-list {
	line-height: 1.5em;
	border-color: #fdfdfd;    /* Must match background color */
}

/* cell spacing for navbox cells */
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {    /* Borders above 2nd, 3rd, etc. rows */
	border-top: 2px solid #fdfdfd; /* Must match background color */
}

.navbox th,
.navbox-title {
	background-color: #ccccff;      /* Level 1 color */
}

.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
	background-color: #ddddff;      /* Level 2 color */
}

.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
	background-color: #e6e6ff;      /* Level 3 color */
}

.navbox-even {
	background-color: #f7f7f7;      /* Even row striping */
}

.navbox-odd {
	background-color: transparent;  /* Odd row striping */
}

.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
	padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}

@Tholme: I og med at vi nå har TemplateStyles så vil jeg helst at vi putter CSS-en for spesifikke maler i TemplateStyles for disse malene. Alle navboksene våre bruker vel {{navboks}}, så det beste hadde vært å legge det inn der i stedet? Samtidig er det jo veldig ofte brukte maler, så det er en avveining som må tas. Jon Harald Søby (diskusjon) 9. mar. 2021 kl. 23:54 (CET)

@Jon Harald Søby:. Det er jo en veldig mye brukt mal og jeg ser at enwiki har den fortsatt i commons.css, men jeg er ikke noen motstander av å bruke TemplateStyles og flytte all navbox-css til {{navboks}}. Tholme (diskusjon) 10. mar. 2021 kl. 00:00 (CET)

@Tholme: Gjorde en liten undersøkelse, og så vidt jeg kan se er det noen få artikler og relativt få andre sider (søk etter «class=» i resultatsiden for å få en pekepinn) som bruker klassene direkte. Så det vil være en grei jobb å enten fjerne/erstatte disse klassene, konvertere maler som bruker klassene direkte til å bruke {{navboks}}, eller sette inn i malene som bruker klassene direkte.

Jeg skal prøve å finne ut om det er noe «best practices» rundt dette. Jeg gjorde en opptelling med templatecount.py nettopp, og {{navboks}} brukes på 334 118 (!) forskjellige sider. Så det er meget mulig at det er mer effektivt (mtp. lastetid) å beholde koden for den i Common.css enn å bruke TemplateStyles. Jon Harald Søby (diskusjon) 10. mar. 2021 kl. 00:40 (CET)

@Tholme: Fordi TemplateStyles ikke mellomlagres (caches) på samme måte som Common.css så vil det trolig være best å beholde koden for veldig ofte brukte maler her. Har derfor satt inn forslaget ditt her – gjør gjerne noen tester rundt omkring for å sjekke at det ser greit ut. Jeg har tatt noen stikkprøver, og det ser greit ut hittil, og det er jo et godt tegn. Jon Harald Søby (diskusjon) 12. mar. 2021 kl. 02:40 (CET)

@Jon Harald Søby:. Takk. Kan du fjerne linje 545 - 660 også? Disse er ikke i bruk på enwiki og det er her det ligger noen stiler som ikke fungerer. Har ikke testet, men håper det skal fungere på nowiki uten disse også. Tholme (diskusjon) 12. mar. 2021 kl. 10:14 (CET)

@Tholme: Gjort! Jeg så ikke lenger enn til «navbar», som jeg så fortsatt er i bruk (i hvert fall i {{v}} og {{vis}}, muligens også andre steder?) og da ikke bør fjernes. Jon Harald Søby (diskusjon) 12. mar. 2021 kl. 11:13 (CET)

@Jon Harald Søby: Hei, tror endringene dine gjorde at posisjonen til [vis]/[skjul]-knappen ble endret? Den er nå sentrert, og maltittelen har følgelig fått et linjeskift... Mvh. lil2mas (diskusjon) 12. mar. 2021 kl. 10:30 (CET)

@Theilert: Hei, dette er nå fikset ved å oppdatere Mal:Navboks til å bruke mw-collapsible. (Diff) Tholme (diskusjon) 12. mar. 2021 kl. 11:07 (CET)

Godt jobba! Jon Harald Søby (diskusjon) 12. mar. 2021 kl. 11:13 (CET)

En del maler som bruker {{navboks}} har mistet venstrejustering i venstre spalte, og har også mnistet bakgrunnsfargen, se {{Veier i Trøndelag}}. Før endringen ble malene også skjult dersom mer enn én mal ble lagt inn etter hverandre, se Marienborg holdeplass. Mvh BjørnN (diskusjon) 12. mar. 2021 kl. 14:18 (CET)

@BjørnN: Jeg har nå rett og slett endret Mal:Navboks til å bruke Module:Navbox, ser ut som dette løser problemet med bakgrunnsfarge og høyrejustering i venstre spalte. Vær obs på at dette gjør at dersom man kaller den engelske malen Mal:Navbox vil ikke norske parametre fungere. Forhåpentligvis er det ingen som har gjort dette, men man vet jo aldri. I såfall skal det å endre til {{Navboks}} fikse problemet. Skal sjekke opp i hvorfor ikke autocollapse fungerer lenger for flere navboxer etter hverandre). Tholme (diskusjon) 12. mar. 2021 kl. 16:58 (CET)

Flott, det gikk jo raskt! Mvh BjørnN (diskusjon) 12. mar. 2021 kl. 17:04 (CET)

@Jon Harald Søby: Hei, for å få autocollapse til å fungere igjen må det legges inn noe javascript i Mediawiki:Common.js eller tilsvarende plass. Denne er hentet fra en:MediaWiki:Common.js og fungerer for meg etter å ha lagt den inn i Bruker:Tholme/common.js. Kan du få lagt inn denne? Tholme (diskusjon) 12. mar. 2021 kl. 20:34 (CET)

	/**
	 * Add support to mw-collapsible for autocollapse, innercollapse and outercollapse
	 *
	 * Maintainers: TheDJ
	 */
	function mwCollapsibleSetup( $collapsibleContent ) {
		var $element,
			$toggle,
			autoCollapseThreshold = 2;
		$.each( $collapsibleContent, function ( index, element ) {
			$element = $( element );
			if ( $element.hasClass( 'collapsible' ) ) {
				$element.find( 'tr:first > th:first' ).prepend( $element.find( 'tr:first > * > .mw-collapsible-toggle' ) );
			}
			if ( $collapsibleContent.length >= autoCollapseThreshold && $element.hasClass( 'autocollapse' ) ) {
				$element.data( 'mw-collapsible' ).collapse();
			} else if ( $element.hasClass( 'innercollapse' ) ) {
				if ( $element.parents( '.outercollapse' ).length > 0 ) {
					$element.data( 'mw-collapsible' ).collapse();
				}
			}
			// because of colored backgrounds, style the link in the text color
			// to ensure accessible contrast
			$toggle = $element.find( '.mw-collapsible-toggle' );
			if ( $toggle.length ) {
				// Make the toggle inherit text color
				if ( $toggle.parent()[ 0 ].style.color ) {
					$toggle.find( 'a' ).css( 'color', 'inherit' );
				}
			}
		} );
	}

	mw.hook( 'wikipage.collapsibleContent' ).add( mwCollapsibleSetup );

Høyttalerikon

I malen {{Audio}} finnes kommandoen «unicode audiolink», jeg går ut fra at den har sammenheng med linje 732 på Common.css… (?) Den genererer et høyttalerikon på PC-skjermen, men det mangler på mobilskjermer. Er det noen som kan se på dette? På svensk Wikipedia fungerer den samme «unicode audiolink» både på PC og mobil. Soleincitta (diskusjon) 20. sep. 2021 kl. 11:08 (CEST)