From ef0c89610e4ea1e7e80f244672842013c547833c Mon Sep 17 00:00:00 2001 From: oes Date: Mon, 8 Apr 2002 17:05:38 +0000 Subject: [PATCH] First attempt at a unified style --- doc/webserver/privoxy.css | 67 +++++++++++++++++++++++++++++++++++ templates/cgi-style.css | 73 ++++++++++++++++++++++++++++----------- 2 files changed, 120 insertions(+), 20 deletions(-) create mode 100644 doc/webserver/privoxy.css diff --git a/doc/webserver/privoxy.css b/doc/webserver/privoxy.css new file mode 100644 index 00000000..e70bdd1c --- /dev/null +++ b/doc/webserver/privoxy.css @@ -0,0 +1,67 @@ +/* + * CSS for Privoxy CGI and script output + * + * $ Id: $ + */ + +/* + * General rules: Font, Color, Headings, Margins, Links + */ +body,td,th { font-family: helvetica, helv, arial, sans-serif; } +body { background-color: #ffffff; color: #000000; } + +h1 { font-size: 140%; margin: 0px; } +h2 { font-size: 120%; margin: 0px; } +h3 { font-size: 110%; margin: 0px; } + +p,pre { margin-left: 15px; } +li { margin: 5px 15px; } +dl { margin: 5px 15px; } + +:link { text-decoration: none; } + +/* + * Boxen as Table elements: + */ +td.title { border: solid black 1px; background-color: #dddddd; } +td.box { border: solid black 1px; background-color: #eeeeee; } +td.info { border: solid black 1px; background-color: #ccccff; } +td.warning { border: solid black 1px; background-color: #ffdddd; } + +/* + * Special Table Boxen: for nesting, naked container and for + * the Status field in CGI Output: + */ +td.wrapbox { border: solid black 1px; padding: 5px; } +td.container { padding: 0px; } +td.status { border: solid black 1px; background-color: #ff0000; color: #ffffff; font-size: 300%; font-weight: bolder; } + +/* + * Same Boxen as
s: + */ +div.title { border: solid black 1px; background-color: #dddddd; margin: 20px; padding: 20px; } +div.box { border: solid black 1px; background-color: #eeeeee; margin: 20px; padding: 20px; } +div.info { border: solid black 1px; background-color: #ccccff; margin: 20px; padding: 20px; } +div.warning { border: solid black 1px; background-color: #ffdddd; margin: 20px; padding: 20px; } +div.wrapbox { border: solid black 1px; margin: 20px; padding: 5px; } + + +/* + * Bold definitions in
s, Grey BG for Table headings + */ +dt { font-weight: bold; } +th { background-color: #dddddd; } + +/* + * Special purpose paragraphs: Small for page footers, + * Important for quoting wrong or dangerous examples, + * Whiteframed for the toggle?mini=y CGI + */ +p.small { font-size: 10px; margin: 0px; } +p.important { border: solid black 1px; background-color: #ffdddd; font-weight: bold; padding: 2px; } +p.whiteframed { margin: 5px; padding: 5px; border: solid black 1px; text-align: center; background-color: #eeeeee; } + +/* + * Special red emphasis: + */ +em.warning { color: #ff0000 } diff --git a/templates/cgi-style.css b/templates/cgi-style.css index 2b8322f9..7b876846 100644 --- a/templates/cgi-style.css +++ b/templates/cgi-style.css @@ -1,34 +1,67 @@ -# CSS for Privoxy's CGI output: -# +/* + * CSS for Privoxy CGI and script output + * + * $ Id: $ + */ -# Need td,th for buggy NS4 +/* + * General rules: Font, Color, Headings, Margins, Links + */ body,td,th { font-family: helvetica, helv, arial, sans-serif; } body { background-color: #ffffff; color: #000000; } -# Headings & text: -h1 { font-size: 160%; margin: 0px; } -h2 { font-size: 140%; margin: 0px; } -h3 { font-size: 120%; margin: 0px; } -p,pre { font-size: medium; margin-left: 20px; } -p.small { font-size: 10px; margin: 0px; } +h1 { font-size: 140%; margin: 0px; } +h2 { font-size: 120%; margin: 0px; } +h3 { font-size: 110%; margin: 0px; } -# Table Boxen: -td.box { border: solid black 1px; background-color: #eeeeee; } -td.status { border: solid black 1px; background-color: #ff0000; color: #ffffff; font-size: 300%; font-weight: bolder; } +p,pre { margin-left: 15px; } +li { margin: 2px 15px; } +dl { margin: 2px 15px; } + +:link { text-decoration: none; } + +/* + * Boxen as Table elements: + */ td.title { border: solid black 1px; background-color: #dddddd; } -td.warning { border: solid black 1px; background-color: #ffdddd; } +td.box { border: solid black 1px; background-color: #eeeeee; } td.info { border: solid black 1px; background-color: #ccccff; } -td.submit { border: solid black 1px; background-color: #ddffdd; } +td.warning { border: solid black 1px; background-color: #ffdddd; } + +/* + * Special Table Boxen: for nesting, naked container and for + * the Status field in CGI Output: + */ td.wrapbox { border: solid black 1px; padding: 5px; } td.container { padding: 0px; } +td.status { border: solid black 1px; background-color: #ff0000; color: #ffffff; font-size: 300%; font-weight: bolder; } + +/* + * Same Boxen as
s: + */ +div.title { border: solid black 1px; background-color: #dddddd; margin: 20px; padding: 20px; } +div.box { border: solid black 1px; background-color: #eeeeee; margin: 20px; padding: 20px; } +div.info { border: solid black 1px; background-color: #ccccff; margin: 20px; padding: 20px; } +div.warning { border: solid black 1px; background-color: #ffdddd; margin: 20px; padding: 20px; } +div.wrapbox { border: solid black 1px; margin: 20px; padding: 5px; } -# Misc: +/* + * Bold definitions in
s, Grey BG for Table headings + */ +dt { font-weight: bold; } th { background-color: #dddddd; } -em.warning { color: #ff0000 } -# For Toggle-Mini: -p.togglebox { margin: 5px; padding: 5px; border: solid black 1px; text-align: center; background-color: #eeeeee; } +/* + * Special purpose paragraphs: Small for page footers, + * Important for quoting wrong or dangerous examples, + * Whiteframed for the toggle?mini=y CGI + */ +p.small { font-size: 10px; margin: 0px; } +p.important { border: solid black 1px; background-color: #ffdddd; font-weight: bold; padding: 2px; } +p.whiteframed { margin: 5px; padding: 5px; border: solid black 1px; text-align: center; background-color: #eeeeee; } -# Extreme emphasis: -p.important { border: solid black 1px; background-color: #ffdddd; font-weight: bold; padding: 2px; } \ No newline at end of file +/* + * Special red emphasis: + */ +em.warning { color: #ff0000 } -- 2.39.2