Changeset 76606 in spip-zone


Ignore:
Timestamp:
Sep 29, 2013, 4:18:31 PM (6 years ago)
Author:
eric@…
Message:

Mise à jour du squelette de SPIP-Info:

  • ajout de la topnav
  • utilisation de la boussole pour éviter les nom exotiques pour les sites de la galaxie
  • pleins de petites corrections de ci de là

Merci à nicod pour le coup de main sur des css.

Location:
_galaxie_/spip-info/trunk
Files:
1 added
13 edited

Legend:

Unmodified
Added
Removed
  • _galaxie_/spip-info/trunk/404.html

    r29449 r76606  
    1010</head>
    1111<body class="page_404">
     12        [(#PLUGIN{boussole}|oui)<INCLURE{fond=inclure/boussole_topnav_spip}>]
    1213        <div id="page">
    1314
  • _galaxie_/spip-info/trunk/article.html

    r29449 r76606  
    99
    1010<body class="page_article">
     11        [(#PLUGIN{boussole}|oui)<INCLURE{fond=inclure/boussole_topnav_spip}>]
    1112        <div id="page">
    1213
  • _galaxie_/spip-info/trunk/breve.html

    r29449 r76606  
    99
    1010<body class="page_breve">
     11        [(#PLUGIN{boussole}|oui)<INCLURE{fond=inclure/boussole_topnav_spip}>]
    1112        <div id="page">
    1213
  • _galaxie_/spip-info/trunk/css/_elements.css.html

    r28678 r76606  
    300300        margin:0 4% 0 0;
    301301        padding: 0;
    302         width:47%;
     302        width:50%;
    303303}
    304304
     
    307307        margin:0;
    308308        padding:0;
    309         width:48%;
     309        width:45%;
    310310}
    311311
  • _galaxie_/spip-info/trunk/css/boxes.css.html

    r28678 r76606  
    1212*/
    1313
    14         .box{
    15                 background: none transparent;
    16                 color:#797977;
    17                 font-size:0.9em;
    18                 margin:10px auto 0px auto;
    19                 padding:0 10px 10px 10px;
    20                 overflow:hidden;
     14.box{
     15        background: none transparent;
     16        color:#797977;
     17        font-size:0.9em;
     18        margin:10px auto 0px auto;
     19        padding:0 10px 10px 10px;
     20        overflow:hidden;
     21}
     22
     23/* boites en #extra */
     24
     25#extra .box {
     26        float:left;
     27        width: 320px;
     28        margin: 0px 24px 0px 0px;
     29        padding: 15px 0px 10px 0px;
     30        color:#000;
     31}
     32
     33/* Ombre de pied de boite */
     34
     35.box_footer {
     36        display:block;
     37        width: 290px;
     38        height: 16px;
     39        margin: 0px 0px 40px 0px;
     40        padding:0px;
     41        background: transparent url(#CHEMIN{images/bg_box_ombre_bottom.gif}) scroll no-repeat center top;
     42        clear:both;
     43}
     44
     45/* Couleurs des boites */
     46
     47.blue_box {
     48        border-top: 6px solid #0B7599;
     49        background: transparent url(#CHEMIN{images/bg_x_blue_box.png}) scroll repeat-x left top;
     50}
     51                .blue_box h2 {
     52                        color: #0B7599;
     53                }
     54
     55
     56.orange_box {
     57        border-top: 6px solid #FF962F;
     58        background: transparent url(#CHEMIN{images/bg_x_orange_box.png}) scroll repeat-x left top;
     59}
     60                .orange_box h2 {
     61                        color: #FF962F;
     62                }
     63
     64
     65.pink_box {
     66        border-top: 6px solid #EB4654;
     67        background: transparent url(#CHEMIN{images/bg_x_pink_box.png}) scroll repeat-x left top;
     68}
     69                .pink_box h2 {
     70                        color: #EB4654;
     71                }
     72
     73/*titres de toutes les boites*/
     74
     75.box h2{
     76        background:none transparent;
     77        font-size:1.4em;
     78        font-weight:bold;
     79        margin:0px 24px 15px 24px;
     80        padding:0px;
     81        text-decoration:none;
     82}
     83.box h3{
     84        color:#666;
     85        font-size:1.2em;
     86        margin: 4px 24px;
     87}
     88.box p {
     89        margin: 4px 24px;
     90}
     91.box ul {
     92        margin: 4px 24px;
     93}
     94.box li {
     95
     96}
     97.box .linksmore {
     98        text-align:right;
     99        margin: 4px 24px;
     100}
     101.box .linksmore a {
     102        float:right;
     103        font-weight:bold;
     104        font-size:0.9em;
     105        padding-left: 15px;
     106        background: transparent url(#CHEMIN{images/puce.gif}) scroll no-repeat left center;
     107}
     108
     109/* formulaires à  l'interieur des boites */
     110.box fieldset, .box form{
     111        border:0;
     112        margin:4px 24px;
     113        padding:0;
     114        width:95%;
     115}
     116.box label{
     117        display:block;
     118        float:none;
     119        width:auto;
     120        font-size:0.9em;
     121}
     122.box input{
     123        width:65%;
     124        margin: 0px;
     125        padding: 3px 2px;
     126        height: 24px;
     127        line-height:26px;
     128        float:left;
     129        font-size: 1.2em;
     130        border:1px solid #0B7599;
     131}
     132.box input.submit { /* bouton standard */
     133        background:#FFF;
     134        border:1px solid #0B7599;
     135        color: #000;
     136        text-transform:uppercase;
     137        font-size:1em;
     138        font-weight:normal;
     139        font-family:Verdana, Arial, Helvetica, sans-serif;
     140        width:auto;
     141        float:left;
     142        padding: 0px;
     143        margin: 0px;
     144        line-height:normal;
     145}
     146.box input.submit_image { /* bouton en image */
     147        display:block;
     148        width:32px;
     149        height:32px;
     150        border:0px none;
     151        background: none transparent;
     152        margin: -2px 0px 0px 17px;
     153}
     154
     155
     156/*
     157BOITE RECHERCHE (toute page)
     158----------------------------
     159*/
     160.boxsearch {
     161        width:163px;
     162        height: 43px;
     163        padding-top: 9px;
     164        background: none transparent;
     165        position:absolute;
     166        left:715px;
     167        top:140px;
     168}
     169.boxsearch label {
     170        display:block;
     171        width:113px;
     172        height:16px;
     173        background: transparent url(#CHEMIN{images/rechercher.png}) scroll no-repeat 1px top;
     174        margin-bottom: 4px;
     175
     176        /* Adjust IE */
     177        *margin-top: 4px;
     178        *position: relative;
     179        *left: -20px;
     180}
     181.boxsearch label span {
     182        display:none;
     183}
     184.boxsearch input {
     185        background:#FFF;
     186        border:1px solid #0B7599;
     187        color:#666;
     188        font-size:0.9em;
     189        padding: 0px 2px;
     190        width:108px;
     191        height:auto;
     192        line-height: normal;
     193        float:left;
     194}
     195.boxsearch input.submit {
     196        background:none transparent;
     197        border:0px none;
     198        color: #FFF;
     199        text-transform:uppercase;
     200        font-size:1em;
     201        font-weight:normal;
     202        font-family:Verdana, Arial, Helvetica, sans-serif;
     203        width:auto;
     204        float:left;
     205        padding: 0px;
     206        margin: -2px 0px 0px 0px;
     207        line-height:normal;
     208
     209        /* Adjust IE */
     210        *margin-left: 2px;
     211}
     212
     213
     214/*
     215RACCOURCIS DU PIED DE PAGE (toute page)
     216---------------------------------------
     217*/
     218.boxshorcutfooter{
     219        background:#FFF;
     220        margin: 0px;
     221        padding:0px auto;
     222        text-align:center;
     223        font-size:0.8em;
     224}
     225.boxshorcutfooter h2{
     226        display:none;
     227}
     228.boxshorcutfooter ul{
     229        background:none transparent;
     230        margin: 0px;
     231        padding: 0px;
     232}
     233        .boxshorcutfooter ul.outils {
     234                margin-top: 10px;
    21235        }
    22 
    23         /* boites en #extra */
    24        
    25         #extra .box {
    26                 float:left;
    27                 width: 320px;
    28                 margin: 0px 24px 0px 0px;
    29                 padding: 15px 0px 10px 0px;
    30                 color:#000;
    31         }
    32        
    33         /* Ombre de pied de boite */
    34        
    35         .box_footer {
    36                 display:block;
    37                 width: 290px;
    38                 height: 16px;
    39                 margin: 0px 0px 40px 0px;
    40                 padding:0px;
    41                 background: transparent url(#CHEMIN{images/bg_box_ombre_bottom.gif}) scroll no-repeat center top;
    42                 clear:both;
    43         }
    44        
    45         /* Couleurs des boites */
    46        
    47         .blue_box {
    48                 border-top: 6px solid #0B7599;
    49                 background: transparent url(#CHEMIN{images/bg_x_blue_box.png}) scroll repeat-x left top;
    50         }
    51                         .blue_box h2 {
    52                                 color: #0B7599;
    53                         }
    54                        
    55        
    56         .orange_box {
    57                 border-top: 6px solid #FF962F;
    58                 background: transparent url(#CHEMIN{images/bg_x_orange_box.png}) scroll repeat-x left top;
    59         }
    60                         .orange_box h2 {
    61                                 color: #FF962F;
    62                         }
    63                        
    64                        
    65         .pink_box {
    66                 border-top: 6px solid #EB4654;
    67                 background: transparent url(#CHEMIN{images/bg_x_pink_box.png}) scroll repeat-x left top;
    68         }
    69                         .pink_box h2 {
    70                                 color: #EB4654;
    71                         }
    72                        
    73         /*titres de toutes les boites*/
    74        
    75         .box h2{
    76                 background:none transparent;
    77                 font-size:1.4em;
    78                 font-weight:bold;
    79                 margin:0px 24px 15px 24px;
    80                 padding:0px;
    81                 text-decoration:none;
    82         }
    83         .box h3{
    84                 color:#666;
    85                 font-size:1.2em;
    86                 margin: 4px 24px;
    87         }
    88         .box p {
    89                 margin: 4px 24px;
    90         }
    91         .box ul {
    92                 margin: 4px 24px;
    93         }
    94         .box li {
    95                
    96         }
    97         .box .linksmore {
    98                 text-align:right;
    99                 margin: 4px 24px;
    100         }
    101         .box .linksmore a {
    102                 float:right;
    103                 font-weight:bold;
    104                 font-size:0.9em;
    105                 padding-left: 15px;
    106                 background: transparent url(#CHEMIN{images/puce.gif}) scroll no-repeat left center;
    107         }
    108 
    109         /* formulaires à  l'interieur des boites */
    110         .box fieldset, .box form{
    111                 border:0;
    112                 margin:4px 24px;
    113                 padding:0;
    114                 width:95%;
    115         }
    116         .box label{
    117                 display:block;
    118                 float:none;
    119                 width:auto;
    120                 font-size:0.9em;
    121         }
    122         .box input{
    123                 width:65%;
    124                 margin: 0px;
    125                 padding: 3px 2px;
    126                 height: 24px;
    127                 line-height:26px;
    128                 float:left;
    129                 font-size: 1.2em;
    130                 border:1px solid #0B7599;
    131         }
    132         .box input.submit { /* bouton standard */
    133                 background:#FFF;
    134                 border:1px solid #0B7599;
    135                 color: #000;
    136                 text-transform:uppercase;
    137                 font-size:1em;
    138                 font-weight:normal;
    139                 font-family:Verdana, Arial, Helvetica, sans-serif;
    140         width:auto;
    141         float:left;
    142         padding: 0px;
    143         margin: 0px;
    144                 line-height:normal;
    145         }
    146         .box input.submit_image { /* bouton en image */
    147                 display:block;
    148                 width:32px;
    149                 height:32px;
    150                 border:0px none;
    151                 background: none transparent;
    152                 margin: -2px 0px 0px 17px;
    153         }
    154 
    155        
     236.boxshorcutfooter li {
     237        display:inline;
     238        background:none transparent;
     239        margin: -10px 10px;
     240        padding:0px;
     241        font-style:italic;
     242}
     243.boxshorcutfooter a,
     244.boxshorcutfooter a:visited{
     245        padding:0px;
     246        background:transparent;
     247        font-style:italic;
     248}
     249.boxshorcutfooter a:hover,
     250.boxshorcutfooter a:active{
     251
     252}
     253
     254
     255
    156256/*
    157         BOITE RECHERCHE (toute page)
    158         ----------------------------
    159 */
    160         .boxsearch {
    161         width:163px;
    162         height: 43px;
    163                 padding-top: 9px;
    164                 background: none transparent;
    165                 position:absolute;
    166                 left:715px;
    167                 top:140px;
    168         }
    169         .boxsearch label {
    170                 display:block;
    171                 width:113px;
    172                 height:16px;
    173                 background: transparent url(#CHEMIN{images/rechercher.png}) scroll no-repeat 1px top;
    174         margin-bottom: 4px;
    175                
    176                 /* Adjust IE */
    177                 *margin-top: 4px;
    178                 *position: relative;
    179                 *left: -20px;
    180         }
    181         .boxsearch label span {
    182                 display:none;
    183         }
    184         .boxsearch input {
    185                 background:#FFF;
    186                 border:1px solid #0B7599;
    187                 color:#666;
    188                 font-size:0.9em;
    189                 padding: 0px 2px;
    190                 width:108px;
    191                 height:auto;
    192                 line-height: normal;
    193         float:left;
    194         }
    195         .boxsearch input.submit {
    196                 background:none transparent;
    197                 border:0px none;
    198                 color: #FFF;
    199                 text-transform:uppercase;
    200                 font-size:1em;
    201                 font-weight:normal;
    202                 font-family:Verdana, Arial, Helvetica, sans-serif;
    203         width:auto;
    204         float:left;
    205         padding: 0px;
    206         margin: -2px 0px 0px 0px;
    207                 line-height:normal;
    208                
    209                 /* Adjust IE */
    210                 *margin-left: 2px;
    211         }
    212        
    213 
    214 /*
    215         RACCOURCIS DU PIED DE PAGE (toute page)
    216         ---------------------------------------
    217 */
    218         .boxshorcutfooter{
    219                 background:#FFF;
    220                 margin: 0px;
    221                 padding:0px auto;
    222                 text-align:center;
    223                 font-size:0.8em;
    224         }
    225         .boxshorcutfooter h2{
    226                 display:none;
    227         }
    228         .boxshorcutfooter ul{
    229                 background:none transparent;
    230                 margin: 0px;
    231                 padding: 0px;
    232         }
    233                 .boxshorcutfooter ul.outils {
    234                         margin-top: 10px;
    235                 }
    236         .boxshorcutfooter li {
    237                 display:inline;
    238                 background:none transparent;
    239                 margin: -10px 10px;
    240                 padding:0px;
    241                 font-style:italic;
    242         }
    243         .boxshorcutfooter a,
    244         .boxshorcutfooter a:visited{
    245                 padding:0px;
    246                 background:transparent;
    247                 font-style:italic;
    248         }
    249         .boxshorcutfooter a:hover,
    250         .boxshorcutfooter a:active{
    251 
    252         }
    253        
    254 
    255 
    256 /*
    257         BOITES DE LIENS
    258         ---------------
    259 */
    260        
    261          
    262          /* "SITES UTILES" (page contenu - #extra) */
    263         .boxlinks ul {
    264                 margin: 0px 24px;
    265                 padding:0px;
    266         }
    267         .boxlinks ul li {
    268                 margin: 5px 0px;
    269                 padding:0px;
    270                 background: none transparent;
    271         }
    272         .boxlinks ul li a{
    273                 margin: 0px;
    274         }
    275         .boxlinks ul li span {
    276                 display:block;
    277                 clear:both;
    278                 font-family:Verdana, Arial, Helvetica, sans-serif;
    279                 font-size:0.9em;
    280                 margin: 0px;
    281                 padding:0px;
    282         }
    283 
    284         .boxlinks p.pagination {
    285                 display:block;
    286                 margin: 15px auto;
    287                 padding:0px 25px;
    288                 float:none;
    289                 text-align: center;
    290         }
    291         .boxlinks p.pagination a {
    292                 display:block;
    293                 width: auto;
    294                 height: 28px;
    295                 line-height: 28px;
    296         }
    297                 .boxlinks p.pagination a:hover {
    298                         text-decoration:underline;
    299                 }
    300         .boxlinks p.pagination a span {
    301                 display:block;
    302                 padding: 0px;
    303         }
    304         .boxlinks p.pagination a.precedent {
    305                 background: transparent url(#CHEMIN{images/pagin_precedent.png}) scroll no-repeat left 4px;
    306                 padding: 0px 25px 0px 35px;
    307         }
    308         .boxlinks p.pagination a.suivant {
    309                 background: transparent url(#CHEMIN{images/pagin_suivant.png}) scroll no-repeat right 4px;
    310                 padding: 0px 35px 0px 25px;
    311         }
    312        
    313        
    314        
    315         /* LES SITES OFFICIELS (Entête - toute page) */
    316         .box_sites_officiels {
    317                 position:absolute;
    318                 right: 0px;
    319                 top: 35px;
    320         }
    321         .box_sites_officiels h2 {
    322                 display:none;
    323         }
    324         .box_sites_officiels ul {
    325                 text-align:left;
    326         }
    327         .box_sites_officiels ul li {
    328                 border-bottom: 1px solid #CCC;
    329                 padding-left: 65px;
    330                 margin:0px;
    331         }
    332         .box_sites_officiels ul li.spip {
    333                 background: transparent url(#CHEMIN{images/logo_mini_spip_net.gif}) scroll no-repeat left 5px;
    334         }
    335         .box_sites_officiels ul li.spip_contrib {
    336                 background: transparent url(#CHEMIN{images/logo_mini_spip_contrib.gif}) scroll no-repeat left 5px;
    337         }
    338         .box_sites_officiels ul li a:link,
    339         .box_sites_officiels ul li a:visited,
    340         .box_sites_officiels ul li a:active {
    341                 color: #444;
    342                 text-decoration:none;           
    343         }
    344         .box_sites_officiels ul li a:hover {
     257BOITES DE LIENS
     258---------------
     259*/
     260
     261
     262 /* "SITES UTILES" (page contenu - #extra) */
     263.boxlinks ul {
     264        margin: 0px 24px;
     265        padding:0px;
     266}
     267.boxlinks ul li {
     268        margin: 5px 0px;
     269        padding:0px;
     270        background: none transparent;
     271}
     272.boxlinks ul li a{
     273        margin: 0px;
     274}
     275.boxlinks ul li span {
     276        display:block;
     277        clear:both;
     278        font-family:Verdana, Arial, Helvetica, sans-serif;
     279        font-size:0.9em;
     280        margin: 0px;
     281        padding:0px;
     282}
     283
     284.boxlinks p.pagination {
     285        display:block;
     286        margin: 15px auto;
     287        padding:0px 25px;
     288        float:none;
     289        text-align: center;
     290}
     291.boxlinks p.pagination a {
     292        display:block;
     293        width: auto;
     294        height: 28px;
     295        line-height: 28px;
     296}
     297        .boxlinks p.pagination a:hover {
    345298                text-decoration:underline;
    346299        }
    347        
     300.boxlinks p.pagination a span {
     301        display:block;
     302        padding: 0px;
     303}
     304.boxlinks p.pagination a.precedent {
     305        background: transparent url(#CHEMIN{images/pagin_precedent.png}) scroll no-repeat left 4px;
     306        padding: 0px 25px 0px 35px;
     307}
     308.boxlinks p.pagination a.suivant {
     309        background: transparent url(#CHEMIN{images/pagin_suivant.png}) scroll no-repeat right 4px;
     310        padding: 0px 35px 0px 25px;
     311}
     312
     313
     314/* LES SITES OFFICIELS (Entête - toute page) */
     315.box_sites_officiels { position:absolute; right: 0px; top: 35px; }
     316.box_sites_officiels h2 { display:none; }
     317.box_sites_officiels ul { text-align:left; }
     318.box_sites_officiels ul li { border-bottom: 1px solid #CCC;     padding-left: 0; margin: 0; }
     319.box_sites_officiels ul li a  { display: table; }
     320.box_sites_officiels ul li a:hover { text-decoration:none; }
     321.box_sites_officiels ul li a strong:hover { text-decoration:underline; }
     322.box_sites_officiels ul li a:link,
     323.box_sites_officiels ul li a:visited,
     324.box_sites_officiels ul li a:active { text-decoration:none; }
     325.box_sites_officiels ul li a span.logo,
     326.box_sites_officiels ul li a span.texte { display: table-cell; vertical-align: top;}
     327.box_sites_officiels ul li span.logo { width: 40px; padding-top: 5px; }
     328
    348329
    349330/*
    350         BOITES "DANS LA MEME RUBRIQUE"
    351         -------------------------------
    352 */
    353 
    354         .dans_la_meme_rubrique {
    355                 width:929px;
    356                 height:47px;
    357                 margin:0px;
    358                 padding:0px;
    359                 background: transparent url(#CHEMIN{images/bg_dans_la_meme_rubrique.jpg}) scroll no-repeat center top;
    360                 position:absolute;
    361                 top: 205px;
    362                 left: 24px;
    363         }
    364         .dans_la_meme_rubrique ul {
    365                 margin: 7px 0px 0px 5px;
    366                 padding:0px;
    367                 float:left;
    368         }
    369         .dans_la_meme_rubrique ul li {
    370                 display: inline;
    371                 background: none transparent;
    372                 padding: 0px 8px 0px 4px;
    373                 border-right: 1px solid #FFF;
    374         }
    375         .dans_la_meme_rubrique ul li:last-child {
    376                 border:0px none;
    377         }
    378         .dans_la_meme_rubrique ul li a:link,
    379         .dans_la_meme_rubrique ul li a:visited,
    380         .dans_la_meme_rubrique ul li a:active {
    381                 color:#FFF;
    382                 text-decoration:none;                   
    383                 font-family: Verdana, Arial, Helvetica, sans-serif;
    384         }
    385         .dans_la_meme_rubrique ul li a:hover {
    386                 text-decoration:underline;     
    387         }
    388         .dans_la_meme_rubrique p.pagination {
    389                 display:block;
    390                 float:right;
    391         }
    392         .dans_la_meme_rubrique p.pagination a {
    393                 display:block;
    394                 width: 24px;
    395                 height: 24px;
    396                 margin:4px;
    397                 float:left;
    398         }
    399         .dans_la_meme_rubrique p.pagination a span {
    400                 display:none;
    401         }
    402         .dans_la_meme_rubrique p.pagination a.precedent {
    403                 background: transparent url(#CHEMIN{images/pagin_precedent.png}) scroll no-repeat left top;
    404         }
    405         .dans_la_meme_rubrique p.pagination a.suivant {
    406                 background: transparent url(#CHEMIN{images/pagin_suivant.png}) scroll no-repeat left top;
    407         }
    408        
    409        
     331BOITES "DANS LA MEME RUBRIQUE"
     332-------------------------------
     333*/
     334
     335.dans_la_meme_rubrique {
     336        width:929px;
     337        height:47px;
     338        margin:0px;
     339        padding:0px;
     340        background: transparent url(#CHEMIN{images/bg_dans_la_meme_rubrique.jpg}) scroll no-repeat center top;
     341        position:absolute;
     342        top: 205px;
     343        left: 24px;
     344}
     345.dans_la_meme_rubrique ul {
     346        margin: 7px 0px 0px 5px;
     347        padding:0px;
     348        float:left;
     349}
     350.dans_la_meme_rubrique ul li {
     351        display: inline;
     352        background: none transparent;
     353        padding: 0px 8px 0px 4px;
     354        border-right: 1px solid #FFF;
     355}
     356.dans_la_meme_rubrique ul li:last-child {
     357        border:0px none;
     358}
     359.dans_la_meme_rubrique ul li a:link,
     360.dans_la_meme_rubrique ul li a:visited,
     361.dans_la_meme_rubrique ul li a:active {
     362        color:#FFF;
     363        text-decoration:none;
     364        font-family: Verdana, Arial, Helvetica, sans-serif;
     365}
     366.dans_la_meme_rubrique ul li a:hover {
     367        text-decoration:underline;
     368}
     369.dans_la_meme_rubrique p.pagination {
     370        display:block;
     371        float:right;
     372}
     373.dans_la_meme_rubrique p.pagination a {
     374        display:block;
     375        width: 24px;
     376        height: 24px;
     377        margin:4px;
     378        float:left;
     379}
     380.dans_la_meme_rubrique p.pagination a span {
     381        display:none;
     382}
     383.dans_la_meme_rubrique p.pagination a.precedent {
     384        background: transparent url(#CHEMIN{images/pagin_precedent.png}) scroll no-repeat left top;
     385}
     386.dans_la_meme_rubrique p.pagination a.suivant {
     387        background: transparent url(#CHEMIN{images/pagin_suivant.png}) scroll no-repeat left top;
     388}
     389
     390
    410391/*
    411         BOITE "TOUTES LES ACTUS" (Page breves)
    412         --------------------------------------
    413 */
    414 
    415         /* Syndic RSS des actualités */
    416 
    417         a.rss_breves { 
    418                 background: transparent url(#CHEMIN{images/feed.png}) scroll no-repeat left top;
    419         }
    420         a.rss_breves img {
    421                 padding: 0px 3px 3px 3px;
    422         }
     392BOITE "TOUTES LES ACTUS" (Page breves)
     393--------------------------------------
     394*/
     395
     396/* Syndic RSS des actualités */
     397
     398a.rss_breves {
     399        background: transparent url(#CHEMIN{images/feed.png}) scroll no-repeat left top;
     400}
     401a.rss_breves img {
     402        padding: 0px 3px 3px 3px;
     403}
  • _galaxie_/spip-info/trunk/css/structure.css.html

    r28678 r76606  
    77#page{
    88        background:#FFF;
    9         margin:25px auto 0px auto;
     9        margin:40px auto 0px auto;
    1010        position:relative;
    1111        width:969px;
  • _galaxie_/spip-info/trunk/inc-entete.html

    r30154 r76606  
    1                 <!-- Liens d'échappement accessibilité -->
    2                 <p class="skiplink" id="raccourcis"><a href="#contenu" accesskey="s">Aller au contenu</a> | <a href="#navigation" accesskey="n">Aller à la navigation</a> | <a href="#recherche" accesskey="4">Aller à la recherche</a></p>
    3                
    4                 <div id="entete">
    5                         <!-- BANDEAU DU SITE -->       
    6                         <h1><a rel="start" href="#URL_SITE_SPIP" title="Accueil du site" class="logo_site"><span><strong id="nom_site_spip">#NOM_SITE_SPIP</strong></span></a></h1>
    7                         <div class="descriptif_site_spip">
    8                                 <!-- <a rel="start" href="#URL_SITE_SPIP" title="Accueil du site">#SLOGAN_SITE_SPIP</a> -->
    9                                 <a rel="start" href="#URL_SITE_SPIP" title="Accueil du site">Syst&egrave;me de Publication pour un Internet Partag&eacute;</a>  <!-- le temps de regler soucis avec 'Bandeau' et 'Slogan'  -->
    10                         </div>
    11                                
    12                         <!-- MENU DE NAV PRINCIPALE -->
    13                                 <div id="not_nested">
    14                                         <ul class="first_level" id="navigation">
    15                                                 <li class="menu accueil">
    16                                                         <a href="#URL_SITE_SPIP" title="retour accueil"><span class="image_typo">Accueil</span></a>
    17                                                 </li>
     1<!-- Liens d'échappement accessibilité -->
     2<p class="skiplink" id="raccourcis"><a href="#contenu" accesskey="s">Aller au contenu</a> | <a href="#navigation" accesskey="n">Aller à la navigation</a> | <a href="#recherche" accesskey="4">Aller à la recherche</a></p>
    183
    19                                                         <BOUCLE_navigation(RUBRIQUES) {par num titre, titre} {racine} {0,3} {!id_rubrique = 4}>
    20                                                         <li class="menu <BOUCLE_li_class(MOTS) {id_rubrique} {type = _css_class} {" "}>#TITRE</BOUCLE_li_class> [(#EXPOSE)]">
    21                                                                 <a href="#URL_RUBRIQUE" [title="(#DESCRIPTIF|textebrut|attribut_html)"]><span class="image_typo">#TITRE</span>  [<span class="descriptif_rapide">(#DESCRIPTIF|ptobr)</span>]</a>
    22                                                         </li>
    23                                                         </BOUCLE_navigation>
    24                                         </ul>
    25                                 </div>  <!-- #not_nested -->
    26                 </div><!-- #entete --> 
     4<div id="entete">
     5        <!-- BANDEAU DU SITE -->
     6        <h1><a rel="start" href="#URL_SITE_SPIP" title="Accueil du site" class="logo_site"><span><strong id="nom_site_spip">#NOM_SITE_SPIP</strong></span></a></h1>
     7        <div class="descriptif_site_spip">
     8                <!-- <a rel="start" href="#URL_SITE_SPIP" title="Accueil du site">#SLOGAN_SITE_SPIP</a> -->
     9                <a rel="start" href="#URL_SITE_SPIP" title="Accueil du site">Syst&egrave;me de Publication pour un Internet Partag&eacute;</a>  <!-- le temps de regler soucis avec 'Bandeau' et 'Slogan'  -->
     10        </div>
     11
     12        <!-- MENU DE NAV PRINCIPALE -->
     13                <div id="not_nested">
     14                        <ul class="first_level" id="navigation">
     15                                <li class="menu accueil">
     16                                        <a href="#URL_SITE_SPIP" title="retour accueil"><span class="image_typo">Accueil</span></a>
     17                                </li>
     18
     19                                        <BOUCLE_navigation(RUBRIQUES) {par num titre, titre} {racine} {0,3} {!id_rubrique = 4}>
     20                                        <li class="menu <BOUCLE_li_class(MOTS) {id_rubrique} {type = _css_class} {" "}>#TITRE</BOUCLE_li_class> [(#EXPOSE)]">
     21                                                <a href="#URL_RUBRIQUE" [title="(#DESCRIPTIF|textebrut|attribut_html)"]><span class="image_typo">#TITRE</span>  [<span class="descriptif_rapide">(#DESCRIPTIF|ptobr)</span>]</a>
     22                                        </li>
     23                                        </BOUCLE_navigation>
     24                        </ul>
     25                </div>  <!-- #not_nested -->
     26</div><!-- #entete -->
  • _galaxie_/spip-info/trunk/inc-head.html

    r29449 r76606  
    2424[<link rel="stylesheet" href="(#CHEMIN{impression.css}|direction_css)" type="text/css" media="print" />]
    2525
     26[(#REM) Feuille de style CSS de la topnav ]
     27[<link rel="stylesheet" href="(#CHEMIN{css/boussole_topnav.css}|direction_css)" type="text/css" />]
     28
    2629[(#REM) Balise permettant aux plugins d'inserer des appels javascript ou css ;
    2730        C'est ici que SPIP va inserer l'appel de la librairie jQuery
  • _galaxie_/spip-info/trunk/inc-pied.html

    r60681 r76606  
    1                         <div id="pied">
    2                           <div class="box boxshorcutfooter">
    3                                   <ul class="rappel_navigation">
    4                                           <li><a href="#URL_SITE_SPIP" title="voir le squelette de cette page" rel="nofollow">Accueil</a></li>
    5                                           <BOUCLE_rappel_navigation(ARTICLES) {!id_article IN 8,12}>
    6                                                 <li><a href="#URL_ARTICLE">#TITRE</a></li>     
    7                                           </BOUCLE_rappel_navigation>
    8                                   </ul>
     1<div id="pied">
     2        <div class="box boxshorcutfooter">
     3                <ul class="rappel_navigation">
     4                        <li><a href="#URL_SITE_SPIP" title="voir le squelette de cette page" rel="nofollow">Accueil</a></li>
     5                <BOUCLE_rappel_navigation(ARTICLES) {!id_article IN 8,12}>
     6                        <li><a href="#URL_ARTICLE">#TITRE</a></li>
     7                </BOUCLE_rappel_navigation>
     8                </ul>
    99
    10                                         <ul class="outils">
    11                                                 <li><a href="#URL_PAGE{plan}" title="voir le squelette de cette page" rel="nofollow" accesskey="3">Plan du site</a></li>
    12                                                 [(#REM)<li><a href="#">Newsletter</a></li>]
    13                                                 [(#REM)<li><a href="#">Ajouter aux favoris</a></li>]
    14                                                 <li><a href="#URL_PAGE{backend}">RSS&nbsp;2.0</a></li>[
    15         (#AUTORISER{ecrire})<li><a href="#EVAL{_DIR_RESTREINT_ABS}">Espace priv&eacute;</a></li>]
    16                                                 <li>[
    17         (#SESSION{id_auteur}|?{' '})<a href="#URL_LOGOUT" rel="nofollow">Se d&eacute;connecter</a>][(#SESSION{id_auteur}|?{'',' '})<a href="[(#URL_PAGE{login}|parametre_url{url,#SELF})]" rel="nofollow" class='login_modal'><:lien_connecter:></a>]</li>
    18                                                 <li>R&eacute;alisation : &quot;<a href="#URL_SITE_SPIP" title="Spip Info">SPIP info</a>&quot; avec <a href="http://www.spip.net">SPIP&nbsp;#EVAL{$GLOBALS['spip_version_affichee']}</a></li>
    19                                                 <li><a href="#URL_ARTICLE{8}" accesskey="8">#TITRE_ARTICLE{8}</a></li>
    20                                         </ul>
    21                                 </div>
    22        
    23                                
    24                                 <!--
    25                                         Elements visibles dans l'ent�te mais cod�s en fin de page
    26                                         pour raison d'accessibilit� en mode plain-text
    27                                 -->     
    28                
    29                                 <div class="box boxsearch" id="formulaire_recherche">
    30                                         <form action="#" method="get">
    31                                                 <div>
    32                                                         <input name="page" value="recherche" type="hidden" />
    33                                                         <label for="recherche"><span>Rechercher&nbsp;:</span></label>
    34                                                         <input type="text" class="text" size="10" name="recherche" id="recherche" value="Rechercher" accesskey="4" />
    35                                                         <input type="submit" class="submit" value="OK" title="Rechercher" />
    36                                                 </div>
    37                                         </form>
    38                                 </div>
    39                                
    40                                 <div class="box boxlinks box_sites_officiels">
    41                                         <h2>Sites officiels&nbsp;:</h2>
    42                                         <ul>
    43                                                 <li class="spip">
    44                                                         <strong><a href="http://www.spip.net/rubrique91.html" title="Le site officiel de Spip">Spip.net</a></strong><br />
    45                                                         <span class="description">Le site officiel de SPIP</span>
    46                                                 </li>
    47                                                 <li class="spip_contrib">
    48                                                         <strong><a href="http://www.spip-contrib.net" title="Le site de la communaut� Spip">Spip-Contrib.net</a></strong><br />
    49                                                         <span class="description">Le site de la communaut&eacute; SPIP</span>
    50                                                 </li>
    51                                         </ul>
    52                                 </div>
    53                                
    54                         </div><!--#pied-->
     10                <ul class="outils">
     11                        <li><a href="#URL_PAGE{plan}" rel="contents" accesskey="3"><:plan_site:></a></li>
     12                        [(#REM) Newsletter dans le futur ? ]
     13                        <li><a href="#URL_PAGE{backend}">RSS&nbsp;2.0</a></li>
     14                        [(#SESSION{id_auteur}|non)<li><a href="[(#URL_PAGE{login}|parametre_url{url,#SELF})]" rel="nofollow" class='login_modal'><:lien_connecter:></a></li>]
     15                        [(#AUTORISER{ecrire})<li><a href="#EVAL{_DIR_RESTREINT_ABS}"><:espace_prive:></a></li>]
     16                        [(#SESSION{id_auteur}|oui)<li><a href="#URL_LOGOUT" rel="nofollow"><:icone_deconnecter:></a></li>]
     17                        <li>R&eacute;alisation : &quot;<a href="#URL_SITE_SPIP" title="Spip Info">SPIP info</a>&quot; avec <a href="http://www.spip.net">SPIP&nbsp;#SPIP_VERSION</a></li>
     18                <BOUCLE_realisateurs(ARTICLES){id_article=8}>
     19                        <li><a href="#URL_ARTICLE" accesskey="8">#TITRE</a></li>
     20                </BOUCLE_realisateurs>
     21                </ul>
     22        </div>
    5523
     24
     25        <!--
     26                Elements visibles dans l'entete mais codes en fin de page
     27                pour raison d'accessibilite en mode plain-text
     28        -->
     29
     30        <div class="box boxsearch" id="formulaire_recherche">
     31                <form action="#" method="get">
     32                        <div>
     33                                <input name="page" value="recherche" type="hidden" />
     34                                <label for="recherche"><span>Rechercher&nbsp;:</span></label>
     35                                <input type="text" class="text" size="10" name="recherche" id="recherche" value="Rechercher" accesskey="4" />
     36                                <input type="submit" class="submit" value="OK" title="Rechercher" />
     37                        </div>
     38                </form>
     39        </div>
     40
     41        <div class="box boxlinks box_sites_officiels">
     42        <B_sites_officiels>
     43                <h2>Sites officiels&nbsp;:</h2>
     44                <ul>
     45        <BOUCLE_sites_officiels(BOUSSOLES){aka_boussole=spip}{aka_site IN net,contrib}>
     46                        <li>
     47                                <a rel="external" href="#URL_SITE">
     48                                <span class="logo">
     49                                <BOUCLE_logo_site(BOUSSOLES_EXTRAS){aka_boussole}{type_objet=site}{aka_objet=#AKA_SITE}>
     50                                        [(#CHAMP_SQL{logo_objet}
     51                                                |image_reduire{32}
     52                                                |image_recadre{32,32,center,transparent}
     53                                                |inserer_attribut{alt, logo du site})]
     54                                </BOUCLE_logo_site>
     55                                </span>
     56                                [<span class="texte"><strong>(#AKA_BOUSSOLE|boussole_traduire{nom_site, #AKA_SITE})</strong>
     57                                [<br/>(#AKA_BOUSSOLE|boussole_traduire{slogan_site, #AKA_SITE})]
     58                                </span>]
     59
     60                                </a>
     61                        </li>
     62        </BOUCLE_sites_officiels>
     63                </ul>
     64        </B_sites_officiels>
     65        </div>
     66
     67</div><!--#pied-->
     68
  • _galaxie_/spip-info/trunk/plan.html

    r29449 r76606  
    99
    1010<body class="page_plan">
     11[(#PLUGIN{boussole}|oui)<INCLURE{fond=inclure/boussole_topnav_spip}>]
    1112<div id="page">
    1213       
  • _galaxie_/spip-info/trunk/recherche.html

    r29449 r76606  
    88
    99<body class="page_recherche pas_surlignable">
     10[(#PLUGIN{boussole}|oui)<INCLURE{fond=inclure/boussole_topnav_spip}>]
    1011<div id="page">
    1112
  • _galaxie_/spip-info/trunk/rubrique.html

    r29449 r76606  
    99
    1010<body class="page_rubrique">
     11        [(#PLUGIN{boussole}|oui)<INCLURE{fond=inclure/boussole_topnav_spip}>]
    1112        <div id="page">
    1213
     
    4849                    [(#LOGO_ARTICLE|#URL_ARTICLE|image_reduire{150,100})]
    4950                    <h3><a href="#URL_ARTICLE">#TITRE</a></h3>
    50                     [<small>(#CHAPO)</small>]
     51                    [(#CHAPO)]
    5152                </li>
    5253                </BOUCLE_articles>
  • _galaxie_/spip-info/trunk/sommaire.html

    r30154 r76606  
    99
    1010<body class="page_sommaire sans_extra">
     11        [(#PLUGIN{boussole}|oui)<INCLURE{fond=inclure/boussole_topnav_spip}>]
    1112        <div id="page">
    1213
     
    7071                                               
    7172                                                       
    72                                                         <div class="box_footer">
    73 
    74                                                                 <B_aller_plus_loin>
    75                                                                 <div class="box blue_box boxlinks">
    76                                                                         <h2>Pour aller plus loin</h2>
    77                                                                         <ul>
    78                                                                                 <BOUCLE_aller_plus_loin(SITES){titre_mot = aller_plus_loin}{par nom_site}{0,3}{tout}>
    79                                                                                         <li><a href="#URL_SITE">#NOM_SITE</a> [<span class="description">(#DESCRIPTIF|ptobr)</span>]</li>
    80                                                                                 </BOUCLE_aller_plus_loin>
    81                                                                         </ul>
    82                                                                 </div>  <!-- /.box .blue_box .boxlinks -->
    83                                                                 </B_aller_plus_loin>
    84                                                                
    85                                                         </div>                                         
     73                                                        [<div class="box_footer">
     74                                                                (#MODELE{boussole_boxlinks,
     75                                                                        div_class='box blue_box boxlinks',
     76                                                                        titre_boussole='Pour aller plus loin',
     77                                                                        liste=#LISTE{plugin, programmer, herbier}})
     78                                                        </div>]
    8679                       
    8780                                                </div><!-- #boxes -->
Note: See TracChangeset for help on using the changeset viewer.