kivitendo/css/less/responsive.less @ 24921dda
| 00462921 | Hans P. Schlaepfer | /* ------------------------------------------------------------- */
|
||
/* RESPONSIVE (responsive.less) */
|
||||
/* ------------------------------------------------------------- */
|
||||
| b6b30e72 | Hans Peter Schlaepfer | |||
// --------------------------------------
|
||||
// Medienabfragen und Beruecksichtigungen Plattformen
|
||||
// --------------------------------------
|
||||
// Handheld Hochformat width: 320px
|
||||
@media screen and (max-device-width: 479px) {
|
||||
}
|
||||
// Handheld Querformat width: 480px
|
||||
@media screen and (min-device-width: 480px) and (max-device-width: 767px) {
|
||||
body #content .tbl-horizontal th {
|
||||
.colgroup col { width: @tcol-wi-lightwide ; }
|
||||
width: @tcol-wi-normal ;
|
||||
background-color: #D6EEBF;
|
||||
// --------------
|
||||
// Width of Columns (Dimensions)
|
||||
//
|
||||
&.wi-smallest { width: @tcol-wi-normal ; }
|
||||
&.wi-verysmall { width: @tcol-wi-normal ; }
|
||||
&.wi-small { width: @tcol-wi-normal ; }
|
||||
&.wi-mediumsmall { width: @tcol-wi-normal ; }
|
||||
&.wi-normal { width: @tcol-wi-normal ; }
|
||||
&.wi-lightwide { width: @tcol-wi-normal ; }
|
||||
&.wi-wide { width: @tcol-wi-normal ; }
|
||||
&.wi-wider { width: @tcol-wi-normal ; }
|
||||
&.wi-verywide { width: @tcol-wi-normal ; }
|
||||
}
|
||||
}
|
||||
// < Tablet Querformat
|
||||
@media screen and (max-device-width: 1024px) {
|
||||
body #content .tbl-horizontal th{
|
||||
width: @tcol-wi-lightwide ;
|
||||
//background-color: #EEBBB7 !important; // TEST
|
||||
// --------------
|
||||
// Width of Columns (Dimensions)
|
||||
//
|
||||
&.wi-smallest { width: @tcol-wi-normal ; }
|
||||
&.wi-verysmall { width: @tcol-wi-normal ; }
|
||||
&.wi-small { width: @tcol-wi-normal ; }
|
||||
&.wi-mediumsmall { width: @tcol-wi-normal ; }
|
||||
&.wi-normal { width: @tcol-wi-normal ; }
|
||||
&.wi-lightwide { width: @tcol-wi-normal ; }
|
||||
&.wi-wide { width: @tcol-wi-normal ; }
|
||||
&.wi-wider { width: @tcol-wi-normal ; }
|
||||
&.wi-verywide { width: @tcol-wi-normal ; }
|
||||
}
|
||||
}
|
||||
// Tablet Hochformat
|
||||
@media screen and (min-device-width: 768px) and (max-device-width: 1023px) {
|
||||
#content h1{
|
||||
// background-color: red ; // TEST
|
||||
}
|
||||
//colgroup col:first-child,
|
||||
.tbl-horizontal th{
|
||||
width: @tcol-wi-normal ;
|
||||
// --------------
|
||||
// Width of Columns (Dimensions)
|
||||
//
|
||||
&.wi-smallest { width: @tcol-wi-normal ; }
|
||||
&.wi-verysmall { width: @tcol-wi-normal ; }
|
||||
&.wi-small { width: @tcol-wi-normal ; }
|
||||
&.wi-mediumsmall { width: @tcol-wi-normal ; }
|
||||
&.wi-normal { width: @tcol-wi-normal ; }
|
||||
&.wi-lightwide { width: @tcol-wi-normal ; }
|
||||
&.wi-wide { width: @tcol-wi-normal ; }
|
||||
&.wi-wider { width: @tcol-wi-normal ; }
|
||||
&.wi-verywide { width: @tcol-wi-normal ; }
|
||||
}
|
||||
}
|
||||
// < Tablet Querformat
|
||||
@media screen and (max-device-width: 1024px) {
|
||||
.tbl-horizontal th{
|
||||
width: @tcol-wi-normal ;
|
||||
// --------------
|
||||
// Width of Columns (Dimensions)
|
||||
//
|
||||
&.wi-smallest { width: @tcol-wi-normal ; }
|
||||
&.wi-verysmall { width: @tcol-wi-normal ; }
|
||||
&.wi-small { width: @tcol-wi-normal ; }
|
||||
&.wi-mediumsmall { width: @tcol-wi-normal ; }
|
||||
&.wi-normal { width: @tcol-wi-normal ; }
|
||||
&.wi-lightwide { width: @tcol-wi-normal ; }
|
||||
&.wi-wide { width: @tcol-wi-normal ; }
|
||||
&.wi-wider { width: @tcol-wi-normal ; }
|
||||
&.wi-verywide { width: @tcol-wi-normal ; }
|
||||
}
|
||||
}
|
||||
// Normale Bildschirme
|
||||
//@media screen and (min-device-width: 1260px) {
|
||||
@media screen and (min-device-width: 1110px) {
|
||||
}
|