How to change pathing for Jquery UI Themes(the .png files)
Hi
I am using some of the stuff from the Jquery UI. I took the default
themes as well. In the "ui.theme.css" they have all this "url" links
to all these different files like making the tabs glossy and stuff.
Now I am trying to use compression and I now notice when I use
compression on it the path is all wrong. It gets mixed up.
So I thought maybe I could help it out on its way and put a bit more
in the path but the path never changes and I don't know why. I cleared
my cache and restarted my browser and still the path never changes
Here is a portion of the css(ui.theme.css)
/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size:
1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget
button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-header { border: 1px solid #4297d7; background: #2191c0 url
(images/ui-bg_gloss-wave_75_2191c0_500x100.png) 50% 50% repeat-x;
color: #eaf5f7; font-weight: bold; }
.ui-widget-header a { color: #eaf5f7; }
.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url
(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
color: #222222; }
.ui-widget-content a { color: #222222; }
When I output this with no compression this is the path I get.
http://localhost:4760/Planner/JqueryThemes/UI/images/ui-bg_gloss-wave_75_2191c0_500x100.png
With compression(this I guess would be considered on the fly
compression - since it is happening when the page loads up)
this is now the path: http://localhost:4760/Planner/images/ui-bg_gloss-wave_50_6eac2c_500x100.png
So as you can see it is missing the critical JqueryThemes/UI part of
it.
So I decided to try this
/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size:
1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget
button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-header { border: 1px solid #4297d7; background: #2191c0 url
(JqueryThemes/UI/images/ui-bg_gloss-wave_75_2191c0_500x100.png) 50%
50% repeat-x; color: #eaf5f7; font-weight: bold; }
.ui-widget-header a { color: #eaf5f7; }
.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url
(JqueryThemes/UI/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50%
bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
and now I get this url
http://localhost:4760/Planner/images/ui-bg_gloss-wave_50_6eac2c_500x100.png
as you can see it did not change. I don't understand why since this
seems to be the only file that has this image in it.