Project

General

Profile

1 4082 daigle
/*
2 4080 daigle
  *   '$RCSfile$'
3
  *     Purpose: Default style sheet for KNB project web pages
4
  *              Using this stylesheet rather than placing styles directly in
5
  *              the KNB web documents allows us to globally change the
6
  *              formatting styles of the entire site in one easy place.
7
  *   Copyright: 2008 Regents of the University of California and the
8
  *               National Center for Ecological Analysis and Synthesis
9
  *     Authors: Michael Daigle
10
  *
11
  *    '$Author$'
12
  *      '$Date$'
13
  *  '$Revision$'
14
  *
15
  * This program is free software; you can redistribute it and/or modify
16
  * it under the terms of the GNU General Public License as published by
17
  * the Free Software Foundation; either version 2 of the License, or
18
  * (at your option) any later version.
19
  *
20
  * This program is distributed in the hope that it will be useful,
21
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
22
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
23
  * GNU General Public License for more details.
24
  *
25
  * You should have received a copy of the GNU General Public License
26
  * along with this program; if not, write to the Free Software
27
  * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
28
  */
29
body {
30
	font-family: Arial, sans-serif;
31
	font-size: 11pt;
32
	margin-left: 30px;
33
	margin-right: 30px;
34
	width: 700px;
35
}
36
37
h2 {
38
	margin-top: 30px;
39
	margin-bottom: 10px;
40
}
41
42
h3 {
43
	margin-top: 8px;
44
	margin-bottom: 8px;
45
}
46
47
input {
48
	padding-left: 4px;
49
	width: 400px;
50
}
51
52
input[type="submit"] {
53
	width: 100px;
54
	margin-right: 5px;
55
	margin-top: 20px;
56
}
57
58
input[type="radio"] {
59
	margin-bottom: 4px;
60 4100 daigle
	width: 13px;
61 4080 daigle
}
62
63 4082 daigle
input[type="checkbox"] {
64
	width: 13px;
65
}
66
67 4080 daigle
label {
68
	font-size: 12pt;
69
}
70
71
table {
72
	margin-left: auto;
73
	margin-right: auto;
74
}
75
76 4100 daigle
.config-line {
77
	color: #dddddd;
78
	background-color: #dddddd;
79
	height: 1px;
80
}
81
82 5010 daigle
.username-input {
83
	width: 500px;
84
}
85
86 4080 daigle
.login-input {
87 4585 daigle
	width: 300px;
88 4080 daigle
}
89
90
br {
91
	clear: left;
92
}
93
94 4585 daigle
br.auth-header {
95 4080 daigle
	margin-bottom: 80px;
96
}
97
98
br.main-header {
99
	margin-bottom: 70px;
100
}
101
102
br.skins-header {
103
	margin-bottom: 50px;
104
}
105
106
.button {
107
	width: 100px;
108
	margin-right: 5px;
109
	margin-top: 20px;
110
}
111
112
.left-button {
113
	width: 100px;
114
	margin-left: 275px;
115
	margin-right: 5px;
116
	margin-top: 20px;
117
}
118
119
.warning {
120
	color: red;
121
}
122
123
.heading-comment {
124
	margin-bottom: 0px;
125
}
126
127
.small-message {
128
	margin-top: 10px;
129
	font-size: 11px;
130
}
131
132
.message-text {
133
	font-size: 9pt;
134
	font-weight: bold;
135
	color: blue;
136
	margin-bottom: 5px;
137
}
138
139
.success-text {
140
	font-size: 9pt;
141
	font-weight: bold;
142
	color: green;
143 4082 daigle
	margin-bottom: 5px;
144 4080 daigle
}
145
146
.error-text {
147
	font-size: 9pt;
148
	color: red;
149
	margin-bottom: 5px;
150
}
151
152
.error-header {
153
	font-size: 9pt;
154
	font-weight: bold;
155
	color: red;
156
}
157
158
.formfield-error-text {
159
	font-size: 9pt;
160
	color: red;
161
	margin-bottom: 5px;
162
}
163
164
.formfield-error-header {
165
	font-size: 9pt;
166
	font-weight: bold;
167
	color: red;
168
}
169
170
.configured-tag {
171
	color: green;
172
	width: 115px;
173
	height: 30px;
174
}
175
176
.unconfigured-tag {
177
	color: red;
178
	width: 125px;
179
	height: 30px;
180
}
181
182
.property-title {
183
	font-weight: bolder;
184
	font-size: 12pt;
185
	width: 300px;
186
}
187
188
.skin-name {
189 4082 daigle
	font-size: 14pt;
190
	width: 300px;
191 4080 daigle
}
192
193
.smaller-text {
194 4082 daigle
	font-size: smaller;
195
	display: inline;
196 4080 daigle
}
197
198
.configure-link {
199
	font-size: 11pt;
200 4258 daigle
}
201
202
.hiding-section {
203
	display: none;
204
	width: 100%;
205
	margin-left: 2em;
206
}
207
208
.checkradio {
209
	text-align: left;
210
	vertical-align: middle;
211
	width: 3em;
212
}
213
214
.checkradio-label {
215
	text-align: left;
216
	vertical-align: middle;
217
	margin-left: 1em;
218
}
219
220
.checkradio-label-inline {
221
 	display: inline;
222
	vertical-align: middle;
223
}
224
225
.checkradio-description {
226
	margin-left: 4.25em;
227
	color: gray;
228
	font-size: 11;
229
}
230
231
.textinput {
232
	margin-left: 1em;
233
	vertical-align: middle;
234
	width: 30em;
235
}
236
237
.textinput-label {
238
	text-align: right;
239
	vertical-align: middle;
240
	float: left;
241
	width: 200px;
242
}
243
244
.textinput-description {
245
	margin-left: 210px;
246
	color: gray;
247
	font-size: 11;
248
}
249
250
.question-mark {
251
	float: right;
252
	vertical-align: middle;
253 4279 daigle
	margin-right: 5px;
254 4258 daigle
}
255
256
.form-row {
257
	margin-top: .5em;
258
}