From fb94240fb646aad68cc0baae85fde9bea2e07e6a Mon Sep 17 00:00:00 2001 From: Raj Kumar Singh Date: Sun, 2 Jun 2024 23:56:21 +0530 Subject: [PATCH] NavBar added --- index.html | 190 +++++++++++++++++++++++++++++------------------------ style.css | 40 ++++++++++- 2 files changed, 141 insertions(+), 89 deletions(-) diff --git a/index.html b/index.html index 85adfcb..9ed694f 100644 --- a/index.html +++ b/index.html @@ -1,117 +1,133 @@ - + + Rubik Cube - + + + -
-
- - +
+
+ + -
+
- - + + - - + + -
+
+
+ +
-
+
-
+
-
-

- Let's - Solve! -

-
- Double tap to start -
-
- 0:00 +
+

+ Let's + Solve! +

+
+ Double tap to start +
+
+ 0:00 +
+
+ Complete! +
+
+ + Best Time! +
-
- Complete! + +
+ + + + +
-
- - Best Time! + +
+ + +
-
-
- - - - - -
+
-
- - - -
+
+ Cube:3x3x3 +
+
+ Total solves:- +
+
+ Best time:- +
+
+ Worst time:- +
+
+ Average of 5:- +
+
+ Average of 12:- +
+
+ Average of 25:- +
-
-
- Cube:3x3x3
-
- Total solves:- -
-
- Best time:- -
-
- Worst time:- -
-
- Average of 5:- -
-
- Average of 12:- -
-
- Average of 25:- + +
+ + + + +
-
-
- - - - -
- -
- - + + + - + + \ No newline at end of file diff --git a/style.css b/style.css index 661f98b..c1ee3c1 100644 --- a/style.css +++ b/style.css @@ -215,6 +215,7 @@ body { line-height: 0.75; perspective: 100rem; opacity: 0; + } .text i { display: inline-block; @@ -232,6 +233,7 @@ body { .text--title span:first-child { font-size: 0.5em; margin-bottom: 0.2em; + margin-top: 28px; } .text--note { top: 87%; @@ -303,6 +305,7 @@ body { .ui { pointer-events: none; color: #070d15; + } .ui, .ui__background, .ui__game, .ui__texts, .ui__prefs, .ui__theme, .ui__stats, .ui__buttons { position: absolute; @@ -329,6 +332,7 @@ body { .ui__game { pointer-events: all; z-index: 2; + background: linear-gradient(to bottom, #fffffff0, #7dadb7f0); } .ui__game canvas { display: block; @@ -356,6 +360,38 @@ body { /* styling element for the goggle login option to be placed at the top right corner of the webpage. */ -.g_id_signin { - margin-top: 20px; +.navbar .g_id_signin { + position: relative; + z-index: 160; +} + +/* styling the navbar issue Back option on leaderboad page #112 */ + +.navbar{ + border: 1px solid white; + width: 80vw; + position: relative; + justify-content: center; + z-index: 15; + align-items: center; + margin: auto; + border-radius: 40px; + padding: 20px 0; + background: linear-gradient(to bottom, #fffffff0, #7ba9b3f0); +} +.navbar ul{ + display: flex; + align-items: center; + justify-content: space-around; + flex-wrap: wrap; +} +.navbar ul li{ + list-style: none; +} +a{ + text-decoration: none; + color: black; + transition-duration: 0.3s; + width: 100%; + font-size: 0.7em; } \ No newline at end of file