You are here

Home » API reference » OpenLayers Plus 7.3

openlayers_plus_behavior_popup.css in OpenLayers Plus 7.3

Same filename and directory in other branches
  1. 7 behaviors/openlayers_plus_behavior_popup.css
  2. 7.2 behaviors/openlayers_plus_behavior_popup.css
.openlayers-popupbox {
  background-color: #000;
  border: 1px solid #dedede;
  color: #fff;
  display: block;
  float: right;
  font-family: sans-serif;
  font-size: 100%;
  opacity: 0.8;
  position: absolute;
  right: 25px;
  top: 100px;
  width: 280px;
  z-index: 1015;
}

.openlayers-popupbox .popup-pager ul li span {
  text-align: center;
}

.openlayers-popupbox div.title_item-list {
  color: #fff;
  font-family: sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 0.02em;
  padding: 8px 5% 2px;
}

.openlayers-popupbox h2.popup-title {
  color: #fff;
  font-family: sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 0.02em;
  padding: 8px 5% 2px;
}

.openlayers-popupbox div.title_item-list ul {
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.openlayers-popupbox div.title_item-list ul li {
  margin: 0;
  padding: 0;
}

.openlayers-popupbox a:hover {
  color: #fff;
  text-decoration: none;
}

.openlayers-popupbox .popup-content {
  color: #fff;
  font-family: sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 0.02em;
  padding: 8px 5% 2px;
}

.openlayers-popupbox .popup-content ul {
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.openlayers-popupbox .popup-content ul li {
  margin: 0;
  padding: 0;
}

.openlayers-popupbox a.popup-close {
  background: url(../images/closer_000_16x15.png) no-repeat;
  color: transparent;
  display: block;
  float: right;
  height: 15px;
  margin: 0;
  margin-right: 10px;
  margin-top: 10px;
  padding: 0;
  text-decoration: none;
  width: 16px;
}

.openlayers-popupbox .popup-pager {
  color: #444;
  display: none;
  display: block;
  font-family: sans-serif;
  font-size: 0.6em;
  font-weight: normal;
  letter-spacing: 0.02em;
  width: 100%;
}

.openlayers-popupbox .popup-pager ul {
  margin: 0;
  padding: 0;
  width: 100%;
}

.openlayers-popupbox .popup-pager ul li {
  float: left;
  height: 20px;
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 33%;
}

.openlayers-popupbox .popup-pager ul li.pages {
  font-size: 10px;
  text-align: center;
  width: 33%;
}

.openlayers-popupbox .popup-pager ul li a {
  color: transparent;
  height: 9px;
  margin-bottom: 10px;
  width: 14px;
}

.openlayers-popupbox .popup-pager ul li a.prev {
  background: url(../images/pagerPrev.png) no-repeat;
  float: left;
  margin-left: 10px;
}

.openlayers-popupbox .popup-pager ul li a.next {
  background: url(../images/pagerNext.png) no-repeat;
  float: right;
  margin-right: 10px;
}

File

behaviors/openlayers_plus_behavior_popup.css
View source 
  1. .openlayers-popupbox {

  2.   background-color: #000;

  3.   border: 1px solid #dedede;

  4.   color: #fff;

  5.   display: block;

  6.   float: right;

  7.   font-family: sans-serif;

  8.   font-size: 100%;

  9.   opacity: 0.8;

  10.   position: absolute;

  11.   right: 25px;

  12.   top: 100px;

  13.   width: 280px;

  14.   z-index: 1015;

  15. }

  16. 

  17. .openlayers-popupbox .popup-pager ul li span {

  18.   text-align: center;

  19. }

  20. 

  21. .openlayers-popupbox div.title_item-list {

  22.   color: #fff;

  23.   font-family: sans-serif;

  24.   font-size: 11px;

  25.   font-weight: normal;

  26.   letter-spacing: 0.02em;

  27.   padding: 8px 5% 2px;

  28. }

  29. 

  30. .openlayers-popupbox h2.popup-title {

  31.   color: #fff;

  32.   font-family: sans-serif;

  33.   font-size: 11px;

  34.   font-weight: normal;

  35.   letter-spacing: 0.02em;

  36.   padding: 8px 5% 2px;

  37. }

  38. 

  39. .openlayers-popupbox div.title_item-list ul {

  40.   list-style-image: none;

  41.   list-style-type: none;

  42.   margin: 0;

  43.   padding: 0;

  44. }

  45. 

  46. .openlayers-popupbox div.title_item-list ul li {

  47.   margin: 0;

  48.   padding: 0;

  49. }

  50. 

  51. .openlayers-popupbox a:hover {

  52.   color: #fff;

  53.   text-decoration: none;

  54. }

  55. 

  56. .openlayers-popupbox .popup-content {

  57.   color: #fff;

  58.   font-family: sans-serif;

  59.   font-size: 11px;

  60.   font-weight: normal;

  61.   letter-spacing: 0.02em;

  62.   padding: 8px 5% 2px;

  63. }

  64. 

  65. .openlayers-popupbox .popup-content ul {

  66.   list-style-image: none;

  67.   list-style-type: none;

  68.   margin: 0;

  69.   padding: 0;

  70. }

  71. 

  72. .openlayers-popupbox .popup-content ul li {

  73.   margin: 0;

  74.   padding: 0;

  75. }

  76. 

  77. .openlayers-popupbox a.popup-close {

  78.   background: url(../images/closer_000_16x15.png) no-repeat;

  79.   color: transparent;

  80.   display: block;

  81.   float: right;

  82.   height: 15px;

  83.   margin: 0;

  84.   margin-right: 10px;

  85.   margin-top: 10px;

  86.   padding: 0;

  87.   text-decoration: none;

  88.   width: 16px;

  89. }

  90. 

  91. .openlayers-popupbox .popup-pager {

  92.   color: #444;

  93.   display: none;

  94.   display: block;

  95.   font-family: sans-serif;

  96.   font-size: 0.6em;

  97.   font-weight: normal;

  98.   letter-spacing: 0.02em;

  99.   width: 100%;

  100. }

  101. 

  102. .openlayers-popupbox .popup-pager ul {

  103.   margin: 0;

  104.   padding: 0;

  105.   width: 100%;

  106. }

  107. 

  108. .openlayers-popupbox .popup-pager ul li {

  109.   float: left;

  110.   height: 20px;

  111.   list-style-image: none;

  112.   list-style-type: none;

  113.   margin: 0;

  114.   padding: 0;

  115.   width: 33%;

  116. }

  117. 

  118. .openlayers-popupbox .popup-pager ul li.pages {

  119.   font-size: 10px;

  120.   text-align: center;

  121.   width: 33%;

  122. }

  123. 

  124. .openlayers-popupbox .popup-pager ul li a {

  125.   color: transparent;

  126.   height: 9px;

  127.   margin-bottom: 10px;

  128.   width: 14px;

  129. }

  130. 

  131. .openlayers-popupbox .popup-pager ul li a.prev {

  132.   background: url(../images/pagerPrev.png) no-repeat;

  133.   float: left;

  134.   margin-left: 10px;

  135. }

  136. 

  137. .openlayers-popupbox .popup-pager ul li a.next {

  138.   background: url(../images/pagerNext.png) no-repeat;

  139.   float: right;

  140.   margin-right: 10px;

  141. }