css update

themes/pagedirectory/views/layout/main.php

@@ -19,8 +19,8 @@ require_once __DIR__ . '/../../../../plugins/Html.php';
 
     <div class="header">
         <a href="/" class="logo">
-            <img src="/content/machete_icon.png" alt="Logo of FileSite.io" height="34">
-            FileSite.io
+            <img src="/content/machete_icon.png" alt="Logo of 站长手册" height="34">
+            站长手册
         </a>
         <a href="#modal_about" role="button" class="about btn-open">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="24" height="24"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M191.1 224c0-17.72-14.34-32.04-32-32.04L144 192c-35.34 0-64 28.66-64 64.08v47.79C80 339.3 108.7 368 144 368H160c17.66 0 32-14.36 32-32.06L191.1 224zM256 0C112.9 0 4.583 119.1 .0208 256L0 296C0 309.3 10.75 320 23.1 320S48 309.3 48 296V256c0-114.7 93.34-207.8 208-207.8C370.7 48.2 464 141.3 464 256v144c0 22.09-17.91 40-40 40h-110.7C305 425.7 289.7 416 272 416H241.8c-23.21 0-44.5 15.69-48.87 38.49C187 485.2 210.4 512 239.1 512H272c17.72 0 33.03-9.711 41.34-24H424c48.6 0 88-39.4 88-88V256C507.4 119.1 399.1 0 256 0zM368 368c35.34 0 64-28.7 64-64.13V256.1C432 220.7 403.3 192 368 192l-16 0c-17.66 0-32 14.34-32 32.04L320 335.9C320 353.7 334.3 368 352 368H368z"/></svg>

www/css/pagedirectory.css

@@ -2,7 +2,7 @@
 body{background-color:#202124;color: #e8eaed;font-family: Roboto,HelveticaNeue,Arial,sans-serif;font-size: small;margin: 0}
 a{color: #aaadb2;text-decoration: none}
 .header{padding:10px 10px 0 10px;position: relative;}
-.header .logo{display: inline-block;margin:10px 10px 6px 10px;font-size: 1.86em;color: #e8eaed}
+.header .logo{display: inline-block;margin:10px 10px 6px 10px;font-size: 1.65em;color: #e8eaed}
 .header .logo img{vertical-align: middle;}
 .indexes{position:fixed;min-width:68px;top: 80px;left: 4px;bottom: 100px;background-color: #2b2c2e;padding: 5px 5px 10px 5px;border-radius: 5px;max-height:500px;overflow-y: auto;}
 .indexes a{display: block;line-height: 2;font-size: 16px;font-weight: 500;}
@@ -31,18 +31,11 @@ a{color: #aaadb2;text-decoration: none}
 
 /* for mobile */
 @media only screen and (max-width: 767px) {
-    .menu{max-width:96%;font-size: 15px}
-    .img-item{margin-left: 0;margin-right: 0;width: 100%}
-    .img-item img{height: auto !important;width: 100% !important}
-    .img-item strong{font-size: 14px;}
-    .url-group .url{width: 110px}
+    .url-group .url{width: 120px;margin-right: 7px}
 }
 @media only screen and (min-width: 540px) and (max-width: 767px) {
-    .img-item{width: 48%;margin-right: 5px;}
+    .url-group .url{width: 128px;margin-right: 7px}
 }
-
-/* for pad */
-@media only screen and (min-width: 768px) and (max-width: 1024px) {
-    .menu{font-size: 14px}
-    .img-item strong{font-size: 13px;}
+@media only screen and (max-width: 360px) {
+    .url-group .url{width: 114px;margin-right: 6px}
 }