ViewVC Help
View File | Revision Log | Show Annotations | Revision Graph | Root Listing
root/i-scream/web/www/styles/handheld.css
Revision: 1.1
Committed: Sat Nov 20 18:22:50 2004 UTC (19 years, 11 months ago) by tdb
Content type: text/css
Branch: MAIN
Log Message:
First stab at CSS file for handhelds. Pretty much the same as the normal
CSS file, except the left menu now appears below the body text (with the
text shifted to the left edge) and some images have been removed.

File Contents

# User Rev Content
1 tdb 1.1 html,body {
2     background: #ffffff;
3     color: #000000;
4     font-family: sans-serif;
5     font-size: small;
6     margin: 0px;
7     padding: 0px;
8     }
9    
10     /* Contains the entire of the page */
11     #container {
12     padding: 0px;
13     }
14    
15     /* Contains the menu */
16     #menu {
17     margin: 5px;
18     background: #eeeeFF;
19     color: #000000;
20     border: 1px solid #000066;
21     }
22     #menu .cornerlogo {
23     display: none;
24     }
25     #menu .heading {
26     background: #000066;
27     color: #ffffff;
28     margin: 0px;
29     padding: 3px;
30     }
31     #menu .logo {
32     display: none;
33     }
34     #menu ul {
35     margin: 5px;
36     padding: 5px 0px 5px 0px;
37     text-align: center;
38     list-style: none;
39     }
40    
41     /* Contains the main page - including header and footer */
42     #main {
43     padding: 0px;
44     }
45    
46     /* Contains the header */
47     #header {
48     padding: 0px;
49     display: none;
50     }
51    
52     /* Contains the footer */
53     #footer {
54     padding: 10px 0px 10px 0px;
55     }
56     #footer p {
57     text-align: center;
58     font-size: x-small;
59     }
60    
61     /* Contains the body text of the page */
62     #contents {
63     padding: 0px 15px 0px 15px;
64     }
65     #contents .top {
66     margin-top: 0px;
67     }
68     #contents h1 {
69     padding: 5px;
70     margin: 30px -15px 20px -15px;
71     background: #eeeeff;
72     border-bottom: 5px solid #000066;
73     color: #000066;
74     }
75     #contents h2 {
76     padding: 4px;
77     margin: 20px -10px 20px -10px;
78     background: #eeeeff;
79     color: #000000;
80     border-bottom: 2px solid #000066;
81     }
82     #contents h3 {
83     padding-top: 5px;
84     margin: 10px -5px 10px -5px;
85     border-bottom: 1px solid #000066;
86     }
87     #contents pre {
88     border-left: 2px solid #ff0000;
89     margin-left: 5px;
90     padding-left: 5px;
91     background: #f0f0f0;
92     color: #000000;
93     /*font-size: larger;*/
94     }
95     #topnav {
96     margin: -15px -10px 0px 0px;
97     padding: 0px;
98     background: transparent;
99     color: #000000;
100     }
101     #topnav ul {
102     padding-left: 0px;
103     margin-left: 0px;
104     display: inline;
105     }
106     #topnav li {
107     padding: 3px;
108     list-style: none;
109     display: inline;
110     }
111     #cvslog div {
112     border: 2px solid #000066;
113     margin: 15px 0px 15px 0px;
114     }
115     #cvslog div.logitemfirst {
116     margin: 0px;
117     padding: 5px 0px 5px 0px;
118     border: 0px;
119     }
120     #cvslog div.logitem {
121     margin: 0px;
122     padding: 5px 0px 5px 0px;
123     border: 0px;
124     border-top: 1px dashed #000066;
125     }
126     #cvslog h3 {
127     background: #000066;
128     color: #ffffff;
129     margin: 0px;
130     padding: 3px;
131     }
132     #cvslog a.cvsloghead {
133     color: #ffffff;
134     }
135     #cvslog p {
136     margin: 0px;
137     padding: 5px;
138     }
139     #cvslog pre {
140     padding: 5px;
141     margin: 10px;
142     }
143    
144     /* All images have no border */
145     img {
146     border: 0px;
147     }
148    
149     /* For when we want to hide something to CSS browsers */
150     .invisible {
151     display: none;
152     }