1- /* styles all <a> tags within <nav> tags */
1+ html , body {
2+ font-family : 'Helvetica Neue' , Helvetica, Arial, sans-serif;
3+ }
4+
25nav {
36 width : 100% ;
47 background-color : # 7428d2 ;
@@ -11,37 +14,122 @@ nav a {
1114 font-family : sans-serif;
1215 padding : 1.0em ;
1316 border-style : none;
14- display : inline-block; /* makes the links align horizontally */
17+ display : inline-block;
1518}
1619
17- /* styles for hovered <a> tags within <nav> tags */
1820nav a : hover {
1921 background-color : # d37e05 ;
2022 color : # f0f0f0 ;
2123}
2224
23- button {
25+ h1 : focus {
26+ outline : none;
27+ }
28+
29+ a , .btn-link {
30+ color : # 0071c1 ;
31+ }
32+
33+ .btn-primary {
2434 color : # fff ;
25- background-color : # cf7209 ;
26- display : inline-block;
27- font-weight : 400 ;
35+ background-color : # 1b6ec2 ;
36+ border-color : # 1861ac ;
37+ }
38+
39+ .btn : focus , .btn : active : focus , .btn-link .nav-link : focus , .form-control : focus , .form-check-input : focus {
40+ box-shadow : 0 0 0 0.1rem white, 0 0 0 0.25rem # 258cfb ;
41+ }
42+
43+ .content {
44+ padding-top : 1.1rem ;
45+ }
46+
47+ .valid .modified : not ([type = checkbox ]) {
48+ outline : 1px solid # 26b050 ;
49+ }
50+
51+ .invalid {
52+ outline : 1px solid red;
53+ }
54+
55+ .validation-message {
56+ color : red;
57+ }
58+
59+ # blazor-error-ui {
60+ color-scheme : light only;
61+ background : lightyellow;
62+ bottom : 0 ;
63+ box-shadow : 0 -1px 2px rgba (0 , 0 , 0 , 0.2 );
64+ box-sizing : border-box;
65+ display : none;
66+ left : 0 ;
67+ padding : 0.6rem 1.25rem 0.7rem 1.25rem ;
68+ position : fixed;
69+ width : 100% ;
70+ z-index : 1000 ;
71+ }
72+
73+ # blazor-error-ui .dismiss {
74+ cursor : pointer;
75+ position : absolute;
76+ right : 0.75rem ;
77+ top : 0.5rem ;
78+ }
79+
80+ .blazor-error-boundary {
81+ background : url (data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1 rem/1.8rem, # b32121 ;
82+ padding : 1rem 1rem 1rem 3.7rem ;
83+ color : white;
84+ }
85+
86+ .blazor-error-boundary ::after {
87+ content : "An error has occurred."
88+ }
89+
90+ .loading-progress {
91+ position : absolute;
92+ display : block;
93+ width : 8rem ;
94+ height : 8rem ;
95+ inset : 20vh 0 auto 0 ;
96+ margin : 0 auto 0 auto;
97+ }
98+
99+ .loading-progress circle {
100+ fill : none;
101+ stroke : # e0e0e0 ;
102+ stroke-width : 0.6rem ;
103+ transform-origin : 50% 50% ;
104+ transform : rotate (-90deg );
105+ }
106+
107+ .loading-progress circle : last-child {
108+ stroke : # 1b6ec2 ;
109+ stroke-dasharray : calc (3.141 * var (--blazor-load-percentage , 0% ) * 0.8 ), 500% ;
110+ transition : stroke-dasharray 0.05s ease-in-out;
111+ }
112+
113+ .loading-progress-text {
114+ position : absolute;
28115 text-align : center;
29- vertical-align : middle;
30- cursor : pointer;
31- user-select : none;
32- padding : .375rem .75rem ;
33- font-size : 1rem ;
34- line-height : 1.5 ;
35- border : 1px solid transparent;
36- border-radius : .25rem ;
37- transition : color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
38- }
39-
40- button : hover {
41- color : # fff ;
42- background-color : # d37e05 ;
116+ font-weight : bold;
117+ inset : calc (20vh + 3.25rem ) 0 auto 0.2rem ;
118+ }
119+
120+ .loading-progress-text : after {
121+ content : var (--blazor-load-percentage-text , "Loading" );
122+ }
123+
124+ code {
125+ color : # c02d76 ;
126+ }
127+
128+ .form-floating > .form-control-plaintext ::placeholder , .form-floating > .form-control ::placeholder {
129+ color : var (--bs-secondary-color );
130+ text-align : end;
43131}
44132
45- button : focus {
46- box-shadow : 0 0 0 0.2 rem rgba ( 241 , 185 , 144 , 0.5 ) ;
133+ . form-floating > . form-control-plaintext : focus :: placeholder , . form-floating > . form-control : focus :: placeholder {
134+ text-align : start ;
47135}
0 commit comments