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

fixed nav grid resizing differenly at low res (links with longer link text shrunk more slowly); added gallery to character pages

Browse Source
This commit is contained in:
chimchooree
2022-07-17 23:19:29 -05:00
parent 219d251539
commit 35b8d6e233
19 changed files with 228 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/static/css/index.css
+25 -45
View File
@@ -1,65 +1,45 @@
.content-grid {
grid-area: 3 / 1 / 4 / 4;
display: grid;
grid-template-columns: repeat(2, 50%);
grid-template-rows: 1fr 5em;
grid-template-columns: 40% 60%;
grid-template-rows: 1fr 9.5em;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.content-left {
grid-area: 1 / 1 / 2 / 2;
background-image: url(../img/prom/BlessFREY_logo.png);
background-size: 70%;
background-size: 20em;
background-repeat: no-repeat;
background-position: right;
background-position: center;
}
.content-right {
grid-area: 1 / 2 / 2 / 3;
grid-area: 1 / 2 / 3 / 3;
background-image: url(../img/prom/runebless.png);
background-size: contain;/*80% auto;*/
background-repeat: no-repeat;
background-position: center;
background-position: left;
}
.latest, .latest-grid {
background-color: #C0AAC0;
border: 2px solid #df85a5;
}
.latest-grid a, ul, li, b {
background-color: #C0AAC0;
border: 2px solid #df85a5;
}
.latest {
border: 2px solid #df85a5;
color: black;
background-color: #C0AAC0;
}
.latest-title {
position: absolute;
width: 20em;
background-color: #C0AAC0;
text-align: center;
}
.latest-centered {
text-align: center;
background-color: #C0AAC0;
}
.latest-grid {
word-break: break-word;
width: 20em;
grid-area: 2 / 1 / 3 / 2;
overflow-y: scroll;
}
.latest-grid {
border: 2px solid #df85a5;
width: 50%;
grid-area: 2 / 1 / 3 / 3;
}
.latest-grid a:link {
color: #305285;
color: black;
background-color: #C0AAC0;
}
.latest-grid a:visited {
color: #305285;
background-color: #C0AAC0;
}
.latest-grid a:hover {
color: #9092ca;
background-color: #C0AAC0;
}
.latest-grid a:active {
color: #9092ca;
background-color: #C0AAC0;
}
.latest-grid ul {
border: 2px solid #df85a5;
list-style-type: none;
}
.latest-grid li {
border: 2px solid #df85a5;
padding-left: 5%;
margin-left: auto;
margin-right: auto;
}