Mercurial > prosody-modules
comparison mod_http_oauth2/html/style.css @ 5653:62c6e17a5e9d
Merge
| author | Stephen Paul Weber <singpolyma@singpolyma.net> |
|---|---|
| date | Mon, 18 Sep 2023 08:24:19 -0500 |
| parents | 3a5cf8d80089 |
| children | 429cc52c3ce8 |
comparison
equal
deleted
inserted
replaced
| 5652:eade7ff9f52c | 5653:62c6e17a5e9d |
|---|---|
| 1 body | 1 body |
| 2 { | 2 { |
| 3 margin-top:14%; | |
| 4 text-align:center; | 3 text-align:center; |
| 5 background-color:#f8f8f8; | 4 background-color:#f8f8f8; |
| 6 font-family:sans-serif | 5 font-family:sans-serif |
| 7 } | 6 } |
| 8 | 7 |
| 19 font-size:large; | 18 font-size:large; |
| 20 } | 19 } |
| 21 | 20 |
| 22 .error | 21 .error |
| 23 { | 22 { |
| 24 margin: 0.75em; | 23 margin: 0.75em auto; |
| 25 background-color: #f8d7da; | 24 background-color: #f8d7da; |
| 26 color: #842029; | 25 color: #842029; |
| 27 border: solid 1px #f5c2c7; | 26 border: solid 1px #f5c2c7; |
| 27 } | |
| 28 | |
| 29 .oob | |
| 30 { | |
| 31 background-color: #d7daf8; | |
| 32 border: solid 1px #c2c7f5; | |
| 33 color: #202984; | |
| 34 margin: 0.75em; | |
| 35 } | |
| 36 .oob input { | |
| 37 font-size: xx-large; | |
| 38 font-family: monospace; | |
| 39 background-color: inherit; | |
| 40 color: inherit; | |
| 41 border: none; | |
| 42 padding: 1ex 2em; | |
| 28 } | 43 } |
| 29 | 44 |
| 30 input { | 45 input { |
| 31 margin: 0.3rem; | 46 margin: 0.3rem; |
| 32 padding: 0.2rem; | 47 padding: 0.2rem; |
| 35 } | 50 } |
| 36 h1, h2 { | 51 h1, h2 { |
| 37 text-align: left; | 52 text-align: left; |
| 38 } | 53 } |
| 39 | 54 |
| 40 main { | 55 header, main, footer { |
| 41 max-width: 600px; | 56 max-width: 600px; |
| 42 padding: 0 1.5em 1.5em 1.5em; | 57 padding: 0 1.5em 1.5em 1.5em; |
| 43 } | 58 } |
| 44 | 59 |
| 45 dt | 60 dt |
| 69 | 84 |
| 70 .error { | 85 .error { |
| 71 color: #f8d7da; | 86 color: #f8d7da; |
| 72 background-color: #842029; | 87 background-color: #842029; |
| 73 } | 88 } |
| 89 .oob { | |
| 90 color: #d7daf8; | |
| 91 background-color: #202984; | |
| 92 } | |
| 74 | 93 |
| 75 | 94 |
| 76 :link | 95 :link |
| 77 { | 96 { |
| 78 color: #6197df; | 97 color: #6197df; |
| 84 } | 103 } |
| 85 } | 104 } |
| 86 | 105 |
| 87 @media(min-width: 768px) | 106 @media(min-width: 768px) |
| 88 { | 107 { |
| 89 main | 108 body { |
| 109 margin-top:14vh; | |
| 110 } | |
| 111 header, main, footer | |
| 90 { | 112 { |
| 91 margin-left: auto; | 113 margin-left: auto; |
| 92 margin-right: auto; | 114 margin-right: auto; |
| 93 } | 115 } |
| 94 | 116 |
