You are here

asset-widget-inner-tooltip.css in Asset 7

html {
  background: #F6F6F2;
}

body {
  background: #F6F6F2;
  margin: 0;
  padding: 0;
  overflow: auto;
  width: 100%;
  height: 100%;
}

.tooltip-iframe-body-element {
  float: left;
}

.tooltip-iframe-elements {
  padding: 0px 10px;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
  background: red;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red;
}

.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  background: #333333;
  position: relative;
}

.jspDrag {
  background: #5fbfd6;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow {
  height: 16px;
}

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus {
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
html .jspCorner {
  margin: 0 -3px 0 0;
}

/**
 * CSS styles to theme custom jScrollPane.
 */
.jspScrollable .jspVerticalBar {
  width: 8px;
  background: #faf7f4;
  padding: 0 1px 0 11px;
}
 .jspScrollable .jspVerticalBar .pointer {
  backround: none;
}
 .jspScrollable .jspVerticalBar .jspTrack {
  width: 10px;
  background: url('../images/bgs/track-y.png') 3px 0 repeat-y;
}
 .jspScrollable .jspVerticalBar .jspTrack .jspDrag {
  background: none;
}
 .jspScrollable .jspVerticalBar .jspTrack .jspDrag .jspDragTop {
  display: block;
  width: 8px;
  height: 50%;
  background: url('../images/bgs/bg_scroll-a.png') -28px 0 no-repeat;
}
 .jspScrollable .jspVerticalBar .jspTrack .jspDrag .jspDragBottom {
  display: block;
  width: 8px;
  height: 50%;
  background: url('../images/bgs/bg_scroll-a.png') -28px 100% no-repeat;
}
 .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover,
 .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive {
  background: none;
}
 .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover .jspDragTop,
 .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive .jspDragTop {
  background: url('../images/bgs/bg_scroll-a.png') -44px 0 no-repeat;
}
 .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover .jspDragBottom,
 .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive .jspDragBottom {
  background: url('../images/bgs/bg_scroll-a.png') -44px 100% no-repeat;
}
 .jspScrollable .jspHorizontalBar {
  width: 100%;
  background: #faf7f4;
  padding: 10px 0 0;
  bottom: -5px;
}
 .jspScrollable .jspHorizontalBar .jspTrack {
  width: 100%;
  background: url('../images/bgs/track-x.png') 0 3px repeat-x;
}
 .jspScrollable .jspHorizontalBar .jspTrack .jspDrag {
  background: none;
}
 .jspScrollable .jspHorizontalBar .jspTrack .jspDrag .jspDragLeft {
  display: block;
  height: 8px;
  width: 50%;
  background: url('../images/bgs/bg_scroll-b.png') 0 -28px no-repeat;
  float: left;
}
 .jspScrollable .jspHorizontalBar .jspTrack .jspDrag .jspDragRight {
  display: block;
  height: 8px;
  width: 50%;
  background: url('../images/bgs/bg_scroll-b.png') 100% -28px no-repeat;
  float: right;
}
 .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspHover,
 .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspActive {
  background: none;
}
 .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspHover .jspDragLeft,
 .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspActive .jspDragLeft {
  background: url('../images/bgs/bg_scroll-b.png') 0 -44px no-repeat;
}
 .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspHover .jspDragRight,
 .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspActive .jspDragRight {
  background: url('../images/bgs/bg_scroll-b.png') 100% -44px no-repeat;
}

.asset-wrapper {
  font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
  padding: 0 8px;
}
.asset-wrapper .content .field-items {
  font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
}
.asset-wrapper .content .field-items .field-item {
  padding: 10px 0 5px 0;
}

File

modules/asset_widget/css/asset-widget-inner-tooltip.css
View source
  1. html {
  2. background: #F6F6F2;
  3. }
  4. body {
  5. background: #F6F6F2;
  6. margin: 0;
  7. padding: 0;
  8. overflow: auto;
  9. width: 100%;
  10. height: 100%;
  11. }
  12. .tooltip-iframe-body-element {
  13. float: left;
  14. }
  15. .tooltip-iframe-elements {
  16. padding: 0px 10px;
  17. }
  18. /*
  19. * CSS Styles that are needed by jScrollPane for it to operate correctly.
  20. */
  21. .jspContainer {
  22. overflow: hidden;
  23. position: relative;
  24. }
  25. .jspPane {
  26. position: absolute;
  27. }
  28. .jspVerticalBar {
  29. position: absolute;
  30. top: 0;
  31. right: 0;
  32. width: 4px;
  33. height: 100%;
  34. background: red;
  35. }
  36. .jspHorizontalBar {
  37. position: absolute;
  38. bottom: 0;
  39. left: 0;
  40. width: 100%;
  41. height: 16px;
  42. background: red;
  43. }
  44. .jspVerticalBar *,
  45. .jspHorizontalBar * {
  46. margin: 0;
  47. padding: 0;
  48. }
  49. .jspCap {
  50. display: none;
  51. }
  52. .jspHorizontalBar .jspCap {
  53. float: left;
  54. }
  55. .jspTrack {
  56. background: #333333;
  57. position: relative;
  58. }
  59. .jspDrag {
  60. background: #5fbfd6;
  61. position: relative;
  62. top: 0;
  63. left: 0;
  64. cursor: pointer;
  65. }
  66. .jspHorizontalBar .jspTrack,
  67. .jspHorizontalBar .jspDrag {
  68. float: left;
  69. height: 100%;
  70. }
  71. .jspArrow {
  72. background: #50506d;
  73. text-indent: -20000px;
  74. display: block;
  75. cursor: pointer;
  76. }
  77. .jspArrow.jspDisabled {
  78. cursor: default;
  79. background: #80808d;
  80. }
  81. .jspVerticalBar .jspArrow {
  82. height: 16px;
  83. }
  84. .jspHorizontalBar .jspArrow {
  85. width: 16px;
  86. float: left;
  87. height: 100%;
  88. }
  89. .jspVerticalBar .jspArrow:focus {
  90. outline: none;
  91. }
  92. .jspCorner {
  93. background: #eeeef4;
  94. float: left;
  95. height: 100%;
  96. }
  97. /* Yuk! CSS Hack for IE6 3 pixel bug :( */
  98. html .jspCorner {
  99. margin: 0 -3px 0 0;
  100. }
  101. /**
  102. * CSS styles to theme custom jScrollPane.
  103. */
  104. .jspScrollable .jspVerticalBar {
  105. width: 8px;
  106. background: #faf7f4;
  107. padding: 0 1px 0 11px;
  108. }
  109. .jspScrollable .jspVerticalBar .pointer {
  110. backround: none;
  111. }
  112. .jspScrollable .jspVerticalBar .jspTrack {
  113. width: 10px;
  114. background: url('../images/bgs/track-y.png') 3px 0 repeat-y;
  115. }
  116. .jspScrollable .jspVerticalBar .jspTrack .jspDrag {
  117. background: none;
  118. }
  119. .jspScrollable .jspVerticalBar .jspTrack .jspDrag .jspDragTop {
  120. display: block;
  121. width: 8px;
  122. height: 50%;
  123. background: url('../images/bgs/bg_scroll-a.png') -28px 0 no-repeat;
  124. }
  125. .jspScrollable .jspVerticalBar .jspTrack .jspDrag .jspDragBottom {
  126. display: block;
  127. width: 8px;
  128. height: 50%;
  129. background: url('../images/bgs/bg_scroll-a.png') -28px 100% no-repeat;
  130. }
  131. .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover,
  132. .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive {
  133. background: none;
  134. }
  135. .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover .jspDragTop,
  136. .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive .jspDragTop {
  137. background: url('../images/bgs/bg_scroll-a.png') -44px 0 no-repeat;
  138. }
  139. .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover .jspDragBottom,
  140. .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive .jspDragBottom {
  141. background: url('../images/bgs/bg_scroll-a.png') -44px 100% no-repeat;
  142. }
  143. .jspScrollable .jspHorizontalBar {
  144. width: 100%;
  145. background: #faf7f4;
  146. padding: 10px 0 0;
  147. bottom: -5px;
  148. }
  149. .jspScrollable .jspHorizontalBar .jspTrack {
  150. width: 100%;
  151. background: url('../images/bgs/track-x.png') 0 3px repeat-x;
  152. }
  153. .jspScrollable .jspHorizontalBar .jspTrack .jspDrag {
  154. background: none;
  155. }
  156. .jspScrollable .jspHorizontalBar .jspTrack .jspDrag .jspDragLeft {
  157. display: block;
  158. height: 8px;
  159. width: 50%;
  160. background: url('../images/bgs/bg_scroll-b.png') 0 -28px no-repeat;
  161. float: left;
  162. }
  163. .jspScrollable .jspHorizontalBar .jspTrack .jspDrag .jspDragRight {
  164. display: block;
  165. height: 8px;
  166. width: 50%;
  167. background: url('../images/bgs/bg_scroll-b.png') 100% -28px no-repeat;
  168. float: right;
  169. }
  170. .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspHover,
  171. .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspActive {
  172. background: none;
  173. }
  174. .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspHover .jspDragLeft,
  175. .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspActive .jspDragLeft {
  176. background: url('../images/bgs/bg_scroll-b.png') 0 -44px no-repeat;
  177. }
  178. .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspHover .jspDragRight,
  179. .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspActive .jspDragRight {
  180. background: url('../images/bgs/bg_scroll-b.png') 100% -44px no-repeat;
  181. }
  182. .asset-wrapper {
  183. font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
  184. padding: 0 8px;
  185. }
  186. .asset-wrapper .content .field-items {
  187. font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
  188. }
  189. .asset-wrapper .content .field-items .field-item {
  190. padding: 10px 0 5px 0;
  191. }