typography.scss 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315
  1. @font-face {
  2. font-family: "dukefill";
  3. src: url("../fonts/duke_fill-webfont.woff") format("woff"),
  4. url("../fonts/duke_fill-webfont.woff2") format("woff2");
  5. font-weight: normal;
  6. font-style: normal;
  7. }
  8. @font-face {
  9. font-family: "cormorantBold";
  10. src: url("../fonts/Cormorant-Bold-webfont.woff") format("woff");
  11. font-weight: normal;
  12. font-style: normal;
  13. }
  14. @font-face {
  15. font-family: "cormorantBoldItalic";
  16. src: url("../fonts/Cormorant-BoldItalic-webfont.woff") format("woff");
  17. font-weight: lighter;
  18. font-style: normal;
  19. }
  20. @font-face {
  21. font-family: "truenolight";
  22. src: url("../fonts/trueno/truenolt-webfont.woff") format("woff"),
  23. url("../fonts/trueno/truenolt-webfont.woff2") format("woff2");
  24. font-weight: normal;
  25. font-style: normal;
  26. }
  27. @font-face {
  28. font-family: "truenolight_italic";
  29. src: url("../fonts/trueno/truenoltit-webfont.woff") format("woff"),
  30. url("../fonts/trueno/truenoltit-webfont.woff2") format("woff2");
  31. font-weight: normal;
  32. font-style: normal;
  33. }
  34. @font-face {
  35. font-family: "truenoregular";
  36. src: url("../fonts/trueno/truenorg-webfont.woff") format("woff"),
  37. url("../fonts/trueno/truenorg-webfont.woff2") format("woff2");
  38. font-weight: normal;
  39. font-style: normal;
  40. }
  41. @font-face {
  42. font-family: "truenoregular_italic";
  43. src: url("../fonts/trueno/truenorgit-webfont.woff") format("woff"),
  44. url("../fonts/trueno/truenorgit-webfont.woff2") format("woff2");
  45. font-weight: normal;
  46. font-style: normal;
  47. }
  48. @font-face {
  49. font-family: "truenobold";
  50. src: url("../fonts/trueno/truenobd-webfont.woff") format("woff"),
  51. url("../fonts/trueno/truenobd-webfont.woff2") format("woff2");
  52. font-weight: normal;
  53. font-style: normal;
  54. }
  55. @font-face {
  56. font-family: "truenobold_italic";
  57. src: url("../fonts/trueno/truenobdit-webfont.woff") format("woff"),
  58. url("../fonts/trueno/truenobdit-webfont.woff2") format("woff2");
  59. font-weight: normal;
  60. font-style: normal;
  61. }
  62. /*marianne*/
  63. @font-face {
  64. font-family: 'Mariannethin';
  65. src: url('../fonts/Marianne/Marianne-Thin.woff2') format('woff2'),
  66. url('../fonts/Marianne/Marianne-Thin.woff') format('woff');
  67. font-weight: 300;
  68. font-style: normal;
  69. }
  70. @font-face {
  71. font-family: 'Mariannethin_italic';
  72. src: url("../fonts/Marianne/Marianne-Thin_Italic.woff2") format('woff2'),
  73. url('../fonts/Marianne/Marianne-Thin_Italic.woff') format('woff');
  74. font-weight: 300;
  75. font-style: italic;
  76. }
  77. @font-face {
  78. font-family: 'Mariannelight';
  79. src: url('../fonts/Marianne/Marianne-Light.woff2') format('woff2'),
  80. url('../fonts/Marianne/Marianne-Light.woff') format('woff');
  81. font-weight: 400;
  82. font-style: normal;
  83. }
  84. @font-face {
  85. font-family: 'Mariannelight_italic';
  86. src: url('../fonts/Marianne/Marianne-Light_Italic.woff2') format('woff2'),
  87. url('../fonts/Marianne/Marianne-Light_Italic.woff') format('woff');
  88. font-weight: 400;
  89. font-style: italic;
  90. }
  91. @font-face {
  92. font-family: 'Marianneregular';
  93. src: url("../fonts/Marianne/Marianne-Regular.woff2") format('woff2'),
  94. url("../fonts/Marianne/Marianne-Regular.woff") format('woff');
  95. font-weight: 600;
  96. font-style: normal;
  97. }
  98. @font-face {
  99. font-family: 'Marianneregular_italic';
  100. src: url('../fonts/Marianne/Marianne-Regular_Italic.woff2') format('woff2'),
  101. url('../fonts/Marianne/Marianne-Regular_Italic.woff') format('woff');
  102. font-weight: 600;
  103. font-style: italic;
  104. }
  105. @font-face {
  106. font-family: 'Mariannemedium';
  107. src: url('../fonts/Marianne/Marianne-Medium.woff2') format('woff2'),
  108. url('../fonts/Marianne/Marianne-Medium.woff') format('woff');
  109. font-weight: 800;
  110. font-style: normal;
  111. }
  112. @font-face {
  113. font-family: 'Mariannemedium_italic';
  114. src: url('../fonts/Marianne/Marianne-Medium_Italic.woff2') format('woff2'),
  115. url('../fonts/Marianne/Marianne-Medium_Italic.woff') format('woff');
  116. font-weight: 800;
  117. font-style: italic;
  118. }
  119. @font-face {
  120. font-family: 'Mariannebold';
  121. src: url('../fonts/Marianne/Marianne-Bold.woff2') format('woff2'),
  122. url('../fonts/Marianne/Marianne-Bold.woff') format('woff');
  123. font-weight: 900;
  124. font-style: normal;
  125. }
  126. @font-face {
  127. font-family: 'Mariannebold_italic';
  128. src: url('../fonts/Marianne/Marianne-Bold_Italic.woff2') format('woff2'),
  129. url('../fonts/Marianne/Marianne-Bold_Italic.woff') format('woff');
  130. font-weight: 900;
  131. font-style: italic;
  132. }
  133. @font-face {
  134. font-family: 'Marianneextrabold';
  135. src: url('../fonts/Marianne/Marianne-ExtraBold.woff2') format('woff2'),
  136. url('../fonts/Marianne/Marianne-ExtraBold.woff') format('woff');
  137. font-weight: 1000;
  138. font-style: normal;
  139. }
  140. @font-face {
  141. font-family: 'Marianneextrabold_italic';
  142. src: url('../fonts/Marianne/Marianne-ExtraBold_Italic.woff2') format('woff2'),
  143. url('../fonts/Marianne/Marianne-ExtraBold_Italic.woff') format('woff');
  144. font-weight: 1000;
  145. font-style: italic;
  146. }
  147. #block-colloque2024-renderedsitesettingsblock-2 {
  148. .site_setting_entity {
  149. h1 {
  150. font-family: 'Marianneregular';
  151. font-size: 2rem;
  152. line-height: 2rem;
  153. text-transform: uppercase;
  154. text-align: right;
  155. align-self: stretch;
  156. margin: auto;
  157. }
  158. .__info_colloque {
  159. & > div {
  160. &:first-child {
  161. font-family: "Marianneregular";
  162. font-size: 0.9rem;
  163. }
  164. &:last-child {
  165. font-family: "Marianneregular";
  166. font-weight: bold;
  167. font-size: 0.7rem;
  168. line-height: 1;
  169. }
  170. }
  171. }
  172. }
  173. }
  174. form {
  175. label {
  176. font-family: "Mariannelight";
  177. }
  178. .select-items {
  179. div {
  180. font-family: "Mariannelight";
  181. }
  182. }
  183. .select-selected {
  184. font-family: "Marianneregular";
  185. }
  186. input {
  187. font-family: "Mariannelight";
  188. }
  189. }
  190. .thumbnails {
  191. &.programme {
  192. .__content {
  193. font-family: "Mariannebold";
  194. font-size: 1rem;
  195. text-transform: uppercase;
  196. }
  197. }
  198. &.publications {
  199. .__content {
  200. div {
  201. font-family: "Mariannebold";
  202. font-size: 1.2rem;
  203. }
  204. span {
  205. font-family: "Mariannebold_italic";
  206. font-size: 1.2rem;
  207. }
  208. }
  209. }
  210. &.interviews {
  211. .__content {
  212. div {
  213. font-family: "Mariannebold";
  214. font-size: 1.2rem;
  215. }
  216. span {
  217. font-family: "Mariannebold_italic";
  218. font-size: 1.2rem;
  219. }
  220. }
  221. }
  222. &.bibliographie {
  223. background: transparent;
  224. div,
  225. p {
  226. font-family: "Mariannebold";
  227. font-size: 1.2rem;
  228. }
  229. span {
  230. font-family: "Mariannebold_italic";
  231. font-size: 1.2rem;
  232. }
  233. }
  234. }
  235. // thumbnails_participants
  236. .thumbnails_participants {
  237. @include shadow_participants;
  238. .__name {
  239. font-family: "Marianneregular";
  240. font-size: 1rem;
  241. color: $col_black;
  242. padding-bottom: 0.5rem;
  243. }
  244. .__qualite {
  245. font-family: "Marianneregular_italic";
  246. font-size: 0.8rem;
  247. color: $color2024;
  248. }
  249. }
  250. .paragraph--type--role-de-l-intervenant {
  251. .___title_inter {
  252. div {
  253. font-family: "Mariannebold";
  254. font-size: 0.8rem;
  255. text-transform: uppercase;
  256. }
  257. }
  258. }
  259. // page shadow_participants
  260. article {
  261. &.participant_full {
  262. .__auteur {
  263. h2 {
  264. font-family: "Marianneregular";
  265. font-size: 2rem;
  266. line-height: 1;
  267. letter-spacing: normal;
  268. }
  269. }
  270. .status {
  271. div {
  272. font-family: "Marianneregular_italic";
  273. color: $color2024;
  274. font-size: 1rem;
  275. line-height: 1.2rem;
  276. text-align: center;
  277. @media screen and (min-width: 768px) {
  278. text-align: left;
  279. }
  280. }
  281. }
  282. }
  283. }