Skip to content

Commit

Permalink
bar
Browse files Browse the repository at this point in the history 
commit option bar
  • Loading branch information
@edcubelearning
edcubelearning committed Sep 21, 2024
1 parent 82257f9 commit 3554e00
Show file tree
Hide file tree
Showing 30 changed files with 2,320 additions and 7 deletions.
80 changes: 80 additions & 0 deletions amongus.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -108,7 +108,87 @@
box-shadow: 0px 0px 25px #ff00ff;

}
.fullscreen-button {
position: absolute;
top: 740px;
right: 80px;
padding: 15px 30px;
border-radius: 10px;
}

.fsimg {
height: 30px;
width: 30px;
}

.options-bar {
width: 90%;
height: 30px;
background-color: #333;
border: 2px solid #00ffcc;
box-shadow: 0px 0px 15px #00ffcc;
margin-top: -5px;
margin-left: 70px;
padding: 10px 0;
display: flex;
justify-content: center;
}

.option {
margin: 0 10px;
padding: 10px 20px;
color: #FFFFFF;
cursor: pointer;
background-color: transparent;
border: none;
}

.option:hover {
color: #ff00ff;
transform: scale(1.1);
}

/* Modal styles */
.modal {
display: none;
position: fixed;
z-index: 1000;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #333;
border: 2px solid #00ffcc;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 0px 25px #00ffcc;
}

.modal button {
margin-top: 10px;
padding: 10px 15px;
background-color: #00ffcc;
color: #1a1a1a;
border: none;
border-radius: 5px;
cursor: pointer;
}

.modal button:hover {
background-color: #ff00ff;
}

/* Notification styles */
.notification {
display: none;
position: fixed;
left: 20px;
bottom: 20px;
background-color: #00cc00;
color: white;
padding: 10px;
border-radius: 5px;
transition: opacity 0.5s;
}
</style>

<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&display=swap" rel="stylesheet">
Expand Down
80 changes: 80 additions & 0 deletions bitlife.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -108,7 +108,87 @@
box-shadow: 0px 0px 25px #ff00ff;

}
.fullscreen-button {
position: absolute;
top: 740px;
right: 80px;
padding: 15px 30px;
border-radius: 10px;
}

.fsimg {
height: 30px;
width: 30px;
}

.options-bar {
width: 90%;
height: 30px;
background-color: #333;
border: 2px solid #00ffcc;
box-shadow: 0px 0px 15px #00ffcc;
margin-top: -5px;
margin-left: 70px;
padding: 10px 0;
display: flex;
justify-content: center;
}

.option {
margin: 0 10px;
padding: 10px 20px;
color: #FFFFFF;
cursor: pointer;
background-color: transparent;
border: none;
}

.option:hover {
color: #ff00ff;
transform: scale(1.1);
}

/* Modal styles */
.modal {
display: none;
position: fixed;
z-index: 1000;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #333;
border: 2px solid #00ffcc;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 0px 25px #00ffcc;
}

.modal button {
margin-top: 10px;
padding: 10px 15px;
background-color: #00ffcc;
color: #1a1a1a;
border: none;
border-radius: 5px;
cursor: pointer;
}

.modal button:hover {
background-color: #ff00ff;
}

/* Notification styles */
.notification {
display: none;
position: fixed;
left: 20px;
bottom: 20px;
background-color: #00cc00;
color: white;
padding: 10px;
border-radius: 5px;
transition: opacity 0.5s;
}
</style>

<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&display=swap" rel="stylesheet">
Expand Down
80 changes: 80 additions & 0 deletions cartoonstrike.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -108,7 +108,87 @@
box-shadow: 0px 0px 25px #ff00ff;

}
.fullscreen-button {
position: absolute;
top: 740px;
right: 80px;
padding: 15px 30px;
border-radius: 10px;
}

.fsimg {
height: 30px;
width: 30px;
}

.options-bar {
width: 90%;
height: 30px;
background-color: #333;
border: 2px solid #00ffcc;
box-shadow: 0px 0px 15px #00ffcc;
margin-top: -5px;
margin-left: 70px;
padding: 10px 0;
display: flex;
justify-content: center;
}

.option {
margin: 0 10px;
padding: 10px 20px;
color: #FFFFFF;
cursor: pointer;
background-color: transparent;
border: none;
}

.option:hover {
color: #ff00ff;
transform: scale(1.1);
}

/* Modal styles */
.modal {
display: none;
position: fixed;
z-index: 1000;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #333;
border: 2px solid #00ffcc;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 0px 25px #00ffcc;
}

.modal button {
margin-top: 10px;
padding: 10px 15px;
background-color: #00ffcc;
color: #1a1a1a;
border: none;
border-radius: 5px;
cursor: pointer;
}

.modal button:hover {
background-color: #ff00ff;
}

/* Notification styles */
.notification {
display: none;
position: fixed;
left: 20px;
bottom: 20px;
background-color: #00cc00;
color: white;
padding: 10px;
border-radius: 5px;
transition: opacity 0.5s;
}
</style>

<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&display=swap" rel="stylesheet">
Expand Down
80 changes: 80 additions & 0 deletions chatgpt.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -108,7 +108,87 @@
box-shadow: 0px 0px 25px #ff00ff;

}
.fullscreen-button {
position: absolute;
top: 740px;
right: 80px;
padding: 15px 30px;
border-radius: 10px;
}

.fsimg {
height: 30px;
width: 30px;
}

.options-bar {
width: 90%;
height: 30px;
background-color: #333;
border: 2px solid #00ffcc;
box-shadow: 0px 0px 15px #00ffcc;
margin-top: -5px;
margin-left: 70px;
padding: 10px 0;
display: flex;
justify-content: center;
}

.option {
margin: 0 10px;
padding: 10px 20px;
color: #FFFFFF;
cursor: pointer;
background-color: transparent;
border: none;
}

.option:hover {
color: #ff00ff;
transform: scale(1.1);
}

/* Modal styles */
.modal {
display: none;
position: fixed;
z-index: 1000;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #333;
border: 2px solid #00ffcc;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 0px 25px #00ffcc;
}

.modal button {
margin-top: 10px;
padding: 10px 15px;
background-color: #00ffcc;
color: #1a1a1a;
border: none;
border-radius: 5px;
cursor: pointer;
}

.modal button:hover {
background-color: #ff00ff;
}

/* Notification styles */
.notification {
display: none;
position: fixed;
left: 20px;
bottom: 20px;
background-color: #00cc00;
color: white;
padding: 10px;
border-radius: 5px;
transition: opacity 0.5s;
}
</style>

<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&display=swap" rel="stylesheet">
Expand Down
Loading

0 comments on commit 3554e00

Please sign in to comment.