Trying to use a custom stylesheet (layout.css) in an APEX app.
Custom CSS uploaded into the shared components of the APEX application section failes to load when using the following link in a page template.
In the Header section of the page template
<link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_2/css/theme_4_0.css" type="text/css" />
<link rel="stylesheet" href="#APP_IMAGES#layout.css" type="text/css">
When the page loads the styles do not take effect and it turns out that the browser has issues with the layout.css
Looking at the web console of the browser I see the following message;
The stylesheet http://devhost/pls/int/wwv_flow_file_mgr.get_file?p_security_group_id=7648720609684158&p_flow_id=106&p_fname=LayoutStyles.css was not loaded because its MIME type, "text/plain", is not "text/css". @ http://devhosts/pls/int/f?p=106:2:4034231283525012:::::
When I replace the link tag to an external link, like the one below, all works fine.
<link rel="stylesheet" href="http://testhost/myall/css/layout.css" type="text/css">
Any suggestions as to what might be happening?