Commit 3905d4f1660647748273825ee539939fdedcd055
1 parent
3e021ae7f3
Exists in
master
Variables pour le souligné et exemple commenté pour la version stabilo
Showing 2 changed files with 9 additions and 2 deletions Inline Diff
templates/html/common/zim-style.css
/* Common zim definitions */ | 1 | 1 | /* Common zim definitions */ | |
2 | 2 | |||
a { text-decoration: none; | 3 | 3 | a { text-decoration: none; | |
color: var(--main-link-color);} | 4 | 4 | color: var(--main-link-color);} | |
a:link { text-decoration: none; | 5 | 5 | a:link { text-decoration: none; | |
color: var(--main-link-color);} | 6 | 6 | color: var(--main-link-color);} | |
a:hover { text-decoration: none; | 7 | 7 | a:hover { text-decoration: none; | |
color: var(--main-link-color);} | 8 | 8 | color: var(--main-link-color);} | |
a:active { text-decoration: none; | 9 | 9 | a:active { text-decoration: none; | |
color: var(--main-link-color);} | 10 | 10 | color: var(--main-link-color);} | |
a:visited { text-decoration: none; | 11 | 11 | a:visited { text-decoration: none; | |
color: var(--main-link-color);} | 12 | 12 | color: var(--main-link-color);} | |
13 | 13 | |||
strike { color: var(--main-strike-color);} | 14 | 14 | strike { color: var(--main-strike-color);} | |
15 | 15 | |||
u { text-decoration: underline; | 16 | 16 | u { text-decoration: var(--main-menu-u-decoration); | |
/*background-color: white*/ } | 17 | 17 | background-color: var(--main-menu-u-background-color);} | |
18 | 18 | |||
tt { color: var(--main-tt-color); | 19 | 19 | tt { color: var(--main-tt-color); | |
font-family: monospace; | 20 | 20 | font-family: monospace; | |
font-size: large} | 21 | 21 | font-size: large} | |
22 | 22 | |||
pre { color: var(--main-pre-color); | 23 | 23 | pre { color: var(--main-pre-color); | |
margin-left: 20px; | 24 | 24 | margin-left: 20px; | |
margin-right: 5px; | 25 | 25 | margin-right: 5px; | |
margin-bottom: 5px; | 26 | 26 | margin-bottom: 5px; | |
margin-top: 5px; | 27 | 27 | margin-top: 5px; | |
font-family: monospace; | 28 | 28 | font-family: monospace; | |
font-size: large } | 29 | 29 | font-size: large } | |
30 | 30 | |||
code { font-size: large; font-family: monospace; color: var(--main-code-color)} | 31 | 31 | code { font-size: large; font-family: monospace; color: var(--main-code-color)} | |
32 | 32 | |||
h1 { text-decoration: underline; | 33 | 33 | h1 { text-decoration: underline; | |
color: var(--main-header-color); | 34 | 34 | color: var(--main-header-color); | |
margin-bottom: 0; | 35 | 35 | margin-bottom: 0; | |
margin-top: 1em; } | 36 | 36 | margin-top: 1em; } | |
37 | 37 | |||
h2 { color: var(--main-header-color); | 38 | 38 | h2 { color: var(--main-header-color); | |
margin-bottom: 0; | 39 | 39 | margin-bottom: 0; | |
margin-left: 20px; | 40 | 40 | margin-left: 20px; | |
margin-top: 1em;} | 41 | 41 | margin-top: 1em;} | |
42 | 42 | |||
h3 { color: var(--main-header-color); | 43 | 43 | h3 { color: var(--main-header-color); | |
margin-bottom: 0; | 44 | 44 | margin-bottom: 0; | |
margin-left: 40px; | 45 | 45 | margin-left: 40px; | |
margin-top: 1em; | 46 | 46 | margin-top: 1em; | |
font-style: italic; } | 47 | 47 | font-style: italic; } | |
48 | 48 | |||
h4 { color: var(--main-header-color); | 49 | 49 | h4 { color: var(--main-header-color); |
templates/html/common/zim-variables.css
1 | 1 | |||
/* Variables */ | 2 | 2 | /* Variables */ | |
3 | 3 | |||
:root { | 4 | 4 | :root { | |
/* General */ | 5 | 5 | /* General */ | |
--main-header-color: #4e9a06; /* Headers color */ | 6 | 6 | --main-header-color: #4e9a06; /* Headers color */ | |
--main-link-color: blue; /* Links color */ | 7 | 7 | --main-link-color: blue; /* Links color */ | |
--main-strike-color: grey; /* Strike color */ | 8 | 8 | --main-strike-color: grey; /* Strike color */ | |
--main-pre-color: darkmagenta; /* Verbatim bloc color */ | 9 | 9 | --main-pre-color: darkmagenta; /* Verbatim bloc color */ | |
--main-tt-color: darkmagenta; /* Inline verbatim */ | 10 | 10 | --main-tt-color: darkmagenta; /* Inline verbatim */ | |
--main-code-color: saddlebrown; /* Code color (if hljs not used) */ | 11 | 11 | --main-code-color: saddlebrown; /* Code color (if hljs not used) */ | |
--main-body-color: lightslategrey; /* Color of the background body */ | 12 | 12 | --main-body-color: lightslategrey; /* Color of the background body */ | |
--main-menu-background-color: #fafafa; /* Backroung color of side menu */ | 13 | 13 | --main-menu-background-color: #fafafa; /* Backroung color of side menu */ | |
14 | /* Underline really underlined */ | |||
15 | --main-menu-u-decoration: underline; | |||
16 | --main-menu-u-background-color: white; | |||
17 | /* Underline Stabilo Version */ | |||
18 | /*--main-menu-u-decoration: none; | |||
19 | --main-menu-u-background-color: yellow;*/ | |||
20 | ||||
14 | 21 | |||
/* Tables */ | 15 | 22 | /* Tables */ | |
/* Table headers */ | 16 | 23 | /* Table headers */ | |
--main-th-color: black; /* Table header text color */ | 17 | 24 | --main-th-color: black; /* Table header text color */ | |
--main-th-background-color: #bbb; /* Table header background */ | 18 | 25 | --main-th-background-color: #bbb; /* Table header background */ | |
/* Table Row and Data */ | 19 | 26 | /* Table Row and Data */ | |
--main-tr-even-background-color: #f2f2f2; /* Even row background color */ | 20 | 27 | --main-tr-even-background-color: #f2f2f2; /* Even row background color */ | |
--main-tr-odd-background-color: white; /* Odd row background color */ | 21 | 28 | --main-tr-odd-background-color: white; /* Odd row background color */ |