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 4080 daigle
.login-input {
83 4585 daigle
	width: 300px;
84 4080 daigle
}
85
86
br {
87
	clear: left;
88
}
89
90 4585 daigle
br.auth-header {
91 4080 daigle
	margin-bottom: 80px;
92
}
93
94
br.main-header {
95
	margin-bottom: 70px;
96
}
97
98
br.skins-header {
99
	margin-bottom: 50px;
100
}
101
102
.button {
103
	width: 100px;
104
	margin-right: 5px;
105
	margin-top: 20px;
106
}
107
108
.left-button {
109
	width: 100px;
110
	margin-left: 275px;
111
	margin-right: 5px;
112
	margin-top: 20px;
113
}
114
115
.warning {
116
	color: red;
117
}
118
119
.heading-comment {
120
	margin-bottom: 0px;
121
}
122
123
.small-message {
124
	margin-top: 10px;
125
	font-size: 11px;
126
}
127
128
.message-text {
129
	font-size: 9pt;
130
	font-weight: bold;
131
	color: blue;
132
	margin-bottom: 5px;
133
}
134
135
.success-text {
136
	font-size: 9pt;
137
	font-weight: bold;
138
	color: green;
139 4082 daigle
	margin-bottom: 5px;
140 4080 daigle
}
141
142
.error-text {
143
	font-size: 9pt;
144
	color: red;
145
	margin-bottom: 5px;
146
}
147
148
.error-header {
149
	font-size: 9pt;
150
	font-weight: bold;
151
	color: red;
152
}
153
154
.formfield-error-text {
155
	font-size: 9pt;
156
	color: red;
157
	margin-bottom: 5px;
158
}
159
160
.formfield-error-header {
161
	font-size: 9pt;
162
	font-weight: bold;
163
	color: red;
164
}
165
166
.configured-tag {
167
	color: green;
168
	width: 115px;
169
	height: 30px;
170
}
171
172
.unconfigured-tag {
173
	color: red;
174
	width: 125px;
175
	height: 30px;
176
}
177
178
.property-title {
179
	font-weight: bolder;
180
	font-size: 12pt;
181
	width: 300px;
182
}
183
184
.skin-name {
185 4082 daigle
	font-size: 14pt;
186
	width: 300px;
187 4080 daigle
}
188
189
.smaller-text {
190 4082 daigle
	font-size: smaller;
191
	display: inline;
192 4080 daigle
}
193
194
.configure-link {
195
	font-size: 11pt;
196 4258 daigle
}
197
198
.hiding-section {
199
	display: none;
200
	width: 100%;
201
	margin-left: 2em;
202
}
203
204
.checkradio {
205
	text-align: left;
206
	vertical-align: middle;
207
	width: 3em;
208
}
209
210
.checkradio-label {
211
	text-align: left;
212
	vertical-align: middle;
213
	margin-left: 1em;
214
}
215
216
.checkradio-label-inline {
217
 	display: inline;
218
	vertical-align: middle;
219
}
220
221
.checkradio-description {
222
	margin-left: 4.25em;
223
	color: gray;
224
	font-size: 11;
225
}
226
227
.textinput {
228
	margin-left: 1em;
229
	vertical-align: middle;
230
	width: 30em;
231
}
232
233
.textinput-label {
234
	text-align: right;
235
	vertical-align: middle;
236
	float: left;
237
	width: 200px;
238
}
239
240
.textinput-description {
241
	margin-left: 210px;
242
	color: gray;
243
	font-size: 11;
244
}
245
246
.question-mark {
247
	float: right;
248
	vertical-align: middle;
249 4279 daigle
	margin-right: 5px;
250 4258 daigle
}
251
252
.form-row {
253
	margin-top: .5em;
254
}