typographie.css 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211
  1. @font-face {
  2. font-family: 'scala_sans_scregular';
  3. src: url('../typographies/scala-sans-regular-sc_39565-webfont.eot');
  4. src: url('../typographies/scala-sans-regular-sc_39565-webfont.eot?#iefix') format('embedded-opentype'),
  5. url('../typographies/scala-sans-regular-sc_39565-webfont.woff2') format('woff2'),
  6. url('../typographies/scala-sans-regular-sc_39565-webfont.woff') format('woff'),
  7. url('../typographies/scala-sans-regular-sc_39565-webfont.ttf') format('truetype'),
  8. url('../typographies/scala-sans-regular-sc_39565-webfont.svg#scala_sans_scregular') format('svg');
  9. font-weight: normal;
  10. font-style: normal;
  11. }
  12. @font-face {
  13. font-family: 'scalaitalic';
  14. src: url('../typographies/ufonts.com_scala-italic-webfont.eot');
  15. src: url('../typographies/ufonts.com_scala-italic-webfont.eot?#iefix') format('embedded-opentype'),
  16. url('../typographies/ufonts.com_scala-italic-webfont.woff2') format('woff2'),
  17. url('../typographies/ufonts.com_scala-italic-webfont.woff') format('woff'),
  18. url('../typographies/ufonts.com_scala-italic-webfont.ttf') format('truetype'),
  19. url('../typographies/ufonts.com_scala-italic-webfont.svg#scalaitalic') format('svg');
  20. font-weight: normal;
  21. font-style: normal;
  22. }
  23. @font-face {
  24. font-family: 'scalaregular';
  25. src: url('../typographies/scala-webfont.woff2') format('woff2'),
  26. url('../typographies/scala-webfont.woff') format('woff');
  27. font-weight: normal;
  28. font-style: normal;
  29. }
  30. @font-face {
  31. font-family: 'eliticaitalic';
  32. src: url('../typographies/elitica-webfont.woff2') format('woff2'),
  33. url('../typographies/elitica-webfont.woff') format('woff');
  34. font-weight: normal;
  35. font-style: normal;
  36. }
  37. @font-face {
  38. font-family: 'criptoideregular';
  39. src: url('../typographies/criptoide-webfont.woff2') format('woff2'),
  40. url('../typographies/criptoide-webfont.woff') format('woff'),
  41. url('../typographies/CRIPTOIDE.ttf') format('ttf');
  42. font-weight: normal;
  43. font-style: normal;
  44. }
  45. header,
  46. .layout-sidebar-first{
  47. font-family: 'scalaregular';
  48. font-size: 1rem;
  49. line-height: 1.25rem;
  50. }
  51. .home h3,
  52. .home p{
  53. font-family: 'scalaregular';
  54. font-size: 1rem;
  55. line-height: 1.25rem;
  56. font-weight: normal;
  57. }
  58. #sommaire a{
  59. font-family: 'scalaitalic';
  60. }
  61. #sommaire .views-row:hover a{
  62. color: lightgrey!important;
  63. }
  64. .layout-sidebar-second, .layout-sidebar-second a{
  65. color: white;
  66. }
  67. .layout-sidebar-second h2, .layout-sidebar-second .more-link a{
  68. font-size: 0.9rem;
  69. text-decoration: underline;
  70. }
  71. .layout-sidebar-second .views-field-field-date-h{
  72. font-family: 'criptoideregular';
  73. font-size: 2.7em;
  74. line-height: 1;
  75. margin-top: 30px;
  76. }
  77. .layout-sidebar-second .views-field-title a{
  78. font-size: 2.7em;
  79. line-height: 1;
  80. }
  81. .layout-sidebar-second .views-field-title a:nth-child(1){
  82. font-family: 'eliticaitalic';
  83. text-decoration: underline;
  84. }
  85. .layout-sidebar-second .views-field-title a:nth-child(2){
  86. font-family: 'scalaitalic';
  87. }
  88. /* Article */
  89. .en-tete .date{
  90. float: left;
  91. margin-right: 5px;
  92. }
  93. .en-tete, .en-tete h2{
  94. font-family: 'scalaitalic';
  95. font-size: 2rem;
  96. line-height: 1.3;
  97. z-index: 200;
  98. }
  99. .source{
  100. font-size: 1.5rem;
  101. }
  102. /* ///////////////////////////////////////// */
  103. .body-articles{
  104. font-family: 'scalaregular';
  105. font-size: 1rem;
  106. text-align: justify;
  107. }
  108. .body-articles blockquote{
  109. font-size: 0.8rem;
  110. text-align: left;
  111. }
  112. h6{
  113. font-family: 'scala_sans_scregular';
  114. font-size: 0.8rem;
  115. font-weight: normal;
  116. }
  117. /*marjo*/
  118. .articles h1 {
  119. font-size: 0.9rem;
  120. font-family: 'scala_sans_scregular';
  121. text-decoration: underline;
  122. text-transform: uppercase;
  123. }
  124. /* dates checkboxes */
  125. .articles .option {
  126. font-family: 'criptoideregular';
  127. font-size: 1rem;
  128. color:grey;
  129. }
  130. /* date + h article */
  131. .articles .field-content span{
  132. margin-right: 10px;
  133. }
  134. .articles .field-content span:nth-child(1){
  135. font-family: 'criptoideregular';
  136. font-size: 2em;
  137. line-height:1;
  138. }
  139. /* titre article */
  140. .articles .field-content span:nth-child(3) {
  141. font-family: 'eliticaitalic';
  142. font-size: 1.75em;
  143. }
  144. .articles .field-content span:nth-child(4){
  145. font-family: 'scalaitalic';
  146. font-size: 1.75em;
  147. }
  148. /* noms étudiants */
  149. #block-views-block-liste-site-etudiant-block-1 {
  150. font-family:arial;
  151. font-size: 0.75rem;
  152. }
  153. /* texte articles */
  154. /* h2 */
  155. .articles .views-field-body .field-content h2 {
  156. font-family: 'scalaregular';
  157. font-size: 1rem;
  158. }
  159. /* p */
  160. .articles .views-field-body .field-content p {
  161. font-family: 'scalaregular';
  162. font-size: 1rem;
  163. }
  164. /* source liens web */
  165. .articles .views-field-field-source .field-content {
  166. font-family: 'scalaregular';
  167. font-size: 1rem;
  168. }
  169. /* source liens web (soulignement lien) */
  170. .articles .views-field-field-source .field-content a {
  171. text-decoration: underline;
  172. }
  173. .more-link, .layout-sidebar-second h2{
  174. font-family: 'scala_sans_scregular';
  175. text-transform: uppercase;
  176. }