adapt to new CVS updates.
[privoxy.git] / templates / cgi-style.css
1 ##############################################################################
2 #
3 # File        :  $Source: /cvsroot/ijbswa/current/templates/edit-actions-list,v $
4 #
5 # Purpose     :  Style sheet for the web-based config interface.
6 #
7 # Copyright   :  Written by and Copyright (C) 2001 the SourceForge
8 #                Privoxy team. http://www.privoxy.org/
9 #
10 #                Original Author: Copyright (C) 2001 Jonathan Foster
11 #                http://www.jon-foster.co.uk/
12 #
13 #                This program is free software; you can redistribute it 
14 #                and/or modify it under the terms of the GNU General
15 #                Public License as published by the Free Software
16 #                Foundation; either version 2 of the License, or (at
17 #                your option) any later version.
18 #
19 #                This program is distributed in the hope that it will
20 #                be useful, but WITHOUT ANY WARRANTY; without even the
21 #                implied warranty of MERCHANTABILITY or FITNESS FOR A
22 #                PARTICULAR PURPOSE.  See the GNU General Public
23 #                License for more details.
24 #
25 #                The GNU General Public License should be included with
26 #                this file.  If not, you can view it at
27 #                http://www.gnu.org/copyleft/gpl.html
28 #                or write to the Free Software Foundation, Inc., 59
29 #                Temple Place - Suite 330, Boston, MA  02111-1307, USA.
30 #
31 # Revisions   :
32 #    $Log: edit-actions-list,v $
33 #
34 ##############################################################################
35
36
37 /*
38  * CSS for Privoxy CGI and script output
39  *
40  * $Id: cgi-style.css,v 1.7 2002/05/12 15:45:33 jongfoster Exp $
41  */
42
43 /*
44  * General rules: Font, Color, Headings, Margins, Links
45  */
46 body,td,th { font-family: arial, helvetica, helv, sans-serif; }
47 body { background-color: #ffffff; color: #000000; }
48
49 h1 { font-size: 140%; margin: 0px; }
50 h2 { font-size: 120%; margin: 0px; }
51 h3 { font-size: 110%; margin: 0px; }
52
53 p,pre  { margin-left: 15px; }
54 li { margin: 2px 15px; }
55 dl { margin: 2px 15px; }
56
57 a:link    { color: #0000dd; text-decoration: none; }
58 a:visited { color: #330099; text-decoration: none; }
59 a:active  { color: #3333ff; text-decoration: none; }
60
61 /*
62  * Boxen as Table elements:
63  */
64 td.title   { border: solid black 1px; background-color: #dddddd; }
65 td.box     { border: solid black 1px; background-color: #eeeeee; }
66 td.info    { border: solid black 1px; background-color: #ccccff; }
67 td.warning { border: solid black 1px; background-color: #ffdddd; }
68
69 /*
70  * Special Table Boxen: for nesting, naked container and for
71  * the Status field in CGI Output:
72  */
73 td.wrapbox { border: solid black 1px; padding: 5px; }
74 td.container { padding: 0px; }
75 td.status  { border: solid black 1px; background-color: #ff0000; color: #ffffff; font-size: 300%; font-weight: bolder; }
76
77 /*
78  * Same Boxen as <div>s:
79  */
80 div.title    { border: solid black 1px; background-color: #dddddd; margin: 20px; padding: 20px; }
81 div.box      { border: solid black 1px; background-color: #eeeeee; margin: 20px; padding: 20px; }
82 div.info     { border: solid black 1px; background-color: #ccccff; margin: 20px; padding: 20px; }
83 div.warning  { border: solid black 1px; background-color: #ffdddd; margin: 20px; padding: 20px; }
84 div.wrapbox  { border: solid black 1px;                            margin: 20px; padding:  5px; }
85
86
87 /*
88  * Bold definitions in <dl>s, grey BG for table headings, transparent (no-bordered) table
89  */
90 dt { font-weight: bold; }
91 th { background-color: #dddddd; }
92 table.transparent { border-style: none}
93
94 /*
95  * Special purpose paragraphs: Small for page footers,
96  * Important for quoting wrong or dangerous examples,
97  * Whiteframed for the toggle?mini=y CGI
98  */
99 p.small { font-size: 10px; margin: 0px; }
100 p.important { border: solid black 1px; background-color: #ffdddd; font-weight: bold; padding: 2px; }
101 p.whiteframed { margin: 5px; padding: 5px; border: solid black 1px; text-align: center; background-color: #eeeeee; }
102
103 /*
104  * Links as buttons:
105  */
106
107 td.buttons {
108   padding: 2px;
109 }
110
111 a.cmd, td.indentbuttons a, td.buttons a {
112   white-space: nowrap;
113   width: auto;
114   padding: 2px;
115   background-color: #dddddd;
116   color:            #000000;
117   text-decoration: none;
118   border-top:    1px solid #ffffff;
119   border-left:   1px solid #ffffff;
120   border-bottom: 1px solid #000000;
121   border-right:  1px solid #000000;
122 }
123 a.cmd:hover, td.indentbuttons a:hover, td.buttons a:hover {
124   background-color: #eeeeee;
125 }
126 a.cmd:active, td.indentbuttons a:active, td.buttons a:active {
127   border-top:    1px solid #000000;
128   border-left:   1px solid #000000;
129   border-bottom: 1px solid #ffffff;
130   border-right:  1px solid #ffffff;
131 }
132
133
134 /*
135  * Special red emphasis:
136  */
137 em.warning { color: #ff0000 }