1550f01ca812c4bfc188d2a5576356b969558d32
[kivitendo-erp.git] / 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