Update the 101% table height to use a fixed scrollbar via CSS (#28)
[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 html {
37   overflow-y: scroll;
38 }
39
40 body {
41   font-size: 10pt;
42   font-family: verdana;
43   background-color: white;
44 }
45
46 table { font-size: 10pt; font-family: verdana; }
47
48 input, button { font-size: 10pt; font-family: verdana; }
49
50 textarea { font-size: 10pt; font-family: verdana; }
51
52 select{ font-size: 10pt; font-family: verdana; }
53
54 .pageTitle {
55   font-size: 12pt;
56   font-weight: bold;
57   color: silver;
58 }
59
60 .systemMenu {
61   font-size: 12pt;
62   font-weight: bold;
63   color: #ffffff;
64   background-color: #000000;
65 }
66
67 .mainMenu {
68   font-size: 12pt;
69   color: #444444;
70 }
71
72 .tableHeader {
73   font-weight: bold;
74   text-align: left;
75   color: #000000;
76   background-color: #a6ccf7;
77 }
78
79 .tableHeaderCentered {
80   font-weight: bold;
81   text-align: center;
82   color: #000000;
83   background-color: #a6ccf7;
84 }
85
86 .rowReportItem {
87   background-color: #ccccce;
88 }
89
90 .rowReportItemAlt {
91   background-color: #f5f5f5;
92 }
93
94 .rowReportSubtotal {
95   background-color: #e0e0e0;
96 }
97
98 .cellLeftAligned {
99   text-align: left;
100   vertical-align: top;
101 }
102
103 .cellRightAligned {
104   text-align: right;
105   vertical-align: top;
106 }
107
108 .cellLeftAlignedSubtotal {
109   font-weight: bold;
110   vertical-align: top;
111 }
112
113 .cellRightAlignedSubtotal {
114   font-weight: bold;
115   text-align: right;
116   vertical-align: top;
117 }
118
119 .sectionHeader {
120   font-weight: bold;
121   border-bottom: 1px solid silver;
122 }
123
124 .borderTop td {
125   border-top: 1px solid silver;
126 }
127
128 .sectionHeaderNoBorder {
129   font-weight: bold;
130 }
131
132 .error {
133   font-weight: bold;
134   color: red;
135 }
136
137 .info_message {
138   font-weight: bold;
139   color: #0000c0;
140 }
141
142 .divider {
143   background-color: #efefef;
144 }
145 table.divider {
146   width: 720px;
147 }
148
149 div#LoginAboutText { width:400px; }
150
151 .uncompleted-entry {
152   display: inline-block;
153   height: 8px;
154   width: 8px;
155   border: 1px solid rgba(0, 0, 0, .1);
156   border-radius: 50%;
157   background-color: rgba(0, 0, 0, .1);
158 }
159 .uncompleted-entry.active { background-color: red; }
160
161 /* Mobile styles */
162 .mobile-table {
163   border: 0;
164   width: 100%;
165   border-spacing: 0;
166 }
167
168 .mobile-textarea {
169   width: 100%;
170   resize: vertical;
171   height: 5em;
172 }
173
174 .mobile-input {
175   width: 100%;
176 }
177
178 .mobile-table-details {
179   width: 100%;
180   table-layout: fixed;
181   overflow-wrap: break-word;
182   word-wrap: break-word;
183   border-spacing: 1px;
184   border: 0;
185 }
186
187 .mobile-table-details td {
188   padding: 3px;
189 }