Common.css/quotes.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)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/* CSS placed here will be applied to all skins */

.theme-fandomdesktop-light {
	--quote-background-color: #ffffff;
    --quote-italic-text-color: var(--theme-page-text-color);
    --quote-bold-text-color: var(--theme-page-text-color);
    --quote-text-color: var(--theme-page-text-color);
}

.theme-fandomdesktop-dark,
.skin-oasis {
    --quote-background-color: #111111;
    --quote-italic-text-color: #888888;
    --quote-bold-text-color: #D5D4D4;
    --quote-text-color: #D5D4D4;
}

/* Styling for quote templates */
.quote {
	background: url("https://images.wikia.nocookie.net/elderscrolls/images/6/6c/Quotebg.png") no-repeat scroll 0 0;
    background-blend-mode: exclusion;
	background-color: var(--quote-background-color);
}

/* Styling for char and char-half blockquotes*/

blockquote.char,
blockquote.char-half {
    background: url("https://images.wikia.nocookie.net/elderscrolls/images/6/6c/Quotebg.png") no-repeat scroll 0 0;
    background-blend-mode: exclusion;
    background-color: var(--quote-background-color);
    border-left: 2px solid #999999;
    border-radius: 5px 5px 5px 5px;
    margin: 0 15px;
    padding: 20px;
    line-height: 23px;
    color: var(--quote-text-color);
    font-style: italic;
}
blockquote.char { width: auto; }
blockquote.char-half { width: 50%; }

blockquote.char b,
blockquote.char-half b {
	color: var(--quote-bold-text-color);
	font-style: normal;
}

/* Styling for buggy blockquote replacement using divs*/
/* Can be used for displaying conversations between characters.*/

div.blockquote,
div.blockquote-half {
    background: url("https://images.wikia.nocookie.net/elderscrolls/images/6/6c/Quotebg.png") no-repeat scroll 0 0;
    background-blend-mode: exclusion;
    background-color: var(--quote-background-color);
    border-left: 2px solid #999999;
    border-radius: 5px;   
    line-height: 23px;
    margin: 15px;
    padding: 20px; 
    color: var(--quote-text-color);
    font-style: italic;
}

div.blockquote i, div.blockquote-half i {
    color: var(--quote-italic-text-color);
    font-style: italic;
}

div.blockquote b, div.blockquote-half b {
    color: var(--quote-bold-text-color);
    font-style: normal;
}

div.blockquote-half{width: 340px;}

/* styling for exclusive dialogue boxes*/
div.diabox,div.diabox-half {
    background: none repeat scroll 0 0;
    background-color: var(--quote-background-color);
    border-radius: 5px;
    padding: 10px; 
    margin: 10px;
}

div.diabox i,div.diabox-half i {
    color: var(--quote-italic-text-color);
    font-style: italic;
}

div.diabox-half{width: 400px;}