|
Balises : Contenu remplacé Révocation manuelle |
| Ligne 2 : |
Ligne 2 : |
|
| |
|
| <u>Sur Discord</u>: contactez par message privé '''autoban''' ou '''Alexandre'''. | | <u>Sur Discord</u>: contactez par message privé '''autoban''' ou '''Alexandre'''. |
|
| |
|
| |
| <style>
| |
| /* ===== Corpus Juris — Bannière d’accueil ===== */
| |
|
| |
| .cj-hero {
| |
| position: relative;
| |
| overflow: hidden;
| |
| margin: 0 0 2rem 0;
| |
| padding: clamp(2rem, 5vw, 4rem);
| |
| border: 1px solid rgba(120, 120, 120, 0.22);
| |
| border-radius: 18px;
| |
| background:
| |
| linear-gradient(135deg, rgba(30, 64, 115, 0.10), rgba(180, 140, 70, 0.08)),
| |
| #ffffff;
| |
| color: #202122;
| |
| box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
| |
| }
| |
|
| |
| .cj-hero::before {
| |
| content: "";
| |
| position: absolute;
| |
| inset: 0;
| |
| background-image:
| |
| linear-gradient(rgba(120, 120, 120, 0.08) 1px, transparent 1px),
| |
| linear-gradient(90deg, rgba(120, 120, 120, 0.08) 1px, transparent 1px);
| |
| background-size: 28px 28px;
| |
| -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0.45), transparent 75%);
| |
| mask-image: linear-gradient(90deg, rgba(0,0,0,0.45), transparent 75%);
| |
| pointer-events: none;
| |
| }
| |
|
| |
| .cj-hero::after {
| |
| content: "⚖";
| |
| position: absolute;
| |
| right: clamp(1rem, 6vw, 4rem);
| |
| top: 50%;
| |
| transform: translateY(-50%);
| |
| font-size: clamp(6rem, 18vw, 13rem);
| |
| line-height: 1;
| |
| color: rgba(30, 64, 115, 0.08);
| |
| pointer-events: none;
| |
| }
| |
|
| |
| .cj-hero__content {
| |
| position: relative;
| |
| max-width: 760px;
| |
| z-index: 1;
| |
| }
| |
|
| |
| .cj-hero__eyebrow {
| |
| margin: 0 0 0.75rem;
| |
| font-size: 0.82rem;
| |
| font-weight: 700;
| |
| letter-spacing: 0.08em;
| |
| text-transform: uppercase;
| |
| color: #8a641d;
| |
| }
| |
|
| |
| .cj-hero__title {
| |
| margin: 0;
| |
| font-size: clamp(2rem, 5vw, 3.4rem);
| |
| line-height: 1.05;
| |
| font-weight: 800;
| |
| letter-spacing: -0.035em;
| |
| color: #0b3a73;
| |
| }
| |
|
| |
| .cj-hero__subtitle {
| |
| max-width: 620px;
| |
| margin: 1rem 0 0;
| |
| font-size: clamp(1rem, 2vw, 1.18rem);
| |
| line-height: 1.6;
| |
| color: #54595d;
| |
| }
| |
|
| |
| .cj-hero__actions {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 0.75rem;
| |
| margin-top: 1.5rem;
| |
| }
| |
|
| |
| .cj-hero__actions a {
| |
| display: inline-flex;
| |
| align-items: center;
| |
| min-height: 2.4rem;
| |
| padding: 0.55rem 0.95rem;
| |
| border: 1px solid rgba(30, 64, 115, 0.28);
| |
| border-radius: 999px;
| |
| background: rgba(30, 64, 115, 0.08);
| |
| color: #1f4f8f;
| |
| font-weight: 650;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .cj-hero__actions a:first-child {
| |
| background: #0b4f9c;
| |
| border-color: #0b4f9c;
| |
| color: #ffffff;
| |
| }
| |
|
| |
| .cj-hero__actions a:hover {
| |
| background: rgba(30, 64, 115, 0.14);
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .cj-hero__actions a:first-child:hover {
| |
| background: #083f7d;
| |
| }
| |
|
| |
| /* ===== Mode sombre automatique ===== */
| |
|
| |
| @media (prefers-color-scheme: dark) {
| |
| .cj-hero {
| |
| background:
| |
| linear-gradient(135deg, rgba(90, 145, 220, 0.16), rgba(210, 170, 90, 0.10)),
| |
| #101418;
| |
| border-color: rgba(255, 255, 255, 0.14);
| |
| color: #f1f3f5;
| |
| box-shadow: none;
| |
| }
| |
|
| |
| .cj-hero::before {
| |
| background-image:
| |
| linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px),
| |
| linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px);
| |
| }
| |
|
| |
| .cj-hero::after {
| |
| color: rgba(184, 211, 255, 0.08);
| |
| }
| |
|
| |
| .cj-hero__eyebrow {
| |
| color: #d9b76e;
| |
| }
| |
|
| |
| .cj-hero__title {
| |
| color: #d8e8ff;
| |
| }
| |
|
| |
| .cj-hero__subtitle {
| |
| color: #c8ced6;
| |
| }
| |
|
| |
| .cj-hero__actions a {
| |
| border-color: rgba(140, 180, 240, 0.35);
| |
| background: rgba(90, 145, 220, 0.14);
| |
| color: #b8d3ff;
| |
| }
| |
|
| |
| .cj-hero__actions a:first-child {
| |
| background: #2f6fb7;
| |
| border-color: #2f6fb7;
| |
| color: #ffffff;
| |
| }
| |
|
| |
| .cj-hero__actions a:hover {
| |
| background: rgba(90, 145, 220, 0.22);
| |
| }
| |
|
| |
| .cj-hero__actions a:first-child:hover {
| |
| background: #3d82d1;
| |
| }
| |
| }
| |
|
| |
| /* ===== Mobile ===== */
| |
|
| |
| @media (max-width: 720px) {
| |
| .cj-hero {
| |
| padding: 2rem 1.25rem;
| |
| border-radius: 14px;
| |
| }
| |
|
| |
| .cj-hero::after {
| |
| right: -1rem;
| |
| top: auto;
| |
| bottom: -1.5rem;
| |
| transform: none;
| |
| font-size: 7rem;
| |
| }
| |
|
| |
| .cj-hero__actions {
| |
| flex-direction: column;
| |
| align-items: stretch;
| |
| }
| |
|
| |
| .cj-hero__actions a {
| |
| justify-content: center;
| |
| }
| |
| }
| |
| </style>
| |
|
| |
| <section class="cj-hero">
| |
| <div class="cj-hero__content">
| |
| <p class="cj-hero__eyebrow">Corpus Juris | IED</p>
| |
|
| |
| <h1 class="cj-hero__title">
| |
| Le wiki étudiant<br>
| |
| du droit à distance
| |
| </h1>
| |
|
| |
| <p class="cj-hero__subtitle">
| |
| Ressources, méthodes, annales et repères pratiques pour avancer dans votre licence de droit à l’IED.
| |
| </p>
| |
|
| |
| <div class="cj-hero__actions">
| |
| <a href="/index.php/Guide_Etudiant_26-27">Consulter le guide étudiant</a>
| |
| <a href="/index.php/Lisez-moi_!">Bien commencer</a>
| |
| <a href="/index.php/FAQ">Lire la FAQ</a>
| |
| </div>
| |
| </div>
| |
| </section>
| |
Pour contacter l'équipe administratrice de ce Wiki rien de plus simple :
Sur Discord: contactez par message privé autoban ou Alexandre.
