Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 1 | @import "../util"; |
2 | |||||
3 | /** | ||||
4 | * Styles for OAuth management form. | ||||
5 | */ | ||||
6 | |||||
Akron | 0f1b93b | 2020-03-17 11:37:19 +0100 | [diff] [blame] | 7 | ul.client-list { |
8 | padding-left: 1.5em; | ||||
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 9 | |
Akron | 1a9d5be | 2020-03-19 17:28:33 +0100 | [diff] [blame] | 10 | li.client { |
Akron | 0f1b93b | 2020-03-17 11:37:19 +0100 | [diff] [blame] | 11 | list-style-type: none; |
Akron | b6b156e | 2022-03-31 14:57:49 +0200 | [diff] [blame] | 12 | margin-bottom: 1.5em; |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 13 | |
14 | span.client-name::before { | ||||
15 | margin-left: -1.5em; | ||||
Akron | 0f1b93b | 2020-03-17 11:37:19 +0100 | [diff] [blame] | 16 | } |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 17 | |
Akron | b6b156e | 2022-03-31 14:57:49 +0200 | [diff] [blame] | 18 | p.client-desc, p.client-url { |
19 | font-weight: normal; | ||||
20 | font-size: 80%; | ||||
21 | margin-top: .2em; | ||||
22 | margin-bottom: .2em; | ||||
Akron | 0f1b93b | 2020-03-17 11:37:19 +0100 | [diff] [blame] | 23 | } |
24 | } | ||||
Akron | 9ffb4a3 | 2021-06-08 16:11:21 +0200 | [diff] [blame] | 25 | |
Akron | 5f75641 | 2021-06-18 11:35:58 +0200 | [diff] [blame] | 26 | br { |
27 | display: block; | ||||
28 | margin: 3pt 0; | ||||
Akron | 9ffb4a3 | 2021-06-08 16:11:21 +0200 | [diff] [blame] | 29 | } |
Akron | 1a9d5be | 2020-03-19 17:28:33 +0100 | [diff] [blame] | 30 | } |
31 | |||||
32 | span.client-name { | ||||
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 33 | font-weight: bold; |
34 | |||||
Akron | 1a9d5be | 2020-03-19 17:28:33 +0100 | [diff] [blame] | 35 | &::before { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 36 | @include icon-font; |
37 | display: inline-block; | ||||
38 | width: 1.5em; | ||||
Akron | b45300f | 2022-04-28 14:03:53 +0200 | [diff] [blame^] | 39 | content: $fa-client; |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 40 | color: $ids-blue-1; |
Akron | 1a9d5be | 2020-03-19 17:28:33 +0100 | [diff] [blame] | 41 | font-size: 100%; |
42 | } | ||||
Akron | 9ffb4a3 | 2021-06-08 16:11:21 +0200 | [diff] [blame] | 43 | } |
44 | |||||
Akron | b45300f | 2022-04-28 14:03:53 +0200 | [diff] [blame^] | 45 | .client-type-confidential::after { |
46 | @include icon-font; | ||||
47 | margin-left: .3em; | ||||
48 | display: inline-block; | ||||
49 | width: 1.5em; | ||||
50 | font-size: 70%; | ||||
51 | line-hight: top; | ||||
52 | vertical-align: text-top; | ||||
53 | } | ||||
54 | |||||
55 | .client-type-confidential::after { | ||||
56 | content: $fa-confidential; | ||||
57 | color: $ids-blue-1; | ||||
58 | } | ||||
59 | |||||
Akron | 9ffb4a3 | 2021-06-08 16:11:21 +0200 | [diff] [blame] | 60 | li.token { |
61 | list-style-type: none; | ||||
62 | } | ||||
63 | |||||
64 | |||||
65 | label[for=token] { | ||||
66 | font-weight: bold; | ||||
67 | |||||
68 | &::before { | ||||
69 | @include icon-font; | ||||
70 | font-feature-settings: "ss01" on; | ||||
71 | margin-left: -1.5em; | ||||
72 | display: inline-block; | ||||
73 | width: 1.5em; | ||||
74 | content: $fa-token; | ||||
75 | color: $ids-blue-1 !important; | ||||
76 | font-size: 100%; | ||||
77 | font-weight: 900; | ||||
78 | } | ||||
79 | } |