darkshy/darkshy.bronyfurry.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

modified: css/style.css

Browse Source
This commit is contained in:
DarkShyMW
2025-01-16 21:18:39 +03:00
parent 74f5dea494
commit b5c85ddb27
1 changed files with 46 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

125
css/style.css
View File

@@ -10,16 +10,15 @@ body {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100vh; height: 30vh;
border-bottom: 2px solid #00ff00;
} }
.terminal { .terminal {
width: 80%; width: 80%;
background-color: #1e1e1e; background: #1e1e1e;
border: 2px solid #00ff00; border: 2px solid #00ff00;
border-radius: 10px; border-radius: 10px;
box-shadow: 0 0 10px #00ff00;
overflow: hidden;
} }
.terminal-header { .terminal-header {
@@ -27,50 +26,40 @@ body {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 5px 10px; padding: 5px 10px;
background-color: #333; background: #333;
color: white; border-bottom: 2px solid #00ff00;
font-size: 14px; border-radius: 8px 8px 0 0;
}
.terminal-buttons {
display: flex;
gap: 5px;
} }
.circle { .circle {
display: inline-block;
width: 12px; width: 12px;
height: 12px; height: 12px;
margin-right: 3px;
border-radius: 50%; border-radius: 50%;
} }
.red { .red { background: #ff5f56; }
background-color: #ff5f56; .yellow { background: #ffbd2e; }
} .green { background: #27c93f; }
.yellow {
background-color: #ffbd2e;
}
.green {
background-color: #27c93f;
}
.terminal-title { .terminal-title {
color: #00ff00;
font-size: 1rem;
margin-left: auto; margin-left: auto;
margin-right: 10px; margin-right: 10px;
} }
.terminal-body { .terminal-body {
padding: 20px; padding: 20px;
font-size: 16px;
color: #00ff00; color: #00ff00;
text-align: center; font-size: 1.2rem;
} }
.dark { .terminal-body h1 {
margin: 0; margin: 0;
font-size: 24px; font-size: 2rem;
white-space: nowrap; text-align: center;
} }
#blink { #blink {
@@ -83,74 +72,52 @@ body {
} }
} }
h1.dark {
margin: 0;
padding: 0;
}
main { main {
max-width: 800px; padding: 20px;
margin: 20px auto;
padding: 10px;
background-color: #111;
border: 2px solid #0f0;
border-radius: 5px;
}
section {
margin-bottom: 20px;
}
.image-section {
text-align: center; text-align: center;
} }
.centered-image { .about, .projects {
max-width: 100%; margin: 20px auto;
height: auto; width: 80%;
border: 2px solid #0f0; border: 2px solid #00ff00;
border-radius: 5px; border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 255, 0, 0.5); padding: 20px;
background: #1e1e1e;
} }
.project-links { .projects .btn {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.btn {
display: inline-block; display: inline-block;
padding: 10px 15px; margin: 10px;
color: #0f0; padding: 10px 20px;
color: #00ff00;
text-decoration: none; text-decoration: none;
border: 1px solid #0f0; border: 2px solid #00ff00;
border-radius: 3px; border-radius: 5px;
background-color: #222; transition: background 0.3s;
transition: background-color 0.3s;
} }
.btn:hover { .projects .btn:hover {
background-color: #0f0; background: #00ff00;
color: #000; color: black;
} }
footer { footer {
max-width: 800px; margin-top: 20px;
margin: 20px auto;
text-align: center; text-align: center;
padding: 10px; padding: 10px;
background-color: #111; border-top: 2px solid #00ff00;
border: 2px solid #0f0;
border-radius: 5px;
} }
footer p { .terminal-footer {
margin: 5px 0; color: #00ff00;
} }
footer img { .terminal-footer a {
margin-top: 10px; color: #00ff00;
text-decoration: none;
}
.terminal-footer a:hover {
text-decoration: underline;
} }