posaune

[timetracker.git] / default.css

diff --git a/default.css b/default.css
index a24eda7..d744c66 100644 (file)
--- a/default.css
+++ b/default.css
@@ -33,19 +33,28 @@ a:visited { text-decoration: none; }
 
 a:hover { text-decoration: underline; }
 
+html {
+  overflow-y: scroll;
+}
+
 body {
   font-size: 10pt;
-  font-family: verdana;
+  font-family: Verdana, sans-serif;
   background-color: white;
 }
 
-table { font-size: 10pt; font-family: verdana; }
+table { font-size: 10pt; font-family: Verdana, sans-serif; }
 
-input, button { font-size: 10pt; font-family: verdana; }
-
-textarea { font-size: 10pt; font-family: verdana; }
+input, button, select, textarea {
+  font-size: 10pt;
+  font-family: Verdana, sans-serif;
+  margin: 2px 2px 2px 2px;
+  padding: 2px 5px 2px 5px;
+}
 
-select{ font-size: 10pt; font-family: verdana; }
+input[type=checkbox], label {
+  vertical-align: middle;
+}
 
 .pageTitle {
   font-size: 12pt;
@@ -54,37 +63,39 @@ select{ font-size: 10pt; font-family: verdana; }
 }
 
 .systemMenu {
-  font-size: 12pt;
+  font-size: 11pt;
   font-weight: bold;
-  color: #ffffff;
-  background-color: #000000;
+  color: white;
+  background-color: black;
+  margin: 2px 4px 2px 4px;
 }
 
 .mainMenu {
-  font-size: 12pt;
+  font-size: 11pt;
   color: #444444;
+  margin: 2px 4px 2px 4px;
+}
+
+.onBehalf {
+  font-weight: bold;
 }
 
 .tableHeader {
   font-weight: bold;
   text-align: left;
-  color: #000000;
-  background-color: #a6ccf7;
 }
 
 .tableHeaderCentered {
   font-weight: bold;
   text-align: center;
-  color: #000000;
-  background-color: #a6ccf7;
 }
 
 .rowReportItem {
-  background-color: #ccccce;
+  background-color: #f5f5f5;
 }
 
 .rowReportItemAlt {
-  background-color: #f5f5f5;
+  background-color: #ffffff;
 }
 
 .rowReportSubtotal {
@@ -114,7 +125,7 @@ select{ font-size: 10pt; font-family: verdana; }
 
 .sectionHeader {
   font-weight: bold;
-  border-bottom: 1px solid silver;
+  border-bottom: 1px solid lightgray;
 }
 
 .sectionHeaderNoBorder {
@@ -122,13 +133,63 @@ select{ font-size: 10pt; font-family: verdana; }
 }
 
 .error {
-  font-weight: bold;
   color: red;
 }
 
 .info_message {
-  font-weight: bold;
   color: #0000c0;
 }
 
-div#LoginAboutText { width:400px; }
+.divider {
+  background-color: #efefef;
+}
+table.divider {
+  width: 720px;
+}
+
+div#LoginAboutText { width: 400px; }
+
+.uncompleted-entry {
+  display: inline-block;
+  height: 8px;
+  width: 8px;
+  border: 1px solid rgba(0, 0, 0, .1);
+  border-radius: 50%;
+  background-color: rgba(0, 0, 0, .1);
+}
+.uncompleted-entry.active { background-color: red; }
+
+.table_icon {
+  height: 16px;
+  width: 16px;
+}
+
+/* Mobile styles */
+.mobile-table {
+  border: 0;
+  width: 100%;
+  border-spacing: 0;
+}
+
+.mobile-textarea {
+  width: 100%;
+  resize: vertical;
+  height: 5em;
+}
+
+.mobile-input {
+  width: 100%;
+}
+
+.mobile-table-details {
+  width: 100%;
+  table-layout: fixed;
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  border-spacing: 1px;
+  border: 0;
+}
+
+.mobile-table-details td {
+  padding: 3px;
+}