Wize.html 6.3 KB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>[% title %]</title>
	<meta name='Generator' content='[% generator.name %]'>
	<link rel="stylesheet"
      href="[% resource('common-spec/zim-variables.css') %]" >
    <link rel="stylesheet"
      href="[% resource('common/zim-style.css') %]" >
    <link rel="stylesheet"
      href="[% resource('common/zim-table-style.css') %]" >
    <link rel="stylesheet"
      href="[% resource('common/zim-special.css') %]" >
    <link rel="stylesheet"
      href="[% resource('common/zim-hljs.css') %]" >
      
    <style type='text/css'>
        *          { font-family: sans-serif }

        a:hover    { text-decoration: underline; }
        
        /* Centre les images mais elles sont coupées aux sauts de page à l'impression */
        img {            
            display: block;
            margin-left: auto;
            margin-right: auto;
        }        
        
         .pages {
            /*max-width: 1000px;*/
            /*padding-left: 320px;*/
            width: inherit;
            transition: margin-left .3s;
            background: white;
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 20px;
            padding-top: 10px;
        }

        .header{
            max-width: var(--main-page-width);
            position: fixed;
            width: 100%;
            top:0;
            background:white;
            z-index: 1;
        }
        
        hr{
            clear:both;
            border-style: solid;
            border-width: 1px;
            border-color: var(--main-header-color);
        }
        
        body {
            max-width: var(--main-page-width);
            display:block;
            margin-left:auto;
            margin-right:auto;
            background: var(--main-body-background-color);
            background-image: url('[% resource("common-spec/fond.jpg") %]');
            background-position: var(--main-body-background-position);
            background-repeat: var(--main-body-background-repeat);
        }

        .intercalaire {
            background:white;
            margin-top: 48px;
            padding: 10px;
        }
        
        .bold-footer {
            color: var(--main-header-color);
        }
		
	</style>
      
    <!-- Themes clair :
	atom-one-light.css, vs.css googlecode.css github.css
	qtcreator_light.css
	     Themes sombres :
    agate.css vs2015.css atom-one-dark.css hybrid.css
    ir-black.css sunburst.css tomorrow-night-bright.css
    qtcreator_dark.css
    Demo live : https://highlightjs.org/static/demo/ -->
	<link rel="stylesheet"
      href="[% resource('common/hljs/styles/sunburst.css') %]" >
               
    <!-- hljs -->
    <script src="[% resource('common/hljs/highlight.pack.js') %]"></script>   
    
    <script src="[% resource('common-spec/notice.js') %]"></script> 

</head>
<body>

[% options.empty_lines = "default" %]

<div class='header'>
<table class='navigation' style="float:left">
<tr class='navigation'>
<td class='navigation'>
[% IF navigation.prev %]
    <a href='[% uri(navigation.prev) %]'>
    <img src="[% resource('common-spec/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
    </a>
[% ELSE %]
<!--
    <img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
-->
[% END %]
</td>
<td class='navigation'>
[% IF links.get("index") %]
    <a href='[% uri(links.get("index")) %]'>
    <img src="[% resource('common-spec/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
    </a>
[% ELSE %]
<!--
    <img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
-->
[% END %]
</td>
<td class='navigation'>
[% IF navigation.next %]
    <a href='[% uri(navigation.next) %]'>
    <img src="[% resource('common-spec/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
    </a>
[% ELSE %]
<!--
    <img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
-->
[% END %]
</td>
</tr>
</table>

<span>
[% FOR page IN pages %]
<a name='[% anchor(page) %]'></a>
<h1 style="display:inline-block;margin-left:20px;margin-top:5px;">
[% page.title %]</h1>
[% END %]
</span>

<table class='navigation' style="float:right;margin-right:10px;">
<tr class='navigation'>
<td class='navigation'>
[% FOR page IN pages %]
[% FOR link IN page.backlinks %]
[% IF loop.first %]<a href="#backlinks">
<img src='[% resource("common-spec/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'>
</a>[% END %]
[% END %]
[% END %]
</td>
<td class='navigation'>
[% FOR page IN pages %]
[% FOR file IN page.attachments %]
[% IF loop.first %]<a href="#attach">
<img src='[% resource("common-spec/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'>
</a>[% END %]
[% END %]
[% END %]
</td>
</tr>
</table>
</div>

<div class="intercalaire">
<hr />
</div>

<div style="float:right">
<img src='[% resource("common-spec/logo.png") %]' alt=' '>
</div>

<!-- Wiki content -->

<div class='pages'>
<!--[% FOR page IN pages %]-->
    <!--
	<div class='heading'>
	<h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1>
	</div>
	-->

	<div class='content'>
	[% page.body %]
	</div>

	<br />

	<div class='page-footer'>
	<!--[% FOR link IN page.backlinks %]-->
        <a name="backlinks"></a>
		[% IF loop.first %]<b class="bold-footer">[% gettext("Backlinks:") %]</b>[% END %]

		<a href='[% uri(link) %]'>[% link.name %]</a>

		[% IF loop.last %]<br /><br />[% END %]
	<!--[% END %]-->

	<!--[% FOR file IN page.attachments %]-->
		[% IF loop.first %]
            <a name="attach"></a>
			<b class="bold-footer">[% gettext("Attachments:") %]</b>
			<table>
		[% END %]

			<tr><td><a href='[% uri(file) %]'>[% file.basename %]</a></td><td>&nbsp;</td><td>[% file.size %]</td></tr>

		[% IF loop.last %]
			</table>
		[% END %]
	<!--[% END %]-->
	
        <div id="foot-notice" class="notice"></div>
	</div>

	[% IF not loop.last %]<hr />[% END %]

<!--[% END %]-->
</div>

<script src="[% resource('common/go-hljs.js') %]"></script>
<script>printNotice()</script>

</body>

</html>