Pourquoi tant de N en ce monde ?
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.

style.less 1.1KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. @fond: #2D2F34;
  2. @fondChamp: #31363B;
  3. @fondChampTexte: #232629;
  4. @bordure: #5f5f5f;
  5. @bordureHover: #808080;
  6. @bordureFocus: #b6b6b6;
  7. @texte: white;
  8. @texteLienCodeSource: #868686;
  9. * {
  10. font-family: Ubuntu, sans-serif;
  11. }
  12. html {
  13. text-align: center;
  14. background-color: @fond;
  15. color: @texte;
  16. }
  17. a {
  18. color: @texte;
  19. text-decoration: none;
  20. }
  21. textarea {
  22. width: 66%;
  23. height: 400px;
  24. background-color: @fond;
  25. color: @texte;
  26. font-size: 20px;
  27. padding-top: 6px;
  28. padding-left: 10px;
  29. }
  30. input[type=submit] {
  31. background-color: @fondChamp;
  32. color: @texte;
  33. width: 20%;
  34. height: 40px;
  35. }
  36. input[type=submit], textarea {
  37. border: 2px @bordure solid;
  38. border-radius: 10px;
  39. transition: all 0.3s ease-out;
  40. &:hover {
  41. border: 2px @bordureHover solid;
  42. }
  43. &:focus {
  44. border: 2px @bordureFocus solid;
  45. }
  46. }
  47. .lienCodeSource {
  48. color: @texteLienCodeSource;
  49. font-size: 12px;
  50. margin-bottom: -20px;
  51. text-align: right;
  52. transition: color 0.2s;
  53. &:hover {
  54. color: lighten(@texteLienCodeSource, 10%);
  55. }
  56. }
  57. footer {
  58. position: fixed;
  59. top: 5px;
  60. right: 5px;
  61. }
  62. @media (max-width: 640px) { // Version mobile
  63. textarea {
  64. width: 85%;
  65. }
  66. }