MediaWiki:Common.css: Difference between revisions

Add Fantasy UI classes
Fix layout
 
(2 intermediate revisions by the same user not shown)
Line 1,119: Line 1,119:
     margin-bottom: 1em;
     margin-bottom: 1em;
     padding: 30px 25px 25px 25px;
     padding: 30px 25px 25px 25px;
     background-image: url('/images/T_FantasyWarrior_Box_Parchment01.png');
     background-image: url('/images/1/13/T_FantasyWarrior_Box_Parchment01.png');
     background-size: 100% 100%;
     background-size: 100% 100%;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
Line 1,131: Line 1,131:


.infobox-fantasy-header {
.infobox-fantasy-header {
     background-image: url('/images/T_FantasyWarrior_Bar_Horizontal03.png');
     background-image: url('/images/2/24/T_FantasyWarrior_Bar_Horizontal03.png');
     background-size: 100% 100%;
     background-size: 100% 100%;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
Line 1,176: Line 1,176:
     height: 22px;
     height: 22px;
}
}
.quest-details-fantasy {
    background-image: url('/images/f/f2/T_HUD_FantasyWarrior_Box_Large_Parchment01.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 30px;
    margin-bottom: 20px;
    font-family: 'Museo Sans', sans-serif;
    color: #332717;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.3));
}
.quest-details-fantasy-header {
    background-image: url('/images/2/24/T_FantasyWarrior_Bar_Horizontal03.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    text-align: center;
    font-family: 'Kingthings Petrock', serif;
    font-size: 150%;
    padding: 12px 10px;
    margin-top: -10px;
    margin-bottom: 20px;
    text-shadow: 1px 1px 2px #000;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
/* Fix Watch Tab Text Overlap */
#ca-watch a, #ca-unwatch a {
    width: 30px !important;
    padding: 0 !important;
    justify-content: center !important;
}
#ca-watch a span, #ca-unwatch a span {
    display: none !important;
}
/* Fix Personal Tools Position and Overlap */
#p-personal {
    position: absolute !important;
    top: -50px !important;
    right: 10px !important;
    z-index: 200 !important;
    margin: 0 !important;
}
@media screen and (max-width: 1000px) {
    #p-personal {
        top: -15px !important;
        right: 0 !important;
        transform: scale(0.85);
        transform-origin: top right;
    }
}
/* Forced refresh 2 */