agenda-libre-ruby/app/assets/stylesheets/mobile.css.sass

@media all and (min-width: 1600px)
  main
    font-size: larger

  aside#lug-list
    width: auto

  #advises
    max-width: 60em

@media all and (max-width: 1024px)
  body.events.index table
    width: 100%

  form#lug_search
    right: 0
  .formats, a#banner
    margin: 0

@media all and (max-width: 900px)
  body
    border: none
    margin: 0
    header.top h1
      margin-top: 0
    main ul
      margin-left: 0

  form#lug_search
    font-size: smaller

  body.events.index table
    font-size: smaller
    td
      border-width: 0
      ul.events
        padding-left: 0
        li
          list-style-type: none

  table tr td
    border-width: 0px !important

/* For small screen width */
@media all and (max-width: 34em)
  form#lug_search
    display: none

  body.events.index table
    font-size: inherit
    thead
      display: none
    tr td
      clear: both
      width: auto
      height: auto
      margin: 1px
      padding: 0 0.4em
      display: block
      min-height: 1.1em
      border-width: 1px !important
      .day_number
        float: right
      ul.events
        margin-left: 1em
        li
          list-style-type: disc

  aside
    display: none

  .formats, a#banner
    float: none
Les écrans peu larges ne voient plus un tableau mensuel, mais une liste 2014-07-02 17:41:00 +02:00			`@media all and (min-width: 1600px)`
Trouve ton Gull! 2014-07-27 01:50:22 +02:00			`main`
Les écrans peu larges ne voient plus un tableau mensuel, mais une liste 2014-07-02 17:41:00 +02:00			`font-size: larger`
Ajout d'un style destiné aux mobiles, manquait le fichier css lui même :) 2014-07-02 01:07:10 +02:00
Meilleure aide visuelle pour la sélection de région 2014-08-16 12:35:51 +02:00			`aside#lug-list`
La liste de lugs d'une région est maintenant gérée comme une sidebar html5, et cachée sur les écrans de faible largeur 2014-07-07 20:53:24 +02:00			`width: auto`

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			`#advises`
			`max-width: 60em`

Les écrans peu larges ne voient plus un tableau mensuel, mais une liste 2014-07-02 17:41:00 +02:00			`@media all and (max-width: 1024px)`
			`body.events.index table`
			`width: 100%`

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			`form#lug_search`
			`right: 0`
			`.formats, a#banner`
			`margin: 0`

Les écrans peu larges ne voient plus un tableau mensuel, mais une liste 2014-07-02 17:41:00 +02:00			`@media all and (max-width: 900px)`
Ajout d'un style destiné aux mobiles, manquait le fichier css lui même :) 2014-07-02 01:07:10 +02:00			`body`
Les écrans peu larges ne voient plus un tableau mensuel, mais une liste 2014-07-02 17:41:00 +02:00			`border: none`
Ajout d'un style destiné aux mobiles, manquait le fichier css lui même :) 2014-07-02 01:07:10 +02:00			`margin: 0`
Les écrans peu larges ne voient plus un tableau mensuel, mais une liste 2014-07-02 17:41:00 +02:00			`header.top h1`
			`margin-top: 0`
			`main ul`
			`margin-left: 0`

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			`form#lug_search`
			`font-size: smaller`
Ajout d'un style destiné aux mobiles, manquait le fichier css lui même :) 2014-07-02 01:07:10 +02:00
Les écrans peu larges ne voient plus un tableau mensuel, mais une liste 2014-07-02 17:41:00 +02:00			`body.events.index table`
Ajout d'un style destiné aux mobiles, manquait le fichier css lui même :) 2014-07-02 01:07:10 +02:00			`font-size: smaller`
Les écrans peu larges ne voient plus un tableau mensuel, mais une liste 2014-07-02 17:41:00 +02:00			`td`
			`border-width: 0`
			`ul.events`
			`padding-left: 0`
			`li`
			`list-style-type: none`

			`table tr td`
			`border-width: 0px !important`
Ajout d'un style destiné aux mobiles, manquait le fichier css lui même :) 2014-07-02 01:07:10 +02: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			`/* For small screen width */`
Largeur plus petite pour les téléphones portables 2014-07-02 18:14:53 +02:00			`@media all and (max-width: 34em)`
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			`form#lug_search`
Meilleure aide visuelle pour la sélection de région 2014-08-16 12:35:51 +02:00			`display: none`
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
Les écrans peu larges ne voient plus un tableau mensuel, mais une liste 2014-07-02 17:41:00 +02:00			`body.events.index table`
			`font-size: inherit`
			`thead`
			`display: none`
			`tr td`
			`clear: both`
			`width: auto`
			`height: auto`
			`margin: 1px`
			`padding: 0 0.4em`
			`display: block`
			`min-height: 1.1em`
Ajout d'un style destiné aux mobiles, manquait le fichier css lui même :) 2014-07-02 01:07:10 +02:00			`border-width: 1px !important`
Les écrans peu larges ne voient plus un tableau mensuel, mais une liste 2014-07-02 17:41:00 +02:00			`.day_number`
			`float: right`
			`ul.events`
Largeur plus petite pour les téléphones portables 2014-07-02 18:14:53 +02:00			`margin-left: 1em`
Les écrans peu larges ne voient plus un tableau mensuel, mais une liste 2014-07-02 17:41:00 +02:00			`li`
Largeur plus petite pour les téléphones portables 2014-07-02 18:14:53 +02:00			`list-style-type: disc`
La liste de lugs d'une région est maintenant gérée comme une sidebar html5, et cachée sur les écrans de faible largeur 2014-07-07 20:53:24 +02:00
Meilleure aide visuelle pour la sélection de région 2014-08-16 12:35:51 +02:00			`aside`
La liste de lugs d'une région est maintenant gérée comme une sidebar html5, et cachée sur les écrans de faible largeur 2014-07-07 20:53:24 +02:00			`display: none`
Meilleure aide visuelle pour la sélection de région 2014-08-16 12:35:51 +02:00
			`.formats, a#banner`
			`float: none`