install.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  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_progress, #step_progress {
  81. height: 2.3em;
  82. z-index: 1;
  83. background: lime;
  84. }
  85. #step_progress {
  86. background: #ffd000;
  87. }
  88. .overall_progress, .progress {
  89. position: absolute;
  90. top: 0.5em;
  91. left: 0.5em;
  92. }
  93. #substep_progress {
  94. height: 2.3em;
  95. z-index: 1;
  96. background: #eebaf4;
  97. }
  98. #main_screen {
  99. padding: 1em 1em 0.5em 1em;
  100. }
  101. #main_screen h2 {
  102. font-size: 1.2em;
  103. border-bottom: 1px solid #d05800;
  104. line-height: 1.6em;
  105. margin: 0 0 0.5em 0;
  106. color: #d05800;
  107. }
  108. .panel form div{
  109. max-height: 560px;
  110. overflow: auto;
  111. }
  112. .panel p, .panel h3 {
  113. margin: 0 0.5em 1em 0.5em;
  114. }
  115. .panel ul {
  116. margin: 0 0.5em 1em 0.5em;
  117. }
  118. .error_message {
  119. color: red;
  120. padding: 0.5em;
  121. }
  122. .panel .button_submit, .panel .button_link {
  123. font-size: 1em;
  124. font-weight: bold;
  125. color: #333;
  126. padding: 3px 6px;
  127. text-decoration: none;
  128. }
  129. .panel .button_submit:hover, .panel .button_link:hover {
  130. color: #af6700;
  131. text-decoration: none;
  132. }
  133. .panel .clear {
  134. padding: 1em 0 0 0;
  135. overflow: auto;
  136. }
  137. /* [WIP] Warning: this next bit may cause trouble. */
  138. /* It's just to hide an empty div when the submits are not shown. */
  139. .panel .clear:nth-child(3) {
  140. border: 1px solid green;
  141. display: none;
  142. }
  143. /* End [WIP] */
  144. #time_elapsed {
  145. clear: both;
  146. padding: 1em 1em 0 1em;
  147. border: 1px solid green;
  148. /* [WIP] */
  149. background: /*#f0f4f7*/ #fcfcfc;
  150. margin: 1em 0.9em 0 0.9em;
  151. padding: 6px 8px 8px 8px;
  152. border: 1px solid #ccc;
  153. border-radius: 5px;
  154. box-shadow: 0 -2px 2px rgba(0,0,0,0.1);
  155. /* End [WIP] */
  156. }