ajax/games
1
0
Fork 0
mirror of https://github.com/hexahigh/games.git synced 2025-12-11 20:15:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix css?

Browse Source
This commit is contained in:
Boof 2022-11-14 14:08:26 +01:00 committed by GitHub
parent 6e24cdfce1
commit f37ab7c113
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -6,14 +6,10 @@
<title>Bad website</title>
<link rel="stylesheet" href="style.css" Type="text/css" media="all">
<script src="index.js"></script>
<div id="app"></div>
<div class="butter-cheese-eggs" v-show="true">
<div v-for="(block, index) in grid" @click="select(index)">
<block :figure.sync="block.figure" />
</div>
<img onclick="window.location.href='http://gg.gg/b0gamead2'" class="alignnone size-full wp-image-1303" class="floatRight" src="/files/img/qm5solke 2.png" alt="" width="318.75" height="468.75" id="hp"/></div>
<p>On this website i host games and other stuff.</p>
<h1 style="font-size:2vw">Contact:</h1>
<BODY class="back">
<p>Discord: Boof V2#4806</p>
<p>Email: <a href="mailto:admin@boof.eu.org">admin@boof.eu.org</a></p>
<h1 style="font-size:2vw">Links</h1>

52
style.css
View File

@ -15,51 +15,7 @@
background-image: linear-gradient(cyan, blue);
}
@import url("https://fonts.googleapis.com/css?family=Permanent+Marker");
* {
box-sizing: border-box;
}
#app {
display: flex;
overflow: visible;
position: relative;
width: 100vw;
height: 100vh;
background-image: linear-gradient(blue, cyan);
}
.butter-cheese-eggs {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-wrap: wrap;
width: 300px;
height: 300px;
}
.butter-cheese-eggs > div {
flex: 0 0 auto;
width: 100px;
height: 100px;
}
.butter-cheese-eggs > div .block {
cursor: pointer;
display: table-cell;
width: 100px;
height: 100px;
font: bold 50px/0 "Comic Sans MS", sans-serif;
vertical-align: middle;
text-align: center;
}
.butter-cheese-eggs > div:nth-child(1), .butter-cheese-eggs > div:nth-child(2), .butter-cheese-eggs > div:nth-child(3), .butter-cheese-eggs > div:nth-child(4), .butter-cheese-eggs > div:nth-child(5), .butter-cheese-eggs > div:nth-child(6) {
border-bottom: 3px solid #fff;
}
.butter-cheese-eggs > div:nth-child(2), .butter-cheese-eggs > div:nth-child(5), .butter-cheese-eggs > div:nth-child(8) {
border-left: 3px solid #fff;
border-right: 3px solid #fff;
}
.butter-cheese-eggs span {
display: block;
}
.back {
background: rgb(2,0,36);
background: linear-gradient(133deg, rgba(2,0,36,1) 0%, rgba(43,43,173,1) 35%, rgba(0,212,255,1) 100%);
}