mirror of
https://git.spip.net/spip-contrib-squelettes/archil
synced 2023-08-25 10:33:10 +02:00
Version 0.0.2 - page sommaire
This commit is contained in:
parent
76d501440c
commit
e15a08020e
10
css/links.css
Normal file
10
css/links.css
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
a {
|
||||||
|
border-bottom: 3px solid var(--couleurprincipal);
|
||||||
|
color: inherit;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
background-color: var(--couleursurvol);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
349
css/reset.css
Normal file
349
css/reset.css
Normal file
@ -0,0 +1,349 @@
|
|||||||
|
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
||||||
|
|
||||||
|
/* Document
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the line height in all browsers.
|
||||||
|
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||||
|
*/
|
||||||
|
|
||||||
|
html {
|
||||||
|
line-height: 1.15; /* 1 */
|
||||||
|
-webkit-text-size-adjust: 100%; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sections
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the margin in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Render the `main` element consistently in IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
main {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the font size and margin on `h1` elements within `section` and
|
||||||
|
* `article` contexts in Chrome, Firefox, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 2em;
|
||||||
|
margin: 0.67em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Grouping content
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Add the correct box sizing in Firefox.
|
||||||
|
* 2. Show the overflow in Edge and IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
hr {
|
||||||
|
box-sizing: content-box; /* 1 */
|
||||||
|
height: 0; /* 1 */
|
||||||
|
overflow: visible; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
pre {
|
||||||
|
font-family: monospace, monospace; /* 1 */
|
||||||
|
font-size: 1em; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Text-level semantics
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the gray background on active links in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
a {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Remove the bottom border in Chrome 57-
|
||||||
|
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
abbr[title] {
|
||||||
|
border-bottom: none; /* 1 */
|
||||||
|
text-decoration: underline; /* 2 */
|
||||||
|
text-decoration: underline dotted; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
b,
|
||||||
|
strong {
|
||||||
|
font-weight: bolder;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
code,
|
||||||
|
kbd,
|
||||||
|
samp {
|
||||||
|
font-family: monospace, monospace; /* 1 */
|
||||||
|
font-size: 1em; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct font size in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
small {
|
||||||
|
font-size: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||||
|
* all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
sub,
|
||||||
|
sup {
|
||||||
|
font-size: 75%;
|
||||||
|
line-height: 0;
|
||||||
|
position: relative;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
sub {
|
||||||
|
bottom: -0.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
sup {
|
||||||
|
top: -0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Embedded content
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the border on images inside links in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
img {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Forms
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Change the font styles in all browsers.
|
||||||
|
* 2. Remove the margin in Firefox and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
optgroup,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
font-family: inherit; /* 1 */
|
||||||
|
font-size: 100%; /* 1 */
|
||||||
|
line-height: 1.15; /* 1 */
|
||||||
|
margin: 0; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Show the overflow in IE.
|
||||||
|
* 1. Show the overflow in Edge.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input { /* 1 */
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||||
|
* 1. Remove the inheritance of text transform in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
select { /* 1 */
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the inability to style clickable types in iOS and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
[type="button"],
|
||||||
|
[type="reset"],
|
||||||
|
[type="submit"] {
|
||||||
|
-webkit-appearance: button;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inner border and padding in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button::-moz-focus-inner,
|
||||||
|
[type="button"]::-moz-focus-inner,
|
||||||
|
[type="reset"]::-moz-focus-inner,
|
||||||
|
[type="submit"]::-moz-focus-inner {
|
||||||
|
border-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Restore the focus styles unset by the previous rule.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button:-moz-focusring,
|
||||||
|
[type="button"]:-moz-focusring,
|
||||||
|
[type="reset"]:-moz-focusring,
|
||||||
|
[type="submit"]:-moz-focusring {
|
||||||
|
outline: 1px dotted ButtonText;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the padding in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
fieldset {
|
||||||
|
padding: 0.35em 0.75em 0.625em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the text wrapping in Edge and IE.
|
||||||
|
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||||
|
* 3. Remove the padding so developers are not caught out when they zero out
|
||||||
|
* `fieldset` elements in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
legend {
|
||||||
|
box-sizing: border-box; /* 1 */
|
||||||
|
color: inherit; /* 2 */
|
||||||
|
display: table; /* 1 */
|
||||||
|
max-width: 100%; /* 1 */
|
||||||
|
padding: 0; /* 3 */
|
||||||
|
white-space: normal; /* 1 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||||
|
*/
|
||||||
|
|
||||||
|
progress {
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the default vertical scrollbar in IE 10+.
|
||||||
|
*/
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Add the correct box sizing in IE 10.
|
||||||
|
* 2. Remove the padding in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="checkbox"],
|
||||||
|
[type="radio"] {
|
||||||
|
box-sizing: border-box; /* 1 */
|
||||||
|
padding: 0; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="number"]::-webkit-inner-spin-button,
|
||||||
|
[type="number"]::-webkit-outer-spin-button {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the odd appearance in Chrome and Safari.
|
||||||
|
* 2. Correct the outline style in Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="search"] {
|
||||||
|
-webkit-appearance: textfield; /* 1 */
|
||||||
|
outline-offset: -2px; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inner padding in Chrome and Safari on macOS.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="search"]::-webkit-search-decoration {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||||
|
* 2. Change font properties to `inherit` in Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
::-webkit-file-upload-button {
|
||||||
|
-webkit-appearance: button; /* 1 */
|
||||||
|
font: inherit; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Interactive
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
details {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Add the correct display in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
summary {
|
||||||
|
display: list-item;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Misc
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 10+.
|
||||||
|
*/
|
||||||
|
|
||||||
|
template {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[hidden] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
157
css/theme.css
Normal file
157
css/theme.css
Normal file
@ -0,0 +1,157 @@
|
|||||||
|
body {
|
||||||
|
display: block;
|
||||||
|
margin: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content{
|
||||||
|
margin-bottom: 8px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
max-width: 800px;
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .bandeau {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin: 1em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header .site-description {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav li {
|
||||||
|
display:inline-block;
|
||||||
|
margin:0 0.2em 0.4em 0;
|
||||||
|
}
|
||||||
|
nav ul {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav .pagination {
|
||||||
|
margin-top: 10em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.postes {
|
||||||
|
font-family: var(--policetitre);
|
||||||
|
}
|
||||||
|
.postes li {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.postes ul {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .titre-site {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-description {
|
||||||
|
font-family: var(--policecorps);
|
||||||
|
}
|
||||||
|
|
||||||
|
ul .liste-item {
|
||||||
|
font-family: var(--policetitre);
|
||||||
|
}
|
||||||
|
|
||||||
|
.liste-item time {
|
||||||
|
margin-bottom: 0em;
|
||||||
|
font-family: var(--policetitre);
|
||||||
|
}
|
||||||
|
|
||||||
|
.liste-item p {
|
||||||
|
margin-bottom: 0em;
|
||||||
|
font-family: var(--policetitre);
|
||||||
|
}
|
||||||
|
|
||||||
|
nav li{
|
||||||
|
font-family: var(--policetitre);
|
||||||
|
}
|
||||||
|
/*Bouton de paginations*/
|
||||||
|
.pagination .pagination-items {
|
||||||
|
list-style: none;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.pagination .pagination-item {
|
||||||
|
margin: 0em;
|
||||||
|
flex-basis: 7.5%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;}
|
||||||
|
.pagination .pagination_precedent_suivant .pagination-item {
|
||||||
|
flex-basis: auto;
|
||||||
|
margin-top: 2em;
|
||||||
|
}
|
||||||
|
.pagination .pagination-item + .pagination-item {
|
||||||
|
margin-left: 0.5em
|
||||||
|
}
|
||||||
|
/*.pagination .pagination-item-label {
|
||||||
|
display:block;
|
||||||
|
flex-basis: 100%;
|
||||||
|
background: #f0f0f0;
|
||||||
|
text-decoration: none;
|
||||||
|
padding:.5em;
|
||||||
|
border-radius:.25em;
|
||||||
|
text-align: center;
|
||||||
|
}*/
|
||||||
|
/*.pagination .on .pagination-item-label,
|
||||||
|
.pagination a.pagination-item-label:hover,
|
||||||
|
.pagination a.pagination-item-label:focus,
|
||||||
|
.pagination a.pagination-item-label:active {
|
||||||
|
background: #c41558;
|
||||||
|
color: #fff;
|
||||||
|
}*/
|
||||||
|
/*.pagination .on .pagination-item-label {
|
||||||
|
font-weight: bold;
|
||||||
|
}*/
|
||||||
|
.pagination .pagination_precedent_suivant .disabled {
|
||||||
|
visibility: hidden
|
||||||
|
}
|
||||||
|
.pagination .pagination-item.disabled {}
|
||||||
|
.pagination .pagination-item.disabled .pagination-item-label {
|
||||||
|
color:#888;
|
||||||
|
font-weight: normal;}
|
||||||
|
/*
|
||||||
|
.menu_articles .pagination strong {
|
||||||
|
font-size:1em;
|
||||||
|
}*/
|
||||||
|
|
||||||
|
/*Pour tester*/
|
||||||
|
/* exemple d'habillage */
|
||||||
|
.sociaux{
|
||||||
|
padding-top: 0.5em;
|
||||||
|
}
|
||||||
|
.sociaux ul {margin:0;padding:0;list-style:none;}
|
||||||
|
.sociaux li {display:inline-block;margin:0 0.2em 0.4em 0;}
|
||||||
|
.sociaux a {text-decoration:none;}
|
||||||
|
.sociaux a:focus, .sociaux a:hover, .sociaux a:active {background-color:transparent;}
|
||||||
|
.sociaux a.spip_out::after, .sociaux a.external::after { content: none; }
|
||||||
|
.sociaux .name { position:absolute; clip:rect(0 0 0 0); clip-path:inset(50%); height:1px; margin:0; overflow:hidden; padding:0; width:1px; white-space:nowrap; }
|
||||||
|
.sociaux .socicon { display: block; font-size:1.4em;padding:.5em;border-radius:1em;color:#fff;background-color:#000; transition: background-color 0.2s;}
|
||||||
|
|
||||||
|
.sociaux .facebook .socicon {background-color:var(--couleurpolices);}
|
||||||
|
.sociaux .twitter .socicon {background-color:var(--couleurpolices);}
|
||||||
|
.sociaux .mastodon .socicon {background-color:var(--couleurpolices);}
|
||||||
|
.sociaux .instagram .socicon {background-color:var(--couleurpolices);}
|
||||||
|
.sociaux .googleplus .socicon {background-color:var(--couleurpolices);}
|
||||||
|
.sociaux .blogger .socicon {background-color:var(--couleurpolices);}
|
||||||
|
.sociaux .linkedin .socicon {background-color:var(--couleurpolices);}
|
||||||
|
.sociaux .youtube .socicon {background-color:var(--couleurpolices);}
|
||||||
|
.sociaux .pinterest .socicon {background-color:var(--couleurpolices);}
|
||||||
|
.sociaux .rss .socicon {background-color:var(--couleurpolices);}
|
||||||
|
.sociaux .mail .socicon {background-color:var(--couleurpolices);}
|
||||||
|
.sociaux .tripadvisor .socicon {background-color:var(--couleurpolices);}
|
||||||
|
.sociaux .vimeo .socicon {background-color:var(--couleurpolices);}
|
||||||
|
.sociaux .fickr .socicon {background-color:var(--couleurpolices);}
|
||||||
|
.sociaux .viber .socicon {background-color:var(--couleurpolices);}
|
||||||
|
.sociaux .whatsapp .socicon {background-color:var(--couleurpolices);}
|
||||||
|
.sociaux .skype .socicon {background-color:var(--couleurpolices);}
|
||||||
|
.sociaux .bandcamp .socicon {background-color:var(--couleurpolices);}
|
||||||
|
|
||||||
|
.sociaux .socicon:hover {background-color:var(--couleursurvol);} /* doit rester en dernier pour être pris en compte ! */
|
||||||
649
css/typo.css
Normal file
649
css/typo.css
Normal file
@ -0,0 +1,649 @@
|
|||||||
|
/*! Typographical base - Tiny Typo v2.5.5 2017 - MIT License - tinytypo.tetue.net */
|
||||||
|
/* ------------------------------------------------------------------------------ */
|
||||||
|
/* Sets up some sensible default typography */
|
||||||
|
html {
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 1.6em;
|
||||||
|
font-family: Roboto-Mono;
|
||||||
|
-ms-text-size-adjust: 100%;
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
color: var(--couleurpolices);
|
||||||
|
}
|
||||||
|
/* Cf.: http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/
|
||||||
|
et http://forum.alsacreations.com/topic-4-54377-1.html
|
||||||
|
[en] http://stackoverflow.com/questions/2703056/body-font-size-100-01-vs-body-font-size-100 */
|
||||||
|
|
||||||
|
/* Orientation iOS5 font-size fix */
|
||||||
|
@media (orientation: landscape) and (max-device-width: 640px) {
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* Fonts */
|
||||||
|
.font1 {
|
||||||
|
font-family: serif;
|
||||||
|
}
|
||||||
|
.font2 {
|
||||||
|
font-family: sans-serif;
|
||||||
|
}
|
||||||
|
.font3 {
|
||||||
|
font-family: monospace, monospace;
|
||||||
|
}
|
||||||
|
.font4 {
|
||||||
|
font-family: fantasy;
|
||||||
|
}
|
||||||
|
/* Headings */
|
||||||
|
h1,
|
||||||
|
.h1,
|
||||||
|
h2,
|
||||||
|
.h2,
|
||||||
|
h3,
|
||||||
|
.h3,
|
||||||
|
h4,
|
||||||
|
.h4,
|
||||||
|
h5,
|
||||||
|
.h5,
|
||||||
|
h6,
|
||||||
|
.h6 {
|
||||||
|
display: block;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
font-family: var(--policetitre);
|
||||||
|
font-size: 100%;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
h1,
|
||||||
|
.h1 {
|
||||||
|
font-size: 1.2em;
|
||||||
|
margin-top: 2em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1::before {
|
||||||
|
color: var(--couleurprincipal);
|
||||||
|
content: '# ';
|
||||||
|
}
|
||||||
|
h2,
|
||||||
|
.h2 {
|
||||||
|
font-size: 1.1em;
|
||||||
|
line-height: 1;
|
||||||
|
margin-top: 1.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2::before {
|
||||||
|
color: var(--couleurprincipal);
|
||||||
|
content: '## ';
|
||||||
|
}
|
||||||
|
|
||||||
|
h3,
|
||||||
|
.h3 {
|
||||||
|
font-size: 1em;
|
||||||
|
line-height: 1.2;
|
||||||
|
margin-top: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3::before {
|
||||||
|
color: var(--couleurprincipal);
|
||||||
|
content: '### ';
|
||||||
|
}
|
||||||
|
h4,
|
||||||
|
.h4 {
|
||||||
|
font-size: 1.1em;
|
||||||
|
line-height: 1.364;
|
||||||
|
margin-bottom: 1.364em;
|
||||||
|
}
|
||||||
|
h5,
|
||||||
|
.h5 {
|
||||||
|
font-size: 1em;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 1.5em;
|
||||||
|
}
|
||||||
|
h6,
|
||||||
|
.h6 {
|
||||||
|
font-size: 1em;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
h1 small,
|
||||||
|
.h1 small,
|
||||||
|
h2 small,
|
||||||
|
.h2 small,
|
||||||
|
h3 small,
|
||||||
|
.h3 small,
|
||||||
|
h4 small,
|
||||||
|
.h4 small,
|
||||||
|
h5 small,
|
||||||
|
.h5 small,
|
||||||
|
h6 small,
|
||||||
|
.h6 small {
|
||||||
|
font-size: 60%;
|
||||||
|
line-height: 0;
|
||||||
|
}
|
||||||
|
hr {
|
||||||
|
border: 0;
|
||||||
|
border-top: 3px dotted var(--couleurprincipal);
|
||||||
|
margin: 1em 0;
|
||||||
|
/*-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
height: 0;
|
||||||
|
overflow: visible;
|
||||||
|
margin: 1.5em 0;
|
||||||
|
border: solid;
|
||||||
|
border-width: 1px 0 0;*/
|
||||||
|
}
|
||||||
|
/* Typographical enhancements */
|
||||||
|
em,
|
||||||
|
i,
|
||||||
|
.i {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
strong,
|
||||||
|
b,
|
||||||
|
.b {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
mark,
|
||||||
|
.mark {
|
||||||
|
background: #ff0;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.smaller {
|
||||||
|
font-size: 75%;
|
||||||
|
}
|
||||||
|
small,
|
||||||
|
.small {
|
||||||
|
font-size: 80%;
|
||||||
|
}
|
||||||
|
big,
|
||||||
|
.big {
|
||||||
|
font-size: 130%;
|
||||||
|
}
|
||||||
|
.bigger {
|
||||||
|
font-size: 175%;
|
||||||
|
}
|
||||||
|
.biggest {
|
||||||
|
font-size: 200%;
|
||||||
|
}
|
||||||
|
abbr[title],
|
||||||
|
acronym[title] {
|
||||||
|
text-decoration: none;
|
||||||
|
border-bottom: .1em dotted;
|
||||||
|
cursor: help;
|
||||||
|
}
|
||||||
|
|
||||||
|
time {
|
||||||
|
color: grey;
|
||||||
|
}
|
||||||
|
@media print {
|
||||||
|
abbr[title] {
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
abbr[title]:after {
|
||||||
|
content: " (" attr(title) ")";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
dfn,
|
||||||
|
.dfn {
|
||||||
|
font-weight: bold;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
s,
|
||||||
|
strike,
|
||||||
|
del,
|
||||||
|
.del {
|
||||||
|
opacity: .5;
|
||||||
|
text-decoration: line-through;
|
||||||
|
}
|
||||||
|
ins,
|
||||||
|
.ins {
|
||||||
|
background-color: rgba(255, 255, 204, 0.5);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
u,
|
||||||
|
.u {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
sup,
|
||||||
|
.sup,
|
||||||
|
sub,
|
||||||
|
.sub {
|
||||||
|
position: relative;
|
||||||
|
font-size: 80%;
|
||||||
|
font-variant: normal;
|
||||||
|
line-height: 0;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
sup,
|
||||||
|
.sup {
|
||||||
|
top: -0.5em;
|
||||||
|
}
|
||||||
|
sub,
|
||||||
|
.sub {
|
||||||
|
bottom: -0.25em;
|
||||||
|
}
|
||||||
|
.lead {
|
||||||
|
font-size: 120%;
|
||||||
|
}
|
||||||
|
.quiet {
|
||||||
|
color: #555555;
|
||||||
|
}
|
||||||
|
.lw {
|
||||||
|
text-transform: lowercase;
|
||||||
|
}
|
||||||
|
.up {
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: .05em;
|
||||||
|
}
|
||||||
|
.sc {
|
||||||
|
text-transform: lowercase;
|
||||||
|
font-variant: small-caps;
|
||||||
|
letter-spacing: .05em;
|
||||||
|
}
|
||||||
|
.caps {
|
||||||
|
font-variant: small-caps;
|
||||||
|
letter-spacing: .05em;
|
||||||
|
}
|
||||||
|
/* Alignment */
|
||||||
|
.text-left {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.text-right {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.text-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.text-justify {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: newspaper;
|
||||||
|
}
|
||||||
|
/* Lists */
|
||||||
|
ul,
|
||||||
|
ol,
|
||||||
|
li,
|
||||||
|
dl,
|
||||||
|
dt,
|
||||||
|
dd {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
list-style-type: disc;
|
||||||
|
}
|
||||||
|
ul ul {
|
||||||
|
list-style-type: circle;
|
||||||
|
}
|
||||||
|
ul ul ul {
|
||||||
|
list-style-type: square;
|
||||||
|
}
|
||||||
|
ol {
|
||||||
|
list-style-type: decimal;
|
||||||
|
}
|
||||||
|
ol ol {
|
||||||
|
list-style-type: lower-alpha;
|
||||||
|
}
|
||||||
|
ol ol ol {
|
||||||
|
list-style-type: lower-greek;
|
||||||
|
}
|
||||||
|
ul ul,
|
||||||
|
ol ol,
|
||||||
|
ul ol,
|
||||||
|
ol ul {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
ol,
|
||||||
|
ul {
|
||||||
|
margin-left: 1.5em;
|
||||||
|
-webkit-margin-before: 0;
|
||||||
|
-webkit-margin-after: 0;
|
||||||
|
}
|
||||||
|
dt {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
dd {
|
||||||
|
margin-left: 1.5em;
|
||||||
|
}
|
||||||
|
/* Old - don't use this */
|
||||||
|
.list-none {
|
||||||
|
margin-left: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.list-none li:before {
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
.list-square {
|
||||||
|
margin-left: 1.5em;
|
||||||
|
list-style: square;
|
||||||
|
}
|
||||||
|
.list-square li:before {
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
.list-disc {
|
||||||
|
margin-left: 1.5em;
|
||||||
|
list-style: disc;
|
||||||
|
}
|
||||||
|
.list-disc li:before {
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
.list-circle {
|
||||||
|
margin-left: 1.5em;
|
||||||
|
list-style: circle;
|
||||||
|
}
|
||||||
|
.list-circle li:before {
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
.list-decimal {
|
||||||
|
margin-left: 1.5em;
|
||||||
|
list-style: decimal;
|
||||||
|
}
|
||||||
|
.list-decimal li:before {
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
.list-inline {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
.list-inline li {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0;
|
||||||
|
margin-right: 1em;
|
||||||
|
}
|
||||||
|
.list-inline li:Last-Child {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
.list-inline.list-inline-sep li {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
.list-inline.list-inline-sep li:after {
|
||||||
|
content: " | ";
|
||||||
|
}
|
||||||
|
.list-inline.list-inline-sep li:Last-Child:after {
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
.list-inline.list-inline-dash li {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
.list-inline.list-inline-dash li:after {
|
||||||
|
content: " - ";
|
||||||
|
}
|
||||||
|
.list-inline.list-inline-dash li:Last-Child:after {
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
.list-inline.list-inline-comma li {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
.list-inline.list-inline-comma li:after {
|
||||||
|
content: ", ";
|
||||||
|
}
|
||||||
|
.list-inline.list-inline-comma li:Last-Child:after {
|
||||||
|
content: ". ";
|
||||||
|
}
|
||||||
|
.list-block li {
|
||||||
|
display: block;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
/* Tables */
|
||||||
|
table {
|
||||||
|
max-width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
.table {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.table caption,
|
||||||
|
.table th,
|
||||||
|
.table td {
|
||||||
|
padding: 0.375em;
|
||||||
|
}
|
||||||
|
.table caption {
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: left;
|
||||||
|
border-bottom: 2px solid;
|
||||||
|
}
|
||||||
|
.table th {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.table th,
|
||||||
|
.table td {
|
||||||
|
border-bottom: 1px solid;
|
||||||
|
}
|
||||||
|
.table thead th {
|
||||||
|
vertical-align: bottom;
|
||||||
|
}
|
||||||
|
.table tbody tr:hover td {
|
||||||
|
background-color: rgba(34, 34, 34, 0.050000000000000044);
|
||||||
|
}
|
||||||
|
.table tfoot {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.table tfoot td {
|
||||||
|
border-bottom: 0;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
.scroll {
|
||||||
|
width: 100%;
|
||||||
|
overflow-y: hidden;
|
||||||
|
overflow-x: scroll;
|
||||||
|
margin-bottom: 1.5em;
|
||||||
|
}
|
||||||
|
.scroll table {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.scroll thead,
|
||||||
|
.scroll tbody,
|
||||||
|
.scroll tfoot,
|
||||||
|
.scroll tr,
|
||||||
|
.scroll th,
|
||||||
|
.scroll td {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* Quotes, code and poetry */
|
||||||
|
q {
|
||||||
|
quotes: "\201C" "\201D" "\2018" "\2019";
|
||||||
|
}
|
||||||
|
:lang(en) > q {
|
||||||
|
quotes: "\201C" "\201D" "\2018" "\2019";
|
||||||
|
}
|
||||||
|
:lang(fr) > q {
|
||||||
|
quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D" "\2018" "\2019";
|
||||||
|
}
|
||||||
|
:lang(es) > q {
|
||||||
|
quotes: "\00AB" "\00BB" "\201C" "\201D";
|
||||||
|
}
|
||||||
|
:lang(it) > q {
|
||||||
|
quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D";
|
||||||
|
}
|
||||||
|
:lang(de) > q {
|
||||||
|
quotes: "\00BB" "\00AB" "\203A" "\2039";
|
||||||
|
}
|
||||||
|
:lang(no) > q {
|
||||||
|
quotes: "\00AB\A0" "\A0\00BB" "\2039" "\203A";
|
||||||
|
}
|
||||||
|
/* [en] http://en.wikipedia.org/wiki/International_variation_in_quotation_marks */
|
||||||
|
q:before {
|
||||||
|
content: open-quote;
|
||||||
|
}
|
||||||
|
q:after {
|
||||||
|
content: close-quote;
|
||||||
|
}
|
||||||
|
/* [fr] http://www.iamvdo.me/blog/n-oubliez-pas-la-propriete-css-quotes */
|
||||||
|
blockquote {
|
||||||
|
z-index: 0;
|
||||||
|
position: relative;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
padding-left: 1.5em;
|
||||||
|
border: solid rgba(102, 102, 102, 0.19999999999999996);
|
||||||
|
border-width: 0 0 0 5px;
|
||||||
|
}
|
||||||
|
blockquote:before {
|
||||||
|
z-index: -1;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
content: "\00AB";
|
||||||
|
line-height: 0;
|
||||||
|
font-size: 10rem;
|
||||||
|
color: rgba(102, 102, 102, 0.09999999999999998);
|
||||||
|
}
|
||||||
|
blockquote p:last-of-type {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
blockquote footer,
|
||||||
|
blockquote .src {
|
||||||
|
display: block;
|
||||||
|
font-size: 80%;
|
||||||
|
}
|
||||||
|
blockquote footer:before,
|
||||||
|
blockquote .src:before {
|
||||||
|
content: "\2014 \00A0";
|
||||||
|
}
|
||||||
|
cite,
|
||||||
|
.cite {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
address {
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
/* pre and code */
|
||||||
|
pre,
|
||||||
|
code,
|
||||||
|
var,
|
||||||
|
samp,
|
||||||
|
kbd,
|
||||||
|
tt,
|
||||||
|
.tt {
|
||||||
|
font-family: monospace, monospace;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
pre {
|
||||||
|
-moz-tab-size: 4;
|
||||||
|
tab-size: 4;
|
||||||
|
overflow-x: auto;
|
||||||
|
}
|
||||||
|
@media print {
|
||||||
|
pre {
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
kbd {
|
||||||
|
white-space: nowrap;
|
||||||
|
padding: .1em .3em;
|
||||||
|
background-color: #eee;
|
||||||
|
border: 1px solid #aaa;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #ffffff inset;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
samp {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
var {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
/* Box */
|
||||||
|
.box {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 1.5em;
|
||||||
|
padding: 1.5em 1.5em;
|
||||||
|
padding-bottom: .1em;
|
||||||
|
border: 1px solid;
|
||||||
|
}
|
||||||
|
@media print {
|
||||||
|
.box {
|
||||||
|
border: 1px solid !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 640px) {
|
||||||
|
.box.right {
|
||||||
|
width: 33%;
|
||||||
|
margin-left: 1.5em;
|
||||||
|
}
|
||||||
|
.box.left {
|
||||||
|
width: 33%;
|
||||||
|
margin-right: 1.5em;
|
||||||
|
}
|
||||||
|
.box.center {
|
||||||
|
width: 75%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* Paragraphs */
|
||||||
|
p,
|
||||||
|
.p,
|
||||||
|
ul,
|
||||||
|
ol,
|
||||||
|
dl,
|
||||||
|
dd,
|
||||||
|
blockquote,
|
||||||
|
address,
|
||||||
|
pre,
|
||||||
|
.table,
|
||||||
|
fieldset {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 1.5em;
|
||||||
|
font-family: var(--policecorps);
|
||||||
|
}
|
||||||
|
/* Typography for small screens
|
||||||
|
[fr] http://www.alsacreations.com/astuce/lire/1177 */
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
/* Set a maximum width of 100% for potentially problematic elements */
|
||||||
|
img,
|
||||||
|
table,
|
||||||
|
td,
|
||||||
|
blockquote,
|
||||||
|
code,
|
||||||
|
pre,
|
||||||
|
textarea,
|
||||||
|
input,
|
||||||
|
iframe,
|
||||||
|
object,
|
||||||
|
embed,
|
||||||
|
video {
|
||||||
|
max-width: 100% !important;
|
||||||
|
}
|
||||||
|
/* long words */
|
||||||
|
textarea,
|
||||||
|
table,
|
||||||
|
td,
|
||||||
|
th,
|
||||||
|
code,
|
||||||
|
samp {
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* Print styles from HTML5 Boilerplate
|
||||||
|
Inlined to avoid required HTTP connection: h5bp.com/r */
|
||||||
|
@media print {
|
||||||
|
pre,
|
||||||
|
blockquote {
|
||||||
|
page-break-inside: avoid;
|
||||||
|
}
|
||||||
|
thead {
|
||||||
|
display: table-header-group;
|
||||||
|
}
|
||||||
|
tr,
|
||||||
|
img {
|
||||||
|
page-break-inside: avoid;
|
||||||
|
}
|
||||||
|
@page {
|
||||||
|
margin: 2cm .5cm;
|
||||||
|
}
|
||||||
|
p,
|
||||||
|
h2,
|
||||||
|
h3 {
|
||||||
|
orphans: 3;
|
||||||
|
widows: 3;
|
||||||
|
}
|
||||||
|
h2,
|
||||||
|
h3 {
|
||||||
|
page-break-after: avoid;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
10
css/variables.css
Normal file
10
css/variables.css
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
:root{
|
||||||
|
--couleurprincipal: red;
|
||||||
|
--couleurpolices: #232333;
|
||||||
|
--couleurautre:rebeccapurple;
|
||||||
|
--couleurautresombre:dodgerblue;
|
||||||
|
--couleursurvol:navy;
|
||||||
|
--couleurprincipalsombre: #50fa7b;
|
||||||
|
--policetitre: Roboto-Mono;
|
||||||
|
--policecorps: Fira-Sans;
|
||||||
|
}
|
||||||
10
inclure/footer.html
Normal file
10
inclure/footer.html
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
<hr>
|
||||||
|
<footer role="contentinfo">
|
||||||
|
<p>
|
||||||
|
<BOUCLE_annee(ARTICLES){par date}{0,1}>[(#DATE|annee|!={#VAL{Y}|date}|oui)[(#DATE|annee)]]</BOUCLE_annee> - </B_annee>[(#DATE|annee) ]#NOM_SITE_SPIP |
|
||||||
|
<a rel="contents" href="#URL_PAGE{plan}" class="first"><:plan_site:></a> |
|
||||||
|
<a rel="nofollow" href="#URL_PAGE{contact}"><:contact:></a> |
|
||||||
|
Propulsé par <a href="https://www.spip.net/" rel="generator" title="<:site_realise_avec_spip:>">SPIP</a>
|
||||||
|
</p>
|
||||||
|
</footer>
|
||||||
|
</div><!--Cloture class content ouvert dans header-->
|
||||||
42
inclure/head.html
Normal file
42
inclure/head.html
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
[(#REM)
|
||||||
|
Head standard de toutes les pages ;
|
||||||
|
les elements specifiques (title, description) figurent dans chaque squelette
|
||||||
|
|
||||||
|
]
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=#CHARSET" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
|
||||||
|
[(#REM) Lien vers le flux RSS du site ]
|
||||||
|
[<link rel="alternate" type="application/rss+xml" title="<:syndiquer_site:>" href="(#URL_PAGE{backend})" />]
|
||||||
|
[(#REM)
|
||||||
|
On appelle les feuilles de style
|
||||||
|
dans l'ordre de la methode daisy http://daisy.tetue.net/img/daisy-nomenclature.png
|
||||||
|
|
||||||
|
1. Base CSS http://tinytypo.tetue.net/ ]
|
||||||
|
[<link rel="stylesheet" href="(#CHEMIN{css/reset.css}|direction_css|timestamp)" type="text/css" />]
|
||||||
|
[<link rel="stylesheet" href="(#CHEMIN{css/clear.css}|direction_css|timestamp)" type="text/css" />]
|
||||||
|
[<link rel="stylesheet" href="(#CHEMIN{css/variables.css}|direction_css|timestamp)" type="text/css" />]
|
||||||
|
[<link rel="stylesheet" href="(#CHEMIN{css/font.css}|direction_css|timestamp)" type="text/css" />]
|
||||||
|
[<link rel="stylesheet" href="(#CHEMIN{css/links.css}|direction_css|timestamp)" type="text/css" />]
|
||||||
|
[<link rel="stylesheet" href="(#CHEMIN{css/typo.css}|direction_css|timestamp)" type="text/css" />]
|
||||||
|
[<link rel="stylesheet" href="(#CHEMIN{css/theme.css}|direction_css|timestamp)" type="text/css" />]
|
||||||
|
|
||||||
|
[(#REM)
|
||||||
|
Balise permettant aux plugins d'inserer des appels javascript ;
|
||||||
|
4. C'est ici que SPIP va inserer l'appel de la librairie jQuery
|
||||||
|
5. Et appeler a la fin compacte_head pour agreger et compacter tout le head dans des fichiers statiques si l'option est cochee dans Configuration
|
||||||
|
]
|
||||||
|
#INSERT_HEAD
|
||||||
|
|
||||||
|
[(#REM) 6. Vos scripts ]
|
||||||
|
[<script src="(#CHEMIN{js/script.js}|timestamp)" type="text/javascript"></script>]
|
||||||
|
|
||||||
|
[(#REM) Fierement fabrique avec SPIP ]
|
||||||
|
[<meta name="generator" content="SPIP (#SPIP_VERSION|header_silencieux)" />]
|
||||||
|
|
||||||
|
[(#REM) Favicon ]
|
||||||
|
[<link rel="icon" type="image/x-icon" href="(#CHEMIN{favicon.ico})" />
|
||||||
|
[<link rel="shortcut icon" type="image/x-icon" href="(#CHEMIN{favicon.ico})" />]]
|
||||||
|
|
||||||
|
[(#REM) meta robots ]
|
||||||
|
[<meta name="robots" content="(#ENV{robots})" />]
|
||||||
15
inclure/header.html
Normal file
15
inclure/header.html
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
<div class="content"><!--Div ouvert dans header.html et fermé dans footer.html-->
|
||||||
|
<header role="banner">
|
||||||
|
<div class="bandeau">
|
||||||
|
<a class="titre-site" rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>">#NOM_SITE_SPIP</a>
|
||||||
|
|
||||||
|
<INCLURE{fond=inclure/sociaux}>
|
||||||
|
</div>
|
||||||
|
<div class="site-description">
|
||||||
|
<p>#SLOGAN_SITE_SPIP</p>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<INCLURE{fond=inclure/nav}>
|
||||||
9
inclure/nav.html
Normal file
9
inclure/nav.html
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
<B_nav>
|
||||||
|
<nav id="nav" role="navigation">
|
||||||
|
<ul>
|
||||||
|
<BOUCLE_nav(RUBRIQUES) {racine} {par num titre, titre}>
|
||||||
|
<li><a href="#URL_RUBRIQUE">#TITRE</a></li>
|
||||||
|
</BOUCLE_nav>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</B_nav>
|
||||||
15
inclure/recents.html
Normal file
15
inclure/recents.html
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
<B_articles>
|
||||||
|
<div class="postes">
|
||||||
|
#ANCRE_PAGINATION
|
||||||
|
<ul>
|
||||||
|
<BOUCLE_articles(ARTICLES) {!par date} {pagination}>
|
||||||
|
<section class="liste-item">
|
||||||
|
<h1><strong></strong><a href="#URL_ARTICLE" rel="bookmark">#TITRE</a></strong></h1>
|
||||||
|
<time [ title="(#DATE|date_iso)"]>[(#DATE|affdate_jourcourt)]</time>
|
||||||
|
[(#DESCRIPTIF)]<a href="#URL_ARTICLE"><:archil:lire_la_suite:></a>
|
||||||
|
</section>
|
||||||
|
</BOUCLE_articles>
|
||||||
|
</ul>
|
||||||
|
[<nav role="navigation" class="pagination">(#PAGINATION{precedent_suivant})</nav>]
|
||||||
|
</div><!--#articles_recents-->
|
||||||
|
</B_articles>
|
||||||
@ -1,11 +1,10 @@
|
|||||||
<paquet
|
<paquet
|
||||||
prefix="archil"
|
prefix="archil"
|
||||||
categorie="squelette"
|
categorie="squelette"
|
||||||
version="0.0.1"
|
version="0.0.2"
|
||||||
schema="0.1.4"
|
|
||||||
etat="dev"
|
etat="dev"
|
||||||
compatibilite="[4.0.0;4.2.*]"
|
compatibilite="[4.0.0;4.2.*]"
|
||||||
logo="prive/themes/spip/images/archil-128.png"
|
logo="images/archil-128.png"
|
||||||
documentation="https://contrib.spip.net/Squelette-Archil"
|
documentation="https://contrib.spip.net/Squelette-Archil"
|
||||||
>
|
>
|
||||||
<nom>Archil</nom>
|
<nom>Archil</nom>
|
||||||
|
|||||||
26
sommaire.html
Normal file
26
sommaire.html
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<script type='text/javascript'>/*<![CDATA[*/(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);/*]]>*/</script>
|
||||||
|
<title>[(#NOM_SITE_SPIP|textebrut)][ - (#SLOGAN_SITE_SPIP|textebrut)]</title>
|
||||||
|
[<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|couper{150}|attribut_html)" />]
|
||||||
|
<INCLURE{fond=inclure/head} />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div><!--page-->
|
||||||
|
|
||||||
|
<INCLURE{fond=inclure/header,home=oui} />
|
||||||
|
|
||||||
|
<main role="main">
|
||||||
|
<div class="content" id="content">
|
||||||
|
[<div class="chapo">(#DESCRIPTIF_SITE_SPIP)</div>]
|
||||||
|
<INCLURE{fond=inclure/recents,env,ajax} />
|
||||||
|
</div><!--.content-->
|
||||||
|
</main><!--.main-->
|
||||||
|
|
||||||
|
<INCLURE{fond=inclure/footer,self=#SELF} />
|
||||||
|
|
||||||
|
</div><!--.page-->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user