agenda-libre-ruby/app/assets/stylesheets/events.sass

header.calendar-header
  font-size: 1.5em
  margin-top: 0.4em
  font-weight: bolder
  a
    font-weight: normal
    &:first-child, &:last-child
      margin: 0 0.3em

em.locality.fa
  color: gray

span.city:after, strong.city:after, em.city:after
  content: ':'

p.full_address
  span:after
    content: ','
  span:last-child:after
    content: ''

.calendar-header, .month
  text-transform: capitalize

body.events.index table
  width: 100%
  max-width: 100%
  // So we can ellipse past events
  table-layout: fixed
  tr
    th
      padding-bottom: 0.35em
      text-transform: capitalize
    td
      height: 4.8em
      border: 1px solid #89B7E5
      padding: 1px
      position: relative
      vertical-align: top
      background-color: #A1C3E7
      &.past .event
        overflow: hidden
        white-space: nowrap
        text-overflow: ellipsis
      &.today
        border: 1px solid #FFB578
        background-color: #FFE0C7
        .day_number
          color: #531
        .event
          a:link, a:visited
            color: #730
      &.future
        border-color: rgb(150, 207, 255)
        background-color: #C6E5FF
      &.prev-month, &.next-month
        border: none
        background-color: #ededed
        li
          color: #555
        .event
          a:link, a:visited
            color: #444

      .day_number
        float: left
        color: #111
        font-size: 0.6em
        font-weight: bolder
        letter-spacing: 2px
      &:hover .day_number
        color: black

      ul
        clear: left
        margin: 0
        padding: 0
        li
          color: #444
          margin: 0
          padding: 0
          em.fa.fa-globe
            color: red
            font-size: smaller

        .event
          padding-left: 0.2em
          img
            // For the LEF icon
            vertical-align: middle
          a:link, a:visited
            color: #111
            font-size: smaller
            &:hover
              color: black
              text-decoration: underline

.links
  float: right

.fa-rss
  color: darkorange

a#banner
  float: left

body.events.show, body.orgas.show, body.tags.show, body.pages
  main
    padding: 1em
    max-width: 60em
    box-shadow: 1px 1px 5px gray
    border-radius: 0.4em
    h2
      margin-top: 1em

#advises
  border: 1px solid #FFB578
  border-radius: 0.2em
  padding-left: 10px
  padding-right: 10px
  background-color: #ffe0c7
  & > *:first-child
    font-size: 1.9em
    font-weight: normal
    &:before
      content: '🛈 '
  a
    color: #8F4900

.description, body.mce-content-body
  img
    margin-left: 1%
    margin-right: 1%

/* Display in events list */
article.event
  box-shadow: -1em 1em 1em -1em gray
  margin-left: 1em
  padding-left: 1em
  padding-bottom: 0.4em
  border-bottom-left-radius: 1em
Utilisation de la dernière version de simple_calendar 2014-06-27 00:52:47 +02:00			`header.calendar-header`
			`font-size: 1.5em`
Slightly tighter display 2014-12-21 00:34:30 +01:00			`margin-top: 0.4em`
Utilisation de la dernière version de simple_calendar 2014-06-27 00:52:47 +02:00			`font-weight: bolder`
Un calendrier fonctionnel est en place 2013-12-28 23:45:13 +01:00			`a`
			`font-weight: normal`
Gros nettoyage des formulaires, en utilisant des fieldset pour regrouper les éléments 2014-08-09 18:59:11 +02:00			`&:first-child, &:last-child`
			`margin: 0 0.3em`
Un calendrier fonctionnel est en place 2013-12-28 23:45:13 +01:00
Affichage affiné des evts, avec icone pour indiquer leur localité 2014-09-28 00:16:25 +02:00			`em.locality.fa`
			`color: gray`

Travail sur apparence du formulaire de soumission 2014-09-26 01:26:33 +02:00			`span.city:after, strong.city:after, em.city:after`
Essaie d'optimisations 2014-08-25 17:55:14 +02:00			`content: ':'`
Meilleure gestion des traductions pour les dates 2014-08-26 16:51:52 +02:00
			`p.full_address`
			`span:after`
			`content: ','`
			`span:last-child:after`
			`content: ''`
La liste des lug est une sidebar html5 2014-07-07 22:32:26 +02:00
Meilleurs stats par dates, avec sparklines 2014-10-19 16:20:44 +02:00			`.calendar-header, .month`
			`text-transform: capitalize`

Utilisation de la dernière version de simple_calendar 2014-06-27 00:52:47 +02:00			`body.events.index table`
No more mister nice guy, the main table's width is now set at 100%! 2017-05-05 00:07:29 +02:00			`width: 100%`
Meilleur affichage en largeur de nombre d'éléments 2014-07-27 15:49:58 +02:00			`max-width: 100%`
Past events are now only displayed on 1 line, with a ... ellipsis 2014-12-20 22:53:04 +01:00			`// So we can ellipse past events`
			`table-layout: fixed`
Proposer un événement est fonctionnel 2014-01-01 21:26:35 +01:00			`tr`
			`th`
			`padding-bottom: 0.35em`
			`text-transform: capitalize`
			`td`
			`height: 4.8em`
			`border: 1px solid #89B7E5`
Affichage des evts plus resserré 2014-12-28 15:27:28 +01:00			`padding: 1px`
Past events are now only displayed on 1 line, with a ... ellipsis 2014-12-20 22:53:04 +01:00			`position: relative`
Proposer un événement est fonctionnel 2014-01-01 21:26:35 +01:00			`vertical-align: top`
			`background-color: #A1C3E7`
Past events are now only displayed on 1 line, with a ... ellipsis 2014-12-20 22:53:04 +01:00			`&.past .event`
			`overflow: hidden`
			`white-space: nowrap`
			`text-overflow: ellipsis`
Proposer un événement est fonctionnel 2014-01-01 21:26:35 +01:00			`&.today`
			`border: 1px solid #FFB578`
Travail sur l'accessibilité 2014-06-29 10:29:43 +02:00			`background-color: #FFE0C7`
Proposer un événement est fonctionnel 2014-01-01 21:26:35 +01:00			`.day_number`
Travail sur l'accessibilité 2014-06-29 10:29:43 +02:00			`color: #531`
Le flux rss utilise la vue html pour constituer la description des événements 2014-01-02 01:32:32 +01:00			`.event`
			`a:link, a:visited`
Travail sur l'accessibilité 2014-06-29 10:29:43 +02:00			`color: #730`
Proposer un événement est fonctionnel 2014-01-01 21:26:35 +01:00			`&.future`
			`border-color: rgb(150, 207, 255)`
			`background-color: #C6E5FF`
Utilisation de la dernière version de simple_calendar 2014-06-27 00:52:47 +02:00			`&.prev-month, &.next-month`
Proposer un événement est fonctionnel 2014-01-01 21:26:35 +01:00			`border: none`
			`background-color: #ededed`
			`li`
			`color: #555`
			`.event`
			`a:link, a:visited`
Travail sur l'accessibilité 2014-06-29 10:29:43 +02:00			`color: #444`
Proposer un événement est fonctionnel 2014-01-01 21:26:35 +01:00
Le sélectionneur de région est en place 2013-12-29 00:23:08 +01:00			`.day_number`
Proposer un événement est fonctionnel 2014-01-01 21:26:35 +01:00			`float: left`
Travail sur l'accessibilité 2014-06-29 10:29:43 +02:00			`color: #111`
Proposer un événement est fonctionnel 2014-01-01 21:26:35 +01:00			`font-size: 0.6em`
			`font-weight: bolder`
			`letter-spacing: 2px`
			`&:hover .day_number`
			`color: black`
Un calendrier fonctionnel est en place 2013-12-28 23:45:13 +01:00
Proposer un événement est fonctionnel 2014-01-01 21:26:35 +01:00			`ul`
			`clear: left`
Affichage des evts plus resserré 2014-12-28 15:27:28 +01:00			`margin: 0`
			`padding: 0`
Proposer un événement est fonctionnel 2014-01-01 21:26:35 +01:00			`li`
			`color: #444`
			`margin: 0`
			`padding: 0`
Recadrage du symbole pour événement national sur calendrier mensuel 2014-12-28 16:54:58 +01:00			`em.fa.fa-globe`
			`color: red`
Les liens ne sont plus, tous, en gras 2014-12-29 01:29:01 +01:00			`font-size: smaller`
Un calendrier fonctionnel est en place 2013-12-28 23:45:13 +01:00
Proposer un événement est fonctionnel 2014-01-01 21:26:35 +01:00			`.event`
Affichage des evts plus resserré 2014-12-28 15:27:28 +01:00			`padding-left: 0.2em`
Libre en fête logo added to corresponding events 2016-03-01 23:19:47 +01:00			`img`
			`// For the LEF icon`
			`vertical-align: middle`
Proposer un événement est fonctionnel 2014-01-01 21:26:35 +01:00			`a:link, a:visited`
Travail sur l'accessibilité 2014-06-29 10:29:43 +02:00			`color: #111`
Affichage des evts plus resserré 2014-12-28 15:27:28 +01:00			`font-size: smaller`
Proposer un événement est fonctionnel 2014-01-01 21:26:35 +01:00			`&:hover`
			`color: black`
Individual table cells should not be larger than 1/7th of the screen width 2017-05-05 00:05:27 +02:00			`text-decoration: underline`
Un calendrier fonctionnel est en place 2013-12-28 23:45:13 +01:00
Separate page to manage a complete filter, presenting all available options 2016-10-21 13:46:32 +02:00			`.links`
Le formulaire de recherche de lug est presque complet, la bannière april est descendue plus bas 2014-07-29 00:00:13 +02:00			`float: right`
Consultation d'événement en place 2013-12-29 23:25:38 +01:00
Visual simplifications 2018-09-16 23:17:24 +02:00			`.fa-rss`
			`color: darkorange`

Le formulaire de recherche de lug est presque complet, la bannière april est descendue plus bas 2014-07-29 00:00:13 +02:00			`a#banner`
			`float: left`

Migration to the gem high_voltage: « Easily include static pages in your Rails app» This replaces the "application" directory where were stored some common static pages 2016-10-31 23:44:44 +01:00			`body.events.show, body.orgas.show, body.tags.show, body.pages`
Tags page better displayed 2016-10-18 15:37:03 +02:00			`main`
			`padding: 1em`
			`max-width: 60em`
			`box-shadow: 1px 1px 5px gray`
			`border-radius: 0.4em`
			`h2`
			`margin-top: 1em`
Gros nettoyage des formulaires, en utilisant des fieldset pour regrouper les éléments 2014-08-09 18:59:11 +02:00
Proposer un événement est fonctionnel 2014-01-01 21:26:35 +01:00			`#advises`
			`border: 1px solid #FFB578`
Better small screen display 2019-04-20 19:10:14 +02:00			`border-radius: 0.2em`
Proposer un événement est fonctionnel 2014-01-01 21:26:35 +01:00			`padding-left: 10px`
			`padding-right: 10px`
			`background-color: #ffe0c7`
Better small screen display 2019-04-20 19:10:14 +02:00			`& > *:first-child`
Proposer un événement est fonctionnel 2014-01-01 21:26:35 +01:00			`font-size: 1.9em`
			`font-weight: normal`
Better small screen display 2019-04-20 19:10:14 +02:00			`&:before`
			`content: '🛈 '`
Proposer un événement est fonctionnel 2014-01-01 21:26:35 +01:00			`a`
			`color: #8F4900`

Les images de contenu ont une marge gauche et droite 2014-10-21 23:41:18 +02:00			`.description, body.mce-content-body`
			`img`
			`margin-left: 1%`
			`margin-right: 1%`
Listing future events, with full description. Refs #90 2017-05-07 19:29:56 +02:00
			`/* Display in events list */`
			`article.event`
			`box-shadow: -1em 1em 1em -1em gray`
			`margin-left: 1em`
			`padding-left: 1em`
			`padding-bottom: 0.4em`
			`border-bottom-left-radius: 1em`