Changeset 5962 in spip-zone
- Timestamp:
- Oct 6, 2006, 11:15:37 PM (15 years ago)
- Location:
- _squelettes_/spip-party/squelettes
- Files:
-
- 20 edited
Legend:
- Unmodified
- Added
- Removed
-
_squelettes_/spip-party/squelettes/article.html
r5954 r5962 2 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 3 3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" lang="#LANG" dir="#LANG_DIR"> 4 [(#REM) SPIP Party par Ben.spip, Gilles Vincent & IZO, bas ésur K2 et Bones ]4 [(#REM) SPIP Party par Ben.spip, Gilles Vincent & IZO, base sur K2 et Bones ] 5 5 <head> 6 6 <title>[(#TITRE|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]</title> … … 118 118 <a href="#URL_ARTICLE#forum">[(#TOTAL_BOUCLE)]</a> <span>[(#TOTAL_BOUCLE|=={1}|?{commentaire,commentaires})]</span> 119 119 </B_compte_messages> 120 . </small> </div> 121 <!-- itemhead --> 120 . </small> </div><!-- itemhead --> 122 121 <div class="itemtext"> 123 122 <p>#CHAPO</p> 124 123 <p align="left">#DESCRIPTIF</p> 125 124 <p align="justify">#TEXTE</p> 126 <em>#PS</em> </div> 127 <!-- itemtext --> 125 <em>#PS</em> </div><!-- itemtext --> 128 126 <div class="center"> 129 127 <!-- boucle image --> … … 151 149 <div style="clear: both;"></div> 152 150 </B_documents_portfolio> 153 </div> 154 <!-- center --> 155 #NOTES </div> 156 <!-- post --> 151 </div><!-- center --> 152 #NOTES </div><!-- post --> 157 153 <!-- boucle forum --> 158 154 <div class="comments" id="comments" > 159 155 <INCLURE{fond=inc_forum_article_sansajax}{id_rubrique}{id_article}{id_forum}{id_signature}> 160 </div> 161 <!-- comments --> 162 </div> 163 <!-- primary --> 156 </div><!-- comments --> 157 </div><!-- primary --> 164 158 <div class="secondary"> 165 159 <INCLURE{fond=inc_petition}{id_article}> … … 175 169 <INCLURE{fond=inc_derniers_commentaires_plat}> 176 170 <div id="logo-spip"><a href="http://www.spip.net" class="spip_out"><img src="#CHEMIN{images/logo-spip.gif}" name="spip" border="0" id="spip" alt="spip"/></a></div> 177 </div> 178 <!-- secondary --> 171 </div><!-- secondary --> 179 172 <div class="clear"><span></span></div> 180 </div> 181 <!-- Close Page --> 182 <p id="footer"> 173 </div><!-- Close Page --> 183 174 <INCLURE{fond=inc_pied_de_page}> 184 </p>185 175 </body> 186 176 <script type="text/javascript"> -
_squelettes_/spip-party/squelettes/auteur.html
r5954 r5962 2 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 3 3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" lang="#LANG" dir="#LANG_DIR"> 4 [(#REM) SPIP Party par Ben.spip, Gilles Vincent & IZO, bas � sur K2 et Bones ]4 [(#REM) SPIP Party par Ben.spip, Gilles Vincent & IZO, base� sur K2 et Bones ] 5 5 <head> 6 6 <title>[(#NOM|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]</title> … … 35 35 </ul> 36 36 <p></p> 37 </div> 38 <!-- itemhead --> 39 </div> 40 <!-- post --> 41 </div> 42 <!-- primary --> 37 </div><!-- itemhead --> 38 </div><!-- post --> 39 </div><!-- primary --> 43 40 <hr /> 44 41 <div class="secondary"> … … 50 47 <INCLURE {fond=inc_syndication}> 51 48 <div id="logo-spip"><a href="http://www.spip.net" class="spip_out"><img src="#CHEMIN{images/logo-spip.gif}" name="spip" border="0" id="spip" alt="spip"/></a></div> 52 </div> 53 <!-- secondary --> 49 </div><!-- secondary --> 54 50 <div class="clear"><span></span></div> 55 </div> 56 <!-- Close Page --> 57 <p id="footer"><small> 51 </div><!-- Close Page --> 58 52 <INCLURE {fond=inc_pied_de_page}> 59 </small></p>60 53 </body> 61 54 </BOUCLE_breve_principal> -
_squelettes_/spip-party/squelettes/breve.html
r5954 r5962 2 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 3 3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" lang="#LANG" dir="#LANG_DIR"> 4 [(#REM) SPIP Party par Ben.spip, Gilles Vincent & IZO, bas � sur K2 et Bones ]4 [(#REM) SPIP Party par Ben.spip, Gilles Vincent & IZO, base� sur K2 et Bones ] 5 5 <head> 6 6 <title>[(#TITRE|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]</title> … … 32 32 <a href="#URL_RUBRIQUE"[ title="(#TEXTE|textebrut|entites_html)"]>#TITRE</a> 33 33 </BOUCLE_rubrique_breve> 34 . </div> 35 <!-- itemhead --> 34 . </div><!-- itemhead --> 36 35 <div class="itemtext"> 37 36 <p align="justify">#TEXTE</p> 38 <em>#PS</em> </div> 39 <!-- itemtext --> 40 #NOTES </div> 41 <!-- post --> 37 <em>#PS</em> </div><!-- itemtext --> 38 #NOTES </div><!-- post --> 42 39 <hr /> 43 40 <!-- boucle forum --> 44 41 <div class="comments" id="comments"> 45 42 <INCLURE {fond=inc_forum_breve}{id_breve}{id_forum}{id_signature}> 46 </div> 47 <!-- comments --> 48 </div> 49 <!-- primary --> 43 </div><!-- comments --> 44 </div><!-- primary --> 50 45 <hr /> 51 46 <div class="secondary"> … … 57 52 <INCLURE {fond=inc_syndication}> 58 53 <div id="logo-spip"><a href="http://www.spip.net" class="spip_out"><img src="#CHEMIN{images/logo-spip.gif}" name="spip" border="0" id="spip" alt="spip"/></a></div> 59 </div> 60 <!-- secondary --> 54 </div><!-- secondary --> 61 55 <div class="clear"><span></span></div> 62 </div> 63 <!-- Close Page --> 64 <p id="footer"><small> 65 <INCLURE {fond=inc_pied_de_page}> 66 </small></p> 56 </div><!-- Close Page --> 57 <INCLURE{fond=inc_pied_de_page}> 67 58 </body> 68 59 </BOUCLE_breve_principal> -
_squelettes_/spip-party/squelettes/inc_dernieres_breves.html
r5954 r5962 1 1 <B_breves> 2 2 <div class="sb_latest"> 3 <h2><:dernieres_breves:></h2>4 <span class="metalink"><a href="#URL_PAGE{backend-breves}" title="RSS <:breves:>">RSS</a></span>5 <ul id="dernieres_breves">6 <BOUCLE_breves(BREVES) {!par date} {0,5}>7 <li><a href="#URL_BREVE"[ title="(#INTRODUCTION|textebrut|entites_html)"]class="resume">#TITRE</a></li>8 </BOUCLE_breves>9 </ul>3 <h2><:dernieres_breves:></h2> 4 <span class="metalink"><a href="#URL_PAGE{backend-breves}" title="RSS <:breves:>">RSS</a></span> 5 <ul id="dernieres_breves"> 6 <BOUCLE_breves(BREVES) {!par date}{age<100} {0,5}> 7 <li><a href="#URL_BREVE" class="resume">#TITRE</a></li> 8 </BOUCLE_breves> 9 </ul> 10 10 </div> 11 11 </B_breves> -
_squelettes_/spip-party/squelettes/inc_derniers_commentaires_plat.html
r5954 r5962 1 1 <B_commentaires> 2 2 <div class="sb_latest"> 3 <h2>Derniers commentaires</h2>4 <ul>5 <BOUCLE_commentaires(FORUMS) {plat} {!par date} {0,10}>6 7 8 </ul>3 <h2>Derniers commentaires</h2> 4 <ul> 5 <BOUCLE_commentaires(FORUMS) {plat} {!par date}{age<100} {0,10}> 6 <li><a href="#URL_ARTICLE#forum#ID_FORUM" >#TITRE</a></li> 7 </BOUCLE_commentaires> 8 </ul> 9 9 </div> 10 10 </B_commentaires> -
_squelettes_/spip-party/squelettes/inc_galaxie.html
r5954 r5962 1 <a href="http://www.spip.net/" title="Site officiel : Pr �sentation, t�l�chargement, exemples, forums, etc.">SPIP</a>2 <a href="http://zone.spip.org/" title="SPIP-zone: Une communaut � ouverte de � cr�ations libres avec SPIP �">Zone</a>1 <a href="http://www.spip.net/" title="Site officiel : Préentation, téléhargement, exemples, forums, etc.">SPIP</a> 2 <a href="http://zone.spip.org/" title="SPIP-zone: Une communauté ouverte de � créations libres avec SPIP �">Zone</a> 3 3 <a href="http://forum.spip.org/" title="Les forums SPIP">Forums</a> 4 4 <a href="http://www.spip-contrib.net/" title="SPIP Contrib : les contributeurs partagent">Contrib</a> 5 5 <a href="irc://irc.freenode.net/spip" title="Le canal IRC pour poser les questions en direct">Irc</a> 6 6 <a href="http://www.spip-party.net/" title="SPIP Party pour se rencontrer physiquement autour de SPIP">Party</a> 7 <a href="http://spip.blog.ouvaton.org/" title="SPIP blog : �a bloggue et �a trolle">Blog</a>7 <a href="http://spip.blog.ouvaton.org/" title="SPIP blog : ça bloggue et ça trolle">Blog</a> 8 8 <a href="http://mag.spip.net/" title="SPIP Mag�, le webzine sur et autour de Spip">Mag</a> 9 9 <a href="http://zine.spip.org/" title="SPIP Mag�, le webzine sur et autour de Spip">Zine</a> -
_squelettes_/spip-party/squelettes/inc_head.html
r5954 r5962 19 19 [(#REM) Choix des CSS selon les secteurs ] 20 20 21 <link rel="stylesheet" href="#CHEMIN{styles/style k2.css}" type="text/css" />21 <link rel="stylesheet" href="#CHEMIN{styles/style.css}" type="text/css" /> 22 22 23 23 <BOUCLE_feria-yellow(RUBRIQUES){id_rubrique}{id_secteur=1}> … … 29 29 </BOUCLE_feria-purple> 30 30 31 <link rel="stylesheet" href="#CHEMIN{styles/feria-blue.css}" type="text/css" /> 32 33 <//B_feria-purple> 34 <//B_feria-yellow> 35 31 36 [(#REM) Balise permettant aux plugins d'inserer des appels javascript ou css ] 32 37 #INSERT_HEAD -
_squelettes_/spip-party/squelettes/inc_menu-haut.html
r5954 r5962 3 3 </BOUCLE_rubriques> 4 4 5 <li style="position: absolute; right: 0 px;"><a href="ecrire"><:espace_prive:></a></li>5 <li style="position: absolute; right: 0;"><a href="ecrire"><:espace_prive:></a></li> -
_squelettes_/spip-party/squelettes/inc_pied_de_page.html
r5954 r5962 1 <p id="footer"> 1 2 <INCLURE{fond=inc_galaxie}> 2 3 <br><img src="#CHEMIN{../images/ilovespip.png}" name="logobones" width="16" height="16" border="0" align="middle" id="logobones" /><a href="http://www.aucuneid.net/bones" title="Bones" target="_blank">Squelette BONES</a> |K2 by <a href="http://binarybonsai.com" target="_blank">Michael</a> and <a href="http://chrisjdavis.org" target="_blank">Chris</a>| <a href="#URL_SITE_SPIP/oo">OO</a> |<a href="http://www.mozilla-europe.org/fr/products/firefox/" target="_blank"> <img src="http://sfx-images.mozilla.org/affiliates/Buttons/36x14/blue.gif" alt="Get Firefox!" border="0" align="middle" title="Get Firefox!"/></a> | <a href="http://www.spip.net"><:site_realise_avec_spip:> </a>| <a href="http://zone.spip.org/" target="_blank"><img src="#CHEMIN{../images/ispipzone.png}" name="spipzone" width="38" height="16" border="0" align="middle" id="spipzone" /></a> 4 </p> -
_squelettes_/spip-party/squelettes/inc_sites.html
r5954 r5962 1 1 <B_syndic> 2 2 <div class="sb_latest"> 3 <h2><:nouveautes_web:></h2>4 <ul>5 <BOUCLE_syndic(SYNDIC_ARTICLES) {!par date} {0,5}>6 <li>[(#LOGO_SITE_RUBRIQUE|#URL_ARTICLE||image_reduire{16})]<a href="?page=site&id_syndic=#ID_SYNDIC"[ title="(#DESCRIPTIF|textebrut|entites_html)"]>#NOM_SITE</a> : <a href="#URL_ARTICLE">[(#TITRE*)]</a></li>7 8 </ul>3 <h2><:nouveautes_web:></h2> 4 <ul> 5 <BOUCLE_syndic(SYNDIC_ARTICLES) {!par date}{age<100} {0,5}> 6 <li>[(#LOGO_SITE_RUBRIQUE|#URL_ARTICLE||image_reduire{16})]<a href="[(#ID_SYNDIC|generer_url_site)]">#NOM_SITE</a> : <a href="#URL_ARTICLE">[(#TITRE*)]</a></li> 7 </BOUCLE_syndic> 8 </ul> 9 9 </div> 10 10 </B_syndic> -
_squelettes_/spip-party/squelettes/inc_syndication.html
r1991 r5962 1 1 <div class="sb_latest"> 2 <h2>Abonnez vous</h2>3 <ul class="rss-items">4 5 6 </ul>2 <h2>Abonnez vous</h2> 3 <ul class="rss-items"> 4 <li><a class="url rss" href="backend.php3" title="RSS <:articles:>"><:rss_articles:></a></li> 5 <li><a class="url rss" href="backend-breves.php3" title="RSS <:breves:>"><:rss_breves:></a></li> 6 </ul> 7 7 </div> -
_squelettes_/spip-party/squelettes/resume.html
r5954 r5962 1 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" lang="#LANG" dir="#LANG_DIR"> 3 [(#REM) SPIP Party par Ben.spip, Gilles Vincent & IZO, bas ésur K2 et Bones ]3 [(#REM) SPIP Party par Ben.spip, Gilles Vincent & IZO, base sur K2 et Bones ] 4 4 <head> 5 5 <title>[(#NOM_SITE_SPIP|textebrut)]</title> -
_squelettes_/spip-party/squelettes/rubrique.html
r5954 r5962 2 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 3 3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" lang="#LANG" dir="#LANG_DIR"> 4 [(#REM) SPIP Party par Ben.spip, Gilles Vincent & IZO, bas � sur K2 et Bones ]4 [(#REM) SPIP Party par Ben.spip, Gilles Vincent & IZO, base� sur K2 et Bones ] 5 5 <head> 6 6 <title>[(#TITRE|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]</title> … … 19 19 <hr /> 20 20 <div class="primary"> 21 <div class="center">22 <h2>#TITRE</h2>23 </div>24 21 <div id="post" class="item entry"> 25 22 <div class="itemhead"> … … 30 27 <B_articles_racine> 31 28 <ul> 32 <BOUCLE_articles_racine(ARTICLES) {id_rubrique} { par titre}>33 <li 29 <BOUCLE_articles_racine(ARTICLES) {id_rubrique} {!par date}> 30 <li><a href="#URL_ARTICLE">#TITRE</a></li> 34 31 </BOUCLE_articles_racine> 35 32 </ul> … … 39 36 <BOUCLE_rubriques(RUBRIQUES) {id_parent} {par titre}> 40 37 <li> 41 <div 38 <div><a href="#URL_RUBRIQUE">#TITRE</a></div> 42 39 <B_articles> 43 40 <ul> 44 41 <BOUCLE_articles(ARTICLES) {id_rubrique} {!par date}> 45 <li 42 <li><a href="#URL_ARTICLE">#TITRE</a></li> 46 43 </BOUCLE_articles> 47 44 </ul> … … 53 50 </B_rubriques> 54 51 </BOUCLE_secteurs> 55 </div> 56 57 <!-- itemhead --> 58 </div> 59 <!-- post --> 60 </div> 61 <!-- primary --> 52 </div><!-- itemhead --> 53 </div><!-- post --> 54 </div><!-- primary --> 62 55 <div class="secondary"> 63 56 <INCLURE{fond=inc_agenda}> … … 69 62 <INCLURE{fond=inc_syndication}> 70 63 <div id="logo-spip"><a href="http://www.spip.net" class="spip_out"><img src="#CHEMIN{images/logo-spip.gif}" name="spip" border="0" id="spip" alt="spip"/></a></div> 71 </div> 72 <!-- secondary --> 64 </div><!-- secondary --> 73 65 <div class="clear"><span></span></div> 74 </div> 75 <!-- Close Page --> 76 <p id="footer"> 77 <INCLURE{fond=inc_pied_de_page}> 78 </p> 66 </div><!-- Close Page --> 67 <INCLURE{fond=inc_pied_de_page}> 79 68 </body> 80 69 </BOUCLE_rubrique_principal> -
_squelettes_/spip-party/squelettes/site.html
r5954 r5962 2 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 3 3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" lang="#LANG" dir="#LANG_DIR"> 4 [(#REM) SPIP Party par Ben.spip, Gilles Vincent & IZO, bas � sur K2 et Bones ]4 [(#REM) SPIP Party par Ben.spip, Gilles Vincent & IZO, base� sur K2 et Bones ] 5 5 <head> 6 6 <title>[(#NOM_SITE|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]</title> … … 36 36 </ul> 37 37 <p></p> 38 </div> 39 <!-- itemhead --> 40 </div> 41 <!-- post --> 42 </div> 43 <!-- primary --> 38 </div><!-- itemhead --> 39 </div><!-- post --> 40 </div><!-- primary --> 44 41 <hr /> 45 42 <div class="secondary"> … … 51 48 <INCLURE{fond=inc_syndication}> 52 49 <div id="logo-spip"><a href="http://www.spip.net" class="spip_out"><img src="#CHEMIN{images/logo-spip.gif}" name="spip" border="0" id="spip" alt="spip"/></a></div> 53 </div> 54 <!-- secondary --> 50 </div><!-- secondary --> 55 51 <div class="clear"><span></span></div> 56 </div> 57 <!-- Close Page --> 58 <p id="footer"> 52 </div><!-- Close Page --> 59 53 <INCLURE{fond=inc_pied_de_page}> 60 </p>61 54 </body> 62 55 </BOUCLE_breve_principal> -
_squelettes_/spip-party/squelettes/sommaire.html
r5954 r5962 1 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" lang="#LANG" dir="#LANG_DIR"> 3 [(#REM) SPIP Party par Ben.spip, Gilles Vincent & IZO, bas � sur K2 et Bones ]3 [(#REM) SPIP Party par Ben.spip, Gilles Vincent & IZO, base� sur K2 et Bones ] 4 4 <head> 5 5 <title>[(#NOM_SITE_SPIP|textebrut)]</title> … … 41 41 [(#TOTAL_BOUCLE|=={1}|?{commentaire,commentaires})]</a> 42 42 </B_compte_messages_une> 43 </small> </div> 44 <!-- itemhead --> 43 </small> </div><!-- itemhead --> 45 44 <div class="itemtext"> 46 45 <p>#DESCRIPTIF</p> … … 68 67 [(#TOTAL_BOUCLE|=={1}|?{commentaire,commentaires})]</a> 69 68 </B_compte_messages> 70 </small> </div> 71 <!-- itemhead --> 69 </small> </div><!-- itemhead --> 72 70 <div class="itemtext"> 73 71 <p>#INTRODUCTION</p> … … 75 73 </div> 76 74 </BOUCLE_articles> 77 </div> 78 <!-- primary --> 79 <div class="secondary"> 80 <INCLURE{fond=inc_agenda}> 81 <INCLURE{fond=inc_liste}> 82 <INCLURE{fond=inc_recherche}> 83 <INCLURE{fond=inc_dernieres_breves}> 84 <INCLURE{fond=inc_sites}> 85 <INCLURE{fond=inc_syndication}> 86 <INCLURE{fond=inc_derniers_commentaires_plat}> 87 <div id="logo-spip"><a href="http://www.spip.net" class="spip_out"><img src="#CHEMIN{images/logo-spip.gif}" name="spip" border="0" id="spip" alt="spip"/></a></div> 88 </div> 89 <!-- secondary --> 90 <div class="clear"><span></span></div> 91 </div> 92 <!-- Close Page --> 93 <p id="footer"><small> 94 <INCLURE{fond=inc_pied_de_page}> 95 </small></p> 75 </div><!-- primary --> 76 <div class="secondary"> 77 <INCLURE{fond=inc_agenda}> 78 <INCLURE{fond=inc_liste}> 79 <INCLURE{fond=inc_recherche}> 80 <INCLURE{fond=inc_dernieres_breves}> 81 <INCLURE{fond=inc_sites}> 82 <INCLURE{fond=inc_syndication}> 83 <INCLURE{fond=inc_derniers_commentaires_plat}> 84 <div id="logo-spip"><a href="http://www.spip.net" class="spip_out"><img src="#CHEMIN{images/logo-spip.gif}" name="spip" border="0" id="spip" alt="spip"/></a></div> 85 </div><!-- secondary --> 86 <div class="clear"><span></span></div> 87 </div><!-- Close Page --> 88 <INCLURE {fond=inc_pied_de_page}> 96 89 </body> 97 90 -
_squelettes_/spip-party/squelettes/styles/feria-blue.css
r1230 r5962 1 /* 2 Theme Name: K2 3 Theme URI: http://binarybonsai.com/wordpress/k2/ 4 Description: The sequel in spirit to <a href="http://binarybonsai.com/kubrick/">Kubrick</a>. Developed by <a href="http://binarybonsai.com">Michael Heilemann</a> with help from <a href="http://chrisjdavis.org">Chris J. Davis</a>. Share and distribute. 5 Version: Beta One 6 Author: Michael Heilemann & Chris J Davis 7 Author URI: http://binarybonsai.com/ 1 /* modification des couleurs du theme principal */ 8 2 9 10 | /_ ) 11 . < / 12 _|\_\___| 13 14 http://binarybonsai.com/k2/ 15 16 This theme was created by Michael Heilemann: 17 http://binarybonsai.com/ 18 19 Special credit to Chris J. Davis: 20 http://www.chrisjdavis.org/ 21 22 All elements of this theme are protected by the GPL: 23 http://www.opensource.org/licenses/gpl-license.php 24 25 Support questions go here: 26 http://www.flickr.com/groups/binarybonsai/ 27 28 IMPORTANT: This is a beta release. While it is more or less feature complete, 29 it is sure to still contain a few bugs here and there. Use at your own risk 30 31 32 --> CSS OVERVIEW 33 34 There are sections throughout, roughly describing 35 the contents inside each section. To step through each 36 section, do a search for '/ * -' (without spaces) and 37 repeat the search until you find the section you need. 38 39 I have exaggerated the use of selectors in some places, 40 so as to make it easier for people to gain an overview 41 of what classes belong where in the hierarchy. 42 43 I suggest you copy and paste whatever changes you want 44 to make, into k2scheme.css, so as to keep this file 45 intact and make it easier for yourself to debug any 46 problems. 47 */ 48 49 50 /*- Page Structure */ 51 52 body { 53 font-size: 76%; /* http://www.thenoodleincident.com/tutorials/typography/ */ 54 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 55 color: #444; 56 background-color: #799FCF; 57 text-align: center; 58 margin: 20px 0 30px; 59 } 60 61 #page { 62 background: #fff; 63 text-align: left; 64 margin: 0 auto; 65 padding: 10px; 66 position: relative; 67 /* The entire template's width is set in this class. */ 68 width: 760px; 69 _width: 720px; 70 } 71 72 body.flex #page { /* For the flexible-width setting. Not IE compatible */ 73 width: 80%; 74 min-width: 760px; 75 max-width: 1000px; 76 } 3 body { background-color: #799FCF; } 77 4 78 5 #header { 79 padding: 0; 80 margin: 0; 81 position: relative; 82 height: 200px; 83 background: no-repeat url(header-blue.png) center top #799FCF; } 84 85 .primary { 86 width: 65%; 87 min-width: 500px; 88 _width: 500px; /* IE Hack */ 89 float: left; 90 padding: 20px 2% 10px 2%; 91 margin: 0; 92 font-size: 1em; 93 } 94 95 .secondary { 96 font: 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif; 97 padding: 10px 0; 98 margin: 0 0 20px 71%; 99 width: 26%; 100 color: #666; 101 /* The following are IE Fixes */ 102 _margin-left: 0%; 103 _margin-right: -3%; 104 _width: 28%; 105 } 106 107 .comments { 108 text-align: left; 109 padding: 30px 0 0; 110 position: relative; 111 } 112 113 #footer { 114 margin: 10px auto 0; 115 } 116 117 118 /*- Main Menu in Header */ 119 120 ul.menu { 121 margin: 0; 122 padding: 0; 123 position: absolute; 124 bottom: 0; 125 left: 20px; 126 width: 90%; 127 } 128 129 ul.menu li { 130 display: inline; 131 margin: 0; 132 } 133 134 ul.menu, 135 ul.menu li a { 136 padding: 5px 15px 6px; 137 } 138 139 ul.menu li a { 140 font: 1em Verdana, Helvetica, Arial, Sans-Serif; 141 color: white; 142 margin: 0; 143 } 144 145 ul.menu li a:hover { 146 background: #333; 147 color: #eee; 148 text-decoration: none; 149 } 6 background: no-repeat url(header-blue.png) center top #799FCF; 7 } 150 8 151 9 ul.menu li.current_page_item a, 152 10 ul.menu li.current_page_item a:hover { 153 background: white; 154 text-decoration: none; 155 color: #799FCF; 156 font-weight: bold; 11 color: #799FCF; 157 12 } 158 13 159 .admintab {160 position: absolute;161 right: 20px;162 }163 164 /*- Sidebar Subpages Menu */165 166 .sb_pagemenu ul {167 margin-left: 10px;168 }169 170 .sb_pagemenu ul ul {171 margin-top: 2px;172 }173 174 .sb_pagemenu ul ul .page_item {175 margin-left: 10px;176 padding: 0;177 }178 179 .sb_pagemenu .current_page_item {180 }181 182 183 /*- Headings */184 185 h1, h2, h3, h4, h5 {186 font-family: 'Trebuchet MS', Verdana, Sans-Serif;187 }188 189 h1 { /* H1 is used for the title of your blog */190 font-size: 2.55em;191 letter-spacing: -1px;192 padding-top: 25px;193 margin: 0 0 40px 40px;194 font-weight: bold;195 width: 100%;196 }197 198 h1, h1 a, h1 a:hover, h1 a:visited,199 #header .description {200 text-decoration: none;201 /* color: white;*/202 }203 204 #header .description { /* Blog description, under blog title */205 font-size: 1em;206 margin: 0 0 0 40px;207 }208 209 .primary h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */210 font-size: 2.05em;211 font-weight: bold;212 margin: 0 0 10px;213 padding: 0;214 letter-spacing: -1px;215 text-align: center;216 display: inline;217 }218 219 .secondary h2 { /* Secondary H2 is sidebar headlines */220 font-size: 1.3em;221 font-weight: normal;222 padding: 0;223 display: inline;224 }225 226 .primary h3, .primary h4 { /* H3 is entry headlines. H4 is comments and replyform headlines */227 font-size: 1.7em;228 font-weight: normal;229 letter-spacing: -1px;230 display: inline;231 }232 233 .primary .aside h3 {234 font-size: 1.3em;235 font-weight: normal;236 }237 238 .primary h5 {239 font-size: 1.2em;240 font-weight: normal;241 }242 243 .itemhead {244 margin-bottom: 0.7em;245 }246 247 .itemtext p {248 margin-bottom: 1em;249 }250 251 .itemtext h3 { /* For use on Pages */252 font-size: 1.5em;253 display: block;254 padding: 15px 0 0;255 }256 257 .itemtext h4 { /* For use on Pages */258 font-size: 1.3em;259 display: block;260 padding: 15px 0 0;261 }262 263 .secondary > div {264 margin: 20px 0 0;265 padding: 0;266 }267 268 .primary .metalink a, .primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */269 .secondary .metalink a, .secondary .metalink a:visited,270 .secondary span a, .secondary span a:visited {271 color: #999;272 font-weight: normal;273 }274 275 .primary .item .itemhead .metalink, .comments .primary .metalink {276 font-size: 1.65em;277 letter-spacing: -1px;278 text-transform: lowercase;279 margin-left: 15px;280 }281 282 .primary .aside .itemhead .metalink {283 font-size: 1.15em;284 }285 286 .comments .primary .metalink {287 margin: 0 15px 0 0;288 float: none;289 }290 291 .secondary div > .metalink {292 text-align: right;293 }294 295 .primary .aside {296 padding: 8px;297 margin: 0 4%;298 }299 300 .secondary .aside {301 margin: 0;302 padding: 0 0 10px;303 word-spacing: -1px;304 }305 306 .secondary .aside .metalink {307 padding-left: 0px;308 }309 310 .secondary span a {311 margin-left: 10px;312 }313 314 .metalink a span {315 display: none;316 }317 318 .metalink a:hover > span {319 display: inline;320 }321 322 h2, h2 a, h2 a:visited,323 h3, h3 a, h3 a:visited,324 h4, h4 a, h4 a:visited {325 color: #444;326 }327 328 h2, h2 a, h2 a:hover, h2 a:visited,329 h3, h3 a, h3 a:hover, h3 a:visited,330 h4, h4 a, h4 a:hover, h4 a:visited {331 text-decoration: none;332 }333 334 .metadata { /* Time and category for blog entries */335 display: block;336 margin-left: 80px;337 }338 339 /*- Primary Contents */340 341 .primary .item_article {342 margin: 0;343 margin-top: 20px;344 padding-top: 28px;345 background: url('../images/separateur-spip-party-blue.jpg') top right no-repeat;346 }347 348 .primary .item_article .image {349 margin-top: -18px;350 float: left;351 width: 80px;352 background-color: white;353 }354 355 .primary .item_article h3,356 .primary .article_une h3 {357 display: block;358 margin: 20px 0 0 80px;359 }360 361 .primary .item_article h3 a:hover,362 .primary .article_une h3 a:hover {363 text-decoration: underline;364 }365 366 p.spip,367 .primary .item .itemtext {368 font: 1em/1.35em 'Lucida Grande', Verdana, Arial, Sans-Serif;369 text-align: justify;370 }371 372 .primary .item .itemtext p,373 .primary .item .itemtext ul,374 .primary .item .itemtext ol,375 .primary .item .itemtext div,376 .primary .item .itemtext blockquote {377 margin: 13px 0;378 }379 380 .primary .aside .itemtext p,381 .primary .aside .itemtext ul,382 .primary .aside .itemtext ol,383 .primary .aside .itemtext div,384 .primary .aside .itemtext blockquote {385 margin: 5px 0;386 }387 388 .comments .commentlist {389 margin: 0;390 padding: 20px 0 0;391 width: 100%;392 }393 394 .comments .commentlist li {395 margin: 10px 0;396 padding: 10px 10px 5px;397 list-style: none;398 }399 400 .comments .commentlist li img {401 padding: 0;402 border: none;403 }404 405 .comments .commentlist li img.gravatar {406 float: right;407 margin: -5px 0 0;408 }409 410 .comments .commentlist li .commentauthor {411 font-size: 1.1em;412 font-weight: bold;413 letter-spacing: -1px;414 }415 416 .comments .commentlist li .counter {417 font: normal 1.1em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;418 color: #999;419 float: left;420 width: 35px;421 }422 423 .comments .commentlist li.authorcomment {424 background: #f6f7f8;425 }426 427 .comments .pinglist {428 font-size: 1.05em;429 padding: 0;430 margin: 0;431 }432 433 .comments .pinglist li {434 margin-left: 40px;435 padding: 7px 0;436 list-style: none;437 }438 439 .comments .pinglist li .commentauthor {440 font-weight: bold;441 display: block;442 }443 444 .comments .pinglist li small {445 font: .8em Arial, Sans-Serif;446 display: block;447 }448 449 .comments .pinglist li .counter {450 display: none;451 }452 453 .comments .pinglist li span.favatar img {454 margin-left: -25px;455 border: none;456 padding: 0;457 float: left;458 }459 460 .comments form {461 clear: both;462 padding: 1px 0 30px;463 margin: 0;464 }465 466 input[type=text], textarea {467 font: 1em Verdana, Arial, Helvetica, Sans-Serif;468 border: 1px #ccc solid;469 padding: 3px;470 color: #777;471 }472 473 input[type=text]:focus, textarea:focus {474 background: #fff;475 color: #333;476 border-color: #666;477 }478 479 .comments form input[type=text] {480 width: 95%;481 margin: 5px 5px 1px 0;482 }483 484 .comments form textarea {485 height: 250px;486 width: 96%;487 padding: 2px;488 }489 490 .comments form #submit {491 margin: 0;492 float: right;493 }494 495 #footer p {496 text-align: center;497 }498 499 #footer a {500 color: #888;501 border-bottom: 1px solid #ccc;502 font-weight: bold;503 }504 505 #footer a:hover {506 border: none;507 text-decoration: none;508 color: black;509 }510 511 512 /*- Links */513 514 a:hover, a:visited:hover {515 text-decoration: underline;516 }517 518 14 h2 a:hover, h2 span a:hover { 519 520 15 color: #799FCF; 16 } 521 17 522 18 a { 523 color: #799FCF; 524 text-decoration: none; 525 } 19 color: #799FCF; 20 } 526 21 527 22 .itemtext a:visited { 528 color: #799FCF; 529 } 530 531 532 /*- Various Tags and Classes */ 533 534 .clear { 535 clear: both; 536 margin: 0; 537 padding: 0; 538 } 539 540 .primary img { 541 margin-left: -5px; 542 padding: 4px; 543 border: 1px solid #ccc; 544 max-width: 100%; 545 } 546 547 548 .center { 549 text-align: center; 550 } 551 552 .alignright { 553 float: right; 554 } 555 556 .alignleft { 557 float: left 558 } 559 560 img.center { 561 display: block; 562 margin-left: auto; 563 margin-right: auto; 564 } 565 566 img.alignright { 567 padding: 4px; 568 margin: 0 0 2px 7px; 569 display: inline; 570 } 571 572 img.alignleft { 573 padding: 4px; 574 margin: 0 7px 2px 0; 575 display: inline; 576 } 577 578 img.noborder { 579 border: none; 580 } 581 582 .favorite img { 583 padding: 0; 584 border: none; 585 } 586 587 .tags { 588 padding: 1px 10px; 589 background: #f3f3f3; 590 border: 1px solid #ddd; 591 } 592 593 small { 594 font-size: .9em; 595 line-height: 1.4em; 596 } 597 598 small, strike { 599 color: #777; 600 } 601 602 code { 603 font: 1em 'Courier New', Courier, Fixed; 604 } 605 606 acronym, abbr, /*span.caps*/ { 607 font-size: 0.9em; 608 letter-spacing: .07em; 609 border-bottom: 1px dashed #999; 610 cursor: help; 611 } 612 613 blockquote { 614 margin: 20px 0; 615 padding: 0 20px 0 50px; 616 background: url('images/quote.png') 10px top no-repeat; 617 border: none; 618 } 619 620 hr { 621 display: none; 622 } 623 624 .navigation { 625 text-align: center; 626 margin: 10px 0 10px; 627 padding: 0; 628 width: 100%; 629 } 630 631 .navigation p { 632 margin: 0; 633 padding: 0; 634 } 635 636 .navigation a { 637 color: #999; 638 } 639 640 img.wp-smiley { 641 border: none; 642 padding: 0 0 0 5px; 643 } 644 645 .alert { 646 background: #FFF6BF; 647 border-top: 2px solid #FFD324; 648 border-bottom: 2px solid #FFD324; 649 text-align: center; 650 margin: 10px auto; 651 padding: 5px 20px; 652 } 653 654 655 /*- Begin Lists */ 656 .itemtext ol, .itemtext ul { 657 padding: 0 0 0 35px; 658 margin: 0; 659 } 660 661 .itemtext ol li, .itemtext ul li { 662 margin: 0 0 3px; 663 padding: 0; 664 } 665 666 .secondary ul, .secondary ol, .secondary > div > div { 667 margin: 5px 0 0; 668 padding-left: 0; 669 } 670 671 .secondary ul { 672 _margin-left: 0px; /* IE Fix */ 673 } 674 675 .secondary ol { 676 margin-left: 15px; 677 } 678 679 .secondary ul li, .secondary ol li { 680 margin: 0; 681 padding: 1px 0; 682 } 683 684 .secondary ul li { 685 list-style-type: none; 686 list-style-image: none; 687 } 688 689 ol li { 690 list-style: decimal outside; 691 } 692 693 694 /*- Search Form and Livesearch */ 695 696 .secondary div.sb_search { 697 margin-top: 20px; 698 } 699 700 .secondary div.sb_search h2 { 701 display: none; 702 } 703 704 input[type=text], input[type=search], textarea { 705 color: #444; 706 padding: 2px 0 2px 2px; 707 margin: 0; 708 border: 1px solid #ccc; 709 } 710 711 .livesearchform input#livesearch { 712 width: 98%; 713 } 714 715 .livesearchform input[type=submit] { 716 margin: 0; 717 } 718 719 #LSResult { 720 margin: 0; 721 width: 200px; 722 z-index: 100; 723 position: absolute; 724 background: #eee url('images/livesearchbg.jpg') center repeat-y; 725 border-bottom: 1px solid #eee; 726 } 727 728 #searchcontrols { 729 text-align: center; 730 padding: 1px; 731 background: #ddd url('images/livesearchbgdark.jpg') center repeat-y; 732 } 733 734 #searchcontrols small { 735 margin: 0; 736 padding: 0; 737 } 738 739 .LSRow:hover, #LSHighlight, #LSHighlight:hover { 740 background: #ffffcc url('images/livesearchbghilight.jpg') center repeat-y; } 741 742 #LSResult:hover #LSHighlight { 743 background: none; 744 border: none; 745 padding: 5px 2px; 746 } 747 748 #LSHighlight small, #LSHighlight small span a { 749 color: #999; 750 } 751 752 .LSRow { 753 padding: 5px 10px; 754 } 755 756 .LSRow span a, .LSRow span a:visited { 757 word-spacing: -1px; 758 line-height: 1.1em; 759 font-weight: normal; 760 color: #bbb; 761 } 762 763 764 /* CSS Beyond this point is for various supported plugins and not the 'core' K2 template */ 765 766 #logo-spip { 767 margin-top: 6em; 768 text-align: center; 769 } 770 771 #submitComment { 772 text-align: center; 773 } 774 775 /*- 776 Brian's Latest Comments 777 http://meidell.dk/archives/2004/09/12/brians-latest-comments/ 778 */ 779 780 .secondary div.sb_comments ul li span a, div.sb_comments ul li small a { 781 color: #999; 782 font-weight: normal; 783 word-spacing: -1px; 784 } 785 786 .secondary div.sb_comments ul li { 787 margin-bottom: 6px; 788 } 789 790 .activityentry { 791 font-size: 1em; 792 } 793 794 div.sb_comments small { 795 display: block; 796 margin: 0; 797 font-weight: normal; 798 line-height: 0.85em; 799 } 800 801 .sb_flickr img 802 { 803 border: 0px; 804 padding: 5px; 23 color: #799FCF; 805 24 } 806 25 807 /*- 808 WordPress: Touched 809 http://twilightuniverse.com/2005/03/wordpress-touched/ 810 811 No support for Touched 0.6 in the rest of K2. 812 Seems a bit flaky just now. Waiting for new version. 813 */ 26 .item .itemtext { 27 padding-top: 48px; 28 background: url(../images/separateur-spip-party-blue.jpg) top right no-repeat; 29 } 814 30 815 #poststuff fieldset { 816 border: none; 817 } 818 819 #poststuff #title, #poststuff #excerpt, #poststuff #tags { 820 width: 470px; 821 } 822 823 #poststuff #title { 824 font-size: 1.7em; 825 } 826 827 828 /*- 829 Super Archives 830 */ 831 832 #af-ela { 833 margin-left: 10px; 834 } 835 836 #af-ela ul { 837 padding: 0; 838 } 839 840 #af-ela ul li { 841 list-style-type: none; 842 list-style-image: none; 843 text-align: left; 844 padding: 1px 8px; 845 } 846 847 #af-ela-menu { 848 border-bottom: 1px solid #ccc; 849 margin-bottom: 0; 850 } 851 852 /* The Chronological or Categorical Tabs */ 853 #af-ela-menu li { 854 display: inline; 855 padding: 2px 10px !important; 856 border: 1px solid #ccc; 857 border-bottom: none; 858 margin-bottom: 0; 859 } 860 861 #af-ela-menu li.selected { 862 background: #FFF6BF; 863 } 864 865 /* Hovering state of the table items */ 866 #af-ela-year li:hover, #af-ela-month li:hover, #af-ela-post li:hover, #af-ela-category li:hover { 867 background: #f3f3f3; 868 border-top: 1px solid #ccc; 869 border-bottom: 1px solid #ccc; 870 padding-top: 0; 871 padding-bottom: 0; 872 } 873 874 #af-ela-year { 875 float: left; 876 width: 20%; 877 margin: 0; 878 padding: 0; 879 } 880 881 #af-ela-year li { 882 position: relative; 883 font-weight: bold; 884 } 885 886 #af-ela-month, #af-ela-category { 887 float: left; 888 width: 20%; 889 margin: 0; 890 border-left: 1px solid #ccc; 891 font-weight: bold; 892 } 893 894 /* Category view only has two columns. So it has more width available */ 895 #af-ela-category { 896 width: 40%; 897 } 898 899 900 #af-ela-month li { 901 position: relative; 902 } 903 904 #af-ela-post { 905 float: left; 906 width: 59%; 907 margin: 0; 908 border-left: 1px solid #ccc; 909 border-right: 1px solid #ccc; 910 } 911 912 #af-ela-post li { 913 position: relative; 914 font-weight: bold; 915 } 916 917 #af-ela ul li span { 918 position: absolute; 919 right: 8px; 920 font-weight: normal; 921 color: #aaa; 922 } 923 924 /* Active or hovered item in list */ 925 #af-ela-year li.selected, #af-ela-month li.selected, #af-ela-post li.selected, #af-ela-category li.selected, #af-ela-post li:hover { 926 background: #FFF6BF; 927 border-top: 1px solid #FFD324; 928 border-bottom: 1px solid #FFD324; 929 padding-top: 0; 930 padding-bottom: 0; 931 } 932 933 .archives span { 934 color: #bbb; 935 } 936 937 938 /* 939 Ultimate Tag Warrior 940 */ 941 942 span.localtags { 943 display: none; 944 font-size: .7em; 945 line-height: 1.3em; 946 color: #ddd; 947 } 948 949 small { 950 } 951 952 953 954 /* 955 Contact Form 956 */ 957 958 .contactform { 959 width: 100%; 960 position: relative; 961 } 962 963 .contactleft { 964 width: 15%; 965 text-align: right; 966 clear: both; 967 float: left; 968 display: inline; 969 padding: 4px; 970 margin: 5px 0; 971 } 972 973 .contactright { 974 width: 70%; 975 text-align: left; 976 float: right; 977 display: inline; 978 padding: 4px; 979 margin: 5px 0; 980 } 981 982 .contacterror { 983 border: 1px solid #ff0000; 984 } 985 986 .sb_latest ul li, 987 ul#dernieres_breves li { 988 list-style-type: square; 989 margin-left:15px; 990 color: #999; 991 } 992 993 /* Peace and forgiveness */ 994 /* Learn more about the other K2: http://en.wikipedia.org/wiki/K2 */ 31 .comments .itemtext { 32 padding: 0; 33 background: #fff; 34 } -
_squelettes_/spip-party/squelettes/styles/feria-purple.css
r1158 r5962 1 /* 2 modification des couleurs du thème principal 3 */ 1 /* modification des couleurs du theme principal */ 4 2 5 6 /*- Page Structure */ 7 8 body { 9 background-color: #913D92; 10 } 3 body { background-color: #913D92; } 11 4 12 5 #header { 13 6 background: no-repeat url(header-purple.jpg) center top #913D92; 14 7 } 15 8 16 9 ul.menu li.current_page_item a, 17 10 ul.menu li.current_page_item a:hover { 18 11 color: #bd1a8d; 19 12 } 20 13 21 14 h2 a:hover, h2 span a:hover { 22 15 color: #800040; 23 16 } 24 17 25 18 a { 26 19 color: #913D92; 27 20 } 28 21 29 22 .itemtext a:visited { 30 23 color: #800080; 31 24 } 32 25 33 26 .item .itemtext { 34 35 background: url('../images/separateur-spip-party-purple.jpg') top right no-repeat;36 27 padding-top: 48px; 28 background: url(../images/separateur-spip-party-purple.jpg) top right no-repeat; 29 } 37 30 38 31 .comments .itemtext { 39 40 background: white;32 padding: 0; 33 background: #fff; 41 34 } 42 -
_squelettes_/spip-party/squelettes/styles/feria-yellow.css
r1158 r5962 1 /* 2 modification des couleurs du thème principal 3 */ 1 /* modification des couleurs du theme principal */ 4 2 5 6 /*- Page Structure */ 7 8 body { 9 background-color: #F0C44F; 10 } 3 body { background-color: #F0C44F; } 11 4 12 5 #header { 13 6 background: no-repeat url(header-apero.jpg) center top #F0C44F; 14 7 } 15 8 16 9 ul.menu li.current_page_item a, 17 10 ul.menu li.current_page_item a:hover { 18 11 color: #F0C44F; 19 12 } 20 13 21 14 h2 a:hover, h2 span a:hover { 22 15 color: #ff8000; 23 16 } 24 17 25 18 a { 26 19 color: #ff8000; 27 20 } 28 21 29 22 .itemtext a:visited { 30 23 color: #ff8000; 31 24 } 32 25 33 26 .item .itemtext { 34 35 background: url('../images/separateur-spip-party-yellow.jpg') top right no-repeat;36 27 padding-top: 48px; 28 background: url(../images/separateur-spip-party-yellow.jpg) top right no-repeat; 29 } 37 30 38 31 .comments .itemtext { 39 40 background: white;32 padding: 0; 33 background: #fff; 41 34 } 42 -
_squelettes_/spip-party/squelettes/styles/style.css
r1798 r5962 54 54 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 55 55 color: #444; 56 background-color: # 913d92;56 background-color: #799FCF; 57 57 text-align: center; 58 58 margin: 20px 0 30px; 59 59 } 60 60 61 61 #page { … … 66 66 position: relative; 67 67 /* The entire template's width is set in this class. */ 68 width: 7 60px;68 width: 755px; 69 69 _width: 720px; 70 70 } 71 71 72 72 body.flex #page { /* For the flexible-width setting. Not IE compatible */ … … 74 74 min-width: 760px; 75 75 max-width: 1000px; 76 76 } 77 77 78 78 #header { … … 81 81 position: relative; 82 82 height: 200px; 83 background: no-repeat url(header-purple.jpg) center top #913D92; } 83 background: no-repeat url(header-blue.jpg) center top #799FCF; 84 } 84 85 85 86 .primary { … … 90 91 padding: 20px 2% 10px 2%; 91 92 margin: 0; 92 93 } 93 94 94 95 .secondary { … … 102 103 _margin-right: -3%; 103 104 _width: 28%; 104 105 } 105 106 106 107 .comments { … … 108 109 padding: 30px 0 0; 109 110 position: relative; 110 111 } 111 112 112 113 #footer { 113 margin: 10px auto 0; 114 } 114 margin: 10px auto 0; width: 755px; 115 } 116 117 /* Corrections des styles par defaut */ 118 img { border: none; } 115 119 116 120 … … 124 128 left: 20px; 125 129 width: 90%; 126 130 } 127 131 128 132 ul.menu li { 129 133 display: inline; 130 134 margin: 0; 131 135 } 132 136 133 137 ul.menu, 134 138 ul.menu li a { 135 139 padding: 5px 15px 6px; 136 140 } 137 141 138 142 ul.menu li a { 139 143 font: 1em Verdana, Helvetica, Arial, Sans-Serif; 140 color: white;141 margin: 0; 142 144 color: #fff; 145 margin: 0; 146 } 143 147 144 148 ul.menu li a:hover { 145 149 background: #333; 146 color: #eee !important;150 /*color: #eee !important;*/ 147 151 text-decoration: none; 148 152 } 149 153 150 154 ul.menu li.current_page_item a, 151 155 ul.menu li.current_page_item a:hover { 152 background: white;156 background: #fff; 153 157 text-decoration: none; 154 158 color: #bd1a8d; … … 158 162 position: absolute; 159 163 right: 20px; 160 164 } 161 165 162 166 /*- Sidebar Subpages Menu */ … … 164 168 .sb_pagemenu ul { 165 169 margin-left: 10px; 166 170 } 167 171 168 172 .sb_pagemenu ul ul { 169 173 margin-top: 2px; 170 174 } 171 175 172 176 .sb_pagemenu ul ul .page_item { 173 177 margin-left: 10px; 174 178 padding: 0; 175 179 } 176 180 177 181 .sb_pagemenu .current_page_item { 178 182 } 179 183 180 184 … … 183 187 h1, h2, h3, h4 { 184 188 font-family: 'Trebuchet MS', Verdana, Sans-Serif; 185 189 } 186 190 187 191 h1 { /* H1 is used for the title of your blog */ … … 192 196 font-weight: bold; 193 197 width: 100%; 194 198 } 195 199 196 200 h1, h1 a, h1 a:hover, h1 a:visited, 197 201 #header .description { 198 202 text-decoration: none; 199 /* color: white; */200 203 /* color: #fff; */ 204 } 201 205 202 206 #header .description { /* Blog description, under blog title */ 203 207 font-size: 1em; 204 208 margin: 0 0 0 40px; 205 209 } 206 210 207 211 .primary h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */ … … 213 217 text-align: center; 214 218 display: inline; 215 219 } 216 220 217 221 .secondary h2 { /* Secondary H2 is sidebar headlines */ … … 220 224 padding: 0; 221 225 display: inline; 222 226 } 223 227 224 228 .primary h3, .primary h4 { /* H3 is entry headlines. H4 is comments and replyform headlines */ … … 227 231 letter-spacing: -1px; 228 232 display: inline; 229 233 } 230 234 231 235 .primary .aside h3 { 232 236 font-size: 1.4em; 233 237 font-weight: normal; 234 238 } 235 239 236 240 .itemhead { 237 241 margin-top: 10px; 238 242 } 239 243 240 244 .itemtext h3 { /* For use on Pages */ … … 242 246 display: block; 243 247 padding: 15px 0 0; 244 248 } 245 249 246 250 .itemtext h4 { /* For use on Pages */ … … 248 252 display: block; 249 253 padding: 15px 0 0; 250 254 } 251 255 252 256 .secondary > div { 253 257 margin: 20px 0 0; 254 258 padding: 0; 255 259 } 256 260 257 261 .primary .metalink a, .primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */ … … 260 264 color: #999; 261 265 font-weight: normal; 262 266 } 263 267 264 268 .primary .item .itemhead .metalink, .comments .primary .metalink { … … 267 271 text-transform: lowercase; 268 272 margin-left: 15px; 269 273 } 270 274 271 275 .primary .aside .itemhead .metalink { 272 276 font-size: 1.4em; 273 277 } 274 278 275 279 .comments .primary .metalink { 276 280 margin: 0 15px 0 0; 277 281 float: none; 278 282 } 279 283 280 284 .secondary div > .metalink { 281 285 text-align: right; 282 286 } 283 287 284 288 .primary .aside { 285 289 padding: 8px; 286 290 margin: 0 4%; 287 291 } 288 292 289 293 .secondary .aside { … … 291 295 padding: 0 0 10px; 292 296 word-spacing: -1px; 293 297 } 294 298 295 299 .secondary .aside .metalink { 296 padding-left: 0 px;297 300 padding-left: 0; 301 } 298 302 299 303 .secondary span a { 300 304 margin-left: 10px; 301 305 } 302 306 303 307 .metalink a span { 304 308 display: none; 305 309 } 306 310 307 311 .metalink a:hover > span { 308 312 display: inline; 309 313 } 310 314 311 315 h2, h2 a, h2 a:visited, … … 313 317 h4, h4 a, h4 a:visited { 314 318 color: #444; 315 319 } 316 320 317 321 h2, h2 a, h2 a:hover, h2 a:visited, … … 319 323 h4, h4 a, h4 a:hover, h4 a:visited { 320 324 text-decoration: none; 321 325 } 322 326 323 327 .metadata { /* Time and category for blog entries */ 324 328 display: block; 325 329 } 326 330 327 331 /*- Primary Contents */ … … 330 334 margin: 0; 331 335 padding: 5px 0 15px; 332 336 } 333 337 334 338 .primary .item .itemtext { 335 339 font: 1.1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif; 336 340 text-align: justify; 337 341 } 338 342 339 343 .primary .item .itemtext p, … … 343 347 .primary .item .itemtext blockquote { 344 348 margin: 13px 0; 345 349 } 346 350 347 351 .primary .aside .itemtext p, … … 351 355 .primary .aside .itemtext blockquote { 352 356 margin: 5px 0; 353 357 } 354 358 355 359 .comments .commentlist { … … 357 361 padding: 20px 0 0; 358 362 width: 100%; 359 363 } 360 364 361 365 .comments .commentlist li { … … 363 367 padding: 10px 10px 5px; 364 368 list-style: none; 365 369 } 366 370 367 371 .comments .commentlist li img { 368 372 padding: 0; 369 373 border: none; 370 374 } 371 375 372 376 .comments .commentlist li img.gravatar { 373 377 float: right; 374 378 margin: -5px 0 0; 375 379 } 376 380 377 381 .comments .commentlist li .commentauthor { … … 379 383 font-weight: bold; 380 384 letter-spacing: -1px; 381 385 } 382 386 383 387 .comments .commentlist li .counter { … … 386 390 float: left; 387 391 width: 35px; 388 392 } 389 393 390 394 .comments .commentlist li.authorcomment { 391 395 background: #f6f7f8; 392 396 } 393 397 394 398 .comments .pinglist { … … 396 400 padding: 0; 397 401 margin: 0; 398 402 } 399 403 400 404 .comments .pinglist li { … … 402 406 padding: 7px 0; 403 407 list-style: none; 404 408 } 405 409 406 410 .comments .pinglist li .commentauthor { 407 411 font-weight: bold; 408 412 display: block; 409 413 } 410 414 411 415 .comments .pinglist li small { 412 416 font: .8em Arial, Sans-Serif; 413 417 display: block; 414 418 } 415 419 416 420 .comments .pinglist li .counter { 417 421 display: none; 418 422 } 419 423 420 424 .comments .pinglist li span.favatar img { … … 423 427 padding: 0; 424 428 float: left; 425 429 } 426 430 427 431 .comments form { … … 429 433 padding: 1px 0 30px; 430 434 margin: 0; 431 435 } 432 436 433 437 input[type=text], textarea { … … 436 440 padding: 3px; 437 441 color: #777; 438 442 } 439 443 440 444 input[type=text]:focus, textarea:focus { … … 442 446 color: #333; 443 447 border-color: #666; 444 448 } 445 449 446 450 .comments form input[type=text] { 447 451 width: 45%; 448 452 margin: 5px 5px 1px 0; 449 453 } 450 454 451 455 .comments form textarea { … … 453 457 width: 100%; 454 458 padding: 2px; 455 459 } 456 460 457 461 .comments form #submit { 458 462 margin: 0; 459 463 float: right; 460 } 461 462 #footer p { 463 text-align: center; 464 } 465 466 #footer a { 467 color: #888; 468 border-bottom: 1px solid #ccc; 469 font-weight: bold; 470 } 471 472 #footer a:hover { 473 border: none; 474 text-decoration: none; 475 color: black; 476 } 477 464 } 465 466 #footer p { text-align: center; } 467 #footer, #footer a { color: #fff; } 468 #footer a { font-weight: bold; text-decoration: none; } 469 #footer a:hover { text-decoration: underline; } 478 470 479 471 /*- Links */ … … 481 473 a:hover, a:visited:hover { 482 474 text-decoration: underline; 483 475 } 484 476 485 477 h2 a:hover, h2 span a:hover { 486 478 color: #800040; 487 479 } 488 480 489 481 a { 490 482 color: #913D92; 491 483 text-decoration: none; 492 484 } 493 485 494 486 .itemtext a:visited { 495 487 color: #800080; 496 488 } 497 489 498 490 .resume { 499 491 display: block; 500 492 line-height: 16px; 501 493 } 502 494 503 495 /*- Various Tags and Classes */ … … 507 499 margin: 0; 508 500 padding: 0; 509 501 } 510 502 511 503 .primary img { 512 504 margin-left: -5px; 513 505 padding: 4px; 514 border: 1px solid #ccc;506 /*border: 1px solid #ccc;*/ 515 507 max-width: 100%; 516 508 } 517 509 518 510 519 511 .center { 520 512 text-align: center; 521 513 } 522 514 523 515 .alignright { 524 516 float: right; 525 517 } 526 518 527 519 .alignleft { 528 520 float: left 529 521 } 530 522 531 523 img.center { … … 533 525 margin-left: auto; 534 526 margin-right: auto; 535 527 } 536 528 537 529 img.alignright { … … 539 531 margin: 0 0 2px 7px; 540 532 display: inline; 541 533 } 542 534 543 535 img.alignleft { … … 545 537 margin: 0 7px 2px 0; 546 538 display: inline; 547 539 } 548 540 549 541 img.noborder { 550 542 border: none; 551 543 } 552 544 553 545 .favorite img { 554 546 padding: 0; 555 547 border: none; 556 548 } 557 549 558 550 .tags { … … 560 552 background: #f3f3f3; 561 553 border: 1px solid #ddd; 562 554 } 563 555 564 556 small { 565 557 font-size: .9em; 566 558 line-height: 1.5em; 567 559 } 568 560 569 561 small, strike { 570 562 color: #777; 571 563 } 572 564 573 565 code { 574 566 font: 1.1em 'Courier New', Courier, Fixed; 575 567 } 576 568 577 569 acronym, abbr, /*span.caps*/ { … … 580 572 border-bottom: 1px dashed #999; 581 573 cursor: help; 582 574 } 583 575 584 576 blockquote { … … 587 579 background: url('images/quote.png') 10px top no-repeat; 588 580 border: none; 589 581 } 590 582 591 583 hr { 592 584 display: none; 593 585 } 594 586 595 587 .navigation { … … 598 590 padding: 0; 599 591 width: 100%; 600 592 } 601 593 602 594 .navigation p { 603 595 margin: 0; 604 596 padding: 0; 605 597 } 606 598 607 599 .navigation a { 608 600 color: #999; 609 601 } 610 602 611 603 img.wp-smiley { 612 604 border: none; 613 605 padding: 0 0 0 5px; 614 606 } 615 607 616 608 .alert { … … 621 613 margin: 10px auto; 622 614 padding: 5px 20px; 623 615 } 624 616 625 617 … … 628 620 padding: 0 0 0 35px; 629 621 margin: 0; 630 622 } 631 623 632 624 .itemtext ol li, .itemtext ul li { 633 625 margin: 0 0 3px; 634 626 padding: 0; 635 627 } 636 628 637 629 .secondary ul, .secondary ol, .secondary > div > div { 638 630 margin: 5px 0 0; 639 631 padding-left: 0; 640 632 } 641 633 642 634 .secondary ul { 643 _margin-left: 0 px; /* IE Fix */644 635 _margin-left: 0; /* IE Fix */ 636 } 645 637 646 638 .secondary ol { 647 639 margin-left: 15px; 648 640 } 649 641 650 642 .secondary ul li, .secondary ol li { 651 643 margin: 0; 652 644 padding: 1px 0; 653 645 } 654 646 655 647 .secondary ul li { 656 648 list-style-type: none; 657 649 list-style-image: none; 658 650 } 659 651 660 652 ol li { 661 653 list-style: decimal outside; 662 654 } 663 655 664 656 … … 667 659 .secondary div.sb_search { 668 660 margin-top: 20px; 669 661 } 670 662 671 663 .secondary div.sb_search h2 { 672 664 display: none; 673 665 } 674 666 675 667 input[type=text], input[type=search], textarea { … … 678 670 margin: 0; 679 671 border: 1px solid #ccc; 680 672 } 681 673 682 674 .livesearchform input#livesearch { 683 675 width: 98%; 684 676 } 685 677 686 678 .livesearchform input[type=submit] { 687 679 margin: 0; 688 680 } 689 681 690 682 #LSResult { … … 695 687 background: #eee url('images/livesearchbg.jpg') center repeat-y; 696 688 border-bottom: 1px solid #eee; 697 689 } 698 690 699 691 #searchcontrols { … … 701 693 padding: 1px; 702 694 background: #ddd url('images/livesearchbgdark.jpg') center repeat-y; 703 695 } 704 696 705 697 #searchcontrols small { 706 698 margin: 0; 707 699 padding: 0; 708 700 } 709 701 710 702 .LSRow:hover, #LSHighlight, #LSHighlight:hover { 711 background: #ffffcc url('images/livesearchbghilight.jpg') center repeat-y; 703 background: #ffffcc url('images/livesearchbghilight.jpg') center repeat-y;} 712 704 713 705 #LSResult:hover #LSHighlight { … … 715 707 border: none; 716 708 padding: 5px 2px; 717 709 } 718 710 719 711 #LSHighlight small, #LSHighlight small span a { 720 712 color: #999; 721 713 } 722 714 723 715 .LSRow { 724 716 padding: 5px 10px; 725 717 } 726 718 727 719 .LSRow span a, .LSRow span a:visited { … … 730 722 font-weight: normal; 731 723 color: #bbb; 732 724 } 733 725 734 726 … … 745 737 font-weight: normal; 746 738 word-spacing: -1px; 747 739 } 748 740 749 741 .secondary div.sb_comments ul li { 750 742 margin-bottom: 6px; 751 743 } 752 744 753 745 .activityentry { 754 746 font-size: 1.1em; 755 747 } 756 748 757 749 div.sb_comments small { … … 760 752 font-weight: normal; 761 753 line-height: 1em; 762 754 } 763 755 764 756 .sb_flickr img 765 757 { 766 border: 0 px;758 border: 0; 767 759 padding: 5px; 768 760 } … … 778 770 #poststuff fieldset { 779 771 border: none; 780 772 } 781 773 782 774 #poststuff #title, #poststuff #excerpt, #poststuff #tags { 783 775 width: 470px; 784 776 } 785 777 786 778 #poststuff #title { 787 779 font-size: 2em; 788 780 } 789 781 790 782 … … 795 787 #af-ela { 796 788 margin-left: 10px; 797 789 } 798 790 799 791 #af-ela ul { 800 792 padding: 0; 801 793 } 802 794 803 795 #af-ela ul li { … … 806 798 text-align: left; 807 799 padding: 1px 8px; 808 800 } 809 801 810 802 #af-ela-menu { 811 803 border-bottom: 1px solid #ccc; 812 804 margin-bottom: 0; 813 805 } 814 806 815 807 /* The Chronological or Categorical Tabs */ … … 820 812 border-bottom: none; 821 813 margin-bottom: 0; 822 814 } 823 815 824 816 #af-ela-menu li.selected { 825 817 background: #FFF6BF; 826 818 } 827 819 828 820 /* Hovering state of the table items */ … … 833 825 padding-top: 0; 834 826 padding-bottom: 0; 835 827 } 836 828 837 829 #af-ela-year { … … 840 832 margin: 0; 841 833 padding: 0; 842 834 } 843 835 844 836 #af-ela-year li { 845 837 position: relative; 846 838 font-weight: bold; 847 839 } 848 840 849 841 #af-ela-month, #af-ela-category { … … 853 845 border-left: 1px solid #ccc; 854 846 font-weight: bold; 855 847 } 856 848 857 849 /* Category view only has two columns. So it has more width available */ 858 850 #af-ela-category { 859 851 width: 40%; 860 852 } 861 853 862 854 863 855 #af-ela-month li { 864 856 position: relative; 865 857 } 866 858 867 859 #af-ela-post { … … 871 863 border-left: 1px solid #ccc; 872 864 border-right: 1px solid #ccc; 873 865 } 874 866 875 867 #af-ela-post li { 876 868 position: relative; 877 869 font-weight: bold; 878 870 } 879 871 880 872 #af-ela ul li span { … … 883 875 font-weight: normal; 884 876 color: #aaa; 885 877 } 886 878 887 879 /* Active or hovered item in list */ … … 892 884 padding-top: 0; 893 885 padding-bottom: 0; 894 886 } 895 887 896 888 .archives span { 897 889 color: #bbb; 898 890 } 899 891 900 892 … … 908 900 line-height: 1.5em; 909 901 color: #ddd; 910 902 } 911 903 912 904 small { 913 905 } 914 906 915 907 … … 922 914 width: 100%; 923 915 position: relative; 924 916 } 925 917 926 918 .contactleft { … … 932 924 padding: 4px; 933 925 margin: 5px 0; 934 926 } 935 927 936 928 .contactright { … … 941 933 padding: 4px; 942 934 margin: 5px 0; 943 935 } 944 936 945 937 .contacterror { 946 938 border: 1px solid #ff0000; 947 939 } 948 940 949 941 /* Peace and forgiveness */ -
_squelettes_/spip-party/squelettes/styles/stylek2.css
r1994 r5962 63 63 64 64 #page { 65 background: white;65 background: #fff; 66 66 text-align: left; 67 67 margin: 0 auto; … … 145 145 ul.menu li a { 146 146 font: 1em Verdana, Helvetica, Arial, Sans-Serif; 147 color: white;147 color: #fff; 148 148 margin: 0; 149 149 } … … 158 158 ul.menu li.current_page_item a:hover { 159 159 color: #333 !important; 160 background: white;160 background: #fff; 161 161 text-decoration: none; 162 162 } … … 164 164 .admintab { 165 165 position: absolute; 166 right: 0 px;166 right: 0; 167 167 _padding: 5px 15px 6px; /* IE hack */ 168 168 } … … 207 207 #header .description { 208 208 text-decoration: none; 209 color: white;209 color: #fff; 210 210 } 211 211 … … 330 330 331 331 .secondary .aside .metalink { 332 padding-left: 0 px;332 padding-left: 0; 333 333 } 334 334 … … 790 790 791 791 .secondary ul { 792 _margin-left: 0 px; /* IE Fix */792 _margin-left: 0; /* IE Fix */ 793 793 } 794 794 … … 923 923 .sb-flickr img 924 924 { 925 border: 0 px;925 border: 0; 926 926 padding: 5px; 927 927 }
Note: See TracChangeset
for help on using the changeset viewer.