wide.less 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216
  1. /* 1200 styles ---------------------------------------------------------------*/
  2. @media only screen and (min-width: 1200px) {
  3. /* ---------------------------------------------------------------------------*/
  4. #page {
  5. width: 1090px;
  6. #main-wrapper {
  7. #sidebar-first {
  8. margin-left: 75px;
  9. }
  10. #content-wrapper {
  11. }
  12. }
  13. #header-wrapper {
  14. .block-wrapper.first {
  15. margin-left: 75px;
  16. }
  17. #block-boxes-popsu_logo_popsueurope {
  18. /* attention au contexte POPSU ! */
  19. // margin-right: 75px;
  20. }
  21. }
  22. #main-wrapper {
  23. /*width: 940px;
  24. margin-left: auto;
  25. margin-right: auto;*/
  26. }
  27. }
  28. body.front #page {
  29. #main-wrapper {
  30. #content-wrapper {
  31. margin-left: 90px;
  32. width: 86%;
  33. }
  34. }
  35. }
  36. body.popsu-neutral-section {
  37. #main-wrapper {
  38. #content-wrapper {
  39. margin-left: 90px;
  40. width: 83%;
  41. }
  42. }
  43. }
  44. body.popsu-actu-section {
  45. #header-wrapper {
  46. #boxes-box-popsu_logo_popsuneutral .boxes-box-content {
  47. width: 280px;
  48. a.logo {
  49. margin-left: 74px;
  50. }
  51. }
  52. #block-boxes-popsu_logo_baseline {
  53. margin-left: 16px;
  54. }
  55. }
  56. }
  57. body.context-popsu-europe #page #header-wrapper {
  58. #block-boxes-popsu_logo_popsueurope {
  59. margin-right: 0;
  60. }
  61. #block-boxes-popsu_logo_popsu2 {
  62. // margin-right: 75px;
  63. }
  64. }
  65. body.context-popsu-monde #page #header-wrapper {
  66. #block-boxes-popsu_logo_popsumonde {
  67. margin-right: 0;
  68. }
  69. }
  70. body.sidebar-double {
  71. #footer-wrapper #footer .region-footer {
  72. width: 1090px;
  73. }
  74. #page {
  75. width: 1090px;
  76. #main-wrapper {
  77. #sidebar-first {
  78. width: 450px;
  79. margin-left: 0px;
  80. }
  81. /*#content-wrapper {
  82. width: 620px;
  83. }*/
  84. }
  85. #header-wrapper {
  86. .block-wrapper.first {
  87. margin-left: 0px;
  88. .block-boxes {
  89. background: url(../img/pixels/sidebar-default-trans.png);
  90. }
  91. }
  92. #block-boxes-popsu_logo_popsueurope {
  93. /* attention au contexte POPSU !*/
  94. margin-right: 0px;
  95. }
  96. }
  97. #sidebar-first {
  98. #block-menu_block-3 {
  99. display: block;
  100. width: 55%;
  101. float: left;
  102. background: url(../img/pixels/sidebar-default-trans.png);
  103. }
  104. #block-menu_block-1 {
  105. width: 45%;
  106. float: left;
  107. min-height: 600px;
  108. background: url(../img/pixels/sidebar-popsu1-bis-trans.png);
  109. }
  110. }
  111. }
  112. }
  113. body.sidebar-double.context-popsu-2 #sidebar-first {
  114. #block-menu_block-4 {
  115. display: block;
  116. width: 55%;
  117. float: left;
  118. background: url(../img/pixels/sidebar-default-trans.png);
  119. }
  120. #block-menu_block-5 {
  121. width: 45%;
  122. float: left;
  123. min-height: 600px;
  124. /* background: url(../img/pixels/sidebar-popsu2-bis-trans.png); */
  125. background: @vert_popsu2;
  126. }
  127. }
  128. body.sidebar-double.context-popsu-1 #sidebar-first .left-nav-level-1 ul.menu {
  129. li .nolink,
  130. li a {
  131. color: @bleu_popsu1;
  132. }
  133. li ul li a:hover {
  134. color: @bleu_popsu1;
  135. }
  136. li.active-trail {
  137. a.active-trail {
  138. color: @bleu_popsu1;
  139. background: url(../img/nav-active-trans.png) no-repeat center right;
  140. margin-right: -15px;
  141. display: block;
  142. }
  143. }
  144. }
  145. body #block-boxes-popsu_menu_trigger {
  146. display: none;
  147. }
  148. #content-inner .popsu-74-26-stacked .panels-flexible-column-first .field-type-image {
  149. margin-left: -23px;
  150. }
  151. /* ---------------------------------------------------------------------------*/
  152. }
  153. /* 1200 styles ---------------------------------------------------------------*/