main.css (not correct order)
I changed the order of loading the CSS files.
It fixed problems with font-size and font-family, but I still see the styled <pre> tags.
!!! I ignored the CSS rules.
I put my main.css files with generic css statements at the end of including sequence!
The result of that is unpredictable if I start to navigate within my application.
body{font-family:Verdana;font-size:100%;}
#links{position:absolute;top:10px;right:20px;font-size:75%;}
<style type="text/css">
@import "/dojo/dojo/resources/dojo.css";
@import "/dojo/dijit/themes/tundra/tundra.css";
</style>
<link type="text/css" href="css/main.css" rel="stylesheet" />
Tab 1 content
Tab 2 content
@import "/dojo/dojo/resources/dojo.css";
body {
font: 12px Myriad,Helvetica,Tahoma,Arial,clean,sans-serif;
*font-size: 75%;
}
pre {dojo.css (line 74)
border-width:1px 0;
padding:1.5em;
}
pre, code {dojo.css (line 67)
background-color:#EFEFEF;
border:1px solid #CCCCCC;
font-family:Courier,"Courier New";
font-size:115%;
}