core.php 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <?php
  2. /**
  3. * Core CSS
  4. *
  5. * This file holds all the complicated/hacky stuff that you really
  6. * shouldn't touch or override unless you're sure you know what you're doing.
  7. *
  8. * Provides classes that implement cross-browser support for the following features:
  9. * * clearfix
  10. * * fluid-width content area that doesn't wrap around floats
  11. * * menu's with separators
  12. * * inline-block
  13. * * horizontal menus
  14. * * fluid gallery without using tables
  15. */
  16. ?>
  17. /* <style> /**/
  18. /* Clearfix */
  19. .clearfix:after,
  20. .elgg-grid:after,
  21. .elgg-layout:after,
  22. .elgg-inner:after,
  23. .elgg-page-header:after,
  24. .elgg-page-footer:after,
  25. .elgg-head:after,
  26. .elgg-foot:after,
  27. .elgg-col:after,
  28. .elgg-col-alt:after,
  29. .elgg-image-block:after {
  30. content: ".";
  31. display: block;
  32. height: 0;
  33. clear: both;
  34. visibility: hidden;
  35. }
  36. /* Fluid width container that does not wrap floats */
  37. .elgg-body,
  38. .elgg-col-last {
  39. display: block;
  40. width: auto;
  41. word-wrap: break-word;
  42. overflow: hidden;
  43. }
  44. <?php
  45. /**
  46. * elgg-body fills the space available to it.
  47. * It uses hidden text to expand itself. The combination of auto width, overflow
  48. * hidden, and the hidden text creates this effect.
  49. *
  50. * This allows us to float fixed width divs to either side of an .elgg-body div
  51. * without having to specify the body div's width.
  52. *
  53. * @todo check what happens with long <pre> tags or large images
  54. * @todo Move this to its own file -- it is very complicated and should not have to be overridden.
  55. */
  56. //@todo isn't this only needed if we use display:table-cell?
  57. ?>
  58. .elgg-body:after,
  59. .elgg-col-last:after {
  60. display: block;
  61. visibility: hidden;
  62. height: 0 !important;
  63. line-height: 0;
  64. overflow: hidden;
  65. /* Stretch to fill up available space */
  66. font-size: xx-large;
  67. content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
  68. }
  69. /* ***************************************
  70. * MENUS
  71. *
  72. * To add separators to a menu:
  73. * .elgg-menu-$menu > li:after {content: '|'; background: ...;}
  74. *************************************** */
  75. /* Enabled nesting of dropdown/flyout menus */
  76. .elgg-menu > li { position: relative; }
  77. .elgg-menu > li:last-child::after {
  78. display: none;
  79. }
  80. /* Maximize click target */
  81. .elgg-menu > li > a { display: block }
  82. /* Horizontal menus w/ separator support */
  83. .elgg-menu-hz > li,
  84. .elgg-menu-hz > li:after,
  85. .elgg-menu-hz > li > a,
  86. .elgg-menu-hz > li > span {
  87. vertical-align: middle;
  88. }
  89. /* Allow inline image blocks in horizontal menus */
  90. .elgg-menu-hz .elgg-body:after { content: '.'; }
  91. <?php //@todo This isn't going to work as-is. Needs testing ?>
  92. /* Inline block */
  93. .elgg-gallery > li,
  94. .elgg-button,
  95. .elgg-icon,
  96. .elgg-menu-hz > li,
  97. .elgg-menu-hz > li:after,
  98. .elgg-menu-hz > li > a,
  99. .elgg-menu-hz > li > span {
  100. /* Google says do this, but why? */
  101. position: relative;
  102. display: inline-block;
  103. }