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