diff --git a/themes/pagedirectory/views/layout/main.php b/themes/pagedirectory/views/layout/main.php index d96c8e8..945488e 100644 --- a/themes/pagedirectory/views/layout/main.php +++ b/themes/pagedirectory/views/layout/main.php @@ -19,8 +19,8 @@ require_once __DIR__ . '/../../../../plugins/Html.php';
diff --git a/www/css/pagedirectory.css b/www/css/pagedirectory.css index fe1e743..a4e55e3 100644 --- a/www/css/pagedirectory.css +++ b/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} } \ No newline at end of file