You are here

Home » API reference » Simple Popup Blocks 8

simple_popup_blocks.css in Simple Popup Blocks 8

Same filename and directory in other branches
  1. 8.2 css/simple_popup_blocks.css
.spb-popup-main-wrapper {
  position: fixed;
  padding: 5px;
  border: 2px solid #000;
  z-index: 999999;
  background-color: rgb(254, 254, 254);
}
.spb_overlay {
  position: fixed;
  z-index: 999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
.spb-controls {
  position: absolute;
  right: 5px;
  z-index: 999999;
}
.spb_close {
  border: 1px solid;
  cursor: pointer;
  float: right;
  margin: 3px;
  padding: 0 10px;
  color: #000;
  background: #fff;
}
.spb_minimize {
  border: 1px solid;
  cursor: pointer;
  float: right;
  margin: 3px;
  padding: 0 11px;
  color: #000;
  background: #fff;
}
.spb_minimized {
  background: rgba(255, 170, 0, 0.34) none repeat scroll 0 0;
  border: 1px solid;
  border-radius: 50%;
  bottom: 30px;
  cursor: pointer;
  padding: 20px;
  position: fixed;
  right: 20%;
  z-index: 999999;
  display: none;
}
.spb_top_left {
  top: 0;
  left: 0;
}
.spb_top_right {
  top: 0;
  right: 0;
}
.spb_bottom_left {
  bottom: 0;
  left: 0;
}
.spb_bottom_right {
  bottom: 0;
  right: 0;
}
.spb_center {
  margin: auto;
  top: 50%;
  left: 50%;
  margin-left: -200px; /* width of pop up / 2 = in negtaive* as margin left*/
  margin-top: -70px; /* height of pop up / 2 = in negtaive* as margin left*/
}
.spb_top_center {
  top: 0;
  left: 20%;
  right: 20%;
}
.spb_top_bar {
  right: 0;
  top: 0;
  left: 0;
}
.spb_bottom_bar {
  right: 0;
  bottom: 0;
  left: 0;
}
.spb_left_bar {
  top: 0;
  bottom: 0;
  left: 0;
}
.spb_right_bar {
  top: 0;
  bottom: 0;
  right: 0;
}

File

css/simple_popup_blocks.css
View source 
  1. .spb-popup-main-wrapper {

  2.   position: fixed;

  3.   padding: 5px;

  4.   border: 2px solid #000;

  5.   z-index: 999999;

  6.   background-color: rgb(254, 254, 254);

  7. }

  8. .spb_overlay {

  9.   position: fixed;

  10.   z-index: 999999;

  11.   left: 0;

  12.   top: 0;

  13.   width: 100%;

  14.   height: 100%;

  15.   overflow: auto;

  16.   background-color: rgba(0, 0, 0, 0.4);

  17. }

  18. .spb-controls {

  19.   position: absolute;

  20.   right: 5px;

  21.   z-index: 999999;

  22. }

  23. .spb_close {

  24.   border: 1px solid;

  25.   cursor: pointer;

  26.   float: right;

  27.   margin: 3px;

  28.   padding: 0 10px;

  29.   color: #000;

  30.   background: #fff;

  31. }

  32. .spb_minimize {

  33.   border: 1px solid;

  34.   cursor: pointer;

  35.   float: right;

  36.   margin: 3px;

  37.   padding: 0 11px;

  38.   color: #000;

  39.   background: #fff;

  40. }

  41. .spb_minimized {

  42.   background: rgba(255, 170, 0, 0.34) none repeat scroll 0 0;

  43.   border: 1px solid;

  44.   border-radius: 50%;

  45.   bottom: 30px;

  46.   cursor: pointer;

  47.   padding: 20px;

  48.   position: fixed;

  49.   right: 20%;

  50.   z-index: 999999;

  51.   display: none;

  52. }

  53. .spb_top_left {

  54.   top: 0;

  55.   left: 0;

  56. }

  57. .spb_top_right {

  58.   top: 0;

  59.   right: 0;

  60. }

  61. .spb_bottom_left {

  62.   bottom: 0;

  63.   left: 0;

  64. }

  65. .spb_bottom_right {

  66.   bottom: 0;

  67.   right: 0;

  68. }

  69. .spb_center {

  70.   margin: auto;

  71.   top: 50%;

  72.   left: 50%;

  73.   margin-left: -200px; /* width of pop up / 2 = in negtaive* as margin left*/

  74.   margin-top: -70px; /* height of pop up / 2 = in negtaive* as margin left*/

  75. }

  76. .spb_top_center {

  77.   top: 0;

  78.   left: 20%;

  79.   right: 20%;

  80. }

  81. .spb_top_bar {

  82.   right: 0;

  83.   top: 0;

  84.   left: 0;

  85. }

  86. .spb_bottom_bar {

  87.   right: 0;

  88.   bottom: 0;

  89.   left: 0;

  90. }

  91. .spb_left_bar {

  92.   top: 0;

  93.   bottom: 0;

  94.   left: 0;

  95. }

  96. .spb_right_bar {

  97.   top: 0;

  98.   bottom: 0;

  99.   right: 0;

  100. }