Skip to content
Extraits de code Groupes Projets
Valider a36b90a3 rédigé par RealET's avatar RealET :kissing_cat:
Parcourir les fichiers

fix: meilleure présentation du mode en travaux.

parent 0542994e
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
Masquer les modifications d'espaces
En ligne Côte à côte
Affichage de
avec 350 ajouts et 315 suppressions
inclure/entravaux.html
+ 350
− 315
Voir le fichier @ a36b90a3
[[(#HTTP_HEADER{HTTP/1.1 503 Service Temporarily Unavailable})][(#HTTP_HEADER{Status: 503 Service Temporarily Unavailable})][(#HTTP_HEADER{Retry-After: 7200})](#CONFIG{soyezcreateurs_google/indexation,oui}|=={non}|oui)]<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" lang="#LANG" xml:lang="#LANG" dir="#LANG_DIR">
<head>
<meta http-equiv="content-type" content="text/html; charset=#CHARSET" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="noindex, nofollow" />
<title><:entravaux:en_travaux:> - [(#NOM_SITE_SPIP|textebrut)]</title>
<meta property="og:title" content="[(#ENV{title}|sinon{<:soyezcreateurs:sommaire:>})]" />
<meta property="og:type" content="article" />
<meta property="og:url" content="[(#SELF|url_absolue)]" />
<meta property="og:site_name" content="[(#NOM_SITE_SPIP|supprimer_tags|attribut_html)]" />
[<meta property="og:description" content="(#DESCRIPTIF_SITE_SPIP|supprimer_tags|attribut_html)" />]
<meta property="og:locale" content="[(#LANG|mb_strtolower)]_[(#LANG|mb_strtoupper)]" />
[(#SET{logoreseauxsociaux,[(#LOGO_RUBRIQUE_NORMAL|sinon{#CHEMIN{images/nature-2683474_1920.jpg}}|image_focus{600,600}|extraire_attribut{src}|url_absolue)]})]
[<meta property="og:image" content="(#GET{logoreseauxsociaux})" />]
[(#REM) Twitter card]
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="[(#SELF|url_absolue)]" />
<meta property="twitter:title" content="[(#NOM_SITE_SPIP|supprimer_tags|attribut_html)]" />
[<meta property="twitter:description" content="(#DESCRIPTIF_SITE_SPIP|supprimer_tags|attribut_html|couper{150})" />]
[<meta property="twitter:image" content="(#GET{logoreseauxsociaux})" />]
[<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|supprimer_tags|attribut_html)" />]
<meta name="generator" content="SPIP [(#SPIP_VERSION|supprimer_tags|attribut_html)]" />
<meta name="author" content="Jacques PYRAT https://www.pyrat.net/" />
<meta name="DC.title" content="[(#NOM_SITE_SPIP|supprimer_tags|attribut_html)]" />
<meta name="MSSmartTagsPreventParsing" content="TRUE" />
[(#REM) D'apres http://www.la-grange.net/w3c/html4.01/present/styles.html#default-style ]
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="shortcut icon" type="image/x-icon" href="#URL_SITE_SPIP/spip.php?page=favicon.ico" />
<!-- Vegas : http://vegas.jaysalvat.com/documentation/setup/ -->
<link rel="stylesheet" href="#CHEMIN{javascript/vegas.jaysalvat.com/vegas.min.css}">
[(#VAL{''}|f_jQuery )]
<script src="#CHEMIN{javascript/vegas.jaysalvat.com/vegas.min.js}"></script>
[(#PLUGIN{GIS}|oui|gis_insert_head_css)]
[(#PLUGIN{GIS}|oui|gis_insert_head)]
[(#PLUGIN{GISGEOM}|oui|gisgeom_insert_head_css)]
<style type="text/css">
/*<![CDATA[*/
/*
This was coded by João Sardinha
Visit me at http://johnsardine.com/
It has been tested in all modern browsers.
This coming soon page design has been created by the awesome Orman Clark,
you can download a PSD version of this at his website, PremiumPixels.
http://www.premiumpixels.com/freebies/coming-soon-splash-page-psd/
*/
/*
Im reseting this style for optimal view using Eric Meyer's CSS Reset - http://meyerweb.com/eric/tools/css/reset/
------------------------------------------------------------------ */
body, html { height: 100%; }html, body, div, span, applet, object, iframe,/*h1,2, h3, h4, h5, h6,*/ p, blockquote, pre,a, abbr, acronym, address,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body { line-height: 1; }ol, ul { list-style: none; }blockquote, q { quotes: none; }blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }:focus { outline: 0; }del { text-decoration: line-through; }table {border-spacing: 0; }
/* Clear Floated Elements http://sonspring.com/journal/clearing-floats */
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
/*------------------------------------------------------------------ */
/* Page Style */
html { height: auto; }
body{
color: #e9e2ee;
font-size: 14px;
font-family: sans-serif;
line-height: 20px;
text-shadow: 0 1px 1px rgba(0,0,0,0.75);
background: #55575c;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */}
a,
a:link,
a:visited {
color: #c6eaf7;
font-weight: bold;
text-decoration:none;
}
a:active,
a:hover {
color: #d8f3fd;
text-shadow: 0 1px 1px rgba(0,0,0,0.75), 0 0 5px rgba(198,234,247,0.4);
}
p{
margin-bottom: 0.3em;
}
ol.spip, ul.spip {
padding-left: .5em;
margin-bottom: 0.3em;
}
ul.spip li{
list-style: disc inside;
padding-left: 1em;
}
.center,
img.center {
text-align: center;
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
#icone_travaux { display: none; }
#coming-soon{
background: rgba(0,0,0,0.7);
-webkit-box-sizing : border-box;‌​
-moz-box-sizing : border-box;
box-sizing : border-box;
-webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 0 30px rgba(0,0,0,0.5);
box-shadow: inset 0 0 30px rgba(0,0,0,0.5);
display: block;
width: 80%;
margin: 2em auto;
padding: 1em 3em;
}
#coming-soon h1{
text-align: center;
font-size: 35px;
}
#coming-soon h2 { margin: 0 0 2em; 0 }
#coming-soon h2 img.logo { float: right; padding-left: 1em; padding-bottom: 1em; }
#coming-soon h2 sub { display: block; padding-left: 8px; margin-left: 2em; border-left: 1.2em solid #aaa; font-size: 50%; font-weight: normal; line-height:normal; font-size:.8em;}
#coming-soon p{
text-align: center;
}
#coming-soon img { max-width: 100%; height: auto; }
#bandeau_annonce, #bandeaucontact {
display: block;
margin: 2em 0 0 0;
}
#bandeaucontact {
clear: both;
}
#bandeau_annonce p { text-align: left; }
/*Submit Form*/
#subscribe {
display: block;
clear: both;
}
#subscribe h2 { margin: 0; }
#subscribe input{
display: block;
font-size: 1.5em;
font-weight: bold;
border: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0 10px;
height: 2em;
}
#subscribe input[type="text"],
#subscribe input[type="email"]{
color: #335;
margin: 0 4px 0 0;
width: 100%;
-webkit-box-sizing : border-box;‌​
-moz-box-sizing : border-box;
box-sizing : border-box;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
}
#subscribe input[type="submit"]{
margin:0;
margin-top: 1em;
display: inline-block;
color: #222;
text-shadow: 0 1px 0 rgba(255,255,255,0.4);
background: #b6d76f;
background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9dc954));
background: -moz-linear-gradient(top, #cae285, #9dc954);
-webkit-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
}
#subscribe input[type="submit"]:hover{
cursor: pointer;
-webkit-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
-moz-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
}
#subscribe input[type="submit"]:active{
cursor: pointer;
position: relative;
top: 1px;
text-shadow: 0 -1px 0 rgba(255,255,255,0.4);
background: #9dc954;
background: -webkit-gradient(linear, left top, left bottom, from(#9dc954), to(#cae285));
background: -moz-linear-gradient(top, #9dc954, #cae285);
-webkit-box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent;
-moz-box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent;
box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent;
}
#coming-soon p.boutons { text-align: right; }
#coming-soon .twitter:before{
content: '@';
padding-top: 2px;
padding-left: 24px;
background: url(twitter.png) no-repeat 0 0px;
}
#coming-soon .twitter{
padding-top: 5px;
}
#footerbas { text-align: right; }
.container {
position: absolute;
bottom: 2em;
right: 2em;
}
.vegas-overlay {
opacity: .2;
}
.vegas-timer-progress {
background: #fff;
}
@keyframes pulse {
0% {
transform: scale(.8);
}
50% {
transform: scale(1);
}
100% {
transform: scale(.8);
}
}
/*]]>*/
</style>
[<link rel="stylesheet" href="(#CHEMIN{en_travaux/style.css})">]
#INCLURE{fond=noisettes/googleanalytics}
</head>
<body>
<div id="coming-soon">
<h1><:info_travaux_titre:></h1>
<h2>[<img class="logo" src="(#LOGO_SITE_SPIP_NORMAL|extraire_attribut{src})" width="[(#LOGO_SITE_SPIP_NORMAL|largeur)]" height="[(#LOGO_SITE_SPIP_NORMAL|hauteur)]" alt="[(#NOM_SITE_SPIP|supprimer_tags|attribut_html)]" />]#NOM_SITE_SPIP[ <sub>(#SLOGAN_SITE_SPIP|ptobr)</sub>]</h2>
[<div id="bandeau_annonce">(#CONFIG{entravaux_message,<:entravaux:info_travaux_texte:>}|propre)</div>]
[(#PLUGIN{CLEVERMAIL}|oui)[<div id="subscribe"><h2><:soyezcreateurs:vous_souhaitez_etre_tenu_au_courant:></h2>(#FORMULAIRE_CLEVERMAIL{0,html})</div>]]
<!--<a href="http://twitter.com/#!/jpyrat" title="Visit pyrat.net on Twitter" class="twitter center">pyrat.net</a>-->
[<div id="bandeaucontact">(#VAL{}|sc_bandeau_contact)</div>]
<div id="footerbas">
<div id="copymentions"><abbr lang="en" title="Copyright">&copy;</abbr> [(#DATE|annee)][, (#NOM_SITE_SPIP*|sc_supprimer_slogan|propre|supprimer_tags)]</div>
<div id="w3cgohome" class="navstuff"><span class="#EDIT{meta-soyezcreateurs/realisation}"><:soyezcreateurs:copyright_realisation:>[(#CONFIG{soyezcreateurs/realisation,'<a href="https://www.pyrat.net/" title="Visiter le site du créateur de ce squelette">pyrat.net</a>'}|propre|ptobr)</span>] — <:soyezcreateurs:copyright_spip:></div>
</div>
<p class="retour">
\[ <a href="#URL_PAGE{login_sos,url=./}"><:lien_connecter:></a> \]&nbsp;&nbsp;
\[ <a href="#URL_PAGE{login_sos,url=ecrire/}"><:login_acces_prive:></a> \]
</p>
</div>
</body>
<script type="text/javascript">
$('body').vegas({
preload: true,
overlay: true,
transition: 'fade',
transitionDuration: 1000,
delay: 10000,
color: 'black',
animation: 'random',
shuffle: true,
loop: true,
slides: [
<BOUCLE_FonddePage(MOTS){type=_FondPage}{par hasard}{","}>[
{ src: '(#LOGO_MOT_NORMAL|extraire_attribut{src})' }][(#REM)
S'il n'y a qu'une image, on met l'image une 2e fois pour l'effet de kernburn soit appliqué en boucle
][(#TOTAL_BOUCLE|=={1}|oui), [{ src: '(#LOGO_MOT_NORMAL|extraire_attribut{src})' }]
]</BOUCLE_FonddePage>
{ src: '#CHEMIN{en_travaux/fond.jpg}' },
[(#REM) On met l'image une 2e fois pour l'effet de kernburn soit appliqué en boucle ]
{ src: '#CHEMIN{en_travaux/fond.jpg}' }
<//B_FonddePage>
]
});
</script>
</html>
#FILTRE{mini_html}
\ No newline at end of file
[[(#HTTP_HEADER{HTTP/1.1 503 Service Temporarily Unavailable})][(#HTTP_HEADER{Status: 503 Service Temporarily Unavailable})][(#HTTP_HEADER{Retry-After: 7200})](#CONFIG{soyezcreateurs_google/indexation,oui}|=={non}|oui)]<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" lang="#LANG" xml:lang="#LANG" dir="#LANG_DIR">
<head>
<meta http-equiv="content-type" content="text/html; charset=#CHARSET" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="noindex, nofollow" />
<title><:entravaux:en_travaux:> - [(#NOM_SITE_SPIP|textebrut)]</title>
<meta property="og:title" content="[(#ENV{title}|sinon{<:soyezcreateurs:sommaire:>})]" />
<meta property="og:type" content="article" />
<meta property="og:url" content="[(#SELF|url_absolue)]" />
<meta property="og:site_name" content="[(#NOM_SITE_SPIP|supprimer_tags|attribut_html)]" />
[<meta property="og:description" content="(#DESCRIPTIF_SITE_SPIP|supprimer_tags|attribut_html)" />]
<meta property="og:locale" content="[(#LANG|mb_strtolower)]_[(#LANG|mb_strtoupper)]" />
[(#SET{logoreseauxsociaux,[(#LOGO_RUBRIQUE_NORMAL|sinon{#CHEMIN{images/nature-2683474_1920.jpg}}|image_focus{600,600}|extraire_attribut{src}|url_absolue)]})]
[<meta property="og:image" content="(#GET{logoreseauxsociaux})" />]
[(#REM) Twitter card]
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="[(#SELF|url_absolue)]" />
<meta property="twitter:title" content="[(#NOM_SITE_SPIP|supprimer_tags|attribut_html)]" />
[<meta property="twitter:description" content="(#DESCRIPTIF_SITE_SPIP|supprimer_tags|attribut_html|couper{150})" />]
[<meta property="twitter:image" content="(#GET{logoreseauxsociaux})" />]
[<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|supprimer_tags|attribut_html)" />]
<meta name="generator" content="SPIP [(#SPIP_VERSION|supprimer_tags|attribut_html)]" />
<meta name="author" content="Jacques PYRAT https://www.pyrat.net/" />
<meta name="DC.title" content="[(#NOM_SITE_SPIP|supprimer_tags|attribut_html)]" />
<meta name="MSSmartTagsPreventParsing" content="TRUE" />
[(#REM) D'apres http://www.la-grange.net/w3c/html4.01/present/styles.html#default-style ]
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="shortcut icon" type="image/x-icon" href="#URL_SITE_SPIP/spip.php?page=favicon.ico" />
<!-- Vegas : http://vegas.jaysalvat.com/documentation/setup/ -->
<link rel="stylesheet" href="#CHEMIN{javascript/vegas.jaysalvat.com/vegas.min.css}">
[(#VAL{''}|f_jQuery )]
<script src="#CHEMIN{javascript/vegas.jaysalvat.com/vegas.min.js}"></script>
[(#PLUGIN{GIS}|oui|gis_insert_head_css)]
[(#PLUGIN{GIS}|oui|gis_insert_head)]
[(#PLUGIN{GISGEOM}|oui|gisgeom_insert_head_css)]
<style type="text/css">
/*<![CDATA[*/
/*
This was coded by João Sardinha
Visit me at http://johnsardine.com/
It has been tested in all modern browsers.
This coming soon page design has been created by the awesome Orman Clark,
you can download a PSD version of this at his website, PremiumPixels.
http://www.premiumpixels.com/freebies/coming-soon-splash-page-psd/
*/
/*
Im reseting this style for optimal view using Eric Meyer's CSS Reset - http://meyerweb.com/eric/tools/css/reset/
------------------------------------------------------------------ */
body, html { height: 100%; }html, body, div, span, applet, object, iframe,/*h1,2, h3, h4, h5, h6,*/ p, blockquote, pre,a, abbr, acronym, address,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body { line-height: 1; }ol, ul { list-style: none; }blockquote, q { quotes: none; }blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }:focus { outline: 0; }del { text-decoration: line-through; }table {border-spacing: 0; }
/* Clear Floated Elements http://sonspring.com/journal/clearing-floats */
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
/*------------------------------------------------------------------ */
/* Page Style */
html { height: auto; }
body{
color: #e9e2ee;
font-size: 14px;
font-family: sans-serif;
line-height: 20px;
text-shadow: 0 1px 1px rgba(0,0,0,0.75);
background: #55575c;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */}
a,
a:link,
a:visited {
color: #c6eaf7;
font-weight: bold;
text-decoration:none;
}
a:active,
a:hover {
color: #d8f3fd;
text-shadow: 0 1px 1px rgba(0,0,0,0.75), 0 0 5px rgba(198,234,247,0.4);
}
p{
margin-bottom: 0.3em;
}
ol.spip, ul.spip {
padding-left: .5em;
margin-bottom: 0.3em;
}
ul.spip li{
list-style: disc inside;
padding-left: 1em;
}
.center,
img.center {
text-align: center;
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
#icone_travaux { display: none; }
#coming-soon{
background: rgba(0,0,0,0.7);
-webkit-box-sizing : border-box;‌​
-moz-box-sizing : border-box;
box-sizing : border-box;
-webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 0 30px rgba(0,0,0,0.5);
box-shadow: inset 0 0 30px rgba(0,0,0,0.5);
display: block;
width: 80%;
margin: 2em auto;
padding: 1em 3em;
}
#coming-soon h1{
text-align: center;
font-size: 35px;
}
#coming-soon h2 { margin: 0 0 2em; 0 }
#coming-soon h2 img.logo { float: right; padding-left: 1em; padding-bottom: 1em; }
#coming-soon h2 sub { display: block; padding-left: 8px; margin-left: 2em; border-left: 1.2em solid #aaa; font-size: 50%; font-weight: normal; line-height:normal; font-size:.8em;}
#coming-soon p{
text-align: center;
}
#coming-soon img { max-width: 100%; height: auto; }
#bandeau_annonce, #bandeaucontact {
display: block;
margin: 2em 0 0 0;
}
#bandeaucontact {
clear: both;
}
#bandeau_annonce p { text-align: left; }
/*Submit Form*/
#subscribe {
display: block;
clear: both;
}
#subscribe h2 { margin: 0; }
#subscribe input{
display: block;
font-size: 1.5em;
font-weight: bold;
border: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0 10px;
height: 2em;
}
#subscribe input[type="text"],
#subscribe input[type="email"]{
color: #335;
margin: 0 4px 0 0;
width: 100%;
-webkit-box-sizing : border-box;‌​
-moz-box-sizing : border-box;
box-sizing : border-box;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
}
#subscribe input[type="submit"]{
margin:0;
margin-top: 1em;
display: inline-block;
color: #222;
text-shadow: 0 1px 0 rgba(255,255,255,0.4);
background: #b6d76f;
background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9dc954));
background: -moz-linear-gradient(top, #cae285, #9dc954);
-webkit-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
}
#subscribe input[type="submit"]:hover{
cursor: pointer;
-webkit-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
-moz-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
}
#subscribe input[type="submit"]:active{
cursor: pointer;
position: relative;
top: 1px;
text-shadow: 0 -1px 0 rgba(255,255,255,0.4);
background: #9dc954;
background: -webkit-gradient(linear, left top, left bottom, from(#9dc954), to(#cae285));
background: -moz-linear-gradient(top, #9dc954, #cae285);
-webkit-box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent;
-moz-box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent;
box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent;
}
#coming-soon p.boutons { text-align: right; }
#coming-soon .twitter:before{
content: '@';
padding-top: 2px;
padding-left: 24px;
background: url(twitter.png) no-repeat 0 0px;
}
#coming-soon .twitter{
padding-top: 5px;
}
#footerbas { text-align: right; }
.container {
position: absolute;
bottom: 2em;
right: 2em;
}
.vegas-overlay {
opacity: .2;
}
.vegas-timer-progress {
background: #fff;
}
@keyframes pulse {
0% {
transform: scale(.8);
}
50% {
transform: scale(1);
}
100% {
transform: scale(.8);
}
}
.svg-icon {
display: inline-block;
width: 1em;
height: 1em;
padding-right: 1em;
fill: currentColor;
}
#carte {
margin: 2em 0;
}
#carte iframe {
width: 100%;
}
.flexbox-flex {
display: flex;
align-items: center;
justify-content: center;
}
#coordonnees {
padding: 1em;
color: #FFF;
text-align: center;
}
#coordonnees div, #coordonnees p {
text-align: center;
font-size: 1.2em;
margin: 0;
}
#coordonnees div p {
text-align: left;
font-size: 1em;
}
#coordonnees p a {
font-size: inherit;
}
/*]]>*/
</style>
[<link rel="stylesheet" href="(#CHEMIN{en_travaux/style.css})">]
#INCLURE{fond=noisettes/googleanalytics}
</head>
<body>
#INCLURE{fond=images/icones/picto-soyezcreateurs-defs.svg}
<div id="coming-soon">
<h1><:info_travaux_titre:></h1>
<h2>[<img class="logo" src="(#LOGO_SITE_SPIP_NORMAL|image_reduire{0,200}|extraire_attribut{src})" width="[(#LOGO_SITE_SPIP_NORMAL|image_reduire{0,200}|largeur)]" height="[(#LOGO_SITE_SPIP_NORMAL|image_reduire{0,200}|hauteur)]" alt="[(#NOM_SITE_SPIP|supprimer_tags|attribut_html)]" />]#NOM_SITE_SPIP[ <sub>(#SLOGAN_SITE_SPIP|ptobr)</sub>]</h2>
[<div id="bandeau_annonce">(#CONFIG{entravaux_message,<:entravaux:info_travaux_texte:>}|propre)</div>]
[(#PLUGIN{CLEVERMAIL}|oui)[<div id="subscribe"><h2><:soyezcreateurs:vous_souhaitez_etre_tenu_au_courant:></h2>(#FORMULAIRE_CLEVERMAIL{0,html})</div>]]
<!--<a href="http://twitter.com/#!/jpyrat" title="Visit pyrat.net on Twitter" class="twitter center">pyrat.net</a>-->
[<div id="bandeaucontact">(#VAL{}|sc_bandeau_contact)</div>]
<div id="footerbas">
<div id="copymentions"><abbr lang="en" title="Copyright">&copy;</abbr> [(#DATE|annee)][, (#NOM_SITE_SPIP*|sc_supprimer_slogan|propre|supprimer_tags)]</div>
<div id="w3cgohome" class="navstuff"><span class="#EDIT{meta-soyezcreateurs/realisation}"><:soyezcreateurs:copyright_realisation:>[(#CONFIG{soyezcreateurs/realisation,'<a href="https://www.pyrat.net/" title="Visiter le site du créateur de ce squelette">pyrat.net</a>'}|propre|ptobr)</span>] — <:soyezcreateurs:copyright_spip:></div>
</div>
<p class="retour">
\[ <a href="#URL_PAGE{login_sos,url=./}"><:lien_connecter:></a> \]&nbsp;&nbsp;
\[ <a href="#URL_PAGE{login_sos,url=ecrire/}"><:login_acces_prive:></a> \]
</p>
</div>
</body>
<script type="text/javascript">
$('body').vegas({
preload: true,
overlay: true,
transition: 'fade',
transitionDuration: 1000,
delay: 10000,
color: 'black',
animation: 'random',
shuffle: true,
loop: true,
slides: [
<BOUCLE_FonddePage(MOTS){type=_FondPage}{par hasard}{","}>[
{ src: '(#LOGO_MOT_NORMAL|extraire_attribut{src})' }][(#REM)
S'il n'y a qu'une image, on met l'image une 2e fois pour l'effet de kernburn soit appliqué en boucle
][(#TOTAL_BOUCLE|=={1}|oui), [{ src: '(#LOGO_MOT_NORMAL|extraire_attribut{src})' }]
]</BOUCLE_FonddePage>
{ src: '#CHEMIN{en_travaux/fond.jpg}' },
[(#REM) On met l'image une 2e fois pour l'effet de kernburn soit appliqué en boucle ]
{ src: '#CHEMIN{en_travaux/fond.jpg}' }
<//B_FonddePage>
]
});
</script>
</html>
#FILTRE{mini_html}
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Veuillez vous inscrire ou vous pour commenter

Forge communautaire SPIP | Charte d'utilisation | Signaler un problème sur ce site