* { /* on a small screen, we need to use a readable font */ font-size: small ! important; } /* for all elements but the root element and the body, let's */ /* cancel all annoying document's settings */ * { /* first cancel all size settings */ width: auto ! important; height: auto ! important; /* and make the width adjust to screen layout for the device */ max-width: 100% ! important; /* max-heights should not apply to small screens */ max-height: none ! important; /* remove all positioning */ position: static ! important; /* remove all positioning offsets */ top: auto ! important; left: auto ! important; /* and cancel floats */ float: none ! important; /* margins and paddings have to be changed */ padding: 0px ! important; margin: 0px ! important; /* avoid overflow on pre and table cells */ white-space: normal ! important; } table,tbody,thead,tfoot,tr,td,th,col,colgroup { /* we need to "flatten" all tables */ display: block ! important; } img[width="1"], img[height="1"],img[width="468"], img[height="600"] { /* let's get rid of 1 pixel wide/high images */ /* and of std formats of ads ; current ads formats are */ /* too big for small screens */ display: none ! important; } li { /* better placement of the bullet on a small screen */ list-style-position: inside ! important; } :-moz-any-link { /* we need to make anchors more visible */ text-decoration: underline !important; }