My static website generator using poole https://www.xythobuz.de
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

yoxview.css 5.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235
  1. /* YoxView v2.0 CSS file */
  2. #yoxview .yoxview_bottom{ bottom: 0; }
  3. #yoxview .yoxview_right{ float: right; }
  4. #yoxview .yoxview_left{ float: left; }
  5. #yoxview_popupWrap
  6. {
  7. position: fixed;
  8. top: 0;
  9. left: 0;
  10. width: 100%;
  11. height: 100%;
  12. display: none;
  13. z-index: 100;
  14. }
  15. #yoxview
  16. {
  17. position: absolute;
  18. font-family: Arial, Sans-Serif;
  19. z-index: 999;
  20. border: solid 1px #999;
  21. overflow: hidden;
  22. font-size: 10pt;
  23. text-align: left;
  24. }
  25. #yoxview a img, #yoxview_infoPanel a img{ border: none; }
  26. #yoxview a:focus{ outline: none; }
  27. #yoxview div.yoxview_imgPanel{ position: absolute; top: 0; left: 0; }
  28. #yoxview div.yoxview_mediaPanel
  29. {
  30. position: absolute;
  31. background: #191919;
  32. width: 100%;
  33. height: 100%
  34. }
  35. #yoxview .yoxview_ctlBtn
  36. {
  37. position: absolute;
  38. z-index: 3;
  39. display: block;
  40. text-decoration: none;
  41. outline: none;
  42. width: 50%;
  43. height: 100%;
  44. }
  45. #yoxview .yoxview_ctlBtn img
  46. {
  47. position: absolute;
  48. border: none;
  49. top: 50%;
  50. margin-top: -22px;
  51. }
  52. #yoxview a.yoxview_ctlBtn:focus, #yoxview a.yoxview_ctlBtn:active{ outline: none; outline: none;}
  53. #yoxview .yoxview_notification
  54. {
  55. width: 59px;
  56. height: 59px;
  57. position: absolute;
  58. top: 50%;
  59. left: 50%;
  60. margin-top: -30px;
  61. margin-left: -30px;
  62. z-index: 4;
  63. opacity: 0.6;
  64. filter: alpha(opacity=60);
  65. background-image: url(images/sprites.png);
  66. background-repeat: no-repeat;
  67. display: none;
  68. }
  69. #yoxview #yoxview_ajaxLoader img
  70. {
  71. padding: 13px;
  72. }
  73. #yoxview .yoxview_popupBarPanel
  74. {
  75. position: absolute;
  76. z-index: 4;
  77. min-height: 70px;
  78. width: 100%;
  79. right: 0;
  80. }
  81. #yoxview #yoxview_menuPanel
  82. {
  83. width: 145px;
  84. height: 42px;
  85. padding-top: 0px;
  86. padding-right: 9px;
  87. position: absolute;
  88. right: 0;
  89. background: url(images/sprites.png) no-repeat left -77px;
  90. background: rgba(0, 0, 0, 0.8);
  91. -moz-border-radius: 0 0 0 15px;
  92. -webkit-border-radius: 0 0 0 15px;
  93. border-radius: 0 0 0 15px;
  94. top: -42px;
  95. }
  96. #yoxview #yoxview_menuPanel a
  97. {
  98. display: block;
  99. width: 45px;
  100. float: right;
  101. text-align: center;
  102. font-size: 0.8em;
  103. position: relative;
  104. margin-top: -5px;
  105. padding-bottom: 13px;
  106. text-decoration: none;
  107. font-family: Arial, Sans-Serif;
  108. }
  109. #yoxview #yoxview_menuPanel a span{ color: White; display: block; margin-bottom: 3px; }
  110. #yoxview #yoxview_menuPanel a.last{ margin-left: 0; }
  111. #yoxview #yoxview_menuPanel a:focus{ outline: none; }
  112. #yoxview_infoPanel
  113. {
  114. position: absolute;
  115. bottom: 0;
  116. width: 100%;
  117. height: 0;
  118. color: White;
  119. z-index: 2;
  120. overflow: hidden;
  121. }
  122. #yoxview_infoPanel #yoxview_infoPanelBack
  123. {
  124. position: absolute;
  125. width: 100%;
  126. height: 100%;
  127. z-index: 1;
  128. left: 0;
  129. top: 0;
  130. }
  131. #yoxview_infoPanel #yoxview_infoPanelContent
  132. {
  133. position: absolute;
  134. width: 100%;
  135. z-index: 2;
  136. top: 0;
  137. left: 0;
  138. }
  139. #yoxview_infoPanel span#yoxview_count
  140. {
  141. display: block;
  142. width: 55px;
  143. font-size: 0.8em;
  144. float: left;
  145. text-align: center;
  146. padding-top: 8px;
  147. color: #bbb;
  148. }
  149. #yoxview_infoPanel #yoxview_infoText
  150. {
  151. margin: 0 55px;
  152. font-size: 12pt;
  153. padding: 5px 0;
  154. }
  155. #yoxview_infoPanel #yoxview_infoText #yoxview_infoTextDescription
  156. {
  157. margin-top: 1em;
  158. font-size: 10pt;
  159. padding-bottom: 0.5em;
  160. max-height: 200px;
  161. overflow: auto;
  162. padding-right: 10px;
  163. }
  164. #yoxview_infoPanel #yoxview_infoText a, #yoxview .yoxview_error a{ color: #a7d557; text-decoration: none; outline: none; }
  165. #yoxview_infoPanel #yoxview_infoText a:hover, #yoxview .yoxview_error a:hover{ color: #d5eeaa }
  166. #yoxview_infoPanel a.yoxviewInfoLink
  167. {
  168. display: none;
  169. opacity: 0.8;
  170. float: right;
  171. margin-right: 5px;
  172. margin-top: 5px;
  173. }
  174. #yoxview_infoPanel a.yoxviewInfoLink:hover{ opacity: 1 }
  175. #yoxview #yoxview_helpPanel
  176. {
  177. display: none;
  178. width: 201px;
  179. height: 312px;
  180. position: absolute;
  181. top: 50%;
  182. left: 50%;
  183. margin-top: -171px;
  184. margin-left: -111px;
  185. z-index: 5;
  186. color: White;
  187. padding: 20px;
  188. padding-top: 10px;
  189. cursor: pointer;
  190. }
  191. #yoxview #yoxview_helpPanel h1{ font-family: Arial Black, Arial, Sans-Serif; font-size: 1em; }
  192. #yoxview #yoxview_helpPanel p{ margin-top: 80px; }
  193. #yoxview #yoxview_helpPanel span#yoxview_closeHelp{ display: block; position: absolute; bottom: 20px; left: 0; text-align: center; width: 100%; }
  194. #yoxview .yoxview_error
  195. {
  196. display: block;
  197. text-align: center;
  198. color: White;
  199. font-family: Arial, Sans-Serif;
  200. font-size: 14pt;
  201. top: 41%;
  202. width: 100%;
  203. height: 20%;
  204. position: absolute;
  205. padding: 10px;
  206. }
  207. #yoxview .yoxview_error .errorUrl{ font-size: 10pt; }
  208. #yoxview .yoxview_top{ top: 0; width: 50%; }
  209. #yoxview .yoxview_element{ width: 100%; height: 100%; position: absolute; border: none; background: #333; }
  210. .yoxview-thumbnails a
  211. {
  212. float: left;
  213. margin: 4px;
  214. /* For thumbnails opacity: */
  215. opacity: 0.8;
  216. filter: alpha(opacity=80);
  217. }
  218. .yoxview-thumbnails a:hover
  219. {
  220. /* For thumbnails opacity: */
  221. opacity: 1;
  222. filter: alpha(opacity=100);
  223. }
  224. .yoxview-thumbnails a img
  225. {
  226. /* Set white borders around the thumbnails, instead of the browser's default Blue: */
  227. border: solid 1px #ffffff;
  228. }
  229. .yoxview-thumbnails-details{ margin-bottom: 1em; }
  230. .yoxview-thumbnails-details h2{ margin-bottom: 0; padding: 0; font-size: 1.2em; font-weight: bold;}