Team:Linkoping Sweden/Styles/Book

  1. book-preview {
   display: inline-block;
   position: relative;
   background: #000;

}

  1. book-preview p {
   font-family: Korolev, Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
   position: absolute;
   height: 25px;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: 0;
   text-align: center;
   margin: auto;
   font-size: 25px;
   color: #FFF;
   text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);

}

  1. book-preview img {
   opacity: 1;

}

  1. book-preview p, #book-preview img {
   -webkit-transition: opacity 0.5s;
   -moz-transition: opacity 0.5s;
   -ms-transition: opacity 0.5s;
   -o-transition: opacity 0.5s;
   transition: opacity 0.5s;

}

  1. book-preview:hover img {
   opacity: 0.5;

}

  1. book-preview:hover p {
   opacity: 1;

}