install.css 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315
  1. html, body, div, span, applet, object, iframe,
  2. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  3. a, abbr, acronym, address, big, cite, code,
  4. del, dfn, em, font, img, ins, kbd, q, s, samp,
  5. small, strike, strong, sub, sup, tt,
  6. dl, dt, dd, ol, ul, li,
  7. fieldset, form, label, legend,
  8. table, caption, tbody, tfoot, thead, tr, th, td {
  9. margin: 0;
  10. padding: 0;
  11. border: 0;
  12. font-weight: inherit;
  13. font-style: inherit;
  14. font-size: 100%;
  15. font-family: inherit;
  16. vertical-align: baseline;
  17. }
  18. body {
  19. color: #333333;
  20. background: #4690d6;
  21. font-family: "Lucida Grande",Arial,Tahoma,Verdana,sans-serif;
  22. text-align: left;
  23. }
  24. h1, h2, h3, h4, h5, h6 {
  25. font-weight: bold;
  26. }
  27. h1 { font-size: 2em; }
  28. h2 { font-size: 1.75em; }
  29. h3 { font-size: 1.5em; }
  30. h4 { font-size: 1.25em; }
  31. h5 { font-size: 1.0em; }
  32. h6 { font-size: 0.75em; }
  33. a {
  34. color: #4690d6;
  35. text-decoration: none;
  36. }
  37. a:hover,
  38. a:focus {
  39. color: #0054a7;
  40. text-decoration: underline;
  41. }
  42. p {
  43. margin: 0 0 1em 0;
  44. }
  45. img {
  46. border: none;
  47. }
  48. h2 {
  49. border-bottom: 1px solid #555555;
  50. margin-bottom: 1.5em;
  51. }
  52. ul {
  53. list-style: none;
  54. }
  55. .elgg-page {
  56. max-width: 55em;
  57. margin: auto;
  58. }
  59. @media (min-width: 880px) {
  60. .elgg-page {
  61. margin-top: 1.5em;
  62. }
  63. }
  64. .elgg-page-header {
  65. border-right: 1px solid #666666;
  66. padding: 1em;
  67. background: white;
  68. }
  69. .elgg-page-body {
  70. border-bottom: 1px solid #666666;
  71. border-right: 1px solid #666666;
  72. padding: 0 1em .5em;
  73. background: white;
  74. }
  75. .elgg-page-body:after,
  76. .elgg-page-header:after {
  77. display: block;
  78. content: '.';
  79. line-height: 0;
  80. height: 0;
  81. visibility: hidden;
  82. clear: both;
  83. }
  84. @media (min-width: 55em) {
  85. .elgg-sidebar {
  86. float: left;
  87. padding-right: 1em;
  88. width: 30%;
  89. }
  90. }
  91. .elgg-body {
  92. overflow: hidden;
  93. min-height: 20em;
  94. padding-bottom: .5em;
  95. position: relative;
  96. }
  97. .elgg-page-footer {
  98. max-width: 50em;
  99. height: 1.5em;
  100. clear: both;
  101. padding: .5em 1em;
  102. margin: auto;
  103. margin-bottom: 2.5em;
  104. }
  105. .elgg-install-nav {
  106. width: 100%;
  107. text-align: right;
  108. position: absolute;
  109. bottom: 0px;
  110. }
  111. .elgg-page-footer a {
  112. color: white;
  113. }
  114. .elgg-page-footer li {
  115. float: left;
  116. list-style: none;
  117. margin-right: 1.5em;
  118. }
  119. .elgg-sidebar ol {
  120. padding-left: 2em;
  121. }
  122. .elgg-sidebar li {
  123. font-size: 1.25em;
  124. margin-bottom: .5em;
  125. }
  126. .past {
  127. text-decoration: line-through;
  128. }
  129. .present {
  130. font-weight: bold;
  131. }
  132. .future {
  133. color: #cccccc;
  134. }
  135. h3 {
  136. margin: 1em 0 .5em;
  137. }
  138. .elgg-form-field {
  139. display: block;
  140. }
  141. * + .elgg-form-field {
  142. margin-top: 1em;
  143. }
  144. .elgg-form-field-label {
  145. color: #333333;
  146. display: block;
  147. font-weight: bold;
  148. }
  149. .elgg-form-field-help {
  150. display: block;
  151. font-size: .9em;
  152. }
  153. input[type="text"],
  154. input[type="password"],
  155. input[type="email"],
  156. input[type="url"] {
  157. border: 1px solid #cccccc;
  158. box-sizing: border-box;
  159. color: #666666;
  160. font: inherit;
  161. padding: .5em;
  162. width: 100%;
  163. }
  164. input[type="password"]:focus,
  165. input[type="text"]:focus,
  166. input[type="email"]:focus,
  167. input[type="url"]:focus {
  168. background: #e4ecf5;
  169. border: solid 1px #4690d6;
  170. color: #333333;
  171. }
  172. input[type="submit"] {
  173. font: inherit;
  174. font-weight: bold;
  175. color: #fff;
  176. background: #4690d6;
  177. border: 4px solid #4690d6;
  178. -webkit-border-radius: 4px;
  179. -moz-border-radius: 4px;
  180. border-radius: 4px;
  181. width: auto;
  182. height: 35px;
  183. padding: 2px 6px;
  184. margin: 10px 0;
  185. cursor: pointer;
  186. float: right;
  187. }
  188. input[type="submit"]:hover,
  189. input[type="submit"]:focus {
  190. background: #0054a7;
  191. border: 4px solid #0054a7;
  192. }
  193. select {
  194. display: block;
  195. padding: .5em;
  196. }
  197. .elgg-require-database {
  198. padding-bottom: 3em;
  199. }
  200. .elgg-install-nav a {
  201. font-weight: bold;
  202. color: #ffffff;
  203. background: #4690d6;
  204. border: 4px solid #4690d6;
  205. border-radius: 4px;
  206. padding: .25em .5em;
  207. margin: .5em;
  208. cursor: pointer;
  209. float: right;
  210. text-decoration: none;
  211. }
  212. .elgg-install-nav a:hover,
  213. .elgg-install-nav a:focus {
  214. background: #0054a7;
  215. border: 4px solid #0054a7;
  216. }
  217. .elgg-install-nav .elgg-state-disabled,
  218. .elgg-install-nav .elgg-state-disabled:hover,
  219. .elgg-install-nav .elgg-state-disabled:focus {
  220. background: #555555;
  221. border-color: #555555;
  222. cursor: default;
  223. }
  224. .elgg-system-messages li {
  225. padding: .25em .5em;
  226. margin-bottom: 1.5em;
  227. }
  228. .elgg-state-success {
  229. border: 1px solid #00cc00;
  230. background: #ccffcc;
  231. }
  232. .elgg-state-error {
  233. border: 1px solid #D3322A;
  234. background: #F7DAD8;
  235. }
  236. .elgg-state-warning {
  237. border: 1px solid #ded0a9;
  238. background: #FEF5AA;
  239. }
  240. .elgg-body li {
  241. margin-top: .25em;
  242. padding: .25em;
  243. }
  244. .pass {
  245. border: 1px solid #00cc00;
  246. background: #ccffcc;
  247. }
  248. .warning {
  249. border: 1px solid #ded0a9;
  250. background: #FEF5AA;
  251. }
  252. .failure {
  253. border: 1px solid #D3322A;
  254. background: #F7DAD8;
  255. }
  256. .info {
  257. border: 1px solid #aaaaaa;
  258. background: #ffffff;
  259. }
  260. .messages {
  261. box-sizing: border-box;
  262. width: 100%;
  263. padding: .25em .5em;
  264. margin: 1.5em 0 .5em 0;
  265. }