authsystem.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
   3  * You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 body {
   6   font-family: sans-serif;
   7 /*  margin: 0; */
   8   background-color: #FFFFEE;
   9   padding-top: 5em; /* leave space for total height of h1: 4+1(r)em */
  10 }
  11
  12 h1 {
  13   position: absolute;
  14   top: 0;
  15   left: 0;
  16   right: 0;
  17   margin: 0;
  18   padding: 10px 130px 0; /* IE8 and older do not support rem */
  19   padding: 1rem 130px 0;
  20   height: 60px; /* IE8 and older do not support rem */
  21   height: 4rem;
  22   min-height: calc(70px - 1rem);
  23   background-color: #003366;
  24   color: #FFFFEE;
  25   background-image: url("KaiRoLogo-100x62.png");
  26   background-repeat: no-repeat;
  27   background-position: 10px 50%;
  28 }
  29
  30 a:link { color: #669999; }
  31 a:visited { color: #003366; }
  32 a:hover, a:active { color: #88BBBB; }
  33
  34 ul.flat {
  35  list-style-type: none;
  36  margin: 0em;
  37  padding: 0px;
  38 }
  39 ul.flat li {
  40  margin: 0 0 0.2em 0;
  41  padding: 0px;
  42 }
  43 p.flat {
  44   border: 0px;
  45   margin: 0px;
  46   padding: 0px;
  47 }
  48 form.flat {
  49   border: 0px;
  50   margin: 0px;
  51   padding: 0px;
  52 }
  53
  54 table.border {
  55  border-spacing: 0px;
  56  border-collapse: collapse;
  57  empty-cells: show;
  58  border-left: 1px solid #336699;
  59  border-top: 1px solid #336699;
  60 }
  61 table.border th, table.border td {
  62  border-bottom: 1px solid #336699;
  63  border-right: 1px solid #336699;
  64 }
  65 table.border td {
  66  padding-left: 3px;
  67  padding-right: 3px;
  68 }
  69
  70 .loginheader {
  71   font-size: 1.2em;
  72   font-weight: bold;
  73   margin: 5px 10px 0; /* IE8 and older do not support rem */
  74   margin: 0.5rem 1rem 0;
  75 }
  76
  77 .loginlinks {
  78   margin: 5px 10px 0; /* IE8 and older do not support rem */
  79   margin: 0.5rem 1rem 0;
  80 }
  81
  82 .loginarea {
  83   margin: 5px 10px 0; /* IE8 and older do not support rem */
  84   margin: 0.5rem 1rem 0;
  85 }
  86
  87 .resetinfo,
  88 .verifyinfo,
  89 .newpwdinfo {
  90   margin: 5px 10px 0; /* IE8 and older do not support rem */
  91   margin: 0.5rem 1rem 0;
  92 }
  93
  94 .resetinfo.done,
  95 .verifyinfo.done {
  96   padding-left: 20px;
  97   background-image: url("check.png");
  98   background-repeat: no-repeat;
  99   background-position: 0 50%;
 100 }
 101
 102 .small {
 103   font-size: 0.75em;
 104 }
 105 .hidden {
 106   display: none;
 107 }
 108 .warn {
 109   color: red;
 110 }
 111 .donotshow {
 112   position: absolute;
 113   right: -1000px;
 114   opacity: 0;
 115 }
 116
 117 input:invalid {
 118   box-shadow: 0 0 2px 1px red;
 119 }