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