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, 8 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

# Content
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 width: 100pc;
19 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 #menu .logo img {
36 display: none;
37 }
38 #menu ul {
39 margin: 5px;
40 padding: 5px 0px 5px 0px;
41 text-align: center;
42 list-style: none;
43 }
44 #menu br {
45 display: none;
46 }
47
48 /* Contains the main page - including header and footer */
49 #main {
50 margin-left: 0px;
51 padding: 0px;
52 position: relative;
53 }
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 /* Contains adverts */
71 #advert {
72 display: none;
73 }
74
75 /* 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 text-align: left;
89 }
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 text-align: left;
114 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 }