Aller au contenu
Menu
Accueil
Agenda
Sorties
Toutes les sorties
Concerts
Expos
Spectacles
Festivals
Cinéma
Arts de la rue
Nature / Environnement
Salons
Solidarité
Soirées
Sportives
Théâtre
Divers
Lieux
Bons plans
Proposer
Solidarité
Aucun événement trouvé!
Nous utilisons des cookies pour vous garantir la meilleure expérience sur notre site. Si vous continuez à utiliser ce dernier, nous considérerons que vous acceptez l'utilisation des cookies.
Ok
Global
/* VARIABLES */ @bleu: #3FE4F4; @gris-fonce: #333333; /* fonts */ @slabo: 'Slabo 27px', serif; @droid: 'Droid Serif', serif; @raleway: 'Raleway', sans-serif; @yellowtail: 'Yellowtail', cursive; @montserrat: 'Montserrat', sans-serif; @opensans: 'Open Sans', sans-serif; .text-center { text-align: center!important; } #content { /*border: 20px solid #3FE4F4; border-top: 20px solid #16BDCD;*/ } body { color: #000; h1, h2, h3, h4, h5, h6 { font-family: @montserrat!important; } font-family: @montserrat!important; p { color: #000; font-family: @opensans!important; font-weight: 400; } a{ &:hover { text-decoration: none!important; } } .btn { text-shadow: none; box-shadow: none; } } blockquote { clear: both; margin: 20px 0; padding: 1em; background: #f7f7f7; border-left: 2px solid @bleu; line-height: 1.2; } input[type=reset], input[type=submit], input[type=submit], .nav-links a:hover, .btn-theme-primary, .btn-theme-primary-outline:hover, .card-theme-primary, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce button.button.alt { border-radius: 2em!important; } a.um-button.um-alt { border-radius: 2em!important; } /*CONTENT */ #page { background: #fff; #main-content, #content-inside { background: #fff; /*border-left: 5px solid #000; border-right: 5px solid #000;*/ } } /* MENU PRINCIPAL */ .site-header { border-bottom: 5px solid #eaeaea; } .onepress-menu { a { color: #000; font-weight: 600; } } @media screen and (min-width: 1141px){ .onepress-menu ul.sub-menu { border: 5px solid #eaeaea; li { line-height:1.9em; border: none; a { border-top: 0; padding: 10px 20px; color: #000; font-size: 0.8em; text-transform: uppercase; background: #ffffff; letter-spacing: 0; &:hover { color: @bleu; background: #1f1f1f; } } } } } span.byline { display: none; } #main-content h1 { text-align: center; text-transform: uppercase; padding: 60px 0 10px 0; letter-spacing: 2px; } .page-header { padding: 60px 0px; border: none; background-color: #333333; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#30e8f2+0,ef3e85+80 */ background: rgb(48,232,242); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(48,232,242,1) 0%, rgba(0,0,255,1) 80%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(48,232,242,1) 0%,rgba(0,0,255,1) 80%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(48,232,242,1) 0%,rgba(0,0,255,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30e8f2', endColorstr='#0000ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ background-repeat: repeat; background-attachment: fixed; /*border-right: 3vh solid transparent; border-top: 0vh solid #fff; border-bottom: 2vh solid #fff; border-left: 3vh solid #3FE4F4;*/ .entry-title, .page-title{ color: #ffffff; text-align: center; font-size: 2em; letter-spacing: 0.5em; /*text-shadow: 0 2px 13px #0B5960; -webkit-text-shadow: 0 2px 13px #0B5960;*/ } .taxonomy-description p { color: #fff; font-weight: 300!important; text-align: center; font-family: @opensans; font-style: normal; font-size: 0.9em; letter-spacing: 2px; padding-top: 20px; } } .hero-content-style1 h2 { font-size: 3em; letter-spacing: 4px; font-weight: 200; line-height: 1em; margin-bottom: 30px; text-shadow:none; } .section-title-area { margin-bottom: 30px; text-align: center; .section-title { font-weight: bold; color: #000; } } /* CTA */ .btn-theme-primary-outline, .mec-fes-sub-button { border: 2px solid @bleu; padding: 10px 20px; } .btn-secondary-outline { box-shadow: none; border: 2px solid #fff; color: #fff; } .btn, .btn-lg, .mec-event-footer .mec-booking-button, .mec-event-share, .mec-fes-sub-button{ border-radius: 2em; -webkit-border-radius: 2em; box-shadow: none; } .mec-map-get-direction-btn-cnt { padding: 0!important; background-color: transparent!important; border:none!important; box-shadow: none; } .mec-load-more-button, .mec-event-share, .mec-fes-sub-button{ color: @bleu; border: 2px solid @bleu; background: #fff; width: auto; &:hover { color: #ffffff; background: @bleu; border: 2px solid @bleu; } } .mec-load-more-button { margin-bottom: 40px; } .mec-event-footer .mec-booking-button { border: 2px solid #000; color: #fff; background: #000; &:hover { background: @bleu; color: #fff; border: 2px solid @bleu; } } .mec-event-grid-clean .mec-booking-button { border-radius: 2em!important; } /* HOME PAGE */ .home { #hero { .hero-content-style1 p { font-size: 1em; font-weight: lighter!important; font-family: 'Open Sans'; } } section#categories { background: url("http://sortiraniort.fr/san2016/wp-content/themes/SortiraNiort/assets/images/home-search-bg.png") repeat; background-attachment: fixed; .feature-item { position: relative; h4 { display: none; } } } section#agenda { background-color: @gris-fonce; /*background-image: url("http://sortiraniort.fr/san2016/wp-content/themes/SortiraNiort/assets/images/home-agenda-bg.png");*/ background-repeat: repeat; background-attachment: fixed; background-position: bottom center; h2.section-title { color: @bleu; } .section-subtitle { color: #fff; } .row { h3 { display: none; } } .js-rotating { color: @bleu; } } section#selection { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#30e8f2+0,ef3e85+80 */ background: rgb(48,232,242); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(48,232,242,1) 0%, rgba(0,0,255,1) 80%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(48,232,242,1) 0%,rgba(0,0,255,1) 80%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(48,232,242,1) 0%,rgba(0,0,255,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30e8f2', endColorstr='#0000ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ background-attachment: fixed; .wow { display: none; } .section-subtitle { color: #fff; } .section-title { color: #000; } .section-desc { margin-top: 10px; } .mec-event-cover-clean { position: relative; border: 0; padding: 8px; height: 300px; overflow: hidden; margin-top: 20px; .mec-event-content { color: #fff; position: absolute; bottom: 0; padding: 22% 1em; transition: all 0.5s ease-in-out; left: 0; right: 0; height: 100%; .mec-event-title { color: #fff; font-weight: 700; margin: 1.2em 0; font-size: 29px; text-transform: uppercase; text-shadow: none; padding: 10px; background: transparent; } } .mec-event-date { position: absolute; top: 0; right: 0; color: #fff; width: 60px; padding: 14px 10px; z-index: 1; } .mec-event-image img { width: 100%; object-fit: cover!important; height: 100%; position: absolute; left: 0; transition: all 0.5s ease; } .mec-event-overlay { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+27,000000+100&0+27,0.65+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 27%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 27%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 27%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } &:hover { .mec-event-overlay { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+41&0+0,0.65+41 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 41%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 41%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 41%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .mec-event-title a{ color: @bleu!important; } .mec-event-image img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition: all 0.5s ease; } } } } section#bonsplans { .section-title { } .list-article { border: 0; padding: 1em; margin-bottom: 50px; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; &:hover { -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; .list-article-thumb{ img{ opacity: 0.5; } } } .list-article-thumb { float: none; margin: 0 0 10px 0; width: 100%; background: @bleu; overflow: hidden; border-radius: 0.5em; a { img { object-fit: cover; height: 200px; object-position: 50%; width: 100%; } } } } .all-news { margin-top: 40px; display: block; width: 280px; float: none; text-align: center; margin: 0 auto; } } .section-news .entry-title { font-size: 20px; line-height: 1.5; } .section-news .entry-excerpt p { font-weight: normal; font-family: 'Open Sans'; } section#home-projet { background-image :url("https://www.sortiraniort.fr/san2016/wp-content/themes/SortiraNiort/assets/images/sortir-a-niort_city3.png"); background-position: bottom center; background-attachment: scroll; background-repeat: no-repeat; background-size: 100% auto; background-color: #fafafa; min-height: 500px; .section-subtitle { color: #fff; background: #000; padding: 5px; } .btn-theme-secondary { color: #fff; border: 1px solid #000; background: #000; } .btn-lg { font-size: 1em; margin: 10px; &:hover { color: #000; background: #fff; border: 1px solid #fff; } } } @media screen and (max-width: 768px){ section#home-projet{ background-image: none; } } } /* EVENT CALENDAR */ .mec-calendar .mec-event-article .mec-event-image { float: left; margin-right: 20px; width: 65px; height: auto; border-radius: 50%!important; overflow: hidden; } section#agenda .mec-calendar .mec-event-article .mec-event-time { font-size: 14px; line-height: 1.1; margin: 0; font-weight: bold; } /* EVENT-COLOR */ #mec-event-color { display:none; } /* Single Event */ body.single { #page { } } .mec-single-event { .mec-event-content .mec-single-title { margin-top: 0; margin-bottom: 30px; font-weight: 700; font-size: 33px; padding: 0 0 0 20px!important; border-left: 5px solid #3FE4F4; text-align: left!important; } .mec-event-social h3 { text-transform: uppercase; font-size: 15px; font-weight: bold; color: #fff; border-bottom: 0; width: 100%; display: block; padding: 10px; position: relative; background: #000; border-radius: 2em; } .mec-event-social li.mec-event-social-icon a { border-radius: 2em; } } .mec-single-event-date, .mec-single-event-time, .mec-single-event-location, .mec-single-event-category, .mec-single-event-label, .mec-single-event-organizer, .mec-events-meta-date, .mec-event-cost, .mec-event-website, .mec-event-more-info { border: none; margin: 0 0 2px 0; padding: 10px 25px; /*background: #1f1f1f;*/ } .mec-single-event-date { } .mec-container [class*="col-"] img { width: 100%; object-fit: cover; object-position: center; margin-top: 20px; } .mec-single-event .mec-wrap, #comments { padding-bottom: 60px; } #comments { margin-top: 60px; } .mec-single-event .mec-frontbox { /*background: #1f1f1f;*/ padding: 20px 0!important; margin-bottom: 0!important; } .mec-single-event.mec-frontbox-title{ border-bottom: 0px solid transparent!important; } ul.mec-event-sharing { padding-left: 0!important; margin: 10px 0!important; ul { padding: 0; } } .mec-single-event .mec-frontbox-title:before, .mec-single-event .mec-events-meta-group-booking form > h4:before { display: none; } /* MEC Titles */ .mec-month-divider span { text-transform: uppercase; font-size: 2em; letter-spacing: 2px; font-weight: bold; border-bottom: none; width: 100%; display: block; padding-bottom: 10px; position: relative; /* background: #3FE4F4; */ color: #3FE4F4; padding: 20px; /* border-radius: 2em; */ border-bottom: 1px solid #3FE4F4; border-top: 1px solid #3FE4F4; &:before { display: none; } } /* Soumission post */ .mec-fes-form-top-actions { display: none; } #mec-tags { .mec-form-row button { font-size: 14px; line-height: 1.7; color: #fff; border: none; padding: 10px 20px; border-radius: 2em; background: #3FE4F4; &:hover{ background:#000; } } } /* SORTIES CALENDAR */ .mec-event-grid-clean .mec-event-article { margin-bottom: 30px; position: relative; border: 2px solid #eaeaea; text-align: center; padding: 10px; background: #fff; box-shadow: none; border-radius: 3px; .mec-event-detail { line-height: 14px; } img { height: 150px!important; object-fit: cover!important; } } .mec-wrap .mec-totalcal-box i { float: left; margin: 0; width: 36px; height: 36px; background: transparent; border: 0; text-align: center; padding: 10px 0; font-size: 20px; color: #000; line-height: 18px; font-weight: 900; } /* Mounthly Calendar */ .mec-calendar .mec-calendar-events-side { padding: 20px 0; } .mec-calendar .mec-event-article { padding: 20px; } .mec-event-cover-modern{ .mec-event-detail { padding: 40px 20px; position: relative; } .mec-event-title { font-size: 1.2em!important; } } .mec-event-grid-clean { .mec-event-title { font-size: 1.2em!important; } } .mec-single-event .mec-frontbox, .mec-single-event .mec-events-meta-group-booking { margin-bottom: 30px; padding: 20px 10px; background: #fff; border: 0; box-shadow: none; .mec-single-event-date { background: @bleu; color: #000; abbr, h3 { color: #000; } } } .mec-event-meta i:before { color: #000!important; } .mec-fes-list-top-actions a, .mec-fes-form-top-actions a { position: relative; border: 2px solid #000; border-radius: 3px; color: #000!important; background: #fff; -webkit-transition: all 0.21s ease; -moz-transition: all 0.21s ease; transition: all 0.21s ease; &:hover { background: #000; color: #fff!important; text-decoration: none; } } .mec-event-list-standard { .mec-event-article { position: relative; display: block; margin-bottom: 25px; border: 3px solid #eaeaea; box-shadow: none; border-radius: 3px; } .mec-col-table-c.mec-event-meta-wrap { padding-top: 15px; } .mec-event-footer { border-radius: 0 0 3px 3px; border:none; } } .mec-event-grid-clean{ .mec-event-sharing-wrap { left: -20px; & > li { border: 1px solid #d9d9d9; border-radius: 50%; } .mec-event-sharing { left: 14px; top: 40px; } } .mec-booking-button { right: 0; border-radius: 3px; } } .mec-fes-message { display: none; } .mec-container [class*="col-"] img { width: 100%; object-fit: cover; object-position: center; } .mec-event-content { .mec-single-event-description { p { color: #000; } iframe { width: 100%!important; min-height: 400px!important; } a { border: 2px solid @bleu; padding: 5px 10px; border-radius: 2em 2em; color: @bleu; font-weight: 800!important; } } } .lity-opened { .lity-content { overflow: scroll; max-height: 100vh; height: auto; } } /* EVENT COLOR */ .event-color { display: none!important; } /* ADRESS */ address.mec-events-address { margin-top: 0; } /* BLOG */ .blog, .archive, .category { .list-article { border: 3px solid #eaeaea!important; border-radius: 3px; padding: 25px 0px; display: flex; min-height: 250px; align-items: center; padding: 20px!important; margin-bottom: 30px; &:hover { border:3px solid #777!important; } .list-article-thumb { float: left; margin-right: 30px; /*width: 50%;*/ height: 100%; min-height: 100%; img { height: 100%; /* max-width: 100%; */ vertical-align: middle; object-fit: cover; min-height: 200px; max-width: 300px; } } } .nav-links a { background: #1f1f1f; color: #FFFFFF; padding: 12px 20px; font-weight: 600; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; border-radius: 2em; &:hover { background: @bleu; } } } .sidebar .widget .widget-title { font-size: 15px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 13px; font-weight: 700; text-align: center; background: #000; color: #fff; padding: 10px; border-radius: 2em; } /* ACF */ .acf-fields { display: none; } .category-expositions { .acf-fields { padding: 30px 30px 20px; border-radius: 3px; background: #eaeaea; display: block!important; margin: 30px 0; hr { border-top: 1px solid #fff; } } .entry-content a { border: 2px solid #3FE4F4; padding: 5px 10px; border-radius: 2em 2em; color: #3FE4F4; font-weight: 800!important; } } /* LIEUX */ .page-id-265 { .lieux-grid { display: inherit; } .lieux-title { font-weight: 100!important; text-transform: uppercase; font-size: 22px; color: @bleu; } h4.lieux-title { margin: 30px 0 20px; border-bottom: 0px solid; border-left: 2px solid #000; padding-left: 20px; } @media screen and (min-width: 950px) { .site-content { /* background-image: url('https://www.sortiraniort.fr/san2016/wp-content/uploads/2016/11/sortir-a-niort_bg.png'); background-repeat: no-repeat; background-attachment: fixed; background-size: auto 90vh; background-position: bottom left;*/ } } } /*ACCORDIONS */ .accordion { margin-bottom: 60px; .accordion-title { cursor: pointer; line-height: 0; font-size: 1em; margin: 0; padding: 0.25em; text-transform: uppercase; &.open { font-style: italic; padding: 1em!important; background: #000; color: #fff; border-radius: 3px 3px 0 0; } &:hover { color: @bleu; } } .accordion-content { display: block; padding: 20px; border: 3px solid #efefef; border-top: 0px solid transparent; border-radius: 3px; background: #fff; .picto-acces { margin-bottom: 20px; i { width: 30px; height: 30px; margin-right: 10px; border-radius: 3px; background: #efefef; color: #333; display: inline-block; text-align: center; vertical-align: middle; line-height: 30px; } } span.infos-lieux { background: #efefef; padding: 20px; font-size: 0.9em; display: flex; border-left: 3px solid @bleu; border-radius: 3px; } .readmore { padding:0 10px 0 0; } } } /* SIDEBAR */ @media screen and (min-width: 940px) { .right-sidebar{ .sidebar { padding-left: 39px; border-left: 0; margin: 0; } .content-area { border: 0; } } } /* LOGIN */ .um-login.um-logout { max-width: 300px!important; text-align: center; padding: 2em; background: #fff; border: 5px solid #dadada; color: #000!important; .um-misc-ul { list-style: none; padding: 0; li { margin: 25px 0; a { color: #000; background: #fff; border: 3px solid #000; padding: 10px; border-radius: 2em; &:hover { color: #fff; background: #000; } } } } } /* ARTICLES */ .single.single-post { img.wp-post-image { margin-bottom: 30px; } article { header { h1 { border-left: 5px solid @bleu; padding-left: 20px; } } } } /* SLIDER */ .bx-wrapper img { max-width: 100%; display: inline-block; object-fit: cover; width: 100%; align-items: center; } /* FOOTER */ .site-footer { background: #000; color: #f1f1f1; font-size: 14px; .site-info { font-size: 12px; } .btt a { border-radius: 50%; } } @media screen and (max-width: 720px){ .blog, .archive, .category { .list-article { display: block!important; min-height: 250px; } } .section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb { display: none; } } @media screen and (max-width: 479px){ .mec-container { width: 100%; } }
Save
Write CSS OR LESS and hit save. CTRL + SPACE for auto-complete. Made by
wpion.com