mirror of
https://github.com/ProjectSegfault/website.git
synced 2024-12-22 21:19:51 +05:30
I prefer rounded corners.
Signed-off-by: Odyssey346 <odyssey346@disroot.org>
This commit is contained in:
parent
b03e25b001
commit
6b6ede9b94
@ -32,22 +32,27 @@ a.visited {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.button {
|
.button {
|
||||||
background-color: #3db686;
|
background-color: #00755e; /* Green */
|
||||||
border: none;
|
border: none;
|
||||||
color: white;
|
color: white;
|
||||||
padding: 1% 1%;
|
padding: 16px 32px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
margin: 4px 2px;
|
margin: 4px 2px;
|
||||||
|
border-radius: 16px;
|
||||||
transition-duration: 0.4s;
|
transition-duration: 0.4s;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button:hover {
|
.button:hover {
|
||||||
background-color: #101010;
|
background-color: #00d4aa;
|
||||||
color: #3db686;
|
color: black;
|
||||||
border: #3db686;
|
transform: translateY(-0.25em);
|
||||||
|
}
|
||||||
|
.button:active {
|
||||||
|
background-color: #4beacb;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ResponsiveImage {
|
.ResponsiveImage {
|
||||||
|
@ -1,4 +1,3 @@
|
|||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import ProjectSegfaultLogo from "../assets/images/projectsegfault1.png";
|
import ProjectSegfaultLogo from "../assets/images/projectsegfault1.png";
|
||||||
</script>
|
</script>
|
||||||
@ -16,9 +15,7 @@
|
|||||||
<a href="/minecraft" class="button">Minecraft</a>
|
<a href="/minecraft" class="button">Minecraft</a>
|
||||||
|
|
||||||
<a href="/contact" class="button">Contact</a>
|
<a href="/contact" class="button">Contact</a>
|
||||||
|
</section>
|
||||||
<a href="/faq" class="button">FAQ</a>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
@ -31,38 +28,13 @@
|
|||||||
}
|
}
|
||||||
#ProjectSegfaultLogoHeader {
|
#ProjectSegfaultLogoHeader {
|
||||||
/*Here goes anything to do with the header logo*/
|
/*Here goes anything to do with the header logo*/
|
||||||
border-radius: 5px;
|
border-radius: 16px;
|
||||||
width: 32px;
|
width: 32px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
.center {
|
.center {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
}
|
}
|
||||||
.button {
|
|
||||||
background-color: #00755e; /* Green */
|
|
||||||
border: none;
|
|
||||||
color: white;
|
|
||||||
padding: 16px 32px;
|
|
||||||
text-align: center;
|
|
||||||
text-decoration: none;
|
|
||||||
display: inline-block;
|
|
||||||
font-size: 16px;
|
|
||||||
margin: 4px 2px;
|
|
||||||
border-radius: 10px;
|
|
||||||
transition-duration: 0.4s;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.button:hover {
|
|
||||||
background-color: #00d4aa;
|
|
||||||
color: black;
|
|
||||||
border-radius: 2px;
|
|
||||||
transform: translateY(-0.25em);
|
|
||||||
box-shadow: 0 0.5em 0.5em -0.4em #00755e;
|
|
||||||
}
|
|
||||||
.button:active {
|
|
||||||
background-color: #4beacb;
|
|
||||||
box-shadow: 0 0.51em 0.51em 0.4em #00b591;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
Loading…
Reference in New Issue
Block a user