MediaWiki:Common.css
Från Rilpedia
(Skillnad mellan versioner)
RIL (Diskussion | bidrag) (+ Wikipedia) |
|||
(2 mellanliggande versioner visas inte.) | |||
Rad 1: | Rad 1: | ||
- | + | /** ////////////////////////////////////////////////////////////// **/ | |
- | /** | + | /** WIKIPEDIA (start) **/ |
+ | /** ////////////////////////////////////////////////////////////// **/ | ||
- | /* | + | /* Wikitabeller */ |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
table.wikitable { | table.wikitable { | ||
- | margin: | + | margin: .5em; |
background: #f9f9f9; | background: #f9f9f9; | ||
- | border: 1px # | + | border: 1px #aaa solid; |
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
table.wikitable th, table.wikitable td { | table.wikitable th, table.wikitable td { | ||
- | border: 1px # | + | border: 1px #aaa solid; |
- | padding: | + | padding: .2em; |
} | } | ||
Rad 149: | Rad 27: | ||
} | } | ||
- | .hiddenStructure { | + | .hiddenStructure { display: none; speak: none; } |
- | + | ||
- | + | ||
- | } | + | |
/* Infobox-mallar */ | /* Infobox-mallar */ | ||
.infobox { | .infobox { | ||
- | border: 1px solid # | + | border: 1px solid #aaa; |
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
color: black; | color: black; | ||
- | margin | + | margin:.5em 0 .5em 1em; |
- | + | padding: .2em; | |
- | padding: | + | |
float: right; | float: right; | ||
clear: right; | clear: right; | ||
Rad 169: | Rad 43: | ||
.infobox th { | .infobox th { | ||
vertical-align: top; | vertical-align: top; | ||
- | padding | + | padding:0 .2em; |
- | + | ||
- | + | ||
- | . | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | .infobox caption { font-size: larger; } | ||
+ | .infobox.bordered { border-collapse: collapse; } | ||
.infobox.bordered td, | .infobox.bordered td, | ||
- | .infobox.bordered th { | + | .infobox.bordered th { border: 1px solid #aaa; } |
- | + | ||
- | + | ||
.infobox.bordered .borderless td, | .infobox.bordered .borderless td, | ||
- | .infobox.bordered .borderless th { | + | .infobox.bordered .borderless th { border: 0; } |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
/* Kursiva redirecter i allpages */ | /* Kursiva redirecter i allpages */ | ||
.allpagesredirect { font-style: italic; } | .allpagesredirect { font-style: italic; } | ||
- | /* Stilmallar | + | /* Stilmallar för avgränsade infoboxar med sammansatta rader */ |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
.infobox.bordered .mergedtoprow td, | .infobox.bordered .mergedtoprow td, | ||
.infobox.bordered .mergedtoprow th { | .infobox.bordered .mergedtoprow th { | ||
border: 0; | border: 0; | ||
- | border-top: 1px solid # | + | border-top: 1px solid #aaa; |
- | border-right: 1px solid # | + | border-right: 1px solid #aaa; |
} | } | ||
Rad 258: | Rad 67: | ||
.infobox.bordered .mergedrow th { | .infobox.bordered .mergedrow th { | ||
border: 0; | border: 0; | ||
- | border-right: 1px solid # | + | border-right: 1px solid #aaa; |
+ | } | ||
+ | |||
+ | |||
+ | /* | ||
+ | "plainlinksneverexpand" säkerställer att inget mellanrum läggs till efter en länk och att ingen "extern-länk-pil" läggs till. | ||
+ | */ | ||
+ | |||
+ | .plainlinksneverexpand { | ||
+ | background: none ! important; | ||
+ | padding: 0 ! important; | ||
+ | } | ||
+ | |||
+ | .plainlinksneverexpand .urlexpansion { | ||
+ | display: none ! important; | ||
+ | } | ||
+ | |||
+ | .plainlinksneverexpand a { | ||
+ | background: none !important; | ||
+ | padding: 0 !important; | ||
+ | } | ||
+ | |||
+ | /* Används av "commonPrint.css" */ | ||
+ | |||
+ | .plainlinksneverexpand a.external.text:after { | ||
+ | display: none !important; | ||
+ | } | ||
+ | .plainlinksneverexpand a.external.autonumber:after { | ||
+ | display: none !important; | ||
} | } | ||
Rad 285: | Rad 122: | ||
background-color: #f8eaba; | background-color: #f8eaba; | ||
} | } | ||
- | + | .messagebox.nested-talk { | |
+ | border: 1px solid #c0c090; | ||
+ | background-color: #f8eaba; | ||
+ | width: 100%; | ||
+ | margin: 2px 4px; | ||
+ | } | ||
/* stilar för geografiska infoboxar, t.ex. länder, nationella indelningar, städer osv. */ | /* stilar för geografiska infoboxar, t.ex. länder, nationella indelningar, städer osv. */ | ||
Rad 298: | Rad 140: | ||
.infobox.geography td, | .infobox.geography td, | ||
- | .infobox.geography th | + | .infobox.geography th, |
- | + | ||
- | + | ||
- | + | ||
.infobox.geography .mergedtoprow td, | .infobox.geography .mergedtoprow td, | ||
.infobox.geography .mergedtoprow th { | .infobox.geography .mergedtoprow th { | ||
border-top: solid 1px #ccd2d9; | border-top: solid 1px #ccd2d9; | ||
- | padding: | + | padding: .4em .2em .4em .8em; |
} | } | ||
Rad 311: | Rad 150: | ||
.infobox.geography .mergedrow th { | .infobox.geography .mergedrow th { | ||
border: 0; | border: 0; | ||
- | padding: | + | padding: 0 .2em .2em .8em; |
} | } | ||
Rad 318: | Rad 157: | ||
border-top: 0; | border-top: 0; | ||
border-bottom: solid 1px #ccd2d9; | border-bottom: solid 1px #ccd2d9; | ||
- | padding: | + | padding: 0 .2em .4em .8em; |
} | } | ||
Rad 324: | Rad 163: | ||
.infobox.geography .maptable th { | .infobox.geography .maptable th { | ||
border: 0; | border: 0; | ||
- | padding: | + | padding: 0; |
} | } | ||
Rad 333: | Rad 172: | ||
margin: 0px; | margin: 0px; | ||
padding: 2px; | padding: 2px; | ||
- | border: 1px solid # | + | border: 1px solid #aaa; |
text-align: center; | text-align: center; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
Rad 347: | Rad 186: | ||
} | } | ||
div.NavPic { | div.NavPic { | ||
- | background-color: # | + | background-color: #fff; |
- | margin: | + | margin: 0; |
- | padding: | + | padding: .2em; |
float: left; | float: left; | ||
} | } | ||
Rad 359: | Rad 198: | ||
position:relative; | position:relative; | ||
} | } | ||
- | div.NavFrame p | + | div.NavFrame p, |
- | + | div.NavFrame div.NavContent, | |
- | + | div.NavFrame div.NavContent p { font-size: 100%; } | |
- | div.NavFrame div.NavContent | + | |
- | + | ||
- | + | ||
- | div.NavFrame div.NavContent p { | + | |
- | + | ||
- | } | + | |
div.NavEnd { | div.NavEnd { | ||
- | margin: | + | margin: 0; |
- | padding: | + | padding: 0; |
line-height: 1px; | line-height: 1px; | ||
clear: both; | clear: both; | ||
Rad 376: | Rad 209: | ||
a.NavToggle { | a.NavToggle { | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:0; |
- | right: | + | right:.25em; |
font-weight:normal; | font-weight:normal; | ||
font-size:smaller; | font-size:smaller; | ||
} | } | ||
+ | /* Något mindre storlek för referenslistorna. */ | ||
+ | .references { font-size: 95%; } | ||
- | /* | + | /* Öka läsbarheten när referenser och sub/sup används */ |
- | + | .reference a { font-size: 90%; } | |
- | + | sub, sup { line-height: 0; } | |
- | } | + | |
- | .references- | + | /* Gör så att vald referens markeras med annan bakgrundsfärg, så att man hittar i listan. |
+ | Från enwiki. Fungerar tyvärr ej i IE. */ | ||
+ | |||
+ | ol.references > li:target { background-color: #DEF; } | ||
+ | sup.reference:target { background-color: #DEF; } | ||
/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */ | /* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */ | ||
Rad 400: | Rad 238: | ||
} | } | ||
- | # | + | /*** Stilar för huvudsidan ***/ |
- | + | ||
+ | /* Rubriker */ | ||
+ | body.page-Portal_Huvudsida #kolumn1 h2, | ||
+ | body.page-Portal_Huvudsida #kolumn2 h2 { | ||
+ | font-size: 110%; | ||
+ | margin-bottom: .75em; | ||
+ | margin-top: 1em; | ||
+ | padding: 2px; | ||
} | } | ||
- | # | + | body.page-Portal_Huvudsida #kolumn1 h2 { |
- | + | border-bottom: 1px solid #bcd2ee; | |
- | + | background-color: #f0f5ff; | |
+ | } | ||
+ | body.page-Portal_Huvudsida #kolumn2 h2 { | ||
+ | border-bottom:1px solid #fec088; | ||
+ | background-color:#ffe7ba; | ||
} | } | ||
- | /* | + | /* Geografiska koordinater |
- | + | ||
- | . | + | För att visa koordinater med notationen i källkoden, lägg till detta i din Användare:Användarnamn/monobook:css: |
- | display: none | + | .geo-default { display: inline } .geo-nondefault { display: none } |
+ | .geo-dec { display: inline } .geo-dms { display: inline } | ||
+ | |||
+ | För att visa koordinater med decimalnotation, lägg till detta i din Användare:Användarnamn/monobook:css: | ||
+ | .geo-default { display: inline } .geo-nondefault { display: inline } | ||
+ | .geo-dec { display: inline } .geo-dms { display: none } | ||
+ | |||
+ | För att visa koordinater med DMS-notation, lägg till detta i din Användare:Användarnamn/monobook:css: | ||
+ | .geo-default { display: inline } .geo-nondefault { display: inline } | ||
+ | .geo-dec { display: none } .geo-dms { display: inline } | ||
+ | |||
+ | För att visa koordinater med både decimal- och DMS-notation, lägg till detta i din Användare:Användarnamn/monobook:css: | ||
+ | .geo-default { display: inline } .geo-nondefault { display: inline } | ||
+ | .geo-dec { display: inline } .geo-dms { display: inline } | ||
+ | .geo-multi-punct { display: inline } | ||
+ | |||
+ | Se [[Mall:Coord/link]] för att se hur de används. | ||
+ | |||
+ | Notera att klasserna "geo", "longitude", och "latitude" inte bara är stilar utan också används av [[en:Geo (microformat)]], så namnen bör inte ändras. | ||
+ | |||
+ | */ | ||
+ | |||
+ | .geo-default { display: inline; } | ||
+ | .geo-nondefault { display: none; } | ||
+ | .geo-dms { display: inline; } | ||
+ | .geo-dec { display: inline; } | ||
+ | .geo-multi-punct { display: none; } | ||
+ | |||
+ | .longitude .latitude { | ||
+ | white-space: nowrap; | ||
} | } | ||
+ | |||
+ | /* Detta används för Geo, men ingen stil behövs för tillfället utom .geo-dec. */ | ||
+ | .geo { } | ||
+ | |||
+ | /***** slut på geografirelaterat */ | ||
+ | |||
+ | /* mall för kvalitetsmallar */ | ||
+ | table.ambox { | ||
+ | margin: 0 10%; /* Will not overlap with other elements */ | ||
+ | border-collapse: collapse; | ||
+ | background: #fbfbfb; | ||
+ | border: 1px solid #aaa; | ||
+ | border-left: 10px solid #608ec2; /* Default "notice" blue */ | ||
} | } | ||
+ | table.ambox th.ambox-text, table.ambox td.ambox-text { /* The message body cell(s) */ | ||
+ | padding: .25em .5em; /* 0.5em left/right */ | ||
+ | width: 100%; /* Make all templates the same width regardless of text size */ | ||
+ | } | ||
+ | table.ambox td.ambox-image { /* The left image cell */ | ||
+ | padding: 2px 0 2px .5em; /* 0.5em left, 0px right */ | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | table.ambox td.ambox-imageright { /* The right image cell */ | ||
+ | padding: 2px 4px 2px 0; /* 0px left, 4px right */ | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | table.ambox-notice { | ||
+ | border-left: 10px solid #608ec2; /* Blue */ | ||
+ | /* border-right: 10px solid #608ec2; */ /* If you want two blue bars */ | ||
+ | } | ||
+ | table.ambox-delete, | ||
+ | table.ambox-serious { | ||
+ | border-left: 10px solid #b22222; /* Red */ | ||
+ | } | ||
+ | table.ambox-content { | ||
+ | border-left: 10px solid #f28500; /* Orange */ | ||
+ | } | ||
+ | table.ambox-style { | ||
+ | border-left: 10px solid #f4c430; /* Yellow */ | ||
+ | } | ||
+ | table.ambox-merge { | ||
+ | border-left: 10px solid #9932cc; /* Purple */ | ||
+ | } | ||
+ | table.ambox-protection { | ||
+ | border-left: 10px solid #bba; /* Gray */ | ||
+ | } | ||
+ | table.ambox.ambox-mini { /* small floating box variant */ | ||
+ | float: right; | ||
+ | clear: right; | ||
+ | margin-left: 1 |