|
|
@ -2,7 +2,7 @@ |
|
|
|
body{background-color:#202124;color: #e8eaed;font-family: Roboto,HelveticaNeue,Arial,sans-serif;font-size: small;margin: 0} |
|
|
|
body{background-color:#202124;color: #e8eaed;font-family: Roboto,HelveticaNeue,Arial,sans-serif;font-size: small;margin: 0} |
|
|
|
a{color: #aaadb2;text-decoration: none} |
|
|
|
a{color: #aaadb2;text-decoration: none} |
|
|
|
.header{padding:10px 10px 0 10px;position: relative;} |
|
|
|
.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;} |
|
|
|
.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{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;} |
|
|
|
.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 */ |
|
|
|
/* for mobile */ |
|
|
|
@media only screen and (max-width: 767px) { |
|
|
|
@media only screen and (max-width: 767px) { |
|
|
|
.menu{max-width:96%;font-size: 15px} |
|
|
|
.url-group .url{width: 120px;margin-right: 7px} |
|
|
|
.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} |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
@media only screen and (min-width: 540px) and (max-width: 767px) { |
|
|
|
@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} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@media only screen and (max-width: 360px) { |
|
|
|
/* for pad */ |
|
|
|
.url-group .url{width: 114px;margin-right: 6px} |
|
|
|
@media only screen and (min-width: 768px) and (max-width: 1024px) { |
|
|
|
|
|
|
|
.menu{font-size: 14px} |
|
|
|
|
|
|
|
.img-item strong{font-size: 13px;} |
|
|
|
|
|
|
|
} |
|
|
|
} |