git-svn-id: http://code.softwarefreedom.org/svn/stet/trunk@54 55a1384f-cf82-4c22...
[stet:stet.git] / stet.css
1 /* Copyright (C) 2005, 2006   Software Freedom Law Center, Inc.           */
2 /* Author: Orion Montoya <orion@mdcclv.com>                               */
3
4 /* This software gives you freedom; it is licensed to you under version   */
5 /* 3 of the GNU Affero General Public License, along with the             */
6 /* additional permission in the following paragraph.                      */
7
8 /* This notice constitutes a grant of such permission as is necessary     */
9 /* to combine or link this software, or a modified version of it, with    */
10 /* Request Tracker (RT), published by Jesse Vincent and Best Practical    */
11 /* Solutions, LLC, or a derivative work of RT, and to copy, modify, and   */
12 /* distribute the resulting work.  RT is licensed under version 2 of      */
13 /* the GNU General Public License.                                        */
14
15 /* This software is distributed WITHOUT ANY WARRANTY, without even the    */
16 /* implied warranties of MERCHANTABILITY and FITNESS FOR A PARTICULAR     */
17 /* PURPOSE.  See the GNU Affero General Public License for further        */
18 /* details.                                                               */
19
20 /* You should have received a copy of the GNU Affero General Public       */
21 /* License, version 3, and the GNU General Public License, version 2,     */
22 /* along with this software.  If not, see <http://www.gnu.org/licenses/>. */
23
24 body {
25     font: 94% Verdana, Lucida, Helvetica, Arial, sans-serif;
26 }
27 em.del { 
28       font-style: normal;
29       text-decoration: line-through;
30       color: #c00;
31       display: inline;
32  }
33
34 em.add { 
35       font-style: normal;
36       color: #00b;
37       display: inline;
38  }
39
40 em.delhide { 
41       display: none;
42 }
43
44 em.addhide { 
45       display: none;
46  }
47
48 .highlight { 
49
50 background: #F0ECB3;
51 color: #000;
52  }
53 .box {
54         padding: 5px;
55     border-color: #8cacbb;
56     border-width: 1px;
57     border-style: solid;
58 }
59 .admin {
60 background: #FFFFCC;
61 }
62 .h1 {
63 font-size: 160%;
64 font-weight: bold;
65 }
66
67 .a1 {
68 background: #FFFFCC;
69 }
70 .a2 {
71 background: #FFFF99;
72
73 }
74 .a3 {
75 background: #FFFF66;
76
77 }
78 .a4 {
79 background: #FFFF33;
80
81 }
82 .a5 {
83 background: #FFFF00;
84
85 }
86 .a6 {
87 background: #FFCC66;
88
89 }
90 .a7 {
91 background: #FC3;
92
93 }
94 .a8 {
95 background: #FC0;
96
97 }
98 .a9 {
99 background: #F96;
100
101 }
102 .a10 {
103 background: #F93;
104
105 }
106 .a11 {
107 background: #F90;
108
109 }
110 .a12 {
111 background: #F66;
112
113 }
114 .a13 {
115 background: #F63;
116
117 }
118 .a14 {
119 background: #F60;
120 }
121 .a15 {
122 background: #F36;
123 }
124 .a16 {
125 background: #F33;
126 }
127 .a17 {
128 background: #F30;
129 }
130 .a18 {
131 background: #F06;
132 }
133 .a19 {
134 background: #F03;
135 }
136 .a20 {
137 background: #F00;
138 }
139 .a21 {
140 background: #C00;
141 color: #FFF;
142 }
143 .a22 {
144 background: #900;
145 color: #FFF;
146 }
147 .a22 {
148 background: #600;
149 color: #FFF;
150 }
151 .a23 {
152 background: #300;
153 color: #FFF;
154 }
155
156
157 #bottombar {
158 font-size: smaller;
159 }
160
161 .noteUser {
162 font-size: smaller;
163 font-style: italic;
164 }
165
166 #topbar {
167 padding-left: 2%;
168 padding-right: 2%;
169 padding: 3px 2% 3px 2%;
170 /* background: #CCCCCC; */
171 /* background: #dee7ec; */
172 background: #FFFFFF;
173 color: #000;
174 /* position: fixed; */
175 width: 96%;
176 font-size: smaller;
177 /* left: 0; */
178 /* top: 0; */
179 z-index: 100;
180 }
181
182 #topbar {
183 background-color: #dee7ec;
184 color: #000;
185 }
186
187 #portal-globalnav {
188     background-color: #FFFFFF;
189     padding: 0em 0em 0em 2em;
190     white-space: nowrap;
191     list-style: none;
192     margin: 0;
193     height: auto;
194     line-height: normal;
195 }
196
197 #portal-globalnav li {
198     display: inline;
199 }
200
201
202 #portal-globalnav li a {
203     /* The normal, unselected tabs. They are all links */
204     background-color: #FFFFFF;
205     border-color: #8cacbb;
206     border-width: 1px;
207     border-style: solid solid none solid;
208     color: #436976;
209     height: auto;
210     margin-right: 0.5em;
211     padding: 0em 1.25em;
212     text-decoration: none;
213     text-transform: lowercase;
214 }
215
216 #portal-globalnav li.selected a {
217     /* The selected tab. There's only one of this */
218     background-color: #dee7ec;
219     border: 1px solid #8cacbb;
220     border-bottom: #dee7ec 1px solid;
221     color: #436976;
222 }
223
224 #portal-globalnav li a:hover {
225     background-color: #dee7ec;
226     border-color: #8cacbb;
227     border-bottom-color: #dee7ec;
228     color: #436976;
229 }
230
231
232 /* help here from Eric Bednarz and his 
233 http://tagsoup.com/-dev/null-/css/fixed/legacy/fixed4all.css
234 */
235
236 div#topbar
237   {
238 color: #000;
239 background: #dee7ec;
240 /*  background: transparent; */
241 /* background: #FFFFFF; */
242   position: absolute;
243   top: 0px;
244   left: 0px;
245   width: 96%;
246   }
247 div#topbar p
248   {
249 background: #dee7ec;
250 /*   background: transparent; */
251   margin: 0;
252   padding: 1em;
253   border: 1px solid #000;
254   color: #000;
255   background: #eee;
256   }
257 @media screen
258   {
259   div#topbar
260     {
261     position: fixed;
262     }
263   /* Don't do this at home */
264   * html
265     {
266     overflow-y: hidden;
267     }
268   * html body
269     {
270     overflow-y: auto;
271     height: 100%;
272     padding: 0 1em 0 1em;
273     font-size: 100%;
274     }
275   * html div#topbar
276     {
277     position: absolute;  
278     }
279   /* All done. */
280   }
281
282
283 .statustext {
284 background: #dee7ec;
285 color: #000;
286 /*  background: transparent; */
287 float: left;
288 /* width: 70%; */
289 }
290 .login {
291 background: #dee7ec;
292 color: #000;
293 /*  background: transparent; */
294 float: right;
295 text-align: right;
296 }
297
298 .noteLive { 
299 background: #ff99ff;
300 color: #000;
301  }
302
303 #maintext { 
304 /*      float:left; */
305         margin-left: 3em;
306         margin-top: 2em;
307 /*         float: left;  */
308         width: 50%;
309         color: #000;
310  }
311
312 #readsaymain {
313         margin-left: 3em;
314         margin-top: 2em;
315         float: left;
316         width: 80%;
317 }
318 ::-moz-selection{
319         background:#f1efb9;
320         color:#000;
321 }
322
323 ::selection {
324         background:#f1efb9;
325         color:#000;
326 }
327
328 .highlight::-moz-selection {
329         background: #AF0078;
330         color:#fff;
331 }
332
333 .highlight::selection {
334         background: #AF0078;
335         color:#fff;
336 }
337
338 .noteify { 
339 font-size: smaller;
340 left: 55%;
341 float: right;
342 position: absolute;
343 z-index: 90;
344 background: #f0ecb3;
345 color: #000;
346  }
347
348 .annotation { 
349 font-size: 10pt;
350 color: #000;
351 font-weight: normal;
352 position: absolute;
353 left: 55%;
354 width: 40%;
355 border: 1px solid #FFFF00;
356 background: #f0ecb3;
357
358  }
359 .notegroup {
360 position: absolute;
361 left: 55%;
362 width: 40%;
363 }
364 .newannotation { 
365 font-size: 10pt;
366 color: #000;
367 width: 100%;
368 position: inline;
369 font-weight: normal;
370 border: 1px dashed #EEE;
371 /* background: #F0ECDF; */ /* f0ecb3; */
372 background: #F5F5F5;
373
374 }
375
376 .noteClose { 
377 font-size: 10pt;
378 color: #000;
379 font-weight: normal;
380 border: 1px solid #FFFF00;
381 text-align: right;
382  }
383
384 .Drafter {
385 background: #F0F0F0;
386 }
387 .Issues {
388 background: #A3FFD6;
389 }
390
391 textarea { 
392 background-color: #f0ecb3;
393 color: #000;
394  }
395 input.addnote { 
396 background-color: #f0ecb3;
397 color: #000;
398  }
399 select {
400 /* background-color: #f0ecb3; */
401 color: #000;
402 }
403
404 p { 
405  clear:right;
406 }
407
408 .annoteButton {
409 background-color: #f0ecb3;
410 }
411
412 .error {
413 color: red;
414 font-weight: bold;
415 }
416
417 .ontextLabel {
418 font-weight: bold;
419 font-size: smaller;
420 }
421
422 .ontextText {
423 font-style: italic;
424 /* font-size: smaller; */
425 }
426
427 .onecomment {
428 border: 1px dotted #ccc; 
429 padding: 1.5em .5em .5em 2em;
430 /* background: #ffffcc; */
431 }
432
433 .onecomment a {
434 text-decoration: none;
435 }
436
437 .inputcaption {
438 font-size: 70%;
439 color: #555;
440 }
441
442 .indent {
443 margin-left: 4em;
444 }
445
446 .TktLabel {
447 font-size: 85%;
448 color: #444;
449 font-weight: bold;
450 }
451
452 .sectTitle {
453 font-weight: bold;
454 font-size: 120%;
455 color: #666;
456 }
457
458 .sub {
459 font-size: 90%;
460 color: #777;
461 }
462
463
464 #portlet-dogear {
465     position: absolute;
466     right: 100%;
467     top: 2.5em;
468     overflow: visible;
469     height: 120px;
470     width: 120px;
471     margin: 0 -120px 0 0;
472     padding: 0;
473     z-index: 1;
474     border: none;
475     float: none;
476 }
477
478 #portlet-dogear .portletBody {
479     border: none;
480 }
481
482 #portal-logo {
483     position: relative;
484     background: url(http://gplv3.fsf.org/logo.jpg) no-repeat;
485     border: 0;
486     top: 20px;
487     margin: 0.75em 0em 0.75em 130px;
488     padding: 0;
489     height: 40px;
490 }
491
492 #portal-logo a {
493     display: block;
494     text-decoration: none;
495     overflow: hidden;
496     border: 0;
497     margin: 0;
498     padding: 0;
499     padding-top: 51px;
500     height: 0px !important;
501     height /**/: 51px;
502     width: 127px;
503     cursor: pointer;
504     z-index: 1;
505
506
507
508 #portal-header {
509     height: 129px;
510 }
511
512 #portal-globalnav {
513     background-color: transparent;
514     padding: 0em 0em 0em 0em;
515     white-space: nowrap;
516     list-style: none;
517     margin: 0;
518     margin-top: 65px;
519     height: auto;
520     line-height: normal;
521     text-align: center;
522  
523 }
524
525
526 #portal-globalnav li a {
527     /* The normal, unselected tabs. They are all links */
528     background-color: transparent;
529     border-color: #8cacbb;
530     border-width: 1px;
531     border-style: solid;
532     color: #436976;
533     height: auto;
534     margin-right: 0.5em;
535     padding: 0em 1.25em;
536     text-decoration: none;
537     text-transform: none;
538 }
539
540 #portal-globalnav li.selected a {
541     /* The selected tab. There's only one of this */
542     background-color: #dee7ec;
543     border: 1px solid #8cacbb;
544     color: #436976;
545 }
546
547 #portal-globalnav li a:hover {
548     background-color: #dee7ec;
549     border-color: #8cacbb;
550     color: #436976;
551 }
552
553 #portal-personaltools {
554     /* Bar with personalized menu (user preferences, favorites etc) */
555     background-color: #CCC;
556     border-top-color: #CCC;
557     border-top-style: solid;
558     border-top-width: 1px;
559     border-bottom-color: #CCC;
560     border-bottom-style: solid;
561     border-bottom-width: 1px;
562     line-height: 1.6em;
563     color: Black;
564     padding: 0em 3em 0em 3em;
565     margin: 0;
566         margin-top: 5px;
567     text-align: right;
568     text-transform: none;
569     list-style: none;
570 }
571
572 .formHelpIsh {
573 font-size: 90%; 
574 /* color: red; */
575 font-weight: bold;
576 /* text-decoration: blink; */
577 margin: 0 0 0.2em 0;
578 }
579
580 .date {
581 font-size: 90%;
582 font-weight: normal;
583 color: #5F5F5c;
584 }
585
586 /* .formHelpIsh:hover {
587      color: #000;
588      cursor: default;
589 } */
590 #portal-personaltools .portalUser {
591     background: transparent url(http://gplv3.fsf.org/user.gif) center left no-repeat;
592     padding-left: 15px;
593 }
594
595 #portal-personaltools .portalNotLoggedIn {
596     /* Used on all descriptions relevant to those not logged in */
597     color: Black;
598     padding: 0;
599     background: transparent;
600     background-image: none;
601 }
602
603 #portal-personaltools li {
604     background: transparent url(http://gplv3.fsf.org/linkOpaque.gif) center left no-repeat;
605     padding-left: 8px;
606     color: #436976;
607     margin-left: 1em;
608     display: inline;
609 }
610
611 #portal-personaltools li a {
612     text-decoration: none;
613     color: #436976;
614 }
615
616 #portal-personaltools .visualIconPadding {
617     padding-left: 10px;
618 }
619
620 #portal-footer {
621     background-color: #dee7ec;
622     border-top: 1px solid #8cacbb;
623     border-bottom: 1px solid #8cacbb;
624     float: none;
625     line-height: 1.2em;
626     margin: 2em 0em 1em 0em;
627     padding: 0.5em 0em 1em 0em;
628     text-align: center;
629 }