You are here

Home » API reference » Node pop-up 7

npop.css in Node pop-up 7 

.npop {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, .7);
}

.npop .npop-content {
  left: 50%;
  margin-left: -360px;
  position: absolute;
  top: 150px;
  width: 720px;
  z-index: 1000;
  padding-bottom: 80px;
}

.npop .npop-content .node {
  background: none repeat scroll 0 0 #ffffff;
  padding: 30px;
}

.npop-close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
}

body.npop-over {
  overflow: hidden;
}

@media (max-width: 720px) {
  .npop .npop-content {
    left: 0;
    margin-left: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1000;
    height: 100%;
    padding-bottom: 0;
  }
}

File

css/npop.css
View source 
  1. .npop {

  2.   left: 0;

  3.   position: fixed;

  4.   top: 0;

  5.   z-index: 1000;

  6.   width: 100%;

  7.   height: 100%;

  8.   max-width: 100%;

  9.   max-height: 100%;

  10.   overflow: auto;

  11.   background: rgba(0, 0, 0, .7);

  12. }

  13. 

  14. .npop .npop-content {

  15.   left: 50%;

  16.   margin-left: -360px;

  17.   position: absolute;

  18.   top: 150px;

  19.   width: 720px;

  20.   z-index: 1000;

  21.   padding-bottom: 80px;

  22. }

  23. 

  24. .npop .npop-content .node {

  25.   background: none repeat scroll 0 0 #ffffff;

  26.   padding: 30px;

  27. }

  28. 

  29. .npop-close-btn {

  30.   position: absolute;

  31.   right: 10px;

  32.   top: 10px;

  33. }

  34. 

  35. body.npop-over {

  36.   overflow: hidden;

  37. }

  38. 

  39. @media (max-width: 720px) {

  40.   .npop .npop-content {

  41.     left: 0;

  42.     margin-left: 0;

  43.     position: absolute;

  44.     top: 0px;

  45.     width: 100%;

  46.     z-index: 1000;

  47.     height: 100%;

  48.     padding-bottom: 0;

  49.   }

  50. }