Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Fix issue #1194 and also added a new footer to AR meditation page(feature added) #1215

Merged
merged 3 commits into from
Jul 26, 2023
Merged

Fix issue #1194 and also added a new footer to AR meditation page(feature added) #1215

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
c69c6b8
Added backgroung in Pomodoro page
Developer-Swati Jul 22, 2023
6b3bbc6
Fix-issue#1194 and added a new footer
Developer-Swati Jul 26, 2023
e4d5820
Merge branch 'main' into fix-issue-#1194
Developer-Swati Jul 26, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
141 changes: 21 additions & 120 deletions AR_Meditate/meditation.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ body {
padding: 0;
font-family: sans-serif;
}

iframe {
min-height: 100% !important;
}
Expand Down Expand Up @@ -60,133 +60,34 @@ iframe {
border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Navbar Start */

.nav {
height: 70px;
background-color: #2980b9 !important;
box-shadow: 0 3px 15px rgba(51, 49, 49, 0.4);
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 20px;
position: sticky;
z-index: 99;
top: 0;
font-family: sans-serif;
user-select: none;
/* Footer CSS */
footer {
margin-top: 10px;
}

.navbar-logo {
display: flex;
align-items: center;
text-transform: uppercase;
font-size: 20px;
letter-spacing: 1px;
padding-left: 18px;
.moksh-logo {
margin-top: 20px;
width: 9rem;
object-fit: contain;
border-radius: 50%;
}

.navbar-logo img {
width: 60px;
background-color: antiquewhite;
border-radius: 10%;
}
.footer-divide-text {
text-align: center;
padding: 15px 0 30px;

.navbar-logo span {
font-weight: bold;
color: white;
margin-left: 10px;
}
.navbar-logo a:hover {
text-decoration: none;
}
.nav ul li {
display: inline-block;
padding: auto 20px;
}
.nav-menu {
margin-bottom: 0;
padding-left: 0;
}

.about {
margin-left: 80px;
margin-right: 80px;
}
.footer-divide {
gap: 0;

.nav ul li a {
color: white !important;
display: block;
padding: 0 15px;
line-height: 70px;
font-size: 17px;
background-color: #2980b9 !important;
transition: 0.3s;
letter-spacing: 1px;
margin: 0;
/* margin: 0 20px; */
}

.nav ul li a.active:hover {
color: black ;
text-decoration: underline;
text-decoration-color: black;
}

.dropdown:hover > a {
color: black;
text-decoration: underline;
text-decoration-color: black;
}

.nav ul ul {
position: absolute !important;
top: 85px;
border-top: 3.5px solid #8ad0ff;
background-color: none;
opacity: 0;
visibility: hidden;
padding-left: 0;
}

.nav ul li:hover > ul {
top: 70px;
opacity: 1;
visibility: visible;
transition: 0.3s linear;
list-style: none;
}

.nav ul ul li {
width: 310px;
display: list-item;
position: relative;
border: 1px solid #8ad0ff;
border-top: none;
}

a.dropdown-item{
margin: 0 !important;
}
/* ul.dropdown-menu.show{
margin: 0;
padding: 0;
} */
.nav ul ul li a {
line-height: 25px;
padding: 10px 15px;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
.footer-socials a {
color: #000;
text-decoration: none;
transition: transform 0.3s eas-in-out;
}

/* Google Translate */
#google_translate_element select {
/* background-color: #2980b9 !important; */

background-color: #f6edfd;
color: black;
border: none;
border-radius: 3px;
padding: 6px 8px;
cursor: pointer;
}
/* Navbar Ends */
.footer-socials ul:hover {
transform: scale(1.1);
}
Loading