Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Website: Fix focus outline on screenshot link.

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
template.jst
View File

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

6
web.css
View File

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