Simple text editor based on tiptap. HTML format.
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.
 
 
 
 
 
 

113 lines
1.5 KiB

  1. body{
  2. --txt-font-size: 1.2rem
  3. }
  4. .editor{
  5. position: relative;
  6. }
  7. .editor-main {
  8. width: 800px;
  9. margin: auto;
  10. }
  11. .editor__content {
  12. margin: auto;
  13. margin-top: 100px;
  14. line-height: 1.58;
  15. text-rendering: optimizelegibility;
  16. font-size: var(--txt-font-size);
  17. }
  18. /* MOTS */
  19. /*// — Mot - Accronyme*/
  20. .acronym{
  21. color: pink;
  22. }
  23. /*// — Mot - Etranger*/
  24. .foreign{
  25. color: red;
  26. }
  27. /* NOMS */
  28. /*// — Nom - Auteur - Citation*/
  29. .author-quotation{
  30. color : yellow;
  31. }
  32. /*// — Nom - Auteur - Œuvre*/
  33. .author-work{
  34. color: orange;
  35. }
  36. /*// — Nom - Marque*/
  37. .brand{
  38. color: coral;
  39. }
  40. .work{
  41. color: brown;
  42. }
  43. /*// — Nom - Propre*/
  44. .proper-noun{
  45. color: darkorange;
  46. }
  47. /* NOMBRES */
  48. /*// — Numeral - Chapitre*/
  49. .chapter{
  50. color: blue;
  51. }
  52. /*// — Numeral - Date*/
  53. .date{
  54. color: aqua;
  55. }
  56. /*// — Numeral - Siecle*/
  57. .century{
  58. color: cornflowerblue;
  59. }
  60. /*TYPO */
  61. /*// — Typo - Exposant*/
  62. .superscript{
  63. color: green;
  64. font-variant-position: super;
  65. }
  66. /*// — Typo - Indice*/
  67. .subscript{
  68. color:chartreuse;
  69. font-variant-position: sub;
  70. }
  71. /*// — Typo - Particulier*/
  72. p:nth-child(1){
  73. text-indent: 75px;
  74. }
  75. @import '~gutenberg-css' print;
  76. @media print {
  77. /*@import '~gutenberg-css';*/
  78. /*body {*/
  79. /*margin: 0;*/
  80. /*}*/
  81. /*@page {*/
  82. /*margin: 1cm;*/
  83. /*}*/
  84. /*#dedediteur {*/
  85. /*font-size: 14pt;*/
  86. /*color: red;*/
  87. /*}*/
  88. #file_actions, .menubar, .paragraph-menubar *, .bottom-bar * {
  89. display: none;
  90. border: none;
  91. }
  92. }