Difference between revisions of "MediaWiki:Common.css"
From Vendetta Online Wiki
(Now with row highlighting on hover) |
(Formatted, and added ambox styles (templates)) |
||
Line 1: | Line 1: | ||
− | / | + | /* CSS placed here will be applied to all skins */ |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | a:link, a:visited { | + | /* --- TABLE --- */ |
− | + | ||
− | } | + | /* white background and border collapsing. */ |
− | . | + | table { |
− | + | background-color: #fff; | |
− | } | + | border-collapse:collapse; |
+ | } | ||
+ | /* padded table cells */ | ||
+ | td { | ||
+ | padding: 5px; | ||
+ | } | ||
+ | /* colored and padded heading cells */ | ||
+ | th { | ||
+ | background:#aec6d6; | ||
+ | padding-left:2px; | ||
+ | padding-right:2px; | ||
+ | } | ||
+ | /* rows in sortable tables highlight on hover */ | ||
+ | .sortable tr:hober { | ||
+ | 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; | ||
+ | } |
Revision as of 03:15, 3 October 2007
/* CSS placed here will be applied to all skins */ /* --- TABLE --- */ /* white background and border collapsing. */ table { background-color: #fff; border-collapse:collapse; } /* padded table cells */ td { padding: 5px; } /* colored and padded heading cells */ th { background:#aec6d6; padding-left:2px; padding-right:2px; } /* rows in sortable tables highlight on hover */ .sortable tr:hober { 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; }