Mobstyle

Voici le fichier mobstyle.css de la skin-guppy-03 pour GuppY 6,
il est volontairement réduit au strict nécessaire .

 

/* déclarations générales mobiles - skin6-guppy-03 */

@media screen and (max-width: 760px), screen and (max-device-width: 760px) { /* affichage mobile */
  body { padding: 0; } /* pas de marges internes */
  #TopBoxes { margin-top: 36px; } /* marge externe haut */
  .T0entrow6 { display: block; } /* affichage bloc */
  .T1entrow4 { display: block; } /* affichage bloc */
  .T2entrow4 { display: block; } /* affichage bloc */
  .T3entrow4 { display: block; } /* affichage bloc */
  .T4entrow4 { display: block; } /* affichage bloc */
  .wcol1T00, .wcol3T00 { display: none; } /* ne pas afficher */
  .wcol1T10, .wcol3T10 { display: none; } /* ne pas afficher */
  .wcol1T20, .wcol3T20 { display: none; } /* ne pas afficher */
  .wcol1T30, .wcol3T30 { display: none; } /* ne pas afficher */
  .wcol1T40, .wcol3T40 { display: none; } /* ne pas afficher */
  #LeftBoxes { order: 4 !important; } /* ordre affichage */
  #RightBoxes { order: 5 !important; } /* ordre affichage */
  #paranav { top: 0; left: 0; padding: 1rem; width: 100%; display: inline-flex; background-color: #0F056B;} /* position marges internes affichage couleur fond */
  #paranav li { margin: 0 2rem; } /* marges externes */
  .iconSocnetW { text-align: center !important; } /* aligner au centre */
  .a-col { padding-left: 0 !important; padding-right: 0 !important; } /* marges internes */
  div.quote { display: none; } /* ne pas afficher */
  nav.menuIcons ul li { text-align: left; line-height: 3.2rem; } /* aligner a gauche et hauteur ligne */
  #returnOnTop { display: none !important; }  /* ne pas afficher */
  .tbluseravaW i { width: 48px; height: 48px; } /* largeur et hauteur */
  fieldset { margin: 0; } /* pas de marges externes */
  .nav-link .dropdown-toggle { padding: .5rem 1rem; } /* marges internes */
  #MainContent {margin:60px 0 0; padding: 10px 0 !important; border: 0 !important; } /* marges externes et internes bordure */
  .B0entrow1 { padding: 10px 2px !important; } /* marges internes */
  #BottomBoxes .titre, #BottomBoxes .tbl, 
  #BottomBoxes .titrebox, #BottomBoxes .tblbox { padding: 10px 2px !important; } /* marges internes */
}