_node-ressource.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. .node-type-ressource{
  2. display: grid;
  3. grid-template-columns: 1fr repeat(3, 1fr) 1fr;
  4. grid-template-rows: repeat(2, auto);
  5. padding-top: 3rem;
  6. // #block-reha-titredepage{
  7. // display: block !important;
  8. // }
  9. .image-ressource{
  10. grid-row: 1;
  11. grid-column: 2;
  12. margin-right: 2rem;
  13. img{
  14. height: 400px;
  15. width: auto;
  16. }
  17. }
  18. .infos-content{
  19. grid-row: 1;
  20. grid-column: 3 /span 4;
  21. margin-left: 2rem;
  22. border: none;
  23. background-color:transparent;
  24. .field--name-field-type-de-ressource{
  25. text-transform: uppercase;
  26. font-size: 1rem;
  27. order: 1;
  28. }
  29. h1{
  30. order: 2;
  31. font-size: 2rem;
  32. }
  33. .field--name-field-sous-titre{
  34. font-size: 1.5rem;
  35. order: 3;
  36. }
  37. .field--name-field-auteur{
  38. font-weight: 800;
  39. font-size: 1.3rem;
  40. order: 4;
  41. }
  42. .field--name-field-site{
  43. background-color: rgb(153, 147, 174);
  44. border-radius: 50px;
  45. width: fit-content;
  46. padding: 0.2rem 0.9rem;
  47. margin-top: 1rem;
  48. order: 5;
  49. a{
  50. color: white;
  51. font-weight: 900;
  52. font-size: 0.8rem;
  53. vertical-align: top;
  54. }
  55. }
  56. }
  57. .body-content {
  58. grid-row: 2;
  59. grid-column: 2 /span 3;
  60. width: 100%;
  61. margin-top: 2rem;
  62. .field--name-field-fichiers{
  63. width: fit-content;
  64. }
  65. .summary-content{
  66. }
  67. .links-content{
  68. margin-top: 2rem;
  69. position: relative;
  70. left: -10%;
  71. width: 25%;
  72. }
  73. }
  74. }