helpers.php 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. <?php
  2. /**
  3. * Helpers CSS
  4. *
  5. * Contains generic elements that can be used throughout the site.
  6. *
  7. * @package Elgg.Core
  8. * @subpackage UI
  9. */
  10. ?>
  11. /* <style> /**/
  12. .clearfloat {
  13. clear: both;
  14. }
  15. <?php /* Need .elgg-page to be able to override .elgg-menu-hz > li {display:inline-block} and such */ ?>
  16. .hidden,
  17. .elgg-page .hidden {
  18. display: none;
  19. }
  20. .centered {
  21. margin: 0 auto;
  22. }
  23. .center {
  24. text-align: center;
  25. }
  26. .float {
  27. float: left;
  28. }
  29. .float-alt {
  30. float: right;
  31. }
  32. .link {
  33. cursor: pointer;
  34. }
  35. .elgg-discover .elgg-discoverable {
  36. display: none;
  37. }
  38. .elgg-discover:hover .elgg-discoverable {
  39. display: block;
  40. }
  41. .elgg-transition:hover,
  42. .elgg-transition:focus,
  43. :focus > .elgg-transition {
  44. opacity: .7;
  45. }
  46. /* ***************************************
  47. BORDERS AND SEPARATORS
  48. *************************************** */
  49. .elgg-border-plain {
  50. border: 1px solid #eeeeee;
  51. }
  52. .elgg-border-transition {
  53. border: 1px solid #eeeeee;
  54. }
  55. .elgg-divide-top {
  56. border-top: 1px solid #CCCCCC;
  57. }
  58. .elgg-divide-bottom {
  59. border-bottom: 1px solid #CCCCCC;
  60. }
  61. .elgg-divide-left {
  62. border-left: 1px solid #CCCCCC;
  63. }
  64. .elgg-divide-right {
  65. border-right: 1px solid #CCCCCC;
  66. }
  67. /* ***************************************
  68. Spacing (from OOCSS)
  69. *************************************** */
  70. <?php
  71. /**
  72. * Spacing classes
  73. * Should be used to modify the default spacing between objects (not between nodes of the same object)
  74. * Please use judiciously. You want to be using defaults most of the time, these are exceptions!
  75. * <type><location><size>
  76. * <type>: m = margin, p = padding
  77. * <location>: a = all, t = top, r = right, b = bottom, l = left, h = horizontal, v = vertical
  78. * <size>: n = none, s = small, m = medium, l = large
  79. */
  80. $none = '0';
  81. $small = '5px';
  82. $medium = '10px';
  83. $large = '20px';
  84. echo <<<CSS
  85. /* Padding */
  86. .pan{padding:$none}
  87. .prn, .phn{padding-right:$none}
  88. .pln, .phn{padding-left:$none}
  89. .ptn, .pvn{padding-top:$none}
  90. .pbn, .pvn{padding-bottom:$none}
  91. .pas{padding:$small}
  92. .prs, .phs{padding-right:$small}
  93. .pls, .phs{padding-left:$small}
  94. .pts, .pvs{padding-top:$small}
  95. .pbs, .pvs{padding-bottom:$small}
  96. .pam{padding:$medium}
  97. .prm, .phm{padding-right:$medium}
  98. .plm, .phm{padding-left:$medium}
  99. .ptm, .pvm{padding-top:$medium}
  100. .pbm, .pvm{padding-bottom:$medium}
  101. .pal{padding:$large}
  102. .prl, .phl{padding-right:$large}
  103. .pll, .phl{padding-left:$large}
  104. .ptl, .pvl{padding-top:$large}
  105. .pbl, .pvl{padding-bottom:$large}
  106. /* Margin */
  107. .man{margin:$none}
  108. .mrn, .mhn{margin-right:$none}
  109. .mln, .mhn{margin-left:$none}
  110. .mtn, .mvn{margin-top:$none}
  111. .mbn, .mvn{margin-bottom:$none}
  112. .mas{margin:$small}
  113. .mrs, .mhs{margin-right:$small}
  114. .mls, .mhs{margin-left:$small}
  115. .mts, .mvs{margin-top:$small}
  116. .mbs, .mvs{margin-bottom:$small}
  117. .mam{margin:$medium}
  118. .mrm, .mhm{margin-right:$medium}
  119. .mlm, .mhm{margin-left:$medium}
  120. .mtm, .mvm{margin-top:$medium}
  121. .mbm, .mvm{margin-bottom:$medium}
  122. .mal{margin:$large}
  123. .mrl, .mhl{margin-right:$large}
  124. .mll, .mhl{margin-left:$large}
  125. .mtl, .mvl{margin-top:$large}
  126. .mbl, .mvl{margin-bottom:$large}
  127. CSS;