Files
Mozilla/mozilla/minimo/components/ssr/smallScreen.css
dougt%meer.net f43757c7dc implementing an interface to control SSR.
adding menu item to allow user to control SSR.
moved site specific css hacks to sites.css
experimenting with urlbar autocomplete.  Something is still a bit off in popup handling.

MINIMO ONLY.


git-svn-id: svn://10.0.0.236/trunk@178528 18797224-902f-48f8-a5cc-f745e15eee43
2005-08-21 01:17:59 +00:00

91 lines
2.0 KiB
CSS
Executable File

* {
/* 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;
}
ul,ol {
display: block ! important;
}
li {
display: list-item ! important;
}
a {
background-image: none ! important;
}
img[src*="spacer"] {
display: none ! important;
}
*:focus
{
-moz-outline: 3px solid #FFFF00 !important;
-moz-outline-offset: 1px !important;
-moz-outline-radius: 3px !important;
}
textarea:focus, button:focus, select:focus, input:focus
{
-moz-outline-offset: -1px !important;
}
input[type="radio"]:focus
{
-moz-outline-radius: 8px !important;
-moz-outline-offset: 0px !important;
}