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

@import font-awesome-sprockets
@import font-awesome
@import leaflet.awesome-markers

*
  height: auto
  padding: 0
  max-width: 100%
  box-sizing: border-box
  margin-left: auto
  margin-right: auto

html
  color: black
  height: 100%
  text-align: center
  font-family: sans-serif
  background-color: #9CC5EE
  // Integrating adl in another website
  &.iframe
    background-color: transparent
    body
      border: none
      margin: 0
      padding: 0
      background-color: transparent
      & > header, & > footer,
      h2, nav, .region_selector, .orga_search, .formats, #banner
        display: none
      ul
        margin: 0

body
  border: 1px solid #68A6E5
  margin: 0.3em
  padding: 2%
  position: relative
  background-color: white
  header, main, footer
    *
      transition-duration: 0.5s

a
  &:link, &:visited
    color: #258
    text-decoration: none
  &:hover, &:active, &:focus
    color: #2E97FF

#flash-messages .flash
  color: white
  border: solid 1px #007ba0
  margin: 1em auto
  padding: 0.5em 1.1em
  max-width: 50em
  font-size: x-large
  text-align: justify
  box-shadow: 0 0 0.3em gray
  border-radius: 3px
  background-color: #008cba
  &.notice
    border-color: #3a945b
    background-color: #43ac6a
  &.alert
    border-color: #de2b0f
    background-color: #f04124

h3.warning
  color: white
  margin: 0
  padding: 1em
  display: inline-block
  text-align: center
  background-color: orange
  box-shadow: 0 0 0.3em gray
  border-radius: 1em

header.top
  text-align: left
  img.logo
    float: left
    margin-right: 2%
  h1
    margin: 0
    font-size: 2.1em
  h2
    font:
      size: 1.2em
      style: italic
      weight: normal
    margin-top: 0

main, body.mce-content-body
  position: relative
  & > *
    max-width: 80em
  h1
    margin: 10px auto 5px auto
    letter-spacing: 2px
  h3
    text-align: left
  ul, ol
    text-align: left
    padding-left: 1em
    list-style-position: inside
  p
    text-align: left
    line-height: 1.5
    &.label
      text-align: center
    span.label:after
      content: ':'
  hr
    margin: 10px 20px

aside
  float: right
  width: 16em
  border: 1px solid #96CFFF
  margin: 0 1.2em
  z-index: 10
  padding: 5px
  position: relative
  font-size: 0.7em
  box-shadow: 4px 4px 1em gray
  margin-right: -4em
  border-radius: 1em
  background-color: #D6ECFF
  h1
    font-weight: normal
    border-bottom: 1px black solid
    padding-bottom: 0.3em
  h2
    margin: 0
    font-size: larger
    a
      padding: 0.5em 0
      display: block

fieldset
  border: none
  margin: 1em auto
  padding: 2%
  box-shadow: 1px 1px 5px gray
  border-radius: 0.4em
  legend
    color: gray
    padding: 0 1em
    background-color: white
  h2
    margin-top: 0

footer.bottom nav
  clear: both
  a
    padding: 1.8%
    display: inline-block
    font-weight: bolder
    em.fa
      font-size: x-large
    &:hover
      text-shadow: 0 0 1em lightgray

#loading
  top: 45%
  left: 45%
  color: gray
  display: none
  position: fixed
  font-size: 10vw
  text-shadow: 0 0 4px gray
  vertical-align: baseline

.pagination
  span
    display: none
  span.next
    display: block
Organisation can now be organised in kinds, and easily modified by moderators 2015-02-28 17:28:05 +01:00			`@import font-awesome-sprockets`
Les drapeaux sont maintenant gérés dans les css 2014-08-07 00:33:24 +02:00			`@import font-awesome`
The maps' items now have proper markers and different colors. Refs #71 2016-05-21 23:15:49 +02:00			`@import leaflet.awesome-markers`
Active admin en place, ainsi que awesome font et compass 2013-11-14 17:07:48 +01:00
			`*`
Adaptations supplémentaires pour petits écrans 2014-11-09 12:36:37 +01:00			`height: auto`
Cités et régions initialisées 2013-12-10 23:49:01 +01:00			`padding: 0`
Les écrans peu larges ne voient plus un tableau mensuel, mais une liste 2014-07-02 17:41:00 +02:00			`max-width: 100%`
Removal of compass, which was used to support older browsers 2016-09-17 22:45:32 +02:00			`box-sizing: border-box`
Le sélecteur de régions et l'éditeur de tags ont évolué graphiquement 2014-08-16 11:19:27 +02:00			`margin-left: auto`
			`margin-right: auto`
Traductions et look global en place 2013-11-24 16:11:44 +01:00
Cités et régions initialisées 2013-12-10 23:49:01 +01:00			`html`
Rajout des liens pour valider le site, du point de vue W3C et accessibilité 2014-06-27 13:46:37 +02:00			`color: black`
On peut maintenant intégrer l'adl dans une iframe 2014-08-24 14:24:53 +02:00			`height: 100%`
Calendrier principal: la puce des listes permet de savoir si evt local ou national 2014-09-27 13:06:11 +02:00			`text-align: center`
Font familly removed, so that the browser's default font will apply 2016-11-08 15:07:32 +01:00			`font-family: sans-serif`
Cités et régions initialisées 2013-12-10 23:49:01 +01:00			`background-color: #9CC5EE`
On peut maintenant intégrer l'adl dans une iframe 2014-08-24 14:24:53 +02:00			`// Integrating adl in another website`
			`&.iframe`
			`background-color: transparent`
			`body`
			`border: none`
La carte peut maintenant être affichée dans une iframe, avec le paramètre iframe=true 2014-11-08 14:15:07 +01:00			`margin: 0`
			`padding: 0`
On peut maintenant intégrer l'adl dans une iframe 2014-08-24 14:24:53 +02:00			`background-color: transparent`
Removed iframe layout, which was not necessary 2016-04-17 15:34:04 +02:00			`& > header, & > footer,`
Table lugs renamed to orgas 2015-02-15 17:10:17 +01:00			`h2, nav, .region_selector, .orga_search, .formats, #banner`
On peut maintenant intégrer l'adl dans une iframe 2014-08-24 14:24:53 +02:00			`display: none`
Removed iframe layout, which was not necessary 2016-04-17 15:34:04 +02:00			`ul`
			`margin: 0`
Cités et régions initialisées 2013-12-10 23:49:01 +01:00
			`body`
Un calendrier fonctionnel est en place 2013-12-28 23:45:13 +01:00			`border: 1px solid #68A6E5`
On peut maintenant intégrer l'adl dans une iframe 2014-08-24 14:24:53 +02:00			`margin: 0.3em`
Regions can now be organised into a hierarchy. The region selector is back on the top page, but right under the related country's flag 2017-05-20 16:02:07 +02:00			`padding: 2%`
			`position: relative`
Retour en arrière pour foundation, trop complexe et pas nécessaire, messages stylés simplement 2014-06-29 11:36:17 +02:00			`background-color: white`
Le chargement de tinymce et des webshims est maintenant fonctionnel, y compris avec turbolinks. Ajout d'un spinner pour indiquer le chargement 2014-07-17 16:45:12 +02:00			`header, main, footer`
			`*`
Removal of compass, which was used to support older browsers 2016-09-17 22:45:32 +02:00			`transition-duration: 0.5s`
Cités et régions initialisées 2013-12-10 23:49:01 +01:00
Utilisation d'une meilleure syntaxe compass/sass 2014-08-17 20:16:40 +02:00			`a`
			`&:link, &:visited`
Removal of compass, which was used to support older browsers 2016-09-17 22:45:32 +02:00			`color: #258`
Utilisation d'une meilleure syntaxe compass/sass 2014-08-17 20:16:40 +02:00			`text-decoration: none`
Removal of compass, which was used to support older browsers 2016-09-17 22:45:32 +02:00			`&:hover, &:active, &:focus`
			`color: #2E97FF`
Cités et régions initialisées 2013-12-10 23:49:01 +01:00
Regions can now be organised into a hierarchy. The region selector is back on the top page, but right under the related country's flag 2017-05-20 16:02:07 +02:00			`#flash-messages .flash`
Gros nettoyage des formulaires, en utilisant des fieldset pour regrouper les éléments 2014-08-09 18:59:11 +02:00			`color: white`
			`border: solid 1px #007ba0`
			`margin: 1em auto`
			`padding: 0.5em 1.1em`
			`max-width: 50em`
			`font-size: x-large`
			`text-align: justify`
Removal of compass, which was used to support older browsers 2016-09-17 22:45:32 +02:00			`box-shadow: 0 0 0.3em gray`
			`border-radius: 3px`
Gros nettoyage des formulaires, en utilisant des fieldset pour regrouper les éléments 2014-08-09 18:59:11 +02:00			`background-color: #008cba`
			`&.notice`
			`border-color: #3a945b`
			`background-color: #43ac6a`
			`&.alert`
			`border-color: #de2b0f`
			`background-color: #f04124`

			`h3.warning`
			`color: white`
			`margin: 0`
			`padding: 1em`
Removal of compass, which was used to support older browsers 2016-09-17 22:45:32 +02:00			`display: inline-block`
Gros nettoyage des formulaires, en utilisant des fieldset pour regrouper les éléments 2014-08-09 18:59:11 +02:00			`text-align: center`
L'édition concurrent d'un événement est maintenant bloquée 2014-10-11 16:12:07 +02:00			`background-color: orange`
Removal of compass, which was used to support older browsers 2016-09-17 22:45:32 +02:00			`box-shadow: 0 0 0.3em gray`
			`border-radius: 1em`
Travail sur l'accessibilité 2014-06-29 10:29:43 +02:00
Cités et régions initialisées 2013-12-10 23:49:01 +01:00			`header.top`
Changes to the main display: the title is flushed left. Plus the map footer item is moved to be just below the main calendar view 2017-05-20 17:23:57 +02:00			`text-align: left`
Petites corrections sur les images de soutien april ou logo baby gnu 2014-06-26 01:13:39 +02:00			`img.logo`
Changes to the main display: the title is flushed left. Plus the map footer item is moved to be just below the main calendar view 2017-05-20 17:23:57 +02:00			`float: left`
			`margin-right: 2%`
Cités et régions initialisées 2013-12-10 23:49:01 +01:00			`h1`
Regions can now be organised into a hierarchy. The region selector is back on the top page, but right under the related country's flag 2017-05-20 16:02:07 +02:00			`margin: 0`
Cités et régions initialisées 2013-12-10 23:49:01 +01:00			`font-size: 2.1em`
			`h2`
Calendrier principal: la puce des listes permet de savoir si evt local ou national 2014-09-27 13:06:11 +02:00			`font:`
			`size: 1.2em`
			`style: italic`
			`weight: normal`
Regions can now be organised into a hierarchy. The region selector is back on the top page, but right under the related country's flag 2017-05-20 16:02:07 +02:00			`margin-top: 0`
Bannière ajoutée au calendrier 2014-03-06 23:10:36 +01:00
Travail sur apparence du formulaire de soumission 2014-09-26 01:26:33 +02:00			`main, body.mce-content-body`
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			`position: relative`
Le sélecteur de date permet plus facilement de changer par dizaine de minutes 2014-08-10 22:38:32 +02:00			`& > *`
Erreur dans la largeur des éléments du main 2014-07-27 16:51:31 +02:00			`max-width: 80em`
Consultation d'événement en place 2013-12-29 23:25:38 +01:00			`h1`
Meilleur affichage en largeur de nombre d'éléments 2014-07-27 15:49:58 +02:00			`margin: 10px auto 5px auto`
Consultation d'événement en place 2013-12-29 23:25:38 +01:00			`letter-spacing: 2px`
			`h3`
			`text-align: left`
			`ul, ol`
			`text-align: left`
ul and ol lists have a left padding 2016-04-23 14:50:15 +02:00			`padding-left: 1em`
Lists bullets are better displayed 2016-03-06 01:51:13 +01:00			`list-style-position: inside`
Consultation d'événement en place 2013-12-29 23:25:38 +01:00			`p`
Font familly removed, so that the browser's default font will apply 2016-11-08 15:07:32 +01:00			`text-align: left`
			`line-height: 1.5`
Travail sur les notes 2014-02-18 09:28:04 +01:00			`&.label`
			`text-align: center`
Page sur les règles de modération ajoutée 2014-06-29 12:29:07 +02:00			`span.label:after`
			`content: ':'`
Proposer un événement est fonctionnel 2014-01-01 21:26:35 +01:00			`hr`
			`margin: 10px 20px`
Administration de cités, régions, lugs et contributeurs en place 2013-12-28 15:45:21 +01:00
Organisation can now be organised in kinds, and easily modified by moderators 2015-02-28 17:28:05 +01:00			`aside`
			`float: right`
			`width: 16em`
			`border: 1px solid #96CFFF`
			`margin: 0 1.2em`
Tags page better displayed 2016-10-18 15:37:03 +02:00			`z-index: 10`
Organisation can now be organised in kinds, and easily modified by moderators 2015-02-28 17:28:05 +01:00			`padding: 5px`
Tags page better displayed 2016-10-18 15:37:03 +02:00			`position: relative`
Organisation can now be organised in kinds, and easily modified by moderators 2015-02-28 17:28:05 +01:00			`font-size: 0.7em`
Removal of compass, which was used to support older browsers 2016-09-17 22:45:32 +02:00			`box-shadow: 4px 4px 1em gray`
Organisation can now be organised in kinds, and easily modified by moderators 2015-02-28 17:28:05 +01:00			`margin-right: -4em`
Better looking forms 2017-05-22 16:42:21 +02:00			`border-radius: 1em`
Organisation can now be organised in kinds, and easily modified by moderators 2015-02-28 17:28:05 +01:00			`background-color: #D6ECFF`
			`h1`
			`font-weight: normal`
			`border-bottom: 1px black solid`
			`padding-bottom: 0.3em`
			`h2`
			`margin: 0`
			`font-size: larger`
			`a`
			`padding: 0.5em 0`
			`display: block`

Gros nettoyage des formulaires, en utilisant des fieldset pour regrouper les éléments 2014-08-09 18:59:11 +02:00			`fieldset`
			`border: none`
			`margin: 1em auto`
Better looking forms 2017-05-22 16:42:21 +02:00			`padding: 2%`
Removal of compass, which was used to support older browsers 2016-09-17 22:45:32 +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			`legend`
			`color: gray`
			`padding: 0 1em`
			`background-color: white`
			`h2`
			`margin-top: 0`

Administration de cités, régions, lugs et contributeurs en place 2013-12-28 15:45:21 +01:00			`footer.bottom nav`
Quelques changements d'apparence et traductions supplémentaires 2014-06-21 18:53:05 +02:00			`clear: both`
Lignes de boutons du footer sont plus gros 2014-10-19 00:40:22 +02:00			`a`
Ajout de liens vers geojson 2014-10-31 14:24:40 +01:00			`padding: 1.8%`
Removal of compass, which was used to support older browsers 2016-09-17 22:45:32 +02:00			`display: inline-block`
Les liens ne sont plus, tous, en gras 2014-12-29 01:29:01 +01:00			`font-weight: bolder`
Lignes de boutons du footer sont plus gros 2014-10-19 00:40:22 +02:00			`em.fa`
			`font-size: x-large`
			`&:hover`
Removal of compass, which was used to support older browsers 2016-09-17 22:45:32 +02:00			`text-shadow: 0 0 1em lightgray`
Le chargement de tinymce et des webshims est maintenant fonctionnel, y compris avec turbolinks. Ajout d'un spinner pour indiquer le chargement 2014-07-17 16:45:12 +02:00
			`#loading`
			`top: 45%`
			`left: 45%`
			`color: gray`
			`display: none`
			`position: fixed`
			`font-size: 10vw`
Removal of compass, which was used to support older browsers 2016-09-17 22:45:32 +02:00			`text-shadow: 0 0 4px gray`
Le chargement de tinymce et des webshims est maintenant fonctionnel, y compris avec turbolinks. Ajout d'un spinner pour indiquer le chargement 2014-07-17 16:45:12 +02:00			`vertical-align: baseline`
Le sélecteur de régions et l'éditeur de tags ont évolué graphiquement 2014-08-16 11:19:27 +02:00
Continuous pagination. Refs #24 2016-01-10 14:41:20 +01:00			`.pagination`
			`span`
			`display: none`
			`span.next`
			`display: block`