devel:css
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
devel:css [2015-09-05 12:16] – [Browser (Internet Explorer) Specific CSS] fixed which browsers #IE8 targets ach | devel:css [2020-11-15 20:43] – [Using images and importing styles] Klap-in | ||
---|---|---|---|
Line 4: | Line 4: | ||
All CSS files are fetched through a single dispatcher in [[xref> | All CSS files are fetched through a single dispatcher in [[xref> | ||
- | |||
===== Stylesheet Modes ===== | ===== Stylesheet Modes ===== | ||
Line 50: | Line 49: | ||
| feed | '' | | feed | '' | ||
- | Stylefiles with extension '' | + | Stylefiles with extension '' |
To fit in well into any template' | To fit in well into any template' | ||
- | :!: Stylesheets from plugins are loaded even if a plugin is not used (but not if a plugin is [[:config: | + | :!: Stylesheets from plugins are loaded even if a plugin is not used (but not if a plugin is [[plugin:extension|disabled]]). |
:!: Styles defined here should take care of conflicts. So please be careful when writing a plugin. If possible add a prefix to your styles so that you're sure they won't conflict. | :!: Styles defined here should take care of conflicts. So please be careful when writing a plugin. If possible add a prefix to your styles so that you're sure they won't conflict. | ||
Line 69: | Line 68: | ||
Additional styles, independently from the used template can be defined by the wiki administrator by creating the following CSS files in the wiki's configuration folder ('' | Additional styles, independently from the used template can be defined by the wiki administrator by creating the following CSS files in the wiki's configuration folder ('' | ||
- | ^ CSS File ^ When it is used ^ | + | ^ CSS File |
- | | '' | + | | '' |
- | | '' | + | | '' |
- | | < | + | | < |
- | | '' | + | | '' |
- | | '' | + | | '' |
(Note: the '' | (Note: the '' | ||
Line 80: | Line 79: | ||
These style files are useful to override small portions of template or plugin styles without running into problems on updating those later. | These style files are useful to override small portions of template or plugin styles without running into problems on updating those later. | ||
+ | The following example reduces the bottom margin of the h2 and h3 headings when viewing in browser: | ||
+ | <code css userstyle.css> | ||
+ | h2, h3 { | ||
+ | margin-bottom: | ||
+ | } | ||
+ | |||
+ | </ | ||
===== Using IDs ===== | ===== Using IDs ===== | ||
Line 99: | Line 105: | ||
DokuWiki will automatically change the URL, so that the image will be found in the plugin directory, relative to the template directory. | DokuWiki will automatically change the URL, so that the image will be found in the plugin directory, relative to the template directory. | ||
+ | |||
+ | **Notes**: | ||
+ | * '' | ||
+ | * '' | ||
+ | |||
+ | ===== Caching ===== | ||
+ | |||
+ | All CSS files are fetched through a single dispatcher in '' | ||
+ | |||
+ | If you are making changes, ensure that you refresh the cache of your browser by a //Hard reload/ | ||
===== Browser (Internet Explorer) Specific CSS ===== | ===== Browser (Internet Explorer) Specific CSS ===== |
devel/css.txt · Last modified: 2023-01-26 05:03 by 184.103.8.4