Browse Source

Le contenu du thème de trad.spip.org

master
kent1@arscenic.info 11 years ago
parent
commit
75aa2cff80
  1. 32
      .gitattributes
  2. 48
      body.html
  3. 118
      css/clear.css
  4. 45
      css/config.less
  5. BIN
      css/img/bg.gif
  6. BIN
      css/img/border.gif
  7. BIN
      css/img/content-bg.gif
  8. BIN
      css/img/dots.gif
  9. BIN
      css/img/firefox-gray.jpg
  10. BIN
      css/img/gravatar.gif
  11. BIN
      css/img/gravatar.jpg
  12. BIN
      css/img/header-image.gif
  13. BIN
      css/img/header-search.gif
  14. BIN
      css/img/ico_lock.gif
  15. BIN
      css/img/image.gif
  16. BIN
      css/img/left-tab.gif
  17. BIN
      css/img/quote.gif
  18. BIN
      css/img/right-tab.gif
  19. BIN
      css/img/search.gif
  20. 36
      css/layout.css
  21. 110
      css/spip.comment.css
  22. 193
      css/spip.css
  23. 327
      css/spip.form.css
  24. 120
      css/spip.form.less
  25. 186
      css/spip.list.css
  26. 71
      css/spip.list.less
  27. 47
      css/spip.pagination.css
  28. 31
      css/spip.portfolio.css
  29. 318
      css/theme.css
  30. 303
      css/typo.css
  31. 3
      inc-theme-copyleft.html
  32. 19
      plugin.xml
  33. BIN
      vignette.jpg

32
.gitattributes vendored

@ -1 +1,33 @@
* text=auto !eol
/body.html -text
css/clear.css -text
css/config.less -text
css/img/bg.gif -text
css/img/border.gif -text
css/img/content-bg.gif -text
css/img/dots.gif -text
css/img/firefox-gray.jpg -text
css/img/gravatar.gif -text
css/img/gravatar.jpg -text
css/img/header-image.gif -text
css/img/header-search.gif -text
css/img/ico_lock.gif -text
css/img/image.gif -text
css/img/left-tab.gif -text
css/img/quote.gif -text
css/img/right-tab.gif -text
css/img/search.gif -text
css/layout.css -text
css/spip.comment.css -text
css/spip.css -text
css/spip.form.css -text
css/spip.form.less -text
css/spip.list.css -text
css/spip.list.less -text
css/spip.pagination.css -text
css/spip.portfolio.css -text
css/theme.css -text
css/typo.css -text
/inc-theme-copyleft.html -text
/plugin.xml -text
/vignette.jpg -text

48
body.html

@ -0,0 +1,48 @@
<body>
<div id="page">
[(#REM) Entete de la page + titre du site ]
<div id='bloc-haut'>
<div id="entete">
[(#REM) HEADER / ENTETE ]
<INCLURE{fond=header/#ENV{type-page},env} />
</div>
<div id="nav">
[(#REM) MAIN NAVIGATION / NAVIGATION PRINCIPALE ]
<INCLURE{fond=inclure/nav,env} />
</div><!--header ends-->
</div>
<div id='bloc-central'>
[(#REM) Contenu principal : contenu de l'article ]
<div class="hfeed" id="conteneur">
<div class="hentry" id="contenu">
[(#REM) CONTENT / CONTENU ]
<INCLURE{fond=content/#ENV{type-page},env} />
</div><!--#contenu-->
</div><!--#conteneur-->
[(#REM) Menu de navigation laterale ]
<div id="navigation" class="col">
[(#REM) SECONDARY NAVIGATION SIDEBAR / Navigation laterale secondaire ]
<INCLURE{fond=extra1/#ENV{type-page},env} />
</div><!--#navigation-->
[(#REM) Menu de navigation laterale ]
<div id="extra" class="col">
[(#REM) EXTRA INFORMATIONS / Informations complementaires]
<INCLURE{fond=extra2/#ENV{type-page},env,ajax} />
</div><!--#extra-->
<div class='nettoyeur'></div>
</div><!-- #bloc-central-->
[(#REM) Pied de page ]
<div id="bloc-bas">
<div id="pied">
[(#REM) FOOTER / Pied de page ]
<INCLURE{fond=footer/#ENV{type-page},env} />
<INCLURE{fond=inc-theme-copyleft}>
</div>
</div>
</div><!--#page-->
</body>

118
css/clear.css

@ -0,0 +1,118 @@
/* --------------------------------------------------------------
base.css
Classes pour faciliter la composition
Cf.: http://www.spip-contrib.net/3820
-------------------------------------------------------------- */
/*
Configuration
*/
.typo_standard {
font-size: /*@font-size*/ 12px;
font-family: /*@font-family*/ 'Lucida Grande', Verdana, Helvetica, sans-serif;
text-indent: /*@text-indent*/ 25px;
line-height: /*@line-height*/ 1.6em;
margin-bottom: /*@margin-bottom*/ 1.6em;
color: /*@color*/ #999;
background-color: /*@background-color*/ #ffffff;
}
.typo_mono {
font-family: /*@font-family-mono*/ 'Lucida Console', 'Courier New', Monospace;
}
/* Blocs */
.bloc {
display: block;
margin-bottom: /*@margin-bottom*/ 1.6em;
}
.box {
display: block;
margin-bottom: /*@margin-bottom*/ 1.6em;
padding: /*@line-height*/ 1.6em;
background: #EEE;
}
/* Listes, tableaux et mosaiques */
.first {
margin-left: 0;
padding-left: 0;
}
.last {
margin-right: 0;
padding-right: 0;
}
.top {
margin-top: 0;
padding-top: 0;
}
.bottom {
margin-bottom: 0;
padding-bottom: 0;
}
/* Alignements */
.left {
float: left !important;
}
.right {
float: right !important;
}
.center {
text-align: center;
margin-right: auto;
margin-left: auto;
}
/* Espaceur de blocs */
.clear {
clear: both;
}
br.clear, .nettoyeur {
clear: both;
margin: 0;
padding: 0;
border: 0;
height: 0;
line-height: 1px;
font-size: 1px;
}
hr.clear {
visibility: hidden;
}
/* clearfix : http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
.clearfix {
display: inline-table;
}
/* Hides from IE-mac \*/
.clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
/* Non visible a l'ecran */
.offscreen, .invisible {
position: absolute;
left: -999em;
height: 1%;
}
.hidden {
visibility: hidden;
}
.none {
display: none;
}
/* debug */
.todo {
opacity: 0.5;
}
.todo:hover {
opacity: 1;
}
/* end */

45
css/config.less

@ -0,0 +1,45 @@
/*
Configuration
*/
@font-size: 12px;
@font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
@font-family-mono: 'Lucida Console', 'Courier New', Monospace;
@text-indent: 25px;
@line-height: 1.6em;
@margin-bottom: 1.6em;
@color: #666666;
@background-color:#FFFFFF;
@demi-line-height : @line-height / 2;
@minus-demi-line-height : @demi-line-height * -1;
@minus-text-indent : @text-indent * -1;
@demi-text-indent : @text-indent / 2;
@demi-margin-bottom : @margin-bottom / 2;
@quart-margin-bottom : @margin-bottom / 4;
@h1-font-size: 3.4em;
@h1-margin-bottom: @line-height / @h1-font-size;
@h1-line-height: @h1-margin-bottom * 3;
@h2-font-size: (@line-height + @h1-font-size) / 2;
@h2-margin-bottom : @line-height / @h2-font-size;
@h2-line-height: @h2-margin-bottom * 2;
@h3-font-size: 2em;
@h3-margin-bottom : @line-height / @h3-font-size;
@h3-line-height: @h3-margin-bottom * 2;
@h4-font-size: (@line-height + 1) / 2;
@h4-margin-bottom : @line-height / @h4-font-size;
@h4-line-height: @h4-margin-bottom;
.typo_standard {
font-size:/*@font-size*/@font-size;
font-family:/*@font-family*/@font-family;
text-indent:/*@text-indent*/@text-indent;
line-height:/*@line-height*/@line-height;
margin-bottom:/*@margin-bottom*/@margin-bottom;
color:/*@color*/@color;
background-color:/*@background-color*/@background-color;
}
.typo_mono {
font-family:/*@font-family-mono*/@font-family-mono;
}

BIN
css/img/bg.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
css/img/border.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 B

BIN
css/img/content-bg.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 73 B

BIN
css/img/dots.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 B

BIN
css/img/firefox-gray.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
css/img/gravatar.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
css/img/gravatar.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
css/img/header-image.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
css/img/header-search.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 614 B

BIN
css/img/ico_lock.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 249 B

BIN
css/img/image.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

BIN
css/img/left-tab.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 172 B

BIN
css/img/quote.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
css/img/right-tab.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 477 B

BIN
css/img/search.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

36
css/layout.css

@ -0,0 +1,36 @@
/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { margin: 0; padding: 0; text-align: center; margin: 0; padding: 0;
background: #F6F5F5;
}
#page { width: 100%;position: relative; margin: 0 auto; text-align: left;background:#fff url(img/bg.gif) repeat-x; }
#bloc-haut{
width: 960px;
margin: 0 auto;
background: url(img/header-image.gif) no-repeat top right;
}
#entete {
position: relative;
background: url(img/border.gif) repeat-x left bottom;
height: 260px;
}
/* navigation */
#nav {
position: absolute;
margin: 0; padding: 0;
width: 880px;
left: 0;
top: 5px;
}
#bloc-central{width:960px;margin:0 auto;}
#conteneur { float: left; width: 720px; background: #fff url(img/content-bg.gif) repeat-y 210px top;}
#contenu { padding-bottom: 35px;padding-top: 5px;margin-left:10px;margin-right:10px;overflow:auto;}
#navigation { float: right; width: 220px; margin-top: 5px; margin-right: 10px;overflow: hidden;}
#extra { float: right; width:220px; margin-top: 5px; margin-right: 10px; overflow: hidden;clear:right; }
#bloc-bas { background: #F6F5F5;clear: both;width:100%;border-top:1px solid #E8E8E8;text-align: center;padding:10px 0 50px;}
#pied {width: 960px; margin: 0 auto; padding: 1em 0; text-align: left; font-size: 0.90em; }

110
css/spip.comment.css

@ -0,0 +1,110 @@
/* Habillage des forums
---------------------------------------------- */
/*
Configuration
*/
.typo_standard {
font-size: /*@font-size*/ 12px;
font-family: /*@font-family*/ 'Lucida Grande', Verdana, Helvetica, sans-serif;
text-indent: /*@text-indent*/ 25px;
line-height: /*@line-height*/ 1.6em;
margin-bottom: /*@margin-bottom*/ 1.6em;
color: /*@color*/ #666666;
background-color: /*@background-color*/ #ffffff;
}
.typo_mono {
font-family: /*@font-family-mono*/ 'Lucida Console', 'Courier New', Monospace;
}
/* * Habillage des forums */
.comments {
margin-bottom: /*@margin-bottom*/ 1.6em;
}
/* comments list */
.comments-items {
border-bottom: 1px solid #eee;
}
.comments-items .comments-items {
margin-left: /*@text-indent*/ 25px;
border-bottom: 0;
}
.comments-items .comments-items .comments-items .comments-items {
margin-left: /*@demi-text-indent*/ 12.5px;
border-bottom: 0;
}
.comments-items .comment-item {
border-top: 1px solid #eee;
}
.comments-items .comment-item .comment-item {
border-top: 0;
}
.comment {
overflow: hidden;
}
.comment-meta {
background: #eee;
padding: /*@demi-margin-bottom*/ 0.8em;
padding-right: /*@margin-bottom*/ 1.6em;
position: relative;
margin: 0;
}
.comment-item .comment-item .comment-meta {
background: #f4f4f4;
}
.comment-meta .spip_logos {
margin-bottom: 0;
}
.comment-meta .permalink {
position: absolute;
right: 0;
font-size: 2em;
color: #ccc;
}
.comment-meta .forum-titre {
display: block;
}
.comment-content {
background: transparent;
padding: /*@demi-margin-bottom*/ 0.8em;
max-height: 60em;
overflow: auto;
overflow-x: none;
}
.comment-reply {
clear: both;
text-align: right;
font-weight: bold;
margin-bottom: 0;
}
/* en thread */
.comments-thread .comment-item {
margin-bottom: /*@margin-bottom*/ 1.6em;
border-left: 1px solid #eee;
}
.comments-thread .comment-item .comment-item {
margin-bottom: 0;
border-left: 0;
}
.comments-thread .permalink.in-reply-to {
bottom: 0;
}
/* avec plugin comments */
.comment-meta .permalink.picto {
font-size: 1em;
right: /*@demi-margin-bottom*/ 0.8em;
}
.comment {
position: relative;
}
.comment .spip-admin {
position: absolute;
left: 0;
bottom: 0;
visibility: hidden;
}
.comment:hover .spip-admin {
visibility: visible;
}
/* en list avec plugin comments */
.comment-meta .item {
display: block;
}

193
css/spip.css

@ -0,0 +1,193 @@
/* --------------------------------------------------------------
spip.css.html
Styles associes au code genere par SPIP
Cf.: http://www.spip-contrib.net/3821
-------------------------------------------------------------- */
/*
Configuration
*/
.typo_standard {
font-size: /*@font-size*/ 12px;
font-family: /*@font-family*/ 'Lucida Grande', Verdana, Helvetica, sans-serif;
text-indent: /*@text-indent*/ 25px;
line-height: /*@line-height*/ 1.6em;
margin-bottom: /*@margin-bottom*/ 1.6em;
color: /*@color*/ #666666;
background-color: /*@background-color*/ #ffffff;
}
.typo_mono {
font-family: /*@font-family-mono*/ 'Lucida Console', 'Courier New', Monospace;
}
/* Listes SPIP */
ul.spip, ol.spip {
margin-left: /*@text-indent*/ 25px;
}
ul.spip {
list-style-type: disc;
}
li ul.spip {
list-style-type: circle;
}
ol.spip {
list-style-type: decimal;
}
dl.spip dt, dl.spip dd {
padding-left: /*@text-indent*/ 25px;
}
dl.spip dt {
clear: both;
}
/* Tableaux SPIP */
table.spip tr.row_even td, table.spip tr.row_even th {
background: #e5ecf9;
}
/* Citations, code et poesie */
.spip_poesie div {
margin-left: /*@text-indent*/ 25px;
text-indent: /*@minus-text-indent*/ -25px;
}
.spip_code, .spip_cadre {
font-family: /*@font-family-mono*/ 'Lucida Console', 'Courier New', Monospace;
font-size: 1em;
}
.spip_cadre {
padding: /*@demi-margin-bottom*/ 0.8em;
width: 100%;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Enluminures typo V3 / Cf.: http://www.spip-contrib.net/3118 */
sc {
font-variant: small-caps;
}
.caractencadre-spip {
background-color: #FFFFCC;
color: purple;
}
.caractencadre2-spip {
background-color: #FFFFCC;
color: orange;
}
.texteencadre-spip {
display: block;
margin-top: /*@margin-bottom*/ 1.6em;
margin-bottom: /*@margin-bottom*/ 1.6em;
margin-left: /*@text-indent*/ 25px;
margin-right: /*@text-indent*/ 25px;
padding: /*@demi-line-height*/ 0.8em;
background: #EEE;
}
/* Logos, documents et images */
.spip_logos {
float: left;
margin: 0;
margin-right: /*@margin-bottom*/ 1.6em;
margin-bottom: /*@margin-bottom*/ 1.6em;
padding: 0;
border: none;
}
.spip_documents {
margin-bottom: /*@margin-bottom*/ 1.6em;
padding: 0;
background: none;
}
.spip_documents,
.spip_documents_center,
.spip_doc_titre,
.spip_doc_descriptif {
margin-right: auto;
margin-left: auto;
text-align: center;
}
.spip_documents_center {
clear: both;
display: block;
width: 100%;
}
.spip_documents_left {
float: left;
margin-right: /*@margin-bottom*/ 1.6em;
}
.spip_documents_right {
float: right;
margin-left: /*@margin-bottom*/ 1.6em;
}
.spip_doc_descriptif {
clear: both;
}
/* Modeles par defaut */
.spip_modele {
float: right;
display: block;
width: 25%;
border: 1px dotted #666;
}
.spip_surligne {
background-color: yellow;
}
/* Formulaire de recherche */
.formulaire_recherche * {
display: inline;
}
/* Paragraphes */
div.spip,
ul.spip,
ol.spip,
.spip_poesie,
.spip_cadre,
div.spip_code,
.spip_documents.spip_documents_center {
margin-bottom: /*@margin-bottom*/ 1.6em;
}
/* Pagination */
.pagination {
clear: both;
text-align: center;
}
@media print {
.pagination {
display: none;
}
}
/* Notes */
.notes > div {
padding-left: /*@text-indent*/ 25px;
position: relative;
}
.notes .spip_note_ref {
display: block;
position: absolute;
left: 0;
}
/* Liens de SPIP */
a.spip_note {
font-weight: bold;
}
/* liens vers notes de bas de page */
/* liens internes */
/* liens sortants */
/* liens url sortants */
/* liens vers encyclopedie */
@media print {
a.spip_out:after, a.spip_url:after {
content: " (" attr(href) ")";
}
}
/* Boutons action */
.bouton_action_post, .bouton_action_post > div {
display: inline;
}
/* Boutons d'admin */
.ie6 .spip-admin, .ie6 #spip-admin {
display: none;
}
@media print {
.spip-admin, #spip-admin {
display: none;
}
}
/* end */

327
css/spip.form.css

@ -0,0 +1,327 @@
/* ------------------------------------------
/* Habillage des formulaires SPIP
/* ------------------------------------------ */
/*
Configuration
*/
.typo_standard {
font-size: /*@font-size*/ 12px;
font-family: /*@font-family*/ 'Lucida Grande', Verdana, Helvetica, sans-serif;
text-indent: /*@text-indent*/ 25px;
line-height: /*@line-height*/ 1.6em;
margin-bottom: /*@margin-bottom*/ 1.6em;
color: /*@color*/ #666666;
background-color: /*@background-color*/ #ffffff;
}
.typo_mono {
font-family: /*@font-family-mono*/ 'Lucida Console', 'Courier New', Monospace;
}
input, textarea, select {
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bugajaxie {
display: none;
}
/* Bug IE/Win */
/* Structure generale des formulaires
----------------------------------------------- */
.formulaire_spip {
clear: both;
margin-bottom: /*@margin-bottom*/ 1.6em;
padding: 10px;
border: 1px solid #F0F0F0;
background-color: #f8f8f8;
text-align: left;
}
#main .formulaire_spip {
padding: 15px 25px 25px 20px;
}
/* Fieldset */
.formulaire_spip fieldset {
clear: both;
margin: 0;
margin-bottom: /*@margin-bottom*/ 10px;
padding: 0;
border: 0;
}
.formulaire_spip fieldset legend {
margin: 0;
padding: 0;
font-size: 1.25em;
font-weight: bold;
background-color: #F8F8F8;
}
.formulaire_spip fieldset h3.legend{
background:#C49BAC;
margin:-10px -10px 0px -10px;
font-size:1.4em;
padding:5px 10px;
}
/* Preciser la couleur des legend et du fond pour IE/Win */
.formulaire_spip fieldset fieldset {
margin-top: /*@margin-bottom*/ 1.6em;
}
.formulaire_spip fieldset fieldset legend {
font-size: 1em;
font-weight: normal;
}
/* Explications */
.formulaire_spip .explication {
color: #444;
font-size:.9em;
margin:0;
}
/* Lignes */
.formulaire_spip .editer {
clear: both;
margin: 0 -10px;
padding: /*@demi-line-height*/ 0.8em;
border-bottom: 1px solid #E6E6E6;
color: #5C3566;
}
/* Labels */
.formulaire_spip .editer > label {
display: block;
text-align: left;
color: #5C3566;
font-weight: bold;
}
.formulaire_spip .choix label {
display: inline;
font-weight: normal;
}
.formulaire_spip .choix input.radio, .formulaire_spip .choix input.checkbox {
width: auto;
}
/* Champs de saisie */
.formulaire_spip input.text {
width: 100%;
}
.formulaire_spip textarea {
width: 100%;
}
.formulaire_spip select {
width: 100%;
}
.formulaire_spip input.text,
input.password,
select,
textarea {
margin: 5px 0;
padding: 5px;
color: #6A6969;
border-width: 1px;
border-style: solid;
border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;
}
.formulaire_spip input.text:focus,
input.password:focus,
select:focus,
textarea:focus {
color: #5C3566;
background: #ebe3ec;
}
/* Boutons */
.formulaire_spip .boutons {
clear: both;
margin: 0;
padding: 0;
text-align: right;
margin-top: /*@margin-bottom*/ 1.6em;
}
.formulaire_spip .boutons input {
margin-left: 1em;
}
.formulaire_spip .boutons input, input.submit {
font: bold 12px Arial, Sans-serif;
height: 30px;
margin: 0;
padding: 2px 3px;
color: #fff;
background: #c49bac;
border-width: 1px;
border-style: solid;
border-color: #EBE3EC #B4A0B7 #B4A0B7 #EBE3EC;
text-align: left !important;
}
@media print {
.formulaire_spip {
display: none;
}
}
/* Reponses, previsu et erreurs
----------------------------------------------- */
/* Champs obligatoires */
.formulaire_spip li.obligatoire label {
font-weight: strong;
}
/* Reponses */
.reponse_formulaire {
margin-bottom: /*@margin-bottom*/ 1.6em;
padding: /*@demi-margin-bottom*/ 0.8em;
border: 2px solid #ddd;
}
.reponse_formulaire_ok {
background: #e6efc2;
color: #264409;
border-color: #c6d880;
}
.reponse_formulaire_erreur {
background: #fbe3e4;
color: #8a1f11;
border-color: #fbc2c4;
}
.reponse_formulaire_ok a {
color: #264409;
}
.reponse_formulaire_erreur a {
color: #8a1f11;
}
/* Previsualisation du message */
fieldset.previsu {
margin-bottom: /*@margin-bottom*/ 1.6em;
padding: /*@demi-margin-bottom*/ 0.8em;
border: 2px dashed #F57900;
}
fieldset.previsu legend {
color: #F57900;
}
fieldset.previsu legend {
padding-left: 0.50em;
font-weight: bold;
color: #F57900;
}
/* Reponse du formulaire */
fieldset.previsu .reponse_formulaire {
font-weight: bold;
color: #e86519;
}
fieldset.reponse_formulaire {
border-color: #e86519;
font-weight: normal;
}
/* * Erreurs */
.editer.erreur {
background-color: #fbe3e4;
}
.editer .erreur_message {
display: block;
color: #C30;
font-weight: bold;
}
/* Variantes et cas particuliers
----------------------------------------------- */
/* Selection des langues */
.formulaire_menu_lang {
margin: 0;
padding: 0;
background: none;
border: 0;
}
.formulaire_menu_lang select {
width: 15em;
}
/* Formulaires de recherche (site / petitions) */
/* header quick search */
.formulaire_recherche {
border: 1px solid #bababa;
background: #fafafa;
z-index: 999999;
padding: 2px;
/*margin: 0;*/
}
#navigation .formulaire_recherche {
padding: 2px;
}
.formulaire_recherche input.text {
color: #bababa;
/*float: left;*/
margin: 0;
padding: 5px;
background: #fafafa;
border: none;
width: 265px;
}
#navigation .formulaire_recherche input.text {
width: 175px;
}
.formulaire_recherche input.submit {
text-indent: -1000px;
width: 25px;
height: 24px;
border: 0;
background: #ffffff url(img/search.gif) no-repeat top left;
}
.formulaire_recherche label {
display: none;
}
/* Choix des mots-clefs */
.choix_mots li {
float: left;
width: 30%;
padding: 1%;
}
/* Formulaire de login dans une page */
.formulaire_login .editer {
clear: left;
}
.formulaire_login input.text, .formulaire_login input.password {
width: 15em;
}
.formulaire_login .editer_password .details {
margin-bottom: 0;
}
.formulaire_login #spip_logo_auteur {
float: right;
}
#entete .formulaire_menu_lang {
position: absolute;
right: 0;
bottom: 5px;
display: block;
margin: 0;
width: 235px;
padding: 0;
background: none;
border: 0;
}
/*Cf.: spip_formulaires.css*/
#entete .formulaire_menu_lang select {
width: 235px;
}
.formulaire_spip input.text:disabled,
.formulaire_spip input.readonly,
.formulaire_spip input.multilang_readonly,
.formulaire_spip textarea.multilang_readonly,
.formulaire_spip textarea.readonly,
.formulaire_spip input.disabled,
.formulaire_spip input.text[readonly],
.formulaire_spip textarea[readonly]{
border-color:#ededed;
background-color:rgba(255,255,255,.4);
background-image:url(img/ico_lock.gif);
background-repeat:no-repeat;
background-position:98% 3px;
color:inherit;
}
.formulaire_spip input.text:disabled:focus,
.formulaire_spip input.readonly:focus,
.formulaire_spip input.multilang_readonly:focus,
.formulaire_spip textarea.multilang_readonly:focus,
.formulaire_spip textarea.readonly:focus,
.formulaire_spip input.disabled:focus,
.formulaire_spip input.text[readonly]:focus{
border-color:#ededed;
background-color:rgba(255,255,255,.4);
background-image:url(img/ico_lock.gif);
background-repeat:no-repeat;
background-position:98% 3px;
color:inherit;
}

120
css/spip.form.less

@ -0,0 +1,120 @@
/* ------------------------------------------
/* Habillage des formulaires SPIP
/* ------------------------------------------ */
@import "config.less";
input, textarea, select {-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bugajaxie { display: none; } /* Bug IE/Win */
/* Structure generale des formulaires
----------------------------------------------- */
.formulaire_spip { clear: both; margin-bottom: /*@margin-bottom*/@margin-bottom; padding:10px; border: 1px solid #F0F0F0; background-color: #f8f8f8;text-align: left; }
#main .formulaire_spip {padding: 15px 25px 25px 20px;}
/* Fieldset */
.formulaire_spip fieldset { clear: both; margin: 0;margin-bottom: /*@margin-bottom*/@margin-bottom; padding: 0; border: 0; }
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.25em; font-weight: bold; background-color: #F8F8F8; } /* Preciser la couleur des legend et du fond pour IE/Win */
.formulaire_spip fieldset fieldset { margin-top: /*@margin-bottom*/@margin-bottom; }
.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }
/* Explications */
.formulaire_spip .explication { color: #444;}
/* Lignes */
.formulaire_spip .editer { clear: both; margin: 0 -10px; padding: /*@demi-line-height*/@demi-line-height; border-bottom: 1px solid #E6E6E6;color: #7BA857;}
/* Labels */
.formulaire_spip .editer>label { display: block; text-align: left; color: #7BA857; font-weight: bold;}
.formulaire_spip .choix label {display:inline;font-weight:normal;}
.formulaire_spip .choix input.radio,
.formulaire_spip .choix input.checkbox {width:auto;}
/* Champs de saisie */
.formulaire_spip input.text { width: 100%;}
.formulaire_spip textarea { width: 100%; }
.formulaire_spip select { width: 100%; }
.formulaire_spip input.text,input.password, select, textarea {margin: 5px 0;padding: 5px;color: #6A6969;border-width: 1px;border-style: solid;border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; }
.formulaire_spip input.text:focus,input.password:focus, select:focus, textarea:focus {color: #7BA857;background: #EFFAE6;}
/* Boutons */
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; margin-top: /*@margin-bottom*/@margin-bottom; }
.formulaire_spip .boutons input { margin-left: 1em; }
.formulaire_spip .boutons input, input.submit {
font: bold 12px Arial, Sans-serif;
height: 30px;
margin: 0;
padding: 2px 3px;
color: #fff;
background: #9CCF5F;
border-width: 1px;
border-style: solid;
border-color: #B6DE8F #8DB836 #8DB836 #B6DE8F;
text-align:left !important;
}
@media print {
.formulaire_spip { display: none; }
}
/* Reponses, previsu et erreurs
----------------------------------------------- */
/* Champs obligatoires */
.formulaire_spip li.obligatoire {}
.formulaire_spip li.obligatoire label {font-weight: strong;}
/* Reponses */
.reponse_formulaire { margin-bottom: /*@margin-bottom*/@margin-bottom; padding: /*@demi-margin-bottom*/@demi-margin-bottom; border: 2px solid #ddd; }
.reponse_formulaire_ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
.reponse_formulaire_erreur { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.reponse_formulaire_ok a { color: #264409; }
.reponse_formulaire_erreur a { color: #8a1f11; }
/* Previsualisation du message */
fieldset.previsu { margin-bottom: /*@margin-bottom*/@margin-bottom;padding: /*@demi-margin-bottom*/@demi-margin-bottom; border: 2px dashed #F57900; }
fieldset.previsu legend { color: #F57900; }
fieldset.previsu legend { padding-left:0.50em; font-weight: bold; color: #F57900; }
/* Reponse du formulaire */
fieldset.previsu .reponse_formulaire { font-weight: bold; color: #e86519;}
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
/* * Erreurs */
.editer.erreur { background-color: #fbe3e4; }
.editer .erreur_message { display: block; color: #C30; font-weight: bold;}
/* Variantes et cas particuliers
----------------------------------------------- */
/* Selection des langues */
.formulaire_menu_lang { margin: 0; padding: 0; background: none; border: 0;}
.formulaire_menu_lang select {width: 15em;}
/* Formulaires de recherche (site / petitions) */
/* header quick search */
.formulaire_recherche {border: 1px solid #bababa;background: #fafafa;z-index: 999999;padding:2px;margin:0;}
#navigation .formulaire_recherche {padding:2px;}
.formulaire_recherche input.text {color: #bababa;/*float: left;*/margin: 0; padding: 5px;background:#fafafa;border:none;width:265px;}
#navigation .formulaire_recherche input.text {width:175px;}
.formulaire_recherche input.submit{text-indent:-1000px;width: 25px; height: 24px;border:0;background:#fff url(img/search.gif) no-repeat top left;}
.formulaire_recherche label {display: none;}
/* Choix des mots-clefs */
.choix_mots li { float: left; width: 30%; padding: 1%; }
/* Formulaire de login dans une page */
.formulaire_login .editer {clear:left;}
.formulaire_login input.text,.formulaire_login input.password {width:15em;}
.formulaire_login .editer_password .details {margin-bottom:0;}
.formulaire_login #spip_logo_auteur {float:right;}
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 200px; display: block; margin:0;width: 235px;padding:0;background:none;border:0; } /*Cf.: spip_formulaires.css*/
#entete .formulaire_menu_lang select {width: 235px;}

186
css/spip.list.css

@ -0,0 +1,186 @@
/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */
/*
Configuration
*/
.typo_standard {
font-size: /*@font-size*/ 12px;
font-family: /*@font-family*/ 'Lucida Grande', Verdana, Helvetica, sans-serif;
text-indent: /*@text-indent*/ 25px;
line-height: /*@line-height*/ 1.6em;
margin-bottom: /*@margin-bottom*/ 1.6em;
color: /*@color*/ #666666;
background-color: /*@background-color*/ #ffffff;
}
.typo_mono {
font-family: /*@font-family-mono*/ 'Lucida Console', 'Courier New', Monospace;
}
/* Habillage general des menus de navigation */
.menu {
clear: both;
margin-bottom: /*@margin-bottom*/ 1.6em;
text-align: left;
}
.menu > h1,
.menu > h2,
.menu > h3,
.menu > h4,
.menu > h5,
.menu > h6 {
margin-bottom: 0;
}
.menu-items {
margin: 0;
padding: 0;
list-style: none;
border-top: 2px solid #ebebeb;
}
.menu-items .item {
margin: 0;
padding: /*@quart-margin-bottom*/ 0.4em;
background: url(img/dots.gif) repeat-x left bottom;
}
* html body .menu-items .item {
height: 1%;
}
.menu-items .menu-items {
margin-left: 1em;
border: 0;
}
.menu-items .menu-items .item {
padding: 0;
border: 0;
background: none;
}
.menu-items .item a, .menu-items .item a:visited {
font-family: Georgia, 'Times New Roman', Times, Serif;
background-image: none;
background-color: transparent;
border: none;
color: #5C3566;
padding-left: 0;
}
.menu-items .item a span {
color: #9F9F9F;
font-family: Georgia, 'Times New Roman', Times, Serif;
font-style: normal;
font-size: 1em;
}
.menu-items .item a:hover {
color: #000;
}
/* habillage barre de nav horizontale */
#nav .menu-items {
float: left;
margin-top: 5px;
height: 45px;
padding-left: 15px;
border: 0;
}
#nav .menu-items .item {
float: left;
padding: 0;
padding-left: 10px;
background: none;
}
#nav .menu-items .item a {
float: left;
padding: 0 15px 0 5px;
color: #666666;
font: bold 14px/40px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;
text-transform: uppercase;
}
#nav .menu-items .item a:hover, #nav .menu-items .item a:active {
border: none;
color: #111;
background: transparent;
}
#nav .menu-items .item.on {
background: transparent url(img/left-tab.gif) no-repeat;
}
#nav .menu-items .item.on a {
color: #444;
background: transparent url(img/right-tab.gif) no-repeat right top;
}
#nav .item .menu-items {
display: none;
}
/* Listes d'items */
.liste {
margin-bottom: /*@margin-bottom*/ 1.6em;
}
.liste > h1,
.liste > h2,
.liste > h3,
.liste > h4,
.liste > h5,
.liste > h6 {
margin-bottom: 0;
}
.liste-items {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 0;
border-top: 2px solid #ebebeb;
margin-bottom: /*@margin-bottom*/ 1.6em;
}
.liste .liste-items {
margin-bottom: 0;
}
.liste-items .item {
list-style: square;
margin-left: 0;
padding: /*@demi-margin-bottom*/ 0.8em 0;
clear: both;
overflow: hidden;
background: url(img/dots.gif) repeat-x left bottom;
}
* html body .liste-items .item {
height: 1%;
}
.liste-items .item a, .liste-items .item a:visited {
font-family: Georgia, 'Times New Roman', Times, Serif;
background-image: none;
background-color: transparent;
border: none;
color: #5C3566;
padding-left: 0;
}
.liste-items .item a span {
color: #9F9F9F;
font-family: Georgia, 'Times New Roman', Times, Serif;
font-style: normal;
font-size: 1em;
}
.liste-items .item a:hover {
color: #000;
}
.liste-items .item .h3 a:hover {
text-decoration: none;
}
.liste-items .item:hover {
background-color: #F8F8F8;
}
.liste-items .item ul {
margin-left: /*@text-indent*/ 25px;
list-style-type: disc;
}
.liste-items .item ol {
margin-left: /*@text-indent*/ 25px;
list-style-type: numeric;
}
.liste.articles .spip_logos {
float: right;
clear: right;
margin: .8em 0 4px 16px;
}
.liste .articles .item .introduction {
margin-top: 0.30em;
line-height: 1.40em;
padding: 0.5em 0 1.5em 1em;
}
/* plan du site */
ul.plan {margin-bottom: /*@margin-bottom*/ 1.6em;}
ul.plan li {margin-left: /*@text-indent*/ 25px;list-style-type: disc;}

71
css/spip.list.less

@ -0,0 +1,71 @@
/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */
@import "config.less";
/* Habillage general des menus de navigation */
.menu { clear: both; margin-bottom: /*@margin-bottom*/@margin-bottom; text-align: left; }
.menu > h1,
.menu > h2,
.menu > h3,
.menu > h4,
.menu > h5,
.menu > h6 {margin-bottom: 0;}
.menu-items { margin: 0; padding: 0; list-style: none; border-top: 2px solid #ebebeb; }
.menu-items .item { margin: 0; padding: /*@quart-margin-bottom*/@quart-margin-bottom;background: url(img/dots.gif) repeat-x left bottom;}
* html body .menu-items .item {height: 1%;}
.menu-items .menu-items { margin-left: 1em; border: 0; }
.menu-items .menu-items .item { padding: 0; border: 0; background: none; }
.menu-items .item a,
.menu-items .item a:visited {font-family: Georgia, 'Times New Roman', Times, Serif;background-image: none;background-color: transparent;border: none;color: #7BA857;padding-left: 0;}
.menu-items .item a span {color: #9F9F9F;font-family: Georgia, 'Times New Roman', Times, Serif;font-style: normal;font-size: 1em;}
.menu-items .item a:hover { color: #000; }
/* habillage barre de nav horizontale */
#nav .menu-items {float: left;margin-top: 5px;height: 45px;padding-left: 15px;border:0;}
#nav .menu-items .item {float: left;padding:0;padding-left: 10px;background:none;}
#nav .menu-items .item a {float: left;padding: 0 15px 0 5px;color: #666666;font: bold 14px/40px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;text-transform: uppercase;}
#nav .menu-items .item a:hover,
#nav .menu-items .item a:active {border: none;color: #111;background: transparent;}
#nav .menu-items .item.on {background: transparent url(img/left-tab.gif) no-repeat;}
#nav .menu-items .item.on a {color: #444;background: transparent url(img/right-tab.gif) no-repeat right top;}
#nav .item .menu-items{display:none;}
/* Listes d'items */
.liste {margin-bottom: /*@margin-bottom*/@margin-bottom;}
.liste > h1,
.liste > h2,
.liste > h3,
.liste > h4,
.liste > h5,
.liste > h6 {margin-bottom: 0;}
.liste-items {margin: 0; padding: 0; list-style: none; border-bottom:0;border-top: 2px solid #ebebeb;margin-bottom: /*@margin-bottom*/@margin-bottom;}
.liste .liste-items {margin-bottom: 0;}
.liste-items .item {list-style:square; margin-left:0; padding:/*@demi-margin-bottom*/@demi-margin-bottom 0; clear:both; overflow:hidden;background: url(img/dots.gif) repeat-x left bottom;}
* html body .liste-items .item {height: 1%;}
.liste-items .item a,
.liste-items .item a:visited {font-family: Georgia, 'Times New Roman', Times, Serif;background-image: none;background-color: transparent;border: none;color: #7BA857;padding-left: 0;}
.liste-items .item a span {color: #9F9F9F;font-family: Georgia, 'Times New Roman', Times, Serif;font-style: normal;font-size: 1em;}
.liste-items .item a:hover { color: #000; }
.liste-items .item .h3 a:hover { text-decoration:none;}
.liste-items .item:hover {background-color: #F8F8F8;}
.liste-items .item ul {margin-left: /*@text-indent*/@text-indent;list-style-type: disc;}
.liste-items .item ol {margin-left: /*@text-indent*/@text-indent;list-style-type: numeric;}
.liste.articles .spip_logos { float: right; clear: right; margin: .8em 0 4px 16px; }
.liste .articles .item .introduction { margin-top: 0.30em; line-height: 1.40em; padding: 0.5em 0 1.5em 1em;}
/* plan du site */
ul.plan {margin-bottom: /*@margin-bottom*/@margin-bottom;}
ul.plan li {margin-left: /*@text-indent*/@text-indent;list-style-type: disc;}

47
css/spip.pagination.css

@ -0,0 +1,47 @@
/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
/*Scott*/
.pagination .sep,.pagination .label {display:none;}
.pagination {
padding:3px;
margin:3px;
text-align:center;
}
.pagination .lien_pagination {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #ddd;
text-decoration: none;
color: #5C3566;
}
.pagination .tbc {margin-right:2px;}
.pagination .lien_pagination:hover, .pagination .lien_pagination:active {
border:1px solid #5C3566;
color: #444;
background-color: #EBE3EC;
}
.pagination .on {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #5C3566;
font-weight: bold;
background-color: #EBE3EC;
color: #444;
}
.pagination .disabled .on {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #f3f3f3;
color: #ccc;
font-weight:normal;
background:none;
}
.col .pagination .prev,.col .pagination .next {display: none;}

31
css/spip.portfolio.css

@ -0,0 +1,31 @@
/* Portfolio */
/*
Configuration
*/
.typo_standard {
font-size: /*@font-size*/ 12px;
font-family: /*@font-family*/ 'Lucida Grande', Verdana, Helvetica, sans-serif;
text-indent: /*@text-indent*/ 25px;
line-height: /*@line-height*/ 1.6em;
margin-bottom: /*@margin-bottom*/ 1.6em;
color: /*@color*/ #666666;
background-color: /*@background-color*/ #ffffff;
}
.typo_mono {
font-family: /*@font-family-mono*/ 'Lucida Console', 'Courier New', Monospace;
}
.documents_portfolio {
clear: both;
margin: /*@margin-bottom*/ 1.6em auto;
text-align: center;
}
.documents_portfolio .spip_logos {
margin: 6px 3px 0 3px;
border: 4px solid #DDD;
}
.documents_portfolio a.on .spip_logos {
border-color: #222;
}
.documents_portfolio a:focus .spip_logos, .documents_portfolio a:hover .spip_logos, .documents_portfolio a:active .spip_logos {
border-color: #444;
}

318
css/theme.css

@ -0,0 +1,318 @@
/* ----------------------------------------------
Template Name : Keep It Simple
Template Code : S-0027