source: spip-zone/_squelettes_/zktx-kore/trunk/css/zktx.css.html @ 112717

#CACHE{0} [(#REM) dev => 0 ; prod => 3600*24*30 ]
#HTTP_HEADER{Content-Type: text/css; charset=#CHARSET}

[(#REM) Couleur principale & nuances
- utilise le plugin couleur_rubrique d'ARNO*
- sinon utilise la variable 'couleur_primary' suivante
]<BOUCLE_couleur_r(RUBRIQUES){tout}>
  [(#SET{[couleur_r(#ID_RUBRIQUE)],[(#ID_RUBRIQUE|couleur_rubrique)] })]
</BOUCLE_couleur_r>
<BOUCLE_couleur_a(ARTICLES){tout}>
  [(#SET{[couleur_a(#ID_ARTICLE)],[(#ID_RUBRIQUE|couleur_rubrique)] })]
</BOUCLE_couleur_a>
[(#SET{couleur_primary,337AB7})]
[(#SET{couleur,[(#GET{couleur_a#ID_ARTICLE}|sinon{[(#GET{couleur_r#ID_RUBRIQUE})]}|sinon{[(#ID_RUBRIQUE|couleur_site)]}|sinon{[(#GET{couleur_primary})]})] })]
[(#SET{couleur_eclaircir_2,[(#GET{couleur}|couleur_eclaircir|couleur_eclaircir)]})]
[(#SET{couleur_eclaircir_1,[(#GET{couleur}|couleur_eclaircir)]})]
[(#SET{couleur_foncer_1,[(#GET{couleur}|couleur_foncer)]})]
[(#SET{couleur_foncer_2,[(#GET{couleur}|couleur_foncer|couleur_foncer)]})]
[(#SET{couleur_inverser,[(#GET{couleur}|couleur_inverser)]})]

[(#REM) Liens ]
a:link, a:visited, a:active, a:hover, a:focus, button, .btn, button:hover, .btn:hover {
  -webkit-transition: All .6s ease-in;
  moz-transition: All .6s ease-in;
  o-transition: All .6s ease-in;
  transition: All .6s ease-in;
}
a, a:active, a:visited { color: [#(#GET{couleur_foncer_1})]; }
a:focus, a:hover, a:active { color: [#(#GET{couleur})]; }
/*a.btn, a.fa { text-decoration:none!important; }*/
.btn-primary {
  background-color: [#(#GET{couleur})];
  background-image: -webkit-gradient(linear,left 0,left 100%,from([#(#GET{couleur})]),to([#(#GET{couleur_foncer_1})]));
  background-image: -webkit-linear-gradient(top,[#(#GET{couleur})] 0,[#(#GET{couleur_foncer_1})] 100%);
  background-image: -moz-linear-gradient(top,[#(#GET{couleur})] 0,[#(#GET{couleur_foncer_1})] 100%);
  background-image: linear-gradient(to bottom,[#(#GET{couleur})] 0,[#(#GET{couleur_foncer_1})] 100%);
  background-repeat: repeat-x;
  border-color: [#(#GET{couleur_foncer_2})];
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff[#(#GET{couleur})]',endColorstr='#ff[#(#GET{couleur_foncer_1})]',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  border-color: [#(#GET{couleur_foncer_2})]!important;
  background-color: [#(#GET{couleur_foncer_1})]!important;
  background-position: 0 -15px!important;
}

[(#REM) btn sociaux aux couleurs officielles 
        à adapter (color ou background-color)
        selon icons utilisés (socicon-*, fa-* ou fa-*-square)
]
        [(#REM) les + utilisés]
        a.btn-social {color:#FFFFFF!important;}
        .btn-fb {background-color:#47639E;}
        .btn-tw {background-color:#55ACEE;}
        .btn-li {background-color:#0077B5;}
        .btn-gp {background-color:#DD4B39;}
        .btn-yt {background-color:#e02a20;}
        .btn-ig {background-color:#000000;}

        [(#REM) services streaming]
        .btn-bcp {background-color:#619aa9;}
        .btn-scd {background-color:#fe3801;}
        .btn-dzr {background-color:#32323d;}
        .btn-spy {background-color:#7bb342;}
        .btn-itu {background-color:#ff5e51;}

p { margin:1em 0; }

.pull-left {margin-right:1em;}
.pull-right {margin-left:1em;}

.navbar-brand {padding:10px 15px;}

.top { position:fixed; bottom:1em; right:1em;}


.bs-content, .bs-extra {padding:20px 0;}
.bs-header {padding:80px 0;}
.bs-footer {padding:40px 0;}

.breadcrumb, .well, .jumbotron {background-color: [#(#GET{couleur_eclaircir_1})];}
.bs-header .jumbotron {background-color:[#(#GET{couleur_foncer_2})];}

.bs-header {
  color:#FFFFFF;
  background-color: [#(#GET{couleur})];   
  [background-position:50% 50%;
  background-size:cover;
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-image:url('(#LOGO_SITE_SPIP_SURVOL
                            |image_reduire{1900,0}
                            |image_gamma{-50}
                            |extraire_attribut{src}
                          )');]
}
.bs-extra { background-color: #EFEFEF; }
.bs-extra#extra2 { background-color: [#(#GET{couleur_eclaircir_2})]; }
.bs-footer { background-color: [#(#GET{couleur_foncer_2})]; color: #FFFFFF; }

<BOUCLE_article_bs_header(ARTICLES){tout}>
  .bs-header.article#ID_ARTICLE { 

    background-color: [#(#GET{couleur})]; 
    [background-image:url('(#LOGO_ARTICLE_SURVOL
                              |sinon{#LOGO_RUBRIQUE_SURVOL}
                              |sinon{#LOGO_SITE_SPIP_SURVOL}
                              |image_reduire{1900,0}
                              |image_gamma{-50}
                              |extraire_attribut{src}
                          )');]
  }
</BOUCLE_article_bs_header>


<BOUCLE_rubrique_bs_header(RUBRIQUES){tout}>
  .bs-header.rubrique#ID_RUBRIQUE { 

    background-color: [#(#GET{couleur})]; 
    [background-image:url('(#LOGO_RUBRIQUE_SURVOL
                              |sinon{#LOGO_SITE_SPIP_SURVOL}
                              |image_reduire{1900,0}
                              |image_gamma{-50}
                              |extraire_attribut{src}
                          )');]

  }
</BOUCLE_rubrique_bs_header>

<BOUCLE_mot_bs_header(MOTS){tout}>
  .bs-header.mot#ID_MOT { 
    [background-image:url('(#LOGO_MOT_SURVOL
                              |sinon{ #LOGO_SITE_SPIP_SURVOL }
                              |image_reduire{1900,0}
                              |image_gamma{-50}
                              |extraire_attribut{src}
                          )');]
  }
</BOUCLE_mot_bs_header>