b078eef4ef02d7d4df94ad06039978a1cfbe0e30
[kivitendo-erp.git] / css / Mobile / main.css
1 /* Stylesheet for kivitendo
2  * Name: Mobile.css*/
3
4 /* The look of links */
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, sans-serif;
28   font-size: 8pt;
29   background-color: #D4D0C8;
30   color: black
31 }
32 td {
33   font-family: Verdana, Arial, Helvetica, sans-serif;
34   color: black;
35   font-size: 8pt;
36   font-weight: normal;
37 }
38 th {
39   font-family: Verdana, Arial, Helvetica, sans-serif;
40   color: black;
41   font-size: 8pt;
42   font-weight: normal;
43 }
44 /* login and admin */
45 .login {
46   font-family: Verdana, Arial, Helvetica, sans-serif;
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, sans-serif;
72   font-size:8pt;
73   color: black;
74 }
75
76 .message_error_login {
77     color: #000000;
78     border: 1px solid #8b0000;
79     background-color: #ffcccc;
80     padding: 3px;
81 }
82 .message_ok {
83     font-size: 12pt;
84     padding:5px;
85     background-color: #ADFFB6;
86     color: black;
87     font-weight: bolder;
88     text-align:center;
89     border-style:solid;
90     border-width:thin;
91 }
92 .message_error {
93     font-size: 12pt;
94     padding:5px;
95     background-color: #FFAAAA;
96     color: black;
97     font-weight: bolder;
98     text-align:center;
99     border-style:solid;
100     border-width:thin;
101 }
102 .message_hint {
103     font-size: 12pt;
104     padding:5px;
105     background-color: #FFFE47;
106     color: black;
107     font-weight: bolder;
108     text-align:center;
109     border-style:solid;
110     border-width:thin;
111 }
112 .listtop {
113   background-color: #b8d1f3;
114   text-align:left;
115   padding:5px;
116   font-size: 8pt;
117   color: black;
118   font-weight: bolder;
119   border-bottom: 2px solid #A5A29C;
120 }
121 .listheading {
122   font-size: 8pt;
123   padding:3px;
124   background-color: #b8d1f3;
125   color: black;
126   font-weight: bolder;
127   text-align:left;
128 }
129 .subsubheading {
130   color: black;
131   font-weight: bolder;
132   text-decoration: underline;
133 }
134 .optionen {
135   border:dashed;
136   border-width:1px;
137   background:#D4D0C8;
138 }
139
140
141 /* Bei Listen den Farbwechsel zur besseren Lesbarkeit: */
142 .listrow1 { background-color: #C8D4C6; color: black; vertical-align: top; }
143 .listrow0 { background-color: white; color: black; vertical-align: top; }
144 .listsubtotal { border-top: 1px solid black; font-size: 8pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
145 .listtotal { border-top: 1px double black; font-size: 8pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
146 .submit {
147   font-size: 8pt;
148   font-family: Verdana, Arial, Helvetica, sans-serif;
149   color: #000000;
150 }
151 .checkbox, .radio {
152   font-family: Verdana, Arial, Helvetica, sans-serif;
153   color: #778899;
154 }
155 .plus0 {    /* font color for negative numbers */
156   color: red;
157 }
158 .plus1 {
159   color: green;
160 }
161 h2.confirm {
162   color: blue;
163   font-size: 10pt;
164 }
165 h2.error {
166   color: red;
167   font-size: 10pt;
168 }
169 /* media stuff */
170 @media screen {
171   .noscreen {   /* items with this class won't display */
172     display: none;
173   }
174 }
175 @media print {
176   .noprint {   /* items with this class won't print */
177     display: none;
178   }
179 }
180   .nomobile {   /* items with this class won't display */
181     display: none;
182   }
183 @media handheld {
184   .nomobile {   /* items with this class won't display */
185     display: none;
186   }
187 }