I've been struggling with this for a while and can't seem to figure it out. Let me explain...
I've been working on custom CSS for a while (tweaking a premade layout) and have made it to the last hurdle. I use the notebook widget on the sidebar to organize my links, goals, daily tasks, etc. The notepad widget itself is really long because of that, so I figured using spoiler boxes would be great to save space when not actively referring to a set of information. Unfortunately, spoiler boxes have either padding, margins, or both. I can't seem to get rid of it!
.spoiler, .spoiler_text {
margin:0px;
padding:0px;
}
.spoiler_click {
background-color:;
font-family: Arial;
font-size: 7.5pt;
line-height: 10pt;
letter-spacing: 0.2pt;
font-weight: normal;
}

Why is everything so spread out?! D=