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/. */
6 font-family: sans-serif;
8 background-color: #FFFFEE;
9 padding-top: 5em; /* leave space for total height of h1: 4+1(r)em */
18 padding: 10px 0 0 130px; /* IE8 and older do not support rem */
19 padding: 1rem 0 0 130px;
20 height: 60px; /* IE8 and older do not support rem */
22 min-height: calc(70px - 1rem);
24 background-color: #003366;
26 background-image: url("KaiRoLogo-100x62.png");
27 background-repeat: no-repeat;
28 background-position: 10px 50%;
31 @media screen and (max-width: 550px) {
36 @media screen and (max-width: 375px) {
42 @media screen and (max-width: 325px) {
46 min-height: calc(70px - 0.5rem);
50 a:link { color: #669999; }
51 a:visited { color: #003366; }
52 a:hover, a:active { color: #88BBBB; }
55 list-style-type: none;
76 border-collapse: collapse;
78 border-left: 1px solid #336699;
79 border-top: 1px solid #336699;
81 table.border th, table.border td {
82 border-bottom: 1px solid #336699;
83 border-right: 1px solid #336699;
93 margin: 5px 10px 0; /* IE8 and older do not support rem */
94 margin: 0.5rem 1rem 0;
97 .loginheader > .groupmails {
99 margin: 5px 0; /* IE8 and older do not support rem */
104 margin: 5px 10px 0; /* IE8 and older do not support rem */
105 margin: 0.5rem 1rem 0;
109 margin: 5px 10px 0; /* IE8 and older do not support rem */
110 margin: 0.5rem 1rem 0;
118 margin: 5px 10px 0; /* IE8 and older do not support rem */
119 margin: 0.5rem 1rem 0;
125 background-image: url("check.png");
126 background-repeat: no-repeat;
127 background-position: 0 50%;
134 .otheremaillinks > a {
135 background-color: #EEEEDD;
136 text-decoration: none;
140 .otheremaillinks > a:link, .otheremaillinks > a:visited { color: #BBBBBB; }
141 .otheremaillinks > a:hover, .otheremaillinks > a:active { color: #808080; }
163 @media screen and (max-width: 375px) {
164 /* On smaller devices, make the form elements into larger touch targets. */
169 padding-bottom: 0.5em;
174 box-shadow: 0 0 2px 1px red;