Compare commits
18 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 Maxime Thévenot
|
7dd0609353 | ||
|
Maxime Thévenot
|
43b38d9111 | ||
|
Maxime Thévenot
|
83ad759bea | ||
|
Maxime Thévenot
|
e6b0f71c00 | ||
|
Maxime Thévenot
|
0ee59a3fcf | ||
|
Maxime Thévenot
|
ba32941fd1 | ||
|
Maxime Thévenot
|
d3494bdd9a | ||
|
Maxime Thévenot
|
ba5cf17def | ||
|
Maxime Thévenot
|
352fbae7b2 | ||
|
Maxime Thévenot
|
12dbc04e03 | ||
 Thomas MONCHICOURT
|
68ec4421cf | ||
|
Maxime Thévenot
|
4b3a573d26 | ||
|
Maxime Thévenot
|
c04ae7ab2d | ||
|
Maxime Thévenot
|
a1d0ac0ba8 | ||
|
Maxime Thévenot
|
62c8d6df5f | ||
|
Maxime Thévenot
|
65c60b8ff4 | ||
|
Maxime Thévenot
|
f159d43152 | ||
|
Thomas MONCHICOURT
|
c67714a9e9 |
+1
-1
@@ -9,7 +9,7 @@ upstream store_php {
|
||||
|
||||
server {
|
||||
|
||||
server_name talentstube.dev localhost 10.0.20.110;
|
||||
server_name talentstube.test localhost 10.0.20.110;
|
||||
root /home/www/talentstube.dev/www/web;
|
||||
client_max_body_size 500M;
|
||||
sendfile off;
|
||||
|
||||
+2
-1
@@ -8,4 +8,5 @@ rewrite ^/reussir-son-cv-video$ https://www.talentstube.com/faire-cv-video per
|
||||
rewrite ^/plateforme$ https://www.talentstube.com/ permanent;
|
||||
rewrite ^/page/les-conseils$ https://www.talentstube.com/accompagnement-entreprise permanent;
|
||||
rewrite ^/page/presentation-talent$ https://www.talentstube.com/cv-video permanent;
|
||||
rewrite ^/page/la-plateforme$ https://www.talentstube.com/ permanent;
|
||||
rewrite ^/page/la-plateforme$ https://www.talentstube.com/ permanent;
|
||||
rewrite ^/tarifs$ https://www.talentstube.com/accompagnement-entreprise permanent;
|
||||
@@ -1,35 +1,28 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
|
||||
{% block title %}
|
||||
Offres d'emploi en cours pour {{ company.brandName }} | TalentsTube
|
||||
{% endblock %}
|
||||
{% block title %}Offres d'emploi et recrutement {{ company.brandName }} | TalentsTube{% endblock %}
|
||||
|
||||
{% block description %}
|
||||
Découvrez les offres d'emploi vidéos de {{ company.brandName }} à {{ company.addresses.billing.city }}.
|
||||
Envoyez votre CV vidéo dès aujourd'hui !
|
||||
{% endblock %}
|
||||
{% block description %}Découvrez la marque employeur et les offres d'emploi vidéos de {{ company.brandName }} - {{ company.addresses.billing.city }}. Envoyez votre CV vidéo dès aujourd'hui !{% endblock %}
|
||||
|
||||
{% block ogtc %}
|
||||
{#Twitter Card data pour les données enrichies sur Twitter#}
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:site" content="@TalentsTube">
|
||||
<meta name="twitter:title" content="Offres d'emploi en cours pour {{ company.brandName }} | TalentsTube">
|
||||
<meta name="twitter:title" content="Offres d'emploi et recrutement {{ company.brandName }} | TalentsTube">
|
||||
<meta name="twitter:description"
|
||||
content="Découvrez les offres d'emploi vidéos de {{ company.brandName }} à {{ company.addresses.billing.city }}.
|
||||
Envoyez votre CV vidéo dès aujourd'hui !">
|
||||
content="Découvrez la marque employeur et les offres d'emploi vidéos de {{ company.brandName }} - {{ company.addresses.billing.city }}. Envoyez votre CV vidéo dès aujourd'hui !">
|
||||
<meta name="twitter:image"
|
||||
content="{% if company.logo %}{{ company.webPath | imagine_filter('profile_thumb') }}{% endif %}">
|
||||
|
||||
{#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
|
||||
<meta property="og:title" content="Offres d'emploi en cours pour {{ company.brandName }} | TalentsTube"/>
|
||||
<meta property="og:title" content="Offres d'emploi et recrutement {{ company.brandName }} | TalentsTube"/>
|
||||
<meta property="og:type" content="article"/>
|
||||
<meta property="og:url" content="{{ app.request.uri }}"/>
|
||||
<meta property="og:image"
|
||||
content="{% if company.logo %}{{ company.webPath | imagine_filter('profile_thumb') }}{% endif %}"/>
|
||||
<meta property="og:description"
|
||||
content="Découvrez les offres d'emploi vidéos de {{ company.brandName }} à {{ company.addresses.billing.city }}.
|
||||
Envoyez votre CV vidéo dès aujourd'hui !"/>
|
||||
content="Découvrez la marque employeur et les offres d'emploi vidéos de {{ company.brandName }} - {{ company.addresses.billing.city }}. Envoyez votre CV vidéo dès aujourd'hui !"/>
|
||||
<meta property="og:site_name" content="Talents Tube"/>
|
||||
{% endblock %}
|
||||
|
||||
@@ -60,7 +53,8 @@
|
||||
<a href="{{ path('company_show',{'alias': company.alias }) }}" title="{{ company.brandName }}"
|
||||
class="profil-picture logo-picture">
|
||||
{% if company.logo %}
|
||||
<img class="h-100 responsive-img" src="{{ company.webPath | imagine_filter('profile_thumb') }}"
|
||||
<img class="h-100 responsive-img"
|
||||
src="{{ company.webPath | imagine_filter('profile_thumb') }}"
|
||||
alt="{{ company.brandname }}"/>
|
||||
|
||||
{% else %}
|
||||
@@ -92,13 +86,13 @@
|
||||
</div>
|
||||
<h3 class="blue-text">Les mots clés</h3>
|
||||
{% for tag in company.publicTag %}
|
||||
<div class="chip">{{ tag }}</div>
|
||||
<p class="chip">{{ tag }}</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="offers" class="row">
|
||||
<div class="col s12">
|
||||
<div class="col s12">
|
||||
<h1>Les offres d’emploi pour {{ company.brandname }}</h1>
|
||||
<div id="liste-resultats">
|
||||
{% if companyAds|length > 0 %}
|
||||
@@ -121,8 +115,9 @@
|
||||
<script>
|
||||
var iframe = document.querySelector('iframe');
|
||||
var player = new Vimeo.Player(iframe);
|
||||
$(document).ready(function(){
|
||||
$.get( "{{ path('company_ajaxRecStat',{'id': company.id }) }}", function( data ) {});
|
||||
$(document).ready(function () {
|
||||
$.get("{{ path('company_ajaxRecStat',{'id': company.id }) }}", function (data) {
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
@@ -19,10 +19,10 @@
|
||||
<div class="col s12 m8 col-noPadding">
|
||||
<div class="row row-infos row-noMargin">
|
||||
<div class="col s4 m4 l5 company-infos col-noPadding">
|
||||
<h3 class="no-margin-top">
|
||||
<h2 class="no-margin-top">
|
||||
<a href="{{ path('ad_show',{'alias': a.alias }) }}"
|
||||
title="{{ a.title }}" class="hover-blue1">{{ a.title }}</a>
|
||||
</h3>
|
||||
</h2>
|
||||
{% if a.extra.contract_type is defined %}
|
||||
<span>{{ a.extra.contract_type }}</span>
|
||||
{% endif %}
|
||||
|
||||
@@ -1,34 +1,48 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}
|
||||
Résultats de la recherche d'offres d'emploi TalentsTube
|
||||
{% endblock %}
|
||||
{% block title %}Découvrez toutes les offres d'emploi en vidéo sur Talents Tube{% endblock %}
|
||||
|
||||
{% block description %}Découvrez toutes les offres d'emploi en vidéo dans votre région sur Talents Tube. Postulez rapidement en vidéo et trouvez votre futur job !{% endblock %}
|
||||
|
||||
{% block ogtc %}
|
||||
{#Twitter Card data pour les données enrichies sur Twitter#}
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:site" content="@TalentsTube">
|
||||
<meta name="twitter:title" content="Découvrez toutes les offres d'emploi en vidéo sur Talents Tube">
|
||||
<meta name="twitter:description" content="Découvrez toutes les offres d'emploi en vidéo dans votre région sur Talents Tube. Postulez rapidement en vidéo et trouvez votre futur job !">
|
||||
<meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
|
||||
|
||||
{#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
|
||||
<meta property="og:title" content="Découvrez toutes les offres d'emploi en vidéo sur Talents Tube" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
|
||||
<meta property="og:description" content="Découvrez toutes les offres d'emploi en vidéo dans votre région sur Talents Tube. Postulez rapidement en vidéo et trouvez votre futur job !" />
|
||||
<meta property="og:site_name" content="Talents Tube" />
|
||||
<meta property="og:url" content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
|
||||
|
||||
{% block description %}
|
||||
Résultats de la recherche d'offres d'emploi TalentsTube
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
{{ render(controller('AppBundle:Ad:adSearchRender',{'type': 'lite' })) }}
|
||||
|
||||
|
||||
<div class="fluid-container bg-grey-3 contentPage">
|
||||
<div id="searchResultWrapper" class="container">
|
||||
<div class="row">
|
||||
<div class="col s12 center-align">
|
||||
<h1 class="alttitle">Les offres d’emploi</h1>
|
||||
<h1 class="alttitle">Les offres d’emploi en vidéo</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row m-b-0 p-b-30">
|
||||
<div class="col s12 m12">
|
||||
<div id="liste-resultats">
|
||||
{% if ads|length > 0 and noResults == false %}
|
||||
{% include 'default/ad_listing.html.twig' with {'ads':ads} %}
|
||||
{% else %}
|
||||
<h2 class="center-align">Il n'y a pas de résultats directs à votre recherche</h2>
|
||||
<h4 class="center-align">Mais vous pourriez être intéressez par</h4>
|
||||
<br />
|
||||
{% include 'default/ad_listing.html.twig' with {'ads':ads} %}
|
||||
{% endif %}
|
||||
{% if ads|length > 0 and noResults == false %}
|
||||
{% include 'default/ad_listing.html.twig' with {'ads':ads} %}
|
||||
{% else %}
|
||||
<h2 class="center-align">Il n'y a pas de résultats directs à votre recherche</h2>
|
||||
<h4 class="center-align">Mais vous pourriez être intéressé(e) par</h4>
|
||||
<br/>
|
||||
{% include 'default/ad_listing.html.twig' with {'ads':ads} %}
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,26 +1,26 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}{{ ad.htmlTitle }}{% endblock %}
|
||||
{% block title %}{{ ad.htmlTitle|raw }}{% endblock %}
|
||||
|
||||
{% block description %}{{ ad.htmlDescription }}{% endblock %}
|
||||
{% block description %}{{ ad.htmlDescription|raw }}{% endblock %}
|
||||
|
||||
{% block ogtc %}
|
||||
{#Twitter Card data pour les données enrichies sur Twitter#}
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:site" content="@TalentsTube">
|
||||
<meta name="twitter:title" content="{{ ad.htmlTitle }}">
|
||||
<meta name="twitter:description" content="{{ ad.htmlDescription }}">
|
||||
<meta name="twitter:title" content="{{ ad.htmlTitle|raw }}">
|
||||
<meta name="twitter:description" content="{{ ad.htmlDescription|raw }}">
|
||||
<meta name="twitter:image"
|
||||
content="{% if ad.video %}{% if ad.video.thumbnails.0.sizes is defined %}{{ ad.video.thumbnails.0.sizes.4.link }}{% endif %}{% endif %}
|
||||
">
|
||||
|
||||
{#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
|
||||
<meta property="og:title" content="{{ ad.htmlTitle }}"/>
|
||||
<meta property="og:title" content="{{ ad.htmlTitle|raw }}"/>
|
||||
<meta property="og:type" content="article"/>
|
||||
<meta property="og:url" content="{{ app.request.uri }}"/>
|
||||
<meta property="og:image"
|
||||
content="{% if ad.video %}{% if ad.video.thumbnails.0.sizes is defined %}{{ ad.video.thumbnails.0.sizes.4.link }}{% endif %}{% endif %}"/>
|
||||
<meta property="og:description" content="{{ ad.htmlDescription }}"/>
|
||||
<meta property="og:description" content="{{ ad.htmlDescription|raw }}"/>
|
||||
<meta property="og:site_name" content="Talents Tube"/>
|
||||
{% endblock %}
|
||||
|
||||
@@ -54,6 +54,9 @@
|
||||
<h1>{%- spaceless -%}{{ ad.title}}{%- endspaceless -%}</h1>
|
||||
</div>
|
||||
<div class="col s6 col-type-ad">
|
||||
<h2>
|
||||
|
||||
|
||||
{% if ad.extra.contract_type is defined %}
|
||||
<i class="fa fa-suitcase" aria-hidden="true"></i> {{ ad.extra.contract_type }}
|
||||
{% endif %}
|
||||
@@ -62,14 +65,16 @@
|
||||
<i class="fa fa-map-marker" aria-hidden="true"></i> {{ ad.location.gmap_address.address_components.0.long_name }}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col s12">
|
||||
{% for tag in ad.publicTag %}
|
||||
<div class="chip">{{ tag }}</div>
|
||||
<p class="chip">{{ tag }}</p>
|
||||
{% endfor %}
|
||||
|
||||
<div class="item-detail-description">
|
||||
<h3 class="blue-text">Descriptif de l'offre d'emploi</h3>
|
||||
<h3 class="blue-text">Détails de l'offre d'emploi</h3>
|
||||
<p>{{ ad.description|nl2br }}</p>
|
||||
</div>
|
||||
<h3 class="blue-text">Informations complémentaires</h3>
|
||||
|
||||
@@ -1,11 +1,28 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}
|
||||
Liste des entreprises | TalentsTube
|
||||
{% endblock %}
|
||||
{% block title %}Les entreprises qui recrutent en vidéo | TalentsTube{% endblock %}
|
||||
|
||||
{% block description %}Découvrez les entreprises qui recrutent en vidéo, elles dévoilent leurs marques employeur et leurs offres d'emploi en vidéo. Postulez rapidement à l'offre qui vous convient.{% endblock %}
|
||||
|
||||
{% block ogtc %}
|
||||
{#Twitter Card data pour les données enrichies sur Twitter#}
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:site" content="@TalentsTube">
|
||||
<meta name="twitter:title" content="Les entreprises qui recrutent en vidéo | TalentsTube">
|
||||
<meta name="twitter:description"
|
||||
content="Découvrez les entreprises qui recrutent en vidéo, elles dévoilent leurs marques employeur et leurs offres d'emploi en vidéo. Postulez rapidement à l'offre qui vous convient.">
|
||||
<meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
|
||||
|
||||
{#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
|
||||
<meta property="og:title" content="Les entreprises qui recrutent en vidéo | TalentsTube"/>
|
||||
<meta property="og:type" content="article"/>
|
||||
<meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}"/>
|
||||
<meta property="og:description"
|
||||
content="Découvrez les entreprises qui recrutent en vidéo, elles dévoilent leurs marques employeur et leurs offres d'emploi en vidéo. Postulez rapidement à l'offre qui vous convient."/>
|
||||
<meta property="og:site_name" content="Talents Tube"/>
|
||||
<meta property="og:url"
|
||||
content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}"/>
|
||||
|
||||
{% block description %}
|
||||
Liste des entreprises | TalentsTube
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
@@ -35,17 +52,20 @@
|
||||
<div class="col s12 m6 col-noPadding">
|
||||
<div class="row row-infos row-noMargin">
|
||||
<div class="col s4 m5 l4 col-noPadding company-infos m-l-30">
|
||||
<p class="item-list-website">
|
||||
<a href="{{ path('company_show',{'alias': c.alias }) }}"
|
||||
class="hover-blue2">
|
||||
<b>{{ c.brandName }}</b>
|
||||
</a>
|
||||
<div class="item-list-website">
|
||||
<h2>
|
||||
<a href="{{ path('company_show',{'alias': c.alias }) }}"
|
||||
class="hover-blue2">
|
||||
<b>{{ c.brandName }}</b>
|
||||
</a>
|
||||
</h2>
|
||||
|
||||
<br/>
|
||||
{{ c.init }}
|
||||
{% if c.city != null %}
|
||||
{{ c.city }}
|
||||
{% endif %}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row row-tags row-noMargin">
|
||||
@@ -80,9 +100,9 @@
|
||||
{% endif %}
|
||||
<span class="playerbtn"></span>
|
||||
{% else %}
|
||||
<img class="thumbnail_list"
|
||||
src="{{ asset('/img/default_picture_company.svg') }}"
|
||||
alt="{{ c.brandName }}"/>
|
||||
<img class="thumbnail_list"
|
||||
src="{{ asset('/img/default_picture_company.svg') }}"
|
||||
alt="{{ c.brandName }}"/>
|
||||
{% endif %}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -109,7 +109,7 @@
|
||||
<h2 class="blue-text no-margin-top">Les territoires <span>pour vivre et travailler</span></h2>
|
||||
{% if territories %}
|
||||
<div class="owl-carousel owl-carousel-home territory-carousel">
|
||||
{% for territory in territories %}
|
||||
{% for territory in territories if territory.presentationVideo %}
|
||||
<div class="item">
|
||||
<div class="embed-responsive embed-responsive-16by9">
|
||||
<div class="col s12">
|
||||
|
||||
@@ -1,11 +1,28 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}
|
||||
Liste des territoires | TalentsTube
|
||||
{% endblock %}
|
||||
{% block title %}Découvrez les territoires et leurs offres d’emploi en vidéo | Talents Tube{% endblock %}
|
||||
|
||||
{% block description %}Découvrez en vidéo les territoires de votre région, leur cadre de vie, leur dynamisme économique, social et les entreprises qui y recrutent.{% endblock %}
|
||||
|
||||
{% block ogtc %}
|
||||
{#Twitter Card data pour les données enrichies sur Twitter#}
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:site" content="@TalentsTube">
|
||||
<meta name="twitter:title" content="Découvrez les territoires et leurs offres d’emploi en vidéo | Talents Tube">
|
||||
<meta name="twitter:description"
|
||||
content="Découvrez en vidéo les territoires de votre région, leur cadre de vie, leur dynamisme économique, social et les entreprises qui y recrutent.">
|
||||
<meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
|
||||
|
||||
{#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
|
||||
<meta property="og:title" content="Découvrez les territoires et leurs offres d’emploi en vidéo | Talents Tube"/>
|
||||
<meta property="og:type" content="article"/>
|
||||
<meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}"/>
|
||||
<meta property="og:description"
|
||||
content="Découvrez en vidéo les territoires de votre région, leur cadre de vie, leur dynamisme économique, social et les entreprises qui y recrutent."/>
|
||||
<meta property="og:site_name" content="Talents Tube"/>
|
||||
<meta property="og:url"
|
||||
content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}"/>
|
||||
|
||||
{% block description %}
|
||||
Liste des territoires | TalentsTube
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
@@ -34,28 +51,32 @@
|
||||
<div class="col s12 m6 col-noPadding">
|
||||
<div class="row row-infos row-noMargin">
|
||||
<div class="col s4 m5 l4 col-noPadding company-infos m-l-30">
|
||||
<p class="item-list-website">
|
||||
<a href="{{ path('territory_show',{'alias': c.alias }) }}"
|
||||
class="hover-blue2">
|
||||
<b>{{ c.brandName }}</b>
|
||||
</a>
|
||||
</p>
|
||||
<div class="item-list-website">
|
||||
<h2>
|
||||
<a href="{{ path('territory_show',{'alias': c.alias }) }}"
|
||||
class="hover-blue2">
|
||||
<b>{{ c.brandName }}</b>
|
||||
</a>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row row-tags row-noMargin">
|
||||
<div class="col s11 col-noPadding" style="position:relative;">
|
||||
<div class="chip center-align">
|
||||
<a class="td-none color-grey3"
|
||||
href="{{ path('territory_show',{'alias': c.alias, '_fragment':'offers' }) }}">
|
||||
{% set nbAds = c.getTerritoryAds|length %}
|
||||
{% if nbAds > 1 %}
|
||||
<strong>{{ nbAds }} offres d'emploi en
|
||||
cours sur ce territoire</strong>
|
||||
{% else %}
|
||||
<strong>{{ nbAds }} offre d'emploi en
|
||||
cours sur ce territoire</strong>
|
||||
{% endif %}
|
||||
</a>
|
||||
<p class="m-0">
|
||||
<a class="td-none color-grey3"
|
||||
href="{{ path('territory_show',{'alias': c.alias, '_fragment':'offers' }) }}">
|
||||
{% set nbAds = c.getTerritoryAds|length %}
|
||||
{% if nbAds > 1 %}
|
||||
<strong>{{ nbAds }} offres d'emploi en
|
||||
cours sur ce territoire</strong>
|
||||
{% else %}
|
||||
<strong>{{ nbAds }} offre d'emploi en
|
||||
cours sur ce territoire</strong>
|
||||
{% endif %}
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -74,9 +95,9 @@
|
||||
{% endif %}
|
||||
<span class="playerbtn"></span>
|
||||
{% else %}
|
||||
<img class="thumbnail_list"
|
||||
src="{{ asset('/img/default_picture_company.svg') }}"
|
||||
alt="{{ c.brandName }}"/>
|
||||
<img class="thumbnail_list"
|
||||
src="{{ asset('/img/default_picture_company.svg') }}"
|
||||
alt="{{ c.brandName }}"/>
|
||||
{% endif %}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -1,35 +1,28 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
|
||||
{% block title %}
|
||||
Offres d'emploi en cours pour {{ company.brandName }} | TalentsTube
|
||||
{% endblock %}
|
||||
{% block title %}Présentation en vidéo du territoire de {{ company.brandName }} | TalentsTube{% endblock %}
|
||||
|
||||
{% block description %}
|
||||
Découvrez les offres d'emploi vidéos de {{ company.brandName }} à {{ company.addresses.billing.city }}.
|
||||
Envoyez votre CV vidéo dès aujourd'hui !
|
||||
{% endblock %}
|
||||
{% block description %}Découvrez en vidéo le territoire de {{ company.brandName }} et ses offres d’emploi : son cadre de vie, son dynamisme économique et social.{% endblock %}
|
||||
|
||||
{% block ogtc %}
|
||||
{#Twitter Card data pour les données enrichies sur Twitter#}
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:site" content="@TalentsTube">
|
||||
<meta name="twitter:title" content="Offres d'emploi en cours pour {{ company.brandName }} | TalentsTube">
|
||||
<meta name="twitter:title" content="Présentation en vidéo du territoire de {{ company.brandName }} | TalentsTube">
|
||||
<meta name="twitter:description"
|
||||
content="Découvrez les offres d'emploi vidéos de {{ company.brandName }} à {{ company.addresses.billing.city }}.
|
||||
Envoyez votre CV vidéo dès aujourd'hui !">
|
||||
content="Découvrez en vidéo le territoire de {{ company.brandName }} et ses offres d’emploi : son cadre de vie, son dynamisme économique et social.">
|
||||
<meta name="twitter:image"
|
||||
content="{% if company.logo %}{{ company.webPath | imagine_filter('profile_thumb') }}{% endif %}">
|
||||
|
||||
{#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
|
||||
<meta property="og:title" content="Offres d'emploi en cours pour {{ company.brandName }} | TalentsTube"/>
|
||||
<meta property="og:title" content="Présentation en vidéo du territoire de {{ company.brandName }} | TalentsTube"/>
|
||||
<meta property="og:type" content="article"/>
|
||||
<meta property="og:url" content="{{ app.request.uri }}"/>
|
||||
<meta property="og:image"
|
||||
content="{% if company.logo %}{{ company.webPath | imagine_filter('profile_thumb') }}{% endif %}"/>
|
||||
<meta property="og:description"
|
||||
content="Découvrez les offres d'emploi vidéos de {{ company.brandName }} à {{ company.addresses.billing.city }}.
|
||||
Envoyez votre CV vidéo dès aujourd'hui !"/>
|
||||
content="Découvrez en vidéo le territoire de {{ company.brandName }} et ses offres d’emploi : son cadre de vie, son dynamisme économique et social."/>
|
||||
<meta property="og:site_name" content="Talents Tube"/>
|
||||
{% endblock %}
|
||||
|
||||
@@ -56,18 +49,23 @@
|
||||
<div class="container" id="company_show">
|
||||
<div class="row m-b-0 p-b-30">
|
||||
<div class="col s12 m12 l4 xl3" id="sidebar">
|
||||
<div class="profil-company center-align">
|
||||
<div id="territory_show" class="profil-company center-align">
|
||||
<a href="{{ path('company_show',{'alias': company.alias }) }}" title="{{ company.brandName }}"
|
||||
class="profil-picture logo-picture">
|
||||
{% if company.logo %}
|
||||
<img class="h-100 responsive-img" src="{{ company.webPath | imagine_filter('profile_thumb') }}"
|
||||
<img class="h-100 responsive-img"
|
||||
src="{{ company.webPath | imagine_filter('profile_thumb') }}"
|
||||
alt="{{ company.brandname }}"/>
|
||||
|
||||
{% else %}
|
||||
<div class="circle-letters square-letters font-2">{{ company.brandname|first|upper }}</div>
|
||||
{% endif %}
|
||||
</a>
|
||||
<p class="profil-name"><b>{{ company.brandname }}</b></p>
|
||||
<div class="profil-name">
|
||||
<h2>
|
||||
<b>{{ company.brandname }}</b>
|
||||
</h2>
|
||||
</div>
|
||||
{% if company.addresses.billing is defined %}
|
||||
<p class="profil-city">{{ company.addresses.billing.city }}
|
||||
- {{ company.addresses.billing.country|country }}</p>
|
||||
@@ -92,20 +90,20 @@
|
||||
</div>
|
||||
<h3 class="blue-text">Les mots clés</h3>
|
||||
{% for tag in company.publicTag %}
|
||||
<div class="chip">{{ tag }}</div>
|
||||
<p class="chip">{{ tag }}</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% if companyAds|length > 0 %}
|
||||
<div id="offers" class="row">
|
||||
<div class="col s12">
|
||||
<h1>Les offres d’emploi pour {{ company.brandname }}</h1>
|
||||
<div id="liste-resultats">
|
||||
{% include 'default/ad_listing.html.twig' with {'ads':companyAds} %}
|
||||
<div id="offers" class="row">
|
||||
<div class="col s12">
|
||||
<h1>Les offres d’emploi pour {{ company.brandname }}</h1>
|
||||
<div id="liste-resultats">
|
||||
{% include 'default/ad_listing.html.twig' with {'ads':companyAds} %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
@@ -118,8 +116,9 @@
|
||||
<script>
|
||||
var iframe = document.querySelector('iframe');
|
||||
var player = new Vimeo.Player(iframe);
|
||||
$(document).ready(function(){
|
||||
$.get( "{{ path('territory_ajaxRecStat',{'id': company.id }) }}", function( data ) {});
|
||||
$(document).ready(function () {
|
||||
$.get("{{ path('territory_ajaxRecStat',{'id': company.id }) }}", function (data) {
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
@@ -90,7 +90,7 @@ class Ad
|
||||
*/
|
||||
private $isVerified;
|
||||
|
||||
/**
|
||||
/**
|
||||
* @var boolean
|
||||
*
|
||||
* @ORM\Column(name="is_promoted", type="boolean", nullable=true, options={"comment":"Peux t'on répondre"})
|
||||
@@ -160,7 +160,7 @@ class Ad
|
||||
* @ORM\Column(name="emphasis", type="boolean", options={"comment":"A la une"}, nullable=true)
|
||||
*/
|
||||
private $emphasis;
|
||||
|
||||
|
||||
/**
|
||||
* @var string
|
||||
*
|
||||
@@ -186,12 +186,12 @@ class Ad
|
||||
* @ORM\ManyToMany(targetEntity="AppBundle\Entity\Note", cascade={"persist"})
|
||||
*/
|
||||
private $draftNotes;
|
||||
|
||||
|
||||
/**
|
||||
* @ORM\OneToMany(targetEntity="AppBundle\Entity\TerritoryAd", mappedBy="ad", cascade={"persist"})
|
||||
*/
|
||||
private $territories;
|
||||
|
||||
|
||||
|
||||
/***********************
|
||||
* Constructor
|
||||
@@ -279,25 +279,23 @@ class Ad
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* @return array|null
|
||||
*
|
||||
* Search contract type in the extra field
|
||||
*/
|
||||
public function getContractType()
|
||||
{
|
||||
public function getContractType()
|
||||
{
|
||||
$contract_type = null;
|
||||
$extra = $this->extra;
|
||||
if($extra){
|
||||
if ($extra) {
|
||||
if (array_key_exists('contract_type', $extra)) {
|
||||
$contract_type = $extra['contract_type'];
|
||||
}
|
||||
}
|
||||
|
||||
return $contract_type;
|
||||
}
|
||||
return $contract_type;
|
||||
}
|
||||
|
||||
/**
|
||||
* @return array|null
|
||||
@@ -308,7 +306,7 @@ class Ad
|
||||
{
|
||||
$point = null;
|
||||
$location = $this->location;
|
||||
if($location){
|
||||
if ($location) {
|
||||
if (array_key_exists('gmap_address', $location)) {
|
||||
$point = $this->location['gmap_address']['geometry']['location'];
|
||||
if (array_key_exists('lng', $point)) {
|
||||
@@ -330,7 +328,7 @@ class Ad
|
||||
{
|
||||
$address = null;
|
||||
$location = $this->location;
|
||||
if($location){
|
||||
if ($location) {
|
||||
if (array_key_exists('gmap_address', $location)) {
|
||||
$components = $location['gmap_address']['address_components'];
|
||||
$address = array();
|
||||
@@ -339,7 +337,7 @@ class Ad
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
return $address;
|
||||
}
|
||||
|
||||
@@ -373,16 +371,16 @@ class Ad
|
||||
public function getHtmlTitle()
|
||||
{
|
||||
$address = $this->getAddress();
|
||||
$title = 'Offre d\'emploi ' . $this->title;
|
||||
$title = "Offre d'emploi " . $this->title;
|
||||
if (isset($address['locality'])) {
|
||||
$title = $title . ' - ' . $address['locality'];
|
||||
$title .= ' - ' . $address['locality'];
|
||||
}
|
||||
if (isset($address['postal_code'])) {
|
||||
$zip = substr($address['postal_code'], 0, 2);
|
||||
$title = $title . ' (' . $zip . ')';
|
||||
$title .= ' (' . $zip . ')';
|
||||
}
|
||||
$title .= ' | Talents Tube'
|
||||
; return $title;
|
||||
$title .= ' - ' . $this->getCompany()->getBrandName() . ' | Talents Tube';
|
||||
return urldecode($title);
|
||||
|
||||
}
|
||||
|
||||
@@ -394,15 +392,15 @@ class Ad
|
||||
public function getHtmlDescription()
|
||||
{
|
||||
$address = $this->getAddress();
|
||||
$desc = 'Découvrez la vidéo de l\'offre d\'emploi ' . $this->title . ' à';
|
||||
$desc = 'Découvrez la vidéo de l\'offre d\'emploi ' . $this->title . ' - ';
|
||||
if (isset($address['locality'])) {
|
||||
$desc = $desc . ' ' . $address['locality'];
|
||||
$desc .= $address['locality'];
|
||||
}
|
||||
if (isset($address['postal_code'])) {
|
||||
$zip = substr($address['postal_code'], 0, 2);
|
||||
$desc = $desc . ' (' . $zip . ')';
|
||||
$desc .= ' (' . $zip . ')';
|
||||
}
|
||||
return $desc;
|
||||
return urldecode($desc);
|
||||
|
||||
}
|
||||
|
||||
|
||||
+2861
-2
File diff suppressed because one or more lines are too long
+690
-772
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -258,3 +258,34 @@
|
||||
line-height: 40px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.button-plus {
|
||||
position: relative;
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 121px;
|
||||
height: 50px;
|
||||
bottom: -36px;
|
||||
left: 50%;
|
||||
margin-left: -60px;
|
||||
z-index: 60;
|
||||
}
|
||||
}
|
||||
|
||||
.button-picto {
|
||||
position: relative;
|
||||
margin-bottom: 26px;
|
||||
z-index: 0;
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 135px;
|
||||
height: 56px;
|
||||
bottom: -16px;
|
||||
left: 50%;
|
||||
margin-left: -68px;
|
||||
z-index: 60;
|
||||
background: url(/img/decroche-picto.png) top center no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,150 @@
|
||||
/*************************** CONTENU *************************/
|
||||
|
||||
#homeTeaser {
|
||||
height: calc(100vh);
|
||||
max-height: 640px;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
.header-video-inner {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
z-index: -1;
|
||||
#vid {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
width: auto;
|
||||
height: auto;
|
||||
-webkit-transform: translateX(-50%) translateY(-50%);
|
||||
-o-transform: translateX(-50%) translateY(-50%);
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*Contenu accueil*/
|
||||
|
||||
.home-content {
|
||||
order: 1;
|
||||
.home-video {
|
||||
height: 660px;
|
||||
width: 100%;
|
||||
background-color: #CCC;
|
||||
}
|
||||
.slogan {
|
||||
text-transform: uppercase;
|
||||
span {
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#liste-jobs {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
#liste-talents {
|
||||
padding: 120px 0 40px 0;
|
||||
}
|
||||
|
||||
#liste-company {
|
||||
padding: 120px 0 40px 0;
|
||||
}
|
||||
|
||||
#liste-territoires {
|
||||
padding: 120px 0 40px 0;
|
||||
}
|
||||
|
||||
/*Blocs fixes accueil*/
|
||||
|
||||
#endScroll {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.blocs-fixes-container {
|
||||
overflow: hidden;
|
||||
order: 2;
|
||||
position: relative;
|
||||
background-color: $dark1;
|
||||
#fixed {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
background-color: $dark1;
|
||||
}
|
||||
.bloc-top {
|
||||
height: calc(50vh - 51px);
|
||||
width: 100%;
|
||||
background-color: $white;
|
||||
padding-left: 80px;
|
||||
p {
|
||||
margin-top: 0;
|
||||
}
|
||||
a {
|
||||
font-family: $font-2;
|
||||
color: $white;
|
||||
font-size: 35px;
|
||||
line-height: 50px;
|
||||
margin-top: -5px;
|
||||
display: block;
|
||||
span {
|
||||
border-bottom: 1px solid;
|
||||
font-weight: bold;
|
||||
}
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
}
|
||||
.bloc-top-recruteur {
|
||||
background: $dark1;
|
||||
background: -moz-linear-gradient(-45deg, $dark1 0%, $dark2 100%);
|
||||
background: -webkit-linear-gradient(-45deg, $dark1 0%, $dark2 100%);
|
||||
background: linear-gradient(135deg, $dark1 0%, $dark2 100%);
|
||||
}
|
||||
.bloc-top-talent {
|
||||
background: $blue1;
|
||||
background: -moz-linear-gradient(-45deg, $blue1 0%, $blue2 100%);
|
||||
background: -webkit-linear-gradient(-45deg, $blue1 0%, $blue2 100%);
|
||||
background: linear-gradient(135deg, $blue1 0%, $blue2 100%);
|
||||
.input-field {
|
||||
margin: 0;
|
||||
padding: 0 1px;
|
||||
}
|
||||
input:not([type]),
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="time"],
|
||||
input[type="date"],
|
||||
input[type="datetime"],
|
||||
input[type="datetime-local"],
|
||||
input[type="tel"],
|
||||
input[type="number"],
|
||||
input[type="search"],
|
||||
textarea.materialize-textarea {
|
||||
border: solid 1px $grey1;
|
||||
background-color: $white;
|
||||
color: $text;
|
||||
box-sizing: inherit;
|
||||
margin: 0px;
|
||||
padding: 0 5px;
|
||||
/*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);*/
|
||||
@include box-shadow(none);
|
||||
}
|
||||
}
|
||||
.bloc-top-scrollabled {
|
||||
height: calc(50vh - 36px);
|
||||
}
|
||||
}
|
||||
@@ -1,8 +1,184 @@
|
||||
body {
|
||||
font-size: 16px;
|
||||
font-family: $font-1;
|
||||
color: $text;
|
||||
padding: 0;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: square;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $blue1;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
color: $blue2;
|
||||
}
|
||||
|
||||
#global_wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
/* container */
|
||||
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 993px) {
|
||||
.container {
|
||||
width: 80%;
|
||||
max-width: 1125px;
|
||||
}
|
||||
}
|
||||
|
||||
/*titre*/
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: $font-2;
|
||||
font-weight: 400;
|
||||
span {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 42px;
|
||||
margin: 0 0 60px 0;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 35px;
|
||||
margin: 60px 0 45px 0;
|
||||
span {
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 30px;
|
||||
margin: 40px 0 30px 0;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 18px;
|
||||
margin: 35px 0 25px 0;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 17px;
|
||||
margin: 30px 0 20px 0;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 17px;
|
||||
margin: 0px 0 10px 0;
|
||||
}
|
||||
|
||||
.bluetitle {
|
||||
color: $blue2;
|
||||
}
|
||||
|
||||
.whiteColor {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.alttitle {
|
||||
background: -webkit-linear-gradient(-45deg, $blue1 0%, $blue2 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.bullettitle {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
padding-bottom: 50px;
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
margin-left: -25px;
|
||||
width: 50px;
|
||||
height: 15px;
|
||||
background: url(/img/puces-titre.png) top center no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
.required:after {
|
||||
content: "*";
|
||||
font-size: 16px;
|
||||
color: $blue1;
|
||||
}
|
||||
|
||||
/*Couleurs de fond*/
|
||||
|
||||
.bg-dark1 {
|
||||
color: $white;
|
||||
background-color: $dark1;
|
||||
}
|
||||
|
||||
.bg-dark2 {
|
||||
color: $white;
|
||||
background-color: $dark2;
|
||||
}
|
||||
|
||||
.bg-blue {
|
||||
color: $white;
|
||||
background: $blue1;
|
||||
background: -moz-linear-gradient(-45deg, $blue1 0%, $blue2 100%);
|
||||
background: -webkit-linear-gradient(-45deg, $blue1 0%, $blue2 100%);
|
||||
background: linear-gradient(135deg, $blue1 0%, $blue2 100%);
|
||||
}
|
||||
|
||||
.bg-bordered {
|
||||
//border: solid 1px $grey1;
|
||||
/*@include box-shadow(2px);*/
|
||||
box-shadow: 0 2px 2px 0 $grey1, 0 1px 5px 0 $grey1, 0 3px 1px -2px $grey1;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
/* Décroché */
|
||||
|
||||
|
||||
|
||||
.bg-dark1.button-plus {
|
||||
&:after {
|
||||
background: url(/img/decroche-dark1.png) top center no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-dark2.button-plus {
|
||||
&:after {
|
||||
background: url(/img/decroche-dark2.png) top center no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-grey-3.button-plus {
|
||||
&:after {
|
||||
background: url(/img/decroche-grey.png) top center no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-white.button-plus {
|
||||
&:after {
|
||||
background: url(/img/decroche-white.png) top center no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
+317
-313
@@ -1,343 +1,347 @@
|
||||
/*listes*/
|
||||
.items-list {
|
||||
.item-list {
|
||||
padding: 0 70px;
|
||||
margin-bottom: 40px;
|
||||
.item-list {
|
||||
padding: 0 70px;
|
||||
margin-bottom: 40px;
|
||||
|
||||
.item-list-media {
|
||||
display: block;
|
||||
position: relative;
|
||||
.item-list-media {
|
||||
display: block;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
|
||||
/*box-shadow: 6px 6px 7px rgba($black, 0.7);*/
|
||||
}
|
||||
/*box-shadow: 6px 6px 7px rgba($black, 0.7);*/
|
||||
}
|
||||
|
||||
.playerbtn {
|
||||
width: 52px;
|
||||
height: 60px;
|
||||
background: url(/img/bouton-play.png) top center no-repeat;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -26px;
|
||||
top: 50%;
|
||||
margin-top: -30px;
|
||||
}
|
||||
.playerbtn {
|
||||
width: 52px;
|
||||
height: 60px;
|
||||
background: url(/img/bouton-play.png) top center no-repeat;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -26px;
|
||||
top: 50%;
|
||||
margin-top: -30px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
||||
p.item-list-name {
|
||||
border-bottom: solid 1px rgba($white, 0.2);
|
||||
padding-bottom: 10px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
p.item-list-city {
|
||||
border-bottom: solid 1px rgba($white, 0.2);
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
p.item-list-job {
|
||||
color: $blue2;
|
||||
font-weight: 700;
|
||||
}
|
||||
&:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
||||
p.item-list-name {
|
||||
border-bottom: solid 1px rgba($white, 0.2);
|
||||
padding-bottom: 10px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
p.item-list-city {
|
||||
border-bottom: solid 1px rgba($white, 0.2);
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
p.item-list-job {
|
||||
color: $blue2;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.items-list-dark {
|
||||
.item-list p.item-list-name, .item-list p.item-list-city {
|
||||
border-color: $grey2;
|
||||
}
|
||||
.item-list p.item-list-name, .item-list p.item-list-city {
|
||||
border-color: $grey2;
|
||||
}
|
||||
}
|
||||
|
||||
#liste-resultats {
|
||||
.item-list-bis {
|
||||
margin-bottom: 20px;
|
||||
background: $white;
|
||||
position: relative;
|
||||
.item-list-bis {
|
||||
margin-bottom: 20px;
|
||||
background: $white;
|
||||
position: relative;
|
||||
|
||||
.ad-picture {
|
||||
max-height: 215px;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
.ad-picture {
|
||||
max-height: 215px;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
|
||||
a {
|
||||
max-height: 215px;
|
||||
}
|
||||
}
|
||||
|
||||
.row-infos {
|
||||
display: flex;
|
||||
padding-left: 30px;
|
||||
|
||||
.company-infos {
|
||||
height: 130px;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
|
||||
h3 {
|
||||
font-size: 16px;
|
||||
margin: 0;
|
||||
|
||||
a {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.row-tags {
|
||||
border-top: 1px solid $grey3;
|
||||
padding-left: 30px;
|
||||
max-height: 62px;
|
||||
position: relative;
|
||||
|
||||
.frame {
|
||||
height: 62px;
|
||||
line-height: 62px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
|
||||
li {
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
}
|
||||
|
||||
li:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
li:last-child {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.controls {
|
||||
.next {
|
||||
position: absolute;
|
||||
right: -26px;
|
||||
top: 28px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.prev {
|
||||
position: absolute;
|
||||
right: -26px;
|
||||
top: 28px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.disabled {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.col-logo-lg {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
height: 215px;
|
||||
border-right: 1px solid #F2F3F5;
|
||||
|
||||
a {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
width: auto;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.col-logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
max-width: 130px;
|
||||
min-width: 130px;
|
||||
height: 130px;
|
||||
flex: 0 0 auto;
|
||||
padding: 5px;
|
||||
flex: 1;
|
||||
border-left: 1px solid $grey3;
|
||||
border-right: 1px solid $grey3;
|
||||
|
||||
a {
|
||||
max-height: 110px;
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
|
||||
img {
|
||||
max-height: 110px;
|
||||
max-width: 100%;
|
||||
width: auto;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item-list-media {
|
||||
display: block;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
|
||||
img {
|
||||
//width:100%;
|
||||
max-height: 215px;
|
||||
|
||||
/*box-shadow: 6px 6px 7px rgba($black, 0.7);*/
|
||||
}
|
||||
|
||||
@media (max-width: 810px) {
|
||||
img {
|
||||
width: auto;
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.playerbtn {
|
||||
width: 52px;
|
||||
height: 60px;
|
||||
background: url(/img/bouton-play.png) top center no-repeat;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -26px;
|
||||
top: 50%;
|
||||
margin-top: -30px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
||||
p span {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
p.item-list-name {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
p.item-list-city {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
p.item-list-job {
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
.item-list-reply {
|
||||
margin-top: 30px;
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.borderList {
|
||||
width: 3px;
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
}
|
||||
|
||||
.borderList {
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
background: $blue1;
|
||||
right: 0;
|
||||
width: 0px;
|
||||
}
|
||||
a {
|
||||
max-height: 215px;
|
||||
}
|
||||
}
|
||||
|
||||
.row-infos {
|
||||
display: flex;
|
||||
padding-left: 30px;
|
||||
|
||||
.company-infos {
|
||||
height: 130px;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
|
||||
h3, h2 {
|
||||
font-size: 16px;
|
||||
margin: 0;
|
||||
}
|
||||
h3{
|
||||
a {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
color: #155ee4;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.row-tags {
|
||||
border-top: 1px solid $grey3;
|
||||
padding-left: 30px;
|
||||
max-height: 62px;
|
||||
position: relative;
|
||||
|
||||
.frame {
|
||||
height: 62px;
|
||||
line-height: 62px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
|
||||
li {
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
}
|
||||
|
||||
li:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
li:last-child {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.controls {
|
||||
.next {
|
||||
position: absolute;
|
||||
right: -26px;
|
||||
top: 28px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.prev {
|
||||
position: absolute;
|
||||
right: -26px;
|
||||
top: 28px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.disabled {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.col-logo-lg {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
height: 215px;
|
||||
border-right: 1px solid #F2F3F5;
|
||||
|
||||
a {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
width: auto;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.col-logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
max-width: 130px;
|
||||
min-width: 130px;
|
||||
height: 130px;
|
||||
flex: 0 0 auto;
|
||||
padding: 5px;
|
||||
flex: 1;
|
||||
border-left: 1px solid $grey3;
|
||||
border-right: 1px solid $grey3;
|
||||
|
||||
a {
|
||||
max-height: 110px;
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
|
||||
img {
|
||||
max-height: 110px;
|
||||
max-width: 100%;
|
||||
width: auto;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item-list-media {
|
||||
display: block;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
|
||||
img {
|
||||
//width:100%;
|
||||
max-height: 215px;
|
||||
|
||||
/*box-shadow: 6px 6px 7px rgba($black, 0.7);*/
|
||||
}
|
||||
|
||||
@media (max-width: 810px) {
|
||||
img {
|
||||
width: auto;
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.playerbtn {
|
||||
width: 52px;
|
||||
height: 60px;
|
||||
background: url(/img/bouton-play.png) top center no-repeat;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -26px;
|
||||
top: 50%;
|
||||
margin-top: -30px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
||||
p span {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
p.item-list-name {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
p.item-list-city {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
p.item-list-job {
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
.item-list-reply {
|
||||
margin-top: 30px;
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.borderList {
|
||||
width: 3px;
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
}
|
||||
|
||||
.borderList {
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
background: $blue1;
|
||||
right: 0;
|
||||
width: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.items-list-ter {
|
||||
height: 420px !important;
|
||||
height: 420px !important;
|
||||
|
||||
.item-list-ter {
|
||||
width: 100% !important;
|
||||
padding: 0 40px;
|
||||
.item-list-ter {
|
||||
width: 100% !important;
|
||||
padding: 0 40px;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
position: relative;
|
||||
a {
|
||||
display: block;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.playerbtn {
|
||||
width: 52px;
|
||||
height: 60px;
|
||||
background: url(/img/bouton-play.png) top center no-repeat;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -26px;
|
||||
top: 50%;
|
||||
margin-top: -30px;
|
||||
}
|
||||
.playerbtn {
|
||||
width: 52px;
|
||||
height: 60px;
|
||||
background: url(/img/bouton-play.png) top center no-repeat;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -26px;
|
||||
top: 50%;
|
||||
margin-top: -30px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
||||
p span {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.item-list-description {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
p.item-list-city {
|
||||
border-top: solid 1px rgba($white, 0.2);
|
||||
border-bottom: solid 1px rgba($white, 0.2);
|
||||
padding: 10px 0;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
p.item-list-plus {
|
||||
border-bottom: solid 1px rgba($white, 0.2);
|
||||
padding-bottom: 10px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
p.item-list-website {
|
||||
border-bottom: solid 1px rgba($white, 0.2);
|
||||
padding-bottom: 10px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
&:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
||||
p span {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.item-list-description {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
p.item-list-city {
|
||||
border-top: solid 1px rgba($white, 0.2);
|
||||
border-bottom: solid 1px rgba($white, 0.2);
|
||||
padding: 10px 0;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
p.item-list-plus {
|
||||
border-bottom: solid 1px rgba($white, 0.2);
|
||||
padding-bottom: 10px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
p.item-list-website {
|
||||
border-bottom: solid 1px rgba($white, 0.2);
|
||||
padding-bottom: 10px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 993px) and (max-width: 1200px) {
|
||||
#liste-resultats .item-list-bis .hide-on-ipad {
|
||||
display: none;
|
||||
}
|
||||
#liste-resultats .item-list-bis .hide-on-ipad {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,21 @@
|
||||
/***** LOGIN *****/
|
||||
|
||||
#modal_login {
|
||||
.modal-content {
|
||||
padding: 0;
|
||||
.col-login-first {
|
||||
padding: 40px;
|
||||
}
|
||||
.col-login {
|
||||
border-right: 1px solid $grey2;
|
||||
}
|
||||
.col-login-subscribe {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: 100%;
|
||||
min-height: 350px;
|
||||
margin-top: 60px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,82 @@
|
||||
.profil-picture {
|
||||
background: #FFF;
|
||||
height: 180px;
|
||||
width: 180px;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
padding: 5px;
|
||||
border-radius: 50%;
|
||||
a {
|
||||
visibility: hidden;
|
||||
-webkit-transition: all 1s;
|
||||
-moz-transition: all 1s;
|
||||
transition: all 1s;
|
||||
opacity: 0;
|
||||
font-size: 30px;
|
||||
color: $white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
margin: auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(100, 100, 100, 0.2);
|
||||
text-decoration: none;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.profil-picture:hover > a {
|
||||
-webkit-transition: all 0.5s;
|
||||
-moz-transition: all 0.5s;
|
||||
transition: all 0.5s;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.logo-picture {
|
||||
border-radius: 0%;
|
||||
a {
|
||||
border-radius: 0%;
|
||||
}
|
||||
}
|
||||
|
||||
#profile_picture_upload {
|
||||
input[type="file"] {
|
||||
display: none;
|
||||
}
|
||||
.custom-file-upload {
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
#preview_profile_picture {
|
||||
img {
|
||||
padding: 10px;
|
||||
max-height: 170px;
|
||||
}
|
||||
}
|
||||
|
||||
#profile-formPresentionVideo {
|
||||
padding: 20px 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
a {
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,185 @@
|
||||
/*************************** RESPONSIVE **********************/
|
||||
|
||||
@media (max-width: 1350px) {
|
||||
.inside-m {
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.carousel .carousel-item {
|
||||
width: 50%;
|
||||
}
|
||||
#header nav {
|
||||
padding-right: 5px;
|
||||
}
|
||||
.blocs-fixes-container .bloc-top a {
|
||||
font-size: 28px;
|
||||
line-height: 40px;
|
||||
}
|
||||
.blocs-fixes-container .bloc-top a.btn-white {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.items-list-bis .item-list-bis .item-list-media img {
|
||||
width: 100%;
|
||||
}
|
||||
.items-list-ter {
|
||||
height: 440px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
body {
|
||||
margin-top: 0px !important;
|
||||
}
|
||||
.flexcontainer {
|
||||
display: block;
|
||||
}
|
||||
.inside {
|
||||
padding: 60px;
|
||||
}
|
||||
.col-padding-left.m12 {
|
||||
padding-left: 0px !important;
|
||||
}
|
||||
.col-padding-right.m12 {
|
||||
padding-right: 0px !important;
|
||||
}
|
||||
#header nav {
|
||||
padding-right: 0px;
|
||||
}
|
||||
#header nav .brand-logo {
|
||||
left: 0px;
|
||||
transform: translateX(0%);
|
||||
}
|
||||
#header nav a.button-collapse {
|
||||
color: $text;
|
||||
text-decoration: none;
|
||||
float: right;
|
||||
margin-right: 0px;
|
||||
i {
|
||||
color: $blue1;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
}
|
||||
}
|
||||
#header {
|
||||
top: 0px;
|
||||
.header-links {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.header-fixed-top {
|
||||
position: relative;
|
||||
z-index: inherit;
|
||||
}
|
||||
#header {
|
||||
#mobile-demo .header-links {
|
||||
display: block;
|
||||
.header-link {
|
||||
text-align: left;
|
||||
.button-round-small {
|
||||
margin: 20px;
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
i {
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
}
|
||||
span {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#header.header-fixed-top {
|
||||
position: static;
|
||||
transition-property: none;
|
||||
}
|
||||
.blocs-fixes-container {
|
||||
position: static;
|
||||
background: $white;
|
||||
}
|
||||
.blocs-fixes-container #fixed {
|
||||
position: static;
|
||||
}
|
||||
.button-picto-m {
|
||||
position: relative;
|
||||
margin-bottom: 26px;
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 135px;
|
||||
height: 56px;
|
||||
bottom: -16px;
|
||||
left: 50%;
|
||||
margin-left: -68px;
|
||||
z-index: 100;
|
||||
background: url(/img/decroche-picto.png) top center no-repeat;
|
||||
}
|
||||
}
|
||||
.carousel .carousel-item {
|
||||
width: 100%;
|
||||
}
|
||||
.items-list .item-list {
|
||||
padding: 0 210px;
|
||||
}
|
||||
.items-list-bis .item-list-bis .item-list-media {
|
||||
text-align: left;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.items-list-ter {
|
||||
height: 540px !important;
|
||||
}
|
||||
.item-detail-description {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
footer.page-footer .footer-info .col {
|
||||
margin-top: 30px;
|
||||
}
|
||||
footer.page-footer .footer-info .right-align {
|
||||
text-align: left;
|
||||
}
|
||||
footer .footer-socials i {
|
||||
margin-left: 0px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
footer .footer-more-links .right-align {
|
||||
text-align: left;
|
||||
margin-top: 20px;
|
||||
}
|
||||
footer .footer-more-links .right-align a {
|
||||
padding-left: 0px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 810px) {
|
||||
.items-list .item-list {
|
||||
padding: 0 120px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.flexcontainer {
|
||||
display: block;
|
||||
}
|
||||
.inside {
|
||||
padding: 40px;
|
||||
}
|
||||
#sidebar {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.col-padding-left.s12 {
|
||||
padding-left: 0px !important;
|
||||
}
|
||||
.col-padding-right.s12 {
|
||||
padding-right: 0px !important;
|
||||
}
|
||||
.items-list .item-list {
|
||||
padding: 0 70px;
|
||||
}
|
||||
.items-list-ter {
|
||||
height: 340px !important;
|
||||
}
|
||||
}
|
||||
@@ -1,4 +1,7 @@
|
||||
/*************************** RECHERCHE *************************/
|
||||
#searchResultWrapper {
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
#search{
|
||||
background: $blue1;
|
||||
|
||||
@@ -0,0 +1,15 @@
|
||||
/*tableaux*/
|
||||
|
||||
thead {
|
||||
border-bottom: solid 2px $text;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
table.bordered > tbody > tr {
|
||||
border-bottom: solid 1px $grey1;
|
||||
}
|
||||
|
||||
table.highlight > tbody > tr:hover {
|
||||
background-color: $grey1;
|
||||
color: $blue2;
|
||||
}
|
||||
@@ -0,0 +1,124 @@
|
||||
#ad_show {
|
||||
.bg-bordered {
|
||||
padding-top: 0;
|
||||
}
|
||||
.chip {
|
||||
font-size: 14px;
|
||||
}
|
||||
h1 {
|
||||
color: $grey4;
|
||||
font-size: 16px;
|
||||
margin: 0;
|
||||
}
|
||||
h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 16px;
|
||||
// font-weight: bold;
|
||||
// margin-top: 70px;
|
||||
// margin-bottom: 33px;
|
||||
// text-transform: uppercase;
|
||||
}
|
||||
.item-detail-description,
|
||||
.item-detail-reference,
|
||||
.item-detail-date {
|
||||
font-size: 13px;
|
||||
}
|
||||
.brandImage {
|
||||
position: relative;
|
||||
margin: 2px;
|
||||
a {
|
||||
display: block;
|
||||
img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
.filter {
|
||||
background: #000;
|
||||
-webkit-filter: opacity(0.2);
|
||||
filter: opacity(0.2);
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 20;
|
||||
}
|
||||
.playerbtn {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
background: url(/img/bouton-play-small.svg) top center no-repeat;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -26px;
|
||||
top: 50%;
|
||||
margin-top: -18px;
|
||||
cursor: pointer;
|
||||
z-index: 21;
|
||||
}
|
||||
&:hover {
|
||||
.filter {
|
||||
-webkit-filter: opacity(0);
|
||||
filter: opacity(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
.row-title-ad {
|
||||
border-bottom: 1px solid $grey3;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.col-title-ad {
|
||||
border-right: 1px solid $grey3;
|
||||
height: 100px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: left;
|
||||
padding-left: 30px;
|
||||
}
|
||||
.col-type-ad {
|
||||
color: $grey4;
|
||||
font-size: 16px;
|
||||
line-height: 16px;
|
||||
height: 100px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: left;
|
||||
i {
|
||||
color: $grey2;
|
||||
margin: 0 5px 0 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Offre Pourvue */
|
||||
|
||||
#adRow,
|
||||
#adVideo {
|
||||
position: relative;
|
||||
.isPromoted {
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
left: -3px;
|
||||
img {
|
||||
width: 101px;
|
||||
height: 101px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.card-image {
|
||||
position: relative;
|
||||
.isPromoted {
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
right: -3px;
|
||||
img {
|
||||
width: 101px;
|
||||
height: 101px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,31 @@
|
||||
#company_show {
|
||||
.chip {
|
||||
font-size: 14px;
|
||||
}
|
||||
h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
.item-detail-description,
|
||||
.item-detail-reference,
|
||||
.item-detail-date {
|
||||
font-size: 13px;
|
||||
}
|
||||
#offers {
|
||||
h1 {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-top: 70px;
|
||||
margin-bottom: 33px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#territory_show {
|
||||
.profil-name {
|
||||
h2{
|
||||
font-size: 16px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,202 @@
|
||||
#page-static {
|
||||
#tarifs {
|
||||
.col-tarif {
|
||||
padding: 0 20px;
|
||||
font-size: 12px;
|
||||
h4 {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
a {
|
||||
padding: 0px 10px;
|
||||
margin: 25px 0 40px 0;
|
||||
width: 100%;
|
||||
text-transform: inherit;
|
||||
background: #FFF;
|
||||
border: 1px solid $blue3;
|
||||
color: $blue3;
|
||||
height: 40px;
|
||||
font-size: 11px;
|
||||
line-height: 40px;
|
||||
&:hover {
|
||||
background: $blue3;
|
||||
border: 1px solid $blue3;
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
h1 {
|
||||
font-size: 34px;
|
||||
margin: 30px 0 60px 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
font-size: 14px;
|
||||
ul > li {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.underline {
|
||||
li {
|
||||
color: $blue2;
|
||||
line-height: 30px;
|
||||
margin-bottom: 10px;
|
||||
border-bottom: 1px solid $grey4;
|
||||
display: block;
|
||||
width: 40%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
.full-width {
|
||||
li {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.btn-register {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.container {
|
||||
.first-row,
|
||||
.second-row {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.first-row {
|
||||
.col {
|
||||
padding: 60px 20px;
|
||||
}
|
||||
.col:last-child {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.second-row {
|
||||
padding: 0 11px;
|
||||
.col {
|
||||
padding: 50px 30px;
|
||||
}
|
||||
}
|
||||
.third-row {
|
||||
font-size: 14px;
|
||||
}
|
||||
.fourth-row {
|
||||
margin-top: 100px;
|
||||
}
|
||||
}
|
||||
/***** OLD STEP *****/
|
||||
.cv-step {
|
||||
background: url(/img/img_content/step-cv-video.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position-x: center;
|
||||
height: 245px;
|
||||
margin-bottom: 50px;
|
||||
.col {
|
||||
font-size: 15px;
|
||||
h3 {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.cv-step-1 {
|
||||
background-position-y: 8px;
|
||||
}
|
||||
.cv-step-2 {
|
||||
background-position-y: -298px;
|
||||
}
|
||||
.cv-step-3 {
|
||||
background-position-y: -606px;
|
||||
}
|
||||
.cv-step-4 {
|
||||
background-position-y: -915px;
|
||||
}
|
||||
.cv-step-on3 {
|
||||
background: url(/img/img_content/Sprite_3_etapes.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position-x: center;
|
||||
margin-bottom: 50px;
|
||||
font-size: 12px;
|
||||
.col {
|
||||
font-size: 15px;
|
||||
h3 {
|
||||
font-size: 18px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
h5 {
|
||||
font-size: 15px;
|
||||
margin: 14px 0 10px 0;
|
||||
}
|
||||
}
|
||||
i {
|
||||
color: $grey2;
|
||||
}
|
||||
}
|
||||
.cv-step-on3-1 {
|
||||
background-position-y: 0px;
|
||||
ul > li {
|
||||
margin-bottom: 0px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
}
|
||||
.cv-step-on3-2 {
|
||||
padding-top: 130px;
|
||||
background-position-y: -270px;
|
||||
ul > li {
|
||||
margin-bottom: 0px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
}
|
||||
.cv-step-on3-2-text {
|
||||
h3 {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.cv-step-on3-3 {
|
||||
padding-top: 200px;
|
||||
background-position-y: -405px;
|
||||
}
|
||||
.cv-step-on3-entreprise {
|
||||
background: url(/img/img_content/Step_3_Entreprise.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position-x: center;
|
||||
}
|
||||
.cv-step-on3-entreprise.cv-step-on3-2 {
|
||||
padding-top: 0px;
|
||||
background-position-y: -515px;
|
||||
}
|
||||
.cv-step-on3-entreprise.cv-step-on3-3 {
|
||||
padding-top: 0px;
|
||||
background-position-y: -915px;
|
||||
}
|
||||
.row {
|
||||
.card-step {
|
||||
height: 300px;
|
||||
padding: 0 15px;
|
||||
text-align: center;
|
||||
h2 {
|
||||
font-size: 28px;
|
||||
}
|
||||
font-size: 14px;
|
||||
}
|
||||
.card-step-1 {
|
||||
background: $dark1;
|
||||
}
|
||||
.card-step-2 {
|
||||
background: $dark2;
|
||||
}
|
||||
.card-step-3 {
|
||||
background: $grey4;
|
||||
}
|
||||
.card-step-4 {
|
||||
background: $blue1;
|
||||
}
|
||||
}
|
||||
.big-square {
|
||||
background: #155ee4;
|
||||
background: -moz-linear-gradient(-45deg, #155ee4 0%, #1689fb 100%);
|
||||
background: -webkit-linear-gradient(-45deg, #155ee4 0%, #1689fb 100%);
|
||||
background: linear-gradient(135deg, #155ee4 0%, #1689fb 100%);
|
||||
padding: 50px 100px;
|
||||
color: #FFF;
|
||||
font-size: 22px;
|
||||
margin: 50px 0;
|
||||
}
|
||||
}
|
||||
@@ -19,6 +19,9 @@
|
||||
/*Modules
|
||||
---------------------------------------------------*/
|
||||
@import 'modules/app';
|
||||
@import 'modules/contenu';
|
||||
@import 'modules/responsive';
|
||||
@import 'modules/login';
|
||||
@import 'modules/gutter';
|
||||
@import 'modules/header';
|
||||
@import 'modules/search';
|
||||
@@ -35,3 +38,10 @@
|
||||
@import 'modules/dashboard';
|
||||
@import 'modules/tooltipster';
|
||||
@import 'modules/cards';
|
||||
@import 'modules/profile';
|
||||
@import 'modules/table';
|
||||
/*Pages
|
||||
---------------------------------------------------*/
|
||||
@import 'pages/ad-show';
|
||||
@import 'pages/company-show';
|
||||
@import 'pages/page-static';
|
||||
Reference in New Issue
Block a user