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 |