Smartphone Style

[Simon74]

Ich möchte mir die CSS des "smallscreen" Styles anpassen, Schrifart, Farben.. das werde ich mit testerei hinbekommen, jedoch:
Wie stellt man es am besten an das im Porträtmodus (Hochkant) auch mehrere Spalten erscheinen (So wie im ios6 Style) ?

Code Auswählen Erweitern

/* Portrait mode */
@media all and (orientation:portrait) {
/*table.block select, table.block input { width: 0px; display: none; } */
  table.block tr td:nth-child(n+3) { width: 0px; display: none; }
}

/* Landscape mode */
@media all and (orientation:landscape) and (orientation:portrait) {
  div.col1 { width:282px; }
  div.col2 { width:108px; }
  div.col3 { width:100%; min-width:108px; height:30px; }

  table.block input { text-align: center; }
  table.block tr td:nth-child(3) { text-align: center; }

  table.block div.slider { min-width: 108px; text-align: center; }
  table.block slider { float: none; }
  table.block select { text-align: center; }
}

[rudolfkoenig]

Diese Daten sind auf der Seite nicht vorhanden, es sei denn man setzt smallscreenCommands.
Ich empfehle einen Blick auf f18 zu werfen, da ich smallscreen/touchscreen/default als "ueberholt/deprecated" betrachte.

[Simon74]

OK, Danke
dann werde ich im f18 Thread weiterlesen,
https://forum.fhem.de/index.php?topic=84760.0