From c581d7262500778c7fab1d63323f74437a6e0665 Mon Sep 17 00:00:00 2001 From: Le Libre Au Quotidien Date: Sun, 1 Dec 2019 19:21:05 +0100 Subject: [PATCH 1/6] HTML Part --- package-lock.json | 54 ++++++++++++++----- src/app/app.module.ts | 2 + src/app/config/Routes.ts | 3 +- src/app/pages/voting/voting.component.html | 21 ++++++++ src/app/pages/voting/voting.component.scss | 0 src/app/pages/voting/voting.component.spec.ts | 25 +++++++++ src/app/pages/voting/voting.component.ts | 15 ++++++ 7 files changed, 105 insertions(+), 15 deletions(-) create mode 100644 src/app/pages/voting/voting.component.html create mode 100644 src/app/pages/voting/voting.component.scss create mode 100644 src/app/pages/voting/voting.component.spec.ts create mode 100644 src/app/pages/voting/voting.component.ts diff --git a/package-lock.json b/package-lock.json index 64de0fed..5f487039 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5683,7 +5683,8 @@ "ansi-regex": { "version": "2.1.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "aproba": { "version": "1.2.0", @@ -5726,7 +5727,8 @@ "code-point-at": { "version": "1.1.0", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "concat-map": { "version": "0.0.1", @@ -5737,7 +5739,8 @@ "console-control-strings": { "version": "1.1.0", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "core-util-is": { "version": "1.0.2", @@ -5854,7 +5857,8 @@ "inherits": { "version": "2.0.3", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "ini": { "version": "1.3.5", @@ -5866,6 +5870,7 @@ "version": "1.0.0", "bundled": true, "dev": true, + "optional": true, "requires": { "number-is-nan": "^1.0.0" } @@ -5895,6 +5900,7 @@ "version": "2.3.5", "bundled": true, "dev": true, + "optional": true, "requires": { "safe-buffer": "^5.1.2", "yallist": "^3.0.0" @@ -5913,6 +5919,7 @@ "version": "0.5.1", "bundled": true, "dev": true, + "optional": true, "requires": { "minimist": "0.0.8" } @@ -6006,6 +6013,7 @@ "version": "1.4.0", "bundled": true, "dev": true, + "optional": true, "requires": { "wrappy": "1" } @@ -6091,7 +6099,8 @@ "safe-buffer": { "version": "5.1.2", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "safer-buffer": { "version": "2.1.2", @@ -6127,6 +6136,7 @@ "version": "1.0.2", "bundled": true, "dev": true, + "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -6146,6 +6156,7 @@ "version": "3.0.1", "bundled": true, "dev": true, + "optional": true, "requires": { "ansi-regex": "^2.0.0" } @@ -6189,12 +6200,14 @@ "wrappy": { "version": "1.0.2", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "yallist": { "version": "3.0.3", "bundled": true, - "dev": true + "dev": true, + "optional": true } } }, @@ -11281,7 +11294,8 @@ "ansi-regex": { "version": "2.1.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "aproba": { "version": "1.2.0", @@ -11324,7 +11338,8 @@ "code-point-at": { "version": "1.1.0", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "concat-map": { "version": "0.0.1", @@ -11335,7 +11350,8 @@ "console-control-strings": { "version": "1.1.0", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "core-util-is": { "version": "1.0.2", @@ -11452,7 +11468,8 @@ "inherits": { "version": "2.0.3", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "ini": { "version": "1.3.5", @@ -11464,6 +11481,7 @@ "version": "1.0.0", "bundled": true, "dev": true, + "optional": true, "requires": { "number-is-nan": "^1.0.0" } @@ -11493,6 +11511,7 @@ "version": "2.3.5", "bundled": true, "dev": true, + "optional": true, "requires": { "safe-buffer": "^5.1.2", "yallist": "^3.0.0" @@ -11511,6 +11530,7 @@ "version": "0.5.1", "bundled": true, "dev": true, + "optional": true, "requires": { "minimist": "0.0.8" } @@ -11604,6 +11624,7 @@ "version": "1.4.0", "bundled": true, "dev": true, + "optional": true, "requires": { "wrappy": "1" } @@ -11689,7 +11710,8 @@ "safe-buffer": { "version": "5.1.2", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "safer-buffer": { "version": "2.1.2", @@ -11725,6 +11747,7 @@ "version": "1.0.2", "bundled": true, "dev": true, + "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -11744,6 +11767,7 @@ "version": "3.0.1", "bundled": true, "dev": true, + "optional": true, "requires": { "ansi-regex": "^2.0.0" } @@ -11787,12 +11811,14 @@ "wrappy": { "version": "1.0.2", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "yallist": { "version": "3.0.3", "bundled": true, - "dev": true + "dev": true, + "optional": true } } }, diff --git a/src/app/app.module.ts b/src/app/app.module.ts index d448b962..acab3a8e 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -41,6 +41,7 @@ import {PollGraphicComponent} from './poll-graphic/poll-graphic.component'; import {AdminComponent} from './pages/admin/admin.component'; import {SelectorComponent} from './ui/selector/selector.component'; +import { VotingComponent } from './pages/voting/voting.component'; export class MyMissingTranslationHandler implements MissingTranslationHandler { handle(params: MissingTranslationHandlerParams) { @@ -79,6 +80,7 @@ export function HttpLoaderFactory(http: HttpClient) { VoteChoiceComponent, AdminComponent, SelectorComponent, + VotingComponent, ], imports: [ diff --git a/src/app/config/Routes.ts b/src/app/config/Routes.ts index 52360ff5..23aee81d 100644 --- a/src/app/config/Routes.ts +++ b/src/app/config/Routes.ts @@ -11,7 +11,7 @@ import {BaseComponent} from '../pages/base-page/base.component'; import {HomeComponent} from "../pages/home/home.component"; import {PollGraphicComponent} from '../poll-graphic/poll-graphic.component'; import {VoteChoiceComponent} from "../vote-choice/vote-choice.component"; - +import {VotingComponent} from "../pages/voting/voting.component"; /** * each step in the form is a component */ @@ -32,5 +32,6 @@ export const Routes = {path: 'step/end', component: EndConfirmationComponent}, {path: 'graphic/:poll', component: PollGraphicComponent}, {path: 'votechoice', component: VoteChoiceComponent}, + {path: 'voting', component: VotingComponent}, ] ; diff --git a/src/app/pages/voting/voting.component.html b/src/app/pages/voting/voting.component.html new file mode 100644 index 00000000..d961dfde --- /dev/null +++ b/src/app/pages/voting/voting.component.html @@ -0,0 +1,21 @@ +

Nom du sondage

+

crée par piou

+

Pokem ipsum dolor sit amet Electric Cottonee Scratch Leech Life Ice Berry Ducklett. Leaf Green Durant Zoroark Skitty Rock Luxio Surskit. Glacier Badge Fuchsia City Team Rocket Ferroseed Cranidos Exeggcute Entei. Dig Thunder Badge Exeggcute Mightyena Milotic Mantyke Drapion. Hydro Pump Silver Treecko Missingno Growlithe Wingull Registeel.

+
+ + + + + + + + +

Pour l'instant, le choix ayant reçu le plus grand nombre de votes est : +- Vendredi 6 juillet +- Samedi 7 août +

+ + +

Les commentaires

+ +
diff --git a/src/app/pages/voting/voting.component.scss b/src/app/pages/voting/voting.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/src/app/pages/voting/voting.component.spec.ts b/src/app/pages/voting/voting.component.spec.ts new file mode 100644 index 00000000..8a0a0c2c --- /dev/null +++ b/src/app/pages/voting/voting.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { VotingComponent } from './voting.component'; + +describe('VotingComponent', () => { + let component: VotingComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ VotingComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(VotingComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/voting/voting.component.ts b/src/app/pages/voting/voting.component.ts new file mode 100644 index 00000000..c8ec8c96 --- /dev/null +++ b/src/app/pages/voting/voting.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'framadate-voting', + templateUrl: './voting.component.html', + styleUrls: ['./voting.component.scss'] +}) +export class VotingComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} From a53322b441be5cdf882777e92909205e91008445 Mon Sep 17 00:00:00 2001 From: Le Libre Au Quotidien Date: Mon, 2 Dec 2019 11:52:06 +0100 Subject: [PATCH 2/6] Complete HTML --- src/app/pages/voting/voting.component.html | 23 ++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/src/app/pages/voting/voting.component.html b/src/app/pages/voting/voting.component.html index d961dfde..03b09568 100644 --- a/src/app/pages/voting/voting.component.html +++ b/src/app/pages/voting/voting.component.html @@ -17,5 +17,28 @@

Les commentaires

+

+ Pikachu + le 26 novembre 2019 + Rock Luxio Surskit. Glacier Badge +

+

+ Bulbizarre + le 23 décembre 2019 + Pokem ipsum dolor sit amet Electric Cottonee Scratch Leech Life Ice Berry Ducklett. Leaf Green Durant Zoroark Skitty Rock Luxio Surskit. Glacier Badge +

+

Laisser un commentaire

+ + + + + +

Partager le sondage

+ + +

Exporter/Imprimer

+ + From 3e372d6f53b7dc8e06d26bc8295663505f958def Mon Sep 17 00:00:00 2001 From: Le Libre Au Quotidien Date: Mon, 2 Dec 2019 12:34:03 +0100 Subject: [PATCH 3/6] CSS Part --- src/app/pages/voting/voting.component.html | 15 ++++++++---- src/app/pages/voting/voting.component.scss | 28 ++++++++++++++++++++++ 2 files changed, 38 insertions(+), 5 deletions(-) diff --git a/src/app/pages/voting/voting.component.html b/src/app/pages/voting/voting.component.html index 03b09568..d74e3a48 100644 --- a/src/app/pages/voting/voting.component.html +++ b/src/app/pages/voting/voting.component.html @@ -1,10 +1,13 @@ -

Nom du sondage

-

crée par piou

-

Pokem ipsum dolor sit amet Electric Cottonee Scratch Leech Life Ice Berry Ducklett. Leaf Green Durant Zoroark Skitty Rock Luxio Surskit. Glacier Badge Fuchsia City Team Rocket Ferroseed Cranidos Exeggcute Entei. Dig Thunder Badge Exeggcute Mightyena Milotic Mantyke Drapion. Hydro Pump Silver Treecko Missingno Growlithe Wingull Registeel.

+

Nom du sondage

+ +

crée par piou

+ +

Pokem ipsum dolor sit amet Electric Cottonee Scratch Leech Life Ice Berry Ducklett. Leaf Green Durant Zoroark Skitty Rock Luxio Surskit. Glacier Badge Fuchsia City Team Rocket Ferroseed Cranidos Exeggcute Entei. Dig Thunder Badge Exeggcute Mightyena Milotic Mantyke Drapion. Hydro Pump Silver Treecko Missingno Growlithe Wingull Registeel.

+
- +
@@ -22,11 +25,13 @@ le 26 novembre 2019 Rock Luxio Surskit. Glacier Badge

-

+

+

Bulbizarre le 23 décembre 2019 Pokem ipsum dolor sit amet Electric Cottonee Scratch Leech Life Ice Berry Ducklett. Leaf Green Durant Zoroark Skitty Rock Luxio Surskit. Glacier Badge

+

Laisser un commentaire

diff --git a/src/app/pages/voting/voting.component.scss b/src/app/pages/voting/voting.component.scss index e69de29b..4cd0c9c1 100644 --- a/src/app/pages/voting/voting.component.scss +++ b/src/app/pages/voting/voting.component.scss @@ -0,0 +1,28 @@ +@import "../../../assets/scss/variables"; +form{ + display:flex; + margin:auto; + flex-direction: column; +} +.row{ + flex-direction: row; +} +label{ + font-weight: 600; +} +.comment{ + border-left:6px solid $ugly-purple ; +} +.cname{ + padding-left:17px; + font-weight: bold; +} +.btn{ + max-width: 300px; +} +.next{ + max-width:150px; +} +input[type=text],textarea{ + max-width:350px; +} From 07f5d60b95e87c5393061a2c443a8d4f3b66e285 Mon Sep 17 00:00:00 2001 From: Le Libre Au Quotidien Date: Mon, 2 Dec 2019 19:19:31 +0100 Subject: [PATCH 4/6] Other css part --- src/app/pages/voting/voting.component.html | 6 ++++-- src/app/pages/voting/voting.component.scss | 20 ++++++++++++++++++-- 2 files changed, 22 insertions(+), 4 deletions(-) diff --git a/src/app/pages/voting/voting.component.html b/src/app/pages/voting/voting.component.html index d74e3a48..bc714d30 100644 --- a/src/app/pages/voting/voting.component.html +++ b/src/app/pages/voting/voting.component.html @@ -13,9 +13,11 @@ -

Pour l'instant, le choix ayant reçu le plus grand nombre de votes est : -- Vendredi 6 juillet +

Pour l'instant, le choix ayant reçu le plus grand nombre de votes est : +

  • - Vendredi 6 juillet +
  • - Samedi 7 août +

    • diff --git a/src/app/pages/voting/voting.component.scss b/src/app/pages/voting/voting.component.scss index 4cd0c9c1..580123f5 100644 --- a/src/app/pages/voting/voting.component.scss +++ b/src/app/pages/voting/voting.component.scss @@ -3,15 +3,21 @@ form{ display:flex; margin:auto; flex-direction: column; + align-items: flex-start; } .row{ flex-direction: row; } label{ font-weight: 600; + font-size: 18px; } -.comment{ +.comment,.prefered{ border-left:6px solid $ugly-purple ; + padding-left: 5px; + margin-top:25px; + margin-bottom: 25px; + flex-wrap: wrap; } .cname{ padding-left:17px; @@ -21,8 +27,18 @@ label{ max-width: 300px; } .next{ - max-width:150px; + max-width:200px; } input[type=text],textarea{ max-width:350px; } +li{ + list-style-type: none; +} +h2{ + +} +.next{ + align-self: flex-end; + margin-bottom:50px; +} From d3a7a37d4db51e2aaddae9180c7c4d6dc8413444 Mon Sep 17 00:00:00 2001 From: Le Libre Au Quotidien Date: Tue, 10 Dec 2019 11:23:01 +0100 Subject: [PATCH 5/6] push --- src/app/pages/voting/voting.component.html | 11 +++++------ src/app/pages/voting/voting.component.scss | 23 +++++++++++++++++++++- src/assets/scss/atoms/_fonts.scss | 5 ++++- 3 files changed, 31 insertions(+), 8 deletions(-) diff --git a/src/app/pages/voting/voting.component.html b/src/app/pages/voting/voting.component.html index bc714d30..0780b5bc 100644 --- a/src/app/pages/voting/voting.component.html +++ b/src/app/pages/voting/voting.component.html @@ -4,7 +4,7 @@

    crée par piou

    Pokem ipsum dolor sit amet Electric Cottonee Scratch Leech Life Ice Berry Ducklett. Leaf Green Durant Zoroark Skitty Rock Luxio Surskit. Glacier Badge Fuchsia City Team Rocket Ferroseed Cranidos Exeggcute Entei. Dig Thunder Badge Exeggcute Mightyena Milotic Mantyke Drapion. Hydro Pump Silver Treecko Missingno Growlithe Wingull Registeel.

    -
    +
    @@ -24,16 +24,15 @@

    Les commentaires

    Pikachu - le 26 novembre 2019 + le 26 novembre 2019 Rock Luxio Surskit. Glacier Badge

    -
    -

    +

    Bulbizarre le 23 décembre 2019 Pokem ipsum dolor sit amet Electric Cottonee Scratch Leech Life Ice Berry Ducklett. Leaf Green Durant Zoroark Skitty Rock Luxio Surskit. Glacier Badge

    -
    +

    Laisser un commentaire

    @@ -42,7 +41,7 @@

    Partager le sondage

    - +

    Exporter/Imprimer

    diff --git a/src/app/pages/voting/voting.component.scss b/src/app/pages/voting/voting.component.scss index 580123f5..c1fda46f 100644 --- a/src/app/pages/voting/voting.component.scss +++ b/src/app/pages/voting/voting.component.scss @@ -3,7 +3,8 @@ form{ display:flex; margin:auto; flex-direction: column; - align-items: flex-start; + align-items: center; + justify-content: flex-start; } .row{ flex-direction: row; @@ -19,6 +20,12 @@ label{ margin-bottom: 25px; flex-wrap: wrap; } +.comment{ + display:flex; +} +.commeny span{ + flex-direction: row; +} .cname{ padding-left:17px; font-weight: bold; @@ -42,3 +49,17 @@ h2{ align-self: flex-end; margin-bottom:50px; } +textarea{ + height:213px; + margin-bottom:20px; +} +.name{ + margin-bottom:50px; + margin-top:50px; +} +label{ +align-items: flex-start; +} +.nobold{ + font-weight: normal; +} diff --git a/src/assets/scss/atoms/_fonts.scss b/src/assets/scss/atoms/_fonts.scss index 52a10675..2bf29958 100644 --- a/src/assets/scss/atoms/_fonts.scss +++ b/src/assets/scss/atoms/_fonts.scss @@ -60,4 +60,7 @@ h4, h5, h6 { font-family: $title_font, "Brie Light", "Arial", "DejaVu Sans Mono"; -} \ No newline at end of file +} +.nobold{ + font-weight: normal; +} From 73b9d496e68db9c0bdb49e1f53fc3a25129c97eb Mon Sep 17 00:00:00 2001 From: Le Libre Au Quotidien Date: Sun, 29 Dec 2019 18:35:15 +0100 Subject: [PATCH 6/6] =?UTF-8?q?=F0=9F=8E=89=F0=9F=8E=89=20Page=20termin?= =?UTF-8?q?=C3=A9e=20=F0=9F=8E=89=F0=9F=8E=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/pages/voting/voting.component.html | 43 +++++--- src/app/pages/voting/voting.component.scss | 6 ++ src/app/pages/voting/voting.component.ts | 5 +- src/assets/scss/atoms/_buttons.scss | 6 ++ src/assets/scss/useful_classes.scss | 114 +++++++++++++++++++++ 5 files changed, 158 insertions(+), 16 deletions(-) diff --git a/src/app/pages/voting/voting.component.html b/src/app/pages/voting/voting.component.html index 0780b5bc..c9bd84ac 100644 --- a/src/app/pages/voting/voting.component.html +++ b/src/app/pages/voting/voting.component.html @@ -1,5 +1,6 @@ - -

    Nom du sondage

    + + +

    Nom du sondage

    crée par piou

    @@ -12,7 +13,8 @@ - + +

    Pour l'instant, le choix ayant reçu le plus grand nombre de votes est :

  • - Vendredi 6 juillet
  • @@ -20,31 +22,44 @@

    • - -

    Les commentaires

    + +

    Les commentaires

    Pikachu - le 26 novembre 2019 + le 26 novembre 2019 Rock Luxio Surskit. Glacier Badge

    Bulbizarre - le 23 décembre 2019 + le 23 décembre 2019 Pokem ipsum dolor sit amet Electric Cottonee Scratch Leech Life Ice Berry Ducklett. Leaf Green Durant Zoroark Skitty Rock Luxio Surskit. Glacier Badge

    -

    Laisser un commentaire

    +

    Laisser un commentaire

    - + -

    Partager le sondage

    - - -

    Exporter/Imprimer

    - +

    Partager le sondage

    + + +

    Exporter/Imprimer

    + +
    +

    Participation validée !

    +

    Votre vote a bien été pris en compte, mais faites attention : ce sondage n'autorise l'édition de votre vote qu'avec le lien personnalisé suivant :

    +

    https://framadate.org/urladmindusondage

    + +

    Conservez-le précieusement !

    + + + +
    +
    + +
    diff --git a/src/app/pages/voting/voting.component.scss b/src/app/pages/voting/voting.component.scss index c1fda46f..4db27213 100644 --- a/src/app/pages/voting/voting.component.scss +++ b/src/app/pages/voting/voting.component.scss @@ -6,6 +6,12 @@ form{ align-items: center; justify-content: flex-start; } + +.popup{ + display:flex; + flex-direction: column; + z-index:2222222222; +} .row{ flex-direction: row; } diff --git a/src/app/pages/voting/voting.component.ts b/src/app/pages/voting/voting.component.ts index c8ec8c96..f99c6102 100644 --- a/src/app/pages/voting/voting.component.ts +++ b/src/app/pages/voting/voting.component.ts @@ -6,8 +6,9 @@ import { Component, OnInit } from '@angular/core'; styleUrls: ['./voting.component.scss'] }) export class VotingComponent implements OnInit { - - constructor() { } + show_mask=true; + constructor() { + } ngOnInit() { } diff --git a/src/assets/scss/atoms/_buttons.scss b/src/assets/scss/atoms/_buttons.scss index 881cf7d0..c1b631c8 100644 --- a/src/assets/scss/atoms/_buttons.scss +++ b/src/assets/scss/atoms/_buttons.scss @@ -31,6 +31,12 @@ &--primary { @include btnTheme($primary_color); } + &--black-text { + color:black; + } + &--purple { + background-color:$pale-purple; + } &--alert { @include btnTheme($red); diff --git a/src/assets/scss/useful_classes.scss b/src/assets/scss/useful_classes.scss index c19b4116..69bb9730 100644 --- a/src/assets/scss/useful_classes.scss +++ b/src/assets/scss/useful_classes.scss @@ -8,3 +8,117 @@ .pull-right { float: right; } +/*Btm paddings*/ +.padding-btm-x1{ + padding-bottom:10px; +} +.padding-btm-x2{ + padding-bottom:20px; +} +.padding-btm-x3{ + padding-bottom:30px; +} +.padding-btm-x4{ + padding-bottom:40px; +} +.padding-btm-x5{ + padding-bottom:50px; +} +.padding-btm-x6{ + padding-bottom:60px; +} +.padding-btm-x7{ + padding-bottom:70px; +} +.padding-btm-x8{ + padding-bottom:80px; +} +/*Btm margins*/ +.margin-btm-x1{ + margin-bottom:10px; +} +.margin-btm-x2{ + margin-bottom:20px; +} +.margin-btm-x3{ + margin-bottom:30px; +} +.margin-btm-x4{ + margin-bottom:40px; +} +.margin-btm-x5{ + margin-bottom:50px; +} +.margin-btm-x6{ + margin-bottom:60px; +} +.margin-btm-x7{ + margin-bottom:70px; +} +.margin-btm-x8{ + margin-bottom:80px; +} +/*Top paddings*/ +.padding-top-x1{ + padding-top:10px; +} +.padding-top-x2{ + padding-top:20px; +} +.padding-top-x3{ + padding-top:30px; +} +.padding-top-x4{ + padding-top:40px; +} +.padding-top-x5{ + padding-top:50px; +} +.padding-top-x6{ + padding-top:60px; +} +.padding-top-x7{ + padding-top:70px; +} +.padding-top-x8{ + padding-top:80px; +} +/*Top margins*/ +.margin-top-x1{ + margin-top:10px; +} +.margin-top-x2{ + margin-top:20px; +} +.margin-top-x3{ + margin-top:30px; +} +.margin-top-x4{ + margin-top:40px; +} +.margin-top-x5{ + margin-top:50px; +} +.margin-top-x6{ + margin-top:60px; +} +.margin-top-x7{ + margin-top:70px; +} +.margin-top-x8{ + margin-top:80px; +} +.text-14{ + font-size: 14px; +} + +/*Pour masquer la page lors de l'apparition d'une popup*/ +.rgba-black{ +position: fixed; +inset: 0px; + width: 100vw; +height: 100vh; +border: medium none; +z-index: 2147483647; +background-color: rgba(216, 216, 216, 0.4); + }