<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">
How do you augment the CSS style sheet of a theme?<div><br class="webkit-block-placeholder"></div><div>My first experiments with modifying a theme (I stated with sky) were to just edit the style.css file in the theme directory. That worked, but is obviously not very maintainable. I'm redoing my site and want to be able to leave the original style.css virgin and just add my stuff in another style sheet (which is, after all, the whole idea of CSS).</div><div><br class="webkit-block-placeholder"></div><div>For example, I want to add:</div><div><br class="webkit-block-placeholder"></div><div><div>img.keyline {</div><div> border: 1px solid black;</div><div> padding: 0;</div><div>}</div><div><br></div><div>to an existing theme. Where do I put that? I tried to follow the directions in <a href="http://drupal.org/node/11774">http://drupal.org/node/11774</a>, namely where it says:</div><div><br class="webkit-block-placeholder"></div><div>"<span class="Apple-style-span" style="line-height: 17px; "><font face="Verdana" size="4" color="#11314e" style="font: 13.0px Verdana; color: #11314e">if you only want to alter the CSS of a theme, then just place a new </font><font face="Monaco" size="3" color="#11314e" style="font: 12.0px Monaco; color: #11314e; background-color: #eef1f3">style.css</font><font face="Verdana" size="4" color="#11314e" style="font: 13.0px Verdana; color: #11314e"> file in a subdirectory of the theme: it will appear as a new theme in Drupal."</font></span></div><div><font class="Apple-style-span" color="#000000"><span class="Apple-style-span" style="background-color: transparent;"><br class="webkit-block-placeholder"></span></font></div><div><font class="Apple-style-span" color="#000000"><span class="Apple-style-span" style="background-color: transparent;">So, I made a themes/sky/my-sky directory, and put just that little bit of CSS in a "style.css" file there. Sure enough, "my-sky" showed up as a style I could select in the /admin/build/themes page. When I selected it, however, it looked like what I put there *replaced* the style.css from sky, rather than adding to it.</span></font></div><div><br class="webkit-block-placeholder"></div><div>What clue am I missing?</div><div> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><br></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px"><font face="Helvetica" size="3" style="font: 12.0px Helvetica">--</font></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px"><font face="Helvetica" size="3" style="font: 12.0px Helvetica"><a href="mailto:roy@panix.com">roy@panix.com</a></font></p> </div><br></div></body></html>