Difference between revisions of "MediaWiki:Common.css"
From Vendetta Online Wiki
(Now with row highlighting on hover) |
m |
||
(2 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | / | + | /* CSS placed here will be applied to all skins */ |
− | + | ||
− | + | /* 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; | ||
+ | } | ||
+ | |||
+ | /* Do not expand URLs within citations for printing. The URLs should be included explicitly, to avoid confusion */ | ||
+ | |||
+ | @media print { | ||
+ | #content cite a.external.text:after { | ||
+ | display: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* 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; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* wikitable/prettytable class for skinning normal tables */ | ||
+ | table.wikitable, | ||
+ | table.prettytable { | ||
+ | margin: 1em 1em 1em 0; | ||
+ | background: #f9f9f9; | ||
+ | border: 1px #aaa solid; | ||
+ | border-collapse: collapse; | ||
} | } | ||
− | td { | + | |
− | + | table.wikitable th, table.wikitable td, | |
+ | table.prettytable th, table.prettytable td { | ||
+ | border: 1px #aaa solid; | ||
+ | padding: 0.2em; | ||
} | } | ||
− | th { | + | |
− | + | table.wikitable th, | |
− | + | table.prettytable th { | |
− | + | background: #e0f2e0; | |
+ | text-align: center; | ||
} | } | ||
− | + | ||
− | + | table.wikitable caption, | |
+ | table.prettytable caption { | ||
+ | margin-left: inherit; | ||
+ | margin-right: inherit; | ||
+ | font-weight: bold; | ||
} | } | ||
− | + | table.prettytable code, | |
− | + | table.wikitable code { | |
+ | background-color: transparent; | ||
} | } | ||
− | . | + | |
− | + | /* default skin for navigation boxes */ | |
+ | 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; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* rows in sortable tables highlight on hover */ | ||
+ | .sortable tr:hover { | ||
+ | background-color: #ddd; | ||
+ | } | ||
+ | |||
+ | /* --- HEADINGS --- */ | ||
+ | |||
+ | /* third tier headings have a dotted bottom border */ | ||
+ | h3 { | ||
+ | border-bottom: 1px dotted grey; | ||
+ | } | ||
+ | |||
+ | /* --- LINKS --- */ | ||
+ | |||
+ | /* forces all links to be underlined */ | ||
+ | a:link, a:visited { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | /* --- AMBOX TEMPLATE DESIGNS --- */ | ||
+ | |||
+ | /* ambox design */ | ||
+ | .ambox { | ||
+ | font-size: 110%; | ||
+ | width: 80%; | ||
+ | margin: 0 auto; | ||
+ | border: 1px #AAA solid; | ||
+ | border-left: 10px solid #228b22; | ||
+ | border-collapse: collapse; | ||
+ | background-color: #EEE; | ||
+ | } | ||
+ | |||
+ | /* ambox colours */ | ||
+ | .ambox-blue { | ||
+ | border-left: 10px solid #1e90ff; /* Blue (notice) */ | ||
+ | } | ||
+ | .ambox-red { | ||
+ | border-left: 10px solid #b22222; /* Red (delete/serious) */ | ||
+ | } | ||
+ | .ambox-orange { | ||
+ | border-left: 10px solid #f28500; /* Orange (content) */ | ||
+ | } | ||
+ | .ambox-yellow { | ||
+ | border-left: 10px solid #f4c430; /* Yellow (style) */ | ||
+ | } | ||
+ | .ambox-purple { | ||
+ | border-left: 10px solid #9932cc; /* Purple (merge) */ | ||
+ | } | ||
+ | .ambox-gray { | ||
+ | border-left: 10px solid #bba; /* Gray (protection) */ | ||
+ | } | ||
+ | .ambox-green { | ||
+ | border-left: 10px solid #228b22; /* Green */ | ||
+ | } | ||
+ | |||
+ | /* ambox small text */ | ||
+ | .amsmalltext { | ||
+ | font-size: 90%; | ||
+ | text-align: justify; | ||
+ | margin-top:0.5em; | ||
+ | margin-left:0.8em; | ||
+ | } | ||
+ | |||
+ | /* ambox image */ | ||
+ | .ambox-image { /* The left image cell */ | ||
+ | width: 60px; | ||
+ | padding: 2px 0px 2px 0.5em; /* 0.5em left, 0px right */ | ||
+ | text-align: center; | ||
+ | } |
Latest revision as of 05:48, 2 May 2008
/* CSS placed here will be applied to all skins */ /* 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; } /* Do not expand URLs within citations for printing. The URLs should be included explicitly, to avoid confusion */ @media print { #content cite a.external.text:after { display: none; } } /* 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; } } /* wikitable/prettytable class for skinning normal tables */ table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; } table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { border: 1px #aaa solid; padding: 0.2em; } table.wikitable th, table.prettytable th { background: #e0f2e0; text-align: center; } table.wikitable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; } table.prettytable code, table.wikitable code { background-color: transparent; } /* default skin for navigation boxes */ 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; } } /* rows in sortable tables highlight on hover */ .sortable tr:hover { background-color: #ddd; } /* --- HEADINGS --- */ /* third tier headings have a dotted bottom border */ h3 { border-bottom: 1px dotted grey; } /* --- LINKS --- */ /* forces all links to be underlined */ a:link, a:visited { text-decoration: underline; } /* --- AMBOX TEMPLATE DESIGNS --- */ /* ambox design */ .ambox { font-size: 110%; width: 80%; margin: 0 auto; border: 1px #AAA solid; border-left: 10px solid #228b22; border-collapse: collapse; background-color: #EEE; } /* ambox colours */ .ambox-blue { border-left: 10px solid #1e90ff; /* Blue (notice) */ } .ambox-red { border-left: 10px solid #b22222; /* Red (delete/serious) */ } .ambox-orange { border-left: 10px solid #f28500; /* Orange (content) */ } .ambox-yellow { border-left: 10px solid #f4c430; /* Yellow (style) */ } .ambox-purple { border-left: 10px solid #9932cc; /* Purple (merge) */ } .ambox-gray { border-left: 10px solid #bba; /* Gray (protection) */ } .ambox-green { border-left: 10px solid #228b22; /* Green */ } /* ambox small text */ .amsmalltext { font-size: 90%; text-align: justify; margin-top:0.5em; margin-left:0.8em; } /* ambox image */ .ambox-image { /* The left image cell */ width: 60px; padding: 2px 0px 2px 0.5em; /* 0.5em left, 0px right */ text-align: center; }