CSS code to apply to MediaWiki:Wikia.css:

.sandbox-button a {
    text-decoration: none !important;
.sandbox-button p {
    background-color: #8BD2FA;
    border-radius: 10px 10px 10px 10px;
    border: 2px solid #54809A;
    font: bold 200% segoe ui,trebuchet ms,sans serif;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
    width: 650px;
    color: white;
.sandbox-button p:hover {
    background-color: #7BBDF4;
    border: 2px solid #4A7188;
.sandbox-button p:active {
    background-color: #CC8CFA;
    border: 2px solid #7C5499;

This will create a large and clear light blue button that will grow darker upon hover and turn purple on click. Example code shown here:

<div class="sandbox-button">[[Sam Wang Sandbox Wiki|<p>Main Page</p>]]</div>

Will produce:

It can be adjusted through changing the background and border colors, for example changing:

  • Change #8BD2FA to #8CFA8C,
  • Change #54809A to #549954,
  • Change #7BBDF4 to #7AF585,
  • Change #4A7188 to #498749,
  • Change #CC8CFA to #8CE2FA,
  • Change #7C5499 to #548A99

...will produce an effect of

Ad blocker interference detected!

Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.