Changeset 32232 in spip-zone


Ignore:
Timestamp:
Oct 20, 2009, 6:52:51 AM (11 years ago)
Author:
neofutur777@…
Message:

detail css

Location:
_squelettes_/SpipFeeder
Files:
3 added
2 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/SpipFeeder/sommaire.html

    r31663 r32232  
    4545    <a href="/" title="Accueil">Accueil<span class="desc">Bienvenue</span></a>
    4646  </div>
    47   <INCLURE{fond=banner}>
     47  <INCLURE(banner.php3)>
    4848
    4949  <!-- Content begins -->
    5050  <div id="content">
     51   <div id="ads">
    5152    <!-- Left side menu : side bar links/news/search/etc. -->
    5253    <div id="contentLeft">
     
    5556        <div class="menu_gauche"><a href="#URL_RUBRIQUE" class="menunoItem">#TITRE</a></div>
    5657      </BOUCLE_rubriques>
    57 <INCLURE{fond=menu1}>
     58      <INCLURE(menu1.php3)>
    5859      <p><span class="header">Carnet des inscrits</span></p>
    5960      <BOUCLE_syndic_sites(SITES) {par nom_site} {tout}>
     
    6667      <!-- Creates the rounded corner on the bottom of the left menu -->
    6768      <div class="bottomCorner"><img src="images/corner_sub_br.gif" alt="bottom corner" class="vBottom"/></div>
    68       <INCLURE{fond=leftfooter}>
    69     </div>
     69      <INCLURE(leftfooter.php3)>
     70    </div> <!-- End left side menu -->
     71    <div id="contentRight">
    7072    <!-- Right side main content -->
    71 <div id="contentRight">
    72    <table id="contentTopRight" summary="contenu principal"><tr>
    73     <td id="edito">
    74         <INCLURE{fond=message}> <hr />
     73     <table id="contentTopRight" summary="contenu principal"><tr>
     74      <td id="edito">
     75        <INCLURE(message.php3)> <hr />
    7576        <span class="header"><a href="#URL_SITE">#NOM_SITE</a> :: <BOUCLE_rss(SITES){id_syndic}><a href="#URL_SYNDIC">RSS</a></BOUCLE_rss></span>
    7677     #DESCRIPTIF
    77     </td>
    78     <td id="cal">
    79      [(#URL_SITE_SPIP|monCalendrier)]
    80     </td>
    81    </tr></table>
    82    [(#URL_SITE_SPIP|monDrawSyndic{0,0})]
    83    <!-- Creates bottom left rounded corner -->
    84    <img src="images/corner_sub_bl.gif" alt="bottom corner" class="vBottom" />
    85   </div>
    86  
    87   <!-- Footer begins -->
    88   <div id="footer">
    89   <INCLURE{fond=footer}>
    90   </div>
    91  </div>
    92 </div>
     78      </td>
     79      <td id="cal">
     80       [(#URL_SITE_SPIP|monCalendrier)]
     81      </td>
     82     </tr></table>
     83     [(#URL_SITE_SPIP|monDrawSyndic{0,0})]
     84     <!-- Creates bottom left rounded corner -->
     85     <img src="images/corner_sub_bl.gif" alt="bottom corner" class="vBottom" />
     86    </div> <!-- End Right side main content -->
     87   </div>  <!-- End ads -->
     88   <div id="warning">
     89<h3>Vous avez ete bloque car vous utilisez l extension firefox <b>adblock</b> </h3><br />
     90   Vous avez raison de vous proteger des publicites agressives<br />
     91   ( popups et autres pubs clignotantes . . . ) mais . . . <br />
     92   Notre site n utilise <b> aucune</b> publicite agressive et n en<br />
     93   utilisera <b>jamais</b>, pas de popups, popunder, flash.<br />
     94   Les quelques annonces <b>uniquement textuelles</b> sur ce site<br />
     95   web nous aident a payer le cout de la bande passante necessaire pour<br />
     96   vous offrir un media libre, alternatif et gratuit<br />
     97   Nous vous remercions donc de <a href="http://www.devcha.com/2007/08/how-to-disable-adblock-plus-or.html">desactiver l extension Adblock pour ce site</a><br />
     98   puis de rafraichir la page pour acceder au contenu que vous souhaitiez voir<br />
     99   </div> <!-- end warning -->
     100
     101  </div> <!-- End content -->
     102   <!-- Footer begins -->
     103   <div id="footer">
     104    <INCLURE(footer.php3)>
     105   </div>
     106 </div>  <!-- End sitebox -->
    93107</body>
    94108</html>
  • _squelettes_/SpipFeeder/styles/screen_aqua.css

    r1835 r32232  
    11/*
    2  _______________________________________________________
    3 |                                                       |
    4 |    DESIGN + http://fullahead.org                      |
    5 |      DATE + 2005.05.12                                |
    6 | COPYRIGHT + free use if this notice is kept in place  |
    7 |                                                       |
    8 | ADAPTATION SPIP + ERIC NOEL + NE0FUTUR + TATANKA      |
    9 |      DATE + 2005.07.19 + 2005.10.23                   |
    10 |_______________________________________________________|
     2 _________________________________________________________
     3|                                                         |
     4|    DESIGN + http://fullahead.org                        |
     5|      DATE + 2005.05.12                                  |
     6| COPYRIGHT + free use if this notice is kept in place    |
     7|_________________________________________________________|
    118
    129*/
     10
    1311
    1412
     
    2826  color: #FFF;
    2927}
     28
     29.bord_banner{
     30        /* background: #53A0FF; */
     31        background: #777;
     32        border: none ;
     33        margin-top: 17px;
     34        margin-left: 0px;
     35        margin-bottom: 0px;
     36        padding: 3px;
     37        font-size: 90%;
     38        text-align: center;
     39}
     40
     41
    3042
    3143
     
    5466}
    5567
     68h3{
     69  font-size: 0.8em;
     70  border: 1px dotted;
     71}
     72
    5673#header a:hover, #header a.active {
    5774  padding-top: 10px;
     
    7693
    7794
     95
     96
    7897/* -- Header title and subTitle layout/display styles -- */
    7998
     99
    80100.title {
    81101  float: left;
    82102  padding: 1em 30px 0 2em;
    83   font-size: 1.4em;
     103  font-size: 1.2em;
    84104  font-weight: bold;
    85105  text-transform: uppercase;
    86106  text-align: right;
    87107  line-height: 0.75em;
    88   letter-spacing: -0.15em;
    89   color: #FC0;
     108  letter-spacing: -0.02em;
     109  color: Red;
    90110}
    91111
    92112.subTitle {
    93113  display: block;
    94   font-size: 0.4em;
    95   line-height: 1.2em; 
    96   letter-spacing: 0.01em;
    97 }
    98 
    99 
     114  font-size: 0.7em;
     115  line-height: 1.2em;
     116  color: Red;
     117  letter-spacing: 0.07em;
     118}
     119
     120
     121
     122
     123#ads{
     124 z-index:2;
     125}
     126#warning{
     127 position: absolute;
     128 z-index:-1;
     129 clear:both;
     130}
    100131/* -- Content layout/display styles -- */
    101132
     
    103134  float: left;
    104135  width: 100%;
    105   padding: 1em 0 1em 0;
     136  padding-top: 7px;
    106137  background-color: #666;
    107138}
     
    109140#contentLeft {
    110141  float: left;
    111   width: 23.3%;
     142  width: 21%;
    112143  margin-bottom: 1em;
    113   background: #777 url(../images/corner_sub_tr.gif) no-repeat top right; 
     144  margin-left: 1px;
     145  background: #777 url(../images/corner_sub_tr.gif) no-repeat top right;
     146  overflow: hidden;
    114147}
    115148
    116149#contentRight {
    117150  float: right;
    118   width: 75%;
     151  width: 76%;
     152  padding: 10px;
    119153  background: #777 url(../images/corner_sub_tl.gif) no-repeat top left;
    120154}
    121155
    122 #contentTopRight {
    123   margin: 1.1em 1.2em 0px 1.2em;
    124 }
    125 
    126 #edito {
    127   font-family: verdana, sans-serif;
    128   font-size: 12px;
    129   height: 110px;
    130 /*  vertical-align: text-top;*/
    131 }
    132 
    133 #edito[id] {
    134   height: auto;
    135   min-height: 110px;
    136 }
    137 
    138 /* Calendrier */
    139 
    140 #cal {
    141   float: right;
    142   text-align: right;
    143   width: 160px;
    144 }
    145 
    146 #cal a {
    147   display: block;
    148   border: 0px;
    149 }
    150 
    151 #cal a:hover {
    152   text-decoration: none;
    153   border: 0px;
    154 }
    155 
    156 #cal table {
    157   width: 160px;
    158   padding-left: 5px;
    159   background-color: #777;
    160 }
    161 
    162 #cal td {
    163   margin: 0px;
    164   padding: 0px;
    165   width: 20px;
    166 }
    167 
    168 /* la case comportant le mois tout en haut */
    169 .calendrier-mois { 
    170   text-align: center;
    171 /*  height: 12px; */
    172   font-size: 12px;
    173   font-weight: bold;
    174   margin-top: 1px;
    175 }
    176 
    177 /* pour distinguer le mois courant */
    178 .calendrier-ce-mois {
    179   text-decoration: underline;
    180 }
    181 
    182 /* les cases L M M J V S D */
    183 .calendrier-jour {
    184   color: #FFF;
    185   font-size: 12px;
    186   text-align: center;
    187   border-bottom: 1px dotted #FFF;
    188 /*  padding-right: 1px; */
    189 }
    190 
    191 /* les cases des numéros de semaines quand pas d'article */
    192 .calendrier-semaine {
    193   color: #FFF;
    194   font-size: 12px;
    195   text-align: center;
    196   border-right: 1px dotted #FFF;
    197 }
    198 
    199 /* les cases des numéros de semaines quand au moins 1 article */
    200 .calendrier-activesemaine {
    201   color: #FFF;
    202   background-color: #AAA;
    203   font-size: 12px;
    204   font-weight: bold;
    205   text-align: center;
    206   border-right: 1px dotted #FFF;
    207 }
    208 
    209 /* la case du jour sélectionné */
    210 .select-day {
    211   background-color: #DDD;
    212   color: #000;
    213   text-align: center;
    214   font-weight: bold;
    215 /*  padding-right: 1px; */
    216   font-size: 12px;
    217 }
    218 
    219 /* pour distinguer le numéro du jour d'aujourd'hui */
    220 .today {
    221   text-decoration: underline;
    222 }
    223 
    224 /* case d'un jour de la semaine */
    225 .weekday {
    226   text-align: center;
    227 /*  padding-right: 1px; */
    228   font-size: 12px;
    229 }
    230 
    231 /* case de week-end */
    232 .weekendday {
    233 /*  background-color: #dbb; */ 
    234 /*   color: black; */
    235   text-align: center;
    236 /*  padding-right: 1px; */
    237   font-size: 12px;
    238 }
    239 
    240 /* case active en semaine */
    241 .activeday {
    242   background-color: #AAA;
    243   text-align: center;
    244   font-weight: bold;
    245 /*  padding-right: 1px; */
    246   font-size: 12px;
    247 }
    248 
    249 /* case active en week-end */
    250 .activeweekendday {
    251   background-color: #AAA;
    252   text-align: center;
    253   font-weight: bold;
    254 /*  padding-right: 1px; */
    255   font-size: 12px;
    256 }
    257 
    258 /* case des jours des autres mois */
    259 .outday {font-size: 12px;}
    260 /* !Calendrier */
    261156
    262157#content p { 
    263   margin: 1.1em 1.2em 1.1em 1.2em;
    264   font-size: 0.7em;
    265   line-height: 1.3em;
    266 }
    267 
    268 .contentTitle {
    269   margin: 1.2em 1.2em 0.5em 1.2em;
     158  margin: 0.2em 0.2em 0.2em 0.2em;
    270159  font-size: 0.8em;
    271   line-height: 1.8em;
    272 }
    273 
    274 .contentTexte {
    275   margin: 0.5em 1.2em 2em 1.2em;
    276   font-size: 0.8em;
    277   line-height: 1.8em;
    278 }
    279 
    280 p.centre {
    281   text-align:center
    282 }
    283  
     160  line-height: 1.4em;
     161}
     162
    284163#content a { 
    285164  text-decoration: none;
     
    291170  color: #DDD;
    292171  background-color: #888;
    293   border-bottom: 1px solid #EEE;
    294 }
    295 
    296 .headerTop, .header, .subHeader {
    297   font-weight: bold;
    298   font-size: 1.1em;
    299   color: #FC0;
    300   border-bottom: 1px solid #AAA;
     172  border-bottom: 1px solid #EEEEEE;
    301173}
    302174
    303175.header, .subHeader {
    304176  display: block;
    305 }
    306 
    307 .header a:visited {
    308   background-color: #888;
    309 }
    310 
    311 .headerTop[class] {
    312   display: block;
     177  clear: both; 
     178  font-weight: bold;
     179  font-size: 0.8em;
     180  color: #FC0;
     181  border-bottom: 1px solid #AAA;   
    313182}
    314183
     
    316185  border: 0px;
    317186}
     187
     188
     189
    318190
    319191
     
    332204  border: 0px;
    333205}
    334 
    335 
    336206/* -- Content left site links (no plus icon) -- */
    337207
     
    345215  border: 0px;
    346216}
     217
     218
    347219
    348220
     
    384256
    385257
     258
     259
    386260/* -- Display formatting styles -- */
    387261
     
    394268  color: #FFF;
    395269}
     270.Orange {
     271  color: Orange;
     272}
    396273
    397274acronym {
     
    399276  border-bottom: 1px dotted #AAA;
    400277}
     278
     279
     280
     281
    401282
    402283
     
    415296
    416297
     298
     299
     300
     301
    417302/* -- Image alignment classes -- */
    418303
     
    432317.menu_gauche {
    433318        border-top: 1px dashed #a0a0a0;
     319        border-bottom: 1px dashed #d0d0d0;
    434320        margin: 1px;
    435321        padding-left: 7px;
     
    439325        font-size: 80%;
    440326}
    441 
    442327.menu_gauche_s {
    443328        border-top: 1px dashed #a0a0a0;
     
    450335}
    451336
    452 .menu_gauche_d {
    453         border-top: 1px dashed #a0a0a0;
    454         border-bottom: 1px dashed #d0d0d0;
    455         margin: 1px;
    456         padding-left: 7px;
    457         padding-right: 7px;
    458         padding-top: 3px;
    459         padding-bottom: 3px;
    460         font-size: 80%;
    461 }
     337
     338
     339
    462340
    463341
     
    471349  vertical-align: bottom;
    472350}
     351
     352#edito {
     353  width: auto;
     354  font-family: verdana, sans-serif;
     355  font-size: 12px;
     356}
     357
     358
     359#cal {
     360        width: 130px;
     361}
     362#contentTopRight {
     363        margin: 1.1em 1.2em 0px 1.2em;
     364}
     365
     366.adHeadline {font: bold 10pt Arial; text-decoration: underline; color: blue;}
     367.adText {font: normal 10pt Arial; text-decoration: none; color: black;}
     368
     369/* Calendrier */
     370/* la case comportant le mois tout en haut */
     371.calendrier-mois {
     372        text-align: center;
     373/*      height: 12px; */
     374        font-size: 12px;
     375        font-weight: bold;
     376        margin-top: 1px;
     377}
     378/* les cases L M M J V S D */
     379.calendrier-semaine {
     380        color: white;
     381        font-size: 12px;
     382        text-align: center;
     383        padding-right: 1px;
     384}
     385/* la case d'aujourd'hui */
     386.today {
     387        background-color: #ddd;
     388        color: black;
     389        text-align: center;
     390        font-weight: bold;
     391        padding-right: 1px;
     392        font-size: 12px;
     393}
     394/* case d'un jour de la semaine */
     395.weekday {
     396        text-align: center;
     397        padding-right: 1px;
     398        font-size: 12px;
     399}
     400
     401/* case de week-end */
     402.weekendday {
     403/*      background-color: #dbb; */
     404/*      color: black; */
     405        text-align: center;
     406        padding-right: 1px;
     407        font-size: 12px;
     408}
     409/* case active en semaine */
     410.activeday {
     411        background-color: #aaa;
     412        text-align: center;
     413        font-weight: bold;
     414        padding-right: 1px;
     415        font-size: 12px;
     416}
     417/* case active en week-end */
     418.activeweekendday {
     419        background-color: #aaa;
     420        text-align: center;
     421        font-weight: bold;
     422        padding-right: 1px;
     423        font-size: 12px;
     424}
     425/* case des jours des autres mois */
     426.outday {font-size: 12px;}
     427/* !Calendrier */
     428
     429
Note: See TracChangeset for help on using the changeset viewer.