Commit 5703e30a28e1b3b02a1554b408081d16ce500a0e
1 parent
d3b465ad38
Exists in
master
On sépare les variables spécifiques au S5 dans un autre fichier
Showing 5 changed files with 27 additions and 12 deletions Inline Diff
templates/html/Wize_S5.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" | 1 | 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" | |
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | 2 | 2 | "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
3 | 3 | |||
<html xmlns="http://www.w3.org/1999/xhtml"> | 4 | 4 | <html xmlns="http://www.w3.org/1999/xhtml"> | |
5 | 5 | |||
<head> | 6 | 6 | <head> | |
<title>[% title %]</title> | 7 | 7 | <title>[% title %]</title> | |
<!-- metadata --> | 8 | 8 | <!-- metadata --> | |
<meta name="generator" content="[% generator.name %]" /> | 9 | 9 | <meta name="generator" content="[% generator.name %]" /> | |
<meta charset="utf-8"/> | 10 | 10 | <meta charset="utf-8"/> | |
<meta name="version" content="S5 1.1" /> | 11 | 11 | <meta name="version" content="S5 1.1" /> | |
<meta name="presdate" content="" /> | 12 | 12 | <meta name="presdate" content="" /> | |
<meta name="author" content="" /> | 13 | 13 | <meta name="author" content="" /> | |
<meta name="company" content="" /> | 14 | 14 | <meta name="company" content="" /> | |
<!-- configuration parameters --> | 15 | 15 | <!-- configuration parameters --> | |
<meta name="defaultView" content="slideshow" /> | 16 | 16 | <meta name="defaultView" content="slideshow" /> | |
<meta name="controlVis" content="hidden" /> | 17 | 17 | <meta name="controlVis" content="hidden" /> | |
<!-- style sheet links --> | 18 | 18 | <!-- style sheet links --> | |
<link rel="stylesheet" | 19 | 19 | <link rel="stylesheet" | |
href="[% resource('common-spec/zim-variables.css') %]" > | 20 | 20 | href="[% resource('common-spec/zim-variables.css') %]" > | |
21 | <link rel="stylesheet" | |||
22 | href="[% resource('common-spec/zim-pres-variables.css') %]" > | |||
23 | ||||
21 | 24 | |||
<link rel="stylesheet" href="[% resource('ui/default/slides.css') %]" type="text/css" media="projection" id="slideProj" /> | 22 | 25 | <link rel="stylesheet" href="[% resource('ui/default/slides.css') %]" type="text/css" media="projection" id="slideProj" /> | |
<link rel="stylesheet" href="[% resource('ui/default/outline.css') %]" type="text/css" media="screen" id="outlineStyle" /> | 23 | 26 | <link rel="stylesheet" href="[% resource('ui/default/outline.css') %]" type="text/css" media="screen" id="outlineStyle" /> | |
<link rel="stylesheet" href="[% resource('ui/default/print.css') %]" type="text/css" media="print" id="slidePrint" /> | 24 | 27 | <link rel="stylesheet" href="[% resource('ui/default/print.css') %]" type="text/css" media="print" id="slidePrint" /> | |
<link rel="stylesheet" href="[% resource('ui/default/opera.css') %]" type="text/css" media="projection" id="operaFix" /> | 25 | 28 | <link rel="stylesheet" href="[% resource('ui/default/opera.css') %]" type="text/css" media="projection" id="operaFix" /> | |
26 | 29 | |||
<link rel="stylesheet" | 27 | 30 | <link rel="stylesheet" | |
href="[% resource('common/zim-style.css') %]" > | 28 | 31 | href="[% resource('common/zim-style.css') %]" > | |
<link rel="stylesheet" | 29 | 32 | <link rel="stylesheet" | |
href="[% resource('common/zim-table-style.css') %]" > | 30 | 33 | href="[% resource('common/zim-table-style.css') %]" > | |
<link rel="stylesheet" | 31 | 34 | <link rel="stylesheet" | |
href="[% resource('common/zim-special.css') %]" > | 32 | 35 | href="[% resource('common/zim-special.css') %]" > | |
<link rel="stylesheet" | 33 | 36 | <link rel="stylesheet" | |
href="[% resource('common/zim-hljs.css') %]" > | 34 | 37 | href="[% resource('common/zim-hljs.css') %]" > | |
<link rel="stylesheet" | 35 | 38 | <link rel="stylesheet" | |
href="[% resource('common-spec/zim-pres-override.css') %]" > | 36 | 39 | href="[% resource('common-spec/zim-pres-override.css') %]" > | |
37 | 40 | |||
<link rel="stylesheet" | 38 | 41 | <link rel="stylesheet" | |
href="[% resource('common/hljs/styles/sunburst.css') %]" > | 39 | 42 | href="[% resource('common/hljs/styles/sunburst.css') %]" > | |
40 | 43 | |||
<!-- hljs --> | 41 | 44 | <!-- hljs --> | |
<script src="[% resource('common/hljs/highlight.pack.js') %]"></script> | 42 | 45 | <script src="[% resource('common/hljs/highlight.pack.js') %]"></script> | |
43 | 46 | |||
<script src="[% resource('common/wizefunc.js') %]"></script> | 44 | 47 | <script src="[% resource('common/wizefunc.js') %]"></script> | |
45 | 48 | |||
<!-- S5 JS --> | 46 | 49 | <!-- S5 JS --> | |
<script src="[% resource('ui/default/slides.js') %]" type="text/javascript"></script> | 47 | 50 | <script src="[% resource('ui/default/slides.js') %]" type="text/javascript"></script> | |
<style type='text/css'> | 48 | 51 | <style type='text/css'> | |
* { font-family: sans-serif } | 49 | 52 | * { font-family: sans-serif } | |
img { | 50 | 53 | img { | |
display: block; | 51 | 54 | display: block; | |
margin-left: auto; | 52 | 55 | margin-left: auto; | |
margin-right: auto; | 53 | 56 | margin-right: auto; | |
} | 54 | 57 | } | |
tt { | 55 | 58 | tt { | |
font-size: inherit; | 56 | 59 | font-size: inherit; | |
} | 57 | 60 | } | |
58 | 61 | |||
td, th { | 59 | 62 | td, th { | |
font-size:80%; | 60 | 63 | font-size:80%; | |
} | 61 | 64 | } | |
62 | 65 | |||
code { | 63 | 66 | code { | |
font-size:80%; | 64 | 67 | font-size:80%; | |
} | 65 | 68 | } | |
body { | 66 | 69 | body { | |
background: var(--main-pres-background-color); | 67 | 70 | background: var(--main-pres-background-color); | |
background-image: url('[% resource("common-spec/fond-pres.jpg") %]'); | 68 | 71 | background-image: url('[% resource("common-spec/fond-pres.jpg") %]'); | |
background-repeat: var(--main-pres-background-repeat); | 69 | 72 | background-repeat: var(--main-pres-background-repeat); | |
background-size: var(--main-pres-background-size); | 70 | 73 | background-size: var(--main-pres-background-size); | |
} | 71 | 74 | } | |
72 | 75 | |||
</style> | 73 | 76 | </style> | |
</head> | 74 | 77 | </head> | |
<body> | 75 | 78 | <body> | |
76 | 79 | |||
<div class="layout"> | 77 | 80 | <div class="layout"> | |
<div id="controls"><!-- DO NOT EDIT --></div> | 78 | 81 | <div id="controls"><!-- DO NOT EDIT --></div> | |
<div id="currentSlide"><!-- DO NOT EDIT --></div> | 79 | 82 | <div id="currentSlide"><!-- DO NOT EDIT --></div> | |
<div id="header"> | 80 | 83 | <div id="header"> | |
<div id="logoDivId" style="position: absolute; right: 1em;"> | 81 | 84 | <div id="logoDivId" style="position: absolute; right: 1em;"> | |
<img id="logoImgId" src='[% resource("common-spec/logo-pres.png") %]' alt=' '> | 82 | 85 | <img id="logoImgId" src='[% resource("common-spec/logo-pres.png") %]' alt=' '> | |
</div> | 83 | 86 | </div> | |
</div> | 84 | 87 | </div> | |
<div id="footer"> | 85 | 88 | <div id="footer"> | |
<h2 id="footinfo1"></h2> | 86 | 89 | <h2 id="footinfo1"></h2> | |
<h2 id="footinfo2"></h2> | 87 | 90 | <h2 id="footinfo2"></h2> | |
</div> | 88 | 91 | </div> | |
89 | 92 | |||
</div> | 90 | 93 | </div> | |
91 | 94 |
templates/html/common-blue/zim-pres-variables.css
File was created | 1 | |||
2 | /* Variables for S5 Presentation */ | |||
3 | ||||
4 | :root { | |||
5 | ||||
6 | /* S5 Presentation variables */ | |||
7 | --main-pres-banner-foreground: #437484; /* Foreground color on header and footer */ | |||
8 | --main-pres-banner-background: #ccdddd77; /* Background color on header and fooetr */ | |||
9 | --main-pres-background-color: white; /* Body background color */ |
templates/html/common-blue/zim-variables.css
1 | 1 | |||
/* Variables */ | 2 | 2 | /* Variables */ | |
3 | 3 | |||
:root { | 4 | 4 | :root { | |
/* General */ | 5 | 5 | /* General */ | |
--main-header-color: #437484; /* Headers color */ | 6 | 6 | --main-header-color: #437484; /* Headers color */ | |
--main-link-color: #008ab8; /* Links color */ | 7 | 7 | --main-link-color: #008ab8; /* 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) */ | |
12 | 12 | |||
/* Background | 13 | 13 | /* Background | |
* | 14 | 14 | * | |
* if fond.jpg exists in the resource directory, it will be used as backround | 15 | 15 | * if fond.jpg exists in the resource directory, it will be used as backround | |
* image with position and repetition given by : | 16 | 16 | * image with position and repetition given by : | |
* --main-body-background-position an --main-body-background-repeat | 17 | 17 | * --main-body-background-position an --main-body-background-repeat | |
* | 18 | 18 | * | |
* if the image does not exists the color defined by | 19 | 19 | * if the image does not exists the color defined by | |
* --main-body-background-color | 20 | 20 | * --main-body-background-color | |
* will be used | 21 | 21 | * will be used | |
*/ | 22 | 22 | */ | |
/*--main-body-background-color: linear-gradient(to right,#8eb7c2,white,white,#8eb7c2); */ | 23 | 23 | /*--main-body-background-color: linear-gradient(to right,#8eb7c2,white,white,#8eb7c2); */ | |
--main-body-background-color: #80a5ae; /* Color of the background body */ | 24 | 24 | --main-body-background-color: #80a5ae; /* Color of the background body */ | |
--main-body-background-position: left; | 25 | 25 | --main-body-background-position: left; | |
--main-body-background-repeat: repeat; | 26 | 26 | --main-body-background-repeat: repeat; | |
27 | 27 | |||
--main-menu-background-color: #fafafa; /* Backroung color of side menu */ | 28 | 28 | --main-menu-background-color: #fafafa; /* Backroung color of side menu */ | |
/* Underline really underlined */ | 29 | 29 | /* Underline really underlined */ | |
--main-menu-u-decoration: underline; | 30 | 30 | --main-menu-u-decoration: underline; | |
--main-menu-u-background-color: white; | 31 | 31 | --main-menu-u-background-color: white; | |
/* Underline Stabilo Version */ | 32 | 32 | /* Underline Stabilo Version */ | |
/*--main-menu-u-decoration: none; | 33 | 33 | /*--main-menu-u-decoration: none; | |
--main-menu-u-background-color: yellow;*/ | 34 | 34 | --main-menu-u-background-color: yellow;*/ | |
--main-page-width: 72em; /* Page width */ | 35 | 35 | --main-page-width: 72em; /* Page width */ | |
36 | 36 | |||
37 | 37 | |||
/* Tables */ | 38 | 38 | /* Tables */ | |
/* Table headers */ | 39 | 39 | /* Table headers */ | |
--main-th-color: black; /* Table header text color */ | 40 | 40 | --main-th-color: black; /* Table header text color */ | |
--main-th-background-color: #bbb; /* Table header background */ | 41 | 41 | --main-th-background-color: #bbb; /* Table header background */ | |
/* Table Row and Data */ | 42 | 42 | /* Table Row and Data */ | |
--main-tr-even-background-color: #f2f2f2; /* Even row background color */ | 43 | 43 | --main-tr-even-background-color: #f2f2f2; /* Even row background color */ | |
--main-tr-odd-background-color: white; /* Odd row background color */ | 44 | 44 | --main-tr-odd-background-color: white; /* Odd row background color */ | |
--main-tr-hover-background-color: #ddd; /* Row background color when hover */ | 45 | 45 | --main-tr-hover-background-color: #ddd; /* Row background color when hover */ | |
--main-td-th-border-color: #ddd; /* Cell's Border color */ | 46 | 46 | --main-td-th-border-color: #ddd; /* Cell's Border color */ | |
47 | 47 |
templates/html/common-wize/zim-pres-variables.css
File was created | 1 | |||
2 | /* Variables for S5 Presentation */ | |||
3 | ||||
4 | :root { | |||
5 | ||||
6 | /* S5 Presentation variables */ | |||
7 | --main-pres-banner-foreground: #4e9a06; /* Foreground color on header and footer */ | |||
8 | --main-pres-banner-background: #ccddbb77; /* Background color on header and fooetr */ | |||
9 | --main-pres-background-color: white; /* Body background color */ |
templates/html/common-wize/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) */ | |
12 | 12 | |||
/* Background | 13 | 13 | /* Background | |
* | 14 | 14 | * | |
* if fond.jpg exists in the resource directory, it will be used as backround | 15 | 15 | * if fond.jpg exists in the resource directory, it will be used as backround | |
* image with position and repetition given by : | 16 | 16 | * image with position and repetition given by : | |
* --main-body-background-position an --main-body-background-repeat | 17 | 17 | * --main-body-background-position an --main-body-background-repeat | |
* | 18 | 18 | * | |
* if the image does not exists the color defined by | 19 | 19 | * if the image does not exists the color defined by | |
* --main-body-background-color | 20 | 20 | * --main-body-background-color | |
* will be used | 21 | 21 | * will be used | |
*/ | 22 | 22 | */ | |
--main-body-background-color: #779988; /* Color of the background body */ | 23 | 23 | --main-body-background-color: #779988; /* Color of the background body */ | |
--main-body-background-position: center; | 24 | 24 | --main-body-background-position: center; | |
--main-body-background-repeat: repeat; | 25 | 25 | --main-body-background-repeat: repeat; | |
26 | 26 | |||
--main-menu-background-color: #fafafa; /* Backroung color of side menu */ | 27 | 27 | --main-menu-background-color: #fafafa; /* Backroung color of side menu */ | |
/* Underline really underlined */ | 28 | 28 | /* Underline really underlined */ | |
--main-menu-u-decoration: underline; | 29 | 29 | --main-menu-u-decoration: underline; | |
--main-menu-u-background-color: white; | 30 | 30 | --main-menu-u-background-color: white; | |
/* Underline Stabilo Version */ | 31 | 31 | /* Underline Stabilo Version */ | |
/*--main-menu-u-decoration: none; | 32 | 32 | /*--main-menu-u-decoration: none; | |
--main-menu-u-background-color: yellow;*/ | 33 | 33 | --main-menu-u-background-color: yellow;*/ | |
--main-page-width: 72em; /* Page width */ | 34 | 34 | --main-page-width: 72em; /* Page width */ | |
35 | 35 | |||
36 | 36 | |||
/* Tables */ | 37 | 37 | /* Tables */ | |
/* Table headers */ | 38 | 38 | /* Table headers */ | |
--main-th-color: black; /* Table header text color */ | 39 | 39 | --main-th-color: black; /* Table header text color */ | |
--main-th-background-color: #bbb; /* Table header background */ | 40 | 40 | --main-th-background-color: #bbb; /* Table header background */ | |
/* Table Row and Data */ | 41 | 41 | /* Table Row and Data */ | |
--main-tr-even-background-color: #f2f2f2; /* Even row background color */ | 42 | 42 | --main-tr-even-background-color: #f2f2f2; /* Even row background color */ | |
--main-tr-odd-background-color: white; /* Odd row background color */ | 43 | 43 | --main-tr-odd-background-color: white; /* Odd row background color */ | |
--main-tr-hover-background-color: #ddd; /* Row background color when hover */ | 44 | 44 | --main-tr-hover-background-color: #ddd; /* Row background color when hover */ | |
--main-td-th-border-color: #ddd; /* Cell's Border color */ | 45 | 45 | --main-td-th-border-color: #ddd; /* Cell's Border color */ | |
46 | 46 |