layout.php 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. <?php
  2. /**
  3. * Page Layout
  4. *
  5. * Contains CSS for the page shell and page layout
  6. *
  7. * Default layout: 990px wide, centered. Used in default page shell
  8. *
  9. * @package Elgg.Core
  10. * @subpackage UI
  11. */
  12. ?>
  13. /* <style> /**/
  14. /* ***************************************
  15. PAGE LAYOUT
  16. *************************************** */
  17. /***** DEFAULT LAYOUT ******/
  18. <?php // the width is on the page rather than topbar to handle small viewports ?>
  19. .elgg-page-default {
  20. min-width: 800px;
  21. }
  22. .elgg-page-default .elgg-page-header > .elgg-inner {
  23. max-width: 990px;
  24. margin: 0 auto;
  25. min-height: 65px;
  26. }
  27. .elgg-page-default .elgg-page-navbar > .elgg-inner {
  28. max-width: 990px;
  29. margin: 0 auto;
  30. height: auto;
  31. }
  32. .elgg-page-default .elgg-page-body > .elgg-inner {
  33. max-width: 990px;
  34. margin: 0 auto;
  35. }
  36. .elgg-page-default .elgg-page-footer > .elgg-inner {
  37. max-width: 990px;
  38. margin: 0 auto;
  39. padding: 5px 0;
  40. border-top: 1px solid #DEDEDE;
  41. }
  42. /***** TOPBAR ******/
  43. .elgg-page-topbar {
  44. background: #424242;
  45. border-top: 1px solid #424242;
  46. border-bottom: 1px solid #000000;
  47. padding: 0 20px;
  48. position: relative;
  49. height: 32px;
  50. z-index: 9000;
  51. }
  52. /***** PAGE MESSAGES ******/
  53. .elgg-system-messages {
  54. position: fixed;
  55. top: 32px;
  56. right: 20px;
  57. max-width: 500px;
  58. z-index: 2000;
  59. }
  60. .elgg-system-messages li {
  61. margin-top: 10px;
  62. }
  63. .elgg-system-messages li p {
  64. margin: 0;
  65. }
  66. /***** PAGE HEADER ******/
  67. .elgg-page-header {
  68. padding: 5px 20px 10px;
  69. position: relative;
  70. background: #60B8F7;
  71. }
  72. .elgg-page-header > .elgg-inner {
  73. position: relative;
  74. }
  75. /***** PAGE NAVBAR ******/
  76. .elgg-page-navbar {
  77. padding: 0 20px;
  78. position: relative;
  79. background: #4787B8;
  80. }
  81. .elgg-page-navbar > .elgg-inner {
  82. position: relative;
  83. }
  84. /***** PAGE BODY LAYOUT ******/
  85. .elgg-page-body {
  86. padding: 0 20px;
  87. }
  88. .elgg-layout {
  89. min-height: 360px;
  90. }
  91. .elgg-layout-widgets > .elgg-widgets {
  92. float: right;
  93. }
  94. .elgg-sidebar {
  95. position: relative;
  96. padding: 32px 0 20px 30px;
  97. float: right;
  98. width: 21.212121%;
  99. margin: 0;
  100. border-left: 1px solid #EBEBEB;
  101. }
  102. .elgg-sidebar-alt {
  103. position: relative;
  104. padding: 32px 30px 20px 0;
  105. float: left;
  106. width: 16.161616%;
  107. margin: 0 30px 0 0;
  108. border-right: 1px solid #EBEBEB;
  109. }
  110. .elgg-main {
  111. position: relative;
  112. min-height: 360px;
  113. padding: 12px 0 10px 0;
  114. }
  115. .elgg-main > .elgg-head {
  116. padding-bottom: 5px;
  117. border-bottom: 1px solid #EBEBEB;
  118. margin-bottom: 10px;
  119. }
  120. .elgg-layout-one-sidebar .elgg-main {
  121. float: left;
  122. width: 72.525252%;
  123. }
  124. .elgg-layout-two-sidebar .elgg-main {
  125. float: left;
  126. width: 50.101010%;
  127. }
  128. /***** PAGE FOOTER ******/
  129. .elgg-page-footer {
  130. color: #999;
  131. padding: 0 10px;
  132. position: relative;
  133. }
  134. .elgg-page-footer a:hover {
  135. color: #666;
  136. }