diff --git a/mozilla/embedding/minimo/package.sh b/mozilla/embedding/minimo/package.sh index 31eebbba756..f4d6dd941be 100755 --- a/mozilla/embedding/minimo/package.sh +++ b/mozilla/embedding/minimo/package.sh @@ -53,3 +53,5 @@ rm -rf skin content locale popd cp all.js $MOZ_OBJDIR/dist/Embed/greprefs/all.js cp README $MOZ_OBJDIR/dist/Embed/ + +cat smallScreen.css >> $MOZ_OBJDIR/dist/Embed/res/ua.css diff --git a/mozilla/embedding/minimo/smallScreen.css b/mozilla/embedding/minimo/smallScreen.css new file mode 100644 index 00000000000..e56cc1d68ae --- /dev/null +++ b/mozilla/embedding/minimo/smallScreen.css @@ -0,0 +1,54 @@ +* { + /* 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; + + /* 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; +}