midman.less 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. // Fancy Ajax "modal" alt
  2. // -------------------------
  3. .midman {
  4. display: none;
  5. overflow: visible;
  6. .midman-arrow {
  7. border-left: 10px solid transparent;
  8. border-right: 10px solid transparent;
  9. border-bottom: 10px solid @black;
  10. width: 0;
  11. height: 0;
  12. margin-top: -10px;
  13. position: relative;
  14. bottom: @baseLineHeight * 1.5;
  15. }
  16. .midman-padding {
  17. background-color: @midmanBackground;
  18. border-bottom: 1px solid lighten(@bodyBackground, 8%);
  19. box-shadow: inset 0px 4px 14px @black;
  20. padding: (@baseLineHeight * 1.5) 0px;
  21. color: @grayLighter;
  22. text-shadow: 0px 1px 2px @black;
  23. a:link, a:visited {
  24. color: darken(@white, 10%);
  25. }
  26. a:hover, a:active {
  27. color: @white;
  28. }
  29. .table {
  30. td {
  31. border-color: @gray;
  32. }
  33. }
  34. .loaded-content {
  35. width: 80%;
  36. margin: 0px auto;
  37. }
  38. .ajax-error {
  39. display: none;
  40. color: @red;
  41. font-size: @fontSizeLarge * 2;
  42. text-align: center;
  43. }
  44. .btn {
  45. background-color: @grayLight;
  46. border-color: @grayDarker;
  47. color: @grayLighter !important;
  48. text-shadow: 0px 1px 1px @gray;
  49. &:hover, &:active {
  50. color: @textColor !important;
  51. text-shadow: 0px 1px 1px @white;
  52. }
  53. }
  54. }
  55. }