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 }