improved desktop UI
[mardrone] / www / style.css
1 body {
2         background: white;
3         font-family: Verdana, sans-serif;
4         font-size: 13px;
5         color: black;
6         margin: 0px;
7 }
8
9 div, img {
10         margin: 0;
11         padding: 0;
12         border: none;
13 }
14
15 #wrap {
16         margin-left: auto;
17         margin-right: auto;
18         width: 800px;
19         background: url('images/borders.png') repeat-y;
20 }
21
22 #intro   {
23         align: center;
24 }
25
26 #header {
27         height: 131px;
28         background: url('images/top.png') no-repeat;
29
30 }
31 #header h1 {
32         valign:center;
33         margin-top:140px;
34         padding-top:40px;
35         font-weight: bold;
36         font-size: 30pt;  
37         text-align: center;
38 }                          
39
40
41 #counter {
42         text-align: right;
43         margin: 0 10px 0 11px;
44 }
45 #nav {
46         background: #E5E4E5;
47         text-align: center;
48         vertical-align: middle;
49         margin: 0 10px 0 11px;
50         height: 2em;
51 }
52
53 #nav a {
54         color: black;
55         line-height: 2em;
56 vv      padding: 0 5px 0 5px;
57         text-decoration: none;
58 }
59
60 #nav a:hover, #nav a.selected {
61         color: black;
62         background: #AFDC3B;
63 }
64
65 #version{
66         text-align: right;
67         font-size: x-small;
68         margin: 0 10px 0 11px;
69         background: #C5E76F;
70         
71 }
72
73 #version a:hover, #nav a.selected {
74         color: #FF9600;
75         background: #AFDC3B;
76 }
77
78 #version a {
79         color: #FF9600;
80 }
81
82 #news {
83         margin:20px;
84         font-weight: bold;
85         text-align: center;
86         background: #AFDC3B;
87 }
88
89 #news-content{
90         font-weight: normal;
91         margin: 2px;
92         text-align: left;
93         background: #c5e76f;
94 }
95 #content {
96         padding: 0 5% 0 4%;
97         line-height: 1.6;
98         font-family: Verdana, Arial, Helvetica, sans-serif;
99         margin:20px;
100 }
101
102 #content h3 {
103         margin-left: -5px;
104 }
105
106
107 #content p:first-letter {
108         margin-left: 1em;
109 }
110
111 #content a {
112         text-decoration: none;
113         color: #fa9f0f;
114 }
115
116 #content a:hover {
117         text-decoration: underline;
118 }
119
120 #content a.top {
121         font-size: x-small;
122         float: right;
123 }
124
125 #content img {
126         vertical-align:top;     
127 }
128
129 #footer {
130         background: url('images/bottom.png') no-repeat;
131         height: 127px;
132         text-align: center;
133         font-size: xx-small;
134         padding: 0px 24px 0 25px;
135 }
136
137 #footer a {
138         text-decoration: underline;
139 }
140
141 #footer a:hover {
142         color: white;
143 }
144
145 #footer p {
146         padding-top: 20px;
147 }
148
149 h2 {
150         font-weight: normal;
151         border-bottom: 1px solid #E5E4E5;
152 }
153
154 pre {
155         margin: 0 1em 0 1em;
156         padding: 5px;
157         background: #EFEFEF;
158         border: 1px #CCCCCC;
159         border-style: solid none solid;
160 }
161
162 dl {
163         margin-left: 1em;
164         margin-top: 0.2em;
165         margin-bottom: 0.5em;
166 }
167
168 dt {
169         font-weight: bold;
170         margin-bottom: 0.1em;
171 }
172
173 dd {
174         line-height: 1.5em;
175         margin-left: 2em;
176         margin-bottom: 0.1em;
177 }
178
179 abbr, acronym {
180         border-bottom: 1px dotted black;
181         cursor: help;
182         letter-spacing: normal;
183 }
184
185 table {
186         font-size: 100%;
187         margin: 0em;
188 }
189
190 .category { margin: 0px; padding: 0px; font-size: 14pt; }
191 .devpanel { }
192 .userpanel { border-left: solid 1px #e5e4e5; }
193 .artpanel { border-left: solid 1px #e5e4e5; }
194 .formDataHeader { text-align: right; border-right: 1px solid #DADDE0; }
195 .mandatoryFormDataHeader { text-align: right; border-right: 1px solid #DADDE0; color: red; }
196 .box { font-size: 9pt; background-color: #FFFFFF; border: solid 1px #DADDE0; }
197 .openBox { background-color: #FFFFFF; border: solid 1px black; border-top: none; }
198 .explanatoryText {  font-size: x-small; color: #777777; }