Template:H

Template page
Revision as of 17:53, 8 February 2018 by Chao (talk | contribs) (Created page with "<includeonly><span class="highlight" style="font-weight:bold">{{{1}}}</span></includeonly><!-- --><noinclude> <pre><nowiki>{{h|Highlight me}}</nowiki></pre> {{h|Highlight me}}...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
{{h|Highlight me}}

Highlight me


It will also highlight links accordingly:

regular link highlighted link
link to a nonexistent page link to a nonexistent page
link to an existing page (Main Page) link to an existing page (Main Page)
link to an external page (wikipedia's BlazBlue article) link to an external page (wikipedia's BlazBlue article)

Notes

BE CAREFUL when combining this class with bold, since the resulting text's appearance will change depending on where you put the quotes:

wikitext on skins with the required CSS on skins without the required CSS
{{h|'''text'''}} text text
'''{{h|text}}''' text text

Dependencies

This class requires the below css, which is automatically included in the Cathedral skin. If this CSS is absent, then the text will simply appear bolded Like This.

CSS
/*==================================================
  CUSTOM HIGHLIGHT CLASS (puts a glow around text)
  ==================================================*/

.mw-body-content .highlight {
    text-shadow: 0px 0px 2px var(--NOL-gold) !important;
    color: var(--NOL-whitegold) !important;
}

.mw-body-content a .highlight,
.mw-body-content .highlight a {
    text-shadow: 0px 0px 2px var(--NOL-burntgold) !important;
}

.mw-body-content a.new .highlight,
.mw-body-content .highlight a.new {
    text-shadow: 0px 0px 1px crimson !important;
}

.mw-body-content a.external .highlight,
.mw-body-content a.extiw .highlight, 
.mw-body-content a.extiw:active .highlight,
.mw-body-content .highlight a.external, 
.mw-body-content .highlight a.extiw, 
.mw-body-content .highlight a.extiw:active {
    text-shadow: 0px 0px 2px var(--NOL-lightblue) !important;
}

.mw-body-content a.external:visited .highlight,
.mw-body-content a.extiw:visited .highlight, 
.mw-body-content .highlight a.external:visited, 
.mw-body-content .highlight a.extiw:visited {
	text-shadow: 0px 0px 2px var(--NOL-blue) !important;
}