Unified styling of quotes and spoilers

diff --git a/wcfsetup/install/files/style/bbcode/quote.scss b/wcfsetup/install/files/style/bbcode/quote.scss
index cc537f81cbb45221dc761226cedd5a851fd1e3df..422badb0db03dda7d9c93c366277cbf6f7308a20 100644 (file)
--- a/wcfsetup/install/files/style/bbcode/quote.scss
+++ b/wcfsetup/install/files/style/bbcode/quote.scss
@@ -1,6 +1,7 @@
 .redactor-editor blockquote,
 .quoteBox {
-       border: 1px solid $wcfContentBorderInner;
+       background-color: $wcfContentBackground;
+       box-shadow: 0 0 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
        font-style: italic;
        margin: 20px 0;
        padding: 10px 20px;

diff --git a/wcfsetup/install/files/style/bbcode/spoiler.scss b/wcfsetup/install/files/style/bbcode/spoiler.scss
index 6da045d1432f686e4605a264cf04b942fe289c27..8e7414c9bb68d10b76eaa9d7e7498d19bf76f4be 100644 (file)
--- a/wcfsetup/install/files/style/bbcode/spoiler.scss
+++ b/wcfsetup/install/files/style/bbcode/spoiler.scss
@@ -1,6 +1,6 @@
 .redactor-editor woltlab-spoiler {
-       background-color: rgb(255, 255, 255) !important;
-       border: 1px solid rgb(196, 196, 196) !important;
+       background-color: $wcfContentBackground;
+       box-shadow: 0 0 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
        border-radius: 2px;
        display: block;
        margin: 1em 0;
@@ -18,11 +18,11 @@
        }
 }
 
-
 .spoilerBox > div {
-       border-left: 5px solid $wcfContentBorderInner;
+       background-color: $wcfContentBackground;
+       box-shadow: 0 0 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
+       padding: 10px 20px;
        margin-top: 10px;
-       padding: 10px 0 10px 20px;
        
        > p:first-child {
                margin-top: 0;