MediaWiki:Fandomdesktop.css

body { background-size: cover !important; }

.i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; }

blockquote{ display:block; background: #fff; padding: 15px 20px 15px 45px; margin: 0 0 20px; position: relative; /*Font*/ font-family: Georgia, serif; font-size: 16px; line-height: 1.2; color: #666; text-align: justify; /*Borders - (Optional)*/ border-left: 15px solid #336699; border-right: 2px solid #336699; /*Box Shadow - (Optional)*/ -moz-box-shadow: 2px 2px 15px #ccc; -webkit-box-shadow: 2px 2px 15px #ccc; box-shadow: 2px 2px 15px #ccc; }

blockquote::before{ content: "\201C"; /*Unicode for Left Double Quote*/ /*Font*/ font-family: Georgia, serif; font-size: 60px; font-weight: bold; color: #999; /*Positioning*/ position: absolute; left: 10px; top:5px; }

blockquote::after{ /*Reset to make sure*/ content: ""; }

blockquote a{ text-decoration: none; background: #eee; cursor: pointer; padding: 0 3px; color: #c76c0c; }

blockquote a:hover{ color: #666; }

blockquote em{ font-style: italic; }

/*=====================*/ /*    Home Blocks     */ /*=====================*/

.home-block { border-spacing: 0; margin-bottom: 15px; width:100% } .home-block th { background-color: #336699; border: 1px solid black; color: white; font-size: 1.1em; line-height: 1.1em; font-weight: bold; padding: 5px; text-shadow: 1px 2px #000; text-align: center; text-transform: uppercase; vertical-align: top; } .home-block td { background-color: transparent; padding: 5px 0 0; }

/*=====================*/ /*      Tiles         */ /*=====================*/

.tiles { border-spacing: 0; margin: 0 auto; max-width: 750px; table-layout: fixed; width: 98%; }

.tiles td { box-shadow: 0 0 10px #000; outline: 1px solid #000; position: relative; }

.tiles td > div { height: 150px; overflow: hidden; }

.tiles__description a { align-items: center; background-color: rgba(0, 0, 0, 0.2); bottom: 0; color: #fff !important; display: flex; font-size: 24px; font-weight: bold; justify-content: center; left: 0; height: 100%; max-height: 100%; position: absolute; right: 0; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #000, 2px 1px 0 #000, 1px 2px 0 #000, 2px 2px 0 #000, 3px 3px 4px #000; text-transform: uppercase; z-index: 1; }

.tiles td:hover .tiles__description a { background-color: rgba(0, 0, 0, 0.8); max-height: 35px; transition: background-color 1s, max-height 1s; }

/*=====================*/ /*    Characters      */ /*=====================*/

.characters { margin: 0 auto; text-align: center; } .characters td { padding: 0 5px; } .characters tr:first-child td { padding-bottom: 10px; }

/*===========*/ /* Minibox  */ /*===========*/

/* Main container */ text-align: center; }
 * 1) minibox-container {

/* Minibox */ .minibox { background-color: #fff; border: 3px solid #0F2560; border-radius: 5px; height: 120px; margin: 0 auto; overflow: hidden; position: relative; vertical-align: middle; width: 120px; } .minibox:hover { box-shadow: 0 0 30px #0F2560; } .minibox img { border-radius: 3px; } .minibox b { background-color: #0F2560; border-radius: 3px 0 0 0; bottom: 0px; font-size: 0.9em; padding: 0 5px; position: absolute; right: 0px; } .minibox a { color: #fff; } .minibox a:hover { text-decoration: none; }

/* Card when it is inside the container */ .minibox-container .minibox { display: inline-block; margin: 0 0.5em 1em 0; }