d9b0915c25699fb587e93468ffefe5f240cd4b65
[privoxy.git] / templates / cgi-style.css
1 /*
2  * CSS for Privoxy CGI and script output
3  *
4  * $Id: cgi-style.css,v 1.6 2002/04/26 12:56:18 oes Exp $
5  */
6
7 /*
8  * General rules: Font, Color, Headings, Margins, Links
9  */
10 body,td,th { font-family: arial, helvetica, helv, sans-serif; }
11 body { background-color: #ffffff; color: #000000; }
12
13 h1 { font-size: 140%; margin: 0px; }
14 h2 { font-size: 120%; margin: 0px; }
15 h3 { font-size: 110%; margin: 0px; }
16
17 p,pre  { margin-left: 15px; }
18 li { margin: 2px 15px; }
19 dl { margin: 2px 15px; }
20
21 a:link    { color: #0000dd; text-decoration: none; }
22 a:visited { color: #330099; text-decoration: none; }
23 a:active  { color: #3333ff; text-decoration: none; }
24
25 /*
26  * Boxen as Table elements:
27  */
28 td.title   { border: solid black 1px; background-color: #dddddd; }
29 td.box     { border: solid black 1px; background-color: #eeeeee; }
30 td.info    { border: solid black 1px; background-color: #ccccff; }
31 td.warning { border: solid black 1px; background-color: #ffdddd; }
32
33 /*
34  * Special Table Boxen: for nesting, naked container and for
35  * the Status field in CGI Output:
36  */
37 td.wrapbox { border: solid black 1px; padding: 5px; }
38 td.container { padding: 0px; }
39 td.status  { border: solid black 1px; background-color: #ff0000; color: #ffffff; font-size: 300%; font-weight: bolder; }
40
41 /*
42  * Same Boxen as <div>s:
43  */
44 div.title    { border: solid black 1px; background-color: #dddddd; margin: 20px; padding: 20px; }
45 div.box      { border: solid black 1px; background-color: #eeeeee; margin: 20px; padding: 20px; }
46 div.info     { border: solid black 1px; background-color: #ccccff; margin: 20px; padding: 20px; }
47 div.warning  { border: solid black 1px; background-color: #ffdddd; margin: 20px; padding: 20px; }
48 div.wrapbox  { border: solid black 1px;                            margin: 20px; padding:  5px; }
49
50
51 /*
52  * Bold definitions in <dl>s, grey BG for table headings, transparent (no-bordered) table
53  */
54 dt { font-weight: bold; }
55 th { background-color: #dddddd; }
56 table.transparent { border-style: none}
57
58 /*
59  * Special purpose paragraphs: Small for page footers,
60  * Important for quoting wrong or dangerous examples,
61  * Whiteframed for the toggle?mini=y CGI
62  */
63 p.small { font-size: 10px; margin: 0px; }
64 p.important { border: solid black 1px; background-color: #ffdddd; font-weight: bold; padding: 2px; }
65 p.whiteframed { margin: 5px; padding: 5px; border: solid black 1px; text-align: center; background-color: #eeeeee; }
66
67 /*
68  * Links as buttons:
69  */
70
71 td.buttons {
72   padding: 2px;
73 }
74
75 a.cmd, td.indentbuttons a, td.buttons a {
76   white-space: nowrap;
77   width: auto;
78   padding: 2px;
79   background-color: #dddddd;
80   color:            #000000;
81   text-decoration: none;
82   border-top:    1px solid #ffffff;
83   border-left:   1px solid #ffffff;
84   border-bottom: 1px solid #000000;
85   border-right:  1px solid #000000;
86 }
87 a.cmd:hover, td.indentbuttons a:hover, td.buttons a:hover {
88   background-color: #eeeeee;
89 }
90 a.cmd:active, td.indentbuttons a:active, td.buttons a:active {
91   border-top:    1px solid #000000;
92   border-left:   1px solid #000000;
93   border-bottom: 1px solid #ffffff;
94   border-right:  1px solid #ffffff;
95 }
96
97
98 /*
99  * Special red emphasis:
100  */
101 em.warning { color: #ff0000 }