Hello, my theme involves adding boxes around each block and node, and it has a drop shadow. It takes two divs wrapped around the existing content. It is working fine, but for some places I can't figure out how to put the box around the content.
I found a tutorial on themeing the profile page by adding code to template.php and making a new tpl file, and got that working. But I can't figure out how to add my special drop shadow box around other middle content areas, such as the edit profile form and admin areas.
I managed to change the style of the edit form in the profile area, but i couldn't apply my css box effect since i never added the two div tags that areas code, wherever it is. I was wondering if I could apply my drop shadow effect to all blocks, nodes, etc without hard coding the div tags in tpl files, by combining styles in the css file somehow.
.boxsh1 { position: relative; background: #BECBCD; margin: 4px; }
.boxsh2 { position: relative; left: -4px; top: -4px; }
.node, .block, .profile {
border: solid 1px #888;
margin-bottom: 10px;
font-size: 0.9em;
padding: 5px;
background: #fff;
}
and in use I type
<div style="boxsh1"><div style="boxsh2">
whatever content here...
</div></div>
Here is a link showing what my boxes look like if you are unsure what I mean. http://www.saila.com/usage/shadow/
t