MediaWiki:Drama.css

Note: After saving, 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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

#drama.default {
    background: #f2efc3;
}
#drama.smallville {
    background: #fd030e;
}
#drama.sunnydale {
    background: black;
}
#drama-name {
    font-size: 20px;
    width: 100%;
    font-weight: normal;
}
#drama-name .default {
    background: white;
    color: #8B864E;
    font-family: "EuroHeavy";
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 4px;
}
#drama-name .smallville {
    background: black;
    color: #fa9b03;
    font-family: "Forgotten Futurist Rg";
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 4px;
    font-weight: bold;
    font-variant: small-caps;
}
#drama-name .sunnydale {
    background: #1a1fb4;
    color: white;
    font-family: "Mason";
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 4px;
    font-weight: normal;
    font-variant: normal;
    font-size: 24px;
}
#drama-header {
    width: 100%;
}
#drama-header .default {
    background: #CDC673;
    color: white;
    font-family: "EuroHeavy";
    padding-left: 4px;
    margin-top: 5px;
    text-align: left;
    text-transform: uppercase;
}
#drama-header .smallville {
    background: #fa9b03;
    color: black;
    font-family: "Forgotten Futurist Rg";
    text-align: left;
    margin-top: 5px;
    padding-left: 4px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}
#drama-header .sunnydale {
    background: #df5e1e;
    color: white;
    font-family: "Mason";
    text-align: left;
    margin-top: 5px;
    padding-left: 4px;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}
#drama-block {

}
#drama-block .default, #drama-block .smallville, #drama-block .sunnydale {
    background: white;
}
#drama-value {
    font-size: 14px;
    color: #000000;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-align: left;
}
#drama-value .default, #drama-value .sunnydale {
    font-family: "Aller";
    border-bottom: 1px solid black;
    background: white;
    font-variant: small-caps;
    font-size: 14px;
    margin-top: auto;
    margin-bottom: auto;
    line-height: 28px;
    font-style: italic;
}
#drama-value .smallville {
    font-family: "Forgotten Futurist Rg";
    border-bottom: 1px solid black;
    background: white;
    font-variant: small-caps;
    font-size: 14px;
    margin-top: auto;
    margin-bottom: auto;
    line-height: 28px;
    font-style: italic;
}

#drama-text {
    background: white;
    font-size: 12px;
    color: #000000;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-align: left;
}
#drama-text .headline {
    font-weight: bold;
    font-size: 16px;
    font-variant: small-caps;
    vertical-align: bottom;
}
#drama-text .checkbox {
    width: 5%;
    float: left;
    font-size: 17px;
}
#drama-text .trigger {
    width: 95%;
    float: left;
}
#drama-text .default, #drama-text .sunnydale {
    background: white;
    font-family: "Aller";
    letter-spacing: 0px;
    line-height: 16px;
    padding-left: 5px;
}
#drama-text .smallville {
    background: white;
    font-family: "Forgotten Futurist Rg";
    letter-spacing: 0px;
    line-height: 18px;
    padding-left: 5px;
}
#drama-desc {
    font-size: 12px;
    color: #000000;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-align: justify;
    margin-top: 5px;
    height: 100%;
}
#drama-desc .default, #drama-desc .smallville, #drama-desc .sunnydale {
    font-family: "Aller";
    background: white;
    padding-left: 5px;
    padding-right: 5px;
    height: 100%;
}
#drama-desc p {
    margin-top: 0px;
    margin-bottom: 10px;
}