editor.less 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. //
  2. // Misago Editor
  3. // --------------------------------------------------
  4. //== Toolbar
  5. //
  6. //**
  7. .misago-editor {
  8. border: 2px solid @form-panel-border;
  9. border-radius: @border-radius-large;
  10. overflow: hidden;
  11. margin-bottom: @line-height-computed;
  12. .editor-toolbar {
  13. background: @form-panel-footer-bg;
  14. border-bottom: 1px solid @form-panel-border;
  15. padding: @padding-small-vertical @padding-small-horizontal;
  16. &>ul {
  17. margin: 0px;
  18. padding: 0px;
  19. overflow: auto;
  20. &>li {
  21. padding: @padding-xs-vertical @padding-xs-horizontal;
  22. float: left;
  23. .btn-default {
  24. background-color: transparent;
  25. border: none;
  26. .box-shadow(none);
  27. padding: 4px 0px;
  28. color: @state-default;
  29. font-size: @font-size-base + 1px;
  30. text-align: center;
  31. &:hover {
  32. border-color: @state-default;
  33. top: 0px;
  34. color: @state-hover;
  35. outline: none;
  36. text-shadow: none;
  37. }
  38. &.active, &:active {
  39. border-color: @state-clicked;
  40. top: 0px;
  41. color: @state-clicked;
  42. outline: none;
  43. text-shadow: none;
  44. }
  45. &:focus {
  46. top: 0px;
  47. outline: none;
  48. }
  49. }
  50. }
  51. }
  52. }
  53. }
  54. //== Textarea
  55. //
  56. //**
  57. .misago-editor {
  58. .editor-textarea {
  59. padding: 4px 0px;
  60. textarea {
  61. border: 0px;
  62. width: 100%;
  63. margin: 0px;
  64. padding: @padding-large-vertical @padding-large-horizontal;
  65. font-family: @font-family-monospace;
  66. font-size: @font-size-small;
  67. resize: none;
  68. outline: none;
  69. }
  70. }
  71. }
  72. //== Footer
  73. //
  74. //**
  75. .misago-editor {
  76. .editor-footer {
  77. }
  78. }
  79. //== File uploads
  80. //
  81. //**
  82. .misago-editor {
  83. .editor-upload {
  84. position: fixed;
  85. top: -1000px;
  86. }
  87. }