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

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

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:link, a:visited { 
  [color: #(#ID_RUBRIQUE
    |couleur_rubrique
    |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
    |couleur_foncer
  );]
}
a:active, a:hover, a:focus {
  [color: #(#ID_RUBRIQUE
    |couleur_rubrique
    |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
  );]
}

a.btn, a.fa { text-decoration:none!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;}



[(#SET{grad, [#(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#ID_RUBRIQUE|couleur_site)]})] })]
[(#SET{grad_foncer, [#(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#ID_RUBRIQUE|couleur_site)]}|couleur_foncer)] })]
[(#SET{grad_bordure, [#(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#ID_RUBRIQUE|couleur_site)]}|couleur_foncer|couleur_foncer)] })]

.btn-primary {
  background-image: -webkit-gradient(linear,left 0,left 100%,from(#GET{grad}),to(#GET{grad_foncer}));
  background-image: -webkit-linear-gradient(top,#GET{grad} 0,#GET{grad_foncer} 100%);
  background-image: -moz-linear-gradient(top,#GET{grad} 0,#GET{grad_foncer} 100%);
  background-image: linear-gradient(to bottom,#GET{grad} 0,#GET{grad_foncer} 100%);
  background-repeat: repeat-x;
  border-color: #GET{grad_bordure};
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff#GET{grad}',endColorstr='#ff#GET{grad_foncer}',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 {
  color: #fff;
  border-color: #GET{grad_bordure};
  background-color: #GET{grad_foncer};
  background-position: 0 -15px;
}

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

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

[.breadcrumb {
  background-color: #(#ID_RUBRIQUE
    |couleur_rubrique
    |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
    |couleur_eclaircir
  ); 
}]

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

.bs-header .jumbotron {background-color:[#(#ID_RUBRIQUE{0}|couleur_site|sinon{"EEEEEE"}|couleur_foncer|couleur_foncer)];}

.bs-header {
  color:#FFFFFF;
  background-color: [#(#ID_RUBRIQUE{0}|couleur_site|sinon{"808080"})];   
  [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_sepia{ [(#ID_RUBRIQUE|couleur_site|sinon{"EFEFEF"})] }
                            |image_gamma{-100}
                            |extraire_attribut{src}
                          )');]
}
.bs-footer { 
  background-color: [#(#ID_RUBRIQUE{0}|couleur_site|sinon{"EFEFEF"}|couleur_foncer|couleur_foncer)]; 
  color: #FFFFFF;
}



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

    background-color: [#(#ID_RUBRIQUE
                        |couleur_rubrique
                        |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
                        |sinon{"EFEFEF"}
                      )]; 
    [background-image:url('(#LOGO_ARTICLE_SURVOL
                              |sinon{#LOGO_RUBRIQUE_SURVOL}
                              |sinon{#LOGO_SITE_SPIP_SURVOL}
                              |image_reduire{1900,0}
                              |image_sepia{ [(#ID_RUBRIQUE
                                                |couleur_rubrique
                                                |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
                                                |sinon{"EFEFEF"}
                                            )] }
                              |image_gamma{-100}
                              |extraire_attribut{src}
                          )');]
  }
</BOUCLE_article_bs_header>


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

    background-color: [#(#ID_RUBRIQUE
                        |couleur_rubrique
                        |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
                        |sinon{"EFEFEF"}
                      )]; 
    [background-image:url('(#LOGO_RUBRIQUE_SURVOL
                              |sinon{#LOGO_SITE_SPIP_SURVOL}
                              |image_reduire{1900,0}
                              |image_sepia{ [(#ID_RUBRIQUE
                                                |couleur_rubrique
                                                |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
                                                |sinon{"EFEFEF"}
                                            )] }
                              |image_gamma{-100}
                              |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_sepia{ [(#ID_RUBRIQUE|couleur_site|sinon{"EFEFEF"})] }
                              |image_gamma{-100}
                              |extraire_attribut{src}
                          )');]
  }
</BOUCLE_mot_bs_header>