mirror of
https://github.com/hajimehoshi/ebiten.git
synced 2025-01-11 19:48:54 +01:00
Update CSS
This commit is contained in:
parent
72d0a12757
commit
1782bedb71
@ -7,24 +7,32 @@
|
|||||||
body {
|
body {
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
}
|
}
|
||||||
table.examples td {
|
table.examples {
|
||||||
vertical-align: top;
|
border-collapse: separate;
|
||||||
|
border-spacing: 0 1em;
|
||||||
}
|
}
|
||||||
table.examples td.code {
|
table.examples td {
|
||||||
border-color: #999;
|
padding: 0;
|
||||||
border-style: solid;
|
vertical-align: top;
|
||||||
border-width: 1px;
|
|
||||||
}
|
}
|
||||||
table.examples td.code pre {
|
table.examples td.code pre {
|
||||||
height: 240px;
|
height: 240px;
|
||||||
|
margin: 0;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
table.examples iframe {
|
table.examples td.screen {
|
||||||
|
padding-left: 1em;
|
||||||
|
}
|
||||||
|
table.examples iframe, table.examples img {
|
||||||
border-color: #999;
|
border-color: #999;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
pre {
|
||||||
|
background: #eee;
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
<h1>Ebiten (海老天)</h1>
|
<h1>Ebiten (海老天)</h1>
|
||||||
<p>v{{.StableVersion}}</p>
|
<p>v{{.StableVersion}}</p>
|
||||||
@ -56,9 +64,9 @@ table.examples iframe {
|
|||||||
|
|
||||||
{{.Source}}</code></pre></td>
|
{{.Source}}</code></pre></td>
|
||||||
{{if eq .Name "blocks"}}
|
{{if eq .Name "blocks"}}
|
||||||
<td>Click to play!<br><a href="example/blocks.html"><img src="blocks.png" width="{{.Width}}" height="{{.Height}}"></a></td>
|
<td class="screen">Click to play!<br><a href="example/blocks.html"><img src="blocks.png" width="{{.Width}}" height="{{.Height}}"></a></td>
|
||||||
{{else}}
|
{{else}}
|
||||||
<td><iframe src="example/{{.Name}}.html" width="{{.Width}}" height="{{.Height}}"></iframe></td>
|
<td class="screen"><iframe src="example/{{.Name}}.html" width="{{.Width}}" height="{{.Height}}"></iframe></td>
|
||||||
{{end}}
|
{{end}}
|
||||||
</tr>
|
</tr>
|
||||||
{{end}}
|
{{end}}
|
||||||
|
@ -22,24 +22,32 @@ limitations under the License.
|
|||||||
body {
|
body {
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
}
|
}
|
||||||
table.examples td {
|
table.examples {
|
||||||
vertical-align: top;
|
border-collapse: separate;
|
||||||
|
border-spacing: 0 1em;
|
||||||
}
|
}
|
||||||
table.examples td.code {
|
table.examples td {
|
||||||
border-color: #999;
|
padding: 0;
|
||||||
border-style: solid;
|
vertical-align: top;
|
||||||
border-width: 1px;
|
|
||||||
}
|
}
|
||||||
table.examples td.code pre {
|
table.examples td.code pre {
|
||||||
height: 240px;
|
height: 240px;
|
||||||
|
margin: 0;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
table.examples iframe {
|
table.examples td.screen {
|
||||||
|
padding-left: 1em;
|
||||||
|
}
|
||||||
|
table.examples iframe, table.examples img {
|
||||||
border-color: #999;
|
border-color: #999;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
pre {
|
||||||
|
background: #eee;
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
<h1>Ebiten (海老天)</h1>
|
<h1>Ebiten (海老天)</h1>
|
||||||
<p>v1.1.0-alpha</p>
|
<p>v1.1.0-alpha</p>
|
||||||
@ -71,7 +79,7 @@ table.examples iframe {
|
|||||||
|
|
||||||
// Please read example/blocks/main.go and example/blocks/blocks/*.go</code></pre></td>
|
// Please read example/blocks/main.go and example/blocks/blocks/*.go</code></pre></td>
|
||||||
|
|
||||||
<td>Click to play!<br><a href="example/blocks.html"><img src="blocks.png" width="256" height="240"></a></td>
|
<td class="screen">Click to play!<br><a href="example/blocks.html"><img src="blocks.png" width="256" height="240"></a></td>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
@ -122,7 +130,7 @@ func main() {
|
|||||||
}
|
}
|
||||||
</code></pre></td>
|
</code></pre></td>
|
||||||
|
|
||||||
<td><iframe src="example/hue.html" width="320" height="240"></iframe></td>
|
<td class="screen"><iframe src="example/hue.html" width="320" height="240"></iframe></td>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
@ -177,7 +185,7 @@ func main() {
|
|||||||
}
|
}
|
||||||
</code></pre></td>
|
</code></pre></td>
|
||||||
|
|
||||||
<td><iframe src="example/mosaic.html" width="320" height="240"></iframe></td>
|
<td class="screen"><iframe src="example/mosaic.html" width="320" height="240"></iframe></td>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
@ -247,7 +255,7 @@ func main() {
|
|||||||
}
|
}
|
||||||
</code></pre></td>
|
</code></pre></td>
|
||||||
|
|
||||||
<td><iframe src="example/perspective.html" width="320" height="240"></iframe></td>
|
<td class="screen"><iframe src="example/perspective.html" width="320" height="240"></iframe></td>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
@ -299,7 +307,7 @@ func main() {
|
|||||||
}
|
}
|
||||||
</code></pre></td>
|
</code></pre></td>
|
||||||
|
|
||||||
<td><iframe src="example/rotate.html" width="320" height="240"></iframe></td>
|
<td class="screen"><iframe src="example/rotate.html" width="320" height="240"></iframe></td>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user