Nouveau CSS

<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet"> <style> .modal-header .modal-title { font-size: 38px; font-weight: 100; } .close { color: white !important; opacity: 1 !important; font-size: 50px; } #modal-sous-rubrique-musique a.internal-link { background: black !important; color: white !important; padding: 17px 28px !important; border-radius: 50px !important; margin: 0 10px; } .boutons_sup { display: inline-flex; margin: 40px 0; } #modal-sous-rubrique-musique div.modal-dialog.modal-lg #content-core div div.template ul { list-style: none; } .credits {display: none !important;} #bloc-le-pass-culture-arts {display: none;} #bloc-a-la-une .col-sm-12 { border-right: 1px solid rgba(0,0,0,0.07); } #bloc-a-la-une .col-sm-12 .text-justify:before { content: "A la Une"; font-size: 30px; background: black; color: white; width: 50%; display: block; margin-bottom: 20px; text-align: center; font-family: 'Playfair Display', serif !important; text-transform: uppercase !important; } .navbar.navbar-default.navbar-fixed-top .col-md-12 {padding: 7px 0;} #bloc-a-la-une h2 {color:transparent !important;} #bloc-map h2, #bloc-insta-wall h2, #bloc-ateliers h2, #bloc-fiches-reperes h2 {position:absolute;} .btn.btn-warning.btn-sm {display: none !important;} p, a { transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; transition-delay:0s; -webkit-transition-delay:0s; } #bloc-insta-wall {background: black;} .modal-content .canal_fil_importance2 .image_ratio span {display: initial !important;} #bloc-derniers-evenements .portletEvenementiels .list-group-item {margin: 20px 0;} .portletEvenementiels.None.panel.panel-default.col-md-4 .list-group a.list-group-item p.list-group-item-text span.text-muted:after { content: ''; display: block; width: 3.75rem; border-bottom: 1px solid #cb0a13; margin: 2rem 0 2rem; opacity: 1; } #bloc-insta-wall h2 {color:transparent !important; font-size:1px !important;} .footer_contact h3, .footer_contact h4, .footer_contact span { font-weight: 100 !important; font-weight: 500 !important; } #bloc-ce-quil-ne-fallait-pas-rater .col-sm-2 { float: left; } #bloc-ce-quil-ne-fallait-pas-rater .col-sm-10 { float: right; } #bloc-derniers-evenements, #bloc-fiches-reperes { padding: 0 20px; } .navbar.navbar-default.navbar-fixed-top.main-navbar.container { /*padding-top: 3em;*/ } #bloc-dernieres_actualites h2.lead, #bloc-ce-quil-ne-fallait-pas-rater h2.lead {color: white !important;} /* #bloc-aquarelle { display: none; } */ /* .navbar-fixed-top, .navbar-fixed-bottom, .navbar.navbar-default.navbar-fixed-top.main-navbar.container { position: absolute !important; } */ .row.footer_contact { # background: rgba(0,0,0,0.8) !important; background: whitesmoke !important; } .modal-body #parent-fieldname-description, .modal-body #plone-document-byline { display: none; } .row.canal_fil_importance3.entete_simple .details_link { /*position: absolute; top: 0;*/ font-size: 20px; font-weight: bold !important; } .row.canal_fil_importance3.entete_simple .details_link span { background: #cb0a13; color: white; padding: 10px 40px; position: absolute; top: 20%; font-weight: 100; } .row.canal_fil_importance3.entete_simple { /*position: absolute; top: 0; width: 100%;*/ padding: 0; } .row.canal_fil_importance3.entete_simple .row { list-style: none !important; } .row.canal_fil_importance3.entete_simple .thumb_link.image_ratio { height: 250px !important; clear:both !important; } .row.canal_fil_importance3.entete_simple .col-md-12 { padding:0 !important; } .row.canal_fil_importance3.entete_complete .details_link { /*position: absolute; top: 0;*/ font-size: 20px; font-weight: bold !important; } .row.canal_fil_importance3.entete_complete .details_link span { background: #cb0a13; color: white; padding: 10px 40px; position: absolute; top: 20%; font-weight: 100; } .row.canal_fil_importance3.entete_complete { /*position: absolute; top: 0; width: 100%;*/ padding: 0; } .row.canal_fil_importance3.entete_complete .row { list-style: none !important; } .row.canal_fil_importance3.entete_complete .thumb_link.image_ratio { height: 250px !important; clear:both !important; } .row.canal_fil_importance3.entete_complete .col-md-12 { padding:0 !important; } #parent-fieldname-title.documentFirstHeading, .newsImageContainer { display: none !important; } .modal-backdrop.in { /*background: #cb0a13 !important;*/ background: black !important; opacity:0.1 !important; } .modal-content { border-radius: 0 !important; border: white !important; } .modal-body { padding-top:0 !important; } .modal-header { background: rgba(0,0,0,0.8) !important; color: white !important; text-align: center !important; } .navbar.navbar-default.navbar-fixed-top.main-navbar { box-shadow: 0px 2px 10px rgba(0,0,0,0.4); z-index: 10; } .menu_outils_ca a { padding: 7px !important; } .menu_outils_ca .navbar { min-height: auto !important; } #bloc-contactez-nous { display: none; } .menu_outils_ca .collapse.navbar-collapse { float: right; } #content { position: absolute; width: 100%; top: 0; } .navbar.navbar-default.container { margin-bottom:0 !important; padding:0; background: #cb0a13; border-bottom: 2px solid rgba(0,0,0,0.04); border-radius:0; } .navbar.navbar-default.container a, .navbar.navbar-default.container span, .navbar.navbar-default.container i { color: white; } .managePortletsLink { display: none; } @media (min-width: 768px) { .main-navbar.container .navbar-nav li > a { padding-top: 35px !important; padding-bottom: 35px !important; } } .main-navbar.container .navbar-nav li > a.dropdown-toggle { display: none; } .navbar-brand img { height: 90px !important; } #portlet { padding: 0 !important; } #portlet .navbar-style-noir { margin-bottom:0; } .navbar-fixed-top.main-navbar.container { margin-bottom: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: inherit !important; } #bloc-js, #bloc-menu-outils, .navbar.navbar-default.navbar-fixed-top.main-navbar .nav.navbar-nav.navbar-right li:nth-child(2), #menu-page\2e html { display: none !important; } .navbar.navbar-default.navbar-fixed-top.main-navbar.container { background: #cb0a13; height: 100px !important; } .navbar.navbar-default.navbar-fixed-top.main-navbar .container:first-child { /*padding: 20px 0;*/ } .navbar.navbar-default.navbar-fixed-top.main-navbar span { color: white; font-weight: 300; text-transform: uppercase; font-size: 65%; letter-spacing: 0.1em; } a, p { color: black !important; } a:hover, p:hover { color: #cb0a13 !important; } #bloc-fiches-reperes p:hover { color: #FFF !important; } .bloc_boutonsv2 .btnv2 a { color: white !important;background: rgba(0,0,0, 0.1); } .programmeca a {background: #cb0a13 !important;} .bloc_boutonsv2 .btnv2 a:hover { color: black !important; background: white !important; } h2 { display: block; font-size: 50px !important; font-family: 'Playfair Display', serif !important; font-weight: 600; /*margin-bottom: 10px;*/ color: black; float: left; } #bloc-a-la-une .col-sm-12 .row .row-sm-height { background: transparent !important; } #bloc-a-la-une .col-sm-12 .row .row-sm-height .col-xs-12:first-child { float: right !important; width:65%; } #bloc-a-la-une h4 { font-size: 30px; } #bloc-a-la-une p.list-group-item-text { color: black !important; font-size: 20px; padding: 20px 0; } #bloc-a-la-une p.list-group-item-text:hover { color: #cb0a13 !important; } #bloc-a-la-une .col-sm-12 .row .row-sm-height .col-xs-12:nth-child(2) { float: left !important; width:35%; } #bloc-tous-les-derniers-evenements .row .col-sm-3 { width: 100% !important; } #bloc-tous-les-derniers-evenements .row .col-sm-9 { display: none !important; } #bloc-tous-les-derniers-evenements dl.portlet.portletListing { width: calc(100% /3); float: left; padding: 10px; } body { /*background: url("http://unice.fr/culture-arts/contenus-riches/images/illustrations/fond-bloc/") no-repeat center !important; background-size: cover !important; background-attachment: fixed !important;*/ background: white !important; } .regular {background: white !important;} #bloc-tous-les-derniers-evenements dl.portlet { clear: initial !important; } #bloc-dernieres_actualites, #bloc-derniers_evenements, #bloc-ce-quil-ne-fallait-pas-rater { background: transparent !important; } #bloc-tous-les-derniers-evenements .col-sm-3 a.btn { display: none !important; } #bloc-a-la-une, #bloc-tous-les-derniers-evenements, #bloc-insta-wall { background-color: #f7f5f3 !important; } #bloc-insta-wall p, #bloc-insta-wall a { color: #bababa !important; } #bloc-insta-wall a:hover { color: #cb0a13 !important; } #bloc-insta-wall .col-md-12 > div{ background: white !important; } #bloc-insta-wall h1.referral { display: none !important; } #bloc-tous-les-derniers-evenements .col-sm-3 .portletHeader { background: transparent; color: black; font-size: 23px; font-weight: 400; text-align: left; border-bottom: 1px solid rgba(0,0,0,0.2); margin-bottom: 20px; } #bloc-tous-les-derniers-evenements .col-sm-3 .portletItem small { background: transparent; border: 1px solid #cb0a13; margin: 0 20px 0 0; padding:10px; } #bloc-tous-les-derniers-evenements .col-sm-3 .portletItem li { display: flex !important; } #bloc-tous-les-derniers-evenements .col-sm-3 .portletItem small span, #bloc-tous-les-derniers-evenements .col-sm-3 .portletItem small strong { background: transparent; color: #cb0a13; text-transform: uppercase; } #bloc-tous-les-derniers-evenements dl.portlet.portletListing.portlet_type_dates_liens .portletItem ul li a span:nth-child(2) { font-size: 18px; font-weight: 200; } #bloc-tous-les-derniers-evenements h2 { /*display: none !important;*/ } .imagelegendee > img { display: block !important; width: 100% !important; height: auto; /*float: right !important; margin: 20px 0;*/ } .portletImageLegendee .portletHeader { background: #252729; color: white; padding: 5px 5px; text-align: center; } /* #bloc-ce-quil-ne-fallait-pas-rater .image_complete { background-size: cover !important; } #bloc-ce-quil-ne-fallait-pas-rater .col-sm-12 { margin-bottom:50px; } #bloc-ce-quil-ne-fallait-pas-rater .galerie > div { padding: 5px; } #bloc-ce-quil-ne-fallait-pas-rater .galerie .image_ratio { border: 1px solid #252729; } #bloc-ce-quil-ne-fallait-pas-rater .galerie .image_ratio strong { display: block !important; } */ /* #bloc-dernieres_actualites .col-sm-12 .list-group .row, #bloc-derniers_evenements .col-sm-12 .list-group .row { width: calc(100% /3); float: left; padding: 10px; } #bloc-dernieres_actualites .col-sm-12 .row .row-sm-height .col-xs-12:first-child, #bloc-derniers_evenements .col-sm-12 .row .row-sm-height .col-xs-12:first-child { float: left; width:100%; height: auto; } #bloc-dernieres_actualites .col-sm-12 .row .row-sm-height .col-xs-12:nth-child(2), #bloc-derniers_evenements .col-sm-12 .row .row-sm-height .col-xs-12:nth-child(2) { float: left; width:100%; padding-right: 0 !important; } #bloc-dernieres_actualites .col-sm-12 .list-group .text-right, #bloc-derniers_evenements .col-sm-12 .list-group .text-right { display: none !important; } */ .fa-star { color: #cb0a13 !important; } #bloc-nouveau-css { display: none !important; } #bloc-map { /*background: #252729 !important;*/ /* color: white !important;*/ /* padding:0 20px; */ color: rgba(0,0,0,0.8) !important; } #bloc-map h2 { color:transparent !important; font-size:1px !important; } #bloc-map .col-sm-9 iframe { width: 100% !important; height: 350px; } .footer_contact p, .footer_contact a { color: white !important; } #bloc-insta-wall .col-md-12 { /*margin-bottom:20px;*/ } #menu-nouveau-css { display: none !important; } #menu-page.html, #main-navbar .container ul.navbar-nav > li:nth-child(2) { display: none !important; } #bloc-map .container { width: 100%; } #bloc-map .col-md-12, #bloc-map > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) { min-height: 0 !important; } /* DESIGN 1 FICHES REPERES */ /* #bloc-fiches-reperes i { display: none !important; } #bloc-fiches-reperes .row div a { padding: 0; } #bloc-fiches-reperes .row div a strong { padding: 50% 0 !important; text-shadow: -2px 8px 6px black; } #bloc-fiches-reperes a:hover { color: white !important; } .onepage_text_sous_rubrique .col-sm-12 .row > div > a { transition: background 0.2s ease; } .onepage_text_sous_rubrique .col-sm-12 .row > div > a:hover { text-shadow: 1px 1px 1px rgba(0,0,0,0.5); } .onepage_text_sous_rubrique strong { font-size: 25px !important; padding: 20px; } */ /* DESIGN 2 FICHES REPERES */ #bloc-fiches-reperes .lead.text-center { font-size:1px !important; color: transparent !important;} #bloc-fiches-reperes i {display: none !important;} #sous-rubrique-ateliers { background: url("./contenus-riches/images/accueil/ateliers.jpg") no-repeat center !important; height: 520px; background-size: cover !important; } #sous-rubrique-musique { background: url("./contenus-riches/images/accueil/musique.jpg") no-repeat center !important; height: 520px; background-size: cover !important; } #bloc-fiches-reperes #sous-rubrique-theatre { background: url("./contenus-riches/images/accueil/theatre.jpg") no-repeat center !important; height: 520px; v } #sous-rubrique-danse { background: url("./contenus-riches/images/accueil/danse.jpg") no-repeat center !important; height: 520px; background-size: cover !important; } #sous-rubrique-cinema { background: url("./contenus-riches/images/accueil/cinema.jpg") no-repeat center !important; height: 520px; background-size: cover !important; } #sous-rubrique-esthetique-et-histoire-de-lart { background: url("./contenus-riches/images/accueil/esthetique-histoire-art.jpg") no-repeat center !important; height: 520px; background-size: cover !important; } #sous-rubrique-ateliers a, #sous-rubrique-musique a, #bloc-fiches-reperes #sous-rubrique-theatre a, #sous-rubrique-danse a, #sous-rubrique-cinema a, #sous-rubrique-esthetique-et-histoire-de-lart a { position: absolute; bottom: 0; # background: white; background: #1d1d23; width: 100%; display: block; left: 0; text-align: left; color: white !important; } #sous-rubrique-ateliers strong, #sous-rubrique-musique strong, #bloc-fiches-reperes #sous-rubrique-theatre strong, #sous-rubrique-danse strong, #sous-rubrique-cinema strong, #sous-rubrique-esthetique-et-histoire-de-lart strong { font-size: 26px !important; font-weight: 600 !important; } /***********************/ /***********************/ .portletEvenementiels img { display: none !important; } #bloc-derniers-evenements { background: white !important; } .portletEvenementiels { border: none !important; } .portletEvenementiels .portletHeader, .portletEvenementiels .list-group-item { background: transparent !important; } .portletEvenementiels .portletHeader span { color: #cb0a13 !important; font-weight: bold !important; font-size: 45px; } .portletEvenementiels h4.list-group-item-heading { color: black; font-weight: bold !important; font-size: 22px; } .portletEvenementiels .list-group-item-text span span { display: block; font-weight: bold !important; font-size: 22px; /*padding: 10px 0;*/ /*color: rgba(0,0,0,0.4);*/ /*color: rgba(203,10,19, 0.4) !important;*/ color: white; background: black; margin: 10px 0; width: 50%; } #bloc-a-la-une h4.list-group-item-heading { font-weight: bold; } .portletEvenementiels .list-group .list-group-item:hover { background:rgba(0,0,0,0.01) !important; } #bloc-modal { display: none; } #bloc-a-la-une h4.list-group-item-heading i { display: none; } .portletEvenementiels .list-group-item-text i { color: #cb0a13 !important; } .portletEvenementiels .list-group a.list-group-item p.list-group-item-text { margin-top: 10px !important; } .item{ margin-bottom:20px; } .nav-8{ /*background:#2E71CC;*/ } .nav-8 nav{ /*background:#3384F2;*/ } .nav-8 .linktext{ font-size:1.3em; text-align:center; position:relative; z-index:2; color:#85B9FF; text-decoration:none; font-family: 'Righteous', Arial, sans-serif; text-transform:uppercase; transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; transition-delay:0s; -webkit-transition-delay:0s; } .nav-8 .linktext:before, .nav-8 .linktext:after{ opacity:0; position:absolute; top:2px; transform:translateY(36px); -webkit-transform:translateY(36px); left:0px; width:100%; transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; font-size:0.5em; font-weight: 100 !important; } .nav-8 .linktext:before{ content:''; height:1px; /* background:#236CCF; */ background:white; transition-delay:0s; -webkit-transition-delay:0s; } .nav-8 .linktext:after{ content:attr(data-text); /* color:#85B9FF; */ color: rgba(255,255,255,1); transition-delay:0s; -webkit-transition-delay:0s; font-weight: 100 !important; text-transform: initial !important; font-size: 10px !important; letter-spacing: 0.1em !important; } .nav-8 .item{ position:relative; display:inline-block; height:35px; padding-top:15px; /* margin-left:25px; margin-right:25px; */ margin-bottom:25px; background:transparent; transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; z-index:2; color:#007BFF; text-decoration:none; font-family:Arial, sans-serif; text-transform:uppercase; transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; } .nav-8 .item:hover .linktext{ transform:scale(1.3); -webkit-transform:scale(1.3); } .nav-8 .item:hover .linktext:before{ transition-delay:0s; -webkit-transition-delay:0s; } .nav-8 .item:hover .linktext:after{ transition-delay:0.15s; -webkit-transition-delay:0.15s; } .nav-8 .item:hover .linktext:before, .nav-8 .item:hover .linktext:after{ transform:translateY(16px); -webkit-transform:translateY(16px); opacity:1; } /* /NAV-8 */ #bloc-ateliers {background: white;} #bloc-ateliers .pe-7s-angle-right {display: none !important;} #bloc-ateliers #sous-rubrique-dessin, #bloc-ateliers #sous-rubrique-choeur, #bloc-ateliers #sous-rubrique-theatre, #bloc-ateliers #sous-rubrique-jazz { height: 200px; background: white; } # #bloc-ateliers #sous-rubrique-dessin, #bloc-ateliers #sous-rubrique-choeur, #bloc-ateliers #sous-rubrique-theatre { # border-bottom: 1px solid rgba(0,0,0,0.5); # } #bloc-ateliers #sous-rubrique-dessin strong, #bloc-ateliers #sous-rubrique-choeur strong, #bloc-ateliers #sous-rubrique-theatre strong, #bloc-ateliers #sous-rubrique-jazz strong { font-size: 40px; text-transform: uppercase; } #bloc-ateliers #sous-rubrique-dessin desc_atelier, #bloc-ateliers #sous-rubrique-choeur desc_atelier, #bloc-ateliers #sous-rubrique-theatre desc_atelier, #bloc-ateliers #sous-rubrique-jazz desc_atelier { font-size: 20px; text-transform: uppercase; } #bloc-ateliers #desc_atelier_d, #bloc-ateliers #desc_atelier_c, #bloc-ateliers #desc_atelier_t, #bloc-ateliers #desc_atelier_j { padding: 0 100px !important; display: block; } #bloc-ateliers #sous-rubrique-dessin a, #bloc-ateliers #sous-rubrique-choeur a, #bloc-ateliers #sous-rubrique-theatre a, #bloc-ateliers #sous-rubrique-jazz a { text-decoration: none !important; } #bloc-ateliers .section {display: none;} .description_atelier { padding: 3% 8%; font-size: 22px; } #bloc-artiste-de-haut-niveau, .description_atelier {display:none;} #bloc-ateliers.regular.onepage_text_sous_rubrique_entete div div.row div.col-sm-12 h2 {color: transparent !important; font-size:1px !important;} #bloc-ateliers .col-md-6 a span { font-weight: 100; opacity: 0.5; } #bloc-ateliers {padding: 60px 6% !important;} #bloc-cycle-de-conferences {display: none !important;} #menu-cycle-de-conferences {display: none;} .menu_outils_ca #menu-cycle-de-conferences {display: block !important;} </style>
Contenus

Il n'y a aucun élément dans ce dossier pour l'instant.