Stylesheets umorganisiert.
[kivitendo-erp.git] / css / Mobile / main.css
diff --git a/css/Mobile/main.css b/css/Mobile/main.css
new file mode 100644 (file)
index 0000000..1ffaef5
--- /dev/null
@@ -0,0 +1,188 @@
+/* Stylesheet for Lx-Office
+ * Name: Mobile.css*/
+
+/* The look of links */
+A      { font-size: 8pt; }
+A:link { color: black; text-decoration: none; }
+A:visited { color: black; text-decoration: none; }
+A:active { color: black; text-decoration: underline; }
+A.nohover:hover {
+  color:white;
+  background-color: #093280;
+  font-size: 8pt;
+  text-decoration: none;
+}
+A:hover {
+  color:white;
+  background-color: #093280;
+  font-size: 8pt;
+  text-decoration: none;
+}
+
+input:focus, textarea:focus, select:focus {
+  background-color: yellow;
+}
+
+body {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size: 8pt;
+  background-color: #D4D0C8;
+  color: black
+}
+td {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: black;
+  font-size: 8pt;
+  font-weight: normal;
+}
+th {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: black;
+  font-size: 8pt;
+  font-weight: normal;
+}
+/* login and admin */
+.login {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+body.login {
+  background: #b8d1f3;
+  color: #D4D0C8;
+}
+h1.login {
+  font-size: 11pt;
+}
+table.login {
+  background-color: #efedde;
+  padding: 10px;
+}
+td.login {
+  text-align: center;
+}
+th.login {
+  text-align: right;
+}
+body.admin {
+  background-color:#ffffff;
+  color: black;
+}
+body.menu {
+  background-color: white;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size:8pt;
+  color: black;
+}
+
+.message_error_login {
+    color: #000000;
+    border: 1px solid #8b0000;
+    background-color: #ffcccc;
+    padding: 3px;
+}
+.message_ok {
+    font-size: 12pt;
+    padding:5px;
+    background-color: #ADFFB6;
+    color: black;
+    font-weight: bolder;
+    text-align:center;
+    border-style:solid;
+    border-width:thin;
+}
+.message_error {
+    font-size: 12pt;
+    padding:5px;
+    background-color: #FFAAAA;
+    color: black;
+    font-weight: bolder;
+    text-align:center;
+    border-style:solid;
+    border-width:thin;
+}
+.message_hint {
+    font-size: 12pt;
+    padding:5px;
+    background-color: #FFFE47;
+    color: black;
+    font-weight: bolder;
+    text-align:center;
+    border-style:solid;
+    border-width:thin;
+}
+.listtop {
+  background-color: #b8d1f3;
+  text-align:left;
+  padding:5px;
+  font-size: 8pt;
+  color: black;
+  font-weight: bolder;
+  border-bottom: 2px solid #A5A29C;
+}
+.listheading {
+  font-size: 8pt;
+  padding:3px;
+  background-color: #b8d1f3;
+  color: black;
+  font-weight: bolder;
+  text-align:left;
+}
+.subsubheading {
+  color: black;
+  font-weight: bolder;
+  text-decoration: underline;
+}
+.optionen {
+  border:dashed;
+  border-width:1px;
+  background:#D4D0C8;
+}
+
+
+/* Bei Listen den Farbwechsel zur besseren Lesbarkeit: */
+.listrow1 { background-color: #C8D4C6; color: black; vertical-align: top; }
+.listrow0 { background-color: white; color: black; vertical-align: top; }
+.listsubtotal { border-top: 1px solid black; font-size: 8pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
+.listtotal { border-top: 1px double black; font-size: 8pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
+.submit {
+  font-size: 8pt;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: #000000;
+}
+.checkbox, .radio {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: #778899;
+}
+.plus0 {    /* font color for negative numbers */
+  color: red;
+}
+.plus1 {
+  color: green;
+}
+h2.confirm {
+  color: blue;
+  font-size: 10pt;
+}
+h2.error {
+  color: red;
+  font-size: 10pt;
+}
+/* media stuff */
+@media screen {
+  .noscreen {   /* items with this class won't display */
+    display: none;
+  }
+}
+@media print {
+  .noprint {   /* items with this class won't print */
+    display: none;
+  }
+}
+  .nomobile {   /* items with this class won't display */
+    display: none;
+  }
+@media handheld {
+  .nomobile {   /* items with this class won't display */
+    display: none;
+  }
+}
+