1 ##############################################################################
3 # File : $Source: /cvsroot/ijbswa/current/templates/cgi-style.css,v $
5 # Purpose : Style sheet for the web-based config interface.
7 # Copyright : Written by and Copyright (C) 2001 the SourceForge
8 # Privoxy team. http://www.privoxy.org/
10 # Original Author: Copyright (C) 2001 Jonathan Foster
11 # http://www.jon-foster.co.uk/
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.
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.
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.
32 # $Log: cgi-style.css,v $
33 # Revision 1.10 2007/01/22 13:12:43 fabiankeil
34 # White space cosmetics for #include.
36 # Revision 1.9 2006/12/17 17:50:55 fabiankeil
37 # Add white space workaround for tables
38 # in show-status CGI page.
40 # Revision 1.8 2002/05/12 15:53:41 jongfoster
41 # Adding standard comment header with license and CVS log.
44 ##############################################################################
47 * CSS for Privoxy CGI and script output
49 * $Id: cgi-style.css,v 1.10 2007/01/22 13:12:43 fabiankeil Exp $
53 * General rules: Font, Color, Headings, Margins, Links
55 body,td,th { font-family: arial, helvetica, helv, sans-serif; }
56 body { background-color: #ffffff; color: #000000; }
58 h1 { font-size: 140%; margin: 0px; }
59 h2 { font-size: 120%; margin: 0px; }
60 h3 { font-size: 110%; margin: 0px; }
62 p,pre { margin-left: 15px; }
63 li { margin: 2px 15px; }
64 dl { margin: 2px 15px; }
66 a:link { color: #0000dd; text-decoration: none; }
67 a:visited { color: #330099; text-decoration: none; }
68 a:active { color: #3333ff; text-decoration: none; }
71 * Boxen as Table elements:
73 td.title { border: solid black 1px; background-color: #dddddd; }
74 td.box { border: solid black 1px; background-color: #eeeeee; }
75 td.info { border: solid black 1px; background-color: #ccccff; }
76 td.warning { border: solid black 1px; background-color: #ffdddd; }
79 * Special Table Boxen: for nesting, naked container and for
80 * the Status field in CGI Output:
82 td.wrapbox { border: solid black 1px; padding: 5px; }
83 td.container { padding: 0px; }
84 td.status { border: solid black 1px; background-color: #ff0000; color: #ffffff; font-size: 300%; font-weight: bolder; }
87 * Same Boxen as <div>s:
89 div.title { border: solid black 1px; background-color: #dddddd; margin: 20px; padding: 20px; }
90 div.box { border: solid black 1px; background-color: #eeeeee; margin: 20px; padding: 20px; }
91 div.info { border: solid black 1px; background-color: #ccccff; margin: 20px; padding: 20px; }
92 div.warning { border: solid black 1px; background-color: #ffdddd; margin: 20px; padding: 20px; }
93 div.wrapbox { border: solid black 1px; margin: 20px; padding: 5px; }
97 * Bold definitions in <dl>s, grey BG for table headings, transparent (no-bordered) table
99 dt { font-weight: bold; }
100 th { background-color: #dddddd; }
101 table.transparent { border-style: none}
104 * Special purpose paragraphs: Small for page footers,
105 * Important for quoting wrong or dangerous examples,
106 * Whiteframed for the toggle?mini=y CGI
108 p.small { font-size: 10px; margin: 0px; }
109 p.important { border: solid black 1px; background-color: #ffdddd; font-weight: bold; padding: 2px; }
110 p.whiteframed { margin: 5px; padding: 5px; border: solid black 1px; text-align: center; background-color: #eeeeee; }
120 a.cmd, td.indentbuttons a, td.buttons a {
124 background-color: #dddddd;
126 text-decoration: none;
127 border-top: 1px solid #ffffff;
128 border-left: 1px solid #ffffff;
129 border-bottom: 1px solid #000000;
130 border-right: 1px solid #000000;
132 a.cmd:hover, td.indentbuttons a:hover, td.buttons a:hover {
133 background-color: #eeeeee;
135 a.cmd:active, td.indentbuttons a:active, td.buttons a:active {
136 border-top: 1px solid #000000;
137 border-left: 1px solid #000000;
138 border-bottom: 1px solid #ffffff;
139 border-right: 1px solid #ffffff;
144 * Special red emphasis:
146 em.warning { color: #ff0000 }
149 * In show-status we use tables directly behind headlines
150 * and for some reason or another the headlines are set to
151 * "margin:0" and leave the tables no air to breath.
153 * A proper fix would be to replace or remove the "margin:0",
154 * but as this affects every cgi page we do it another time
155 * and use this workaround until then.
157 .box table { margin-top: 1em; }
160 * Let the URL and pattern input fields scale with the browser
161 * width and try to prevent vertical scroll bars if the width
162 * is less than 80 characters.
164 input.url, input.pattern { width: 95%; }