wide.less 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
  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.sidebar-double {
  66. #footer-wrapper #footer .region-footer {
  67. width: 1090px;
  68. }
  69. #page {
  70. width: 1090px;
  71. #main-wrapper {
  72. #sidebar-first {
  73. width: 450px;
  74. margin-left: 0px;
  75. }
  76. /*#content-wrapper {
  77. width: 620px;
  78. }*/
  79. }
  80. #header-wrapper {
  81. .block-wrapper.first {
  82. margin-left: 0px;
  83. .block-boxes {
  84. background: url(../img/pixels/sidebar-default-trans.png);
  85. }
  86. }
  87. #block-boxes-popsu_logo_popsueurope {
  88. /* attention au contexte POPSU !*/
  89. margin-right: 0px;
  90. }
  91. }
  92. #sidebar-first {
  93. #block-menu_block-3 {
  94. display: block;
  95. width: 55%;
  96. float: left;
  97. background: url(../img/pixels/sidebar-default-trans.png);
  98. }
  99. #block-menu_block-1 {
  100. width: 45%;
  101. float: left;
  102. min-height: 600px;
  103. background: url(../img/pixels/sidebar-popsu1-bis-trans.png);
  104. }
  105. }
  106. }
  107. }
  108. body.sidebar-double.context-popsu-2 #sidebar-first {
  109. #block-menu_block-4 {
  110. display: block;
  111. width: 55%;
  112. float: left;
  113. background: url(../img/pixels/sidebar-default-trans.png);
  114. }
  115. #block-menu_block-5 {
  116. width: 45%;
  117. float: left;
  118. min-height: 600px;
  119. /* background: url(../img/pixels/sidebar-popsu2-bis-trans.png); */
  120. background: @vert_popsu2;
  121. }
  122. }
  123. body.sidebar-double.context-popsu-1 #sidebar-first .left-nav-level-1 ul.menu {
  124. li .nolink,
  125. li a {
  126. color: @bleu_popsu1;
  127. }
  128. li ul li a:hover {
  129. color: @bleu_popsu1;
  130. }
  131. li.active-trail {
  132. a.active-trail {
  133. color: @bleu_popsu1;
  134. background: url(../img/nav-active-trans.png) no-repeat center right;
  135. margin-right: -15px;
  136. display: block;
  137. }
  138. }
  139. }
  140. body #block-boxes-popsu_menu_trigger {
  141. display: none;
  142. }
  143. #content-inner .popsu-74-26-stacked .panels-flexible-column-first .field-type-image {
  144. margin-left: -23px;
  145. }
  146. /* ---------------------------------------------------------------------------*/
  147. }
  148. /* 1200 styles ---------------------------------------------------------------*/