froala_page.css 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
  1. /*!
  2. * froala_editor v1.2.2 (http://editor.froala.com)
  3. * Copyright 2014-2014 Froala
  4. */
  5. .froala-element img.fr-fil,
  6. img.fr-tag.fr-fil {
  7. z-index: 1;
  8. position: relative;
  9. vertical-align: top;
  10. display: block;
  11. margin: auto;
  12. overflow: auto;
  13. padding: 10px 10px 10px 3px;
  14. float: left !important;
  15. }
  16. .froala-element img.fr-fil.fr-tni,
  17. img.fr-tag.fr-fil.fr-tni {
  18. float: none !important;
  19. margin-left: 0 !important;
  20. }
  21. .froala-element img.fr-fir,
  22. img.fr-tag.fr-fir {
  23. z-index: 1;
  24. position: relative;
  25. vertical-align: top;
  26. display: block;
  27. margin: auto;
  28. overflow: auto;
  29. padding: 10px 3px 10px 10px;
  30. float: right !important;
  31. }
  32. .froala-element img.fr-fir.fr-tni,
  33. img.fr-tag.fr-fir.fr-tni {
  34. float: none !important;
  35. margin-right: 0 !important;
  36. }
  37. .froala-element img.fr-fin,
  38. img.fr-tag.fr-fin {
  39. z-index: 1;
  40. position: relative;
  41. vertical-align: top;
  42. display: block;
  43. margin: auto;
  44. overflow: auto;
  45. padding: 10px 0;
  46. float: none;
  47. }
  48. .froala-element a.fr-file,
  49. a.fr-file {
  50. position: relative;
  51. }
  52. .froala-element a.fr-file:before,
  53. a.fr-file:before {
  54. position: relative;
  55. display: inline-block;
  56. font-family: FontAwesome;
  57. font-style: normal;
  58. font-weight: normal;
  59. line-height: 1;
  60. -webkit-font-smoothing: antialiased;
  61. -moz-osx-font-smoothing: grayscale;
  62. content: "\f0c6";
  63. top: 0;
  64. padding-right: 3px;
  65. }
  66. .froala-element hr,
  67. hr.fr-tag {
  68. height: 0px;
  69. border: 0;
  70. border-top: solid 1px #cccccc;
  71. clear: both;
  72. }
  73. .froala-element pre,
  74. pre.fr-tag {
  75. white-space: pre-wrap;
  76. /* CSS3 */
  77. white-space: -moz-pre-wrap;
  78. /* Mozilla, post millennium */
  79. white-space: -pre-wrap;
  80. /* Opera 4-6 */
  81. white-space: -o-pre-wrap;
  82. /* Opera 7 */
  83. word-wrap: break-word;
  84. /* Internet Explorer 5.5+ */
  85. border: solid 1px #cccccc;
  86. background: #fcfcfc;
  87. padding: 10px;
  88. border-radius: 4px;
  89. -moz-border-radius: 4px;
  90. -webkit-border-radius: 4px;
  91. -moz-background-clip: padding;
  92. -webkit-background-clip: padding-box;
  93. background-clip: padding-box;
  94. }
  95. .froala-element blockquote,
  96. blockquote.fr-tag {
  97. margin-left: 20px;
  98. margin-right: 0;
  99. margin-top: 0;
  100. padding-left: 20px;
  101. position: relative;
  102. font-style: italic;
  103. border-left: solid 5px #cccccc;
  104. }
  105. .froala-element ul,
  106. .froala-element ol,
  107. ul.fr-tag,
  108. ol.fr-tag {
  109. padding-left: 25px;
  110. }
  111. .froala-element table,
  112. table.fr-tag {
  113. border-collapse: collapse;
  114. empty-cells: show;
  115. width: 100%;
  116. margin-bottom: 10px;
  117. margin-top: 10px;
  118. -webkit-box-sizing: border-box;
  119. -moz-box-sizing: border-box;
  120. box-sizing: border-box;
  121. }
  122. .froala-element table td,
  123. table.fr-tag td {
  124. border: solid 1px #cccccc;
  125. padding: 5px;
  126. }
  127. .froala-element p,
  128. p.fr-tag {
  129. margin: 0 0 10px;
  130. }
  131. .froala-element h1,
  132. h1[class="fr-tag"] {
  133. font-size: 36px;
  134. line-height: 1.1;
  135. font-weight: 400;
  136. margin-top: 20px;
  137. margin-bottom: 10px;
  138. }
  139. .froala-element h2,
  140. h2[class="fr-tag"] {
  141. font-size: 30px;
  142. line-height: 1.1;
  143. font-weight: 400;
  144. margin-top: 20px;
  145. margin-bottom: 10px;
  146. }
  147. .froala-element h3,
  148. h3[class="fr-tag"] {
  149. font-size: 24px;
  150. line-height: 1.1;
  151. font-weight: 400;
  152. margin-top: 20px;
  153. margin-bottom: 10px;
  154. }
  155. .froala-element h4,
  156. h4[class="fr-tag"] {
  157. font-size: 18px;
  158. line-height: 1.1;
  159. font-weight: 400;
  160. margin-top: 10px;
  161. margin-bottom: 10px;
  162. }
  163. .froala-element h5,
  164. h5[class="fr-tag"] {
  165. font-size: 14px;
  166. line-height: 1.1;
  167. font-weight: 400;
  168. margin-top: 10px;
  169. margin-bottom: 10px;
  170. }
  171. .froala-element h6,
  172. h6[class="fr-tag"] {
  173. font-size: 12px;
  174. line-height: 1.1;
  175. font-weight: 400;
  176. margin-top: 10px;
  177. margin-bottom: 10px;
  178. }
  179. .fr-fvn {
  180. float: none;
  181. display: block !important;
  182. text-align: center !important;
  183. }
  184. .fr-fvl {
  185. float: left;
  186. margin: 10px 10px 10px 1px;
  187. }
  188. .fr-fvr {
  189. float: right;
  190. margin: 10px 1px 10px 10px;
  191. }