build0004

static/script.js

@@ -0,0 +1,10 @@
+function adapt() {
+    if(/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)){
+        var ytvid = document.querySelector('#ytvid');
+        var widthScreen = document.documentElement.clientWidth
+        var widthVid = Math.round(widthScreen / 100 * 80) + "px";
+        var heightVid = Math.round((widthScreen / 100 * 80) / 1280 * 720) + "px";
+        ytvid.width = widthVid;
+        ytvid.height = heightVid;
+    }
+  }

static/style.css

@@ -0,0 +1,79 @@
+body {
+    text-align: center;
+    color: white;
+    background-color: #0e0e0e;
+    margin-top: 0px;
+    margin-bottom: 0px;
+    margin-left: 0px;
+    margin-right: 0px;
+}
+
+summary {
+    color: deeppink;
+}
+
+hr {
+    color: #ffffff;
+}
+
+img {
+    width: 100%;
+}
+
+ul {
+    list-style-position: inside;
+}
+
+a {
+    color: deeppink; /* Цвет ссылок */
+}
+a:visited {
+    color: purple; /* Цвет посещенных ссылок */
+}
+a:active {
+    color: pink; /* Цвет активных ссылок */
+}
+
+#lista {
+    text-align: left;
+}
+
+#bodydiv {
+    margin-left: 2%;
+    margin-right: 2%;
+    height: 100%;
+}
+
+.titlediv {
+    /* NULL */
+}
+
+.contentdiv {
+    /* NULL */
+}
+
+.copyright {
+    bottom: 1em;
+    right: 1em;
+    text-align: center;
+    }
+
+#maindiv {
+    background-color: black;
+    margin-top: 0px;
+}
+@media only screen and (min-width : 801px) {
+    #maindiv {
+        width: 60%;
+        margin-left: 20%;
+        margin-right: 20%;
+    }
+}
+    
+@media only screen and (max-width : 800px) {
+    #maindiv {
+        width: 100%;
+        margin-left: 0%;
+        margin-right: 0%;
+    }
+}