diff options
| author | Leonardo Bishop <me@leonardobishop.com> | 2023-07-27 22:11:31 +0100 |
|---|---|---|
| committer | Leonardo Bishop <me@leonardobishop.com> | 2023-07-27 22:11:31 +0100 |
| commit | 71db52c5443a7bf82d9a23a770994a42b043be04 (patch) | |
| tree | f75f2605bb1bdc53842cd85c90d105dcc77e1c10 /code/ui/mainmenu/LoadingScreen.razor.scss | |
Initial commit
Diffstat (limited to 'code/ui/mainmenu/LoadingScreen.razor.scss')
| -rw-r--r-- | code/ui/mainmenu/LoadingScreen.razor.scss | 101 |
1 files changed, 101 insertions, 0 deletions
diff --git a/code/ui/mainmenu/LoadingScreen.razor.scss b/code/ui/mainmenu/LoadingScreen.razor.scss new file mode 100644 index 0000000..894d259 --- /dev/null +++ b/code/ui/mainmenu/LoadingScreen.razor.scss @@ -0,0 +1,101 @@ +.loadingpanel
+{
+ background-image: url( "menu/boxes.webm" );
+ background-position: center;
+ background-size: cover;
+ background-tint: #555;
+ width: 100%;
+ height: 100%;
+ color: white;
+ padding: 100px;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ font-family: Poppins;
+ pointer-events: all;
+ color: #ccc;
+
+ > .title
+ {
+ font-size: 80px;
+ font-weight: bolder;
+ }
+
+ > .subtitle
+ {
+ font-size: 30px;
+ color: #aaa;
+ font-weight: 200;
+ }
+
+ > .controls
+ {
+ position: absolute;
+ bottom: 100px;
+ right: 200px;
+
+ .button
+ {
+ font-size: 20px;
+ padding: 10px 50px;
+ background-color: #666;
+ color: #111;
+ font-weight: bold;
+ cursor: pointer;
+
+ &:hover
+ {
+ background-color: #888;
+ }
+ }
+ }
+
+ > .progress
+ {
+ margin: 50px 0px;
+ background-color: #0003;
+ width: 500px;
+ border-radius: 5px;
+ overflow: hidden;
+
+ .bar
+ {
+ background-color: #fff1;
+ position: absolute;
+ height: 100%;
+ }
+
+ .text-left
+ {
+ flex-grow: 1;
+ flex-shrink: 0;
+ }
+
+ .text-right
+ {
+ flex-shrink: 0;
+ }
+
+ .text-left, .text-right
+ {
+ padding: 5px 20px;
+ white-space: nowrap;
+ font-weight: bold;
+ opacity: 0.2;
+ font-size: 20px;
+ align-items: flex-end;
+
+ .unit
+ {
+ font-size: 15px;
+ opacity: 0.5;
+ }
+ }
+ }
+}
+
+choosemappage.navigator-body
+{
+ margin: 0;
+ padding: 0;
+}
\ No newline at end of file |