Wandering Owl
It just matters that someone was listening.
.
[class=fyuri11wrapper]
max-width:400px;
height:400px;
margin:auto;
[/class]
[class=fyuri11imagebox]
width:400px;
height:500px;
background:url('https://raivereniging.nl/binaries/content/gallery/rvportal/logos/ooc-logo-nieuw.jpg') no-repeat;
[/class]
[class=fyuri11overlayparent]
display: flex;
align-items: center;
justify-content: center;
max-width:400px;
height:400px;
[/class]
[class=fyuri11overlay]
display: flex;
width:200px;
height:200px;
margin:auto;
background-color:rgba(0,0,0, 0.8);
color:#fff;
[/class]
[class=fyuri11header]
display: flex;
align-items: center;
justify-content: center;
flex-flow: column nowrap;
text-align:center;
width:100%;
font-family: 'Sigmar One', Impact;
font-size:30px;
color:#fff;
[/class]
[class=fyuri11parent]
opacity:0.0;
position:relative;
margin-top:-500px;
width:100%;
height:500px;
background:#000;
transition: all 0.5s ease;
[/class]
[class name=fyuri11parent state=hover]
opacity:1.0;
width:calc(100% - 20px);
height:40px;
background:rgba(100,100,100, 0.8);
padding:10px;
[/class]
[class=fyuri11content]
width:calc (100% - 20px);
height:400px;
background-color:#fff;
overflow:auto;
padding:10px;
text-align:justify;
color:#100303;
font-family: 'Sigmar One',
[/class]
[class=fyuri11credit]
max-width:400px;
margin:auto;
opacity:0.3;
font-size:10px;
[/class]
[div class=fyuri11wrapper][div class=fyuri11imagebox][div class=fyuri11overlayparent][div class=fyuri11overlay][div class=fyuri11header] Out of Character
-hover to see more-
[/div][/div][/div][/div][div class=fyuri11parent][div class=fyuri11content]
Not much to say here - this is where you come if you have any questions, suggestions, want to reserve a particular role, or just chat!
Have fun!
[/div][/div][/div][div class=fyuri11credit]code by Fable [/div]