bootstrap-markdown.css 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. .md-editor {
  2. display: block;
  3. border: 1px solid #ddd; }
  4. .md-editor .md-footer, .md-editor > .md-header {
  5. display: block;
  6. padding: 6px 4px;
  7. background: #f5f5f5; }
  8. .md-editor > .md-header {
  9. margin: 0; }
  10. .md-editor > .md-preview {
  11. background: #fff;
  12. border-top: 1px dashed #ddd;
  13. border-bottom: 1px dashed #ddd;
  14. min-height: 10px;
  15. overflow: auto; }
  16. .md-editor > textarea {
  17. font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
  18. font-size: 14px;
  19. outline: 0;
  20. margin: 0;
  21. display: block;
  22. padding: 0;
  23. width: 100%;
  24. border: 0;
  25. border-top: 1px dashed #ddd;
  26. border-bottom: 1px dashed #ddd;
  27. border-radius: 0;
  28. -webkit-box-shadow: none;
  29. box-shadow: none;
  30. background: #eee; }
  31. .md-editor > textarea:focus {
  32. -webkit-box-shadow: none;
  33. box-shadow: none;
  34. background: #fff; }
  35. .md-editor.active {
  36. border-color: #66afe9;
  37. outline: 0;
  38. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  39. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  40. .md-editor .md-controls {
  41. float: right;
  42. padding: 3px; }
  43. .md-editor .md-controls .md-control {
  44. right: 5px;
  45. color: #bebebe;
  46. padding: 3px 3px 3px 10px; }
  47. .md-editor .md-controls .md-control:hover {
  48. color: #333; }
  49. .md-editor.md-fullscreen-mode {
  50. width: 100%;
  51. height: 100%;
  52. position: fixed;
  53. top: 0;
  54. left: 0;
  55. z-index: 99999;
  56. padding: 60px 30px 15px;
  57. background: #fff !important;
  58. border: 0 !important; }
  59. .md-editor.md-fullscreen-mode .md-footer {
  60. display: none; }
  61. .md-editor.md-fullscreen-mode .md-input, .md-editor.md-fullscreen-mode .md-preview {
  62. margin: 0 auto !important;
  63. height: 100% !important;
  64. font-size: 20px !important;
  65. padding: 20px !important;
  66. color: #999;
  67. line-height: 1.6em !important;
  68. resize: none !important;
  69. -webkit-box-shadow: none !important;
  70. box-shadow: none !important;
  71. background: #fff !important;
  72. border: 0 !important; }
  73. .md-editor.md-fullscreen-mode .md-preview {
  74. color: #333;
  75. overflow: auto; }
  76. .md-editor.md-fullscreen-mode .md-input:focus, .md-editor.md-fullscreen-mode .md-input:hover {
  77. color: #333;
  78. background: #fff !important; }
  79. .md-editor.md-fullscreen-mode .md-header {
  80. background: 0 0;
  81. text-align: center;
  82. position: fixed;
  83. width: 100%;
  84. top: 20px; }
  85. .md-editor.md-fullscreen-mode .btn-group {
  86. float: none; }
  87. .md-editor.md-fullscreen-mode .btn {
  88. border: 0;
  89. background: 0 0;
  90. color: #b3b3b3; }
  91. .md-editor.md-fullscreen-mode .btn.active, .md-editor.md-fullscreen-mode .btn:active, .md-editor.md-fullscreen-mode .btn:focus, .md-editor.md-fullscreen-mode .btn:hover {
  92. -webkit-box-shadow: none;
  93. box-shadow: none;
  94. color: #333; }
  95. .md-editor.md-fullscreen-mode .md-fullscreen-controls {
  96. position: absolute;
  97. top: 20px;
  98. right: 20px;
  99. text-align: right;
  100. z-index: 1002;
  101. display: block; }
  102. .md-editor.md-fullscreen-mode .md-fullscreen-controls a {
  103. color: #b3b3b3;
  104. clear: right;
  105. margin: 10px;
  106. width: 30px;
  107. height: 30px;
  108. text-align: center; }
  109. .md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
  110. color: #333;
  111. text-decoration: none; }
  112. .md-editor.md-fullscreen-mode .md-editor {
  113. height: 100% !important;
  114. position: relative; }
  115. .md-editor .md-fullscreen-controls {
  116. display: none; }
  117. .md-nooverflow {
  118. overflow: hidden;
  119. position: fixed;
  120. width: 100%; }
  121. /*# sourceMappingURL=bootstrap-markdown.css.map */