revise styles for quote blocks

* drop quote glyph
* darken colors
* make margins and paddings more consistent
* don't apply italics to author
* verify it works for simple quotes

diff --git a/preview-src/index.adoc b/preview-src/index.adoc
index bd275e7..ecf31fd 100644 (file)
--- a/preview-src/index.adoc
+++ b/preview-src/index.adoc
@@ -206,7 +206,9 @@ Est in reque homero principes, meis deleniti mediocrem ad has.
 Altera atomorum his ex, has cu elitr melius propriae.
 Eos suscipit scaevola at.
 
-[quote, 'Famous Person. Cum dicat putant ne.', 'Cum dicat putant ne. https://famous-person-website.com[Famous Person Website]']
+[quote, 'Famous Person. Cum dicat putant ne.', 'Cum dicat putant ne. https://example.com[Famous Person Website]']
 ____
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eget leo nunc, nec tempus mi? Curabitur id nisl mi, ut vulputate urna. Quisque porta facilisis tortor, vitae bibendum velit fringilla vitae! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eget leo nunc, nec tempus mi? Curabitur id nisl mi, ut vulputate urna. Quisque porta facilisis tortor, vitae bibendum velit fringilla vitae!
-____
\ No newline at end of file
+____
+
+That's all, folks!

diff --git a/src/css/doc.css b/src/css/doc.css
index 8a16867..92a5916 100644 (file)
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -91,6 +91,10 @@
   margin: 0;
 }
 
+.doc blockquote {
+  margin: 0;
+}
+
 .doc .right {
   float: right;
 }
@@ -309,40 +313,32 @@
   border-left: 5px solid #ddd;
   color: #4a4a4a;
   font-size: 0.9em;
-  margin: 0;
   padding: 0.75em 1em;
 }
 
 .doc .quoteblock {
   background: #fafafa;
-  border-left: 5px solid #999;
-  font-size: 0.5rem;
-  font-style: italic;
-  padding: 0.3rem 0 1.2rem;
-}
-
-.doc .quoteblock blockquote::before {
-  content: '\201D';
-  font-size: 6rem;
-  float: right;
+  border-left: 5px solid #4a4a4a;
+  color: #5d5d5d;
+  padding: 0.25rem 2rem 1.25rem;
 }
 
-.doc .quoteblock .paragraph {
-  color: #7a7a7a;
+.doc .quoteblock .attribution {
+  color: #8e8e8e;
+  font-size: 0.8rem;
+  margin-top: 0.75rem;
 }
 
-.doc .quoteblock blockquote::before,
-.doc .attribution {
-  color: #999;
+.doc .quoteblock blockquote {
+  margin-top: 1rem;
 }
 
-.doc .attribution {
-  font-size: 0.8rem;
-  padding: 0 2rem;
+.doc .quoteblock .paragraph {
+  font-style: italic;
 }
 
-.doc .attribution cite {
-  padding: 0 0.7rem;
+.doc .quoteblock cite {
+  padding-left: 1em;
 }
 
 .doc table.tableblock .paragraph {