Differences

This shows you the differences between two versions of the page.

--- devel:css [2017-12-05 01:47] – [4. User Styles] Updated to example tested on Frusterick Manners 153.107.193.209
+++ devel:css [2021-02-03 23:47] – [Browser (Internet Explorer) Specific CSS] The starter template doesn't have any conditional comments anymore ach
@@ Line 105: / Line 105: @@
 DokuWiki will automatically change the URL, so that the image will be found in the plugin directory, relative to the template directory.
+**Notes**:
+  * ''url(...)'' in ''@import folder/style.less'' are not automatically fixed, the dispatcher assumes these are at top level ''lib/exe/'', not in the actual folder.
+  * ''@import folder/style.css'' is handled by the CSS-dispatcher/LESS-parser as normal [[https://developer.mozilla.org/en-US/docs/Web/CSS/@import|CSS]]. So it is not directly included in the ''css.php''. However, the relative references with ''url(...)'' to ''style.css'''s actual folder are working. Importing css-files is only working if you add these in a ''all.css''/''all.less'', because these place them as really the first lines of the css.php-file. Via the other files these css-imports are ignored, because they are not really on the first line but on the first line of the e.g. a ''@media screen {...}'' block.
+===== Caching =====
+All CSS files are fetched through a single dispatcher in ''lib/exe/css.php'' which also handles caching, amongst other things. The cache expires if files are changed that are mentioned above in the section   [[#DokuWiki stylesheets]] or are referred in the ''style.ini'' of your template. Note: Imported stylesheets (''@import'') are not checked for changes.
+If you are making changes, ensure that you refresh the cache of your browser by a //Hard reload/Force Refresh// (e.g. in Chrome/Firefox use ''Ctrl+F5'').
 ===== Browser (Internet Explorer) Specific CSS =====
@@ Line 120: / Line 130: @@
 </code>
-If you use the dokuwiki_template_starter as the basis for your template, you can use the following #ID's in your CSS file:
+You will need to edit the files in your template (ie. ''detail.php'', ''main.php'', etc.) and insert the relevant conditional checks.
-^ ID    ^ Browser           ^
-| #IE8  | IE 8 and earlier         |
-To use additional IDs, you will need to edit the files in your template (ie. ''detail.php'', ''main.php'', etc.) and insert the relevant conditional checks.