_page--node.scss 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. .page-node-type-programme{
  2. .layout-content{
  3. position: relative;
  4. }
  5. .layout__region--top{
  6. max-height: 30%;
  7. grid-column: 1 / span 3;
  8. }
  9. .block-region-first{
  10. position: absolute;
  11. top: 0;
  12. left: 0;
  13. z-index: 10;
  14. width: 25%;
  15. padding: 1rem 1.5rem ;
  16. .views-element-container{
  17. header{
  18. font-family: duke;
  19. font-size: $font-large;
  20. cursor: pointer;
  21. transition: all 250ms;
  22. &:hover{
  23. padding: 0 0 0 .3rem;
  24. }
  25. }
  26. .views-row{
  27. display: none;
  28. padding: 0 0 0 1.2rem;
  29. margin-bottom: .5rem;
  30. a{
  31. text-decoration: none;
  32. &:hover{
  33. text-decoration: underline;
  34. }
  35. }
  36. }
  37. }
  38. }
  39. .block-region-third{
  40. margin-top: -7rem;
  41. z-index: 20;
  42. position: relative;
  43. #evenements-block_1{
  44. background-color: brown;
  45. margin-bottom: 3rem;
  46. }
  47. .item-list{
  48. background-color:white;
  49. color: brown;
  50. padding: 1rem 0;
  51. li{
  52. margin-bottom: 1rem;
  53. font-weight: 500;
  54. .views-field-field-type-de-ressource{
  55. text-transform: uppercase;
  56. margin-bottom: .2rem;
  57. }
  58. .views-field-title{
  59. font-style: italic;
  60. a{
  61. text-decoration: none;
  62. &:hover{
  63. text-decoration: underline;
  64. }
  65. }
  66. }
  67. .views-field-field-sous-titre{
  68. font-weight: 400;
  69. }
  70. }
  71. }
  72. }
  73. }