_globals.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. body{
  2. font-family: "trueno";
  3. font-size: $font-normal ;
  4. font-weight: 300;
  5. line-height: 1.5;
  6. }
  7. main{
  8. h2{
  9. text-transform: uppercase;
  10. font-family: 'duke';
  11. font-size: $font-extra;
  12. }
  13. }
  14. a{
  15. color:inherit;
  16. }
  17. .close-block, .open-block{
  18. background: red;
  19. cursor:pointer;
  20. }
  21. //header
  22. .header_top_left_container{
  23. height: 3rem;
  24. #block-identitedusite{
  25. height: 100%;
  26. // max-height: 5rem;
  27. a[rel~='home']{
  28. height: 100%;
  29. display: block;
  30. color: transparent;
  31. background: left / contain no-repeat url(../images/popsu-home-logo.png);
  32. }
  33. }
  34. }
  35. .header_top_middle_container{
  36. background: red;
  37. // div{
  38. // div{
  39. // div:first-child{
  40. // display: grid;
  41. // grid-template-columns: repeat(3, 1fr);
  42. // }
  43. // }
  44. // }
  45. //how to access the view js id
  46. .views-row{
  47. display: inline-block;
  48. width: auto;
  49. }
  50. }
  51. #header-top-right{
  52. .header_top_right_container{
  53. position: absolute;
  54. top: 0;
  55. left: 0;
  56. width: 100%;
  57. background: rgb(161, 161, 161);
  58. display: none;
  59. grid-template-columns: 5% 30% 30% 30% 5%;
  60. padding: 1rem 0;
  61. z-index: 100;
  62. line-height: 2;
  63. nav{
  64. grid-column-start: 2;
  65. }
  66. // padding: 1rem .5rem 1rem .5rem;
  67. a{
  68. text-decoration: none;
  69. font-weight: 400;
  70. &:hover{
  71. text-decoration: underline;
  72. }
  73. }
  74. h2{
  75. font-weight: 100;
  76. margin-bottom: .3rem;
  77. }
  78. .is-active{
  79. font-weight: 800;
  80. }
  81. #block-views-block-programmes-block-2-2{
  82. .views-row{
  83. width: 100%;
  84. }
  85. }
  86. }
  87. }
  88. nav{
  89. // position: absolute;
  90. // display: none;
  91. }
  92. //footer
  93. footer{
  94. *{
  95. word-wrap: break-word;
  96. }
  97. }
  98. //TEMP
  99. iframe{
  100. display: none;
  101. }