[html]

<div class="vday8" id ="vday8">
  
  <div class="vday8img"></div>
  <label for="toggle-1"><div class="vday8title"> why are you filled with foolish lies? </div></label>
  <input type="checkbox" id="toggle-1"><div class="vday8content"> this is a content box. this is a content box. this is a content box. this is a content box. this is a content box. this is a content box. this is a content box. this is a content box. this is a content box. this is a content box. this is a content box. v </div>
  </input>
  
</div>
<div style="width:400px; text-align:right; margin:0 auto; opacity:0.8;">[url=http://code.jfbs.net/?showuser=2]pierrot[/url]</div><div style="clear:both;"></div>

<style>
@import url(https://fonts.googleapis.com/css?family=Poiret+One|Pacifico);

#vday8 { margin: auto; }
#vday8 input[type=checkbox] {
 position: absolute;
 top: -9999px;
 left: -9999px;
display: none;
}
#vday8 label { cursor: pointer; }

.vday8 {
    margin: 0 auto; 
    width:400px;
    height:580px; 
    border:20px solid black;
    overflow:hidden;
    font-family: 'Poiret One', cursive;
}
  
  .vday8img {
    width:400px;
    height:580px; 
    background-position:center;
   background:url(https://41.media.tumblr.com/bbe1967d272f272738f2caf50d1d4eb6/tumblr_o32e4klxCe1ujvuxso1_500.png); 
  }
  
  .vday8title {
    text-align:center;
    border:6px double black;
    padding:15px;
    width:300px; 
    margin: 0 auto;
    margin-top:-100px;  
    color:white; 
    background: rgba(255, 255, 255, 0.2); 
    text-shadow:0px 0px 3px white; 
    font-family: 'Pacifico', cursive;
    font-size:18px;
    letter-spacing:1px;
    box-shadow:0px 0px 20px -11px white;
  }
  
  .vday8content {
    opacity:0;
    margin: 0 auto;
    margin-top:-520px;
    width:300px;
    text-align:justify; 
    height:400px;
    color:white;
    background: rgba(255, 255, 255, 0.2); 
    padding: 15px;
    font-size:15px;
    line-height:150%;
    text-shadow:0px 0px 3px black;
    -webkit-text-stroke: 1px white;
    box-shadow:0px 0px 15px black;
  }
  
  #vday8 input[type=checkbox]:checked ~ .vday8content {
  opacity:1; 
  }
  
  #vday8 input[type=checkbox]:checked ~ .vday8img {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  }
  
</style>

[/html]