Difference between revisions of "MediaWiki:Common.css"
From Funtoo Linux
(Tweaking geshi blocks) |
|||
| Line 13: | Line 13: | ||
/* Make the syntax highlighting blocks a bit distinct by adding a background and border */ | /* Make the syntax highlighting blocks a bit distinct by adding a background and border */ | ||
.mw-geshi {background-color: #FFF8DC; border: 1px dashed #2f6fab; margin: 1em 0; padding: 1em; } | .mw-geshi {background-color: #FFF8DC; border: 1px dashed #2f6fab; margin: 1em 0; padding: 1em; } | ||
| + | |||
| + | /* Note boxes from dokuwiki's note plugin */ | ||
| + | .note, .important, .warning, .tip { | ||
| + | margin: 2em; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | width: 70% !important; | ||
| + | min-height: 40px; | ||
| + | clear: both; | ||
| + | text-align: justify; | ||
| + | vertical-align: middle; | ||
| + | border-collapse: collapse; | ||
| + | padding: 15px 20px 15px 80px; | ||
| + | background-position: 20px 50%; | ||
| + | background-repeat: no-repeat; | ||
| + | -moz-border-radius: 20px; | ||
| + | -khtml-border-radius: 20px; | ||
| + | border-radius: 20px; | ||
| + | } | ||
| + | |||
| + | .note { | ||
| + | border: 1px solid #99D; | ||
| + | background-color: #eef; | ||
| + | background-image: url(/images/3rdparty/note.png); | ||
| + | } | ||
| + | |||
| + | .important { | ||
| + | border: 1px solid #ffd300; | ||
| + | background-color: #ffc; | ||
| + | background-image: url(/images/3rdparty/important.png); | ||
| + | } | ||
| + | |||
| + | .warning { | ||
| + | border: 1px solid #d99; | ||
| + | background-color: #fdd; | ||
| + | background-image: url(/images/3rdparty/warning.png); | ||
| + | } | ||
| + | |||
| + | .tip { | ||
| + | border: 1px solid #9d9; | ||
| + | background-color: #dfd; | ||
| + | background-image: url(/images/3rdparty/tip.png); | ||
| + | } | ||
Revision as of 22:55, 20 December 2010
/* CSS placed here will be applied to all skins */ /* Differentiate visited and unvisited links better */ a:link {color: navy} a:visited {color: royalblue} /* Differentiate links from surrounding text better */ a:link {font-weight: bolder} /* Make tt and code bigger */ tt, code {font-size: 120%} /* Make the syntax highlighting blocks a bit distinct by adding a background and border */ .mw-geshi {background-color: #FFF8DC; border: 1px dashed #2f6fab; margin: 1em 0; padding: 1em; } /* Note boxes from dokuwiki's note plugin */ .note, .important, .warning, .tip { margin: 2em; margin-left: auto; margin-right: auto; width: 70% !important; min-height: 40px; clear: both; text-align: justify; vertical-align: middle; border-collapse: collapse; padding: 15px 20px 15px 80px; background-position: 20px 50%; background-repeat: no-repeat; -moz-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; } .note { border: 1px solid #99D; background-color: #eef; background-image: url(/images/3rdparty/note.png); } .important { border: 1px solid #ffd300; background-color: #ffc; background-image: url(/images/3rdparty/important.png); } .warning { border: 1px solid #d99; background-color: #fdd; background-image: url(/images/3rdparty/warning.png); } .tip { border: 1px solid #9d9; background-color: #dfd; background-image: url(/images/3rdparty/tip.png); }