ccs-wizard.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
  1. /* wizard */
  2. .ccs-wizard {
  3. position: relative;
  4. }
  5. .ccs-wizard dd {
  6. position: relative;
  7. }
  8. .ccs-wizard pre {
  9. color: #b16938;
  10. background: #141414;
  11. border: 2px solid #936a3c;
  12. padding: 4px;
  13. margin-bottom: 8px;
  14. overflow: auto;
  15. -moz-border-radius: 1%;
  16. }
  17. .ccs-wizard ul.ccs-wizard li {
  18. padding: 0px 8px;
  19. }
  20. .ccs-wizard .ccs-blue-continue, .ccs-wizard .ccs-grey-continue, .ccs-wizard .ccs-orange-continue {
  21. position: absolute;
  22. bottom: -3px;
  23. right: -38px;
  24. }
  25. .ccs-wizard .ccs-blue-prev, .ccs-wizard .ccs-orange-prev {
  26. position: absolute;
  27. bottom: -3px;
  28. left: -38px;
  29. }
  30. .IEroot .ccs-wizard .ccs-blue-continue, .IEroot .ccs-wizard .ccs-grey-continue, .IEroot .ccs-wizard .ccs-orange-continue, .IEroot .ccs-wizard .ccs-blue-prev, .IEroot .ccs-wizard .ccs-orange-prev {
  31. bottom: 8px;
  32. }
  33. .ccs-wizard dl dt {
  34. font-weight: bold;
  35. color: #333;
  36. padding: 4px 0px;
  37. position: relative;
  38. }
  39. .ccs-wizard dl dd {
  40. margin-bottom: 6px;
  41. }
  42. /* ch wizard */
  43. #ccs-ch-wizard h1 {
  44. text-align: center;
  45. margin: 5px 0px 16px;
  46. }
  47. #ccs-ch-wizard ul.ccs-wizard li li {
  48. padding: 0px;
  49. }
  50. #ccs-ch-wizard ul.ccs-ch-clusters li a.ch-choice {
  51. padding-left: 150px;
  52. margin: 0px 10px 8px;
  53. background: url(../art/cluster-types.png) left top no-repeat;
  54. height: 83px;
  55. display:block;
  56. color: #444;
  57. }
  58. #ccs-ch-wizard ul.ccs-ch-clusters li a.ch-choice:hover {
  59. text-decoration: none;
  60. color:#000;
  61. }
  62. #ccs-ch-wizard ul.ccs-ch-clusters li.ccs-ch-medium-cluster a.ch-choice {
  63. padding-top: 10px;
  64. height: 100px;
  65. background-position: left -133px;
  66. }
  67. #ccs-ch-wizard ul.ccs-ch-clusters li.ccs-ch-large-cluster a.ch-choice {
  68. padding-top: 30px;
  69. background-position: left -266px;
  70. height: 93px;
  71. }
  72. #ccs-ch-wizard img.ccs-box {
  73. margin: 12px;
  74. }
  75. #ccs-ch-wizard img.ccs-left {
  76. padding: 6px 18px;
  77. }
  78. #ccs-ch-wizard div.ccs-inline {
  79. vertical-align: top;
  80. margin-right: 3px;
  81. }
  82. #ccs-ch-wizard img.ccs-pointer {
  83. padding: 4px;
  84. vertical-align:top;
  85. }
  86. #ccs-ch-wizard dl.ccs-path-builder dd a.ccs-path-del {
  87. background: url(/site_media/art/close.png) 0 13px;
  88. display:block;
  89. height:13px;
  90. left:364px;
  91. margin-left:7px;
  92. position:absolute;
  93. top:6px;
  94. width:13px;
  95. }
  96. #ccs-ch-wizard dl.ccs-path-builder dd a.ccs-path-del:hover {
  97. background: url(/site_media/art/close.png) 0 0;
  98. }
  99. #ccs-ch-wizard input.ccs-same-as {
  100. vertical-align: text-top;
  101. }
  102. #ccs-ch-wizard ul.register li {
  103. margin: 0px auto;
  104. width: 450px;
  105. text-align: left;
  106. }
  107. #ccs-ch-wizard ul.register input.ccs-submit {
  108. margin: 8px 0px;
  109. }
  110. #ccs-ch-wizard a.ccs-download {
  111. cursor: pointer;
  112. color: #444;
  113. display: block;
  114. text-align: center;
  115. }
  116. #ccs-ch-wizard a.ccs-download:hover {
  117. color: #000;
  118. text-decoration: none;
  119. }
  120. #ccs-ch-wizard a.ccs-download span {
  121. color: #3E528C;
  122. padding: 8px;
  123. display: block;
  124. clear: both;
  125. }
  126. #ccs-ch-wizard a.ccs-config-download {
  127. padding: 0px 20px;
  128. }
  129. #ccs-ch-wizard li.ccs-same-as-check {
  130. margin: 8px;
  131. }
  132. #ccs-cs-wizard li.ccs-same-as {
  133. overflow: hidden;
  134. }
  135. #ccs-ch-wizard div.ccs-same-as-check {
  136. margin-left: 25px;
  137. margin-top: 27px;
  138. }
  139. #ccs-ch-wizard button.ccs-path-add {
  140. display:block;
  141. margin-top:8px;
  142. }
  143. #ccs-ch-wizard div.ccs-repo-id {
  144. color:#494;
  145. font-size:120%;
  146. text-align:center;
  147. margin: 4px 0px 8px;
  148. }
  149. #ccs-ch-wizard a.ccs-privacy {
  150. color:#666;
  151. font-size:95%;
  152. padding: 4px 0px 4px 20px;
  153. display:block;
  154. }
  155. #ccs-ch-wizard div.ccs-contact-check {
  156. float: left;
  157. width: 20px;
  158. padding-top: 1px;
  159. }
  160. #ccs-ch-wizard table.hadoop-site-xml {
  161. margin: auto;
  162. width: 375px;
  163. }
  164. #ccs-ch-wizard .hadoop-site-xml td, #ccs-ch-wizard .hadoop-site-xml th {
  165. padding: 2px 5px;
  166. max-width:400px;
  167. min-width:100px;
  168. overflow:hidden;
  169. }
  170. #ccs-ch-wizard .ccs-help {
  171. position: absolute;
  172. left: -17px;
  173. vertical-align: text-top;
  174. }
  175. #ccs-ch-wizard .ccs-tip-padding {
  176. padding-right:18px;
  177. }
  178. #ccs-ch-wizard li#user-type-switch input {
  179. vertical-align:text-bottom;
  180. }
  181. #ccs-ch-wizard li#user-type-switch dd {
  182. padding-left: 20px;
  183. color: #666;
  184. }
  185. #ccs-ch-wizard .ccs-hovered {
  186. color: #226 !important;
  187. cursor: pointer;
  188. }
  189. #ccs-ch-wizard li#new-user, #ccs-ch-wizard li#returning-user {
  190. }
  191. #ccs-ch-wizard .ccs-quiet {
  192. color: #666;
  193. font-weight: normal;
  194. font-size: 10px;
  195. }
  196. #ccs-ch-configurator-contact {
  197. overflow: hidden;
  198. }