You are here

popup_dialog.css in Popup Dialog 8.2

Same filename and directory in other branches
  1. 8 css/popup_dialog.css
#popup-dialog-window {
  position: absolute;
  width: 80%;
  padding: 15px;
  background: #ffffff;
  margin: 0 auto;
  border: 5px solid #3a3a3a;
  z-index: 1;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media all and (min-width: 460px) {
  #popup-dialog-window {
    width: auto;
  }
}

/*@media all and (min-width: 768px) {*/
/*#popup-dialog-window {*/
/*width: 30%;*/
/*}*/
/*}*/

#popup-header {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #d4d4d4;
}

#popup-dialog-title {
  float: left;
}

#close-dialog {
  float: right;
  text-indent: -9999px;
  background: url("close.png") no-repeat;
  width: 12px;
  background-size: 100%;
  cursor: pointer;
}

#popup-dialog-background {
  background: rgba(0, 0, 0, 0.30);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
}

File

css/popup_dialog.css
View source
  1. #popup-dialog-window {
  2. position: absolute;
  3. width: 80%;
  4. padding: 15px;
  5. background: #ffffff;
  6. margin: 0 auto;
  7. border: 5px solid #3a3a3a;
  8. z-index: 1;
  9. left: 50%;
  10. -webkit-transform: translateX(-50%);
  11. transform: translateX(-50%);
  12. }
  13. @media all and (min-width: 460px) {
  14. #popup-dialog-window {
  15. width: auto;
  16. }
  17. }
  18. /*@media all and (min-width: 768px) {*/
  19. /*#popup-dialog-window {*/
  20. /*width: 30%;*/
  21. /*}*/
  22. /*}*/
  23. #popup-header {
  24. display: inline-block;
  25. width: 100%;
  26. border-bottom: 1px solid #d4d4d4;
  27. }
  28. #popup-dialog-title {
  29. float: left;
  30. }
  31. #close-dialog {
  32. float: right;
  33. text-indent: -9999px;
  34. background: url("close.png") no-repeat;
  35. width: 12px;
  36. background-size: 100%;
  37. cursor: pointer;
  38. }
  39. #popup-dialog-background {
  40. background: rgba(0, 0, 0, 0.30);
  41. position: fixed;
  42. width: 100%;
  43. height: 100%;
  44. top: 0;
  45. }