1-Aug-11
Good Afternoon All,
We're running APEX v4.0.2.00.07. I copied a template and want to apply my own style sheet to it. Below are the steps I've taken, but unfortunately the CSS is not formatting the application.
1) Selected the application.
2) Selected 'Shared Components'.
3) Under 'Files', I selected 'Cascading Stlye Sheets' and uploaded my style sheet (003_CSS.css).
4) Selected 'Shared Components' > 'Templates' and selected the template.
5) In the 'Header' section, I entered: <link rel="stylesheet" href="#IMAGE_PREFIX#003_CSS.css" type="text/css" />
6) I referenced the style sheet on the line before </head>.
7) There are no other references to any style sheet.
I've read different posts and the steps listed above are what they suggest. Below is what I have in my style sheet, but when I run the application, I don't see the style sheet formatting the application. Note that I included a background image, the top margin is set to 360px, and I have a border around the body. As an FYI, the top margin and border I'll be removing, I just wanted to see if it would recognize it.
/* CSS Document */
body {
background: #003c79 url("#WORKSPACE_IMAGES#003_bg.png") repeat center top;
font-family: Arial, Helvetica, sans-serif;
margin-top: 360px;
font-size: 12px;
font-weight: normal;
color: #ffffff;
border: 2px solid black;
}
{/code>
When I do a view source on the application, it does reference the style sheet, but I have no idea about the path: <link rel="stylesheet" href="/i40/003_CSS.css" type="text/css" />
Could someone guide me in the right direction so I can reference my style sheet properly? Also, within the style sheet, am I referencing the background image correctly?
Thanks in advance for your time and consideration!