new index.php

assets/css/styly.css

@@ -0,0 +1,160 @@
+:root {
+    --my-brown: brown;
+    --my-red: red;
+    --my-black: black;
+  }
+  
+  footer {
+    position: fixed;
+    bottom: 0;
+  }
+  
+  body {
+    background-image: url(../../img/005.jpg);
+    background-size: 100%;
+    max-width: 1200px;
+    margin: auto;
+    margin-bottom: 25px;
+    /* obrázek na pozadí */
+    background-attachment: fixed;
+    /* pozadí neroluje */
+    /*background-color: black;  /* případná barva pozadí černá */
+    /*color: white; } /* bílý text */
+  }
+
+  li {
+    color: brown;
+  }
+  
+  li a {
+    color: brown;
+  }
+
+  @media screen and (max-width: 600px) {
+    body {
+      width: calc(100% - 16px);
+      background-image: url(../../img/005.jpg);
+    }
+  }
+  
+  /*flebox*/
+  .flexbox {
+    display: flex;
+    justify-content: flex-start;
+    gap: 45px;
+  }
+  
+  /* <style> */
+  a.tlacitko {
+    /*border-bottom : 1px solid #D1D1D1;*/
+    background-color: transparent;
+    font-size: 10pt;
+    font-family: Arial, Helvetica, sans-serif;
+    width: 160px;
+    /* padding: 0px 5px 0px 5px; */
+    color: #666666;
+    /* margin: 0px 10px 0px 10px; */
+    /* display: block; */
+  }
+  
+  a.tlacitko:link {
+    text-decoration: none;
+    color: var(--my-brown);
+  }
+  
+  a.tlacitko:visited {
+    text-decoration: none;
+    color: var(--my-red);
+  }
+  
+  a.tlacitko:hover {
+    text-decoration: none;
+    /*border-bottom : 1px solid orange;*/
+    color: var(--my-brown);
+  }
+  /* </style> */
+  .dot {
+    list-style-type: none;
+  }
+  
+  @media screen and (max-width: 600px) {
+    .flexbox {
+      flex-direction: column;
+    }
+    .menu {
+      order: -1;
+    }
+  
+    .text-obsah {
+      order: 1;
+    }
+  }
+  
+  @media screen and (max-width: 600px) {
+    .clock {
+      display: flex;
+      display: none;
+    }
+  }
+  
+  
+  /* ˇO mě */
+  .obsah {
+    flex-direction: column;
+    background-color: rgba(250, 250, 250, 0.576);
+    text-align: center;
+    border-radius: 50px;
+  }
+  
+  /* Zvětšení písma */
+  .tlacitko {
+    transition: font-size 0.3s ease;
+  }
+  .tlacitko:hover {
+    font-size: 20px;
+  }
+  
+  p {
+    transition: color 0.3s ease;
+  }
+  
+  p:hover {
+    color: var(--my-brown);
+  }
+
+
+  /* Rozbalovací menu */
+
+  #toggle-list {
+    background-color: #efbdc0;
+    border-radius: 10px;
+  }
+
+  .collapsible-list {
+    list-style-type: none;
+    padding: 0;
+}
+
+.content {
+    padding: 0 18px;
+    display: none;
+    overflow: hidden;
+    background-color: #efbdc0;
+}
+
+#toggle-list1 {
+  background-color: #efbdc0;
+  border-radius: 10px;
+}
+
+.collapsible-list1 {
+  list-style-type: none;
+  padding: 0;
+}
+
+.content1 {
+  padding: 0 18px;
+  display: none;
+  overflow: hidden;
+  background-color: #efbdc0;
+}

assets/js/script.js

@@ -145,3 +145,4 @@ function scrollToTop() {
   document.body.scrollTop = 0; // Pro Safari
   document.documentElement.scrollTop = 0; // Pro ostatní prohlížeče
 }
+