Forum:Admin, Forum:CantDelete, Forum:CantEdit, Forum:CantPost, Forum:CantSearch, Forum:CantView, Forum:Mod, Forum:NoSigs, Byråkrater, emailconfirmed, Gränssnittsadministratörer, Administratörer, Widget-redigerare
1 251
redigeringar
Ninwik (diskussion | bidrag) (Skapade sidan med '→CSS som skrivs här kommer att påverka alla användare av skalet Vector: →****************** ** Infoboxes ******************: .infobox { float:right; clear:right; m...') |
Ninwik (diskussion | bidrag) Ingen redigeringssammanfattning |
||
Rad 1: | Rad 1: | ||
/* | /***** 4. MAIN PAGE STYLING *****/ | ||
#mainpage_topbox { | |||
background: #f9f9f9; | |||
padding: 0px; | |||
border: 1px solid #aaaaaa; | |||
margin: 0.2em 10px 10px; | |||
} | |||
.mainpage_boxtitle, .mainpage_hubtitle { | |||
color:#005288; | |||
font-size: 150%; | |||
padding: 0.4em; | |||
background-image:url(http://dev.genealogi.se/ssf_joomla/wiki/skins/vector/images/paper_1.gif); | |||
background-repeat:repeat; | |||
background-color: #eee7d7; | |||
border-bottom: 1px solid #aaaaaa; | |||
} | |||
#mainpage_pagetitle { | |||
color:#005288; | |||
font-size: 150%; | |||
padding: 0.4em; | |||
background-color: #ffffff; | |||
} | |||
.mainpage_encyklopedi { | |||
color: #000000; | |||
font-size: 70%; | |||
line-height: 110%; | |||
} | |||
.mainpage_boxtitle { | |||
line-height: 120%; | |||
} | |||
#mainpage_pagetitle { | |||
font-size: 200% !important; | |||
} | |||
#mainpage_sitelinks { | |||
padding: 0.2em; | |||
text-align: center; | |||
background-color: white; | |||
} | |||
.mainpage_hubtitle { | |||
text-align: left; | |||
} | |||
.mainpage_boxcontents, .mainpage_boxcontents_small { | |||
background: #ffffff; | |||
padding: 0.2em 0.4em; | |||
} | |||
.mainpage_boxcontents_small { | |||
font-size: 95%; | |||
} | |||
.mainpage_hubbox, #mainpage_newscell, #mainpage_downloadcell { | |||
padding: 0; | |||
border: 1px solid #aaaaaa; | |||
} | |||
.mainpage_hubbox { | |||
margin-bottom: 0; | |||
} | |||
#mainpage_newscell { | |||
margin-bottom: 15px; | |||
margin-top: 0 !important; | |||
} | |||
#mainpage_newscell .mainpage_boxtitle { | |||
background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/20px-Exquisite-khelpcenter.png); | |||
background-repeat: no-repeat; | |||
background-position: 99% 0.3em; | |||
padding-right: 25px; | |||
} | |||
#mainpage_downloadcell { | |||
width: 17em; | |||
margin-bottom: 5px; | |||
} | |||
#mainpage_downloadcell .mainpage_boxtitle { | |||
background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Crystal_Clear_action_build.png/18px-Crystal_Clear_action_build.png); | |||
background-repeat: no-repeat; | |||
background-position: 96% 0.33em; | |||
padding-right: 25px; | |||
} | |||
#mainpage_mwtitle { color: #005288; } /* The words 'MediaWiki.org' in the title. */ | |||
/* The "mainpage" class is added to the body with javascript for the main page in all */ | |||
/* languages, so we can style things that apppear on the main page and also elsewhere. */ | |||
.mainpage #lastmod, | |||
.mainpage #siteSub, | |||
.mainpage h1.firstHeading { | |||
display: none !important; | |||
} | |||
.mainpage #content { | |||
padding-top: 1em; | |||
} | |||
/***** 5. SIDEBAR EXTERNAL LINKS *****/ | |||
#n-browse-cvs a, #n-phpdoc a, #n-Mailing-list a { | |||
background: url(/skins-1.5/monobook/external.png) center right no-repeat; | |||
padding-right: 13px; | |||
color: #3366bb; | |||
} | |||
/***** 7. WIKITABLES, INFOBOX TEMPLATES, WARNINGS AND OTHER SUCH STYLINGS *****/ | |||
/* Wikitable (Prettytable) class for skinning tables */ | |||
table.wikitable th, table.wikitable td { | |||
padding: 0.2em 0.4em; | |||
} | |||
table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3 { | |||
background: #8da7d6; | |||
} | |||
table.wikitable td.hl1, table.wikitable th.hl1 { | |||
background: #c5d8fc; | |||
text-align: center; | |||
} | |||
table.wikitable td.hl2, table.wikitable th.hl2 { | |||
background: #a7c1f2; | |||
text-align: center; | |||
} | |||
table.wikitable caption { | |||
margin-left: inherit; | |||
margin-right: inherit; | |||
font-weight: bold; | |||
} | |||
/* General purpose "pretty (data) tables" */ | |||
table.datatable { background-color: transparent; } | |||
table.datatable th, table.datatable td { padding: 4px; } | |||
table.datatable th { text-align: left; background-color: #999999; } | |||
table.datatable tr { background-color: #cccccc; } | |||
table.datatable tr:hover { background-color: #ffffcc; } | |||
/* SideBox styling */ | |||
div.sideBox { | |||
position: relative; | |||
float: right; | |||
background: white; | |||
margin-left: 1em; | |||
border: 1px solid gray; | |||
padding: 0.3em; | |||
width: 200px; | |||
overflow: hidden; | |||
clear: right; | |||
} | |||
div.sideBox dl { | |||
padding: 0; | |||
margin: 0 0 0.3em 0; | |||
font-size: 96%; | |||
} | |||
div.sideBox dl dt { | |||
background: none; | |||
margin: 0.4em 0 0 0; | |||
} | |||
div.sideBox dl dd { | |||
margin: 0.1em 0 0 1.1em; | |||
background-color: #f3f3f3; | |||
} | |||
/* Extension infobox styling */ | |||
.ext-infobox { | |||
border: 2px solid #aaaaaa; | |||
width: 272px; | |||
float: right; | |||
margin: 0 0 0.5em 0.5em; | |||
border-collapse: collapse; | |||
background-color: white; | |||
} | |||
.ext-infobox td { | |||
border: 2px none #aaaaaa; | |||
padding: 0.2em 0.5em; | |||
border-bottom: 1px solid #f0f0f0 !important; | |||
} | |||
.ext-header { | |||
background-color: #aaaaaa; | |||
color: white; | |||
text-align: left; | |||
} | |||
.ext-header td { padding-top: 0.5em; } | |||
.ext-header img { padding: 0 0.2em 0 0.5em; } | |||
.ext-status-unstable, .ext-status-unstable td { border-color: #990000; } | |||
.ext-status-unstable .ext-header { background-color: #990000; color: #ffff00; } | |||
.ext-status-experimental, .ext-status-experimental td { border-color: #cc6600; } | |||
.ext-status-experimental .ext-header { background-color: #cc6600; } | |||
.ext-status-beta, .ext-status-beta td { border-color: #000099; } | |||
.ext-status-beta .ext-header { background-color: #000099; } | |||
.ext-status-stable, .ext-status-stable td { border-color: #009900; } | |||
.ext-status-stable .ext-header { background-color: #009900; } | |||
/* Cute little "tip" boxes */ | |||
div.tip { | |||
padding: 4px; | |||
margin-top: 4px; | |||
margin-bottom: 4px; | |||
min-height: 30px; /* IE users will hate this... */ | |||
} | |||
div.tip-info { | |||
border: 1px solid #cc9933; | |||
background-color: #cccc99; | |||
} | |||
div.tip-gotcha { | |||
border: 1px solid #cc0000; | |||
background-color: #cc6666; | |||
} | |||
/* Version box on [[Manual:Downloading MediaWiki]] */ | |||
#DownloadVersionBox { | |||
border: 2px solid black; | |||
border-collapse: collapse; | |||
margin: auto; | |||
width: 50%; | |||
color: black; | |||
} | |||
#DownloadVersionBox td { | |||
border: 2px solid black; | |||
padding: 20px; | |||
} | |||
/* Major warning - used on the main page template to warn against editing carelessly, but can be used elsewhere as well */ | |||
.majorwarning { | |||
background: yellow; | |||
padding: 0.3em; | |||
text-align: center; | |||
font-size: 125%; | |||
border: 2px solid red; | |||
} | |||
/* Page headings used throughout the wiki (though not very much at the time of writing…) */ | |||
.page-notice, .page-warning { | |||
border-width: 1px; | |||
border-style: solid; | |||
padding: 0.3em 0.5em; | |||
margin-bottom: 1em; | |||
width: 95%; | |||
margin-left: auto; | |||
margin-right: auto; | |||
text-align: center; | |||
} | |||
/* Informative notices at the top of pages (blue) */ | |||
.page-notice { | |||
background-color: #f9f9f9; | |||
border-color: #025e9d; | |||
text-align: left; | |||
} | |||
/* Warning information at the top of pages (red) */ | |||
.page-warning { | |||
background-color: #ffffff; | |||
border-color: #c51919; | |||
border-width: 2px; | |||
} | |||
.pw-head { | |||
color: #c51919; | |||
font-weight: bold; | |||
} | |||
/* Used in Template:Notice */ | |||
.block-note { | |||
background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png); | |||
background-position: top left; | |||
background-repeat: no-repeat; | |||
} | |||
/* | |||
Using block-contents in the hope that it can apply to all block-level warning templates, | |||
with different images applied as backgrounds to the wrapping DIV. | |||
*/ | |||
.block-contents { | |||
display: block; | |||
padding-left: 20px; | |||
} | |||
/* Template documentation ([[Template:Documentation]]) */ | |||
.template-documentation { | |||
clear: both; | |||
margin: 1em 0 0 0; | |||
border: 1px solid #aaa; | |||
background-color: #ecfcf4; | |||
padding: 5px; | |||
} | |||
/***** 8. SOME OTHER SMALL THINGS *****/ | |||
/* Give a bit of space to the TOC */ | |||
#toc { margin: 1em 0; } | |||
/* make the list of references look smaller and highlight clicked reference in blue */ | |||
ol.references { font-size: 100%; } | |||
.references-small { font-size: 90%;} | |||
ol.references > li:target { background-color: #ddeeff; } | |||
sup.reference:target { background-color: #ddeeff; } | |||
/* Printing of thumbnails (bug 1583) */ | |||
div.tright { clear: right; } | |||
/* extra buttons for edit dialog (from commons:MediaWiki:Common.css) */ | |||
.my-buttons { | |||
padding: .5em; | |||
} | |||
.my-buttons a { | |||
color: black; | |||
background-color: #cde !important; | |||
font-weight: bold; | |||
font-size: .9em; | |||
text-decoration: none; | |||
border: thin #069 outset; | |||
padding: 0 .1em .1em; | |||
} | |||
.my-buttons a:hover, .my-buttons a:active { | |||
background-color: #bcd; | |||
border-style: inset; | |||
} | |||
/* from [[User:Splarka/Help:Linked images]] */ | |||
.imagelink_wikilogo a { | |||
width: 135px; | |||
height: 135px; | |||
display: block; | |||
text-decoration: none; | |||
background-image: url("http://upload.wikimedia.org/wikipedia/mediawiki/b/bc/Wiki.png"); | |||
} | |||
/**** reduced subset of the mbox styles from enwiki, mainly for the nice boxflow ****/ | |||
table.mbox { | |||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #aaa; /* Default "notice" gray */ | |||
background: #f9f9f9; | |||
} | |||
table.mbox-wide { | |||
margin: 4px 0; | |||
} | |||
th.mbox-text, td.mbox-text { /* The message body cell(s) */ | |||
border: none; | |||
padding: 0.25em 0.9em; /* 0.9em left/right */ | |||
width: 100%; /* Make all mboxes the same width regardless of text length */ | |||
} | |||
td.mbox-image { /* The left image cell */ | |||
border: none; | |||
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ | |||
text-align: center; | |||
} | |||
td.mbox-imageright { /* The right image cell */ | |||
border: none; | |||
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ | |||
text-align: center; | |||
} | |||
td.mbox-empty-cell { /* An empty narrow cell */ | |||
border: none; | |||
padding: 0px; | |||
width: 1px; | |||
} | |||
/* These mbox-small classes must be placed after all other | |||
ambox/tmbox/ombox etc classes. "body.mediawiki" is so | |||
they override "table.ambox + table.ambox" above. */ | |||
body.mediawiki table.mbox-small { /* For the "small=yes" option. */ | |||
clear: right; | |||
float: right; | |||
margin: 4px 0 4px 1em; | |||
width: 238px; | |||
font-size: 88%; | |||
line-height: 1.25em; | |||
} | |||
body.mediawiki table.mbox-small-left { /* For the "small=left" option. */ | |||
margin: 4px 1em 4px 0; | |||
width: 238px; | |||
border-collapse: collapse; | |||
font-size: 88%; | |||
line-height: 1.25em; | |||
} | |||
/* These are the same colours as the enwiki | |||
'cmbox' styles; just with different names. */ | |||
table.mbox-critical { | |||
border: 4px solid #b22222; /* Red */ | |||
background: #FFDBDB; /* Pink */ | |||
} | |||
table.mbox-important { | |||
background: #FFDBDB; /* Red */ | |||
} | |||
table.mbox-warning { | |||
background: #FFE7CE; /* Orange */ | |||
} | |||
table.mbox-caution { | |||
background: #FFF9DB; /* Yellow */ | |||
} | |||
table.mbox-notice { | |||
background: #D8E8FF; /* Blue */ | |||
} | |||
table.mbox-move { | |||
background: #E4D8FF; /* Purple */ | |||
} | |||
table.mbox-protection { | |||
background: #EFEFE1; /* Gray-gold */ | |||
} | |||
/******************* | /******************* | ||
** Infoboxes | ** Infoboxes |
redigeringar