drustvene/public_html-drustvene/prosimii-screen.css

/***************************************
 * TITLE: Prosimii Screen Stylesheet   * 
 * URI  : prosimii/prosimii-screen.css *
 * MODIF: 2004-Apr-28 21:43 +0800      *
 ***************************************/


/* ##### Common Styles ##### */

body {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 73%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 9pt;
}

acronym, .titleTip {
  border-bottom: 1px dotted rgb(61,92,122);
  cursor: help;
  margin: 0;
  padding: 0 0 0.4px 0;
}

a {
  color: rgb(61,92,122);
  background-color: transparent;
  text-decoration: underline;
  margin: 0;
  padding: 0 1px 2px 1px;
}

a:hover {
  color: rgb(117,144,174);
  text-decoration: none;
}

ol {
  margin: 1em 0 1.5em 0;
  padding: 0;
}

ul {
  list-style-type: square;
  margin: 1em 0 1.5em 0;
  padding: 0;
}

dl {
  margin: 1em 0 0.5em 0;
  padding: 0;
}

ul li {
  line-height: 1.5em;
  margin: 1.25ex 0 0 1.5em;
  padding: 0;
}

ol li {
  line-height: 1.5em;
  margin: 1.25ex 0 0 2em;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 1ex 0;
}

dd {
  line-height: 1.75em;
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}

.doNotDisplay {
  display: none !important;
}


.smallCaps {
  font-size: 117%;
  font-variant: small-caps;
}


/* ##### Header ##### */

.superHeader {
  color: rgb(130,128,154);
  background-color: rgb(33,50,66);
  text-align: right;
  margin: 0;
  padding: 0.5ex 10px;
}

.superHeader span {
  color: rgb(195,196,210);
  background-color: transparent;
  font-weight: bold;
  text-transform: uppercase;
}

.superHeader a {
  color: rgb(195,196,210);
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0 0.25ex 0 0;
}

.superHeader a:hover {
  color: rgb(193,102,90);
  background-color: transparent;
  text-decoration: none;
}

.midHeader {
  color: white;
  background-color: rgb(61,92,122);
  margin: 0;
  padding: 0.26ex 10px;
}

.headerTitle {
  font-size: 200%;
  margin: 0;
  padding: 0;
}

.headerSubTitle {
  font-size: 151%;
  font-weight: normal;
  font-style: italic;
  margin: 0 0 1ex 0;
  padding: 0;
}

.headerLinks {
  text-align: right;
  margin: 0;
  padding: 0 0 2ex 0;
  position: absolute;
  right: 1.5em;
  top: 3.5em;
}

.headerLinks a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0 0 0.5ex 0;
  display: block;
}

.headerLinks a:hover {
  color: rgb(195,196,210);
  background-color: transparent;
  text-decoration: underline;
}

.subHeader {
  color: white;
  background-color: rgb(117,144,174);
  margin: 0;
  padding: 0.5ex 10px;
}

.subHeader a, .subHeader .highlight {
  color: white;
  background-color: transparent;
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
  margin: 0;
  padding: 0 0.25ex 0 0;
}

.subHeader a:hover, .subHeader .highlight {
  color: rgb(255,204,0);
  background-color: transparent;
  text-decoration: none;
}


/* ##### Main Copy ##### */

#main-copy {
  margin: 0;
  padding: 0.5em 10px;
  clear: left;
}

#main-copy h1 {
  color: rgb(117,144,174);
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-size: 200%;
  margin: 0;
  padding: 0;
}

#main-copy h2 {
  color: rgb(61,92,122);
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  font-size: 151%;
  margin: 0;
  padding: 1ex 0 0 0;
}

#main-copy p {
  line-height: 1.75em;
  margin: 1em 0 1.5em 0;
  padding: 0;
}

.newsHeading {
  color: rgb(61,92,122);
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-size: 145%;
  text-decoration: none;
  margin: 0;
  padding: 1ex 0 0 0;
  display: block;
}

.newsHeading:hover {
  color: rgb(117,144,174);
  background-color: transparent;
  text-decoration: underline;
}

.newsDate {
  font-style: italic;
  margin: 0 !important;
  padding: 0;
}

.newsSummary {
  margin: 1.5ex 0 2.5ex 0.75ex !important;
  padding: 0;
}

.more {
  text-align: right;
  margin: 0;
  padding: 0.5em 0;
}

.more a {
  color: rgb(61,92,122);
  background-color: transparent;
  font-size: 92%;
  text-decoration: underline;
  margin: 0;
  padding: 0.25ex 0.75ex;
}

.more a:hover {
  color: rgb(117,144,174);
  text-decoration: none;
}

.rowOfBoxes {
  clear: both;
}

.quarter, .oneThird, .half, .twoThirds, .fullWidth {
  margin: 1em 0;
  float: left;
  border-left: 1px solid rgb(204,204,204);
}

.quarter {
  width: 21%;
  padding: 0 1.9%;
}

.oneThird {
  width: 28%;
  padding: 0 1.9%;
}

.half {
  text-align: justify;
  width: 46%;
  padding: 0 1.9%;
}

.twoThirds {
  text-align: justify;
  width: 63%;
  padding: 0 1.9%;
}

.fullWidth {
  text-align: justify;
  width: 96%;
  padding: 0 1.2em;
  border-left: none;
}

.filler {  /* use with an empty <p> element to add padding to the end of a text box */
  border: 1px solid white;
}
 
.noBorderOnLeft {
  border-left: none;
}

.dividingBorderAbove {
  border-top: 1px solid rgb(204,204,204);
}

/* More elegant alternatives to .noBorderOnLeft & .dividingBorderAbove
 * that don't require the creation of new classes - but which are not
 * supported by MSIE - are the following:
 *
 * .rowOfBoxes > div:first-child {
 *   border-left: none;
 * }
 *
 * .rowOfBoxes + .rowOfBoxes {
 *   border-top: 1px solid rgb(204,204,204);
 * }
 */


/* ##### Footer ##### */

#footer {
  color: rgb(51,51,102);
  background-color: rgb(239,239,239);
  font-size: 87%;
  text-align: center;
  line-height: 1.25em;
  margin: 2em 0 0 0;
  padding: 1ex 10px;
  clear: left;
}

#footer a {
  color: rgb(0,68,204);
  background-color: transparent;
  text-decoration: underline;
}

#footer a:hover {
  text-decoration: none;
}
1	dpavlin	602	/***************************************
2			* TITLE: Prosimii Screen Stylesheet *
3			* URI : prosimii/prosimii-screen.css *
4			* MODIF: 2004-Apr-28 21:43 +0800 *
5			***************************************/
6
7
8			/* ##### Common Styles ##### */
9
10			body {
11			font-family: verdana, helvetica, arial, sans-serif;
12			font-size: 73%; /* Enables font size scaling in MSIE */
13			margin: 0;
14			padding: 0;
15			}
16
17			html > body {
18			font-size: 9pt;
19			}
20
21			acronym, .titleTip {
22			border-bottom: 1px dotted rgb(61,92,122);
23			cursor: help;
24			margin: 0;
25			padding: 0 0 0.4px 0;
26			}
27
28			a {
29			color: rgb(61,92,122);
30			background-color: transparent;
31			text-decoration: underline;
32			margin: 0;
33			padding: 0 1px 2px 1px;
34			}
35
36			a:hover {
37			color: rgb(117,144,174);
38			text-decoration: none;
39			}
40
41			ol {
42			margin: 1em 0 1.5em 0;
43			padding: 0;
44			}
45
46			ul {
47			list-style-type: square;
48			margin: 1em 0 1.5em 0;
49			padding: 0;
50			}
51
52			dl {
53			margin: 1em 0 0.5em 0;
54			padding: 0;
55			}
56
57			ul li {
58			line-height: 1.5em;
59			margin: 1.25ex 0 0 1.5em;
60			padding: 0;
61			}
62
63			ol li {
64			line-height: 1.5em;
65			margin: 1.25ex 0 0 2em;
66			padding: 0;
67			}
68
69			dt {
70			font-weight: bold;
71			margin: 0;
72			padding: 0 0 1ex 0;
73			}
74
75			dd {
76			line-height: 1.75em;
77			margin: 0 0 1.5em 1.5em;
78			padding: 0;
79			}
80
81			.doNotDisplay {
82			display: none !important;
83			}
84
85
86			.smallCaps {
87			font-size: 117%;
88			font-variant: small-caps;
89			}
90
91
92			/* ##### Header ##### */
93
94			.superHeader {
95			color: rgb(130,128,154);
96			background-color: rgb(33,50,66);
97			text-align: right;
98			margin: 0;
99			padding: 0.5ex 10px;
100			}
101
102			.superHeader span {
103			color: rgb(195,196,210);
104			background-color: transparent;
105			font-weight: bold;
106			text-transform: uppercase;
107			}
108
109			.superHeader a {
110			color: rgb(195,196,210);
111			background-color: transparent;
112			text-decoration: none;
113			margin: 0;
114			padding: 0 0.25ex 0 0;
115			}
116
117			.superHeader a:hover {
118			color: rgb(193,102,90);
119			background-color: transparent;
120			text-decoration: none;
121			}
122
123			.midHeader {
124			color: white;
125			background-color: rgb(61,92,122);
126			margin: 0;
127			padding: 0.26ex 10px;
128			}
129
130			.headerTitle {
131			font-size: 200%;
132			margin: 0;
133			padding: 0;
134			}
135
136			.headerSubTitle {
137			font-size: 151%;
138			font-weight: normal;
139			font-style: italic;
140			margin: 0 0 1ex 0;
141			padding: 0;
142			}
143
144			.headerLinks {
145			text-align: right;
146			margin: 0;
147			padding: 0 0 2ex 0;
148			position: absolute;
149			right: 1.5em;
150			top: 3.5em;
151			}
152
153			.headerLinks a {
154			color: white;
155			background-color: transparent;
156			text-decoration: none;
157			margin: 0;
158			padding: 0 0 0.5ex 0;
159			display: block;
160			}
161
162			.headerLinks a:hover {
163			color: rgb(195,196,210);
164			background-color: transparent;
165			text-decoration: underline;
166			}
167
168			.subHeader {
169			color: white;
170			background-color: rgb(117,144,174);
171			margin: 0;
172			padding: 0.5ex 10px;
173			}
174
175			.subHeader a, .subHeader .highlight {
176			color: white;
177			background-color: transparent;
178			font-size: 110%;
179			font-weight: bold;
180			text-decoration: none;
181			margin: 0;
182			padding: 0 0.25ex 0 0;
183			}
184
185			.subHeader a:hover, .subHeader .highlight {
186			color: rgb(255,204,0);
187			background-color: transparent;
188			text-decoration: none;
189			}
190
191
192			/* ##### Main Copy ##### */
193
194			#main-copy {
195			margin: 0;
196			padding: 0.5em 10px;
197			clear: left;
198			}
199
200			#main-copy h1 {
201			color: rgb(117,144,174);
202			background-color: transparent;
203			font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
204			font-size: 200%;
205			margin: 0;
206			padding: 0;
207			}
208
209			#main-copy h2 {
210			color: rgb(61,92,122);
211			background-color: transparent;
212			font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
213			font-weight: normal;
214			font-size: 151%;
215			margin: 0;
216			padding: 1ex 0 0 0;
217			}
218
219			#main-copy p {
220			line-height: 1.75em;
221			margin: 1em 0 1.5em 0;
222			padding: 0;
223			}
224
225			.newsHeading {
226			color: rgb(61,92,122);
227			background-color: transparent;
228			font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
229			font-size: 145%;
230			text-decoration: none;
231			margin: 0;
232			padding: 1ex 0 0 0;
233			display: block;
234			}
235
236			.newsHeading:hover {
237			color: rgb(117,144,174);
238			background-color: transparent;
239			text-decoration: underline;
240			}
241
242			.newsDate {
243			font-style: italic;
244			margin: 0 !important;
245			padding: 0;
246			}
247
248			.newsSummary {
249			margin: 1.5ex 0 2.5ex 0.75ex !important;
250			padding: 0;
251			}
252
253			.more {
254			text-align: right;
255			margin: 0;
256			padding: 0.5em 0;
257			}
258
259			.more a {
260			color: rgb(61,92,122);
261			background-color: transparent;
262			font-size: 92%;
263			text-decoration: underline;
264			margin: 0;
265			padding: 0.25ex 0.75ex;
266			}
267
268			.more a:hover {
269			color: rgb(117,144,174);
270			text-decoration: none;
271			}
272
273			.rowOfBoxes {
274			clear: both;
275			}
276
277			.quarter, .oneThird, .half, .twoThirds, .fullWidth {
278			margin: 1em 0;
279			float: left;
280			border-left: 1px solid rgb(204,204,204);
281			}
282
283			.quarter {
284			width: 21%;
285			padding: 0 1.9%;
286			}
287
288			.oneThird {
289			width: 28%;
290			padding: 0 1.9%;
291			}
292
293			.half {
294			text-align: justify;
295			width: 46%;
296			padding: 0 1.9%;
297			}
298
299			.twoThirds {
300			text-align: justify;
301			width: 63%;
302			padding: 0 1.9%;
303			}
304
305			.fullWidth {
306			text-align: justify;
307			width: 96%;
308			padding: 0 1.2em;
309			border-left: none;
310			}
311
312			.filler { /* use with an empty <p> element to add padding to the end of a text box */
313			border: 1px solid white;
314			}
315
316			.noBorderOnLeft {
317			border-left: none;
318			}
319
320			.dividingBorderAbove {
321			border-top: 1px solid rgb(204,204,204);
322			}
323
324			/* More elegant alternatives to .noBorderOnLeft & .dividingBorderAbove
325			* that don't require the creation of new classes - but which are not
326			* supported by MSIE - are the following:
327			*
328			* .rowOfBoxes > div:first-child {
329			* border-left: none;
330			* }
331			*
332			* .rowOfBoxes + .rowOfBoxes {
333			* border-top: 1px solid rgb(204,204,204);
334			* }
335			*/
336
337
338			/* ##### Footer ##### */
339
340			#footer {
341			color: rgb(51,51,102);
342			background-color: rgb(239,239,239);
343			font-size: 87%;
344			text-align: center;
345			line-height: 1.25em;
346			margin: 2em 0 0 0;
347			padding: 1ex 10px;
348			clear: left;
349			}
350
351			#footer a {
352			color: rgb(0,68,204);
353			background-color: transparent;
354			text-decoration: underline;
355			}
356
357			#footer a:hover {
358			text-decoration: none;
359			}