update collection page design
This commit is contained in:
parent
c69fe74067
commit
0f3d3db46e
3 changed files with 26 additions and 25 deletions
css
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue