ViewVC Help
View File | Revision Log | Show Annotations | Revision Graph | Root Listing
root/i-scream/web/www/styles/handheld.css
Revision: 1.3
Committed: Wed Mar 8 15:35:14 2006 UTC (18 years, 9 months ago) by tdb
Content type: text/css
Branch: MAIN
Changes since 1.2: +5 -0 lines
Log Message:
Separate div for adverts so they can be removed from small screen and
print layouts.

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