Not signed in (Sign In)
 
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;
}
 
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.
 
Sep 9th 2007 edited
 
Mark agreement ;-)... and testing but since it is wildly used via bergamot addons, it should work.
 
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?

 
Sep 9th 2007
 
Looks good to me :)
 
Sep 9th 2007
 
Added - vanilla r613.
 
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)
 
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.
 
Sep 9th 2007
 
OK, to fix the Magik Creeping Text, add the Holly Hack (height: 1%;) to the #Comments declaration.
 
Sep 9th 2007
 
Great!

Thanks Wallphone :-)

Issue information

  • 13
  • Dinoboff

    Dinoboff

    Bug Tracker

  • Resolved
  • Low
  • Feature

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