Vanilla: styling for BLOCKQUOTE and CITE

1 to 10 of 10

Sep 7th 2007 edited

[-Stash-] requested some styling for BLOCKQUOTE and CITE.

here is what Bergamot is using in its Quotation extension:

.CommentBody blockquote
{
   padding:8px 16px;
   margin:0 0 8px;
   background-color: #E5EAF6;
   border-left: 6px solid #ACBEDF;
   color:#56568F;
}

.CommentBody blockquote blockquote
{
   border-right:  1px solid #ACBEDF;
   border-top:    1px solid #ACBEDF;
   border-bottom: 1px solid #ACBEDF;
}

.CommentBody blockquote cite
{
   font-weight:bold;
   display:block;
   margin-bottom:8px;
   padding-bottom:8px;
   border-bottom:1px solid #ACBEDF;
   color:#56568F;
}

Minisweeper

Sep 9th 2007

Assuming all that CSS is alright, what's required to get it into the core? I'm useless when it comes to CSS.

Dinoboff

Sep 9th 2007 edited

Mark agreement ;-)... and testing but since it is wildly used via bergamot addons, it should work.

Jazzman

Sep 9th 2007

There should be some blockquote and cite styling in the core. However, I'm not sure with this design... Are there more styling samples we can look at?

Mark

Sep 9th 2007

Looks good to me :)

Dinoboff

Sep 9th 2007

Added - vanilla r613.

Dinoboff

Sep 9th 2007

I just remember bergamot blockquote have this bug:
http://lussumo.com/community/discussion/3431/?Focus=41206#Comment_41206

Without IE6 I can't try the fix? (I will install XP soon)

WallPhone

Sep 9th 2007 edited

I just uploaded the styles from SVN and tested on XP IE6.

It does have the creeping. Tried inline-block and the bottom-border but still creeps. Will research this further.

WallPhone

Sep 9th 2007

OK, to fix the Magik Creeping Text, add the Holly Hack (height: 1%;) to the #Comments declaration.

Dinoboff

Sep 9th 2007

Great!

Thanks Wallphone :-)

1 to 10 of 10

Issue information

Vanilla 1.1.5 is a product of Lussumo. More Information: Documentation, Community Support.

Lussumo Bug Tracker

Vanilla: styling for BLOCKQUOTE and CITE

Issue information

Dinoboff