update collection page design

This commit is contained in:
bsod 2020-10-30 22:27:38 +01:00
parent c69fe74067
commit 0f3d3db46e
3 changed files with 26 additions and 25 deletions

View file

@ -114,15 +114,13 @@ h1, h2, h3, h4, h5 {
header {
background: rgba(0,0,0,0.4);
font-family: 'IM Fell English SC';
margin: 0px;
margin: 0px;
border-bottom: 2px solid #f9f9ed;
}
@media only screen and (min-width: 1000px) {
div#project_margin {
margin-top: 250px;
}
video {
margin-top: 230px;
div#content_padding {
padding-top: 120px;
}
}
@ -178,12 +176,18 @@ div.collection_container {
div.collection {
margin: 4px;
margin-bottom: 30px;
margin-bottom: 50px;
}
div.collection h1 {
margin: 10px;
margin-top: 40px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
text-align: center;
display: block;
width: 350px;
font-size: 36pt;
}
div.collection div.col-desc {
@ -202,27 +206,28 @@ div.collection div.col-desc {
.col-img-container {
position: relative;
width: 350px;
height: 350px;
width: 220px;
height: 220px;
}
.col-image {
display: block;
width: 350px;
height: 350px;
width: 220px;
height: 220px;
border-radius: 50%;
border: 3px solid #f9f9ed;
/*border: 2px solid #f9f9ed; */
}
.col-img-desc {
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(51, 51, 51, 0.4);
overflow: hidden;
width: 350px;
height: 350px;
width: 220px;
height: 220px;
opacity: 0;
border-radius: 50%;
transition: .5s ease;