wbrawner/hextris
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

centered twitter / github buttons at bottom of page

Browse source
This commit is contained in:
lengstrom 2014-07-21 10:12:01 -04:00
parent c3a1941d88
commit d081c5a50d
2 changed files with 25 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -71,7 +71,7 @@
<div id="bottombar">
<a href="https://twitter.com/share" class="twitter-share-button" data-hashtags="hextris">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<iframe src="http://ghbtns.com/github-btn.html?user=Hextris&repo=Hextris&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="71" height="20"></iframe>
<iframe src="http://ghbtns.com/github-btn.html?user=Hextris&repo=Hextris&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="80" height="20"></iframe>
</div>
</body>
</html>

39
style/style.css
View file

@ -168,15 +168,32 @@ and (max-device-width : 480px) {
line-height:1em;
}
#attributions {
color:#232323;
position:absolute;
width:100%;
left: 0%;
top: 70%;
text-align:center;
font-size:1.25em;
z-index:98;
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
and (max-device-width : 580px) {
.centeredHeader {
font-size:2em;
text-align:center;
line-height:0.6em;
}
#attributions {
font-size:.6em;
}
.centeredSubHeader {
font-size:1em;
text-align:center;
@ -262,22 +279,14 @@ body {
-ms-user-select: none;
user-select: none;
}
#bottombar {
padding:0;
position:absolute;
width:100%;
position:fixed;
width:1000px;
text-align:center;
left:0%;
left:50%;
margin-left:-500px;
bottom:10px;
z-index:98;
}
#attributions {
color:#232323;
position:absolute;
width:100%;
left: 0%;
top: 70%;
text-align:center;
font-size:3vmin;
z-index:98;
}
}