css/Mobile.css

   1 /* stylesheet for LX-Office ERP
   2 Getestet mit W3C CSS-Validator:
   3 Keine Fehler oder Warnungen gefunden
   4 */
   5 A      { font-size: 8pt; }
   6 A:link { color: black; text-decoration: none; }
   7 A:visited { color: black; text-decoration: none; }
   8 A:active { color: black; text-decoration: underline; }
   9 A.nohover:hover {
  10   color:white;
  11   background-color: #093280;
  12   font-size: 8pt;
  13   text-decoration: none;
  14 }
  15 A:hover {
  16   color:white;
  17   background-color: #093280;
  18   font-size: 8pt;
  19   text-decoration: none;
  20 }
  21
  22 input:focus, textarea:focus, select:focus {
  23   background-color:yellow;
  24 }
  25
  26 body {
  27   font-family: Verdana, Arial, Helvetica;
  28   font-size: 8pt;
  29   background-color: #D4D0C8;
  30   color: black
  31 }
  32 td {
  33   font-family: Verdana, Arial, Helvetica;
  34   color: black;
  35   font-size: 8pt;
  36   font-weight: normal;
  37 }
  38 th {
  39   font-family: Verdana, Arial, Helvetica;
  40   color: black;
  41   font-size: 8pt;
  42   font-weight: normal;
  43 }
  44 /* login and admin */
  45 .login {
  46   font-family: Verdana, Arial, Helvetica;
  47 }
  48 body.login {
  49   background: #b8d1f3;
  50   color: #D4D0C8;
  51 }
  52 h1.login {
  53   font-size: 11pt;
  54 }
  55 table.login {
  56   background-color: #efedde;
  57   padding: 10px;
  58 }
  59 td.login {
  60   text-align: center;
  61 }
  62 th.login {
  63   text-align: right;
  64 }
  65 body.admin {
  66   background-color:#ffffff;
  67   color: black;
  68 }
  69 body.menu {
  70   background-color: white;
  71   font-family: Verdana, Arial, Helvetica;
  72   font-size:8pt;
  73   color: black;
  74 }
  75 .listtop {
  76   background-color: #b8d1f3;
  77   text-align:left;
  78   padding:5px;
  79   font-size: 8pt;
  80   color: black;
  81   font-weight: bolder;
  82   border-bottom: 2px solid #A5A29C;
  83 }
  84 .listheading {
  85   font-size: 8pt;
  86   padding:3px;
  87   background-color: #b8d1f3;
  88   color: black;
  89   font-weight: bolder;
  90   text-align:left;
  91 }
  92 .subsubheading {
  93   color: black;
  94   font-weight: bolder;
  95   text-decoration: underline;
  96 }
  97 .optionen {
  98   border:dashed;
  99   border-width:1px;
 100   background:#D4D0C8;
 101 }
 102
 103 .message_ok {
 104     font-size: 10pt;
 105     padding:3px;
 106     background-color: lightgreen;
 107     color: black;
 108     font-weight: bolder;
 109     text-align:center;
 110     border-style:solid;
 111     border-width:thin;
 112 }
 113
 114 .message_error {
 115     font-size: 10pt;
 116     padding:5px;
 117     background-color: #FFAAAA;
 118     color: white;
 119     font-weight: bolder;
 120     text-align:center;
 121     border-style:solid;
 122     border-width:thin;
 123 }
 124
 125 /* Bei Listen den Farbwechsel zur besseren Lesbarkeit: */
 126 .listrow1 { background-color: #C8D4C6; color: black; vertical-align: top; }
 127 .listrow0 { background-color: white; color: black; vertical-align: top; }
 128 .listsubtotal { border-top: 1px solid black; font-size: 8pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
 129 .listtotal { border-top: 1px double black; font-size: 8pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
 130 .submit {
 131   font-size: 8pt;
 132   font-family: Verdana, Arial, Helvetica;
 133   color: #000000;
 134 }
 135 .checkbox, .radio {
 136   font-family: Verdana, Arial, Helvetica;
 137   color: #778899;
 138 }
 139 .plus0 {    /* font color for negative numbers */
 140   color: red;
 141 }
 142 .plus1 {
 143   color: green;
 144 }
 145 h2.confirm {
 146   color: blue;
 147   font-size: 10pt;
 148 }
 149 h2.error {
 150   color: red;
 151   font-size: 10pt;
 152 }
 153 /* media stuff */
 154 @media screen {
 155   .noscreen {   /* items with this class won't display */
 156     display: none;
 157   }
 158 }
 159 @media print {
 160   .noprint {   /* items with this class won't print */
 161     display: none;
 162   }
 163 }
 164   .nomobile {   /* items with this class won't display */
 165     display: none;
 166   }
 167 @media handheld {
 168   .nomobile {   /* items with this class won't display */
 169     display: none;
 170   }
 171 }
 172