+documentation page on project web-page
[liquid-graphic] / www / style.css
1 * { margin:0; padding:0; }
2 body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
3
4 BODY {
5         background-color: #d7d7d7;
6         padding: 0 0; 
7         font-family: "arial",sans-serif; 
8         font-size: 13px;
9         line-height:24px;
10         color: #3a3a3a; 
11         text-align: center; 
12 }
13
14 #container {    
15         padding-top: 5px;
16 }
17
18 #layout { 
19   width:780px; 
20   margin:0 auto; 
21   text-align:left; 
22 }
23
24 .header {
25     background-color: #d47129;  
26         margin-bottom: 4px;    
27     position:relative; 
28     padding-left: 7px;
29 }
30
31 .content {
32         padding-left: 15px;
33         padding-bottom: 0;
34         padding-right: 0;
35         padding-top: 0;
36         margin-bottom: 2px;    
37         float: left;
38     width:700px;
39     z-index: 10;
40 }
41
42
43 .logo {
44         text-decoration: none;
45         color: white;
46         font-family: Impact, 'Techno CE', sans-serif;
47         font-weight: normal;
48     position: relative; 
49     overflow: hidden; 
50     height: 110px;
51     font-size:300%;
52     margin: 0;
53     line-height: 130px;
54 }
55
56 .logo a {
57         text-decoration: none; 
58         color: white;
59 }
60
61 #menu {
62         text-align: center; 
63         position: relative; 
64         z-index:2; 
65         border: 1px solid gray; 
66         border-right: none; 
67         border-left: none; 
68         padding: 7px 0;  
69         margin:0 auto;
70 }
71
72 #menu ul {
73         text-align: center; 
74         margin:0; 
75         padding:0; 
76         list-style:none;
77 }
78
79 #menu ul li {
80         text-align: center;
81         float:left; 
82         display:inline; 
83         margin:0; 
84         padding:0;
85 }
86
87 #menu ul li a {
88         text-align: center;
89     font-size: 19px;
90     font-weight: bold;
91     display: block; 
92     color: #3a3a3a;
93     text-decoration: none;
94     float: left; /*\*/ float:none; 
95     padding: 7px 50px 7px 39px;
96     line-height: 18px;      
97 }
98
99 #menu ul li a span {
100         text-align: center;
101     background-color: #d7d7d7;
102     font-size: 11px;
103     font-weight: normal;
104     color: white;
105 }
106         
107 #menu ul li a:hover {
108     text-align: center;
109     background-color: #d7d7d7;
110     color: white;
111 }
112
113 #menu ul li#active a {
114     text-align: center;
115 }
116
117 p { margin-left: 0; margin-bottom: 10px; margin-right: 0; margin-top: 10px; }
118
119 .box { 
120         min-height:1px; 
121 }
122
123 .box:after { 
124         display:block; 
125         visibility:hidden; 
126         clear:both; 
127         line-height:0; 
128         font-size:0; 
129         content:"."; 
130 }
131
132 #footer {
133         border-top-color: gray;
134     clear:both;
135     height: 77px;
136     margin-top: 20px;
137     border-top: 1px solid;
138     padding:10px 3px;
139     color: white;
140     font-size: 90%;
141 }
142
143 .f-right {
144         float:right;
145 }
146
147 #footer a {
148     color: white;
149 }
150     
151 #footer p { 
152         margin:0; 
153         padding-top:10px; 
154 }
155
156 hr {
157         border: solid gray 1px;
158 }
159
160 ul, ol { margin-left: 40px; margin-bottom: 2px; margin-right: 0; margin-top: 0px; display:block; }
161
162 ol { list-style-type:decimal; }
163 ol ol { list-style-type:upper-alpha; }
164 ol ol ol {list-style-type:lower-alpha; }
165 li { display:list-item; }
166 ul li a { text-decoration:underline; }
167
168 a {color: #6633FF;}
169 a:link {}
170 a:hover {color:white ; text-decoration: none;}
171
172 code {
173         background-color: #f2f2f2;
174         padding-left: 15px;
175         padding-bottom: 0;
176         padding-right: 0;
177         padding-top: 0;
178         margin-bottom: 2px; 
179         margin-left: 16px;   
180         float: left;    
181         border: 1px dashed gray;
182         font-family:monospace; 
183         font-size:110%;
184         width: 700px;
185 }
186
187 .inner_hr {
188         border: 1px inset;
189 }
190
191 .doc_img {
192         border: 1px white solid;
193         padding: 2px;
194 }
195