chimchooree/blessfrey-bottle
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

embedded itch.io game

Browse Source
This commit is contained in:
chimchooree
2022-07-14 22:40:20 -05:00
parent 0ba64fc6c0
commit fc928148ad
4 changed files with 62 additions and 643 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/static/css/demo.css
+15 -112
View File
@@ -8,14 +8,6 @@
a {
text-decoration: none;
}
.centered {
text-align: center;
}
#poltics {
height: auto;
width: 100%;
}
.nav-grid img {
height: 100%;
width: 100%;
@@ -125,116 +117,27 @@ a {
}
.content-grid {
grid-area: 3 / 2 / 4 / 3;
grid-area: 3 / 1 / 4 / 4;
display: grid;
grid-template-columns: 25% 75%;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-template-rows: repeat(6, auto);
grid-column-gap: 0px;
grid-row-gap: 0px;
color: white
}
.content-left {
.banner {
grid-area: 1 / 1 / 2 / 2;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.contentlogo {
grid-area: 2 / 1 / 3 / 2;
background-image: url(../img/prom/BlessFREY_logo.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.content-right {
grid-area: 1 / 2 / 2 / 3;
background-image: url(../img/prom/runebless.png);
background-size: 80% auto;
background-repeat: no-repeat;
background-position: center;
}
/*display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.weaponmaster {
grid-area: 1 / 1 / 2 / 2;
background-color: red;
background-image: url(../img/prom/w_thumb.png);
}
.tamer {
grid-area: 1 / 2 / 2 / 3;
background-color: yellow;
background-image: url(../img/prom/t_thumb.png);
}
.disciple {
grid-area: 1 / 3 / 2 / 4;
background-color: orange;
background-image: url(../img/prom/d_thumb.png);
}
.streetfighter {
grid-area: 2 / 1 / 3 / 2;
background-color: green;
background-image: url(../img/prom/s_thumb.png);
}
.hacker {
grid-area: 2 / 2 / 3 / 3;
background-color: blue;
background-image: url(../img/prom/h_thumb.png);
}
.chemist {
grid-area: 2 / 3 / 3 / 4;
background-color: purple;
background-image: url(../img/prom/c_thumb.png);
} */
.latest {
background-color: #bd97a4;
color: black;
}
.latest-grid {
width: 50%;
background-color: #bd97a4;
grid-area: 4 / 2 / 5 / 3;
overflow-y: scroll;
margin-right: 0px;
margin-left: 5%;
margin-top: 3%;
margin-bottom: 0px;
padding-top: 4%;
padding-right: 1%;
padding-bottom: 1%;
padding-left: 2%;
}
.latest-grid a:link {
color: black;
background-color: #bd97a4;
}
.latest-grid a:visited {
color: black;
background-color: #bd97a4;
}
.latest-grid a:hover {
color: #F9B3D7;
background-color: #bd97a4;
}
.latest-grid a:active {
color: #f463ad;
background-color: #bd97a4;
}
.latest-grid ul {
background-color: #bd97a4;
list-style-type: none;
}
.latest-grid li {
background-color: #bd97a4;
padding-left: 5%;
}
.latest-grid b {
background-color: #bd97a4;
text-align: center;
margin-top: 2em;
}
.banner img { width: 15em; }
.demo { grid-area: 2 / 1 / 3 / 2; }
.controls { grid-area: 3 / 1 / 4 / 2; }
.system { grid-area: 4 / 1 / 5 / 2; }
.story { grid-area: 5 / 1 / 6 / 2; }
.characters { grid-area: 6 / 1 / 7 / 2; }
.info { grid-area: 7 / 1 / 8 / 2; }
.footer-content {
color: white;
padding-top: 5px;