Add indicator for uncompleted time entry in users.php (#20)
[timetracker.git] / default.css
1 /*
2 // +----------------------------------------------------------------------+
3 // | Anuko Time Tracker
4 // +----------------------------------------------------------------------+
5 // | Copyright (c) Anuko International Ltd. (https://www.anuko.com)
6 // +----------------------------------------------------------------------+
7 // | LIBERAL FREEWARE LICENSE: This source code document may be used
8 // | by anyone for any purpose, and freely redistributed alone or in
9 // | combination with other software, provided that the license is obeyed.
10 // |
11 // | There are only two ways to violate the license:
12 // |
13 // | 1. To redistribute this code in source form, with the copyright
14 // |    notice or license removed or altered. (Distributing in compiled
15 // |    forms without embedded copyright notices is permitted).
16 // |
17 // | 2. To redistribute modified versions of this code in *any* form
18 // |    that bears insufficient indications that the modifications are
19 // |    not the work of the original author(s).
20 // |
21 // | This license applies to this document only, not any other software
22 // | that it may be combined with.
23 // |
24 // +----------------------------------------------------------------------+
25 // | Contributors:
26 // | https://www.anuko.com/time_tracker/credits.htm
27 // +----------------------------------------------------------------------+
28 */
29
30 a { color: blue; text-decoration: none; }
31
32 a:visited { text-decoration: none; }
33
34 a:hover { text-decoration: underline; }
35
36 body {
37   font-size: 10pt;
38   font-family: verdana;
39   background-color: white;
40 }
41
42 table { font-size: 10pt; font-family: verdana; }
43
44 input, button { font-size: 10pt; font-family: verdana; }
45
46 textarea { font-size: 10pt; font-family: verdana; }
47
48 select{ font-size: 10pt; font-family: verdana; }
49
50 .pageTitle {
51   font-size: 12pt;
52   font-weight: bold;
53   color: silver;
54 }
55
56 .systemMenu {
57   font-size: 12pt;
58   font-weight: bold;
59   color: #ffffff;
60   background-color: #000000;
61 }
62
63 .mainMenu {
64   font-size: 12pt;
65   color: #444444;
66 }
67
68 .tableHeader {
69   font-weight: bold;
70   text-align: left;
71   color: #000000;
72   background-color: #a6ccf7;
73 }
74
75 .tableHeaderCentered {
76   font-weight: bold;
77   text-align: center;
78   color: #000000;
79   background-color: #a6ccf7;
80 }
81
82 .rowReportItem {
83   background-color: #ccccce;
84 }
85
86 .rowReportItemAlt {
87   background-color: #f5f5f5;
88 }
89
90 .rowReportSubtotal {
91   background-color: #e0e0e0;
92 }
93
94 .cellLeftAligned {
95   text-align: left;
96   vertical-align: top;
97 }
98
99 .cellRightAligned {
100   text-align: right;
101   vertical-align: top;
102 }
103
104 .cellLeftAlignedSubtotal {
105   font-weight: bold;
106   vertical-align: top;
107 }
108
109 .cellRightAlignedSubtotal {
110   font-weight: bold;
111   text-align: right;
112   vertical-align: top;
113 }
114
115 .sectionHeader {
116   font-weight: bold;
117   border-bottom: 1px solid silver;
118 }
119
120 .borderTop td {
121   border-top: 1px solid silver;
122 }
123
124 .sectionHeaderNoBorder {
125   font-weight: bold;
126 }
127
128 .error {
129   font-weight: bold;
130   color: red;
131 }
132
133 .info_message {
134   font-weight: bold;
135   color: #0000c0;
136 }
137
138 .divider {
139   background-color: #efefef;
140 }
141 table.divider {
142   width: 720px;
143 }
144
145 div#LoginAboutText { width:400px; }
146
147 .uncompleted-entry {
148   display: inline-block;
149   height: 8px;
150   width: 8px;
151   border: 1px solid rgba(0, 0, 0, .1);
152   border-radius: 50%;
153   background-color: rgba(0, 0, 0, .1);
154 }
155 .uncompleted-entry.active { background-color: red; }
156
157 /* Mobile styles */
158 .mobile-table {
159   border: 0;
160   width: 100%;
161   border-spacing: 0;
162 }
163
164 .mobile-textarea {
165   width: 100%;
166   resize: vertical;
167   height: 5em;
168 }
169
170 .mobile-input {
171   width: 100%;
172 }
173
174 .mobile-table-details {
175   width: 100%;
176   table-layout: fixed;
177   overflow-wrap: break-word;
178   word-wrap: break-word;
179   border-spacing: 1px;
180   border: 0;
181 }
182
183 .mobile-table-details td {
184   padding: 3px;
185 }