]> i-scream Git - www.i-scream.org.git/blob - www/styles/handheld.css
Separate div for adverts so they can be removed from small screen and
[www.i-scream.org.git] / www / styles / handheld.css
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 }