app/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   padding-top: 5em; /* leave space for total height of h1: 4+1(r)em */
   9 }
  10
  11 h1 {
  12   position: absolute;
  13   top: 0;
  14   left: 0;
  15   right: 0;
  16   margin: 0;
  17   padding: 10px 0 0 130px; /* IE8 and older do not support rem */
  18   padding: 1rem 0 0 130px;
  19   height: 60px; /* IE8 and older do not support rem */
  20   height: 4rem;
  21   min-height: calc(70px - 1rem);
  22   font-size: 2em;
  23   background-repeat: no-repeat;
  24   background-position: 10px 50%;
  25   overflow: hidden;
  26 }
  27 @media screen and (max-width: 550px) {
  28   h1 {
  29     font-size: 1.5em;
  30   }
  31 }
  32 @media screen and (max-width: 375px) {
  33   h1 {
  34     font-size: 1.2em;
  35     padding-left: 120px;
  36   }
  37 }
  38 @media screen and (max-width: 325px) {
  39   h1 {
  40     padding-top: 0.5rem;
  41     height: 4.5rem;
  42     min-height: calc(70px - 0.5rem);
  43   }
  44 }
  45
  46 ul.flat {
  47  list-style-type: none;
  48  margin: 0em;
  49  padding: 0px;
  50 }
  51 ul.flat li {
  52  margin: 0 0 0.2em 0;
  53  padding: 0px;
  54 }
  55 p.flat {
  56   border: 0px;
  57   margin: 0px;
  58   padding: 0px;
  59 }
  60 form.flat {
  61   border: 0px;
  62   margin: 0px;
  63   padding: 0px;
  64 }
  65
  66 table.border {
  67  border-spacing: 0px;
  68  border-collapse: collapse;
  69  empty-cells: show;
  70  border-width: 0;
  71  border-left: 1px solid;
  72  border-top: 1px solid;
  73 }
  74 table.border th, table.border td {
  75  border-width: 0;
  76  border-bottom: 1px solid;
  77  border-right: 1px solid;
  78 }
  79 table.border td {
  80  padding-left: 3px;
  81  padding-right: 3px;
  82 }
  83
  84 .loginheader {
  85   font-size: 1.2em;
  86   font-weight: bold;
  87   margin: 5px 10px 0; /* IE8 and older do not support rem */
  88   margin: 0.5rem 1rem 0;
  89 }
  90
  91 .loginheader > .groupmails {
  92   font-weight: normal;
  93   margin: 5px 0; /* IE8 and older do not support rem */
  94   margin: 0.5rem 0;
  95 }
  96
  97 .loginlinks {
  98   margin: 5px 10px 0; /* IE8 and older do not support rem */
  99   margin: 0.5rem 1rem 0;
 100 }
 101
 102 .loginarea {
 103   margin: 5px 10px 0; /* IE8 and older do not support rem */
 104   margin: 0.5rem 1rem 0;
 105 }
 106
 107 .resetinfo,
 108 .verifyinfo,
 109 .addemailinfo,
 110 .newpwdinfo,
 111 .signinwelcome {
 112   margin: 5px 10px 0; /* IE8 and older do not support rem */
 113   margin: 0.5rem 1rem 0;
 114 }
 115
 116 .resetinfo.done,
 117 .verifyinfo.done {
 118   padding-left: 20px;
 119   background-image: url("check.png");
 120   background-repeat: no-repeat;
 121   background-position: 0 50%;
 122 }
 123
 124 .signinwelcome {
 125   font-size: 1.2em;
 126 }
 127
 128 .otheremaillinks > a {
 129   text-decoration: none;
 130   padding: .2em;
 131   border-radius: 3px;
 132 }
 133
 134 .small {
 135   font-size: 0.75em;
 136 }
 137 .hidden {
 138   display: none;
 139 }
 140 .warn {
 141   color: red;
 142 }
 143 .donotshow {
 144   position: absolute;
 145   right: -1000px;
 146   opacity: 0;
 147 }
 148
 149 input,
 150 select {
 151   font-size: .9em;
 152 }
 153
 154 @media screen and (max-width: 375px) {
 155   /* On smaller devices, make the form elements into larger touch targets. */
 156   input,
 157   select {
 158     font-size: 1em;
 159     padding-top: 0.5em;
 160     padding-bottom: 0.5em;
 161   }
 162 }
 163
 164 input:invalid {
 165   box-shadow: 0 0 2px 1px red;
 166 }