| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Obsidian Style Fixed</title>
- <script src="https://cdn.tailwindcss.com"></script>
- <style>
- :root {
- --bg-main: #161616;
- --bg-card: #1c1c1c;
- --border: #303030;
- --text-muted: #a3a3a3;
- --text-faint: #666666;
- --accent: #9974d0;
- --code-bg: #000000;
- }
- body {
- background-color: var(--bg-main);
- color: #dcddde;
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
- line-height: 1.6;
- }
- /* Scoping everything inside a container to avoid global mess */
- .obsidian-content {
- max-width: 850px;
- margin: 40px auto;
- background: var(--bg-card);
- padding: 4rem;
- border-radius: 8px;
- border: 1px solid var(--border);
- box-shadow: 0 20px 50px rgba(0,0,0,0.3);
- }
- /* Direct Tag Styling */
- h1 { color: var(--accent); font-size: 4rem!important; font-weight: 700; margin-bottom: 1.5rem; }
- h2 { color: var(--accent); font-size: 1.5rem; border-bottom: 1px solid var(--border); padding-bottom: 8px; margin-top: 2.5rem; margin-bottom: 1rem; }
- h3 { color: var(--text-muted); font-size: 1.1rem; text-transform: uppercase; letter-spacing: 1px; margin-top: 1.5rem; }
-
- p { margin-bottom: 1.2rem; color: #bdbdbd; }
- strong { color: #fff; font-weight: 600; }
-
- hr { border: 0; border-top: 1px solid var(--border); margin: 3rem 0; }
- /* Code Block Styling */
- pre {
- background-color: var(--code-bg) !important;
- padding: 1.5rem;
- border-radius: 6px;
- border: 1px solid var(--border);
- overflow-x: auto;
- margin: 1.5rem 0;
- }
- code {
- font-family: 'Consolas', 'Monaco', monospace;
- font-size: 0.95rem;
- color: #e0e0e0;
- }
- /* List Styling */
- ul { list-style: none; padding-left: 0; }
- li::before { content: "•"; color: var(--accent); font-weight: bold; display: inline-block; width: 1em; margin-left: 0; }
- /* Table Styling */
- table { width: 100%; border-collapse: collapse; margin: 2rem 0; font-size: 0.9rem; }
- th { text-align: left; padding: 12px; background: #252525; border: 1px solid var(--border); color: var(--accent); }
- td { padding: 12px; border: 1px solid var(--border); }
- </style>
- </head>
- <body class="p-4 md:p-12">
- <div class="obsidian-content">
- <h1>{{.Titlu}}</h1>
- {{.HTML}}
- </body>
- </html>
|
