source: admin/style/scss/partials/_mediaqueries.scss @ 3775:6c367dee2de0

/* ------------------------------------------------------------------------------------
                                                                           UN POIL DE MEDIA QUERIES
------------------------------------------------------------------------------------ */

@media screen and (max-width: $xl-screen) {
  #header,
  h1 {
    background: $header-background-alt;
  }
  #top-info-user {
    background: $header-background;
    a.active {
      color: $header-active-color-alt;
      background: $header-active-background-alt;
    }
  }
  #wrapper {
    background: $wrapper-background;
  }
  .modules {
    th.module-desc,
    td.module-desc {
      display: none;  // Module description is also in title of the raw
    }
  }
}

@media screen and (max-width: $s-screen) {
     #help-button {
    background-color: $header-border;
          padding: 0;
          font-size: .83em;
          line-height: 68px;
     }
}

@media screen and (max-width: $xs-screen) {
  h1 a {
    &:link {
      border-right: 1px solid $tabs-border;
    }
    &:hover,
    &:focus {
      border-right: 1px solid $tabs-border;
    }
  }
     #dashboard-main {
          padding: 0;
     }
     #content,
     .hide-mm #content {
          padding: 0 .5em !important;
     }
     #main #content > h2 {
          padding: 6px 30px 4px .5em;
     }
     .cell,
     #filters-form .cell {
          border: none;
          padding: 1em;
     }
     .pseudo-tabs li {
    border-top: 1px solid $tabs-border;
          padding: .25em;
          &:first-child,
          &:nth-of-type(2) {
               border-top: none;
          }
     }
}

@media screen and (max-width: $xxs-screen) {
  h1,
  h1 a {
    border-right: $header-border-alt !important;
  }
     #content.with-help #help {
          font-size: 1.2rem // 12px;
     }
     p.top-add {
          text-align: center;
     }
     .multi-part {
          padding-left: 0;
     }
     .part-tabs ul {
          padding: 0 .5em;
     }
     #icons p {
          padding: 1em .25em;
     }
     .box.current-theme {
          padding: 10px;
     }
     th,
     td {
          padding: 0.3em 1em 0.3em 0;
     }
  .pseudo-tabs li {
    border-top: 1px solid $tabs-border !important;
  }
     .pseudo-tabs li:first-child {
          border-top: none;
     }
}