+++ /dev/null
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this file,
- * You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-body {
- font-family: sans-serif;
-/* margin: 0; */
- background-color: #FFFFEE;
- padding-top: 5em; /* leave space for total height of h1: 4+1(r)em */
-}
-
-h1 {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- margin: 0;
- padding: 10px 0 0 130px; /* IE8 and older do not support rem */
- padding: 1rem 0 0 130px;
- height: 60px; /* IE8 and older do not support rem */
- height: 4rem;
- min-height: calc(70px - 1rem);
- font-size: 2em;
- background-color: #003366;
- color: #FFFFEE;
- background-image: url("KaiRoLogo-100x62.png");
- background-repeat: no-repeat;
- background-position: 10px 50%;
- overflow: hidden;
-}
-@media screen and (max-width: 550px) {
- h1 {
- font-size: 1.5em;
- }
-}
-@media screen and (max-width: 375px) {
- h1 {
- font-size: 1.2em;
- padding-left: 120px;
- }
-}
-@media screen and (max-width: 325px) {
- h1 {
- padding-top: 0.5rem;
- height: 4.5rem;
- min-height: calc(70px - 0.5rem);
- }
-}
-
-a:link { color: #669999; }
-a:visited { color: #003366; }
-a:hover, a:active { color: #88BBBB; }
-
-ul.flat {
- list-style-type: none;
- margin: 0em;
- padding: 0px;
-}
-ul.flat li {
- margin: 0 0 0.2em 0;
- padding: 0px;
-}
-p.flat {
- border: 0px;
- margin: 0px;
- padding: 0px;
-}
-form.flat {
- border: 0px;
- margin: 0px;
- padding: 0px;
-}
-
-table.border {
- border-spacing: 0px;
- border-collapse: collapse;
- empty-cells: show;
- border-left: 1px solid #336699;
- border-top: 1px solid #336699;
-}
-table.border th, table.border td {
- border-bottom: 1px solid #336699;
- border-right: 1px solid #336699;
-}
-table.border td {
- padding-left: 3px;
- padding-right: 3px;
-}
-
-.loginheader {
- font-size: 1.2em;
- font-weight: bold;
- margin: 5px 10px 0; /* IE8 and older do not support rem */
- margin: 0.5rem 1rem 0;
-}
-
-.loginheader > .groupmails {
- font-weight: normal;
- margin: 5px 0; /* IE8 and older do not support rem */
- margin: 0.5rem 0;
-}
-
-.loginlinks {
- margin: 5px 10px 0; /* IE8 and older do not support rem */
- margin: 0.5rem 1rem 0;
-}
-
-.loginarea {
- margin: 5px 10px 0; /* IE8 and older do not support rem */
- margin: 0.5rem 1rem 0;
-}
-
-.resetinfo,
-.verifyinfo,
-.addemailinfo,
-.newpwdinfo,
-.signinwelcome {
- margin: 5px 10px 0; /* IE8 and older do not support rem */
- margin: 0.5rem 1rem 0;
-}
-
-.resetinfo.done,
-.verifyinfo.done {
- padding-left: 20px;
- background-image: url("check.png");
- background-repeat: no-repeat;
- background-position: 0 50%;
-}
-
-.signinwelcome {
- font-size: 1.2em;
-}
-
-.otheremaillinks > a {
- background-color: #EEEEDD;
- text-decoration: none;
- padding: .2em;
- border-radius: 3px;
-}
-.otheremaillinks > a:link, .otheremaillinks > a:visited { color: #BBBBBB; }
-.otheremaillinks > a:hover, .otheremaillinks > a:active { color: #808080; }
-
-.small {
- font-size: 0.75em;
-}
-.hidden {
- display: none;
-}
-.warn {
- color: red;
-}
-.donotshow {
- position: absolute;
- right: -1000px;
- opacity: 0;
-}
-
-input,
-select {
- font-size: .9em;
-}
-
-@media screen and (max-width: 375px) {
- /* On smaller devices, make the form elements into larger touch targets. */
- input,
- select {
- font-size: 1em;
- padding-top: 0.5em;
- padding-bottom: 0.5em;
- }
-}
-
-input:invalid {
- box-shadow: 0 0 2px 1px red;
-}