fixing scrolling macaron
This commit is contained in:
parent
a10fbf402b
commit
b375fa3784
5 changed files with 77 additions and 57 deletions
|
|
@ -2,6 +2,7 @@
|
|||
// POSTER
|
||||
/////////
|
||||
#poster {
|
||||
|
||||
width: 90vw;
|
||||
margin-right: auto !important;
|
||||
display: flex;
|
||||
|
|
@ -36,5 +37,5 @@ canvas {
|
|||
left:0;
|
||||
height:100%;
|
||||
width:100%;
|
||||
z-index: -1;
|
||||
z-index: -3;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -72,7 +72,7 @@ a:active {
|
|||
width: 100%;
|
||||
height: 100vh;
|
||||
background-color: rgba(201, 246, 236, 0.3);
|
||||
|
||||
z-index: -10;
|
||||
div {
|
||||
align-self: flex-end ;
|
||||
flex: 1 1 auto;
|
||||
|
|
@ -114,13 +114,15 @@ a:active {
|
|||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
overflow-x: hidden;
|
||||
background: rgba(255, 255, 255, 0.1) url('/assets/img/bg.png');
|
||||
background: rgba(255, 255, 255, 0.5) url('/assets/img/bg.png');
|
||||
z-index: 10;
|
||||
|
||||
}
|
||||
.column {
|
||||
flex: 1 0 320px;
|
||||
margin-left:5px;
|
||||
margin-right: 5px;
|
||||
|
||||
z-index: 10;
|
||||
img {
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
|
|
@ -157,4 +159,19 @@ a:active {
|
|||
height: 150px;
|
||||
border-radius: 46%;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
#rightnow {
|
||||
position: fixed;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
border-radius: 47%;
|
||||
z-index: 0;
|
||||
transform: rotate(-23deg);
|
||||
text-align: center;
|
||||
line-height: 18px;
|
||||
opacity: 1;
|
||||
background: rgba(255, 255, 255, 0.5) url('/assets/img/bg.png');
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue