61 lines
952 B
CSS
61 lines
952 B
CSS
|
section.aside{
|
||
|
|
|
||
|
|
position: fixed;
|
||
|
|
min-height: 100rem;
|
||
|
|
margin-right: 0%;
|
||
|
|
background-color: rgba(0,0,0,0.9);
|
||
|
|
z-index: 101;
|
||
|
|
transition: width 0.6s;
|
||
|
|
transition-timing-function: ease-in;
|
||
|
|
|
||
|
|
top:0px;
|
||
|
|
width:0%;
|
||
|
|
right:0px;
|
||
|
|
background-color:rgba(0,0,0,0.9);
|
||
|
|
z-index:101;
|
||
|
|
transition: width 0.6s;
|
||
|
|
transition-timing-function: ease-out;
|
||
|
|
|
||
|
|
}
|
||
|
|
aside.aside{
|
||
|
|
width: 50%;
|
||
|
|
min-width: 300px;
|
||
|
|
background-color: #333333;
|
||
|
|
margin-right: 0px;
|
||
|
|
margin-left: auto;
|
||
|
|
text-align: center;
|
||
|
|
min-height: 100vh;
|
||
|
|
padding-top: 60px;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
p.close{
|
||
|
|
width:100%;
|
||
|
|
font-size: 3em;
|
||
|
|
font-style: italic;
|
||
|
|
color: white;
|
||
|
|
background-color:#C22A39;
|
||
|
|
margin:auto;
|
||
|
|
|
||
|
|
}
|
||
|
|
p.close:hover{
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
a.aside{
|
||
|
|
font-size: 2em;
|
||
|
|
font-style: italic;
|
||
|
|
color: white;
|
||
|
|
|
||
|
|
}
|
||
|
|
a.aside > p{
|
||
|
|
padding: 0px 5%;
|
||
|
|
margin: 2vh 0%;
|
||
|
|
transition: transform 1.5s;
|
||
|
|
min-width:300px;
|
||
|
|
}
|
||
|
|
|
||
|
|
a.aside > p:hover{
|
||
|
|
background-color:#C22A39;
|
||
|
|
transform:scale(1.1,1.1);
|
||
|
|
}
|