wysiwyg.css 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308
  1. @charset "UTF-8";
  2. /* LISIBILITY */
  3. /*
  4. * www.g-u-i.net
  5. */
  6. /* line 5, ../scss/wysiwyg.scss */
  7. * {
  8. font-size: 14px;
  9. }
  10. /* line 6, ../scss/wysiwyg.scss */
  11. div {
  12. border: 1px dashed #D4D4D4;
  13. }
  14. /* line 7, ../scss/wysiwyg.scss */
  15. p:after, ul:after {
  16. content: "¬";
  17. color: red;
  18. }
  19. /* line 9, ../scss/wysiwyg.scss */
  20. h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
  21. color: blue;
  22. font-weight: normal;
  23. font-size: 10px;
  24. vertical-align: super;
  25. }
  26. /* line 13, ../scss/wysiwyg.scss */
  27. h1:before {
  28. content: "h1 ";
  29. }
  30. /* line 14, ../scss/wysiwyg.scss */
  31. h2:before {
  32. content: "h2 ";
  33. }
  34. /* line 15, ../scss/wysiwyg.scss */
  35. h3:before {
  36. content: "h3 ";
  37. }
  38. /* line 16, ../scss/wysiwyg.scss */
  39. h4:before {
  40. content: "h4 ";
  41. }
  42. /* line 17, ../scss/wysiwyg.scss */
  43. h5:before {
  44. content: "h5 ";
  45. }
  46. /* line 18, ../scss/wysiwyg.scss */
  47. h6:before {
  48. content: "h6 ";
  49. }
  50. /* line 21, ../scss/wysiwyg.scss */
  51. h2 {
  52. font-size: 24px;
  53. }
  54. /* line 22, ../scss/wysiwyg.scss */
  55. h3 {
  56. font-size: 18px;
  57. }
  58. /* line 23, ../scss/wysiwyg.scss */
  59. h4 {
  60. font-size: 16px;
  61. }
  62. /* line 24, ../scss/wysiwyg.scss */
  63. h5 {
  64. font-size: 14px;
  65. }
  66. /* line 25, ../scss/wysiwyg.scss */
  67. h6 {
  68. font-size: 12px;
  69. }
  70. /* line 27, ../scss/wysiwyg.scss */
  71. br:after {
  72. content: "·";
  73. color: red;
  74. border: 1px solid #999;
  75. }
  76. /* LAYOUT AND GRAPHICS */
  77. /* line 39, ../scss/wysiwyg.scss */
  78. img {
  79. height: auto;
  80. margin: 0.5em 0;
  81. }
  82. /* line 40, ../scss/wysiwyg.scss */
  83. p {
  84. border: 1px dashed #848484;
  85. }
  86. /* line 41, ../scss/wysiwyg.scss */
  87. div {
  88. border: 1px solid #1A1A1A;
  89. }
  90. /* line 43, ../scss/wysiwyg.scss */
  91. img, p, div {
  92. position: relative;
  93. }
  94. /* line 44, ../scss/wysiwyg.scss */
  95. img:before, p:before, div:before {
  96. font-size: 10px;
  97. color: red;
  98. background-color: #1A1A1A;
  99. position: absolute;
  100. top: 0;
  101. z-index: 3000;
  102. }
  103. /* line 46, ../scss/wysiwyg.scss */
  104. img.full, p.full, div.full {
  105. width: 99%;
  106. }
  107. /* line 46, ../scss/wysiwyg.scss */
  108. img.full:before, p.full:before, div.full:before {
  109. content: " full ";
  110. }
  111. /* line 47, ../scss/wysiwyg.scss */
  112. img.demi, p.demi, div.demi {
  113. width: 47%;
  114. margin-right: 2%;
  115. }
  116. /* line 47, ../scss/wysiwyg.scss */
  117. img.demi:before, p.demi:before, div.demi:before {
  118. content: " demi ";
  119. right: 0;
  120. }
  121. /* line 48, ../scss/wysiwyg.scss */
  122. img.tiers, p.tiers, div.tiers {
  123. width: 29%;
  124. margin-right: 2%;
  125. }
  126. /* line 48, ../scss/wysiwyg.scss */
  127. img.tiers:before, p.tiers:before, div.tiers:before {
  128. content: " tiers ";
  129. right: 0;
  130. }
  131. /* line 49, ../scss/wysiwyg.scss */
  132. img.quart, p.quart, div.quart {
  133. width: 23%;
  134. margin-right: 2%;
  135. }
  136. /* line 49, ../scss/wysiwyg.scss */
  137. img.quart:before, p.quart:before, div.quart:before {
  138. content: " quart ";
  139. right: 0;
  140. }
  141. /* line 51, ../scss/wysiwyg.scss */
  142. img.demi-left, p.demi-left, div.demi-left {
  143. width: 47%;
  144. float: left;
  145. margin-right: 2%;
  146. }
  147. /* line 51, ../scss/wysiwyg.scss */
  148. img.demi-left:before, p.demi-left:before, div.demi-left:before {
  149. content: " demi-left ";
  150. left: 0;
  151. }
  152. /* line 52, ../scss/wysiwyg.scss */
  153. img.demi-right, p.demi-right, div.demi-right {
  154. width: 47%;
  155. float: right;
  156. margin-left: 2%;
  157. }
  158. /* line 52, ../scss/wysiwyg.scss */
  159. img.demi-right:before, p.demi-right:before, div.demi-right:before {
  160. content: " demi-right ";
  161. right: 0;
  162. }
  163. /* line 53, ../scss/wysiwyg.scss */
  164. img.demi-center, p.demi-center, div.demi-center {
  165. width: 47%;
  166. display: block;
  167. margin: 0 auto;
  168. }
  169. /* line 53, ../scss/wysiwyg.scss */
  170. img.demi-center:before, p.demi-center:before, div.demi-center:before {
  171. content: " demi-denter ";
  172. right: 0;
  173. }
  174. /* line 55, ../scss/wysiwyg.scss */
  175. img.tiers-left, p.tiers-left, div.tiers-left {
  176. width: 29%;
  177. float: left;
  178. margin-right: 2%;
  179. }
  180. /* line 55, ../scss/wysiwyg.scss */
  181. img.tiers-left:before, p.tiers-left:before, div.tiers-left:before {
  182. content: " tiers-left ";
  183. left: 0;
  184. }
  185. /* line 56, ../scss/wysiwyg.scss */
  186. img.tiers-right, p.tiers-right, div.tiers-right {
  187. width: 29%;
  188. float: right;
  189. margin-left: 2%;
  190. }
  191. /* line 56, ../scss/wysiwyg.scss */
  192. img.tiers-right:before, p.tiers-right:before, div.tiers-right:before {
  193. content: " tiers-right ";
  194. right: 0;
  195. }
  196. /* line 57, ../scss/wysiwyg.scss */
  197. img.tiers-center, p.tiers-center, div.tiers-center {
  198. width: 29%;
  199. display: block;
  200. margin: 0 auto;
  201. }
  202. /* line 57, ../scss/wysiwyg.scss */
  203. img.tiers-center:before, p.tiers-center:before, div.tiers-center:before {
  204. content: " tiers-center ";
  205. right: 0;
  206. }
  207. /* line 59, ../scss/wysiwyg.scss */
  208. img.quart-left, p.quart-left, div.quart-left {
  209. width: 23%;
  210. float: left;
  211. margin-right: 2%;
  212. }
  213. /* line 59, ../scss/wysiwyg.scss */
  214. img.quart-left:before, p.quart-left:before, div.quart-left:before {
  215. content: " quart-left ";
  216. left: 0;
  217. }
  218. /* line 60, ../scss/wysiwyg.scss */
  219. img.quart-right, p.quart-right, div.quart-right {
  220. width: 23%;
  221. float: right;
  222. margin-left: 2%;
  223. }
  224. /* line 60, ../scss/wysiwyg.scss */
  225. img.quart-right:before, p.quart-right:before, div.quart-right:before {
  226. content: " quart-right ";
  227. right: 0;
  228. }
  229. /* line 61, ../scss/wysiwyg.scss */
  230. img.quart-center, p.quart-center, div.quart-center {
  231. width: 23%;
  232. display: block;
  233. margin: 0 auto;
  234. }
  235. /* line 61, ../scss/wysiwyg.scss */
  236. img.quart-center:before, p.quart-center:before, div.quart-center:before {
  237. content: " quart-center ";
  238. right: 0;
  239. }
  240. /* line 67, ../scss/wysiwyg.scss */
  241. table, tr, td {
  242. position: relative;
  243. padding: 1em 0.3em 0.3em;
  244. width: 100%;
  245. }
  246. /* line 72, ../scss/wysiwyg.scss */
  247. table:before, tr:before, td:before {
  248. font-size: 10px;
  249. color: white;
  250. background-color: blue;
  251. position: absolute;
  252. top: 0;
  253. left: 0;
  254. z-index: 3000;
  255. padding: 1px 3px;
  256. }
  257. /* line 78, ../scss/wysiwyg.scss */
  258. table {
  259. border: 2px solid blue !important;
  260. }
  261. /* line 80, ../scss/wysiwyg.scss */
  262. table:before {
  263. content: "table";
  264. }
  265. /* line 83, ../scss/wysiwyg.scss */
  266. tr {
  267. display: block;
  268. border: 1px dashed blue !important;
  269. }
  270. /* line 86, ../scss/wysiwyg.scss */
  271. tr:before {
  272. content: "tr";
  273. }
  274. /* line 89, ../scss/wysiwyg.scss */
  275. td {
  276. border: 1px dotted blue !important;
  277. }
  278. /* line 91, ../scss/wysiwyg.scss */
  279. td:before {
  280. content: "td";
  281. }
  282. /* line 92, ../scss/wysiwyg.scss */
  283. td p {
  284. padding: 0 15px;
  285. }