templates/cgi-style.css

   1 ##############################################################################
   2 #
   3 # File        :  $Source: /cvsroot/ijbswa/current/templates/cgi-style.css,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: cgi-style.css,v $
  33 #    Revision 1.10  2007/01/22 13:12:43  fabiankeil
  34 #    White space cosmetics for #include.
  35 #
  36 #    Revision 1.9  2006/12/17 17:50:55  fabiankeil
  37 #    Add white space workaround for tables
  38 #    in show-status CGI page.
  39 #
  40 #    Revision 1.8  2002/05/12 15:53:41  jongfoster
  41 #    Adding standard comment header with license and CVS log.
  42 #
  43 #
  44 ##############################################################################
  45
  46 /*
  47  * CSS for Privoxy CGI and script output
  48  *
  49  * $Id: cgi-style.css,v 1.10 2007/01/22 13:12:43 fabiankeil Exp $
  50  */
  51
  52 /*
  53  * General rules: Font, Color, Headings, Margins, Links
  54  */
  55 body,td,th { font-family: arial, helvetica, helv, sans-serif; }
  56 body { background-color: #ffffff; color: #000000; }
  57
  58 h1 { font-size: 140%; margin: 0px; }
  59 h2 { font-size: 120%; margin: 0px; }
  60 h3 { font-size: 110%; margin: 0px; }
  61
  62 p,pre  { margin-left: 15px; }
  63 li { margin: 2px 15px; }
  64 dl { margin: 2px 15px; }
  65
  66 a:link    { color: #0000dd; text-decoration: none; }
  67 a:visited { color: #330099; text-decoration: none; }
  68 a:active  { color: #3333ff; text-decoration: none; }
  69
  70 /*
  71  * Boxen as Table elements:
  72  */
  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; }
  77
  78 /*
  79  * Special Table Boxen: for nesting, naked container and for
  80  * the Status field in CGI Output:
  81  */
  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; }
  85
  86 /*
  87  * Same Boxen as <div>s:
  88  */
  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; }
  94
  95
  96 /*
  97  * Bold definitions in <dl>s, grey BG for table headings, transparent (no-bordered) table
  98  */
  99 dt { font-weight: bold; }
 100 th { background-color: #dddddd; }
 101 table.transparent { border-style: none}
 102
 103 /*
 104  * Special purpose paragraphs: Small for page footers,
 105  * Important for quoting wrong or dangerous examples,
 106  * Whiteframed for the toggle?mini=y CGI
 107  */
 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; }
 111
 112 /*
 113  * Links as buttons:
 114  */
 115
 116 td.buttons {
 117   padding: 2px;
 118 }
 119
 120 a.cmd, td.indentbuttons a, td.buttons a {
 121   white-space: nowrap;
 122   width: auto;
 123   padding: 2px;
 124   background-color: #dddddd;
 125   color:            #000000;
 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;
 131 }
 132 a.cmd:hover, td.indentbuttons a:hover, td.buttons a:hover {
 133   background-color: #eeeeee;
 134 }
 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;
 140 }
 141
 142
 143 /*
 144  * Special red emphasis:
 145  */
 146 em.warning { color: #ff0000 }
 147
 148 /*
 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.
 152  *
 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.
 156  */
 157 .box table { margin-top: 1em; }
 158
 159 /*
 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.
 163  */
 164 input.url, input.pattern { width: 95%; }