_toolsTab.scss 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. .tab-panel {
  2. &.tools-panel {
  3. overflow-y : auto;
  4. }
  5. .tool-title1 {
  6. font-size : 1.1em;
  7. padding : 10px;
  8. }
  9. .tool-title2 {
  10. margin : 10px 0 10px 0;
  11. font-size : 1.05em;
  12. border-bottom : 1px solid $color-bot;
  13. box-sizing : border-box;
  14. }
  15. .tool-label {
  16. background-color: $background-lighter;
  17. border : none;
  18. outline : none;
  19. font-family : $font;
  20. color : darken($color, 10%);
  21. padding : 5px;
  22. margin : 0px 6px 0px 0;
  23. }
  24. .tool-label-line {
  25. @extend .tool-label;
  26. width : 100%;
  27. }
  28. .tool-label-error {
  29. @extend .tool-label;
  30. color : $color-error;
  31. width : 100%;
  32. background-color: none;
  33. }
  34. .tool-value {
  35. display : inline-block;
  36. width : 25%;
  37. padding : 2px;
  38. background-color: $background-lighter;
  39. border-top : 1px solid $background;
  40. border-bottom : 1px solid $background;
  41. height : 30px;
  42. line-height : 30px;
  43. box-sizing : border-box;
  44. }
  45. .tool-infos {
  46. width : 100%;
  47. padding : 4px;
  48. }
  49. .tool-input {
  50. background-color: $background-lighter;
  51. border : none;
  52. outline : none;
  53. font-family : $font;
  54. color : $color;
  55. padding : 5px 10px;
  56. margin : 0px 6px 0px 0;
  57. width : 100%;
  58. border-top : 1px solid $background;
  59. border-bottom : 1px solid $background;
  60. text-align: left;
  61. &:hover {
  62. background-color:$background-lighter2;
  63. cursor: pointer;
  64. }
  65. &:active {
  66. background-color:$background-lighter3;
  67. }
  68. }
  69. }