2015-04-26 18:16:25 +02:00

1330 lines
22 KiB
Plaintext

@import "lib.less";
#block-boxes-popsu_google_analytics {
display: none;
}
/* Links with OUTLINE patch */
a:link, a:visited, a:hover, a:active {
outline: none;
}
body.front {
background: url(../img/body-background.png);
}
#global-wrapper {
background: url(../img/body-pattern-wide-trans.png) no-repeat top center;
}
body.front #global-wrapper {
background: url(../img/carte/fond_carte_agrandi_02.png) no-repeat top center;
}
body.front #global-wrapper-secondary {
background: url(../img/carte/fond_pageaccueil_final.png) no-repeat center -145px;
}
/* NE PAS EFFACER */
/* déplacé dans les vues projets et themes (footer)
#main-wrapper #block-menu_block-1 .menu-name-menu-popsu1-menu > ul.menu {
background: url(/sites/default/themes/popsu/img/icons/voir-egalement-trans.png) no-repeat bottom right;
padding-bottom: 15px;
margin-bottom: 0;
}
/* !NE PAS EFFACER */
#page {
padding-bottom: 60px;
}
h1 {
color: #999;
text-transform: uppercase;
line-height: 1em;
}
#content-inner .pseudo-h1-page-title,
#content-inner .pseudo-h1-page-title p,
#content-inner h1#page-title p,
#content-inner h1#page-title {
font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif;
font-size: 56px;
line-height: 43px;
font-weight: normal;
color: @bleu_popsu1;
padding-top: 4px;
}
#content-inner .pseudo-h1-page-title p span {
line-height: 36px;
}
#content-inner .pseudo-h1-page-title,
#content-inner h1#page-title p {
margin-bottom: 0;
}
body.context-popsu-europe #content-inner .pseudo-h1-page-title,
body.context-popsu-europe #content-inner .pseudo-h1-page-title p,
body.context-popsu-europe #content-inner h1#page-title p,
body.context-popsu-europe #content-inner h1#page-title {
color: @gris_popsueurope;
}
body.context-popsu-2 #content-inner h1#page-title {
color: @vert_popsu2;
}
h2 {
line-height: 1.3em;
}
h6 {
color: #000;
font-size: 12px;
text-transform: none;
}
#content-inner h2 {
font-family: OpenSansBold, verdana,arial,helvetica,sans-serif;
font-size: 20px;
text-transform: uppercase;
line-height: 27px;
font-weight: normal;
}
#content-inner h3 {
font-size: 13px;
line-height: 17px;
font-family: OpenSansExtraBold, verdana,arial,helvetica,sans-serif;
font-weight: normal;
margin: 0;
}
kbd {
background-color: #f5f5f5;
border: 1px solid #dedede;
padding: 0px 3px 2px;
}
footer {
margin-top: 3em;
text-align: right;
}
/*base-documentaire*/
body.page-user #main-wrapper {
background: #fff;
min-height: 450px;
margin-top: 70px;
margin-bottom: 30px;
}
body.page-user #page {
min-height: 600px;
}
#header-wrapper {
margin-bottom: 0;
padding-bottom: 0;
}
#content-wrapper {
/*background-color: #fff;*/
#content-inner {
/*background-color:#ff0000;*/
padding: 0 0px 0 0;
/*margin-right: -15px;*/
margin-right: -23px;
}
}
#footer-wrapper {
background: transparent url(../img/pixels/footer-background_gray-dark-trans.png);
#footer {
background: none;
color: #fff;
font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif;
font-size: 13px;
line-height: 14px;
letter-spacing: 0.075em;
font-weight: normal;
li,
.block-inner .content ul li a {
font-weight: normal;
color: #fff;
line-height: 14px;
}
/*#footer-accueil,
#footer-popsu {
font-size: 14px;
}
#footer-recherche {
font-size: 17px;
float: right;
display: block;
}*/
li.last {
float: right;
display: block;
}
}
}
.navbar-inner, #footer-wrapper #footer {
min-height: 30px;
}
#sidebar-first {
.region-sidebar-first {
/* A REPORTER */
/*padding: 0px 15px 10px 15px;*/
margin: 0 5px 0 15px;
background: url(../img/pixels/sidebar-default-trans.png);
}
.left-nav-level-1 {
padding: 27px 15px 10px 15px;
ul.menu {
li {
margin-bottom: 11px;
.nolink,
a {
color: @bleu_popsu1;
font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif;
font-size: 38px;
line-height: 30px;
font-weight: normal;
margin-bottom: 5px;
display: block;
}
}
}
}
}
#sidebar-first {
.left-nav-level-1 {
ul.menu {
li {
a:hover {
color: #fff;
background: none;
text-decoration: underline;
}
ul {
margin-bottom: 22px;
li {
margin-bottom: 0px;
.nolink,
a {
color: #fff;
/*font-family: OpenSansRegular, verdana,arial,helvetica,sans-serif;*/
font-family: OpenSansLight, verdana,arial,helvetica,sans-serif;
font-size: 17px;
line-height: 23px;
font-weight: normal;
margin-bottom: 0;
}
a:hover {
color: @bleu_popsu1;
}
}
}
}
li.active-trail a.active {
/*background-color: #fff;*/
color: @bleu_popsu1;
}
}
}
}
body.context-popsu-europe #sidebar-first .left-nav-level-1 ul.menu {
li {
color: @gris_popsueurope;
a,
.nolink {
color: @gris_popsueurope;
}
ul li a {
color: #fff;
}
ul li a:hover {
color: @gris_popsueurope;
}
ul li.active a {
font-family: OpenSansBold, verdana,arial,helvetica,sans-serif;
}
}
li.active a.active {
color: @gris_popsueurope;
}
}
body.context-popsu-2 #sidebar-first .left-nav-level-1 ul.menu {
li {
color: @vert_popsu2;
a,
.nolink {
color: @vert_popsu2;
}
ul li .nolink,
ul li a {
color: #fff;
}
ul li a:hover {
color: @vert_popsu2;
}
ul li.active a {
font-family: OpenSansBold, verdana,arial,helvetica,sans-serif;
}
}
li.active a.active {
color: @vert_popsu2;
}
}
#sidebar-first {
.left-nav-level-2 {
padding: 0px 15px 10px 15px;
h3.title a {
color: #fff;
}
ul.menu {
li {
margin-bottom: 11px;
.nolink,
a {
color: #fff;
font-family: OpenSansBold, verdana,arial,helvetica,sans-serif;
font-size: 12px;
line-height: 17px;
font-weight: normal;
text-transform: uppercase;
/*margin-bottom: 5px;*/
display: block;
}
ul {
margin-bottom: 22px;
padding-left: 0;
li {
margin-bottom: 0px;
a {
color: #fff;
/*font-family: OpenSansRegular, verdana,arial,helvetica,sans-serif;*/
font-family: OpenSansRegular, verdana,arial,helvetica,sans-serif;
font-size: 12px;
line-height: 17px;
font-weight: normal;
margin-bottom: 0;
text-transform: none;
}
}
li:hover a {
background: none;
/*color: @bleu_popsu1;*/
text-decoration: underline;
}
}
}
li.active-trail a.active {
/*background-color: #fff;
color: @bleu_popsu1;*/
background: none;
color: #000;
font-family: OpenSansBold, verdana,arial,helvetica,sans-serif;
}
}
}
}
body.sidebar-double.context-popsu-1 {
#sidebar-first {
.region-sidebar-first {
background: url(../img/pixels/sidebar-popsu1-bis-trans.png);
}
.left-nav-level-1 {
padding-top: 27px;
ul.menu {
li {
.nolink,
a {
color: #000;
}
ul li a {
color: #fff;
}
a:hover {
color: #fff;
}
ul li a:hover {
color: #000;
}
}
li.active-trail a.active {
background: none;
color: #000;
font-weight: bold;
}
}
}
}
}
body.sidebar-double.context-popsu-2 {
#sidebar-first {
.region-sidebar-first {
background: @vert_popsu2;
/*url(../img/pixels/sidebar-popsu1-bis-trans.png);*/
}
}
}
body.context-popsu {
#header-wrapper {
.block-inner {
margin: 0px;
padding: 0px;
}
#block-boxes-popsu_logo_baseline {
float: left;
background: #000 url(../img/logos/baseline.png) no-repeat top left;
width: 143px;
height: 61px;
margin-top: 36px;
margin-left: -5px;
.block-inner {
display: none;
}
}
.block-wrapper.first {
float: left;
.block-boxes {
background: url(../img/pixels/sidebar-default-trans.png);
margin: 0 5px 0 15px;
/* padding-bottom: 27px; */
padding-bottom: 0px;
}
}
}
}
body.sidebar-double.context-popsu-1 #header-wrapper .block-wrapper.first .block-boxes {
background: url(../img/pixels/sidebar-popsu1-bis-trans.png);
}
body.sidebar-double.context-popsu-2 #header-wrapper .block-wrapper.first .block-boxes {
background: @vert_popsu2;
/* url(../img/pixels/sidebar-popsu1-bis-trans.png); */
}
body.context-popsu-1 {
#header-wrapper {
#block-boxes-popsu_logo_popsu1 {
/* popsu1 */
.block-inner {
/*padding: 0 1px 0 0;*/
a.logo {
display: block;
float: right;
margin: 40px 0 0 0;
width: 193px;
height: 131px;
background: url(../img/logos/popsu1/logo-sidebar-trans.png) no-repeat;
text-indent: -999px;
overflow: hidden;
}
}
}
#block-boxes-popsu_logo_popsu2 {
/* popsu2 */
float: right;
.block-inner {
a.logo {
display: block;
margin: 64px 0 0 0;
width: 101px;
height: 65px;
background: url(../img/logos/popsu2/logo-small-trans.png) no-repeat;
text-indent: -999px;
overflow: hidden;
float: right;
}
}
}
#block-boxes-popsu_logo_popsueurope {
/* popsu Europe */
float: right;
.block-inner {
a.logo {
display: block;
margin: 64px 0 0 0;
width: 101px;
height: 65px;
background: url(../img/logos/popsueurope/logo-small-trans.png) no-repeat;
text-indent: -999px;
overflow: hidden;
float: right;
}
}
}
#block-boxes-popsu_logo_baseline {
/* baseline */
.block-inner {
}
}
}
}
body.context-popsu-2 {
#header-wrapper {
#block-boxes-popsu_logo_popsu1 {
float: right;
.block-inner {
a.logo {
display: block;
margin: 64px 0 0 0;
width: 101px;
height: 65px;
background: url(../img/logos/popsu1/logo-small-trans.png) no-repeat;
text-indent: -999px;
overflow: hidden;
float: right;
}
}
}
#block-boxes-popsu_logo_popsu2 {
.block-inner {
a.logo {
display: block;
float: right;
margin: 40px 0 0 0;
width: 193px;
height: 131px;
background: url(../img/logos/popsu2/logo-sidebar-trans.png) no-repeat;
text-indent: -999px;
overflow: hidden;
}
}
}
#block-boxes-popsu_logo_popsueurope {
float: right;
.block-inner {
a.logo {
display: block;
margin: 64px 0 0 0;
width: 101px;
height: 65px;
background: url(../img/logos/popsueurope/logo-small-trans.png) no-repeat;
text-indent: -999px;
overflow: hidden;
float: right;
}
}
}
#block-boxes-popsu_logo_baseline {
.block-inner {
}
}
}
}
body.context-popsu-europe {
#header-wrapper {
#block-boxes-popsu_logo_popsu1 {
float: right;
.block-inner {
a.logo {
display: block;
margin: 64px 0 0 0;
width: 101px;
height: 65px;
background: url(../img/logos/popsu1/logo-small-trans.png) no-repeat;
text-indent: -999px;
overflow: hidden;
float: right;
}
}
}
#block-boxes-popsu_logo_popsu2 {
float: right;
.block-inner {
a.logo {
display: block;
margin: 64px 0 0 0;
width: 101px;
height: 65px;
background: url(../img/logos/popsu2/logo-small-trans.png) no-repeat;
text-indent: -999px;
overflow: hidden;
float: right;
}
}
}
#block-boxes-popsu_logo_popsueurope {
.block-inner {
a.logo {
display: block;
float: right;
margin: 40px 0 0 0;
width: 193px;
height: 131px;
background: url(../img/logos/popsueurope/logo-sidebar-trans.png) no-repeat;
text-indent: -999px;
overflow: hidden;
}
}
}
#block-boxes-popsu_logo_baseline {
.block-inner {
}
}
}
}
#boxes-box-popsu_menu_trigger {
background: #000000;
margin-left: -20px;
padding: 0;
float: left;
.menu-trigger-level1,
a {
cursor: pointer;
color: #fff;
font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif;
font-size: 14px;
line-height: 14px;
letter-spacing: 0.05em;
font-weight: normal;
padding: 3px 4px 2px 7px;
}
}
#trigger-questcequepopsu {
background: #000000;
margin-right: -20px;
margin-top: -10px;
margin-bottom: 10px;
padding: 0;
float: right;
a {
display: block;
cursor: pointer;
color: #fff;
font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif;
font-size: 14px;
line-height: 14px;
letter-spacing: 0.05em;
font-weight: normal;
padding: 3px 4px 2px 7px;
}
}
.breadcrumb { display: none; }
body.context-popsu #header-wrapper .menu-header .block-inner {
padding: 0;
background: none;
ul {
padding-left: 30px;
padding-top: 23px;
li {
list-style: none;
text-align: left;
}
}
}
.menu-inline {
ul {
li {
float: left;
list-style: none;
margin: 0 10px;
}
}
}
.openlayers-container {
border: 1px solid #999;
.olControlAttribution {
display: none;
}
.openlayers_behavior_fullscreen_buttonItemInactive {
cursor: pointer;
/*background: url("openlayers_behavior_fullscreen.png") repeat scroll 0 0 transparent;
height: 20px;
width: 20px;*/
}
}
.openlayers-container img {
max-width: none;
}
.flexslider {
margin-bottom: 10px;
min-height: 340px;
/*height: 330px;*/
/*margin-left: -20px;*/
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
list-style-type: none;
}
p {
margin: 0 1px 0 0;
font-size: 11px;
font-weight: normal;
.ville-title {
padding-left: 5px;
}
}
}
.flex-caption,
.caption {
/*position:absolute;*/
bottom:0;
left:0;
width:100%;
font-size:12px;
color:#fff;
/*height:21px;*/
padding: 2px 0;
/*background:rgba(0, 0, 0, 0.9);*/
background-color: #000;
span.ville-title {
display: block;
margin: 0 2px;
}
}
.colloque-subtitle {
font-family: OpenSansRegular,Helvetica,Arial,sans-serif;
font-size: 12px;
line-height: 18px;
color: #1A171B;
}
body.popsu-neutral-section {
#main-wrapper #content-wrapper {
width: 96%;
#content-inner {
padding-left: 170px;
.panel-2col-stacked {
.panel-col-top {
width: 69%;
}
.center-wrapper {
.panel-col-first {
width: 340px;
margin-right: 70px;
}
.panel-col-last {
width: 340px;
}
}
}
.page-header {
margin-bottom: 24px;
}
h1#page-title {
color: @gris_neutral;
}
h2 {
font-family: OpenSansBold,verdana,arial,helvetica,sans-serif;
font-size: 19px;
}
a {
color: #1A171B;
}
p {
font-family: OpenSansRegular,Helvetica,Arial,sans-serif;
font-size: 13px;
line-height: 18px;
margin: 0 0 9px;
color: #1A171B;
}
}
}
}
body.popsu-neutral-section {
#header-wrapper {
#boxes-box-popsu_logo_popsuneutral {
/* popsu1 */
float: left;
margin-left: 65px;
.boxes-box-content {
margin: 0 5px 0 15px;
/* padding-bottom: 27px; */
padding-bottom: 0px;
a.logo {
display: block;
float: right;
margin: 24px 0 0 0;
width: 349px;
height: 150px;
background: url(../img/logos/logo-pages-froides-avec-baseline.png) no-repeat;
text-indent: -999px;
overflow: hidden;
}
}
}
}
}
body.popsu-actu-section,
body.popsu-neutral-section {
#header-wrapper {
#block-boxes-popsu_logo_popsu1 {
/* popsu1 */
float: right;
margin-right: 25px;
.block-inner {
a.logo {
display: block;
margin: 64px 0 0 0;
width: 101px;
height: 65px;
background: url(../img/logos/popsu1/logo-small-trans.png) no-repeat;
text-indent: -999px;
overflow: hidden;
float: right;
}
}
}
#block-boxes-popsu_logo_popsu2 {
/* popsu2 */
float: right;
margin-right: 25px;
.block-inner {
a.logo {
display: block;
margin: 64px 0 0 0;
width: 101px;
height: 65px;
background: url(../img/logos/popsu2/logo-small-trans.png) no-repeat;
text-indent: -999px;
overflow: hidden;
float: right;
}
}
}
#block-boxes-popsu_logo_popsueurope {
/* popsu Europe */
float: right;
.block-inner {
a.logo {
display: block;
margin: 64px 0 0 0;
width: 101px;
height: 65px;
background: url(../img/logos/popsueurope/logo-small-trans.png) no-repeat;
text-indent: -999px;
overflow: hidden;
float: right;
}
}
}
}
}
body.popsu-neutral-section {
#header-wrapper {
#block-boxes-popsu_logo_baseline {
display: none;
/*float: left;
background: #000 url(../img/logos/baseline.png) no-repeat top left;
width: 143px;
height: 61px;
margin-top: 36px;
margin-left: -5px;
.block-inner {
display: none;
}*/
}
}
}
body.popsu-actu-section {
#header-wrapper {
#block-boxes-popsu_logo_baseline {
float: left;
background: #000 url(../img/logos/baseline.png) no-repeat top left;
width: 143px;
height: 61px;
margin-top: 36px;
margin-left: -5px;
.block-inner {
display: none;
}
}
#boxes-box-popsu_logo_popsuneutral {
float: left;
.boxes-box-content {
background: url(../img/pixels/sidebar-default-trans.png);
margin: 0 5px 0 15px;
/* padding-bottom: 27px; */
/*height: 192px;*/
padding-top: 24px;
a.logo {
display: block;
margin: 0px 0 0 73px;
width: 207px;
height: 150px;
background: url(../img/logos/logo-actu-black.png) no-repeat;
text-indent: -999px;
overflow: hidden;
}
}
}
/*#boxes-box-popsu_logo_popsuneutral {
background: url(../img/pixels/sidebar-default-trans.png);
margin: 0;
padding-bottom: 0px;
.boxes-box-content {
margin: 0 5px 0 15px;
padding-bottom: 0px;
a.logo {
display: block;
margin: 24px 0 0 0;
width: 207px;
height: 150px;
background: url(../img/logos/logo-actu-black.png) no-repeat;
text-indent: -999px;
overflow: hidden;
}
}
}*/
}
}
body.popsu-actu-section #sidebar-first {
.left-nav-level-1 {
/*padding: 27px 15px 10px 15px;*/
padding-top: 44px;
h3 {
color: @gris_neutral;
font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif;
font-size: 38px;
line-height: 30px;
font-weight: normal;
margin-bottom: 5px;
display: block;
}
ul.menu {
margin-bottom: 22px;
li {
margin-bottom: 0px;
.nolink,
a {
color: #fff;
/*font-family: OpenSansRegular, verdana,arial,helvetica,sans-serif;*/
font-family: OpenSansLight, verdana,arial,helvetica,sans-serif;
font-size: 17px;
line-height: 23px;
font-weight: normal;
margin-bottom: 0;
}
a:hover {
color: @gris_neutral;
}
}
}
}
}
#content-inner #page-title.title-actu {
font-size: 28px;
line-height: 22px;
color: @gris_neutral;
}
#page-title-secondary-actu {
color: @gris_neutral;
margin-top: 0;
}
body.popsu-actu-section #main-wrapper #content-wrapper #content {
padding-top: 40px;
}
.title-actu.title-a-venir {
display: none;
}
.title-actu.title-passees {
display: block;
}
body.popsu-neutral-section #main-wrapper #content-wrapper #content-inner .listing-actu {
h2.pane-title {
font-size: 28px;
line-height: 22px;
color: @gris_neutral;
font-family: OstrichSansBold,verdana,arial,helvetica,sans-serif;
text-transform: uppercase;
}
.views-field-title {
color: @gris_neutral;
font-family: BebasNeueRegular,verdana,arial,helvetica,sans-serif;
font-size: 56px;
line-height: 49px;
}
.views-field-field-popsu-actu-soustitre {
font-family: OpenSansBold, verdana,arial,helvetica,sans-serif;
font-size: 20px;
line-height: 50px;
}
.actu-col-img {
float: left;
margin: 0 26px 5px 0;
}
.actu-col-body {
margin-left: 246px;
}
}
body.popsu-listing-actu {
h1#page-title {
display: none;
}
}
#content-inner .listing-actu-avenir {
.views-row {
padding-bottom: 10px;
margin-bottom: 25px;
border-bottom: 1px solid #000;
}
.view-content {
margin-bottom: 45px;
}
}
#pane-actu-passees.layout-88p {
width: 100%;
.panels-flexible-column.panels-flexible-column-accordion-h2-layout-1.panels-flexible-column-first {
width: 100%;
}
}
#content-inner .listing-actu-passe {
h2.pane-title {
margin-bottom: 7px;
}
.views-row-last {
padding-bottom: 0px;
margin-bottom: 25px;
border-bottom: 1px solid #000;
}
.actu-pseudo-title {
font-family: OpenSansBold, verdana,arial,helvetica,sans-serif;
font-size: 20px;
line-height: 20px;
}
.actu-pseudo-subtitle {
font-family: OpenSansSemiBold, verdana,arial,helvetica,sans-serif;
font-size: 20px;
line-height: 20px;
}
}
body #cboxClose,
body #cboxPrevious,
body #cboxNext {
border: 0;
}
/* A REPRENDRE ET ETENDRE A TOUS LES TYPES DE CONTENUS */
body.panel-theme-europe #content-inner h1#page-title {
display: none;
}
body.panel-theme-europe .panels-flexible-row-popsu-74-26-stacked-8.panels-flexible-row-first {
display: none;
}
body.panel-theme-europe #content-inner .panels-flexible-region-popsu-74-26-stacked-right {
border-top: 1px solid #000;
.accordion-trigger,
.accordion-h2 {
border-bottom: 1px solid #000;
}
.accordion-h2-panel {
margin-bottom: 0px;
padding-bottom: 5px;
}
.accordion-trigger .views-field,
.accordion-h2-layout .accordion-content .views-label,
.accordion-h2-views .view-header,
.accordion-h2-panel > h2.pane-title {
border-top: none;
}
#accordion-h2-publication-europe .accordion-trigger {
border-bottom: none;
}
#accordion-h2-publication-europe {
border-bottom: 1px solid #000;
}
}
/*
#footer {
display: none;
}
*/
#custom-search-blocks-form-1 {
.form-item-custom-search-types {
display: none;
}
.form-actions {
border: none;
background: none;
margin: 0;
padding: 0;
}
.form-item-custom-search-blocks-form-1, #edit-actions, .form-actions:before, .form-actions:after {
display: inline;
}
label, input, #edit-submit {
display: inline-block;
}
}
body.page-search.popsu-neutral-section #main-wrapper #content-wrapper #content-inner,
body.popsu-neutral-section.page-search #main-wrapper #content-wrapper #content-inner {
margin-right: 100px;
min-height: 450px;
}
body.page-recherche.popsu-neutral-section #main-wrapper #content-wrapper #content-inner {
min-height: 450px;
}
#accordion-h2-lire-aussi {
.view-content {
padding-top: 8px;
}
a {
color: #1A171A;
}
h3 {
font-weight: normal;
font-style: italic;
font-family: OpenSansRegular,Helvetica,Arial,sans-serif;
}
}
.captioned .flex-caption {
position: relative;
z-index: 2;
margin-top: -35px;
}
body.node-type-popsu-ville .captioned .flex-caption {
margin-top: -20px;
}