mirror of
https://git.spip.net/spip-contrib-squelettes/archil.git
synced 2024-01-27 16:36:00 +01: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
|
||||
prefix="archil"
|
||||
categorie="squelette"
|
||||
version="0.0.1"
|
||||
schema="0.1.4"
|
||||
version="0.0.2"
|
||||
etat="dev"
|
||||
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"
|
||||
>
|
||||
<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