William Daniau / wize

Download as
Browse Code »

Commit 79c64189b59cd806049105f29a651b5143e5644e

Authored by William Daniau
1 parent 2bcae7c85c
Exists in master

Update du modèle Default

Showing 1 changed file with 100 additions and 15 deletions Side-by-side Diff

templates/html/Default.html
Diff comments   View file @ 79c6418
... ... @@ -25,8 +25,53 @@
25 25 display: block;
26 26 margin-left: auto;
27 27 margin-right: auto;
28   - }
  28 + }
  29 +
  30 + .pages {
  31 + /*max-width: 1000px;*/
  32 + /*padding-left: 320px;*/
  33 + width: inherit;
  34 + transition: margin-left .3s;
  35 + background: white;
  36 + padding-left: 10px;
  37 + padding-right: 10px;
  38 + padding-bottom: 20px;
  39 + padding-top: 10px;
  40 + }
29 41  
  42 + .header{
  43 + max-width: 63em;
  44 + position: fixed;
  45 + width: 100%;
  46 + top:0;
  47 + background:white;
  48 + z-index: 1;
  49 + }
  50 +
  51 + hr{
  52 + clear:both;
  53 + border-style: solid;
  54 + border-width: 1px;
  55 + border-color: var(--main-header-color);
  56 + }
  57 +
  58 + body {
  59 + max-width:63em;
  60 + display:block;
  61 + margin-left:auto;
  62 + margin-right:auto;
  63 + background: var(--main-body-background-color);
  64 + }
  65 +
  66 + .intercalaire {
  67 + background:white;
  68 + margin-top: 48px;
  69 + padding: 10px;
  70 + }
  71 +
  72 + .bold-footer {
  73 + color: var(--main-header-color);
  74 + }
30 75  
31 76 </style>
32 77  
33 78  
34 79  
35 80  
36 81  
37 82  
38 83  
39 84  
40 85  
41 86  
42 87  
43 88  
44 89  
45 90  
46 91  
47 92  
... ... @@ -49,50 +94,90 @@
49 94  
50 95 [% options.empty_lines = "default" %]
51 96  
52   -<!-- Header -->
53 97 <div class='header'>
54   -<table class='navigation'>
  98 +<table class='navigation' style="float:left">
55 99 <tr class='navigation'>
56 100 <td class='navigation'>
57 101 [% IF navigation.prev %]
58   - <a href='[% uri(navigation.prev) %]'>
59   - <img src="[% resource('common/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
60   - </a>
  102 + <a href='[% uri(navigation.prev) %]'>
  103 + <img src="[% resource('common/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
  104 + </a>
61 105 [% ELSE %]
  106 +<!--
62 107 <img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
  108 +-->
63 109 [% END %]
64 110 </td>
65 111 <td class='navigation'>
66 112 [% IF links.get("index") %]
67   - <a href='[% uri(links.get("index")) %]'>
68   - <img src="[% resource('common/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
69   - </a>
  113 + <a href='[% uri(links.get("index")) %]'>
  114 + <img src="[% resource('common/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
  115 + </a>
70 116 [% ELSE %]
  117 +<!--
71 118 <img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
  119 +-->
72 120 [% END %]
73 121 </td>
74 122 <td class='navigation'>
75 123 [% IF navigation.next %]
76   - <a href='[% uri(navigation.next) %]'>
77   - <img src="[% resource('common/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
78   - </a>
  124 + <a href='[% uri(navigation.next) %]'>
  125 + <img src="[% resource('common/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
  126 + </a>
79 127 [% ELSE %]
  128 +<!--
80 129 <img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
  130 +-->
81 131 [% END %]
82 132 </td>
83 133 </tr>
84 134 </table>
  135 +
  136 +<span>
  137 +[% FOR page IN pages %]
  138 +<a name='[% anchor(page) %]'></a>
  139 +<h1 style="display:inline-block;margin-left:20px;margin-top:5px;">
  140 +[% page.title %]</h1>
  141 +[% END %]
  142 +</span>
  143 +
  144 +<table class='navigation' style="float:right;margin-right:10px;">
  145 +<tr class='navigation'>
  146 +<td class='navigation'>
  147 +[% FOR page IN pages %]
  148 +[% FOR link IN page.backlinks %]
  149 +[% IF loop.first %]<a href="#backlinks">
  150 +<img src='[% resource("common/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'>
  151 +</a>[% END %]
  152 +[% END %]
  153 +[% END %]
  154 +</td>
  155 +<td class='navigation'>
  156 +[% FOR page IN pages %]
  157 +[% FOR file IN page.attachments %]
  158 +[% IF loop.first %]<a href="#attach">
  159 +<img src='[% resource("common/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'>
  160 +</a>[% END %]
  161 +[% END %]
  162 +[% END %]
  163 +</td>
  164 +</tr>
  165 +</table>
85 166 </div>
86 167  
  168 +<div class="intercalaire">
87 169 <hr />
  170 +</div>
88 171  
89 172 <!-- Wiki content -->
90 173  
91 174 <div class='pages'>
92 175 <!--[% FOR page IN pages %]-->
  176 + <!--
93 177 <div class='heading'>
94 178 <h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1>
95 179 </div>
  180 + -->
96 181  
97 182 <div class='content'>
98 183 [% page.body %]
... ... @@ -102,7 +187,7 @@
102 187  
103 188 <div class='page-footer'>
104 189 <!--[% FOR link IN page.backlinks %]-->
105   - [% IF loop.first %]<b>[% gettext("Backlinks:") %]</b>[% END %]
  190 + [% IF loop.first %]<b class="bold-footer">[% gettext("Backlinks:") %]</b>[% END %]
106 191  
107 192 <a href='[% uri(link) %]'>[% link.name %]</a>
108 193  
... ... @@ -111,7 +196,7 @@
111 196  
112 197 <!--[% FOR file IN page.attachments %]-->
113 198 [% IF loop.first %]
114   - <b>[% gettext("Attachments:") %]</b>
  199 + <b class="bold-footer">[% gettext("Attachments:") %]</b>
115 200 <table>
116 201 [% END %]
117 202