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"> <div id="bottombar">
<a href="https://twitter.com/share" class="twitter-share-button" data-hashtags="hextris">Tweet</a> <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> <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> </div>
</body> </body>
</html> </html>

39
style/style.css
View file

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