FANDOM


This is a test page. Anyone is free to use the code or examples on this page if they're at all helpful.
For a full list of test pages on the Yuzura Wiki, see Category:Test Pages.

Navigation OutputEdit

Main Navigation
\o/
Enemies
| | |
Quests
◗●◖
Items
O_O
Potions

Wood Poney

The peaceful forest

A Magical Horn

Cloning potion

Cow

Mount Goblin

Candies

G.M.O.O.H. potion

Wall

Castle's entrance

Candies Converter

Health potion

Goblin

Monster Evolutions

Cauldron

Invulnerability potion

More...

More...

More...

More...

CSSEdit

The following CSS is used in MediaWiki:Wikia.css to create the example on this page.

.mainpage-table {
    margin:1em 0;
    -moz-box-shadow:3px 5px 5px #333;
    -webkit-box-shadow:3px 5px 5px #333;
    box-shadow:3px 5px 5px #333;
    width:100%;
    padding:1px;
    background:#B8B8B8;
    color:#000;
    text-align:left;
    border:2px solid #696969;
    -moz-border-radius:10px 10px 10px 10px;
    -webkit-border-radius:10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}
 
/* styling for header element in mainpage-table */
.mainpage-table th {
    padding:0.2em 0.4em;
    background:#000;
    color:#FFF;
    font-size:120%;
    text-align:center;
    font-weight:bold;
    border:2px solid #696969;
    -moz-border-radius:10px 10px 0px 0px;
    -webkit-border-radius:10px 10px 0px 0px;
    border-radius:10px 10px 0px 0px;
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */
    background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
}
 
/* Center text/images in the table */
.mainpage-navigation-table {
    text-align: center;
}
/* Override default margin added by p tag */
p.mainpage-navigation-button {
    margin: 0;
}
/* Override underline on links */
.mainpage-navigation-table a {
    text-decoration: none !important;
}
/* Button styling */
.mainpage-navigation-table .mainpage-navigation-button {
    margin: auto;              /* centers the button in the column */
    width: 150px;              /* sets the width */
    background: #FFF;       /* sets background color */
    border: 2px solid #474747; /* sets border */
    border-radius: 1em;        /* makes corners rounded */
    text-align: center;        /* centers inner text */
    color: #1f1f1f;            /* sets text color */
    font-weight: bold;         /* makes text bold */
}
/* Button styling when you hover over the button */
.mainpage-navigation-table .mainpage-navigation-button:hover {
    background: #7a7a7a;
    color: #FFF;
}

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.