Skip to content
Extraits de code Groupes Projets
Valider 001633d4 rédigé par tetue's avatar tetue
Parcourir les fichiers

Menu menage dans minipres.css

parent ebe10ca9
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
prive/formulaires/login.html
+ 9
− 11
Voir le fichier @ 001633d4
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
[<p class='reponse_formulaire reponse_formulaire_erreur'>(#ENV**{message_erreur})</p>] [<p class='reponse_formulaire reponse_formulaire_erreur'>(#ENV**{message_erreur})</p>]
[(#ENV{echec_cookie}) [(#ENV{echec_cookie})
<fieldset class='formulaire_erreur'> <fieldset class='reponse_formulaire reponse_formulaire_erreur'>
<h2><:avis_erreur_cookie:></h2> <h2><:avis_erreur_cookie:></h2>
<p class="erreur_message"><:login_cookie_oblige:><br /><:login_cookie_accepte:></p> <p class="erreur_message"><:login_cookie_oblige:><br /><:login_cookie_accepte:></p>
</fieldset>] </fieldset>]
...@@ -23,23 +23,23 @@ ...@@ -23,23 +23,23 @@
<ul> <ul>
<li class="editer_login obligatoire"> <li class="editer_login obligatoire">
<label for="var_login"><:login_login2:></label> <label for="var_login"><:login_login2:></label>
<input class='text forml' type='text' name='var_login' id='var_login' value="[(#ENV**{var_login})]" size='40' /> <input type='text' class='text' name='var_login' id='var_login' value="[(#ENV**{var_login})]" size='40' />
[<span class="erreur_message">(#ENV**{erreurs}|table_valeur{var_login})</span>] [<span class="erreur_message">(#ENV**{erreurs}|table_valeur{var_login})</span>]
</li> </li>
<li class="editer_password obligatoire"> <li class="editer_password obligatoire">
<label for="password"><:login_pass2:></label> <label for="password"><:login_pass2:></label>
<input class='password' type='password' name='password' id='password' value="" size='40' /> <input type='password' class='password' name='password' id='password' value="" size='40' />
[<span class="erreur_message">(#ENV**{erreurs}|table_valeur{password})</span>] [<span class="erreur_message">(#ENV**{erreurs}|table_valeur{password})</span>]
<span class='details'>&#91;<a href="#URL_PAGE{spip_pass}" target="spip_pass" onclick="javascript:window.open(this.href, 'spip_pass', 'scrollbars=yes, resizable=yes, width=480, height=330'); return false;"><:login_motpasseoublie:></a>&#93;</span> <span class='details'>&#91;<a href="#URL_PAGE{spip_pass}" target="spip_pass" onclick="javascript:window.open(this.href, 'spip_pass', 'scrollbars=yes, resizable=yes, width=480, height=330'); return false;"><:login_motpasseoublie:></a>&#93;</span>
</li> </li>
[(#ENV{rester_connecte}) [(#ENV{rester_connecte})
<li class="editer_session"> <li class="editer_session">
<input class='checkbox' type="checkbox" name="session_remember" id="session_remember" value="oui" [(#ENV**{cnx}|?{' '})checked="checked"] onchange="jQuery(this).addClass('modifie');" /> <input type="checkbox" class="checkbox" name="session_remember" id="session_remember" value="oui" [(#ENV**{cnx}|?{' '})checked="checked"] onchange="jQuery(this).addClass('modifie');" />
<label class='nofx' for="session_remember"><:login_rester_identifie:></label> <label class='nofx' for="session_remember"><:login_rester_identifie:></label>
</li>] </li>]
</ul> </ul>
</fieldset> </fieldset>
<p class="boutons"><input type="submit" value="<:bouton_valider:>" /></p> <p class="boutons"><input type="submit" class="submit" value="<:bouton_valider:>" /></p>
</form> </form>
] ]
[(#REM) en cas d'absence de cookie, on represente le formulaire alternatif ] [(#REM) en cas d'absence de cookie, on represente le formulaire alternatif ]
...@@ -48,12 +48,10 @@ ...@@ -48,12 +48,10 @@
] ]
<fieldset> <fieldset>
<legend><:login_sans_cookiie:></legend> <legend><:login_sans_cookiie:></legend>
<div> <:login_preferez_refuser:>
<:login_preferez_refuser:> <input type="hidden" name="essai_auth_http" value="oui"/>
<input type="hidden" name="essai_auth_http" value="oui"/> [<input type="hidden" name="url" value="(#ENV{url})"/>]
[<input type="hidden" name="url" value="(#ENV{url})"/>] <p class="boutons"><input type="submit" class="submit" value="<:login_sans_cookiie:>"/></p>
<p class="boutons"><input type="submit" value="<:login_sans_cookiie:>"/></p>
</div>
</fieldset> </fieldset>
</form> </form>
] ]
......
prive/login.html
+ 3
− 30
Voir le fichier @ 001633d4
...@@ -13,43 +13,16 @@ ...@@ -13,43 +13,16 @@
[<link rel="shortcut icon" href="(#CHEMIN{favicon.ico})" />] [<link rel="shortcut icon" href="(#CHEMIN{favicon.ico})" />]
<link rel="stylesheet" href="[(#CHEMIN{spip_style.css}|direction_css)]" type="text/css" /> <link rel="stylesheet" href="[(#CHEMIN{spip_style.css}|direction_css)]" type="text/css" />
<link rel="stylesheet" href="[(#CHEMIN{minipres.css}|direction_css)]" type="text/css" /> <link rel="stylesheet" href="[(#CHEMIN{minipres.css}|direction_css)]" type="text/css" />
<style type="text/css">
<!--
body.page_login { text-align: center; font: 1em Verdana, Tahoma, Geneva, Helvetica, sans-serif; }
#minipres { width: 30em; }
.formulaire_login { text-align: #LANG_LEFT; font-size: 0.8em; }
.formulaire_login fieldset {border: 1px solid #BABDB6; padding:10px;font-size: 1em;}
.formulaire_menu_lang { float: #LANG_RIGHT; }
.formulaire_menu_lang label { display: none; }
.formulaire_login { clear: both; }
.formulaire_login fieldset ol { list-style: none; }
.formulaire_login fieldset li label,
.formulaire_login fieldset li .erreur,
.formulaire_login fieldset li .details {display:block;width:auto;}
.formulaire_login fieldset li label.nofx {display:inline;}
.formulaire_login fieldset li input.text,
.formulaire_login fieldset li input.password {width:20em;}
.spip_logos { float: right; padding-left: 10px; }
.forml,input { font-size: 1.0em; }
#var_lang_ecrire {font-size:0.8em;}
p .forml { width: 20em; font-family: inherit; }
.boutons input { float: #LANG_RIGHT; }
.reponse_formulaire { font-weight: bold; color: red; }
a { color: #e86519; text-decoration: none; }
.retour { clear: both; text-align: center; font-size: 0.8em; }
formulaire_login.retour { font-size: 1em; }
-->
</style>
[(#REM|f_jQuery)] [(#REM|f_jQuery)]
<script type='text/javascript'><!-- <script type='text/javascript'><!--
jQuery(function(){ jQuery('input#var_login').focus(); }); jQuery(function(){ jQuery('input#var_login').focus(); });
// --></script> // --></script>
</head> </head>
<body class='page_login' > <body class="page_login" >
<div id='minipres'> <div id="minipres">
<h1 class="spip">#NOM_SITE_SPIP</h1> <h1>#NOM_SITE_SPIP</h1>
[(#REM) [(#REM)
Est-ce qu'on se connecte a l'espace prive ou pas ? Est-ce qu'on se connecte a l'espace prive ou pas ?
......
prive/minipres.css
+ 66
− 86
Voir le fichier @ 001633d4
body { font-family: Verdana, Geneva, Sans, sans-serif; font-size: 0.9em; color: #2e3436; background: #babdb6 url(images/minipres-gris.png) no-repeat scroll 97% 100px; /* Correction des styles par defaut
} ---------------------------------------------- */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS */
body { font: 1em Verdana, Geneva, Sans, sans-serif; color: #2e3436; }
input, textarea, select { font-size: 100%; font-family: inherit; }
h1 { margin: 1em 0 1em 0; font-size: 1.2em; font-weigth: bold; color: #5c3566; } h1 { margin: 1em 0 1em 0; font-size: 1.2em; font-weigth: bold; color: #5c3566; }
h2 { margin: 0.8em 0 0.8em 0; font-size: 1.1em; font-weigth: normal; } h2 { margin: 0.8em 0 0.8em 0; font-size: 1.1em; font-weigth: normal; }
a { color: #8ae234; text-decoration: none; } img, .spip_logos { margin: 0; padding: 0; border: 0; }
a:visited { color: #75507b; } ul,ol,li { list-style: none; /*text-align: justify;*/ }
a:active { color: #8ae234; }
img { border: 0; } /* Disposition a l'ecran
---------------------------------------------- */
body { background: #babdb6 url(images/minipres-gris.png) no-repeat scroll 97% 100px; }
ul { text-align: justify; list-style-type: none; } /* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 0; font-size: 0; }
/* Habillage (en vrac)
---------------------------------------------- */
fieldset, .fieldset { text-align: left; padding: 0; border: 0; margin-top: 1em; font-size: 0.9em; } fieldset, .fieldset { text-align: left; padding: 0; border: 0; margin-top: 1em; font-size: 0.9em; }
legend { font-weight: bold; font-size: 1.1em; color: #000; } legend { font-weight: bold; font-size: 1.1em; color: #000; }
label {} label {}
body.minipres fieldset, body.minipres .fieldset { .reponse_formulaire { font-weight: bold; color: red; }
border: 1px solid #cccccc;
padding: 10px;
font-family: helvetica, arial, sans;
} body.minipres fieldset, body.minipres .fieldset { border: 1px solid #cccccc; padding: 10px; font-family: helvetica, arial, sans; }
#minipres { width: 40em; background: #FFF repeat; margin: 1em auto; padding: 1em; border: 1px solid #888; text-align: center; } #minipres { width: 40em; background: #FFF repeat; margin: 1em auto; padding: 1em; border: 1px solid #888; text-align: center; }
...@@ -37,9 +43,9 @@ body.minipres fieldset, body.minipres .fieldset { ...@@ -37,9 +43,9 @@ body.minipres fieldset, body.minipres .fieldset {
.fondl { background-color: #eee; background-position: center bottom; padding: 3px; border: 1px solid #333; font-size: 0.9em; font-family: Verdana, Geneva, Sans, sans-serif; } .fondl { background-color: #eee; background-position: center bottom; padding: 3px; border: 1px solid #333; font-size: 0.9em; font-family: Verdana, Geneva, Sans, sans-serif; }
.formo { width: 100%; display: block; background-color: #FFF; background-position: center bottom; margin-bottom: 1em; padding: 3px; border: 1px solid #333; behavior: url(win_width.htc); font-size: 1em; font-family: Verdana, Geneva, Sans, sans-serif; } .formo { width: 100%; display: block; background-color: #FFF; background-position: center bottom; margin-bottom: 1em; padding: 3px; border: 1px solid #333; behavior: url(win_width.htc); font-size: 1em; font-family: Verdana, Geneva, Sans, sans-serif; }
p.resultat { background-color: #fcaf3e; padding: 0.2em 0.1em; text-align: center; color: #FFF; font-weight: bold; } p.resultat { background-color: #fcaf3e; padding: 0.2em 0.1em; text-align: center; color: #FFF; font-weight: bold; }
p.resultat.ok {background-color:#73d216;} p.resultat.ok {background-color:#73d216; }
p.resultat.echec {background-color:#d60c0c;} p.resultat.echec {background-color:#d60c0c; }
#etapes { display: block; position: absolute; top: 10px; left: 10px; } #etapes { display: block; position: absolute; top: 10px; left: 10px; }
#etapes span { margin-top: -0.5em; display: block; padding: 12px 14px; margin-bottom: 5px; } #etapes span { margin-top: -0.5em; display: block; padding: 12px 14px; margin-bottom: 5px; }
...@@ -49,74 +55,48 @@ p.resultat.echec {background-color:#d60c0c;} ...@@ -49,74 +55,48 @@ p.resultat.echec {background-color:#d60c0c;}
#etapes span.encours { background: url(images/etape-encours.gif) center no-repeat; } #etapes span.encours { background: url(images/etape-encours.gif) center no-repeat; }
#etapes span.todo { background: url(images/etape-todo.gif) center no-repeat; } #etapes span.todo { background: url(images/etape-todo.gif) center no-repeat; }
.nettoyeur { clear: both; height: 0; line-height: 0; font-size: 0; margin: 0; padding: 0; } #infos_etapes { padding: 0px; margin: 0px; padding-left: 10px; height: 63px; overflow: hidden; text-align: left; font-family: helvetica, arial, sans; list-style:none; }
#infos_etapes li { float: left; text-align: left; font-size: 0.85em; line-height: 1.05em; margin-left: -28px; padding-left: 29px; }
#infos_etapes { #infos_etapes li .fond { height: 69px; width: 9.0em; padding-right: 2em; padding-top: 10px; }
padding: 0px;
margin: 0px; #infos_etapes li span.numero_etape { font-weight: bold; font-size: 3em; padding-right: 3px; padding-left: 3px; padding-top: 7px; margin-left:-10px; float: left; display: block; height: 50px; font-family: helvetica, arial, sans; }
padding-left: 10px; #infos_etapes li.encours { background: url(../prive/images/degrade-etapes-fonce-left.gif) no-repeat left top; color: #fff; font-weight: bold; }
height: 63px; #infos_etapes li.encours .fond { background: #ecb043 url(../prive/images/degrade-etapes-fonce-left.gif) no-repeat -30px top; }
overflow: hidden; #infos_etapes li.prochains { background: url(../prive/images/degrade-etapes-clair-left.gif) no-repeat left top; color: #888888; }
text-align: left; #infos_etapes li.prochains .fond { background: #dbdbdb url(../prive/images/degrade-etapes-clair-left.gif) no-repeat -30px top; }
font-family: helvetica, arial, sans;
list-style:none; #infos_etapes li.valides { background: url(../prive/images/degrade-etapes-vert-left.gif) no-repeat left top; color: #116d05; }
} #infos_etapes li.valides .fond { background: #88f560 url(../prive/images/degrade-etapes-vert-left.gif) no-repeat -30px top; }
#infos_etapes li.erreur { background: url(../prive/images/degrade-etapes-rouge-left.gif) no-repeat left top; color: #fff; }
#infos_etapes li { #infos_etapes li.erreur .fond { background: url(../prive/images/degrade-etapes-rouge-left.gif) no-repeat -30px top; }
float: left;
text-align: left;
font-size: 0.85em; /* Page de login
line-height: 1.05em; ---------------------------------------------- */
margin-left: -28px; .page_login { text-align: center; }
padding-left: 29px; .page_login #minipres { width: 30em; }
} .page_login .formulaire_menu_lang { float: right; font-size: 0.8em; }
#infos_etapes li .fond { .page_login .formulaire_menu_lang label { display: none; }
height: 69px; .page_login .formulaire_menu_lang select {}
width: 9.0em; .page_login .formulaire_login { clear: both; text-align: left; font-size: 0.8em; }
padding-right: 2em; .page_login .formulaire_login fieldset { border: 1px solid #BABDB6; padding: 1em; font-size: 1em; }
padding-top: 10px; .page_login .formulaire_login fieldset ul { margin: 0; padding: 0; list-style: none; }
} .page_login .formulaire_login fieldset ul li { margin: 0; padding: 0.5em 0; }
.page_login .formulaire_login fieldset ul li label,
#infos_etapes li span.numero_etape { .page_login .formulaire_login fieldset ul li .erreur,
font-weight: bold; .page_login .formulaire_login fieldset ul li .details { display: block; width: auto; }
font-size: 3em; .page_login .formulaire_login fieldset ul li label.nofx { display: inline; }
padding-right: 3px; .page_login .formulaire_login fieldset ul li input.text,
padding-left: 3px; .page_login .formulaire_login fieldset ul li input.password { width: 15em; }
padding-top: 7px; .page_login .formulaire_login fieldset .spip_logos { float: right; padding-left: 10px; }
margin-left:-10px; .page_login .boutons { text-align: right; }
float: left; .page_login .retour { clear: both; text-align: center; font-size: 0.8em; }
display: block;
height: 50px;
font-family: helvetica, arial, sans; /* Couleurs des liens
} ---------------------------------------------- */
#infos_etapes li.encours { a { color: #e86519; text-decoration: none; }
background: url(../prive/images/degrade-etapes-fonce-left.gif) no-repeat left top; a:visited { color: #75507b; }
color: white; a:active { color: #8ae234; }
font-weight: bold; a:hover { text-decoration: underline; }
} \ No newline at end of file
#infos_etapes li.encours .fond {
background: #ecb043 url(../prive/images/degrade-etapes-fonce-left.gif) no-repeat -30px top;
}
#infos_etapes li.prochains {
background: url(../prive/images/degrade-etapes-clair-left.gif) no-repeat left top;
color: #888888;
}
#infos_etapes li.prochains .fond {
background: #dbdbdb url(../prive/images/degrade-etapes-clair-left.gif) no-repeat -30px top;
}
#infos_etapes li.valides {
background: url(../prive/images/degrade-etapes-vert-left.gif) no-repeat left top;
color: #116d05;
}
#infos_etapes li.valides .fond {
background: #88f560 url(../prive/images/degrade-etapes-vert-left.gif) no-repeat -30px top;
}
#infos_etapes li.erreur {
background: url(../prive/images/degrade-etapes-rouge-left.gif) no-repeat left top;
color: white;
}
#infos_etapes li.erreur .fond {
background: url(../prive/images/degrade-etapes-rouge-left.gif) no-repeat -30px top;
}
\ No newline at end of file
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