doc: Adjust CSS

This commit is contained in:
Hajime Hoshi 2016-08-27 03:43:55 +09:00
parent eb6ac1949e
commit da30ee0e60
3 changed files with 28 additions and 18 deletions

View File

@ -56,7 +56,7 @@
<div class="row"> <div class="row">
{{range .Examples -}} {{range .Examples -}}
<div class="col-md-3"> <div class="col-md-3">
<a class="thumbnail" href="examples/{{.Name}}.html"><img src="images/examples/{{.Name}}.png" width="{{.ThumbWidth}}" height="{{.ThumbHeight}}" alt="Ebiten example: {{.Name}}" class="example"></a> <a class="thumbnail" scrolling="no" href="examples/{{.Name}}.html"><img src="images/examples/{{.Name}}.png" width="{{.ThumbWidth}}" height="{{.ThumbHeight}}" alt="Ebiten example: {{.Name}}" class="example"></a>
</div> </div>
{{- end}} {{- end}}
</div> </div>

View File

@ -55,37 +55,37 @@
<h2 id="examples">Examples</h2> <h2 id="examples">Examples</h2>
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
<a class="thumbnail" href="examples/alphablending.html"><img src="images/examples/alphablending.png" width="320" height="240" alt="Ebiten example: alphablending" class="example"></a> <a class="thumbnail" scrolling="no" href="examples/alphablending.html"><img src="images/examples/alphablending.png" width="320" height="240" alt="Ebiten example: alphablending" class="example"></a>
</div><div class="col-md-3"> </div><div class="col-md-3">
<a class="thumbnail" href="examples/audio.html"><img src="images/examples/audio.png" width="320" height="240" alt="Ebiten example: audio" class="example"></a> <a class="thumbnail" scrolling="no" href="examples/audio.html"><img src="images/examples/audio.png" width="320" height="240" alt="Ebiten example: audio" class="example"></a>
</div><div class="col-md-3"> </div><div class="col-md-3">
<a class="thumbnail" href="examples/font.html"><img src="images/examples/font.png" width="320" height="240" alt="Ebiten example: font" class="example"></a> <a class="thumbnail" scrolling="no" href="examples/font.html"><img src="images/examples/font.png" width="320" height="240" alt="Ebiten example: font" class="example"></a>
</div><div class="col-md-3"> </div><div class="col-md-3">
<a class="thumbnail" href="examples/hsv.html"><img src="images/examples/hsv.png" width="320" height="240" alt="Ebiten example: hsv" class="example"></a> <a class="thumbnail" scrolling="no" href="examples/hsv.html"><img src="images/examples/hsv.png" width="320" height="240" alt="Ebiten example: hsv" class="example"></a>
</div><div class="col-md-3"> </div><div class="col-md-3">
<a class="thumbnail" href="examples/hue.html"><img src="images/examples/hue.png" width="320" height="240" alt="Ebiten example: hue" class="example"></a> <a class="thumbnail" scrolling="no" href="examples/hue.html"><img src="images/examples/hue.png" width="320" height="240" alt="Ebiten example: hue" class="example"></a>
</div><div class="col-md-3"> </div><div class="col-md-3">
<a class="thumbnail" href="examples/gamepad.html"><img src="images/examples/gamepad.png" width="320" height="240" alt="Ebiten example: gamepad" class="example"></a> <a class="thumbnail" scrolling="no" href="examples/gamepad.html"><img src="images/examples/gamepad.png" width="320" height="240" alt="Ebiten example: gamepad" class="example"></a>
</div><div class="col-md-3"> </div><div class="col-md-3">
<a class="thumbnail" href="examples/keyboard.html"><img src="images/examples/keyboard.png" width="320" height="240" alt="Ebiten example: keyboard" class="example"></a> <a class="thumbnail" scrolling="no" href="examples/keyboard.html"><img src="images/examples/keyboard.png" width="320" height="240" alt="Ebiten example: keyboard" class="example"></a>
</div><div class="col-md-3"> </div><div class="col-md-3">
<a class="thumbnail" href="examples/masking.html"><img src="images/examples/masking.png" width="320" height="240" alt="Ebiten example: masking" class="example"></a> <a class="thumbnail" scrolling="no" href="examples/masking.html"><img src="images/examples/masking.png" width="320" height="240" alt="Ebiten example: masking" class="example"></a>
</div><div class="col-md-3"> </div><div class="col-md-3">
<a class="thumbnail" href="examples/mosaic.html"><img src="images/examples/mosaic.png" width="320" height="240" alt="Ebiten example: mosaic" class="example"></a> <a class="thumbnail" scrolling="no" href="examples/mosaic.html"><img src="images/examples/mosaic.png" width="320" height="240" alt="Ebiten example: mosaic" class="example"></a>
</div><div class="col-md-3"> </div><div class="col-md-3">
<a class="thumbnail" href="examples/noise.html"><img src="images/examples/noise.png" width="320" height="240" alt="Ebiten example: noise" class="example"></a> <a class="thumbnail" scrolling="no" href="examples/noise.html"><img src="images/examples/noise.png" width="320" height="240" alt="Ebiten example: noise" class="example"></a>
</div><div class="col-md-3"> </div><div class="col-md-3">
<a class="thumbnail" href="examples/paint.html"><img src="images/examples/paint.png" width="320" height="240" alt="Ebiten example: paint" class="example"></a> <a class="thumbnail" scrolling="no" href="examples/paint.html"><img src="images/examples/paint.png" width="320" height="240" alt="Ebiten example: paint" class="example"></a>
</div><div class="col-md-3"> </div><div class="col-md-3">
<a class="thumbnail" href="examples/perspective.html"><img src="images/examples/perspective.png" width="320" height="240" alt="Ebiten example: perspective" class="example"></a> <a class="thumbnail" scrolling="no" href="examples/perspective.html"><img src="images/examples/perspective.png" width="320" height="240" alt="Ebiten example: perspective" class="example"></a>
</div><div class="col-md-3"> </div><div class="col-md-3">
<a class="thumbnail" href="examples/piano.html"><img src="images/examples/piano.png" width="320" height="240" alt="Ebiten example: piano" class="example"></a> <a class="thumbnail" scrolling="no" href="examples/piano.html"><img src="images/examples/piano.png" width="320" height="240" alt="Ebiten example: piano" class="example"></a>
</div><div class="col-md-3"> </div><div class="col-md-3">
<a class="thumbnail" href="examples/rotate.html"><img src="images/examples/rotate.png" width="320" height="240" alt="Ebiten example: rotate" class="example"></a> <a class="thumbnail" scrolling="no" href="examples/rotate.html"><img src="images/examples/rotate.png" width="320" height="240" alt="Ebiten example: rotate" class="example"></a>
</div><div class="col-md-3"> </div><div class="col-md-3">
<a class="thumbnail" href="examples/sprites.html"><img src="images/examples/sprites.png" width="320" height="240" alt="Ebiten example: sprites" class="example"></a> <a class="thumbnail" scrolling="no" href="examples/sprites.html"><img src="images/examples/sprites.png" width="320" height="240" alt="Ebiten example: sprites" class="example"></a>
</div><div class="col-md-3"> </div><div class="col-md-3">
<a class="thumbnail" href="examples/blocks.html"><img src="images/examples/blocks.png" width="256" height="240" alt="Ebiten example: blocks" class="example"></a> <a class="thumbnail" scrolling="no" href="examples/blocks.html"><img src="images/examples/blocks.png" width="256" height="240" alt="Ebiten example: blocks" class="example"></a>
</div> </div>
</div> </div>

View File

@ -4,6 +4,11 @@ body {
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
} }
h1 small {
position: relative;
top: -0.1em;
}
img.example { img.example {
background-color: #000; background-color: #000;
} }
@ -25,3 +30,8 @@ footer {
footer a { footer a {
color: #fff !important; color: #fff !important;
} }
iframe {
border-width: 0;
box-sizing: content-box;
}