1 body { 2 -webkit-user-select: none; 3 background-color: #fff; 4 margin: 10px 15px; 5 } 6 7 input[type='button'], 8 input[type='submit'] { 9 min-height: 26px; 10 min-width: 87px; 11 } 12 13 .stretch { 14 position: absolute; 15 top: 0; 16 bottom: 0; 17 left: 0; 18 right: 0; 19 } 20 21 .hidden 22 [hidden] { 23 display: none !important; 24 } 25 26 #login-info { 27 display: inline-block; 28 vertical-align: top; 29 height: 100%; 30 width: 50%; 31 box-sizing: border-box; 32 padding: 6px; 33 } 34 35 #login-header { 36 margin: 4px 0; 37 font-weight: bold; 38 } 39 40 .login-item { 41 position: relative; 42 margin: 16px 8px; 43 font-size: 0.9em; 44 } 45 46 .login-item-image { 47 position: absolute; 48 } 49 50 .login-item-content { 51 -webkit-margin-start: 52px; 52 } 53 54 .login-item-header { 55 margin: 0 8px 0 0; 56 font-weight: bold; 57 } 58 59 #login-form { 60 display: inline-block; 61 vertical-align: top; 62 height: 100%; 63 width: 50%; 64 } 65 66 #gaialogin { 67 border: none; 68 width: 100%; 69 height: 100%; 70 vertical-align: top; 71 } 72 73 #confirmation-header { 74 font-size: 1.4em; 75 font-weight: bold; 76 } 77 78 #confirmation-content { 79 position: absolute; 80 top: 50%; 81 height: 1.5em; 82 width: 100%; 83 margin-top: -.75em; 84 text-align: center; 85 } 86 87 #confirmation-image { 88 vertical-align: middle; 89 } 90 91 #confirmation-footer { 92 position: absolute; 93 width: 100%; 94 bottom: 0; 95 text-align: end; 96 } 97