_gfbox.scss 1008 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. .gf-box {
  2. margin: 10px 5px;
  3. background-color: $page-bg;
  4. position: relative;
  5. border: 1px solid $tight-form-func-bg;
  6. }
  7. .gf-box-no-margin {
  8. margin: 0;
  9. }
  10. .gf-box-header-close-btn {
  11. float: right;
  12. padding: 0;
  13. margin: 0;
  14. background-color: transparent;
  15. border: none;
  16. padding: 8px;
  17. i {
  18. font-size: 120%;
  19. }
  20. color: $text-color;
  21. &:hover {
  22. color: $white;
  23. }
  24. }
  25. .gf-box-header-save-btn {
  26. padding: 7px 0;
  27. float: right;
  28. color: $gray-2;
  29. font-style: italic;
  30. }
  31. .gf-box-body {
  32. padding: 20px;
  33. min-height: 150px;
  34. }
  35. .gf-box-footer {
  36. overflow: hidden;
  37. }
  38. .gf-box-header {
  39. border-bottom: 1px solid $tight-form-func-bg;
  40. overflow: hidden;
  41. background-color: $tight-form-bg;
  42. .tabs {
  43. float: left;
  44. }
  45. .nav {
  46. margin: 0;
  47. }
  48. }
  49. .gf-box-title {
  50. padding-right: 20px;
  51. padding-left: 10px;
  52. float: left;
  53. color: $link-color;
  54. font-size: 18px;
  55. font-weight: normal;
  56. line-height: 38px;
  57. margin: 0;
  58. .fa {
  59. padding: 0 8px 0 5px;
  60. color: $text-color;
  61. }
  62. }