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

@import compass

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: 90%
  max-width: 100%
  // So we can ellipse past events
  table-layout: fixed
  tr
    th
      padding-bottom: 0.35em
      text-transform: capitalize
    td
      width: 14%
      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
        line-height: 1.2em
        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
          a:link, a:visited
            color: #111
            font-size: smaller
            &:hover
              color: black
              font-weight: bolder

.formats
  float: right
  font-size: smaller
  margin-right: 5%
  padding-right: 2px

a#banner
  float: left
  margin-left: 5%
  padding-left: 2px

body.events.show main, body.orgas.show 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
  padding-left: 10px
  padding-right: 10px
  margin-bottom: 1.2em
  background-color: #ffe0c7
  h1
    font-size: 1.9em
    font-weight: normal
  a
    color: #8F4900

.description, body.mce-content-body
  img
    margin-left: 1%
    margin-right: 1%
Les drapeaux sont maintenant gérés dans les css 2014-08-07 00:33:24 +02:00			`@import compass`
Consultation d'événement en place 2013-12-29 23:25:38 +01:00
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`
Un calendrier fonctionnel est en place 2013-12-28 23:45:13 +01:00			`width: 90%`
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`
Les écrans peu larges ne voient plus un tableau mensuel, mais une liste 2014-07-02 17:41:00 +02:00			`width: 14%`
Proposer un événement est fonctionnel 2014-01-01 21:26:35 +01:00			`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`
			`line-height: 1.2em`
			`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`
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`
Affichage des evts plus resserré 2014-12-28 15:27:28 +01:00			`font-weight: bolder`
Un calendrier fonctionnel est en place 2013-12-28 23:45:13 +01:00
			`.formats`
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`
Un calendrier fonctionnel est en place 2013-12-28 23:45:13 +01:00			`font-size: smaller`
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			`margin-right: 5%`
Meilleur affichage en largeur de nombre d'éléments 2014-07-27 15:49:58 +02:00			`padding-right: 2px`
Consultation d'événement en place 2013-12-29 23:25:38 +01:00
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`
			`margin-left: 5%`
			`padding-left: 2px`

Organisations can now be managed as are managed events: propose, accept or refuse 2015-07-25 18:32:27 +02:00			`body.events.show main, body.orgas.show main`
Gros nettoyage des formulaires, en utilisant des fieldset pour regrouper les éléments 2014-08-09 18:59:11 +02:00			`padding: 1em`
			`max-width: 60em`
Utilisation d'une meilleure syntaxe compass/sass 2014-08-17 20:16:40 +02:00			`+box-shadow(1px 1px 5px gray)`
			`+border-radius(0.4em)`
Gros nettoyage des formulaires, en utilisant des fieldset pour regrouper les éléments 2014-08-09 18:59:11 +02:00			`h2`
			`margin-top: 1em`

Proposer un événement est fonctionnel 2014-01-01 21:26:35 +01:00			`#advises`
			`border: 1px solid #FFB578`
			`padding-left: 10px`
			`padding-right: 10px`
Les drapeaux sont maintenant gérés dans les css 2014-08-07 00:33:24 +02:00			`margin-bottom: 1.2em`
Proposer un événement est fonctionnel 2014-01-01 21:26:35 +01:00			`background-color: #ffe0c7`
			`h1`
			`font-size: 1.9em`
			`font-weight: normal`
			`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%`