2010-05-17, 09:14 PM
I'm trying to theme my quote and code boxes, and it is proving to be a very frustrating experience, mainly because the stupid quote/code html is 'tardcoded and unchangeable, at least for individual themes. I managed to get my code box to look at least reasonable, but the quote box is missing but a single wrapping element to allow me to achieve a consistent look. My last resort will be using some JS to manually write in the stupid code I want, but if I can achieve the look I want without it that would be okay.
[attachment=18321]
I want the quote box to look like the code box.
CSS code:
Relevant unchangeable () HTML code:
[attachment=18321]
I want the quote box to look like the code box.
CSS code:
blockquote, .codeblock {
background: #333;
border: 1px solid #06081B;
width: 95%;
margin: auto;
}
blockquote cite, .codeblock .title {
background: #444;
font-weight: bold;
text-shadow: 0px 1px 3px #000;
font-size: 10px;
text-align: left;
display: block;
border: 1px solid #888;
border-bottom: 1px solid #000;
padding: 2px 3px;
}
blockquote cite span {
padding-right: 3px;
}
.codeblock .body {
border: 1px solid #666;
padding: 3px;
}
Relevant unchangeable () HTML code:
<blockquote>
<cite>
<span>Time Originally Posted</span>
User Wrote: <a href="jump/url" class="quick_jump"> </a>
</cite>
Quote Contents
</blockquote>
<div class="codeblock">
<div class="title">Code:<br /></div>
<div class="body" dir="ltr">
<code>
Code Contents
</code>
</div>
</div>