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 .tableHeader {
  78   font-weight: bold;
  79   text-align: left;
  80 }
  81
  82 .tableHeaderCentered {
  83   font-weight: bold;
  84   text-align: center;
  85 }
  86
  87 .rowReportItem {
  88   background-color: #f5f5f5;
  89 }
  90
  91 .rowReportItemAlt {
  92   background-color: #ffffff;
  93 }
  94
  95 .rowReportSubtotal {
  96   background-color: #e0e0e0;
  97 }
  98
  99 .cellLeftAligned {
 100   text-align: left;
 101   vertical-align: top;
 102 }
 103
 104 .cellRightAligned {
 105   text-align: right;
 106   vertical-align: top;
 107 }
 108
 109 .cellLeftAlignedSubtotal {
 110   font-weight: bold;
 111   vertical-align: top;
 112 }
 113
 114 .cellRightAlignedSubtotal {
 115   font-weight: bold;
 116   text-align: right;
 117   vertical-align: top;
 118 }
 119
 120 .sectionHeader {
 121   font-weight: bold;
 122   border-bottom: 1px solid lightgray;
 123 }
 124
 125 .sectionHeaderNoBorder {
 126   font-weight: bold;
 127 }
 128
 129 .error {
 130   color: red;
 131 }
 132
 133 .info_message {
 134   color: #0000c0;
 135 }
 136
 137 .divider {
 138   background-color: #efefef;
 139 }
 140 table.divider {
 141   width: 720px;
 142 }
 143
 144 div#LoginAboutText { width: 400px; }
 145
 146 .uncompleted-entry {
 147   display: inline-block;
 148   height: 8px;
 149   width: 8px;
 150   border: 1px solid rgba(0, 0, 0, .1);
 151   border-radius: 50%;
 152   background-color: rgba(0, 0, 0, .1);
 153 }
 154 .uncompleted-entry.active { background-color: red; }
 155
 156 /* Mobile styles */
 157 .mobile-table {
 158   border: 0;
 159   width: 100%;
 160   border-spacing: 0;
 161 }
 162
 163 .mobile-textarea {
 164   width: 100%;
 165   resize: vertical;
 166   height: 5em;
 167 }
 168
 169 .mobile-input {
 170   width: 100%;
 171 }
 172
 173 .mobile-table-details {
 174   width: 100%;
 175   table-layout: fixed;
 176   overflow-wrap: break-word;
 177   word-wrap: break-word;
 178   border-spacing: 1px;
 179   border: 0;
 180 }
 181
 182 .mobile-table-details td {
 183   padding: 3px;
 184 }