You are here

Home » API reference » Taxonomy File Tree 8

tft.lightbox.css in Taxonomy File Tree 8

Same filename and directory in other branches
  1. 3.x css/tft.lightbox.css
#modalOverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#modalOverlay .wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 92%;
  background-color: #fff;
  border: 3px solid #fff;
  border-radius: 3px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .5);
}

#modalOverlay .wrapper img {
  display: block;
  margin: 0 auto;
}

@media (min-width: 560px) {
  #modalOverlay .wrapper {
    width: auto;
  }
}

#modalOverlay button.closeModal,
#modalOverlay .nav-wrapper button {
  background-color: none;
  font-size: 2rem;
  padding: 0 .5rem;
  line-height: 1;
}

#modalOverlay .nav-wrapper button {
  padding: 0 .75rem .25rem;
}

File

css/tft.lightbox.css
View source 
  1. #modalOverlay {

  2.   position: fixed;

  3.   top: 0;

  4.   left: 0;

  5.   right: 0;

  6.   bottom: 0;

  7. }

  8. 

  9. #modalOverlay .wrapper {

  10.   position: absolute;

  11.   top: 50%;

  12.   left: 50%;

  13.   transform: translate(-50%, -50%);

  14.   width: 92%;

  15.   background-color: #fff;

  16.   border: 3px solid #fff;

  17.   border-radius: 3px;

  18.   box-shadow: 0 0 15px 0 rgba(0, 0, 0, .5);

  19. }

  20. 

  21. #modalOverlay .wrapper img {

  22.   display: block;

  23.   margin: 0 auto;

  24. }

  25. 

  26. @media (min-width: 560px) {

  27.   #modalOverlay .wrapper {

  28.     width: auto;

  29.   }

  30. }

  31. 

  32. #modalOverlay button.closeModal,

  33. #modalOverlay .nav-wrapper button {

  34.   background-color: none;

  35.   font-size: 2rem;

  36.   padding: 0 .5rem;

  37.   line-height: 1;

  38. }

  39. 

  40. #modalOverlay .nav-wrapper button {

  41.   padding: 0 .75rem .25rem;

  42. }