Browse Source

remise en forme des formulaires, et des commentaires

git-svn-id: svn://svn.spip.net/spip-zone/_galaxie_/party.spip.net@60316 ac52e18a-acf5-0310-9fe8-c4428f23b10a
old_history/pre_trunk
cedric@yterium.com 8 years ago
parent
commit
24465331af
3 changed files with 32 additions and 33 deletions
  1. +1
    -1
      squelettes/2012/article.html
  2. +30
    -31
      squelettes/2012/css/formulaires.css
  3. +1
    -1
      squelettes/2012/css/theme.css

+ 1
- 1
squelettes/2012/article.html View File

@@ -86,7 +86,7 @@
<div class="clear">&nbsp;</div>
</B_documents_joints>
[(#NOTES)]
<INCLURE{fond=inc_forum}{id_article}>
<INCLURE{fond=comments}{id_article}>
</div><!-- primary -->
<div class="secondary">
[(#MODELE{calendrier_mini,id_article,date})]


+ 30
- 31
squelettes/2012/css/formulaires.css View File

@@ -1,51 +1,55 @@
/*- Brian's Latest Comments
http://meidell.dk/archives/2004/09/12/brians-latest-comments/
*/
/*
div.sb_comments ul li { margin-bottom: 0.6em; }
div.sb_comments ul li a {
color: #999;
font-weight: normal;
word-spacing: -1px; }
div.sb_comments ul li a { text-decoration: none; }
*/
/* Commentaires de forum */
.comments {
text-align: left;
padding: 30px 0 0;
position: relative; }
.comments .comments-list > h2 { margin: 3em 0 1.5em;}
.comments-list { width: 80%; }
.comments-list .comment-li { clear: both; margin: 0; padding: 0.75em 0;list-style: none;}

.comments .commentlist { width: 80%; margin: 0 0 30px 10px; padding: 0; }
.comments .commentlist li { clear: both; margin: 0; padding: 10px 0; list-style: none; }
.comment-li .comment {padding-left:70px;position: relative;min-height: 60px;overflow: hidden;}
.comment-meta { font: normal 1.0em 'Century Gothic', 'Lucida Grande'; color: #999;margin-bottom: 0;}
.comment-meta a { color: #999; text-decoration: none; }
.comment-meta a.spip_out { text-decoration: underline; }
.comment-meta .item {display: none;}

.counter { font: normal 1.5em 'Century Gothic', 'Lucida Grande'; }
.counter a { color: #999; text-decoration: none; }
.counter a.spip_out { text-decoration: underline; }
.comment-li img.avatar { position: absolute;top:0px;left: 0; }

.comments .commentlist li img.gravatar { float: left; margin: 0 1em .2em 0; }
.comments .commentlist li p { margin: 0; }
.comments .commentlist li p.counter { margin-bottom: .2em; }
.comment .boutons.modererforum {font-size: 0.9em;position: absolute;bottom: -5px;right: 0;}
.comment .boutons.modererforum form,.comment .boutons.modererforum div {display: inline;}
.comment .boutons.modererforum button {padding:0;margin:0 5px;border:0;text-decoration: underline;}


/* Formulaires */
fieldset { border: none; margin: 0; padding: 0; }
legend { display: none; }
label { font: normal 1.1em 'Century Gothic', 'Lucida Grande'; }
.forml, textarea {
label { font: normal 1.1em 'Century Gothic', 'Lucida Grande'; display: block;}
.formulaire_spip textarea {
margin: 0;
padding: 3px;
border: 2px inset #ececec;
font: 1em Verdana, Sans-Serif;
color: #444; }
.spip_bouton input { border: 2px outset #666; background: #666; color: #fff;
color: #444;
}
.formulaire_spip .boutons {clear: none;margin-top: 1.5em;}
.formulaire_spip .boutons input { border: 2px outset #666; background: #666; color: #fff;
font: normal 1.1em 'Century Gothic', 'Lucida Grande'; }
.reponse_formulaire { font-weight: bold; color: red; }

/* Formulaire de forum */
.formulaire_forum { width: 360px; padding: 0; }
.formulaire_forum fieldset { margin-left: 10px; }
.comments .comment-form > h2 {margin: 1.5em 0;}
.formulaire_forum { width: 80%; padding: 0; }
.formulaire_forum fieldset { }
.formulaire_forum label { display: block; }
.formulaire_forum .forml { width: 99%; }
.formulaire_forum input.text { width: 99%; }
.formulaire_forum #titre, .formulaire_forum #nom_site { display: none; }
/*.formulaire_forum { padding: 30px 0 0; }
.formulaire_forum fieldset { margin: 1.6em 0; margin-left: 10px; }
@@ -53,28 +57,23 @@ font: normal 1.1em 'Century Gothic', 'Lucida Grande'; }
.formulaire_forum .forml { width: 180px; position: absolute; left: 0; top: 0; }
.formulaire_forum label { position: relative; left: 195px; text-transform: uppercase; color: #999; }
.formulaire_forum textarea { width: 360px; }*/
/* Barre de raccourcis typo */
table.spip_barre { margin: 0; padding: 0; }
table.spip_barre input { display: none; }
table.spip_barre a img { display: inline; background: #ececec; margin: 0 6px 4px 0; padding: 3px; border: 1px outset #CCC; -moz-border-radius: 3px; }
table.spip_barre a:hover img { background: #FFF; border: 1px outset #666; }

/* Formulaire d'inscription au site */
.formulaire_inscription {}
.formulaire_inscription fieldset { margin: 1.6em 0; margin-left: 10px; }
.formulaire_inscription fieldset { margin: 1.6em 0; }
.formulaire_inscription p { position: relative; clear: both; margin-bottom: 1.6em; }
.formulaire_inscription .forml { width: 180px; position: absolute; left: 0; top: 0; }
.formulaire_inscription label { position: relative; left: 195px; text-transform: uppercase; color: #999; }
.formulaire_inscription input.text { width: 180px; }
.formulaire_inscription label { text-transform: uppercase; color: #999; }

/* Formulaire de signature de petition */
.formulaire_signature { background: #ececec; padding: 1em !important; }
.formulaire_signature fieldset { margin-top: 1em; }
.formulaire_signature .forml, .formulaire_signature textarea { width: 90%; }
.formulaire_signature input.text, .formulaire_signature textarea { width: 90%; }

/*- Search Form and Livesearch */
.formulaire_recherche { /*position: absolute; top: 0; right: 25px;*/ }
.formulaire_recherche * { display: inline !important; }
.formulaire_recherche legend, .formulaire_recherche label { display: none !important; }
.formulaire_recherche .forml { width: 100%; border: 1px inset; }
.formulaire_recherche input.text { width: 100%; border: 1px inset; }

.formulaire_spip ul { list-style-type:none; }

+ 1
- 1
squelettes/2012/css/theme.css View File

@@ -105,7 +105,7 @@ ul.menu {
margin: 0;
padding: 0;
position: absolute;
bottom: -1px;
bottom: -2px;
left: 20px;
width: 90%; }



Loading…
Cancel
Save