Jira Custom Gadget has inline body style - why?

Hello,

I’m developing a gadget for Jira and using the various tutorials provided by Atlassian. I’ve got it working but I’m having issues styling my output. I’m able to include my own .css file and provide styles but I’m running into an issue because the generated boilerplate for the iframe that contains my gadget has inline styles for the body (and other elements).

The generated code looks (something) like this:

<iframe ...
  <html...
    <style>
     body{font-family: arial, sans-serif;}
    </style>
   .
   .
   .

This inline style on the body is preventing my own styles from my style sheet from affecting my content. I can’t understand why this would be generated when the gadget is built and I don’t see any way of controlling this.

The only thing I can think of that might have something to do with this are these lines in my gadget xml file.

        <![CDATA[
        #requireResource("com.atlassian.jira.gadgets:common")
        #requireResource("com.atlassian.gadgets.publisher:ajs-gadgets")
        #requireResource("net.mycom.plugins.ds-toolbox:gadget-resources")
        #includeResources()

The first two are what I copied from the tutorial(s). I don’t really know anything about them - I’m including them because that’s what the tutorials use.
The third one is from my plugin.xml file web-resources definition and gets me my own css file.
Not sure if the fourth one is doing anything.

I’m sure I’m missing something but I could use some insight if anyone has an idea.

Thanks