Skip to content

Commit

Permalink
Alignment fixed
Browse files Browse the repository at this point in the history
  • Loading branch information
@say-het
say-het committed Oct 11, 2024
1 parent 74d433a commit 39206c1
Show file tree
Hide file tree
Showing 7 changed files with 88 additions and 280 deletions.
57 changes: 12 additions & 45 deletions fashion.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,6 @@
background-color: #333;
color: #f8f8f8;
}

body.dark-mode .container {
background-color: #444;
color: #f8f8f8;
Expand All @@ -30,59 +29,27 @@
/* background-color: #444; */
color: #f8f8f8 !important;
}

.icon{
position: absolute;
width: 18px;
height: 18px;
top: -15px;
transition: opacity 0.3s ease;
}
body.dark-mode h1 {
color: #ff6666;
}

body.dark-mode .footer {
background-color: #444;
body.dark-mode header{
background-color: #f8b5b5;
color: #f8f8f8;
}

body.dark-mode a {
color: #ff6666;
}

.theme-switch-wrapper {
position: absolute;
top: 10px;
right: 10px;
}

.theme-switch input {
display: none;
}

.theme-switch .slider {
width: 50px;
height: 25px;
background-color: #ccc;
position: relative;
cursor: pointer;
border-radius: 50px;
}

.theme-switch .slider::before {
content: "";
position: absolute;
height: 20px;
width: 20px;
background-color: white;
border-radius: 50%;
left: 3px;
top: 50%;
transform: translateY(-50%);
transition: 0.4s;
}

.theme-switch input:checked + .slider::before {
transform: translate(25px, -50%);
body.dark-mode .footer {
background-color: #444;
color: #f8f8f8;
}

body.dark-mode .theme-switch .slider {
background-color: #666;
}


</style>
Expand Down
57 changes: 12 additions & 45 deletions food.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,58 +30,25 @@
/* background-color: #444; */
color: #f8f8f8 !important;
}

.icon{
position: absolute;
width: 18px;
height: 18px;
top: -15px;
transition: opacity 0.3s ease;
}
body.dark-mode h1 {
color: #ff6666;
}

body.dark-mode .footer {
background-color: #444;
body.dark-mode header{
background-color: #f8b5b5;
color: #f8f8f8;
}

body.dark-mode a {
color: #ff6666;
}

.theme-switch-wrapper {
position: absolute;
top: 10px;
right: 10px;
}

.theme-switch input {
display: none;
}

.theme-switch .slider {
width: 50px;
height: 25px;
background-color: #ccc;
position: relative;
cursor: pointer;
border-radius: 50px;
}

.theme-switch .slider::before {
content: "";
position: absolute;
height: 20px;
width: 20px;
background-color: white;
border-radius: 50%;
left: 3px;
top: 50%;
transform: translateY(-50%);
transition: 0.4s;
}

.theme-switch input:checked + .slider::before {
transform: translate(25px, -50%);
}

body.dark-mode .theme-switch .slider {
background-color: #666;
body.dark-mode .footer {
background-color: #444;
color: #f8f8f8;
}

</style>
Expand Down
56 changes: 12 additions & 44 deletions health.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,57 +30,25 @@
/* background-color: #444; */
color: #f8f8f8 !important;
}
.icon{
position: absolute;
width: 18px;
height: 18px;
top: -15px;
transition: opacity 0.3s ease;
}
body.dark-mode h1 {
color: #ff6666;
}

body.dark-mode .footer {
background-color: #444;
body.dark-mode header{
background-color: #f8b5b5;
color: #f8f8f8;
}

body.dark-mode a {
color: #ff6666;
}

.theme-switch-wrapper {
position: absolute;
top: 10px;
right: 10px;
}

.theme-switch input {
display: none;
}

.theme-switch .slider {
width: 50px;
height: 25px;
background-color: #ccc;
position: relative;
cursor: pointer;
border-radius: 50px;
}

.theme-switch .slider::before {
content: "";
position: absolute;
height: 20px;
width: 20px;
background-color: white;
border-radius: 50%;
left: 3px;
top: 50%;
transform: translateY(-50%);
transition: 0.4s;
}

.theme-switch input:checked + .slider::before {
transform: translate(25px, -50%);
}

body.dark-mode .theme-switch .slider {
background-color: #666;
body.dark-mode .footer {
background-color: #444;
color: #f8f8f8;
}


Expand Down
2 changes: 1 addition & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -415,7 +415,7 @@ <h2>Forgot Password</h2>
<label class="theme-switch" for="checkbox">
<input type="checkbox" id="checkbox">
<div class="slider">
<img src="https://img.icons8.com/emoji/48/000000/sun-emoji.png" alt="Sun" class="icon sun-icon">
<img src="https://img.icons8.com/emoji/48/000000/sun-emoji.png" alt="Sun" class="icon sun-icon">
<img src="https://img.icons8.com/emoji/48/000000/crescent-moon-emoji.png" alt="Moon" class="icon moon-icon">
</div>
</label>
Expand Down
57 changes: 12 additions & 45 deletions life.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,6 @@
background-color: #333;
color: #f8f8f8;
}

body.dark-mode .container {
background-color: #444;
color: #f8f8f8;
Expand All @@ -30,57 +29,25 @@
/* background-color: #444; */
color: #f8f8f8 !important;
}
.icon{
position: absolute;
width: 18px;
height: 18px;
top: -15px;
transition: opacity 0.3s ease;
}
body.dark-mode h1 {
color: #ff6666;
}

body.dark-mode .footer {
background-color: #444;
body.dark-mode header{
background-color: #f8b5b5;
color: #f8f8f8;
}

body.dark-mode a {
color: #ff6666;
}

.theme-switch-wrapper {
position: absolute;
top: 10px;
right: 10px;
}

.theme-switch input {
display: none;
}

.theme-switch .slider {
width: 50px;
height: 25px;
background-color: #ccc;
position: relative;
cursor: pointer;
border-radius: 50px;
}

.theme-switch .slider::before {
content: "";
position: absolute;
height: 20px;
width: 20px;
background-color: white;
border-radius: 50%;
left: 3px;
top: 50%;
transform: translateY(-50%);
transition: 0.4s;
}

.theme-switch input:checked + .slider::before {
transform: translate(25px, -50%);
}

body.dark-mode .theme-switch .slider {
background-color: #666;
body.dark-mode .footer {
background-color: #444;
color: #f8f8f8;
}


Expand Down
61 changes: 13 additions & 48 deletions tech.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,70 +21,35 @@
background-color: #333;
color: #f8f8f8;
}

body.dark-mode .container {
background-color: #444;
/* color: #f8f8f8 !important; */
color: #f8f8f8;
}
body.dark-mode .container p{
/* background-color: #444; */
color: #f8f8f8 !important;
}

.icon{
position: absolute;
width: 18px;
height: 18px;
top: -15px;
transition: opacity 0.3s ease;
}
body.dark-mode h1 {
color: #ff6666;
}

body.dark-mode .footer {
background-color: #444;
body.dark-mode header{
background-color: #f8b5b5;
color: #f8f8f8;
}

body.dark-mode a {
color: #ff6666;
}

.theme-switch-wrapper {
position: absolute;
top: 10px;
right: 10px;
}

.theme-switch input {
display: none;
}

.theme-switch .slider {
width: 50px;
height: 25px;
background-color: #ccc;
position: relative;
cursor: pointer;
border-radius: 50px;
}

.theme-switch .slider::before {
content: "";
position: absolute;
height: 20px;
width: 20px;
background-color: white;
border-radius: 50%;
left: 3px;
top: 50%;
transform: translateY(-50%);
transition: 0.4s;
}

.theme-switch input:checked + .slider::before {
transform: translate(25px, -50%);
}

body.dark-mode .theme-switch .slider {
background-color: #666;
body.dark-mode .footer {
background-color: #444;
color: #f8f8f8;
}


</style>

<script>
Expand Down
Loading

0 comments on commit 39206c1

Please sign in to comment.