_node-ressource.scss 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  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. font-weight: 400;
  33. }
  34. .field--name-field-sous-titre{
  35. font-size: 1.3rem;
  36. order: 3;
  37. }
  38. .field--name-field-auteur{
  39. font-weight: 800;
  40. font-size: 1.3rem;
  41. order: 4;
  42. }
  43. .field--name-field-site{
  44. background-color: rgb(153, 147, 174);
  45. border-radius: 50px;
  46. width: fit-content;
  47. padding: 0.2rem 0.9rem;
  48. margin-top: 1rem;
  49. order: 5;
  50. a{
  51. color: white;
  52. font-weight: 900;
  53. font-size: 0.8rem;
  54. vertical-align: top;
  55. }
  56. }
  57. }
  58. .body-content {
  59. grid-row: 2;
  60. grid-column: 2 /span 3;
  61. width: 100%;
  62. margin-top: 2rem;
  63. .field--name-field-fichiers{
  64. width: fit-content;
  65. }
  66. .summary-content{
  67. }
  68. .links-content{
  69. margin-top: 2rem;
  70. position: relative;
  71. left: -10%;
  72. width: 25%;
  73. }
  74. }
  75. }