Първоначалния сайт

2026-05-09 15:24:31 +03:00
parent a3ac63152e
commit 7465d022cc
133 changed files with 1166579 additions and 0 deletions
@@ -0,0 +1,131 @@
+body {
+    background:#0f0f0f;
+    color:#eee;
+    padding: 30px 12px;
+}
+
+.container img {
+    max-width: 100px;
+    width: 100%;
+    height: auto;
+    display: block;
+    margin: 0 auto;
+}
+
+.section-title {
+    margin: 40px 0 20px;
+    font-size: 1.2rem;
+    font-weight: 700;
+    color:#e9d08b;
+    text-transform: uppercase;
+}
+
+.timeline {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.bubble {
+    background: #1c1c1c;
+    border: 1px solid #3d3d3d;
+    padding: 12px 18px;
+    border-radius: 999px;
+    margin: 6px 0;
+    font-size: 0.95rem;
+    position: relative;
+    max-width: 420px;
+    text-align: center;
+}
+
+.arrow {
+    width: 2px;
+    height: 30px;
+    background: #666;
+    margin: 6px 0;
+    position: relative;
+}
+
+.arrow::after {
+    content: "";
+    position: absolute;
+    bottom: -6px;
+    left: 50%;
+    transform: translateX(-50%);
+    border-left: 6px solid transparent;
+    border-right: 6px solid transparent;
+    border-top: 8px solid #666;
+}
+
+
+/* Разгръщащи се балончета */
+
+.timeline {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+details {
+  margin: 6px 0;
+  max-width: 480px;
+  width: 100%;
+}
+
+summary {
+  background: #1c1c1c;
+  border: 1px solid #3d3d3d;
+  padding: 12px 18px;
+  border-radius: 999px;
+  list-style: none;
+  cursor: pointer;
+  text-align: center;
+  font-size: 0.95rem;
+  position: relative;
+}
+
+summary::-webkit-details-marker {
+  display: none;
+}
+
+/* малка стрелка вдясно */
+summary::after {
+  content: "▾";
+  position: absolute;
+  right: 14px;
+  top: 50%;
+  transform: translateY(-50%);
+  opacity: .7;
+}
+
+details[open] summary::after {
+  content: "▴";
+}
+
+.details-body {
+  margin-top: 10px;
+  background: #131313;
+  border: 1px solid #3d3d3d;
+  border-radius: 18px;
+  padding: 12px 16px;
+  font-size: .9rem;
+}
+
+.arrow {
+  width: 2px;
+  height: 28px;
+  background: #666;
+  margin: 6px 0;
+  position: relative;
+}
+
+.arrow::after {
+  content: "";
+  position: absolute;
+  bottom: -6px;
+  left: 50%;
+  transform: translateX(-50%);
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-top: 8px solid #666;
+}