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