css accueil
This commit is contained in:
ouidade
parent
6f75dfed66
commit
8cac65c7cf
|
|
@ -174,6 +174,9 @@ header {
|
|||
padding-left: 40px; }
|
||||
header .header_left_container #block-quartiers-de-demain-logoepau-2 {
|
||||
height: 150px; }
|
||||
header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain {
|
||||
margin-left: auto;
|
||||
padding-right: 50px; }
|
||||
header .header_left_container img {
|
||||
width: auto;
|
||||
height: 150px; }
|
||||
|
|
@ -432,7 +435,7 @@ header {
|
|||
float: inline-start;
|
||||
padding-right: 0.5rem; }
|
||||
#presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto img {
|
||||
width: 50px;
|
||||
width: 40px;
|
||||
height: auto; }
|
||||
#presentation aside {
|
||||
position: relative;
|
||||
|
|
@ -452,12 +455,31 @@ header {
|
|||
#presentation aside .sidebar_first_container {
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 10rem; }
|
||||
top: 10rem;
|
||||
font-weight: 300; }
|
||||
#presentation aside .sidebar_first_container .field-content {
|
||||
margin-bottom: 0.7rem; }
|
||||
@media (max-width: 810px) {
|
||||
#presentation aside .sidebar_first_container {
|
||||
display: none; } }
|
||||
#presentation aside .views-field-field-pieces-jointes .field-content {
|
||||
display: flex;
|
||||
flex-direction: column; }
|
||||
#presentation aside .views-field-field-pieces-jointes .field-content .file--application-pdf {
|
||||
display: inline-flex; }
|
||||
#presentation aside .views-field-field-pieces-jointes .field-content .file--application-pdf a {
|
||||
display: block;
|
||||
font-size: small;
|
||||
font-weight: 500; }
|
||||
#presentation aside .views-field-field-pieces-jointes .field-content .file--application-pdf::before {
|
||||
content: url(../images/noun-arrow-download.png); }
|
||||
content: url(../images/noun-arrow-download.svg);
|
||||
margin: auto;
|
||||
padding-right: 00.5rem; }
|
||||
#presentation aside .views-field-field-pieces-jointes .field-content span {
|
||||
font-size: small;
|
||||
font-weight: 500; }
|
||||
#presentation aside .views-field-field-pieces-jointes .field-content span:nth-child(2) {
|
||||
margin-left: 50px; }
|
||||
|
||||
.node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage {
|
||||
grid-column: 3 /span 9;
|
||||
|
|
|
|||
|
|
@ -2,16 +2,44 @@
|
|||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="210mm"
|
||||
height="296.99997mm"
|
||||
viewBox="0 0 210 296.99997"
|
||||
width="10mm"
|
||||
height="10mm"
|
||||
viewBox="0 0 10.531931 10.531931"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
inkscape:export-filename="noun-arrow-download.svg"
|
||||
inkscape:export-xdpi="300"
|
||||
inkscape:export-ydpi="300"
|
||||
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
|
||||
sodipodi:docname="noun-arrow-download.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:zoom="0.72337262"
|
||||
inkscape:cx="8.9856871"
|
||||
inkscape:cy="215.65649"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1016"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="36"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1" />
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
inkscape:label="Calque 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-102.65834,-91.281253)">
|
||||
<circle
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
|
@ -40,3 +40,22 @@
|
|||
});
|
||||
|
||||
|
||||
// /////////////////
|
||||
//// ancre dans texte au click parragraphe correspondant arrive en dessous du header
|
||||
|
||||
|
||||
(function($, window) {
|
||||
var adjustAnchor = function() {
|
||||
var $anchor = $('#block-quartiers-de-demain-views-block-statics-block-1'),
|
||||
fixedElementHeight = 350;
|
||||
if ($anchor.length > 0) {
|
||||
$('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
|
||||
}
|
||||
};
|
||||
|
||||
$(window).on('hashchange', function() {
|
||||
adjustAnchor();
|
||||
});
|
||||
|
||||
})(jQuery, window);
|
||||
|
||||
|
|
@ -106,7 +106,7 @@
|
|||
float: inline-start;
|
||||
padding-right: 0.5rem;
|
||||
img{
|
||||
width: 50px;
|
||||
width: 40px;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
|
@ -119,11 +119,8 @@
|
|||
grid-column: 1 /span 2;
|
||||
grid-row: 1;
|
||||
z-index: 100;
|
||||
// width: 80%;
|
||||
order: 1;
|
||||
margin-top: 5rem;
|
||||
// margin-left: 10%;
|
||||
// margin-right: 1rem;
|
||||
@media(max-width:891px){
|
||||
margin-left: 5%;
|
||||
margin-top: 9rem;
|
||||
|
|
@ -133,20 +130,39 @@
|
|||
margin-top: 3rem;
|
||||
}
|
||||
.sidebar_first_container{
|
||||
// display: flex;
|
||||
// justify-content: flex-end;
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 10rem;
|
||||
font-weight: 300;
|
||||
.field-content{
|
||||
margin-bottom: 0.7rem;
|
||||
}
|
||||
@media (max-width: 810px){
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.views-field-field-pieces-jointes{
|
||||
.field-content{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.file--application-pdf{
|
||||
display: inline-flex;
|
||||
a{
|
||||
display: block;
|
||||
font-size: small;
|
||||
font-weight: 500;
|
||||
}
|
||||
&::before{
|
||||
content: url(../images/noun-arrow-download.png);
|
||||
content: url(../images/noun-arrow-download.svg);
|
||||
margin: auto;
|
||||
padding-right: 00.5rem;
|
||||
}
|
||||
}
|
||||
span{
|
||||
font-size: small;
|
||||
font-weight: 500;
|
||||
&:nth-child(2){
|
||||
margin-left: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -33,6 +33,10 @@ header{
|
|||
#block-quartiers-de-demain-logoepau-2{
|
||||
height: $header-height;
|
||||
}
|
||||
#block-quartiers-de-demain-logoquartiersdedemain{
|
||||
margin-left: auto;
|
||||
padding-right: 50px;
|
||||
}
|
||||
img{
|
||||
width: auto;
|
||||
height: $header-height;
|
||||
|
|
|
|||
|
|
@ -28,6 +28,6 @@
|
|||
/*pages*/
|
||||
|
||||
@import "pages/partenaires";
|
||||
@import "pages/presentation";
|
||||
@import "pages/_presentation";
|
||||
@import "pages/static";
|
||||
|
||||
|
|
|
|||
|
|
@ -47,7 +47,9 @@
|
|||
label_display == 'visually_hidden' ? 'visually-hidden',
|
||||
]
|
||||
%}
|
||||
|
||||
{%
|
||||
set ancre_href = '#paragraph-id--' ~ paragraph.id()
|
||||
%}
|
||||
{% if label_hidden %}
|
||||
{% if multiple %}
|
||||
<div{{ attributes }}>
|
||||
|
|
|
|||
|
|
@ -1,61 +0,0 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation to display a paragraph.
|
||||
*
|
||||
* Available variables:
|
||||
* - paragraph: Full paragraph entity.
|
||||
* Only method names starting with "get", "has", or "is" and a few common
|
||||
* methods such as "id", "label", and "bundle" are available. For example:
|
||||
* - paragraph.getCreatedTime() will return the paragraph creation timestamp.
|
||||
* - paragraph.id(): The paragraph ID.
|
||||
* - paragraph.bundle(): The type of the paragraph, for example, "image" or "text".
|
||||
* - paragraph.getOwnerId(): The user ID of the paragraph author.
|
||||
* See Drupal\paragraphs\Entity\Paragraph for a full list of public properties
|
||||
* and methods for the paragraph object.
|
||||
* - content: All paragraph items. Use {{ content }} to print them all,
|
||||
* or print a subset such as {{ content.field_example }}. Use
|
||||
* {{ content|without('field_example') }} to temporarily suppress the printing
|
||||
* of a given child element.
|
||||
* - attributes: HTML attributes for the containing element.
|
||||
* The attributes.class element may contain one or more of the following
|
||||
* classes:
|
||||
* - paragraphs: The current template type (also known as a "theming hook").
|
||||
* - paragraphs--type-[type]: The current paragraphs type. For example, if the paragraph is an
|
||||
* "Image" it would result in "paragraphs--type--image". Note that the machine
|
||||
* name will often be in a short form of the human readable label.
|
||||
* - paragraphs--view-mode--[view_mode]: The View Mode of the paragraph; for example, a
|
||||
* preview would result in: "paragraphs--view-mode--preview", and
|
||||
* default: "paragraphs--view-mode--default".
|
||||
* - view_mode: View mode; for example, "preview" or "full".
|
||||
* - logged_in: Flag for authenticated user status. Will be true when the
|
||||
* current user is a logged-in member.
|
||||
* - is_admin: Flag for admin user status. Will be true when the current user
|
||||
* is an administrator.
|
||||
*
|
||||
* @see template_preprocess_paragraph()
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
{%
|
||||
set classes = [
|
||||
'paragraph',
|
||||
'paragraph--type--' ~ paragraph.bundle|clean_class,
|
||||
view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
|
||||
not paragraph.isPublished() ? 'paragraph--unpublished',
|
||||
]
|
||||
%}
|
||||
{%
|
||||
set ancre_href = '#paragraph-id--' ~ paragraph.id()
|
||||
%}
|
||||
{% block paragraph %}
|
||||
{# <div{{ attributes.addClass(classes) }}> #}
|
||||
<div{{ attributes.addClass(classes) }}>
|
||||
<a href="{{ ancre_href }}">
|
||||
{% block content %}
|
||||
{{ content }}
|
||||
{% endblock %}
|
||||
</a>
|
||||
</div>
|
||||
{% endblock paragraph %}
|
||||
|
|
@ -46,10 +46,13 @@
|
|||
not paragraph.isPublished() ? 'paragraph--unpublished'
|
||||
]
|
||||
%}
|
||||
|
||||
{% block paragraph %}
|
||||
{# <div{{ attributes.addClass(classes) }}> #}
|
||||
<div{{ attributes.addClass(classes).setAttribute('id', 'paragraph-id--' ~ paragraph.id()) }}>
|
||||
|
||||
{% block content %}
|
||||
|
||||
{{ content }}
|
||||
{% endblock %}
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue