Website: Fix focus outline on screenshot link.

This commit is contained in:
ccd0 2015-03-11 16:02:03 -07:00
parent 774d5ca7fd
commit 1ca069f17e
2 changed files with 5 additions and 3 deletions

View File

@ -15,7 +15,7 @@
<a href="https://github.com/ccd0/4chan-x/issues">Report Bugs</a>
</div>
</div>
<a href="img/screenshot.png"><img class="screenshot" src="img/screenshot.png" alt="screenshot"></a>
<a class="screenshot" href="img/screenshot.png"><img src="img/screenshot.png" alt="screenshot"></a>
<span class="hover"><img src="img/screenshot.png" alt="preview"></span>
<%=
content

View File

@ -28,14 +28,16 @@ h1 {
background-color: #CCC;
font-weight: bold;
}
img.screenshot {
a.screenshot {
display: block;
margin: auto;
}
a.screenshot > img {
width: 640px;
max-width: 100%;
}
@media (min-width: 1120px) {
img.screenshot {
a.screenshot {
float: right;
margin: 0 0 1em 1em;
}