Mirror of Quill
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

156 lines
2.3 KiB

  1. /* CSS Mini Reset */
  2. html, body, div, form, fieldset, legend, label
  3. {
  4. margin: 0;
  5. padding: 0;
  6. }
  7. table
  8. {
  9. border-collapse: collapse;
  10. border-spacing: 0;
  11. }
  12. th, td
  13. {
  14. text-align: left;
  15. vertical-align: top;
  16. }
  17. h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }
  18. img { border: 0; }
  19. /* ************************************** */
  20. /* Toolbar */
  21. .toolbar {
  22. padding: 13px;
  23. border-bottom: 1px #eee solid;
  24. background-color: rgba(255,255,255,0.97);
  25. position: fixed;
  26. top: 0;
  27. width: 100%;
  28. z-index: 1000;
  29. }
  30. .toolbar-left {
  31. float: left;
  32. }
  33. .toolbar-right {
  34. float: right;
  35. margin-right: 40px;
  36. }
  37. .toolbar-left .item {
  38. margin-right: 8px;
  39. display: inline-block;
  40. }
  41. .toolbar-left .logo {
  42. vertical-align: middle;
  43. }
  44. #draft-status {
  45. color: #aaa;
  46. font-family: sans-serif;
  47. font-size: 16px;
  48. }
  49. .toolbar .clear {
  50. clear: both;
  51. }
  52. .toolbar .btn {
  53. height: 38px;
  54. -webkit-border-radius: 999px;
  55. -moz-border-radius: 999px;
  56. border-radius: 999px;
  57. display: inline-block;
  58. padding: 0 24px;
  59. background: rgba(0,0,0,0);
  60. font-size: 14px;
  61. text-decoration: none;
  62. text-align: center;
  63. border: 1px #93dee5 solid;
  64. color: #60b1b8;
  65. vertical-align: middle;
  66. cursor: pointer;
  67. }
  68. /* ************************************** */
  69. /* Editor CSS */
  70. body {
  71. font-size: 22px;
  72. line-height: 30px;
  73. }
  74. body, input {
  75. font-family: Georgia,Cambria,"Times New Roman",Times,serif;
  76. }
  77. *:focus {
  78. outline: none;
  79. }
  80. .container {
  81. width: 960px;
  82. margin: 0 auto;
  83. margin-top: 63px;
  84. z-index: 0;
  85. }
  86. #post-name {
  87. margin-top: 20px;
  88. margin-bottom: 20px;
  89. border: 0;
  90. font-weight: bold;
  91. font-size: 42px;
  92. }
  93. #content {
  94. min-height: 300px;
  95. }
  96. /* editor's h1 is actually h3 */
  97. h3 {
  98. font-weight: bold;
  99. font-size: 36px;
  100. }
  101. h4 {
  102. font-weight: bold;
  103. font-size: 30px;
  104. }
  105. p {
  106. margin-bottom: 30px;
  107. }
  108. pre {
  109. font-family: 'Menlo', monospace;
  110. font-size: 15px;
  111. background-color: #f0f0f0;
  112. padding: 15px;
  113. border: 1px solid #ccc;
  114. border-radius: 5px;
  115. color: #666;
  116. }
  117. blockquote {
  118. display: block;
  119. padding-left: 20px;
  120. border-left: 6px solid #dbdbdb;
  121. margin-left: -15px;
  122. padding-left: 15px;
  123. font-style: italic;
  124. color: #555;
  125. }
  126. .editable,
  127. .secondEditable {
  128. outline: none;
  129. margin: 0 0 20px 0;
  130. padding: 0 0 20px 0;
  131. border-bottom: 1px solid #dbdbdb;
  132. border-top: 1px solid #dbdbdb;
  133. }
  134. .editable .placeholder {
  135. color: #ccc;
  136. }