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

no more buffer containers on sides of about and home

Browse Source
This commit is contained in:
chimchooree
2022-07-14 12:13:11 -05:00
parent 67565e9445
commit 97f6fabea0
5 changed files with 62 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/static/css/index.css
+2 -2
View File
@@ -125,7 +125,7 @@ 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;
@@ -145,7 +145,7 @@ a {
background-image: url(../img/prom/BlessFREY_logo.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-position: right;
}
.content-right {
grid-area: 1 / 2 / 2 / 3;
src/static/css/me.css
+42 -12
View File
@@ -125,9 +125,9 @@ a {
}
.content-grid {
grid-area: 3 / 2 / 4 / 3;
grid-area: 3 / 1 / 4 / 4;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-columns: 25% 75%;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
@@ -147,17 +147,47 @@ a {
grid-template-rows: 1fr 2fr repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
margin-right: 25%;
}
.intro, .rpg, .petsite, .projects, .ocs {
background-color: #815f81;
padding: 5%;
text-align: justify;
}
.intro { grid-area: 1 / 1 / 2 / 3;}
.rpg { grid-area: 2 / 1 / 3 / 2;}
.petsite { grid-area: 2 / 2 / 3 / 3;}
.projects { grid-area: 3 / 1 / 4 / 3;}
.ocs { grid-area: 4 / 1 / 5 / 3;}
.content-right h1, h2, ul, li, b, i, p {
background-color: #815f81;
}
p {
text-indent: 2em;
}
.content-right a:link {
color: black;
background-color: #815f81;
}
.content-right a:visited {
color: black;
background-color: #815f81;
}
.content-right a:hover {
color: #F9B3D7;
background-color: #815f81;
}
.content-right a:active {
color: #f463ad;
background-color: #815f81;
}
.content-right ul {
list-style-type: none;
}
.content-right li {
padding-left: 5%;
}
.intro { grid-area: 1 / 1 / 2 / 3;
background-color: red; }
.rpg { grid-area: 2 / 1 / 3 / 2;
background-color: yellow; }
.petsite { grid-area: 2 / 2 / 3 / 3;
background-color: green; }
.projects { grid-area: 3 / 1 / 4 / 3;
background-color: blue; }
.ocs { grid-area: 4 / 1 / 5 / 3;
background-color: purple; }
.footer-content {
color: white;