Responsive tests
Layout options
Line heigh tests
Test page
Personalize CSS styles
Styles comments in    
/* your website (check the impact) */
/* votre site (simuler l'intégration) */
.md .md2 {
background-color
:
rgba(255,255,255,1)
color
:
#111
}
/* date blocs */
/* blocs de date */
.md .md2 .md-date {
background-color
:
rgba(0,0,0,0.5)
color
:
#ffffff
}
/* cards background */
/* fond vignettes */
.md .md2 .md-evtitem {
background-color
:
rgba(247,247,247,1)
}
/* cards background when mouse is over */
/* fond vignettes avec la souris dessus */
.md .md2 .md-evtitem:hover {
background-color
:
rgba(255,255,255,1)
}
/* events titles color */
/* couleur du titre des events */
.md .md2 .md-medium .md-evtitem-name {
color
:
rgba(17,17,17,1)
background-color
:
rgba(0,0,0,0.1)
}
/* event dates color in cards */
/* couleur des dates des events (dans la vignette) */
.md .md2 .md-evtitem-dates {
color
:
rgba(1,1,1,0.6)
}
/* event places color in cards */
/* couleur du lieu des events (dans la vignette) */
.md .md2 .md-evtitem-place {
color
:
rgba(1,1,1,0.6)
}
/* organizer color */
/* couleur de l'organisateur */
.md .md2 .md-evtitem-orga {
color
:
rgba(0,0,0,0.6)
}
/* hour color */
/* couleur heure */
.md .md2 .md-evtitem-times {
color
:
#000000
}
/* description color */
/* couleur description */
.md .md2 .md-evtitem-shortdescr {
color
:
rgba(0,0,0,0.8)
}
/* categories color */
/* couleur des catégories */
.md .md2 .md-cat {
background-color
:
rgba(1,1,1,0.1)
color
:
#000000
}
/* tags default color */
/* couleur des tags */
.md .md2 .md-tag {
background-color
:
rgba(1,1,1,0.1)
color
:
#ffffff
}
Click on "Ok" to validate a color. Any change here will reflect in the test container below (a page-reload will erase). You can copy-paste these styles directly in your own website.
Here is other content
End test