I don't know what you mean by "without theme" CSS. Give us
a file name.
jQuery Mobile isn't mean to be used without a theme. It
needs the following CSS, in this order. Re-arranging the order will
not work correctly:
- icon
- theme
- structure
You also need the images directory, or at least images/icons-png. These
are used for browsers that do not support SVG graphics. The default
CSS uses inline SVG and external PNG. There are other options.
If you do not like the default theme, you can:
- use ThemeRoller to create your own theme
- create a theme file from scratch
- modify the default theme (jquery.mobile.theme-1.4.5.css)
Then you load icon (jquery.mobile.icons-1.4.5.css),
theme, and structure (jquery.mobile.structure-1.4.5.css)
files separately. There are multiple choices of icon CSS file.
What you CANNOT do is eliminate the theme or remove some rules
from the theme file. It is REQUIRED and it MUST be loaded in the
order shown above. The CSS will not work correctly otherwise.
If there are appearance changes you want that cannot be
accommodated in the theme, then you should load your own CSS file
last, and write overrides.
You should not be cutting apart the CSS file and making your
own. That is a formula for trouble.
You certainly can use any CSS minification tool to combine and
minify your icon, theme, and structure CSS into one file.
Or, you could copy out that part from the default
CSS.
That's already been done for you. The
files are in the
.zip
.
Don't cut-apart the CSS files, that is madness!