Update CSS

This commit is contained in:
Hajime Hoshi 2015-01-06 11:34:54 +09:00
parent 72d0a12757
commit 1782bedb71
2 changed files with 37 additions and 21 deletions

View File

@ -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}}

View File

@ -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>