_box.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .box {
  2. margin-bottom: $pad;
  3. .title {
  4. padding-left: 5px;
  5. padding-right: 5px;
  6. border-bottom: 30px solid $cMenuOutline;
  7. border-right: 20px solid rgba(0,0,0,0);
  8. display: inline-block;
  9. height: 0;
  10. line-height: 32px;
  11. font-family: $fSerif;
  12. font-variant: small-caps;
  13. text-shadow: 1px 1px 2px transparentize($cBoxHeading, .2);
  14. color: $cBoxHeading;
  15. }
  16. .body {
  17. border-top: 2px solid $cMenuOutline;
  18. border-bottom: 1px solid $cMenuOutline;
  19. background-color: $cMenuBG;
  20. }
  21. p {
  22. padding: 5px;
  23. margin: 0 !important;
  24. }
  25. }
  26. .box-left {
  27. float: left;
  28. }
  29. .box-center {
  30. text-align: center;
  31. margin: 0 auto $pad auto;
  32. float: none;
  33. .title {
  34. border-bottom: 30px solid $cMenuOutline;
  35. border-right: 20px solid rgba(0,0,0,0);
  36. border-left: 20px solid rgba(0,0,0,0);
  37. }
  38. .body {
  39. text-align: left;
  40. }
  41. }
  42. .box-right {
  43. float: right;
  44. text-align: right;
  45. .title {
  46. border-bottom: 30px solid $cMenuOutline;
  47. border-left: 20px solid rgba(0,0,0,0);
  48. border-right: none;
  49. }
  50. .body {
  51. text-align: left;
  52. }
  53. }