|
|
|
|
@ -61,28 +61,7 @@
|
|
|
|
|
|
|
|
|
|
<title>停留所のNexTrip情報</title>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
* { box-sizing: border-box; }
|
|
|
|
|
@media screen and (min-width: 780px) {
|
|
|
|
|
body { max-width: 768px; margin: 0 auto; }
|
|
|
|
|
}
|
|
|
|
|
h1, h2, h3 { margin-bottom: 0.5rem; }
|
|
|
|
|
h2 { border-bottom: 1px solid gray; margin-bottom: 0.5rem; }
|
|
|
|
|
hr { border: none; border-top: 1px solid gray; }
|
|
|
|
|
.alert { margin-left: 0; padding-left: 1rem; border-left: 3px solid black; }
|
|
|
|
|
.alert.success { border-color: lime; }
|
|
|
|
|
.alert.info { border-color: blue; }
|
|
|
|
|
.alert.warning { border-color: gold; }
|
|
|
|
|
.alert.danger { border-color: red; }
|
|
|
|
|
.btn.danger, span.danger { color: red; }
|
|
|
|
|
.btn.warning, span.warning { color: gold; }
|
|
|
|
|
.unstyled-list { list-style: none; padding-left: 0; }
|
|
|
|
|
.inline-list { list-style: none; margin-top: 0; }
|
|
|
|
|
.inline-list li { display: inline-block; }
|
|
|
|
|
.grid-wrapper { display: grid; grid-template-columns: repeat(auto-fill, 100px); }
|
|
|
|
|
.d-flex { display: -webkit-flex; display: -moz-flex; display: flex; }
|
|
|
|
|
.flex-fill { -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; flex: 1 1 auto; }
|
|
|
|
|
</style>
|
|
|
|
|
<link href="style.css" rel="stylesheet">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<?php
|
|
|
|
|
|
Pk11
2 years ago