styles.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. html, body {
  2. height: 100%;
  3. }
  4. * html #page {
  5. height: 100%;
  6. }
  7. html, body {
  8. margin:0;
  9. padding:0;
  10. height: 100%;
  11. min-height: 100%;
  12. }
  13. body{
  14. margin:0;
  15. padding:0;
  16. font-family: Trebuchet, Arial, Helvetica;
  17. background-color: #FFFFFF;
  18. /*min-width:1000px;*/
  19. }
  20. #page {
  21. padding-top:0px;
  22. padding-bottom:0px;
  23. width:1000px;
  24. margin-left: auto;
  25. margin-right: auto;
  26. margin-top:0px;
  27. margin-bottom:-83px;
  28. /* Fallback for web browsers that doesn't support RGBa */
  29. background: rgb(255, 255, 255);
  30. /* RGBa with 0.6 opacity */
  31. background: rgba(255, 255, 255, 0.7);
  32. border-right: solid 1px #EBE7E7;
  33. border-left: solid 1px #EBE7E7;
  34. min-height: 100%;
  35. }
  36. #pluginName{
  37. float:right;
  38. margin-right: 10px;
  39. margin-top:40px;
  40. color:#E44C26;
  41. font-size:14px;
  42. font-family: Arial, Helvetica, sans-serif;
  43. }
  44. #pageContent{
  45. position:absolute;
  46. padding-top:100px;
  47. padding-left:10px;
  48. padding-right:10px;
  49. width:1000px;
  50. overflow:hidden;
  51. }
  52. .pageListItem{
  53. position: absolute;
  54. width: 1000px;
  55. }
  56. header{
  57. min-width:1000px;
  58. left:0px;
  59. position:absolute;
  60. height:100px;
  61. width:100%;
  62. display:block;
  63. background-image: url(assets/header.png);
  64. border-bottom: solid 3px #100000;
  65. border-top: solid 3px #100000;
  66. box-shadow: 0px 0px 10px #000;
  67. z-index:5;
  68. }
  69. #headerContainer{
  70. width:1000px;
  71. margin-left: auto;
  72. margin-right: auto;
  73. }
  74. #logo{
  75. padding-top: 15px;
  76. padding-left: 10px;
  77. float: left;
  78. width: 380px;
  79. }
  80. #log{
  81. background-color: #FFFFFF;
  82. height: 100px;
  83. width: 100px;
  84. }
  85. #websiteLink{
  86. color:#EF5F22;
  87. }
  88. /**
  89. * plugin css
  90. */
  91. #pluginDetails{
  92. margin-top: 50px;
  93. }
  94. #imgContainer{
  95. width: 980px;
  96. height: 500px;
  97. }
  98. #positionButtonDiv{
  99. /* Fallback for web browsers that doesn't support RGBa */
  100. /* background: rgb(58, 56, 63);*/
  101. /* RGBa with 0.6 opacity */
  102. /* background: rgba(58, 56, 63, 0.8);*/
  103. /*border: solid 1px #100000;*/
  104. color:#FFFFFF;
  105. padding: 8px;
  106. text-align: left;
  107. position:absolute;
  108. right: 35px;
  109. top: 190px;
  110. }
  111. #positionButtonDiv .positionButtonSpan img{
  112. float: right;
  113. border:0;
  114. }
  115. .positionMapClass area{
  116. cursor: pointer;
  117. }
  118. .zoomButton{
  119. border:0;
  120. cursor: pointer;
  121. }
  122. .zoomableContainer{
  123. /*background-image: url("transparent.png");*/
  124. }