45 lines
2.8 KiB
HTML
45 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{% block title %}CONCEPT | Nyora{% endblock %}</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
<style>
|
|
* { box-sizing: border-box; }
|
|
html, body { margin: 0; padding: 0; height: 100%; }
|
|
body { font-family: 'Inter', system-ui, sans-serif; background: #0d0d0d; color: #e8e6e3; -webkit-font-smoothing: antialiased; overflow: hidden; }
|
|
::-webkit-scrollbar { width: 10px; height: 10px; }
|
|
::-webkit-scrollbar-thumb { background: #262626; border-radius: 6px; border: 2px solid #0d0d0d; }
|
|
::-webkit-scrollbar-track { background: transparent; }
|
|
input, select, button, textarea { font-family: inherit; outline: none; }
|
|
@keyframes toastIn { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
|
|
@keyframes pulse { 0%,100% { opacity:1; } 50% { opacity:.35; } }
|
|
|
|
.hover-bg-17:hover { background: #171717 !important; color: #e8e6e3 !important; }
|
|
.hover-bg-10:hover { background: #101010 !important; }
|
|
.hover-border-3a:hover { border-color: #3a3a3a !important; color: #e8e6e3 !important; }
|
|
.hover-border-5a:hover { border-color: #5a352f !important; color: #c47a6e !important; }
|
|
.hover-card:hover { background: #151515 !important; border-color: #2c2c2c !important; }
|
|
.hover-btn-add:hover { background: #e08864 !important; }
|
|
|
|
/* NYORA FOOTER */
|
|
.nyora-footer { text-align: center; padding: 1.5rem 1rem 1rem 1rem; width: 100%; margin-top: auto; }
|
|
.nyora-line-top { height: 1px; background: linear-gradient(90deg, transparent, #d4a01a, transparent); margin-bottom: 1rem; opacity: 0.5; }
|
|
.nyora-brand { display: flex; align-items: center; justify-content: center; gap: 0.4rem; margin-bottom: 0.2rem; }
|
|
.nyora-dot { width: 4px; height: 4px; background: #d4a01a; border-radius: 50%; }
|
|
.nyora-name { font-size: 0.75rem; font-weight: 800; letter-spacing: 0.3em; color: #d4a01a; font-family: Georgia, serif; }
|
|
.nyora-tag { font-size: 0.65rem; color: #6a6863; letter-spacing: 0.05em; font-style: italic; }
|
|
|
|
/* Dr Nexum Progress */
|
|
.progress-bar-bg { background: #1c1c1c; height: 6px; border-radius: 3px; overflow: hidden; margin-top: 6px; }
|
|
.progress-bar-fg { height: 100%; border-radius: 3px; transition: width 0.3s; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
{% block content %}{% endblock %}
|
|
</body>
|
|
</html>
|