tr4ck3ur
/
jm2l
3
0
Fork 1
Code Issues 3 Pull Requests 0 Releases 0 Wiki Activity
Le repo des sources pour le site web des JM2L
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.
203 Commits
2 Branches
46 MiB
 
 
 
 
 
Branch: feature/python-3-migration
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'feature/python-3-migration'
${ noResults }
jm2l/jm2l/static/css/font-size.css

316 lines
10 KiB
Raw Permalink Blame History 

  1. .font-size-0 { font-size: 91px; }

  2. .font-size-1 { font-size: 90px; }

  3. .font-size-2 { font-size: 40px; }

  4. .font-size-3 { font-size: 34px; }

  5. .font-size-4 { font-size: 30px; }

  6. .font-size-5 { font-size: 29px; }

  7. .font-size-6 { font-size: 28px; }

  8. .font-size-7 { font-size: 21px; }

  9. .font-size-8 { font-size: 19px; }

  10. .font-size-9 { font-size: 17px; }

  11. .font-size-10 { font-size: 17px; }

  12. .font-size-11 { font-size: 16px; }

  13. .font-size-12 { font-size: 15px; }

  14. 

  15. @media all and (min-width: 1100px){ 

  16. 	.font-size-0{ font-size: 3.1vw; }

  17. 	.font-size-1{ font-size: 2.9vw; }

  18. 	.font-size-2{ font-size: 2.4vw; }

  19. 	.font-size-3{ font-size: 1.95vw; }

  20. 	.font-size-4{ font-size: 1.8vw; }

  21. 	.font-size-5{ font-size: 1.7vw; }

  22. 	.font-size-6{ font-size: 1.55vw; }

  23. 	.font-size-7{ font-size: 1.3vw; }

  24. 	.font-size-8{ font-size: 1.23vw; }

  25. 	.font-size-9{ font-size: 1.15vw; } 

  26. 	.font-size-10{ font-size: 1.05vw; }

  27. 	.font-size-11{ font-size: 1vw; }

  28. 	.font-size-12{ font-size: 0.95vw; }

  29. }

  30. 

  31. @media all and (max-width: 2100px){

  32. 	.font-size-0 { font-size: 118px; }

  33. 	.font-size-1 { font-size: 117px; }

  34. 	.font-size-2 { font-size: 49px; }

  35. 	.font-size-3 { font-size: 41px; }

  36. 	.font-size-4 { font-size: 39px; }

  37. 	.font-size-5 { font-size: 37px; }

  38. 	.font-size-6 { font-size: 35px; }

  39. 	.font-size-7 { font-size: 27px; }

  40. 	.font-size-8 { font-size: 24px; }

  41. 	.font-size-9 { font-size: 22px; }

  42. 	.font-size-10 { font-size: 22px; }

  43. 	.font-size-11 { font-size: 21px; }

  44. 	.font-size-12 { font-size: 19px; }

  45. }

  46. @media all and (max-width: 2000px){

  47. 	.font-size-0 { font-size: 113px; }

  48. 	.font-size-1 { font-size: 112px; }

  49. 	.font-size-2 { font-size: 47px; }

  50. 	.font-size-3 { font-size: 39px; }

  51. 	.font-size-4 { font-size: 37px; }

  52. 	.font-size-5 { font-size: 35px; }

  53. 	.font-size-6 { font-size: 33px; }

  54. 	.font-size-7 { font-size: 26px; }

  55. 	.font-size-8 { font-size: 23px; }

  56. 	.font-size-9 { font-size: 22px; }

  57. 	.font-size-10 { font-size: 22px; }

  58. 	.font-size-11 { font-size: 20px; }

  59. 	.font-size-12 { font-size: 18px; }

  60. }

  61. @media all and (max-width: 1900px){

  62. 	.font-size-0 { font-size: 107px; }

  63. 	.font-size-1 { font-size: 106px; }

  64. 	.font-size-2 { font-size: 44px; }

  65. 	.font-size-3 { font-size: 38px; }

  66. 	.font-size-4 { font-size: 36px; }

  67. 	.font-size-5 { font-size: 34px; }

  68. 	.font-size-6 { font-size: 31px; }

  69. 	.font-size-7 { font-size: 25px; }

  70. 	.font-size-8 { font-size: 22px; }

  71. 	.font-size-9 { font-size: 20px; }

  72. 	.font-size-10 { font-size: 20px; }

  73. 	.font-size-11 { font-size: 19px; }

  74. 	.font-size-12 { font-size: 17px; }

  75. }

  76. @media all and (max-width: 1800px){

  77. 	.font-size-0 { font-size: 102px; }

  78. 	.font-size-1 { font-size: 101px; }

  79. 	.font-size-2 { font-size: 42px; }

  80. 	.font-size-3 { font-size: 35px; }

  81. 	.font-size-4 { font-size: 33px; }

  82. 	.font-size-5 { font-size: 31px; }

  83. 	.font-size-6 { font-size: 29px; }

  84. 	.font-size-7 { font-size: 23px; }

  85. 	.font-size-8 { font-size: 21px; }

  86. 	.font-size-9 { font-size: 19px; }

  87. 	.font-size-10 { font-size: 19px; }

  88. 	.font-size-11 { font-size: 18px; }

  89. 	.font-size-12 { font-size: 17px; }

  90. }

  91. @media all and (max-width: 1700px){

  92. 	.font-size-0 { font-size: 96px; }

  93. 	.font-size-1 { font-size: 95px; }

  94. 	.font-size-2 { font-size: 39px; }

  95. 	.font-size-3 { font-size: 33px; }

  96. 	.font-size-4 { font-size: 31px; }

  97. 	.font-size-5 { font-size: 29px; }

  98. 	.font-size-6 { font-size: 27px; }

  99. 	.font-size-7 { font-size: 22px; }

  100. 	.font-size-8 { font-size: 20px; }

  101. 	.font-size-9 { font-size: 18px; }

  102. 	.font-size-10 { font-size: 18px; }

  103. 	.font-size-11 { font-size: 17px; }

  104. 	.font-size-12 { font-size: 16px; }

  105. }

  106. @media all and (max-width: 1600px){

  107. 	.font-size-0 { font-size: 91px; }

  108. 	.font-size-1 { font-size: 90px; }

  109. 	.font-size-2 { font-size: 38px; }

  110. 	.font-size-3 { font-size: 31px; }

  111. 	.font-size-4 { font-size: 29px; }

  112. 	.font-size-5 { font-size: 27px; }

  113. 	.font-size-6 { font-size: 25px; }

  114. 	.font-size-7 { font-size: 21px; }

  115. 	.font-size-8 { font-size: 19px; }

  116. 	.font-size-9 { font-size: 17px; }

  117. 	.font-size-10 { font-size: 17px; }

  118. 	.font-size-11 { font-size: 16px; }

  119. 	.font-size-12 { font-size: 15px; }

  120. }

  121. @media all and (max-width: 1500px){

  122. 	.font-size-0 { font-size: 84px; }

  123. 	.font-size-1 { font-size: 84px; }

  124. 	.font-size-2 { font-size: 35px; }

  125. 	.font-size-3 { font-size: 30px; }

  126. 	.font-size-4 { font-size: 28px; }

  127. 	.font-size-5 { font-size: 26px; }

  128. 	.font-size-6 { font-size: 24px; }

  129. 	.font-size-7 { font-size: 20px; }

  130. 	.font-size-8 { font-size: 18px; }

  131. 	.font-size-9 { font-size: 17px; }

  132. 	.font-size-10 { font-size: 17px; }

  133. 	.font-size-11 { font-size: 15px; }

  134. 	.font-size-12 { font-size: 14px; }

  135. }

  136. @media all and (max-width: 1400px){

  137. 	.font-size-0 { font-size: 78px; }

  138. 	.font-size-1 { font-size: 78px; }

  139. 	.font-size-2 { font-size: 33px; }

  140. 	.font-size-3 { font-size: 27px; }

  141. 	.font-size-4 { font-size: 25px; }

  142. 	.font-size-5 { font-size: 23px; }

  143. 	.font-size-6 { font-size: 21px; }

  144. 	.font-size-7 { font-size: 18px; }

  145. 	.font-size-8 { font-size: 17px; }

  146. 	.font-size-9 { font-size: 15px; }

  147. 	.font-size-10 { font-size: 15px; }

  148. 	.font-size-11 { font-size: 14px; }

  149. 	.font-size-12 { font-size: 13px; }

  150. }

  151. @media all and (max-width: 1300px){

  152. 	.font-size-0 { font-size: 72px; }

  153. 	.font-size-1 { font-size: 72px; }

  154. 	.font-size-2 { font-size: 31px; }

  155. 	.font-size-3 { font-size: 25px; }

  156. 	.font-size-4 { font-size: 23px; }

  157. 	.font-size-5 { font-size: 21px; }

  158. 	.font-size-6 { font-size: 19px; }

  159. 	.font-size-7 { font-size: 17px; }

  160. 	.font-size-8 { font-size: 16px; }

  161. 	.font-size-9 { font-size: 14px; }

  162. 	.font-size-10 { font-size: 14px; }

  163. 	.font-size-11 { font-size: 13px; }

  164. 	.font-size-12 { font-size: 12px; }

  165. }

  166. @media all and (max-width: 1200px){

  167. 	.font-size-0 { font-size: 67px; }

  168. 	.font-size-1 { font-size: 66px; }

  169. 	.font-size-2 { font-size: 28px; }

  170. 	.font-size-3 { font-size: 24px; }

  171. 	.font-size-4 { font-size: 22px; }

  172. 	.font-size-5 { font-size: 20px; }

  173. 	.font-size-6 { font-size: 18px; }

  174. 	.font-size-7 { font-size: 16px; }

  175. 	.font-size-8 { font-size: 14px; }

  176. 	.font-size-9 { font-size: 13px; }

  177. 	.font-size-10 { font-size: 13px; }

  178. 	.font-size-11 { font-size: 12px; }

  179. 	.font-size-12 { font-size: 12px; }

  180. }

  181. @media all and (max-width: 1100px){

  182. 	.font-size-0 { font-size: 61px; }

  183. 	.font-size-1 { font-size: 60px; }

  184. 	.font-size-2 { font-size: 26px; }

  185. 	.font-size-3 { font-size: 24px; }

  186. 	.font-size-4 { font-size: 22px; }

  187. 	.font-size-5 { font-size: 20px; }

  188. 	.font-size-6 { font-size: 18px; }

  189. 	.font-size-7 { font-size: 16px; }

  190. 	.font-size-8 { font-size: 14px; }

  191. 	.font-size-9 { font-size: 13px; }

  192. 	.font-size-10 { font-size: 12px; }

  193. 	.font-size-11 { font-size: 12px; }

  194. 	.font-size-12 { font-size: 12px; }

  195. }

  196. @media all and (max-width: 1000px){

  197. 	.font-size-0 { font-size: 56px; }

  198. 	.font-size-1 { font-size: 55px; }

  199. 	.font-size-2 { font-size: 26px; }

  200. 	.font-size-3 { font-size: 24px; }

  201. 	.font-size-4 { font-size: 22px; }

  202. 	.font-size-5 { font-size: 20px; }

  203. 	.font-size-6 { font-size: 17px; }

  204. 	.font-size-7 { font-size: 15px; }

  205. 	.font-size-8 { font-size: 14px; }

  206. 	.font-size-9 { font-size: 13px; }

  207. 	.font-size-10 { font-size: 12px; }

  208. 	.font-size-11 { font-size: 12px; }

  209. 	.font-size-12 { font-size: 12px; }

  210. }

  211. @media all and (max-width: 900px){

  212. 	.font-size-0 { font-size: 49px; }

  213. 	.font-size-1 { font-size: 48px; }

  214. 	.font-size-2 { font-size: 25px; }

  215. 	.font-size-3 { font-size: 23px; }

  216. 	.font-size-4 { font-size: 21px; }

  217. 	.font-size-5 { font-size: 19px; }

  218. 	.font-size-6 { font-size: 17px; }

  219. 	.font-size-7 { font-size: 15px; }

  220. 	.font-size-8 { font-size: 14px; }

  221. 	.font-size-9 { font-size: 13px; }

  222. 	.font-size-10 { font-size: 12px; }

  223. 	.font-size-11 { font-size: 12px; }

  224. 	.font-size-12 { font-size: 12px; }

  225. }

  226. @media all and (max-width: 800px){

  227. 	.font-size-0 { font-size: 45px; }

  228. 	.font-size-1 { font-size: 44px; }

  229. 	.font-size-2 { font-size: 25px; }

  230. 	.font-size-3 { font-size: 23px; }

  231. 	.font-size-4 { font-size: 20px; }

  232. 	.font-size-5 { font-size: 18px; }

  233. 	.font-size-6 { font-size: 16px; }

  234. 	.font-size-7 { font-size: 15px; }

  235. 	.font-size-8 { font-size: 14px; }

  236. 	.font-size-9 { font-size: 13px; }

  237. 	.font-size-10 { font-size: 12px; }

  238. 	.font-size-11 { font-size: 12px; }

  239. 	.font-size-12 { font-size: 12px; }

  240. }

  241. @media all and (max-width: 700px){

  242. 	.font-size-0 { font-size: 39px; }

  243. 	.font-size-1 { font-size: 38px; }

  244. 	.font-size-2 { font-size: 22px; }

  245. 	.font-size-3 { font-size: 20px; }

  246. 	.font-size-4 { font-size: 18px; }

  247. 	.font-size-5 { font-size: 16px; }

  248. 	.font-size-6 { font-size: 14px; }

  249. 	.font-size-7 { font-size: 13px; }

  250. 	.font-size-8 { font-size: 12px; }

  251. 	.font-size-9 { font-size: 12px; }

  252. 	.font-size-10 { font-size: 12px; }

  253. 	.font-size-11 { font-size: 12px; }

  254. 	.font-size-12 { font-size: 12px; }

  255. }

  256. @media all and (max-width: 600px){

  257. 	.font-size-0 { font-size: 33px; }

  258. 	.font-size-1 { font-size: 32px; }

  259. 	.font-size-2 { font-size: 20px; }

  260. 	.font-size-3 { font-size: 18px; }

  261. 	.font-size-4 { font-size: 16px; }

  262. 	.font-size-5 { font-size: 14px; }

  263. 	.font-size-6 { font-size: 13px; }

  264. 	.font-size-7 { font-size: 12px; }

  265. 	.font-size-8 { font-size: 12px; }

  266. 	.font-size-9 { font-size: 12px; }

  267. 	.font-size-10 { font-size: 12px; }

  268. 	.font-size-11 { font-size: 12px; }

  269. 	.font-size-12 { font-size: 12px; }

  270. }

  271. @media all and (max-width: 500px){

  272. 	.font-size-0 { font-size: 28px; }

  273. 	.font-size-1 { font-size: 27px; }

  274. 	.font-size-2 { font-size: 19px; }

  275. 	.font-size-3 { font-size: 17px; }

  276. 	.font-size-4 { font-size: 15px; }

  277. 	.font-size-5 { font-size: 13px; }

  278. 	.font-size-6 { font-size: 12px; }

  279. 	.font-size-7 { font-size: 12px; }

  280. 	.font-size-8 { font-size: 12px; }

  281. 	.font-size-9 { font-size: 12px; }

  282. 	.font-size-10 { font-size: 12px; }

  283. 	.font-size-11 { font-size: 12px; }

  284. 	.font-size-12 { font-size: 12px; }

  285. }

  286. @media all and (max-width: 400px){

  287. 	.font-size-0 { font-size: 21px; }

  288. 	.font-size-1 { font-size: 20px; }

  289. 	.font-size-2 { font-size: 18px; }

  290. 	.font-size-3 { font-size: 16px; }

  291. 	.font-size-4 { font-size: 15px; }

  292. 	.font-size-5 { font-size: 14px; }

  293. 	.font-size-6 { font-size: 13px; }

  294. 	.font-size-7 { font-size: 12px; }

  295. 	.font-size-8 { font-size: 12px; }

  296. 	.font-size-9 { font-size: 12px; }

  297. 	.font-size-10 { font-size: 12px; }

  298. 	.font-size-11 { font-size: 12px; }

  299. 	.font-size-12 { font-size: 12px; }

  300. }

  301. @media all and (max-width: 300px){

  302. 	.font-size-0 { font-size: 16px; }

  303. 	.font-size-1 { font-size: 15px; }

  304. 	.font-size-2 { font-size: 14px; }

  305. 	.font-size-3 { font-size: 13px; }

  306. 	.font-size-4 { font-size: 12px; }

  307. 	.font-size-5 { font-size: 12px; }

  308. 	.font-size-6 { font-size: 12px; }

  309. 	.font-size-7 { font-size: 12px; }

  310. 	.font-size-8 { font-size: 12px; }

  311. 	.font-size-9 { font-size: 12px; }

  312. 	.font-size-10 { font-size: 12px; }

  313. 	.font-size-11 { font-size: 12px; }

  314. 	.font-size-12 { font-size: 12px; }

  315. }