MediaWiki:Common.css: Difference between revisions
From Vendetta Online Wiki
Jump to navigationJump to search
Now with row highlighting on hover |
mNo edit summary |
||
(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; | |||
} | |||
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; | |||
} |
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; }