The blue thing you see is an annoying Floating Message. A floating message is a Div style.
How it's made[]
<div style="position: floating; right:0; bottom:0; display:block; height:{{{1|100}}}px; width:{{{1|150}}}px;;-moz-opacity:.75;opacity:.70"> <div style="position: relative; width: {{{1|400}}}px; height: {{{1|500}}}px; overflow: hidden"> <div style="position: absolute; top: 0px; left: 0px; z-index: 2"> {| id="toc" style="margin: 0 2em 0 2em;" ! align="left" style="background:#55DDFF" width="100%" | Hello. <br /> This is a floating message. |} </div></div></div>
Let me take you on a little tour of this bad boy. See those things called "divs"? Those determine where it is on the page and how it looks. If a div says "fixed", it stays in place. If it says "floating", that means it will move when you scroll. Right now the message is set at right:0; which is all the way to the left. But if I were to set it to, let's say, 5, then this would happen:
It's a little more to the right, see? Not much, but it's there. Now that you know what divs do, let's look at text alignment. Now it's set to left, but let's see what happens if I set it to right (! align="right" style="background:#55DDFF" width="100%"):
And center:
Kind of think of it as a small text editor, except you have to set it up. Bold text