wysiwyg.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. /* LISIBILITY */
  2. /** COMMONS */
  3. .Museo {
  4. font-family: "Museo", Arial, sans-serif;
  5. -moz-font-feature-settings: "calt=0,liga=0";
  6. }
  7. .MuseoSans {
  8. font-family: "MuseoSans", Arial, sans-serif;
  9. -moz-font-feature-settings: "calt=0,liga=0";
  10. }
  11. .MuseoSlab {
  12. font-family: "MuseoSlab", Arial, sans-serif;
  13. -moz-font-feature-settings: "calt=0,liga=0";
  14. }
  15. a,
  16. a:visited {
  17. color: #000;
  18. }
  19. /*a.active, li a.active{color:@main-blue;}*/
  20. body {
  21. font-family: "MuseoSans", Arial, sans-serif;
  22. -moz-font-feature-settings: "calt=0,liga=0";
  23. font-size: 16px;
  24. }
  25. .8 {
  26. font-size: 8px;
  27. }
  28. .9 {
  29. font-size: 9px;
  30. }
  31. .10 {
  32. font-size: 10px;
  33. }
  34. .11 {
  35. font-size: 10px;
  36. }
  37. .12 {
  38. font-size: 12px;
  39. }
  40. .14 {
  41. font-size: 14px;
  42. }
  43. .16 {
  44. font-size: 16px;
  45. }
  46. .18 {
  47. font-size: 18px;
  48. }
  49. .24 {
  50. font-size: 24px;
  51. }
  52. .regular {
  53. font-weight: normal;
  54. }
  55. .bold {
  56. font-weight: bold;
  57. }
  58. .100 {
  59. font-weight: 100;
  60. }
  61. .300 {
  62. font-weight: 300;
  63. }
  64. .500 {
  65. font-weight: 500;
  66. }
  67. .700 {
  68. font-weight: 700;
  69. }
  70. .900 {
  71. font-weight: 900;
  72. }
  73. .upper {
  74. text-transform: uppercase;
  75. }
  76. .italic {
  77. font-style: italic;
  78. }
  79. .normal {
  80. font-style: normal;
  81. }
  82. /** FEUILLES DE STYLES */
  83. /** timeline */
  84. /** filters */
  85. * {
  86. font-size: 14px;
  87. }
  88. div {
  89. border: 1px dashed #D4D4D4;
  90. }
  91. p:after,
  92. ul:after {
  93. content: "¬";
  94. color: red;
  95. }
  96. h1:before,
  97. h2:before,
  98. h3:before,
  99. h4:before,
  100. h5:before,
  101. h6:before {
  102. color: blue;
  103. font-weight: normal;
  104. font-size: 10px;
  105. vertical-align: super;
  106. }
  107. h1:before {
  108. content: "h1 ";
  109. }
  110. h2:before {
  111. content: "h2 ";
  112. }
  113. h3:before {
  114. content: "h3 ";
  115. }
  116. h4:before {
  117. content: "h4 ";
  118. }
  119. h5:before {
  120. content: "h5 ";
  121. }
  122. h6:before {
  123. content: "h6 ";
  124. }
  125. br:after {
  126. content: "·";
  127. color: red;
  128. border: 1px solid #999;
  129. }
  130. /* LAYOUT AND GRAPHICS */
  131. img {
  132. height: auto;
  133. margin: 0.5em 0;
  134. }
  135. p {
  136. border: 1px dashed #848484;
  137. }
  138. div {
  139. border: 1px solid #1A1A1A;
  140. }
  141. img,
  142. p,
  143. div {
  144. position: relative;
  145. }
  146. img:before,
  147. p:before,
  148. div:before {
  149. font-size: 10px;
  150. color: red;
  151. background-color: #1A1A1A;
  152. position: absolute;
  153. top: 0;
  154. z-index: 3000;
  155. }