cowarin/Funkin
1
0
Fork 0
mirror of https://github.com/ninjamuffin99/Funkin.git synced 2024-11-16 11:53:45 +00:00
Code Issues Releases Wiki Activity

cool website colors

Browse source
This commit is contained in:
Cameron Taylor 2020-11-17 23:31:37 -08:00
parent fb6434b8ad
commit 638eac7ebe
2 changed files with 42 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
docs/index.html
View file

@ -31,10 +31,17 @@
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe> allowfullscreen></iframe>
<div class="coolBox"> <div class="coolBox">
<p class="description">Friday Night Funkin' is a dope ass rhythm game.</p> <p class="description">Friday Night Funkin' is a dope ass rhythm game.</p>
</div> </div>
<div class="linktext" id="ng">
<a href="https://www.newgrounds.com/portal/view/770371">Play demo on Newgrounds</a>
</div>
<div class='linktext' id="itch">
<a href="https://ninja-muffin24.itch.io/funkin">Support the game on Itch.io</a>
</div>
</div> </div>
</body> </body>
</html> </html>

35
docs/styles.css
View file

@ -1,5 +1,5 @@
.coolBox { .coolBox {
background: #1a1a1a; background: #1a1a1aCC;
margin: 40px 4vw; margin: 40px 4vw;
padding: 25px; padding: 25px;
font-size: 120%; font-size: 120%;
@ -23,7 +23,6 @@ h1 {
iframe { iframe {
margin: auto; margin: auto;
width: 40%;
display:block; display:block;
} }
@ -35,4 +34,36 @@ body {
background-size: 100% 130%; background-size: 100% 130%;
color:white; color:white;
background-color: #000; background-color: #000;
font-family: Arial, Helvetica, sans-serif;
}
a { color:inherit;
text-decoration: none;}
.linktext {
text-align: center;
display:block;
font-size: 130%;
}
.linktext a {
font-weight: bold;
color:white;
text-shadow: 0px 0px #00000077;
transition: color 1s, text-shadow 1s;
}
.linktext a:hover {
border-radius: 5px;
text-shadow: 2px 2px #00000077;
color: #ffb50e;
}
#itch a:hover
{
color: #fa5c5c;
} }