How to use

1. Copy code below.

2. Follow guide on the bottom.

Only needed once.

[[include component:scp-hover-box-styling]]

Needed per Hover Box

[[include component:scp-hover-box-structure
|container-number=one
|corner-cutout=1em
|container-bgcolor=rgba(252, 252, 252)
|container-txtcolor=rgba(12, 12, 12)
|container-hover-bgcolor=rgba(12, 12, 12)
|container-hover-txtcolor=rgba(252, 252, 252)
|container-stroke-color=rgba(244, 244, 244)
|container-hover-stroke-color=rgba(180, 35, 35)
|background-url=http://www.scp-wiki.net/local--files/component:scp-hover-box/scp-2105.gif
|background-vertical-position=30%
|link-fill-color=rgba(252, 252, 252)
|link-stroke-width=0.125rem
|link-stroke-color=rgba(12, 12, 12)
|anchor=4205
|link=http://www.scp-wiki.net/scp-4205
|title=SCP-4205
|sub-title=In the Eyes of the Beholder
|blerb=**“If you remember me, then I don't care if everyone else forgets” ― Haruki Murakami, Kafka On the Shore**
]]

Only needs to be included once at the very top of the page. ↦
Beginning of component include. Will need to paste this entire code per block. ↦
Unique name given per-box on page. Use words, not numbers. ↦
Amount removed from the corners. Set to 0 for square. ↦
Color of BG without hovering (accepts hex, rgb, rgba, hsl) ↦
Color of Text without hovering (accepts hex, rgb, rgba, hsl) ↦
Color of BG while hovering (accepts hex, rgb, rgba, hsl) ↦
Color of Text while hovering (accepts hex, rgb, rgba, hsl) ↦
Stroke of Box without hovering (accepts hex, rgb, rgba, hsl) ↦
Stroke of Box with hovering (accepts hex, rgb, rgba, hsl) ↦
Url to any background image for header ↦
Vertical position of header image. Set to 0 for default. (accepts px, rem, em, %) ↦
Color of Header Text (accepts hex, rgb, rgba, hsl) ↦
Width of Header Text Stroke Set to 0 for no stroke ↦
Color of Header Text Stroke (accepts hex, rgb, rgba, hsl) ↦
If including a navigation, this can be used to set anchor spot ↦
Link to Article ↦
Title of Article ↦
Subtitle of Article ↦
Text for the bottom section. Can use formatting. ↦

[[include component:scp-hover-box-styling]]
[[include component:scp-hover-box-structure
|container-number=one
|corner-cutout=1em
|container-bgcolor=rgba(252, 252, 252)
|container-txtcolor=rgba(12, 12, 12)
|container-hover-bgcolor=rgba(12, 12, 12)
|container-hover-txtcolor=rgba(252, 252, 252)
|container-stroke-color=rgba(244, 244, 244)
|container-hover-stroke-color=rgba(180, 35, 35)
|background-url=http://thisisalink.com/image.jpg
|background-vertical-position=30%
|link-fill-color=rgba(252, 252, 252)
|link-stroke-width=0.125rem
|link-stroke-color=rgba(12, 12, 12)
|anchor=4205
|link=http://www.scp-wiki.net/scp-4205
|title=SCP-4205
|sub-title=In the Eyes of the Beholder
|blerb=**This is a blerb!**
]]