install.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. a:link, a:hover, a:visited {
  2. text-decoration: underline;
  3. }
  4. /* These divisions wrap the forum sections when a forum width is set. */
  5. #wrapper, .frame {
  6. width: 90%;
  7. max-width: 1140px;
  8. }
  9. h1.forumtitle {
  10. font-size: 2em;
  11. font-family: tahoma;
  12. margin: 0;
  13. padding: 32px 12px 16px 12px;
  14. float: left;
  15. font-weight: normal;
  16. color: #a85400;
  17. text-shadow: -1px -1px 0 rgba(0,0,0,0.5), 1px 1px 0 #fff;
  18. }
  19. /* Tweak the SMF logo */
  20. img#smflogo {
  21. margin: 26px 0 0 0;
  22. }
  23. #inner_wrap {
  24. min-height: 80px;
  25. }
  26. #inner_wrap .news {
  27. height: 80px;
  28. text-align: right;
  29. width: 100%;
  30. max-width: 100%;
  31. float: left;
  32. }
  33. #main_steps {
  34. float: right;
  35. width: 50%;
  36. padding: 0 0 1em 0;
  37. }
  38. #main_steps h2 {
  39. font-size: 1.2em;
  40. border-bottom: 1px solid #d05800;
  41. line-height: 1.6em;
  42. margin: 0 1em 0.5em 0;
  43. color: #d05800;
  44. }
  45. #main_steps ul {
  46. list-style: none;
  47. padding: 0 0.5em;
  48. margin: 0;
  49. line-height: 1.8em;
  50. }
  51. #main_steps ul li.stepdone {
  52. color: #aaa;
  53. }
  54. #main_steps ul li.stepcurrent {
  55. color: #222;
  56. font-weight: bold;
  57. }
  58. #main_steps ul li.stepwaiting {
  59. color: #666;
  60. }
  61. #progress_bar {
  62. position: relative;
  63. font-size: 1.2em;
  64. height: 2.3em;
  65. border: 1px solid black;
  66. border-radius: 2px;
  67. background: #fff;
  68. float: left;
  69. margin: 0.6em 0 0 4em;
  70. width: 33%;
  71. }
  72. #overall_text, #step_text {
  73. z-index: 2;
  74. color: #111;
  75. font-weight: bold;
  76. position: absolute;
  77. top: 0.5em;
  78. left: -3.3em;
  79. }
  80. #overall_text_upgrade, #step_text_upgrade {
  81. z-index: 2;
  82. color: #111;
  83. font-weight: bold;
  84. position: absolute;
  85. top: .5em;
  86. left: -3.3em;
  87. }
  88. #overall_progress, #step_progress {
  89. height: 2.3em;
  90. z-index: 1;
  91. background-color: #ffd000;
  92. }
  93. #overall_progress_upgrade, #step_progress_upgrade {
  94. height: 2.5em;
  95. z-index: 1;
  96. background: #6BB247;
  97. margin: 0px 3px 0px 0px;
  98. }
  99. .over_progress {
  100. margin: -33px 5px 0 10px;
  101. }
  102. #step_progress {
  103. background: #ffd000;
  104. }
  105. #substep_progress {
  106. height: 2.3em;
  107. z-index: 1;
  108. background: #eebaf4;
  109. }
  110. #main_screen {
  111. padding: 1em 1em 0.5em 1em;
  112. }
  113. #main_screen h2 {
  114. font-size: 1.2em;
  115. border-bottom: 1px solid #d05800;
  116. line-height: 1.6em;
  117. margin: 0 0 0.5em 0;
  118. color: #d05800;
  119. }
  120. .panel form div{
  121. max-height: 560px;
  122. overflow: auto;
  123. }
  124. .panel p, .panel h3 {
  125. margin: 0 0.5em 1em 0.5em;
  126. }
  127. .panel ul {
  128. margin: 0 0.5em 1em 0.5em;
  129. }
  130. .error_message {
  131. color: red;
  132. padding: 0.5em;
  133. }
  134. .panel .button_submit, .panel .button_link {
  135. font-size: 1em;
  136. font-weight: bold;
  137. color: #333;
  138. padding: 3px 6px;
  139. text-decoration: none;
  140. }
  141. .panel .button_submit:hover, .panel .button_link:hover {
  142. color: #af6700;
  143. text-decoration: none;
  144. }
  145. .panel .clear {
  146. padding: 1em 0 0 0;
  147. overflow: auto;
  148. }
  149. /* [WIP] Warning: this next bit may cause trouble. */
  150. /* It's just to hide an empty div when the submits are not shown. */
  151. .panel .clear:nth-child(3) {
  152. border: 1px solid green;
  153. display: none;
  154. }
  155. /* End [WIP] */
  156. #time_elapsed {
  157. clear: both;
  158. padding: 1em 1em 0 1em;
  159. border: 1px solid green;
  160. /* [WIP] */
  161. background: /*#f0f4f7*/ #fcfcfc;
  162. margin: 1em 0.9em 0 0.9em;
  163. padding: 6px 8px 8px 8px;
  164. border: 1px solid #ccc;
  165. border-radius: 5px;
  166. box-shadow: 0 -2px 2px rgba(0,0,0,0.1);
  167. /* End [WIP] */
  168. }
  169. #progress {
  170. position: relative;
  171. font-size: 1.2em;
  172. height: 2.5em;
  173. border: 1px solid black;
  174. border-radius: 2px;
  175. background: #fff;
  176. float: left;
  177. margin: 0.6em 0 0 4em;
  178. width: 33%;
  179. }