Changeset 48627 in spip-zone


Ignore:
Timestamp:
Jun 9, 2011, 8:56:42 AM (10 years ago)
Author:
cedric@…
Message:

Voila un premier thème pour Zpip2

Location:
_themes_/zpip-2/HigherGround1-1
Files:
4 added
2 edited
3 copied
2 moved

Legend:

Unmodified
Added
Removed
  • _themes_/zpip-2/HigherGround1-1/body.html

    r33981 r48627  
    1 <!-- wrap starts here -->
    2 <div id="wrap">
     1<body>
     2        <!-- wrap starts here -->
     3        <div id="wrap">
    34
    4         <div id="top-bg"></div>
    5                                
    6         [(#REM) Entete de la page + titre du site ]
    7         <!--header -->
    8         <div id="header">
    9                 [(#REM) HEADER / ENTETE ]
    10                 <INCLURE{fond=inclure/entete,env}>
    11         <!--header ends-->
     5                <div id="top-bg"></div>
     6
     7                <!--header -->
     8                <div id="header">
     9                        <INCLURE{fond=header/#ENV{type},env} />
     10                <!--header ends-->
     11                </div>
     12                <div id="header-photo"></div>
     13                <div id="nav">
     14                        <div id="light-brown-line"></div>
     15                        <INCLURE{fond=inclure/nav,env} />
     16                </div>
     17
     18                <!-- content-wrap starts -->
     19                <div id="content-wrap">
     20
     21                        <div id="main">
     22                                [(#REM) CONTENT / CONTENU ]
     23                                <INCLURE{fond=content/#ENV{type},env} />
     24                        <!-- main ends -->
     25                        </div>
     26
     27                        <!-- sidebar starts -->
     28                        <div id="sidebar">
     29
     30                                <INCLURE{fond=extra1/#ENV{type},env} />
     31
     32                                <INCLURE{fond=extra2/#ENV{type},env} />
     33
     34                        <!-- sidebar ends -->
     35                        </div>
     36
     37                <!-- content-wrap ends-->
     38                </div>
     39
     40                <!-- footer starts -->
     41                <div id="footer-wrap">
     42                        [(#REM) Pied de page ]
     43                        <div id="footer-bottom">
     44                                <INCLURE{fond=footer/#ENV{type},env} />
     45                                <INCLURE{fond=inc-theme-copyleft} />
     46                        </div>
     47                </div>
     48                <!-- footer ends here -->
     49        <!-- wrap ends here -->
    1250        </div>
    13         <div id="header-photo"></div>
    14         <div id="nav">
    15                 <div id="light-brown-line"></div>
    16                 [(#REM) MAIN NAVIGATION / NAVIGATION PRINCIPALE ]
    17                 <INCLURE{fond=inclure/barre-nav,env}>
    18         </div>
    19        
    20         <!-- content-wrap starts -->
    21         <div id="content-wrap">
    22        
    23                 <div id="main">
    24                         [(#REM) CONTENT / CONTENU ]
    25                         <INCLURE{fond=contenu/#ENV{type},env}>
    26                 <!-- main ends -->     
    27                 </div>
    28                
    29                 <!-- sidebar starts -->
    30                 <div id="sidebar">
    31        
    32                         [(#REM) SECONDARY NAVIGATION SIDEBAR / Navigation laterale secondaire ]
    33                         <INCLURE{fond=navigation/#ENV{type},env}>
    34            
    35                         [(#REM) EXTRA INFORMATIONS / Informations complementaires]
    36                         <INCLURE{fond=extra/#ENV{type},env}>
    37        
    38                 <!-- sidebar ends -->           
    39                 </div>
    40                
    41         <!-- content-wrap ends-->       
    42         </div>
    43                
    44         <!-- footer starts -->         
    45         <div id="footer-wrap">
    46                 [(#REM) Pied de page ]
    47                 <div id="footer-bottom">
    48                         [(#REM) FOOTER / Pied de page ]
    49                         <INCLURE{fond=inclure/pied,env}>
    50                         <INCLURE{fond=inc-theme-copyleft}>
    51                 </div>
    52         </div>
    53         <!-- footer ends here -->
    54 <!-- wrap ends here -->
    55 </div>
     51</body>
  • _themes_/zpip-2/HigherGround1-1/css/habillage.css

    r48598 r48627  
    22/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
    33/* --------------------------------------------------------- */
    4 /* ----------------------------------------------
    5         Adaptation pour Spip-zen : Cedric Morin http://www.yterium.com
    6  ------------------------------------------------ */
     4/* ----------------- */
    75
    8 /* Specificites SPIP */
    9 h3.spip {text-align:left;}
     6/********************************************
     7   AUTHOR:                      Erwin Aligam
     8   WEBSITE:                     http://www.styleshout.com/
     9        TEMPLATE NAME:          HigherGround
     10   TEMPLATE CODE:       S-0014
     11   VERSION:          1.1
     12        LAST MODIFIED:    January-12-2008
    1013
    11 #hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }
    12 #hierarchie, #hierarchie a { color: #666; }
    13 
    14 .cartouche { margin-bottom: 2em; }
    15 .cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
    16 .cartouche p { margin: 0; padding: 0; clear: left; }
    17 .surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
    18 .cartouche .surtitre { margin-bottom: 0.30em; }
    19 .cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
    20 .cartouche .traductions { font-size: 0.90em; }
    21 
    22 .chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; color: #669; }
    23 .texte { line-height: 1.60em; }
    24 .hyperlien { display: block; background: transparent url(img/post.jpg) repeat scroll 0 0; padding: 0.50em 1em; font-weight: bold; }
    25 .ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
    26 .notes { clear: both; font-size: 0.90em; }
    27 
    28 abbr.published { border: 0; }
    29 
    30 /* Portfolio */
    31 .documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
    32 .documents_portfolio .spip_logos { margin: 6px 3px 0 3px; padding: 4px; border: 1px solid #DDD; }
    33 .documents_portfolio a:hover .spip_logos { border-color: #F57900; }
    34 .documents_portfolio a.on .spip_logos { border-color: #8B6F92; }
    35 #document_actif { margin: 1em auto; }
    36 #document_actif img { padding: 4px; border: 1px solid #DDD; }
     14    Adaptation pour Zpip : Cedric Morin http://www.yterium.com
     15*******************************************/
    3716
    3817
    39 /* Pagination */
    40 .pagination { clear: both; text-align: right; font-size: 0.95em; color: #666; }
    41 .pagination .on { font-weight: bold; color: #666; }
    4218
    4319.formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/
    4420
    45 .menu-liste, .liste-items  {list-style:none;}
    46 
    47 .liste-items {background: url(img/dots.jpg) repeat-x left bottom;}
    48 .liste-items .item {padding:4px;clear:both;overflow:hidden;background: url(img/dots.jpg) repeat-x left top;}
    49 .liste-items .item a {background:none;}
    50 .liste-items + .pagination {margin-top:0;padding-top:0;}
    51 
    52 
    53 .menu-liste {
    54         text-align: left;
    55         margin: 7px 0 8px;
    56         padding: 0;
    57         text-decoration: none;
    58         background: url(img/dots.jpg) repeat-x left top;
    59 }
    60 .menu-liste .menu-entree {
    61         list-style: none;
    62         background: url(img/dots.jpg) repeat-x left bottom;
    63         padding: 4px 0;
    64         padding-left:5px;
    65         margin: 0 1px;
    66 }
    67 * html body .menu-liste .menu-entree {
    68         height: 1%;
    69 }
    70 .menu-liste .menu-entree a {
    71         text-decoration: none;
    72         background-image: none;
    73 }
    74 .menu-liste .menu-liste { margin-left: 5px; padding: 0; }
    75 .menu-liste .menu-liste .menu-entree  { background: none; }
    7621
    7722
     
    12772/* tables */
    12873tables.spip tr,tables.spip tr.row_odd,tables.spip tr.row_even {background:transparent;}
    129 /* ----------------- */
    130 /********************************************
    131    AUTHOR:                      Erwin Aligam
    132    WEBSITE:                     http://www.styleshout.com/
    133         TEMPLATE NAME:          HigherGround
    134    TEMPLATE CODE:       S-0014
    135    VERSION:          1.1   
    136         LAST MODIFIED:    January-12-2008               
    137  *******************************************/
    138  
     74
    13975/********************************************
    14076   HTML ELEMENTS
    14177********************************************/
    14278
    143 /* Top Elements */
    144 * { margin: 0; padding: 0; outline: 0 }
    145 
    146 body {
    147         background: #CCC;
    148         font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
    149         color: #666666;
    150         text-align: center;
    151         margin: 15px 0;
    152 }
    153 
    154 /* links */
    155 a, a:visited { 
    156         color: #5A93C9;
    157         background: inherit;
    158         text-decoration: none;
    159 }
    160 a:hover {
    161         color: #88ac0b;
    162         background: inherit;
    163         text-decoration: underline;
    164 }
    165 
    166 /* headers */
    167 h1,.h1, h2,.h2, h3,.h3, h3.spip {
    168         font-family: 'Trebuchet MS', Tahoma, Sans-serif;
    169         font-weight: Bold;             
    170 }
    171 h1,.h1 {
    172         font-size: 190%;       
    173         font-weight: normal;
    174         color: #555;
    175         line-height: 1.1em;
    176 }
    177 h2,.h2 {
    178         font-size: 130%;
    179         text-transform: uppercase;
    180         color: #88ac0b;
    181 }
    182 h3,.h3, h3.spip {
    183         font-size: 130%;       
    184 }
    185 
    186 h1,.h1, h2,.h2, h3,.h3, p {
    187         padding: 10px 0;
    188         margin: 0;
    189 }
    190 ul.spip, ol.spip, ul.forum ul.spip {
    191         margin: 5px 20px;
    192         padding: 0 20px;
    193 }
    194 ul {
    195         list-style: none;
    196 }
    197 
    198 /* images */
    199 .spip_documents img,.spip_logos img {
    200         background: #FAFAFA;
    201         border: 1px solid #DCDCDC;
    202         padding: 5px;
    203 }
    204 .spip_documents_right {
    205   margin: 5px 10px 10px;
    206   margin-left: 10px;
    207 }
    208 .spip_documents_left {
    209   margin: 5px 0px 10px;
    210   margin-right: 20px;
    211 }
    212 
    213 .spip_code {font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace ;}
    214 .spip_cadre {
    215         margin: 5px 0;
    216         padding: 10px;
    217         text-align: left;
    218         display: block;
    219         overflow: auto;
    220         font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
    221         /* white-space: pre; */
    222         background: url(img/post.jpg);
    223         border: 1px solid #E0DBC9;
    224         width:90%;
    225 }
    226 acronym,abbr {
    227   cursor: help;
    228   border-bottom: 1px dashed #777;
    229 }
    230 blockquote.spip {
    231         margin: 10px 0;
    232         padding: 10px;
    233         padding-left: 35px;
    234         background: url(img/post.jpg);
    235         border: 1px solid #E0DBC9;
    236         font: bold 1em/1.4em 'Trebuchet MS', Tahoma, Sans-serif;
    237         color: #A89A6A;
    238 }
    23979
    24080
    241 /* start - table */
    242 table.spip {
    243         border-collapse: collapse;
    244         margin: 10px 0;
    245 }
    246 table.spip caption {
    247         margin: 0px;
    248         text-align:left;
    249 }
    25081
    251 table.spip th strong {
    252         color: #fff;
    253 }
    254 table.spip th {
    255         background: #93BC0C url(img/nav.jpg) repeat-x;
    256         height: 29px;
    257         padding-left: 12px;
    258         padding-right: 12px;
    259         color: #FFF;
    260         text-align: left;
    261         border:0;
    262         border-left: 1px solid #B6D59A;
    263         border-bottom: solid 2px #FFF;
    264 }
    265 table.spip tr {
    266         height: 30px;
    267 }
    268 table.spip td {
    269         border:0;
    270         padding-left: 11px;
    271         padding-right: 11px;
    272         border-left: 1px solid #E8E8E8;
    273         border-bottom: 1px solid #DFDFDF;
    274 }
    275 table.spip td.first,table.spip th.first {
    276         border-left: 0px;
    277 }
    278 table.spip tr.row_even {
    279         background: #F8F8F8;
    280 }
    281 table.spip tr.row_odd {
    282         background: #EFEFEF;           
    283 }
    284 /* end - table */
    28582
    286 /* form elements */
    287 .formulaire_spip {
    288         margin:10px 0; padding: 10px;
    289         border: 1px solid #D5D5D5;
    290         background-color: #DFDFDF;
    291 }
    292 .formulaire_spip fieldset legend {background-color: #DFDFDF;}
    293 .formulaire_spip label {
    294         display:block;
    295         font-weight:bold;
    296         margin:5px 0;
    297 }
    298 .formulaire_spip input.text,.formulaire_spip input.password,.formulaire_spip select {
    299         padding:2px;
    300         border:1px solid #eee;
    301         font: normal 1em Verdana, sans-serif;
    302         color:#777;
    303 }
    304 .formulaire_spip textarea {
    305         padding:2px;
    306         font: normal 1em Verdana, sans-serif;
    307         border:1px solid #eee;
    308         height:100px;
    309         display:block;
    310         color:#777;
    311 }
    312 #contenu .formulaire_spip textarea {    width:400px;}
    31383
    314 .formulaire_spip .boutons {text-align:left;}
    315 .formulaire_spip .boutons input,.formulaire_spip input.submit {
    316         font: bold 12px Arial, Sans-serif;
    317         height: 24px;
    318         margin: 0;
    319         padding: 2px 3px;
    320         color: #FFF;
    321         background: #8EB50C url(img/nav.jpg) repeat-x 0 0;
    322         border: none;
    323 }
    32484
    325 /* search form */
    326 .formulaire_recherche {
    327         background-color: transparent;
    328         border: none;   
    329         padding: 5px 0 10px 0; 
    330 }
    331 .formulaire_recherche p { margin: 0; padding: 0; }
    332 .formulaire_recherche input.text {
    333         width: 260px;
    334         background-image:none;
    335         color: #777;
    336         height: 18px;
    337         padding: 2px;   
    338         border: 1px solid #E5E5E5;
    339         vertical-align: top;
    340 }
    341 #sidebar .formulaire_recherche input.text {width: 130px;}
    342 .formulaire_recherche input.submit {
    343         height: 24px;
    344         padding: 2px 5px;
    345         vertical-align: top;
    346 }
    347 #sidebar .formulaire_recherche input.submit {width: 60px;}
    34885
    349 /********************************************
    350    LAYOUT
    351 ********************************************/
    352 #wrap {
    353         position: relative;
    354         width: 820px;
    355         background: #CCC url(img/content.jpg) repeat-y center top;
    356         margin: 0 auto;
    357         text-align: left;
    358 }
    359 #top-bg {
    360    position: absolute;
    361         width: 820px;
    362         height: 19px;
    363         background: #CCC url(img/top-bg.jpg) repeat-y center top;
    364         top: 0; left: 0;
    365         z-index: 2;     
    366 }
    367 #content-wrap {
    368         position: relative;
    369         clear: both;
    370         float: left;   
    371         width: 790px;   
    372         padding: 0;     
    373         background: #E8E8E8;   
    374         border-top: 5px solid #FFF;
    375         border-bottom: 2px solid #D0D0D0;
    376         margin-left: 15px;     
    377         display: inline;
    378         padding-bottom:1em;
    379 }
    380 #header {
    381         width: 820px;
    382         position: relative;
    383         height: 100px;
    384         background: #CCC url(img/header-bg.jpg) repeat-y center top;
    385         padding: 0;     
    386         color: #FFF;   
    387 }
    388 #header #nom_site_spip {
    389         position: absolute;
    390         margin: 0; padding: 0;
    391         font: bold 36px 'Trebuchet MS', Arial, Sans-serif;
    392         letter-spacing: -1px;
    393         color: #787676;
    394         text-transform: none;
    395         text-decoration: none;
    396        
    397         /* change the values of top and left to adjust the position of the logo*/
    398         top: 25px; left: 30px; 
    399 }
    400 #header #nom_site_spip a {color: #787676;}
    40186
    402 #header #nom_site_spip a span {
    403         color: #9A9696;
    404 }
    405 #header .accueil img.spip_logos {
    406         display:none;
    407         position: absolute;
    408         /* change the values of top and left to adjust the position of the logo*/
    409         top: 10px; left: 10px; 
    410 }
    411 #header .formulaire_menu_lang { position: absolute; right: 20px; top: 40px; display: block; margin:0;width: 27%;padding:0;background:none;border:0; } /*Cf.: spip_formulaires.css*/
    412 #header #slogan_site_spip {
    413         position: absolute;
    414         margin: 0; padding: 0;
    415         font: normal 12px 'Trebuchet MS', Arial, Sans-serif;
    416         text-transform: none;
    417         color: #838181;
    418        
    419         /* change the values of top and left to adjust the position of the slogan*/
    420         top: 67px; left: 95px;         
    421 }
    42287
    423 #descriptif_site_spip {
    424         font: normal 12px 'Trebuchet MS', Arial, Sans-serif;
    425         text-transform: none;
    426         color: #838181;
    427 }
    42888
    429 /* header links */
    430 #header #header-links {
    431         position: absolute;
    432         top: 20px; right: 20px;
    433         color: #838181;
    434         font-size: 10px;       
    435 }
    436 #header #header-links a {       
    437         color: #838181;
    438         text-decoration: none; 
    439 }
    440 #header #header-links a:hover {
    441         color: #444;           
    442 }
    443 
    444 /* header-photo */
    445 #header-photo {
    446         clear: both;
    447         height: 200px;
    448         width: 790px;
    449         margin: 0 auto;
    450         background: #FFF url(img/header-photo.jpg) no-repeat center center;
    451 }
    452 
    453 /* Navigation */
    454 #nav {
    455         clear: both;   
    456         padding: 0;             
    457 }
    458 #nav .menu-liste {
    459         float: left;
    460         list-style: none;
    461         background: url(img/nav.jpg) repeat-x;
    462         width: 790px;           
    463         text-transform: uppercase;
    464         margin: 0;
    465         padding: 0;
    466         margin-left: 15px;
    467         display: inline;
    468         height:3.3em;
    469         overflow:hidden;
    470 }
    471 #nav .menu-liste .menu-entree {
    472         display: inline;
    473         margin: 0; padding: 0;
    474 }
    475 #nav .menu-liste .menu-entree a {
    476         display: block;
    477         float: left;
    478         width: auto;
    479         margin: 0;
    480         padding: 0 14px;
    481         border-right: 1px solid #899D00;
    482         border-left: 1px solid #A7D101;
    483         border-bottom: none;
    484         color: #FFF;
    485         font: bold 13px/2.8em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
    486         text-transform: uppercase;
    487         text-decoration: none; 
    488         letter-spacing: 1px;
    489 }
    490 #nav .menu-liste .menu-entree a:hover,
    491 #nav .menu-liste .menu-entree a:active {
    492         background: url(img/nav-hover.jpg) repeat-x;
    493 }
    494 #nav .menu-liste .menu-entree.on a {
    495         background: url(img/nav-current.jpg) repeat-x;
    496 }
    497 #nav .menu-entree .menu-liste{
    498 display:none;
    499 }
    500 
    501 /* Main Column */
    502 #main {
    503         float: left;
    504         width: 65%;
    505         padding: 20px 0 0;
    506         margin: 0px;
    507         margin-left: 20px;
    508         display: inline;
    509 }
    510 #main .h2 {
    511         font: normal 1.9em 'Trebuchet MS', Tahoma, Sans-serif;
    512         color: #85970C;
    513         text-transform: none;
    514         padding: 10px 0 0;
    515 }
    516 #main .h2 a {
    517         color: #85970C;
    518         text-decoration: none; 
    519 }
    520 #main ul.spip li {
    521         list-style-image: url(img/bullet.gif);
    522 }
    523 
    524 /* Sidebar */   
    525 #sidebar {
    526         float: right;
    527         width: 27.5%;
    528         padding: 20px 10px 0 0; margin: 0;             
    529 }       
    530 #sidebar .h2, #sidebar .h3,.formulaire_recherche label {
    531         padding: 5px 5px;
    532         font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
    533         color: #8C9F0D;
    534         line-height:100%;
    535 }
    536 #sidebar .h2 a, #sidebar .h3 a { color: #8C9F0D;}
    537 
    538 #sidebar .liste {margin-bottom:1.5em;}
    539 #sidebar .menu-liste {}
    540 #sidebar .menu-liste .menu-entree {     color: #8F8F8F;}
    541 #sidebar .menu-liste .menu-entree a {   color: #666666;}
    542 #sidebar .menu-liste .menu-entree a:hover {     color: #1773BC; }
    543 
    544 /* footer */
    545 #footer-wrap {
    546         clear: both;
    547         width: 820px;
    548         font-size: 95%;
    549         text-align: left;
    550         padding: 15px 0;
    551         background: url(img/footer-bottom.jpg) no-repeat center bottom;
    552 }
    553 #footer-wrap a {
    554         text-decoration: none;
    555         color: #666666;
    556         font-weight: bold;
    557 }
    558 #footer-wrap a:hover {
    559         color: #000;   
    560 }
    561 #footer-wrap p {
    562         padding:10px 0;
    563 }
    564 #footer-wrap h3, #footer-wrap .h3 {
    565         color: #666666;
    566         margin: 0;
    567         padding: 0 10px;
    568         text-transform: uppercase;
    569 
    570 line-height:100%;}
    571 
    572 #footer-columns {
    573         color: #888;
    574         margin: 0 auto;
    575         padding: 0;     
    576         width: 760px;           
    577 }
    578 #footer-columns ul {
    579         list-style: none;
    580         margin: 10px 0 0 0;
    581         padding: 0;     
    582         background: url(img/footer-dots.jpg) repeat-x left top;
    583 }
    584 #footer-columns li {
    585         background: url(img/footer-dots.jpg) repeat-x left bottom;
    586 }
    587 #footer-columns li a {
    588         display: block;
    589         font-weight: normal;
    590         padding: 4px 0 4px 10px;
    591         width: 96%;
    592 }
    593 #footer-columns .col3, .col3-center {
    594         float: left;
    595         width: 32%;
    596 }
    597 #footer-columns .col3-center {
    598         margin: 0 15px;
    599 }
    600 
    601 /* bottom */
    602 #footer-bottom {
    603         clear: both;
    604         color: #666;   
    605         margin: 0 auto;
    606         width: 820px;
    607         padding: 10px 0;
    608         text-align: center;
    609 }
    610 
    611 /* Listes d'articles et extraits introductifs */
    612 .articles .liste-items .item { overflow:hidden;clear: both; padding: 0.40em 0.20em; }
    613 .articles .liste-items .item .h3 { margin: 0.30em 0; }
    614 .articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
    615 .articles .liste-items .item .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
    616 .articles .liste-items .item .introduction { margin-top: 0.30em; line-height: 1.40em; }
    617 .info-publi {font-size:0.9em;}
    618 .h3 + .info-publi {margin-top:-10px;}
    619 
    620 /* postmeta */
    621 .meta-publi {
    622         clear:both;
    623         background: url(img/post.jpg);
    624         padding: 5px; margin: 10px 0px;
    625         font-size: 95%;
    626         color: #AEA471;
    627         border: 1px solid #E0DBC9;
    628 }
    629 .meta-publi .date-redac{ margin: 0 10px 0 5px;  }
    630 .meta-publi .nb_commentaires { margin: 0 10px 0 5px;    }
    631 .meta-publi .lire-la-suite { margin: 0 10px 0 5px;      }
    632 .info-publi { font-size: .95em; padding: 0; margin-left: 1px; color: #888; }
  • _themes_/zpip-2/HigherGround1-1/css/spip.list.css

    r48593 r48627  
    55/* Habillage general des menus de navigation */
    66.menu { clear: both; margin-bottom: /*@margin-bottom*/1.5em/*/@*/; text-align: left; }
     7.menu > h1,
     8.menu > h2,
     9.menu > h3,
     10.menu > h4,
     11.menu > h5,
     12.menu > h6 {margin-bottom: 0;}
     13
    714.menu-items { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #ddd; }
    815.menu-items .item { margin: 0; padding: /*@quart-margin-bottom*/0.375em/*/@*/;}
     
    1017.menu-items .menu-items .item { padding: 0; border: 0; }
    1118
     19.menu-items {text-align: left;background: url(img/dots.jpg) repeat-x left top;}
     20.menu-items .item {background: url(img/dots.jpg) repeat-x left bottom;}
     21* html body .menu-items .item {height: 1%;}
     22.menu-items .item a {text-decoration: none;background-image: none;}
    1223
    13 /* habillage barre de nav horizontale */
    14 .hornav {background:#eee;border-left: 1px solid #eee;border-right: 1px solid #eee;}
    15 .hornav .menu {margin: 0;}
    16 .hornav .menu-items {float:left;width: 100%;border: 0;}
    17 .hornav .menu-items .item {float:left;padding: 0;}
    18 .hornav .item a {color:#333;font-weight:bold;text-decoration: none;display:block;padding:/*@demi-margin-bottom*/0.75em/*/@*/;}
    19 .hornav .item a:hover {background:#ddd;color:#222;}
    20 .hornav .on {color:#000;background: #fff;}
    21 .hornav .on a {color:#000;}
     24.menu-items .menu-items { margin-left: 5px; padding: 0; }
     25.menu-items .menu-items .item  { background: none; }
    2226
     27
     28/* main nav */
     29#nav .menu {margin-bottom: 0;}
     30#nav .menu-items {
     31        float: left;
     32        list-style: none;
     33        background: url(img/nav.jpg) repeat-x;
     34        width: 790px;
     35        text-transform: uppercase;
     36        margin: 0;
     37        padding: 0;
     38        margin-left: 15px;
     39        display: inline;
     40        height:36px;
     41        overflow:hidden;
     42}
     43#nav .menu-items .item {
     44        display: inline;
     45        margin: 0; padding: 0;
     46}
     47#nav .menu-items .item a {
     48        display: block;
     49        float: left;
     50        width: auto;
     51        margin: 0;
     52        padding: 0 14px;
     53        border-right: 1px solid #899D00;
     54        border-left: 1px solid #A7D101;
     55        border-bottom: none;
     56        color: #FFF;
     57        font: bold 13px/2.8em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
     58        text-transform: uppercase;
     59        text-decoration: none;
     60        letter-spacing: 1px;
     61}
     62#nav .menu-items .item a:hover,
     63#nav .menu-items .item a:active {
     64        background: url(img/nav-hover.jpg) repeat-x;
     65}
     66#nav .menu-items .item.on a {
     67        background: url(img/nav-current.jpg) repeat-x;
     68}
     69#nav .item .menu-items{
     70display:none;
     71}
    2372
    2473/* Listes d'items */
     
    3281
    3382
    34 .liste-items {margin: 0; padding: 0; list-style: none; border-bottom:0;border-top: 1px solid #eee;margin-bottom: /*@margin-bottom*/1.5em/*/@*/;}
     83
     84
     85.liste-items {background: url(img/dots.jpg) repeat-x left bottom;margin-bottom: /*@margin-bottom*/1.5em/*/@*/;}
    3586.liste .liste-items {margin-bottom: 0;}
    36 .liste-items .item {list-style:square; margin-left:0; padding:/*@demi-margin-bottom*/0.75em/*/@*/ 0; clear:both; overflow:hidden;border-bottom: 1px solid #eee;}
     87
     88.liste-items .item {padding:/*@demi-margin-bottom*/0.75em/*/@*/ 0;clear:both;overflow:hidden;background: url(img/dots.jpg) repeat-x left top;}
     89.liste-items .item a {background:none;}
     90
    3791.liste-items .item .h3 { margin: /*@demi-margin-bottom*/0.75em/*/@*/ 0;}
    3892.liste-items .item .h3 a:hover { text-decoration:none;}
    3993
    40 .liste-items .item:hover {background-color: #eee;}
     94.liste-items .item:hover {}
    4195
    4296.liste-items .item ul {margin-left: /*@text-indent*/50px/*/@*/;list-style-type: disc;}
  • _themes_/zpip-2/HigherGround1-1/css/spip.pagination.css

    r48593 r48627  
    88.pagination .sep,.pagination .label {display:none;}
    99.pagination {
    10         background-color:#fff;
    1110        padding:10px 0 10px 0;
    12         text-align:center;
     11        text-align:right;
    1312}
    1413
    1514.pagination .lien_pagination {
     15    background-color:#fff;
    1616        padding:2px 5px;
    1717        margin:0 2px;
     
    2121
    2222.pagination .lien_pagination:hover, .pagination .lien_pagination:active {
    23         border:2px solid #444;
     23        border:2px solid #88ac0b;
    2424}
    2525
    2626.pagination .on {
    2727        padding:2px 5px;
    28     border:2px solid #222;
     28    margin:0 2px;
     29    border:2px solid #516607;
    2930    color:#fff;
    3031    font-weight:bold;
    31     background-color:#999;
     32    background-color:#88ac0b;
    3233}
    3334.pagination .disabled {
  • _themes_/zpip-2/HigherGround1-1/css/typo.css

    r48593 r48627  
    88
    99.valeurs_de_base {
    10 font-size:/*@font-size*/0.8125em/*/@*/;
    11 font-family:/*@font-family*/"Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif/*/@*/;
    12 font-family:/*@font-family-mono*/'andale mono','lucida console',monospace/*/@*/;
     10font-size:/*@font-size*/70%/*/@*/;
     11font-family:/*@font-family*/Verdana, Tahoma, arial, sans-serif/*/@*/;
     12font-family:/*@font-family-mono*/'Lucida Console', 'Courier New', monospace/*/@*/;
    1313text-indent:/*@text-indent*/50px/*/@*/;
    1414line-height:/*@line-height*/1.5em/*/@*/;
     
    1616margin-bottom:/*@margin-bottom*/1.5em/*/@*/;
    1717margin-bottom:/*@demi-margin-bottom*/0.75em/*/@*/;
    18 color:/*@color*/#333/*/@*/;
     18color:/*@color*/#666/*/@*/;
    1919background-color:/*@background-color*/#FFFFFF/*/@*/;
    2020}
    2121
    2222html { font-size: 100.01%; } /* Cf.: http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
    23 body { background: #GET{background-color}; font: /*@font-size*/0.8125em/*/@*///*@line-height*/1.5em/*/@*/ /*@font-family*/"Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif/*/@*/; color: /*@color*/#333/*/@*/; }
     23body { background: #GET{background-color}; font: /*@font-size*/70%/*/@*///*@line-height*/1.5em/*/@*/ /*@font-family*/Verdana, Tahoma, arial, sans-serif/*/@*/; color: /*@color*/#666/*/@*/; }
    2424
    2525/* Titraille / Intertitres */
    2626h1,h2,h3,h4,h5,h6,
    2727.h1,.h2,.h3,.h4,.h5,.h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
    28 hr { height: 1px; margin:/*@margin-bottom*/1.5em/*/@*/ 0; border: 0; background: /*@color*/#333/*/@*/; color: /*@color*/#333/*/@*/; }
     28hr { height: 1px; margin:/*@margin-bottom*/1.5em/*/@*/ 0; border: 0; background: /*@color*/#666/*/@*/; color: /*@color*/#666/*/@*/; }
    2929
    3030/* Titraille Blueprint
     
    9797address { font-style: italic; }
    9898
    99 pre,code,kbd,samp,var,tt { font-family: /*@font-family-mono*/'andale mono','lucida console',monospace/*/@*/; font-size: 1em; }
     99pre,code,kbd,samp,var,tt { font-family: /*@font-family-mono*/'Lucida Console', 'Courier New', monospace/*/@*/; font-size: 1em;font-weight: 500; }
    100100pre { margin:/*@margin-bottom*/1.5em/*/@*/ 0;
    101101        /* Cf.: http://perishablepress.com/press/2010/06/01/wrapping-content/ /
     
    109109        word-wrap: break-word;      /* IE 5+ */
    110110}
    111 kbd { background-color: /*@color*/#333/*/@*/; color: /*@background-color*/#FFFFFF/*/@*/; }
     111kbd { background-color: /*@color*/#666/*/@*/; color: /*@background-color*/#FFFFFF/*/@*/; }
    112112samp { font-weight: bold; }
    113113var { font-style: italic; }
     
    121121a[hreflang]:after { content: "\0000a0(" attr(hreflang) ")"; }
    122122@media print {
    123         a, a:visited { color: /*@color*/#333/*/@*/; text-decoration: underline; }
     123        a, a:visited { color: /*@color*/#666/*/@*/; text-decoration: underline; }
    124124        .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
    125125}
  • _themes_/zpip-2/HigherGround1-1/plugin.xml

    r47921 r48627  
    11<plugin>
    2   <nom><multi>
    3         [en]HigherGround 1.1
    4         </multi></nom>
     2  <nom>HigherGround</nom>
    53        <auteur>[->www.styleshout.com] adapt&eacute; pour Zpip par C&eacute;dric Morin [yterium.com->http://www.yterium.com]</auteur>
    64  <version>1.1</version>
     
    1311  <etat>stable</etat>
    1412  <prefix>theme_higherground</prefix>
    15         <utilise id="Z" version="[1.2.0;]" />
     13        <utilise id="Zpip" version="[1.2.0;]" />
    1614        <bandeau>images/header-photo.jpg</bandeau>
    1715        <categorie>theme</categorie>
Note: See TracChangeset for help on using the changeset viewer.