You are here

Home » API reference » OpenLayers Plus 7.2

openlayers_plus_behavior_popup.css in OpenLayers Plus 7.2

Same filename and directory in other branches
  1. 7.3 behaviors/openlayers_plus_behavior_popup.css
  2. 7 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 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 div.title_item-list ul {

  31.   list-style-image: none;

  32.   list-style-type: none;

  33.   margin: 0;

  34.   padding: 0;

  35. }

  36. 

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

  38.   margin: 0;

  39.   padding: 0;

  40. }

  41. 

  42. .openlayers-popupbox a:hover {

  43.   color: #fff;

  44.   text-decoration: none;

  45. }

  46. 

  47. .openlayers-popupbox .popup-content {

  48.   color: #fff;

  49.   font-family: sans-serif;

  50.   font-size: 11px;

  51.   font-weight: normal;

  52.   letter-spacing: 0.02em;

  53.   padding: 8px 5% 2px;

  54. }

  55. 

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

  57.   list-style-image: none;

  58.   list-style-type: none;

  59.   margin: 0;

  60.   padding: 0;

  61. }

  62. 

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

  64.   margin: 0;

  65.   padding: 0;

  66. }

  67. 

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

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

  70.   color: transparent;

  71.   display: block;

  72.   float: right;

  73.   height: 15px;

  74.   margin: 0;

  75.   margin-right: 10px;

  76.   margin-top: 10px;

  77.   padding: 0;

  78.   text-decoration: none;

  79.   width: 16px;

  80. }

  81. 

  82. .openlayers-popupbox .popup-pager {

  83.   color: #444;

  84.   display: none;

  85.   display: block;

  86.   font-family: sans-serif;

  87.   font-size: 0.6em;

  88.   font-weight: normal;

  89.   letter-spacing: 0.02em;

  90.   width: 100%;

  91. }

  92. 

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

  94.   margin: 0;

  95.   padding: 0;

  96.   width: 100%;

  97. }

  98. 

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

  100.   float: left;

  101.   height: 20px;

  102.   list-style-image: none;

  103.   list-style-type: none;

  104.   margin: 0;

  105.   padding: 0;

  106.   width: 33%;  

  107. }

  108. 

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

  110.   font-size: 10px;

  111.   text-align: center;

  112.   width: 33%;

  113. }

  114. 

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

  116.   color: transparent;

  117.   height: 9px;

  118.   margin-bottom: 10px;

  119.   width: 14px;

  120. }

  121. 

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

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

  124.   float: left;

  125.   margin-left: 10px;

  126. }

  127. 

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

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

  130.   float: right;

  131.   margin-right: 10px;

  132. }