MediaWiki:Recipe.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/******************** Recipe.css *******************

 For the recipe infobox template design customisation.
 
 *************************************************/

/* Recipe Templates Customisation */
.recipebox {
    border-radius: 5px;
    color: #FFF;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);
    margin: 3px 0 3px;
}
.recipebox a {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}
.recipebox a:hover {
    text-decoration: none;
}
.recipebox a:after {
    display: none !important;
}
.recipebox .content {
    padding: 10px 25px 10px;
    font-family: Century Gothic, sans-serif;
}
.recipebox table.content tbody {
    display: flex;
    flex-wrap: wrap;
}
.recipebox table.content tr {
    display: block;
    width: 100%;
}
.recipebox table.content th {
    display: block;
    color: #FFF;
    font-size: 32px;
    text-shadow: -2px 2px rgba(0,0,0,0.5);
    text-align: left;
    background: none;
    padding: 0;
    border: none;
}
.recipebox table.content th .growsprite {
    vertical-align: text-bottom;
    margin-right: 10px;
}
.recipebox table.content th .growsprite img {
    width: 40px;
}
.recipebox table.content td {
    display: block;
    text-shadow: -1px 1px rgba(256, 256, 256, 0.2);
    padding: 0;
    border: none;
}
.recipebox table.content td b {
    color: #FFF;
    text-shadow: -1px 1px rgba(0, 0, 0, 0.3);
}
.recipebox td a {
    text-shadow: -1px 1px rgba(0, 0, 0, 0.3);
}
.recipebox table.content .itemslot {
    position: relative;
    display: inline-block;
    background: rgba(0,0,0,0.3);
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    border-radius: 5px;
    padding: 8px;
}
.recipebox table.content td small {
    color: #CCC;
}
.recipebox table.content td small b {
    color: #FFF;
}