I dag er MediaWiki:Common.css et emne af stor relevans og interesse for en bred vifte af mennesker og samfund. Hvad enten det er på grund af dets indvirkning på samfundet, dets kulturelle relevans eller dets betydning på det akademiske område, har MediaWiki:Common.css fanget manges opmærksomhed og genereret debatter, refleksioner og forskning omkring dette emne. Fra forskellige perspektiver og tilgange har MediaWiki:Common.css vakt stor interesse på grund af sin indflydelse på forskellige aspekter af dagligdagen. I denne artikel vil vi udforske forskellige facetter af MediaWiki:Common.css, analysere dens betydning, implikationer og mulige fremtidige udviklinger.
/* Fælles CSS for alle udseender */
/*<pre><nowiki>*/
/* Display "Fra Wikipedia, den frie encyklopædi" */
#siteSub {
display: inline;
font-size: 80%;
font-weight: normal;
}
/* Vis ikke diverse ting og sager på forsiden */
body.page-Forside #siteSub, /* Tagline "Fra Wikipedia, den frie encyklopædi" (fra ]) */
body.page-Forside #footer-info-lastmod, /* Senest ændret dato (forsiden bliver teknisk aldrig ændret) */
body.page-Forside h1.firstHeading /* Artikeloverskrift: "Forside" */
{
display: none !important;
}
/* Vis ikke diverse ting og sager på portal:Forside */
body.page-Portal_Forside #siteSub, /* Tagline "Fra Wikipedia, den frie encyklopædi" (fra ]) */
body.page-Portal_Forside h1.firstHeading /* Artikeloverskrift: "Forside" */
{
display: none !important;
}
/* Gør listen over fodnoter/referencer mindre */
ol.references,
div.reflist,
div.references-small,
div.refbegin {
font-size: 90%; /* Standard-tekststørrelse */
margin-bottom: 0.5em;
}
div.refbegin-100 {
font-size: 100%; /* Mulighed for normal tekststørrelse i {{refbegin}} */
}
div.reflist ol.references {
font-size: 100%; /* Nulstil tekststørrelse når indlejret i div.reflist */
margin-bottom: 0; /* Undgå dobbelt-margen når indlejret i div.reflist */
list-style-type: inherit; /* Anvend brugerdefinerede liste-stile */
}
/* "Hængende indrykning" for {{Refbegin}} */
.refbegin-hanging-indents > ul {
list-style-type: none;
margin-left: 0;
}
.refbegin-hanging-indents > ul > li,
.refbegin-hanging-indents > dl > dd {
margin-left: 0;
padding-left: 3.2em;
text-indent: -3.2em;
list-style: none;
}
.references-small { font-size: 90%;}
/* T156351: Support for Parsoid's Cite implementation */
span {
counter-reset: mw-ref-linkback 0;
}
span > a::before {
content: counter( mw-ref-linkback, lower-alpha );
}
a::before {
content: "^";
}
span::before {
content: "^ ";
}
/********************************************************************/
/*
* Sammenklappelige lister (])
*/
div.NavGroup,
div.NavFrame {
margin: 0px;
padding: 2px;
border: 1px solid #999999;
text-align: center;
border-collapse: collapse;
font-size: 95%;
clear:both;
}
div.NavFrame p {
font-size: 100%;
}
div.NavGroup div.NavFrame {
border-style: none;
border-style: hidden;
}
div.NavFrame + div.NavFrame {
border-top-style: none;
border-top-style: hidden;
}
div.NavPic {
background-color: #ffffff;
margin: 0px;
padding: 2px;
float: left;
}
div.NavFrame div.NavHead {
height: 1.6em;
font-weight: bold;
font-size: 100%;
background-color: #efefef;
}
div.NavContent {
font-size: 100%;
background-color: #fafafa;
padding: 2px;
}
div.NavFrame div.NavContent p {
text-align: center;
}
div.NavEnd {
margin: 0px;
padding: 0px;
line-height: 1px;
clear: both;
}
.NavToggle {
font-size: x-small;
float:right;
}
/********************************************************************/
/* Navigationsleisten nicht mit ausdrucken */
@media print{
.NavFrame {
display: none;
}
}
/*
* Style til interne links der konstrueres ved hjælp af {{PAGEURL}} etc.
*/
#bodyContent .plainlinks a {
background: none !important;
padding: 0 !important;
}
/********************************************************************/
/* Import fra EN for at kunne bruge video og lydlinks */
/* Icons for medialist templates ] */
/* Brug: og Plan: - se næste
*/
div.listenlist {
background: url("//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png");
padding-left: 40px;
}
div.videolist, div.multivideolist {
background: url("//upload.wikimedia.org/wikipedia/en/thumb/2/20/Tango-video-x-generic.png/40px-Tango-video-x-generic.png");
padding-left: 50px;
}
/********************************************************************/
/* Style rules for media list templates */
/* se: en:Template:Multi-listen start/styles.css
* Brug: 'Skabelon:Multi-video start' og 'Skabelon:Multi-listen start'
* Plan: flyttes til egen styles.css
*/
div.medialist {
min-height: 50px;
margin: 1em;
background-position: top left;
background-repeat: no-repeat;
}
div.medialist ul {
list-style-type: none;
list-style-image: none;
margin: 0;
}
div.medialist ul li {
padding-bottom: 0.5em;
}
div.medialist ul li li {
font-size: 91%;
padding-bottom: 0;
}
/********************************************************************/
/* Messagebox templates */
/*
* Brug: bruges mest til projekt-skabeloner på diskussionssider. Derudover andre steder
* Plan: bør stille og rolig fases ud
*/
.messagebox {
border: 1px solid #aaaaaa;
background-color: #f9f9f9;
width: 80%;
margin: 0 auto 1em auto;
padding: .2em;
}
.messagebox.merge {
border: 1px solid #c0b8cc;
background-color: #f0e5ff;
text-align: center;
}
.messagebox.cleanup {
border: 1px solid #9f9fff;
background-color: #efefff;
text-align: center;
}
.messagebox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
/********************************************************************/
/* ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox
* elementer, som ikke kan være i 'Modul:Message box/styles.css'
*/
.compact-ambox table .mbox-text-span {
list-style-image: url(/w/skins/MonoBook/resources/images/bullet.svg);
}
.skin-vector .compact-ambox table .mbox-text-span {
list-style-image: url(/w/skins/Vector/images/bullet-icon.svg);
}
/********************************************************************/
/* Infobox template style */
.infobox {
border: 1px solid #aaaaaa;
border-spacing: 3px;
background-color: #f9f9f9;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
font-size: 88%;
line-height: 1.5em;
}
.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 #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #aaaaaa;
}
/* styles for geography infoboxes, e.g. countries, national subdivisions, cities, etc. */
.infobox.geography {
border: 1px solid #ccd2d9;
text-align: left;
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography td,
.infobox.geography th {
border-top: solid 1px #ccd2d9;
padding: 0.4em 0.2em 0.4em 0.8em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: solid 1px #ccd2d9;
padding: 0.4em 0.2em 0.2em 0.8em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.2em 0.2em 0.8em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: solid 1px #ccd2d9;
padding: 0 0.2em 0.4em 0.8em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0 0 0 0;
}
/********************************************************************/
/* Normal font styling for table row headers with scope="row" tag */
.wikitable.plainrowheaders th {
font-weight: normal;
/* @noflip */
text-align: left;
}
/* Change the external link icon to an Adobe icon for all PDF files */
/* (in browsers that support these CSS selectors, like Mozilla and Opera) */
#bodyContent a.external,
#bodyContent a.external,
#bodyContent a.external,
#bodyContent a.external,
#bodyContent a.external,
#bodyContent a.external {
background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) center right no-repeat;
padding-right: 16px;
}
/* Change the external link icon to an Adobe icon anywhere the PDFlink class */
/* is used (notably Template:PDFlink). This works in IE, unlike the above. */
span.PDFlink a {
background: url(//upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat !important;
padding-right: 17px !important;
}
/* Highlight clicked reference in blue to help navigation */
ol.references > li:target {
background-color: #DEF;
}
/********************************************************************/
/* Inline div's i ImageMaps (kode stjålet fra de.wiki) */
/* Brug: bruges i nogle vej-infobokse
* Plan: kan flyttes ud
*/
.imagemap-inline div {
display: inline;
}
/********************************************************************/
div.scrollable {
overflow: auto;
}
/* Undgå ekstra linjeafstand ved sup og sub */
sup, sub {
line-height: 1em;
}
/* </nowiki></pre> */
/* Styling for citations */
cite {
font-style: normal;
word-wrap: break-word;
}
/* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */
cite:target {
background-color: #DEF;
}
/* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */
@media screen, handheld, projection {
cite *.printonly {
display: none;
}
}
/* Farver på bytes */
.mw-plusminus-pos {
color:green;
}
.mw-plusminus-neg {
color:red;
}
/********************************************************************/
/* søsterprojektlinks i venstrepanelet */
ul.interProject
{
list-style: none;
padding-left: 0;
margin-left: 0;
}
li.interProject
{
background-repeat: no-repeat;
background-position: left center;
padding-left: 18px;
margin-left: 0;
}
/* specifikt for Vector; ovenstående "hænger ikke fast" af en eller anden grund */
#mw-panel div.portal div.body ul.interProject li.interProject
{
background-repeat: no-repeat;
background-position: left center;
padding-left: 18px;
margin-left: 0;
}
li.commons
{
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/14px-Commons-logo.svg.png");
}
li.wiktionary
{
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/f/f9/Wiktionary_small.svg/16px-Wiktionary_small.svg.png");
}
li.wikibooks
{
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Wikibooks-logo.svg/16px-Wikibooks-logo.svg.png");
}
li.wikiquote
{
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Wikiquote-logo.svg/15px-Wikiquote-logo.svg.png");
}
li.wikisource
{
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Wikisource-logo.svg/15px-Wikisource-logo.svg.png");
}
li.wikinews
{
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/a/ae/Wikinews_waves_Left.png/15px-Wikinews_waves_Left.png");
}
li.wikispecies
{
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/d/df/Wikispecies-logo.svg/15px-Wikispecies-logo.svg.png");
}
li.wikiversity
{
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/9/91/Wikiversity-logo.svg/15px-Wikiversity-logo.svg.png");
}
li.meta
{
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/7/75/Wikimedia_Community_Logo.svg/15px-Wikimedia_Community_Logo.svg.png");
}
li.incubator
{
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/0/02/Incubator-notext.svg/15px-Incubator-notext.svg.png");
}
/********************************************************************/
/* Hide (formatting) elements from screen, but not from screenreaders */
/* Plan: tjek på hvor det bliver brugt
*/
.visualhide {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
/********************************************************************/
/* Klasse som kun vises for autopatruljerede/patruljanter/administrator: Visning slås til i CSS-filer for disse brugergrupper */
.vis-for-autopatrol {
display: none;
}