layout.php 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  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. height: 90px;
  26. }
  27. .elgg-page-default .elgg-page-body > .elgg-inner {
  28. max-width: 990px;
  29. margin: 0 auto;
  30. }
  31. .elgg-page-default .elgg-page-footer > .elgg-inner {
  32. max-width: 990px;
  33. margin: 0 auto;
  34. padding: 5px 0;
  35. border-top: 1px solid #DEDEDE;
  36. }
  37. /***** TOPBAR ******/
  38. .elgg-page-topbar {
  39. background: #333333 url(<?php echo elgg_get_site_url(); ?>_graphics/toptoolbar_background.gif) repeat-x top left;
  40. border-bottom: 1px solid #000000;
  41. padding: 0 10px;
  42. position: relative;
  43. height: 24px;
  44. z-index: 9000;
  45. }
  46. /***** PAGE MESSAGES ******/
  47. .elgg-system-messages {
  48. position: fixed;
  49. top: 24px;
  50. right: 20px;
  51. max-width: 500px;
  52. z-index: 2000;
  53. }
  54. .elgg-system-messages li {
  55. margin-top: 10px;
  56. }
  57. .elgg-system-messages li p {
  58. margin: 0;
  59. }
  60. /***** PAGE HEADER ******/
  61. .elgg-page-header {
  62. padding: 0 10px;
  63. position: relative;
  64. background: #4690D6 url(<?php echo elgg_get_site_url(); ?>_graphics/header_shadow.png) repeat-x bottom left;
  65. }
  66. .elgg-page-header > .elgg-inner {
  67. position: relative;
  68. }
  69. /***** PAGE BODY LAYOUT ******/
  70. .elgg-page-body {
  71. padding: 0 10px;
  72. }
  73. .elgg-layout {
  74. min-height: 360px;
  75. }
  76. .elgg-layout-one-sidebar {
  77. background: transparent url(<?php echo elgg_get_site_url(); ?>_graphics/sidebar_background.gif) repeat-y right top;
  78. }
  79. .elgg-layout-two-sidebar {
  80. background: transparent url(<?php echo elgg_get_site_url(); ?>_graphics/two_sidebar_background.gif) repeat-y right top;
  81. }
  82. .elgg-layout-widgets > .elgg-widgets {
  83. float: right;
  84. }
  85. .elgg-sidebar {
  86. position: relative;
  87. padding: 20px 10px;
  88. float: right;
  89. width: 210px;
  90. margin: 0 0 0 10px;
  91. }
  92. .elgg-sidebar-alt {
  93. position: relative;
  94. padding: 20px 10px;
  95. float: left;
  96. width: 160px;
  97. margin: 0 10px 0 0;
  98. }
  99. .elgg-main {
  100. position: relative;
  101. min-height: 360px;
  102. padding: 10px;
  103. }
  104. .elgg-main > .elgg-head {
  105. padding-bottom: 3px;
  106. border-bottom: 1px solid #CCCCCC;
  107. margin-bottom: 10px;
  108. }
  109. /***** PAGE FOOTER ******/
  110. .elgg-page-footer {
  111. color: #999;
  112. padding: 0 10px;
  113. position: relative;
  114. }
  115. .elgg-page-footer a:hover {
  116. color: #666;
  117. }