mobile responsive design and many design fixes

adapt CSS to be either responsive, or specific to mobiles
add mobile menu icon to show the hidden menu on touch
add optimized language bar menu for mobiles
remove 1200px width workaround for the wallet page, description now fit on 1
remove links on wallet icons for :hover compatibility with mobile devices
move right buttons into the page (fixes #67)
fix contributors plugin to produce W3C valid HTML
drop useless classes like .list
clean and organize CSS
add icon for ios touch devices (fixes #111)
This commit is contained in:
Saivann 2013-04-01 16:34:55 -04:00
parent 3e2463928c
commit 9d590e098b
15 changed files with 500 additions and 326 deletions

View file

@ -1,3 +1,4 @@
function cancelEvent(e){if(!e)var e=window.event;(e.preventDefault)?e.preventDefault():e.returnValue=false;}
function supportsSVG(){
//Old FF 3.5 and Safari 3 versions have a very poor svg support
//http://www.w3.org/TR/SVG11/feature#Image Defeat FF 3.5 only
@ -34,7 +35,17 @@ for(var i=0,nd=document.getElementsByTagName('*'),n=nd.length;i<n;i++){
if(d.style.backgroundImage!='')d.style.backgroundImage=d.style.backgroundImage.replace('bubblewarn','bubble');
for(var ii=0,as=d.parentNode.getElementsByTagName('A'),nn=as.length;ii<nn;ii++){if(as[ii].parentNode==d.parentNode){var dd=as[ii];break;}}
for(var ii=0,as=s.parentNode.getElementsByTagName('A'),nn=as.length;ii<nn;ii++){if(as[ii].parentNode==s.parentNode){var ss=as[ii];break;}}
dd.href=ss.href;
dd.innerHTML=ss.innerHTML;
}
}
function mobileshow(e){
cancelEvent(e);
var mm=document.getElementById('menu');
var mf=document.getElementById('menufor');
var ml=document.getElementById('langselect');
var t=document.getElementById('menumobile');
if(mf.style.display=='block'){mf.style.display='';mm.style.display='';ml.style.display='';}
else{mf.style.display='block';mm.style.display='block';ml.style.display='inline-block';}
t.parentNode.removeChild(t);
return false;
}