Skip to content
Extraits de code Groupes Projets
Valider ccbe15ea rédigé par real3t@gmail.com's avatar real3t@gmail.com
Parcourir les fichiers

[SoyezCréateurs] Une page spip.php?page=antichrono_grid affichant les items... 

[SoyezCréateurs] Une page spip.php?page=antichrono_grid affichant les items sous forme de tuiles comme sur le quoi de neuf du mode Cognac
parent ba15fcc3
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
Masquer les modifications d'espaces
En ligne Côte à côte
.gitattributes
+ 1
− 0
Voir le fichier @ ccbe15ea
......@@ -10,6 +10,7 @@
/agenda_programmation_fonctions.php -text
/annuaire.html -text
/antichrono.html -text
/antichrono_grid.html -text
/apple-touch-icon.png.html -text
/article.html -text
/auteur.html -text
......
antichrono_grid.html 0 → 100644
+ 160
− 0
Voir le fichier @ ccbe15ea
[(#SET{titretop,[(#CONFIG{soyezcreateurs/texte_actualite_toutes}|typo|sinon{<:soyezcreateurs:actualite_toutes:>}|sc_nettoyer_marqueur|texte_script)]})]
<INCLURE{fond=noisettes/header/header}
{title=(#CONFIG{soyezcreateurs/texte_actualite_toutes}|typo|sinon{<:soyezcreateurs:actualite_toutes:>}|texte_script)}
{titretop=#GET{titretop}}
{type=antichrono}
{idbody=antichrono}
>
<div class="texte">
<main id="main" role="main">
[(#CONFIG{soyezcreateurs_layout/positioncartouchetitre,contenu}|=={contenu}|oui)
<div class="cartouche">
<div class="titrepage"><h1>[(#CONFIG{soyezcreateurs/texte_actualite_toutes}|typo|sinon{<:soyezcreateurs:actualite_toutes:>})]</h1></div>
</div>
]
<div id="letexte">
<div class="chapo"><p><:soyezcreateurs:voirle:> <a href="#URL_PAGE{plan}" title="<:plan_site|attribut_html:>"><:plan_site:></a></p></div>
<BOUCLE_ExclureRubriquesDuPlan(RUBRIQUES){titre_mot=PasDansPlan}><BOUCLE_ExclureArticlesDuPlan(ARTICLES){id_rubrique}{doublons articlesannees}{doublons articlesmois}{doublons articles}{lang} /><BOUCLE_ExclureBreveDuPlan(BREVES){id_rubrique}{doublons brevesannees}{doublons brevesmois}{doublons breves}{lang} /></BOUCLE_ExclureRubriquesDuPlan>
<BOUCLE_ExclureArticlesDuPlan2(ARTICLES){titre_mot=PasDansPlan}{doublons articlesannees}{doublons articlesmois}{doublons articles}{lang} />
[(#SET{logoyear,[(#CHEMIN{images/calendar-year.jpg}|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}})]})]
[(#SET{logomonth,[(#CHEMIN{images/calendar-month.jpg}|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}})]})]
#SET{listeliens,#ARRAY}
<B_Annee>
<BOUCLE_Annee(ARTICLES){!par date}{doublons articlesannees}{fusion YEAR(date)}{lang}>
<B_Mois>
<BOUCLE_Mois(ARTICLES){annee_relatif=0}
{!par date}{lang}
{doublons articlesmois}
{fusion MONTH(date)}>
<B_ArticlesDuMois>
<BOUCLE_ArticlesDuMois(ARTICLES){doublons articles}{mois_relatif=0}
{!par date}{lang}>
[(#SET{logo,[(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL}|sinon{[(#CHEMIN{images/placeholder.jpg}|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}})]})]})]
#SET{listeliens, #GET{listeliens}|push{#ARRAY{year,(#DATE|annee),month,(#DATE|mois),lemois,(#DATE|nom_mois),date,#DATE,url,#ARTICLE_URL,descriptif,#DESCRIPTIF,titre,#TITRE,class,'',type,'',logo,#GET{logo}}}}
</BOUCLE_ArticlesDuMois>
</B_ArticlesDuMois>
</BOUCLE_Mois>
</B_Mois>
</BOUCLE_Annee>
</B_Annee>
[(#SET{breve,<:breves:breve|lcfirst:>})]
<B_AnneeBreves>
<BOUCLE_AnneeBreves(BREVES){!par date}{doublons brevesannees}{fusion YEAR(date_heure)}{lang}>
<B_MoisBreves>
<BOUCLE_MoisBreves(BREVES){annee_relatif=0}
{!par date}{lang}
{doublons brevesmois}
{fusion MONTH(date_heure)}>
<B_BrevesDuMois>
<BOUCLE_BrevesDuMois(BREVES){doublons breves}{mois_relatif=0}
{!par date}{lang}>
[(#SET{logo,[(#LOGO_BREVE_SURVOL|sinon{#LOGO_BREVE_NORMAL}|sinon{[(#CHEMIN{images/placeholder.jpg}|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}})]})]})]
#SET{listeliens, #GET{listeliens}|push{#ARRAY{year,(#DATE|annee),month,(#DATE|mois),lemois,(#DATE|nom_mois),date,#DATE,url,#URL_BREVE,descriptif,#DESCRIPTIF,titre,#TITRE,class,iconbreves,type,#GET{breve},logo,#GET{logo}}}}
</BOUCLE_BrevesDuMois>
</B_BrevesDuMois>
</BOUCLE_MoisBreves>
</B_MoisBreves>
</BOUCLE_AnneeBreves>
</B_AnneeBreves>
[(#SET{site,<:sites:site:>})]
<B_AnneeSites>
<BOUCLE_AnneeSites(SITES){!par date}{fusion YEAR(date)}>
<B_MoisSites>
<BOUCLE_MoisSites(SITES){annee_relatif=0}
{!par date}
{fusion MONTH(date)}>
<B_SitesDuMois>
<BOUCLE_SitesDuMois(SITES){mois_relatif=0}
{!par date}>
[(#SET{logo,[(#LOGO_SITE_SURVOL|sinon{#LOGO_SITE_NORMAL}|sinon{[(#CHEMIN{images/placeholder.jpg}|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}})]})]})]
#SET{listeliens, #GET{listeliens}|push{#ARRAY{year,(#DATE|annee),month,(#DATE|mois),lemois,(#DATE|nom_mois),date,#DATE,url,(#ID_SYNDIC|generer_url_entite{'site'}),descriptif,#DESCRIPTIF,titre,#NOM_SITE,class,iconsites,type,#GET{site},logo,#GET{logo}}}}
</BOUCLE_SitesDuMois>
</B_SitesDuMois>
</BOUCLE_MoisSites>
</B_MoisSites>
</BOUCLE_AnneeSites>
</B_AnneeSites>
<BOUCLE_Min2anness(DATA)
{source table,#GET{listeliens}}
{!par date}
{fusion year}
{1,1}
> </BOUCLE_Min2anness>
<div id='sommaire'><h2><:soyezcreateurs:sommaire:></h2>
<B_Sommaire>
<ul>
<BOUCLE_Sommaire(DATA)
{source table,#GET{listeliens}}
{!par date}
{fusion year}
>
<li><a href="#annee_#YEAR">#YEAR</a></li>
</BOUCLE_Sommaire>
</ul>
</B_Sommaire>
</div>
</B_Min2anness>
<B_AnneeObjet>
<div class="masonry">
<BOUCLE_AnneeObjet(DATA)
{source table,#GET{listeliens}}
{!par date}
{fusion year}
>
<B_ListeMois>
<div id="annee_#YEAR" class="grid-item masonry-brick">
<div class="content-actus alaune year">
[<img src="(#GET{logoyear}|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="308" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />]
<div class="h2"><span class="titre-actus">[(#YEAR)]</span></div>
</div>
</div>
<BOUCLE_ListeMois(DATA)
{liste 12,11,10,9,8,7,6,5,4,3,2,1}
>
<B_ObjetsDuMois>
<div class="grid-item masonry-brick">
<div class="content-actus alaune month">
[<img src="(#GET{logomonth}|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="308" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />]
<div class="h2"><span class="titre-actus">[(#YEAR|concat{-,#_ListeMois:VALEUR#VAL,-01}|nom_mois|ucfirst)]</span></div>
</div>
</div>
<BOUCLE_ObjetsDuMois(DATA)
{source table,#GET{listeliens}}
{year=#_AnneeObjet:YEAR}
{month=#_ListeMois:VALEUR}
{!par date}
>
<div class="grid-item masonry-brick[ (#CLASS)]">
<div class="content-actus alaune <BOUCLE_RubriqueColoreealaune(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubriquealaune(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}> couleurrubrique#ID_MOT</BOUCLE_CouleurRubriquealaune></BOUCLE_RubriqueColoreealaune>">
<a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|attribut_html)"]>
[<img src="(#LOGO|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="308" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />]
<div class="h2"><span class="titre-actus">#TITRE[ <span class="secondary-information">((#TYPE))</span>]</span>
<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
</a>
</div>
</div>
</BOUCLE_ObjetsDuMois>
</B_ObjetsDuMois>
</BOUCLE_ListeMois>
</B_ListeMois>
</BOUCLE_AnneeObjet>
</div>
</B_AnneeObjet>
</div>
</main>
</div><!-- Fin de .texte -->
<INCLURE{fond=noisettes/footer/footer}
{titretop=#GET{titretop}}
{template=Plan}
>
#FILTRE{mini_html}
\ No newline at end of file
stylesportailcognac.css.html
+ 0
− 184
Voir le fichier @ ccbe15ea
......@@ -40,8 +40,6 @@
#SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,180})}
#SET{LargeurMilieu,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}}|div{2})}
#SET{masonry,308}
#miettesdepain, .boutonstexte {display: none; }
div#content { width: 100%; }
......@@ -571,15 +569,6 @@ select {
display: block;
clear: both;
}
.grid-item .h2 .icon:before {
font-size: 30px;
}
.grid-item-x2 {
width: calc(50% - 20px) ;
}
.grid-item-x3 {
width: calc(75% - 20px) ;
}
.VideoALaUne figcaption { display: none; }
.VideoALaUne .spip_documents.spip_documents_center { margin-bottom: 0; }
.VideoALaUne .spip_documents .oembed {
......@@ -789,42 +778,7 @@ img.editologo {
padding-left: 20px;
text-align: center;
}
.grid {
text-align: center;
}
.grid-item {
margin-bottom: 20px;
-webkit-transition: all .25s ease;
transition: all .25s ease;
background-color: #eae9e5;
color: [(#GET{c_header_bk}|couleur_extreme|=={000000}|?{#GET{c_header_bk},#GET{c_header}})];
float: left;
margin-right: 20px;
}
.grid-item a {
color: inherit;
}
.grid-item .content-actus:hover,
.grid-item .content-actus:focus {
/* Si le fond est clair, on va le prendre comme couleur de fond, sinon, la couleur d'écriture Texte : #GET{c_header}([(#GET{c_header}|couleur_extreme)])/ Fond : #GET{c_header_bk}([(#GET{c_header_bk}|couleur_extreme)]) */
background-color: rgba([(#GET{c_header_bk}|couleur_extreme|=={ffffff}|?{#GET{c_header_bk},#GET{c_header}}|sc_rgb)], 0.2);
-webkit-transition: all .25s ease;
transition: all .25s ease;
}
.grid-item .content-actus {
/* Si le fond est clair, on va le prendre comme couleur de fond, sinon, la couleur d'écriture Texte : #GET{c_header}([(#GET{c_header}|couleur_extreme)])/ Fond : #GET{c_header_bk}([(#GET{c_header_bk}|couleur_extreme)]) */
background-color: #[(#GET{c_header_bk}|couleur_extreme|=={ffffff}|?{#GET{c_header_bk},#GET{c_header}}|couleur_foncerluminosite{20})];
}
.grid-item .content-actus:nth-child(2) {
margin-top: 16px;
}
.grid-item header {
font-size: 1.5em;
font-weight: 300;
line-height: 21px;
overflow: auto;
}
.agenda strong {
font-size: 1.8em;
vertical-align: bottom;
......@@ -836,20 +790,6 @@ img.editologo {
padding: 0 .25em;
}
.agenda {height: 95px; }
.grid-item .h2 {
display: flex;
flex-direction: row;
width: 100%;
height: 95px;
margin: 0;
font-size: 21px;
font-weight: 400;
color: inherit;
line-height: 21px;
padding: 10px;
text-align: right;
border: none;
}
.grid-item .agenda .h2 {
font-size: 18px;
}
......@@ -872,26 +812,6 @@ img.editologo {
justify-content: left;
}
.grid-item .h2 .icon {
font-size: 0;
align-self: center;
padding: 7px 0 7px 7px;
}
.grid-item .h2 .titre-actus {
width: 100%;
align-self: center;
padding: 10px 10px 10px 0;
border-right: 1px solid;
}
.grid-item img {
max-width: 100%;
width: 100%;
max-height: [(#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340})]px;
background-color: #GET{c_body_bk};
}
.grid-item {
margin-bottom: 20px;
}
/* Affichage des dates. cf https://codepen.io/jpyrat/pen/EmZrpR */
.date {
width: 95px;
......@@ -942,100 +862,6 @@ img.editologo {
display: block;
}
/*
M : [(#GET{masonry}|mult{4}|moins{100})]
LC: #GET{LargeurContaineur}
*/
.gutter-sizer { width: 20px; }
[(#GET{masonry}|mult{4}|moins{100}|<={#GET{LargeurContaineur}}|oui)
/* M <= LC */
.grid-sizer, .grid-item {
width: calc(25% - 20px);
}
.grid-item {
height: calc([(#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340})]px + 65px);
}
.grid-item-demie {
height: calc(127px + 65px);
margin-bottom: 0;
}
.grid-item-x2 {
width: calc(50% - 20px);
}
.grid-item-x3 {
width: calc(75% - 20px);
}
@media only screen and (max-width: #GET{LargeurContaineur}px) {
.grid-item {
height: calc([(#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340})]px + 90px);
}
.grid-item-demie {
height: calc(127px + 90px);
margin-bottom: 0;
}
}
]
[(#GET{masonry}|mult{4}|moins{100}|<={#GET{LargeurContaineur}}|non)
/* M > LC */
.grid-sizer, .grid-item {
width: calc(33.333% - 20px);
}
.grid-item {
height: calc([(#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340})]px + 90px);
}
.grid-item-demie {
height: calc(127px + 90px);
margin-bottom: 0;
}
.grid-item-x2 {
width: calc(66.666% - 20px);
}
.grid-item-x3 {
width: calc(100% - 20px);
}
]
@media only screen and (max-width:[(#GET{masonry}|mult{4}|moins{100})]px) {
.grid-sizer, .grid-item {
width: calc(33.333% - 20px);
}
.grid-item {
height: calc([(#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340})]px + 90px);
}
.grid-item-demie {
height: calc(127px + 90px);
margin-bottom: 0;
}
.grid-item-x2 {
width: calc(66.666% - 20px);
}
.grid-item-x3 {
width: calc(100% - 20px);
}
}
@media only screen and (max-width: [(#GET{masonry}|mult{3}|moins{80})]px) {
.grid-sizer, .grid-item {
width: calc(50% - 20px);
}
.grid-item {
height: calc([(#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340})]px + 90px);
}
.grid-item-demie {
height: calc(127px + 90px);
margin-bottom: 0;
}
.grid-item-x2 {
width: calc(100% - 20px);
}
}
@media only screen and (max-width: [(#GET{masonry}|mult{2}|moins{60})]px) {
.grid-sizer, .grid-item {
width: calc(100% - 20px);
}
.grid-item {
height: auto;
}
}
#projets {
margin: 0;
padding: 0;
......@@ -1089,16 +915,6 @@ LC: #GET{LargeurContaineur}
margin-bottom: 4em;
}
<BOUCLE_CouleursRubriques(MOTS){type=_CouleurRubrique}{par id_mot}>
.grid-item .couleurrubrique#ID_MOT,
#projets .couleurrubrique#ID_MOT { [background-color: #(#TEXTE|textebrut);][ color: #(#TEXTE|textebrut|couleur_extreme|couleur_inverser);] }
.grid-item .couleurrubrique#ID_MOT:hover,
.grid-item .couleurrubrique#ID_MOT:focus,
#projets .couleurrubrique#ID_MOT:hover,
#projets .couleurrubrique#ID_MOT:focus { [background-color: #(#TEXTE|textebrut|couleur_eclaircir);] }
</BOUCLE_CouleursRubriques>
[(#PLUGIN{lesscss}|oui)
[(#CHEMIN{images/stylesportailcognac_perso.less.html}|?{'/* Surcharge eventuelle */'})
......
stylessoyezcreateurs.css.html
+ 207
− 0
Voir le fichier @ ccbe15ea
......@@ -3284,6 +3284,213 @@ margin-bottom: 1em;
align-self: auto;
}
.masonry {
display: flex;
flex-flow: row wrap;
margin-left: 0;
width: calc(100% + 20px);
}
.masonry-brick {
flex: auto;
min-width: calc(25% - 20px);
margin: 0 20px 20px 0!important; /* Some gutter */
float: none!important;
height: auto!important;
}
/* grid-item */
.grid-item .h2 .icon:before {
font-size: 30px;
}
.grid-item-x2 {
width: calc(50% - 20px) ;
}
.grid-item-x3 {
width: calc(75% - 20px) ;
}
.grid {
text-align: center;
}
.grid-item {
margin-bottom: 20px;
-webkit-transition: all .25s ease;
transition: all .25s ease;
background-color: #eae9e5;
color: [(#GET{c_header_bk}|couleur_extreme|=={000000}|?{#GET{c_header_bk},#GET{c_header}})];
float: left;
margin-right: 20px;
}
.grid-item a {
color: inherit;
}
.grid-item .content-actus:hover,
.grid-item .content-actus:focus {
/* Si le fond est clair, on va le prendre comme couleur de fond, sinon, la couleur d'écriture Texte : #GET{c_header}([(#GET{c_header}|couleur_extreme)])/ Fond : #GET{c_header_bk}([(#GET{c_header_bk}|couleur_extreme)]) */
background-color: rgba([(#GET{c_header_bk}|couleur_extreme|=={ffffff}|?{#GET{c_header_bk},#GET{c_header}}|sc_rgb)], 0.2);
-webkit-transition: all .25s ease;
transition: all .25s ease;
}
.grid-item .content-actus {
/* Si le fond est clair, on va le prendre comme couleur de fond, sinon, la couleur d'écriture Texte : #GET{c_header}([(#GET{c_header}|couleur_extreme)])/ Fond : #GET{c_header_bk}([(#GET{c_header_bk}|couleur_extreme)]) */
background-color: #[(#GET{c_header_bk}|couleur_extreme|=={ffffff}|?{#GET{c_header_bk},#GET{c_header}}|couleur_foncerluminosite{20})];
}
.grid-item .content-actus:nth-child(2) {
margin-top: 16px;
}
.grid-item header {
font-size: 1.5em;
font-weight: 300;
line-height: 21px;
overflow: auto;
}
.grid-item .h2 {
display: flex;
flex-direction: row;
width: 100%;
height: 95px;
margin: 0;
font-size: 21px;
font-weight: 400;
color: inherit;
line-height: 21px;
padding: 10px;
text-align: right;
border: none;
}
.grid-item .h2 .icon {
font-size: 0;
align-self: center;
padding: 7px 0 7px 7px;
}
.grid-item .h2 .titre-actus {
width: 100%;
align-self: center;
padding: 10px 10px 10px 0;
border-right: 1px solid;
}
#content .grid-item img { padding: 0; }
.grid-item img {
max-width: 100%;
width: 100%;
max-height: [(#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340})]px;
background-color: #GET{c_body_bk};
}
.grid-item {
margin-bottom: 20px;
}
#SET{masonry,308}
/*
M : [(#GET{masonry}|mult{4}|moins{100})]
LC: #GET{LargeurContaineur}
*/
.gutter-sizer { width: 20px; }
[(#GET{masonry}|mult{4}|moins{100}|<={#GET{LargeurContaineur}}|oui)
/* M <= LC */
.grid-sizer, .grid-item {
width: calc(25% - 20px);
}
.grid-item {
height: calc([(#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340})]px + 65px);
}
.grid-item-demie {
height: calc(127px + 65px);
margin-bottom: 0;
}
.grid-item-x2 {
width: calc(50% - 20px);
}
.grid-item-x3 {
width: calc(75% - 20px);
}
@media only screen and (max-width: #GET{LargeurContaineur}px) {
.grid-item {
height: calc([(#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340})]px + 90px);
}
.grid-item-demie {
height: calc(127px + 90px);
margin-bottom: 0;
}
}
]
[(#GET{masonry}|mult{4}|moins{100}|<={#GET{LargeurContaineur}}|non)
/* M > LC */
.grid-sizer, .grid-item {
width: calc(33.333% - 20px);
}
.grid-item {
height: calc([(#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340})]px + 90px);
}
.grid-item-demie {
height: calc(127px + 90px);
margin-bottom: 0;
}
.grid-item-x2 {
width: calc(66.666% - 20px);
}
.grid-item-x3 {
width: calc(100% - 20px);
}
]
@media only screen and (max-width:[(#GET{masonry}|mult{4}|moins{100})]px) {
.grid-sizer, .grid-item {
width: calc(33.333% - 20px);
}
.grid-item {
height: calc([(#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340})]px + 90px);
}
.grid-item-demie {
height: calc(127px + 90px);
margin-bottom: 0;
}
.grid-item-x2 {
width: calc(66.666% - 20px);
}
.grid-item-x3 {
width: calc(100% - 20px);
}
}
@media only screen and (max-width: [(#GET{masonry}|mult{3}|moins{80})]px) {
.grid-sizer, .grid-item {
width: calc(50% - 20px);
}
.grid-item {
height: calc([(#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340})]px + 90px);
}
.grid-item-demie {
height: calc(127px + 90px);
margin-bottom: 0;
}
.grid-item-x2 {
width: calc(100% - 20px);
}
}
@media only screen and (max-width: [(#GET{masonry}|mult{2}|moins{60})]px) {
.grid-sizer, .grid-item {
width: calc(100% - 20px);
}
.grid-item {
height: auto;
}
}
<BOUCLE_CouleursRubriques(MOTS){type=_CouleurRubrique}{par id_mot}>
.grid-item .couleurrubrique#ID_MOT,
#projets .couleurrubrique#ID_MOT { [background-color: #(#TEXTE|textebrut);][ color: #(#TEXTE|textebrut|couleur_extreme|couleur_inverser);] }
.grid-item .couleurrubrique#ID_MOT:hover,
.grid-item .couleurrubrique#ID_MOT:focus,
#projets .couleurrubrique#ID_MOT:hover,
#projets .couleurrubrique#ID_MOT:focus { [background-color: #(#TEXTE|textebrut|couleur_eclaircir);] }
</BOUCLE_CouleursRubriques>
.grid-item .year { background-color: #GET{c_menuhaut_bk}; color: #GET{c_menuhaut}; }
.grid-item .year .h2 .titre-actus { border: none; font-weight: bold; font-size: 2em; }
.grid-item .month { background-color: #GET{c_menuhaut_bk}; color: #GET{c_menuhaut}; }
.grid-item .month .h2 .titre-actus { border: none; font-weight: bold; font-size: 1.5em; }
[(#PLUGIN{lesscss}|oui)
[(#CHEMIN{images/stylessoyezcreateurs_perso.less.html}|?{'/* Surcharge perso Less */'})
......
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Veuillez vous inscrire ou vous pour commenter

Forge communautaire SPIP | Charte d'utilisation | Signaler un problème sur ce site