maintenance.php 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
  1. <?php
  2. /**
  3. * Maintenance mode CSS
  4. */
  5. $url = elgg_get_site_url();
  6. echo elgg_view('css/elements/reset', $vars);
  7. echo elgg_view('css/elements/core', $vars);
  8. echo elgg_view('css/elements/helpers', $vars);
  9. ?>
  10. /* <style> /**/
  11. body {
  12. font-size: 80%;
  13. font-family: "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
  14. line-height: 1.4em;
  15. }
  16. h1, h2, h3, h4, h5, h6 {
  17. color: #666;
  18. font-weight: bold;
  19. }
  20. h1 {
  21. font-size: 2em;
  22. margin-bottom: 1em;
  23. }
  24. h3 {
  25. font-size: 1.3em;
  26. margin-bottom: 0.4em;
  27. }
  28. a {
  29. color: #999;
  30. }
  31. p {
  32. margin-bottom: 15px;
  33. }
  34. p:last-child {
  35. margin-bottom: 0;
  36. }
  37. /* ***************************************
  38. LAYOUT
  39. *************************************** */
  40. .elgg-body-maintenance {
  41. margin: 100px auto 0 auto;
  42. position: relative;
  43. width: 530px;
  44. }
  45. .elgg-module-maintenance {
  46. position: absolute;
  47. top: 0;
  48. left: 0;
  49. }
  50. .elgg-module-maintenance > .elgg-head {
  51. height: 17px;
  52. }
  53. .elgg-module-maintenance > .elgg-body {
  54. padding: 10px 20px;
  55. }
  56. .elgg-module-maintenance > .elgg-foot {
  57. height: 17px;
  58. }
  59. .elgg-module-maintenance > .elgg-head {
  60. background: url(<?php echo $url; ?>_graphics/walled_garden/one_column_top.png) no-repeat left top;
  61. }
  62. .elgg-module-maintenance > .elgg-body {
  63. background: url(<?php echo $url; ?>_graphics/walled_garden/one_column_middle.png) repeat-y left top;
  64. }
  65. .elgg-module-maintenance > .elgg-foot {
  66. background: url(<?php echo $url; ?>_graphics/walled_garden/one_column_bottom.png) no-repeat left top;
  67. }
  68. .elgg-system-messages {
  69. position: fixed;
  70. top: 24px;
  71. right: 20px;
  72. z-index: 2000;
  73. }
  74. .elgg-system-messages li {
  75. margin-top: 10px;
  76. }
  77. .elgg-system-messages li p {
  78. margin: 0;
  79. }
  80. .elgg-output {
  81. margin-bottom: 3em;
  82. }
  83. .elgg-module-maintenance-login {
  84. font-size: 12px;
  85. line-height: 1.4em;
  86. width: 200px;
  87. float: right;
  88. margin: 0;
  89. border: 1px solid #ccc;
  90. padding: 5px;
  91. border-radius: 5px;
  92. }
  93. /* ***************************************
  94. USER INPUT DISPLAY RESET
  95. *************************************** */
  96. .elgg-output {
  97. margin-top: 10px;
  98. }
  99. .elgg-output dt { font-weight: bold }
  100. .elgg-output dd { margin: 0 0 1em 1em }
  101. .elgg-output ul, .elgg-output ol {
  102. margin: 0 1.5em 1.5em 0;
  103. padding-left: 1.5em;
  104. }
  105. .elgg-output ul {
  106. list-style-type: disc;
  107. }
  108. .elgg-output ol {
  109. list-style-type: decimal;
  110. list-style-position: inside;
  111. padding-left: .4em;
  112. }
  113. .elgg-output table {
  114. border: 1px solid #ccc;
  115. }
  116. .elgg-output table td {
  117. border: 1px solid #ccc;
  118. padding: 3px 5px;
  119. }
  120. .elgg-output img {
  121. max-width: 100%;
  122. height: auto;
  123. }
  124. /* ***************************************
  125. Form Elements
  126. *************************************** */
  127. fieldset > div {
  128. margin-bottom: 5px;
  129. }
  130. fieldset > div:last-child {
  131. margin-bottom: 0;
  132. }
  133. label {
  134. font-weight: bold;
  135. color: #333;
  136. font-size: 110%;
  137. }
  138. input, textarea {
  139. border: 1px solid #ccc;
  140. color: #666;
  141. font: 120% Arial, Helvetica, sans-serif;
  142. padding: 5px;
  143. width: 100%;
  144. border-radius: 5px;
  145. -webkit-box-sizing: border-box;
  146. -moz-box-sizing: border-box;
  147. box-sizing: border-box;
  148. }
  149. input[type=email]:focus,
  150. input[type=password]:focus,
  151. input[type=text]:focus,
  152. input[type=url]:focus,
  153. textarea:focus {
  154. border: solid 1px #aaa;
  155. background: #eee;
  156. color:#333;
  157. /* We remove outlines from specific input types so we can leave the browser
  158. defaults (like glows) for everything else */
  159. outline: 0 none;
  160. }
  161. input[type="checkbox"],
  162. input[type="radio"] {
  163. margin: 0 3px 0 0;
  164. padding: 0;
  165. border: none;
  166. width: auto;
  167. }
  168. .elgg-input-checkboxes.elgg-horizontal li,
  169. .elgg-input-radios.elgg-horizontal li {
  170. display: inline;
  171. padding-right: 10px;
  172. }
  173. .elgg-button {
  174. font-size: 14px;
  175. font-weight: bold;
  176. border-radius: 5px;
  177. width: auto;
  178. padding: 2px 4px;
  179. cursor: pointer;
  180. box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);
  181. }
  182. .elgg-button-submit {
  183. background-color: #666;
  184. border-color: #555;
  185. color: white;
  186. text-shadow: 1px 1px 0px black;
  187. text-decoration: none;
  188. }
  189. .elgg-button-submit:hover {
  190. background-color: #333;
  191. border-color: #222;
  192. }
  193. /* ***************************************
  194. Messages
  195. *************************************** */
  196. .elgg-message {
  197. color: white;
  198. display: block;
  199. padding: 3px 10px;
  200. opacity: 0.9;
  201. box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
  202. border-radius: 8px;
  203. font-weight: bold;
  204. }
  205. .elgg-state-success {
  206. background-color: black;
  207. }
  208. .elgg-state-error {
  209. background-color: red;
  210. }
  211. .elgg-state-notice {
  212. background-color: #4690D6;
  213. }