William Daniau / wize

Download as
Browse Code »

Commit fbb8c93dc461c18add1179d5033a820e6a1a3d8d

Authored by William Daniau
1 parent 79c64189b5
Exists in master

Ajout du paramètre --main-page-width

Showing 3 changed files with 5 additions and 4 deletions Inline Diff

templates/html/Default.html
Diff comments   View file @ fbb8c93
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 1 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> 2 2 <html>
<head> 3 3 <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 4 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[% title %]</title> 5 5 <title>[% title %]</title>
<meta name='Generator' content='[% generator.name %]'> 6 6 <meta name='Generator' content='[% generator.name %]'>
<link rel="stylesheet" 7 7 <link rel="stylesheet"
href="[% resource('common/zim-variables.css') %]" > 8 8 href="[% resource('common/zim-variables.css') %]" >
<link rel="stylesheet" 9 9 <link rel="stylesheet"
href="[% resource('common/zim-style.css') %]" > 10 10 href="[% resource('common/zim-style.css') %]" >
<link rel="stylesheet" 11 11 <link rel="stylesheet"
href="[% resource('common/zim-table-style.css') %]" > 12 12 href="[% resource('common/zim-table-style.css') %]" >
<link rel="stylesheet" 13 13 <link rel="stylesheet"
href="[% resource('common/zim-special.css') %]" > 14 14 href="[% resource('common/zim-special.css') %]" >
<link rel="stylesheet" 15 15 <link rel="stylesheet"
href="[% resource('common/zim-hljs.css') %]" > 16 16 href="[% resource('common/zim-hljs.css') %]" >
17 17
<style type='text/css'> 18 18 <style type='text/css'>
* { font-family: sans-serif } 19 19 * { font-family: sans-serif }
20 20
a:hover { text-decoration: underline; } 21 21 a:hover { text-decoration: underline; }
22 22
/* Centre les images mais elles sont coupées aux sauts de page à l'impression */ 23 23 /* Centre les images mais elles sont coupées aux sauts de page à l'impression */
img { 24 24 img {
display: block; 25 25 display: block;
margin-left: auto; 26 26 margin-left: auto;
margin-right: auto; 27 27 margin-right: auto;
} 28 28 }
29 29
.pages { 30 30 .pages {
/*max-width: 1000px;*/ 31 31 /*max-width: 1000px;*/
/*padding-left: 320px;*/ 32 32 /*padding-left: 320px;*/
width: inherit; 33 33 width: inherit;
transition: margin-left .3s; 34 34 transition: margin-left .3s;
background: white; 35 35 background: white;
padding-left: 10px; 36 36 padding-left: 10px;
padding-right: 10px; 37 37 padding-right: 10px;
padding-bottom: 20px; 38 38 padding-bottom: 20px;
padding-top: 10px; 39 39 padding-top: 10px;
} 40 40 }
41 41
.header{ 42 42 .header{
max-width: 63em; 43 43 max-width: var(--main-page-width);
position: fixed; 44 44 position: fixed;
width: 100%; 45 45 width: 100%;
top:0; 46 46 top:0;
background:white; 47 47 background:white;
z-index: 1; 48 48 z-index: 1;
} 49 49 }
50 50
hr{ 51 51 hr{
clear:both; 52 52 clear:both;
border-style: solid; 53 53 border-style: solid;
border-width: 1px; 54 54 border-width: 1px;
border-color: var(--main-header-color); 55 55 border-color: var(--main-header-color);
} 56 56 }
57 57
body { 58 58 body {
max-width:63em; 59 59 max-width: var(--main-page-width);
display:block; 60 60 display:block;
margin-left:auto; 61 61 margin-left:auto;
margin-right:auto; 62 62 margin-right:auto;
background: var(--main-body-background-color); 63 63 background: var(--main-body-background-color);
} 64 64 }
65 65
.intercalaire { 66 66 .intercalaire {
background:white; 67 67 background:white;
margin-top: 48px; 68 68 margin-top: 48px;
padding: 10px; 69 69 padding: 10px;
} 70 70 }
71 71
.bold-footer { 72 72 .bold-footer {
color: var(--main-header-color); 73 73 color: var(--main-header-color);
} 74 74 }
75 75
</style> 76 76 </style>
77 77
<!-- Themes clair : 78 78 <!-- Themes clair :
atom-one-light.css, vs.css googlecode.css github.css 79 79 atom-one-light.css, vs.css googlecode.css github.css
qtcreator_light.css 80 80 qtcreator_light.css
Themes sombres : 81 81 Themes sombres :
agate.css vs2015.css atom-one-dark.css hybrid.css 82 82 agate.css vs2015.css atom-one-dark.css hybrid.css
ir-black.css sunburst.css tomorrow-night-bright.css 83 83 ir-black.css sunburst.css tomorrow-night-bright.css
qtcreator_dark.css 84 84 qtcreator_dark.css
Demo live : https://highlightjs.org/static/demo/ --> 85 85 Demo live : https://highlightjs.org/static/demo/ -->
<link rel="stylesheet" 86 86 <link rel="stylesheet"
href="[% resource('common/hljs/styles/sunburst.css') %]" > 87 87 href="[% resource('common/hljs/styles/sunburst.css') %]" >
88 88
<!-- hljs --> 89 89 <!-- hljs -->
<script src="[% resource('common/hljs/highlight.pack.js') %]"></script> 90 90 <script src="[% resource('common/hljs/highlight.pack.js') %]"></script>
91 91
</head> 92 92 </head>
<body> 93 93 <body>
94 94
[% options.empty_lines = "default" %] 95 95 [% options.empty_lines = "default" %]
96 96
<div class='header'> 97 97 <div class='header'>
<table class='navigation' style="float:left"> 98 98 <table class='navigation' style="float:left">
<tr class='navigation'> 99 99 <tr class='navigation'>
<td class='navigation'> 100 100 <td class='navigation'>
[% IF navigation.prev %] 101 101 [% IF navigation.prev %]
<a href='[% uri(navigation.prev) %]'> 102 102 <a href='[% uri(navigation.prev) %]'>
<img src="[% resource('common/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> 103 103 <img src="[% resource('common/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
</a> 104 104 </a>
[% ELSE %] 105 105 [% ELSE %]
<!-- 106 106 <!--
<img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> 107 107 <img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
--> 108 108 -->
[% END %] 109 109 [% END %]
</td> 110 110 </td>
<td class='navigation'> 111 111 <td class='navigation'>
[% IF links.get("index") %] 112 112 [% IF links.get("index") %]
<a href='[% uri(links.get("index")) %]'> 113 113 <a href='[% uri(links.get("index")) %]'>
<img src="[% resource('common/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> 114 114 <img src="[% resource('common/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
</a> 115 115 </a>
[% ELSE %] 116 116 [% ELSE %]
<!-- 117 117 <!--
<img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> 118 118 <img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
--> 119 119 -->
[% END %] 120 120 [% END %]
</td> 121 121 </td>
<td class='navigation'> 122 122 <td class='navigation'>
[% IF navigation.next %] 123 123 [% IF navigation.next %]
<a href='[% uri(navigation.next) %]'> 124 124 <a href='[% uri(navigation.next) %]'>
<img src="[% resource('common/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> 125 125 <img src="[% resource('common/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
</a> 126 126 </a>
[% ELSE %] 127 127 [% ELSE %]
<!-- 128 128 <!--
<img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> 129 129 <img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
--> 130 130 -->
[% END %] 131 131 [% END %]
</td> 132 132 </td>
</tr> 133 133 </tr>
</table> 134 134 </table>
135 135
<span> 136 136 <span>
[% FOR page IN pages %] 137 137 [% FOR page IN pages %]
<a name='[% anchor(page) %]'></a> 138 138 <a name='[% anchor(page) %]'></a>
<h1 style="display:inline-block;margin-left:20px;margin-top:5px;"> 139 139 <h1 style="display:inline-block;margin-left:20px;margin-top:5px;">
[% page.title %]</h1> 140 140 [% page.title %]</h1>
[% END %] 141 141 [% END %]
</span> 142 142 </span>
143 143
<table class='navigation' style="float:right;margin-right:10px;"> 144 144 <table class='navigation' style="float:right;margin-right:10px;">
<tr class='navigation'> 145 145 <tr class='navigation'>
<td class='navigation'> 146 146 <td class='navigation'>
[% FOR page IN pages %] 147 147 [% FOR page IN pages %]
[% FOR link IN page.backlinks %] 148 148 [% FOR link IN page.backlinks %]
[% IF loop.first %]<a href="#backlinks"> 149 149 [% IF loop.first %]<a href="#backlinks">
<img src='[% resource("common/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'> 150 150 <img src='[% resource("common/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'>
</a>[% END %] 151 151 </a>[% END %]
[% END %] 152 152 [% END %]
[% END %] 153 153 [% END %]
</td> 154 154 </td>
<td class='navigation'> 155 155 <td class='navigation'>
[% FOR page IN pages %] 156 156 [% FOR page IN pages %]
[% FOR file IN page.attachments %] 157 157 [% FOR file IN page.attachments %]
[% IF loop.first %]<a href="#attach"> 158 158 [% IF loop.first %]<a href="#attach">
<img src='[% resource("common/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'> 159 159 <img src='[% resource("common/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'>
</a>[% END %] 160 160 </a>[% END %]
[% END %] 161 161 [% END %]
[% END %] 162 162 [% END %]
</td> 163 163 </td>
</tr> 164 164 </tr>
</table> 165 165 </table>
</div> 166 166 </div>
167 167
<div class="intercalaire"> 168 168 <div class="intercalaire">
<hr /> 169 169 <hr />
</div> 170 170 </div>
171 171
<!-- Wiki content --> 172 172 <!-- Wiki content -->
173 173
<div class='pages'> 174 174 <div class='pages'>
<!--[% FOR page IN pages %]--> 175 175 <!--[% FOR page IN pages %]-->
<!-- 176 176 <!--
<div class='heading'> 177 177 <div class='heading'>
<h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1> 178 178 <h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1>
</div> 179 179 </div>
--> 180 180 -->
181 181
<div class='content'> 182 182 <div class='content'>
[% page.body %] 183 183 [% page.body %]
</div> 184 184 </div>
185 185
<br /> 186 186 <br />
187 187
<div class='page-footer'> 188 188 <div class='page-footer'>
<!--[% FOR link IN page.backlinks %]--> 189 189 <!--[% FOR link IN page.backlinks %]-->
templates/html/Default_with_index.html
Diff comments   View file @ fbb8c93
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 1 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> 2 2 <html>
<head> 3 3 <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 4 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[% title %]</title> 5 5 <title>[% title %]</title>
<meta name='Generator' content='[% generator.name %]'> 6 6 <meta name='Generator' content='[% generator.name %]'>
<link rel="stylesheet" 7 7 <link rel="stylesheet"
href="[% resource('common/zim-variables.css') %]" > 8 8 href="[% resource('common/zim-variables.css') %]" >
<link rel="stylesheet" 9 9 <link rel="stylesheet"
href="[% resource('common/zim-style.css') %]" > 10 10 href="[% resource('common/zim-style.css') %]" >
<link rel="stylesheet" 11 11 <link rel="stylesheet"
href="[% resource('common/zim-table-style.css') %]" > 12 12 href="[% resource('common/zim-table-style.css') %]" >
<link rel="stylesheet" 13 13 <link rel="stylesheet"
href="[% resource('common/zim-special.css') %]" > 14 14 href="[% resource('common/zim-special.css') %]" >
<link rel="stylesheet" 15 15 <link rel="stylesheet"
href="[% resource('common/zim-hljs.css') %]" > 16 16 href="[% resource('common/zim-hljs.css') %]" >
17 17
<style type='text/css'> 18 18 <style type='text/css'>
* { font-family: sans-serif } 19 19 * { font-family: sans-serif }
20 20
a:hover { text-decoration: underline; } 21 21 a:hover { text-decoration: underline; }
22 22
/* Centre les images mais elles sont coupées aux sauts de page à l'impression */ 23 23 /* Centre les images mais elles sont coupées aux sauts de page à l'impression */
img { 24 24 img {
display: block; 25 25 display: block;
margin-left: auto; 26 26 margin-left: auto;
margin-right: auto; 27 27 margin-right: auto;
} 28 28 }
29 29
/* Specifique au with index */ 30 30 /* Specifique au with index */
span.insen { color: grey } 31 31 span.insen { color: grey }
32 32
.pages { 33 33 .pages {
/*max-width: 1000px;*/ 34 34 /*max-width: 1000px;*/
/*padding-left: 320px;*/ 35 35 /*padding-left: 320px;*/
width: inherit; 36 36 width: inherit;
transition: margin-left .3s; 37 37 transition: margin-left .3s;
background: white; 38 38 background: white;
padding-left: 10px; 39 39 padding-left: 10px;
padding-right: 10px; 40 40 padding-right: 10px;
padding-bottom: 20px; 41 41 padding-bottom: 20px;
padding-top: 10px; 42 42 padding-top: 10px;
} 43 43 }
44 44
.menu{ 45 45 .menu{
/*float:left; */ 46 46 /*float:left; */
width: 0; 47 47 width: 0;
color:var(--main-header-color); 48 48 color:var(--main-header-color);
overflow-x: hidden; 49 49 overflow-x: hidden;
position: absolute; 50 50 position: absolute;
transition:.3s; 51 51 transition:.3s;
background: var(--main-menu-background-color); 52 52 background: var(--main-menu-background-color);
border-style: solid; 53 53 border-style: solid;
border-width: 1px; 54 54 border-width: 1px;
margin-left:-20px; 55 55 margin-left:-20px;
} 56 56 }
57 57
.menu a,.menu a:link,.menu a:hover,.menu a:active,.menu a:visited { 58 58 .menu a,.menu a:link,.menu a:hover,.menu a:active,.menu a:visited {
color: var(--main-header-color); 59 59 color: var(--main-header-color);
} 60 60 }
61 61
.menuOpen { 62 62 .menuOpen {
/*display: block;*/ 63 63 /*display: block;*/
} 64 64 }
65 65
.menuClosed { 66 66 .menuClosed {
border-style: unset; 67 67 border-style: unset;
} 68 68 }
69 69
.header{ 70 70 .header{
max-width: 63em; 71 71 max-width: var(--main-page-width);
position: fixed; 72 72 position: fixed;
width: 100%; 73 73 width: 100%;
top:0; 74 74 top:0;
background:white; 75 75 background:white;
z-index: 1; 76 76 z-index: 1;
} 77 77 }
78 78
hr{ 79 79 hr{
clear:both; 80 80 clear:both;
border-style: solid; 81 81 border-style: solid;
border-width: 1px; 82 82 border-width: 1px;
border-color: var(--main-header-color); 83 83 border-color: var(--main-header-color);
} 84 84 }
85 85
body { 86 86 body {
max-width:63em; 87 87 max-width: var(--main-page-width);
display:block; 88 88 display:block;
margin-left:auto; 89 89 margin-left:auto;
margin-right:auto; 90 90 margin-right:auto;
background: var(--main-body-background-color); 91 91 background: var(--main-body-background-color);
} 92 92 }
93 93
.intercalaire { 94 94 .intercalaire {
background:white; 95 95 background:white;
margin-top: 48px; 96 96 margin-top: 48px;
padding: 10px; 97 97 padding: 10px;
} 98 98 }
99 99
.bold-footer { 100 100 .bold-footer {
color: var(--main-header-color); 101 101 color: var(--main-header-color);
} 102 102 }
103 103
</style> 104 104 </style>
105 105
<!-- Themes clair : 106 106 <!-- Themes clair :
atom-one-light.css, vs.css googlecode.css github.css 107 107 atom-one-light.css, vs.css googlecode.css github.css
qtcreator_light.css 108 108 qtcreator_light.css
Themes sombres : 109 109 Themes sombres :
agate.css vs2015.css atom-one-dark.css hybrid.css 110 110 agate.css vs2015.css atom-one-dark.css hybrid.css
ir-black.css sunburst.css tomorrow-night-bright.css 111 111 ir-black.css sunburst.css tomorrow-night-bright.css
qtcreator_dark.css 112 112 qtcreator_dark.css
Demo live : https://highlightjs.org/static/demo/ --> 113 113 Demo live : https://highlightjs.org/static/demo/ -->
<link rel="stylesheet" 114 114 <link rel="stylesheet"
href="[% resource('common/hljs/styles/sunburst.css') %]" > 115 115 href="[% resource('common/hljs/styles/sunburst.css') %]" >
116 116
<!-- hljs --> 117 117 <!-- hljs -->
<script src="[% resource('common/hljs/highlight.pack.js') %]"></script> 118 118 <script src="[% resource('common/hljs/highlight.pack.js') %]"></script>
119 119
<script> 120 120 <script>
function openNav() { 121 121 function openNav() {
if (document.getElementById("mySidenav").getAttribute("class").split(' ')[1] == "menuClosed") { 122 122 if (document.getElementById("mySidenav").getAttribute("class").split(' ')[1] == "menuClosed") {
document.getElementById("mySidenav").style.width = "300px"; 123 123 document.getElementById("mySidenav").style.width = "300px";
/*document.getElementById("main").style.marginLeft = "300px";*/ 124 124 /*document.getElementById("main").style.marginLeft = "300px";*/
document.getElementById("mySidenav").setAttribute("class","menu menuOpen"); 125 125 document.getElementById("mySidenav").setAttribute("class","menu menuOpen");
/* Scroll to top when opening menu */ 126 126 /* Scroll to top when opening menu */
document.body.scrollTop = 0 127 127 document.body.scrollTop = 0
document.documentElement.scrollTop = 0; 128 128 document.documentElement.scrollTop = 0;
} else { 129 129 } else {
document.getElementById("mySidenav").style.width = "0"; 130 130 document.getElementById("mySidenav").style.width = "0";
/*document.getElementById("main").style.marginLeft = "0";*/ 131 131 /*document.getElementById("main").style.marginLeft = "0";*/
document.getElementById("mySidenav").setAttribute("class","menu menuClosed"); 132 132 document.getElementById("mySidenav").setAttribute("class","menu menuClosed");
} 133 133 }
} 134 134 }
</script> 135 135 </script>
</head> 136 136 </head>
<body> 137 137 <body>
138 138
<!-- Header --> 139 139 <!-- Header -->
<div class='header'> 140 140 <div class='header'>
<table class='navigation' style="float:left"> 141 141 <table class='navigation' style="float:left">
<tr class='navigation'> 142 142 <tr class='navigation'>
<td class='navigation'> 143 143 <td class='navigation'>
<span style="font-size:30px;cursor:pointer;color: var(--main-header-color);" onclick="openNav()">&#9776;</span> 144 144 <span style="font-size:30px;cursor:pointer;color: var(--main-header-color);" onclick="openNav()">&#9776;</span>
</td> 145 145 </td>
<td class='navigation'> 146 146 <td class='navigation'>
[% IF navigation.prev %] 147 147 [% IF navigation.prev %]
<a href='[% uri(navigation.prev) %]'> 148 148 <a href='[% uri(navigation.prev) %]'>
<img src="[% resource('common/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> 149 149 <img src="[% resource('common/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
</a> 150 150 </a>
[% ELSE %] 151 151 [% ELSE %]
<img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> 152 152 <img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
[% END %] 153 153 [% END %]
</td> 154 154 </td>
<td class='navigation'> 155 155 <td class='navigation'>
[% IF links.get("index") %] 156 156 [% IF links.get("index") %]
<a href='[% uri(links.get("index")) %]'> 157 157 <a href='[% uri(links.get("index")) %]'>
<img src="[% resource('common/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> 158 158 <img src="[% resource('common/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
</a> 159 159 </a>
[% ELSE %] 160 160 [% ELSE %]
<img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> 161 161 <img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
[% END %] 162 162 [% END %]
</td> 163 163 </td>
<td class='navigation'> 164 164 <td class='navigation'>
[% IF navigation.next %] 165 165 [% IF navigation.next %]
<a href='[% uri(navigation.next) %]'> 166 166 <a href='[% uri(navigation.next) %]'>
<img src="[% resource('common/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> 167 167 <img src="[% resource('common/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
</a> 168 168 </a>
[% ELSE %] 169 169 [% ELSE %]
<img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> 170 170 <img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
[% END %] 171 171 [% END %]
</td> 172 172 </td>
</tr> 173 173 </tr>
</table> 174 174 </table>
175 175
<span> 176 176 <span>
[% FOR page IN pages %] 177 177 [% FOR page IN pages %]
<a name='[% anchor(page) %]'></a> 178 178 <a name='[% anchor(page) %]'></a>
<h1 style="display:inline-block;margin-left:20px;margin-top:5px;"> 179 179 <h1 style="display:inline-block;margin-left:20px;margin-top:5px;">
[% page.title %]</h1> 180 180 [% page.title %]</h1>
[% END %] 181 181 [% END %]
</span> 182 182 </span>
183 183
<table class='navigation' style="float:right;margin-right:10px;"> 184 184 <table class='navigation' style="float:right;margin-right:10px;">
<tr class='navigation'> 185 185 <tr class='navigation'>
<td class='navigation'> 186 186 <td class='navigation'>
[% FOR page IN pages %] 187 187 [% FOR page IN pages %]
[% FOR link IN page.backlinks %] 188 188 [% FOR link IN page.backlinks %]
[% IF loop.first %]<a href="#backlinks"> 189 189 [% IF loop.first %]<a href="#backlinks">
<img src='[% resource("common/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'> 190 190 <img src='[% resource("common/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'>
</a>[% END %] 191 191 </a>[% END %]
[% END %] 192 192 [% END %]
[% END %] 193 193 [% END %]
</td> 194 194 </td>
<td class='navigation'> 195 195 <td class='navigation'>
[% FOR page IN pages %] 196 196 [% FOR page IN pages %]
[% FOR file IN page.attachments %] 197 197 [% FOR file IN page.attachments %]
[% IF loop.first %]<a href="#attach"> 198 198 [% IF loop.first %]<a href="#attach">
<img src='[% resource("common/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'> 199 199 <img src='[% resource("common/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'>
</a>[% END %] 200 200 </a>[% END %]
[% END %] 201 201 [% END %]
[% END %] 202 202 [% END %]
</td> 203 203 </td>
</tr> 204 204 </tr>
</table> 205 205 </table>
</div> 206 206 </div>
207 207
<div class="intercalaire"> 208 208 <div class="intercalaire">
<hr /> 209 209 <hr />
</div> 210 210 </div>
211 211
<div id="mySidenav" class="menu menuClosed"> 212 212 <div id="mySidenav" class="menu menuClosed">
[% index() %] 213 213 [% index() %]
</div> 214 214 </div>
215 215
[% options.empty_lines = "default" %] 216 216 [% options.empty_lines = "default" %]
217 217
<!-- Wiki content --> 218 218 <!-- Wiki content -->
219 219
<div id="main" class='pages'> 220 220 <div id="main" class='pages'>
<!--[% FOR page IN pages %]--> 221 221 <!--[% FOR page IN pages %]-->
<!-- 222 222 <!--
<div class='heading'> 223 223 <div class='heading'>
<h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1> 224 224 <h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1>
</div> 225 225 </div>
--> 226 226 -->
<div class='content'> 227 227 <div class='content'>
[% page.body %] 228 228 [% page.body %]
</div> 229 229 </div>
230 230
<br /> 231 231 <br />
232 232
<div style="padding-bottom:10px;"> 233 233 <div style="padding-bottom:10px;">
<hr /> 234 234 <hr />
</div> 235 235 </div>
236 236
templates/html/common/zim-variables.css
Diff comments   View file @ fbb8c93
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-background-color: #779988; /* Color of the background body */ 12 12 --main-body-background-color: #779988; /* 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 */
/* Underline really underlined */ 14 14 /* Underline really underlined */
--main-menu-u-decoration: underline; 15 15 --main-menu-u-decoration: underline;
--main-menu-u-background-color: white; 16 16 --main-menu-u-background-color: white;
/* Underline Stabilo Version */ 17 17 /* Underline Stabilo Version */
/*--main-menu-u-decoration: none; 18 18 /*--main-menu-u-decoration: none;
--main-menu-u-background-color: yellow;*/ 19 19 --main-menu-u-background-color: yellow;*/
20 --main-page-width: 63em; /* Page width */
20 21
21 22
/* Tables */ 22 23 /* Tables */
/* Table headers */ 23 24 /* Table headers */
--main-th-color: black; /* Table header text color */ 24 25 --main-th-color: black; /* Table header text color */
--main-th-background-color: #bbb; /* Table header background */ 25 26 --main-th-background-color: #bbb; /* Table header background */
/* Table Row and Data */ 26 27 /* Table Row and Data */
--main-tr-even-background-color: #f2f2f2; /* Even row background color */ 27 28 --main-tr-even-background-color: #f2f2f2; /* Even row background color */