walled_garden.php 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <?php
  2. /**
  3. * Walled garden CSS
  4. */
  5. ?>
  6. /* <style> /**/
  7. .elgg-body-walledgarden {
  8. margin: 100px auto 0;
  9. position: relative;
  10. width: 530px;
  11. }
  12. .elgg-module-walledgarden {
  13. position: absolute;
  14. top: 0;
  15. left: 0;
  16. background-color: #FFF;
  17. border: 1px solid #DEDEDE;
  18. padding: 10px;
  19. border-radius: 3px;
  20. box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.25);
  21. }
  22. .elgg-module-walledgarden > .elgg-head {
  23. padding: 20px 20px 0 20px;
  24. }
  25. .elgg-module-walledgarden > .elgg-body {
  26. padding: 0 20px;
  27. }
  28. .elgg-module-walledgarden > .elgg-foot {
  29. padding: 0 20px 20px 20px;
  30. }
  31. .elgg-menu-walled-garden {
  32. margin: 10px 0;
  33. }
  34. .elgg-walledgarden-single > .elgg-body {
  35. padding: 0 18px;
  36. }
  37. .elgg-body-walledgarden h3 {
  38. font-size: 1.5em;
  39. line-height: 1.1em;
  40. padding-bottom: 5px;
  41. }
  42. .elgg-heading-walledgarden {
  43. line-height: 1.1em;
  44. }
  45. .elgg-module-walledgarden .elgg-output img {
  46. width: 100%;
  47. height: auto;
  48. }
  49. @media (max-width: 600px) {
  50. .elgg-page-walledgarden {
  51. padding: 20px;
  52. }
  53. .elgg-body-walledgarden {
  54. margin: 40px auto 0;
  55. width: auto;
  56. }
  57. }