source: themes/ductile/mediaqueries.css @ 339:1687f2e93993

@charset "UTF-8";

/* seuils retenus :
480px
640px
960px
1280px
----------------- */

@media only screen and (max-width:480px) {
     h1 {
          font-size: 1.8em;
          margin-left: 3%;
          }
     #prelude {
          display: none;
          }
}

@media only screen and (min-width: 481px) {
     h1 {
     font-size: 2.5em;
          }
     h1 a, h1 a:hover, h1 a:focus {
          background-repeat: no-repeat;
          background-position: left center;
          padding-left: 68px;
          background-image: url(img/home-small.png);
          }
}

@media only screen and (max-width:639px) {
     html {
          -webkit-text-size-adjust: none;
          }
     #wrapper {
          padding: 0 3%;
          }
     img {
          max-width: 100%;
          height: auto;
          width: auto\9; /* pour ie8 */
          }
}

@media only screen and (min-width: 640px) and (max-width: 960px) {
     #wrapper {
          padding: 0 10%;
          }
}

@media only screen and (min-width: 961px) {
     #wrapper {
          padding: 0 15%;
          }
}