1.1 --- a/web/hgbook/urls.py	Tue Oct 20 00:58:33 2009 +0200
     1.2 +++ b/web/hgbook/urls.py	Mon Oct 26 12:18:05 2009 +0100
     1.3 @@ -22,6 +22,9 @@
     1.4       (r'^support/(?P<path>.*)$', 'django.views.static.serve',
     1.5       {'document_root': os.path.realpath(os.path.dirname(
     1.6          sys.modules[__name__].__file__) + '/../javascript')}),
     1.7 +     (r'^styles/(?P<path>.*)$', 'django.views.static.serve',
     1.8 +     {'document_root': os.path.realpath(os.path.dirname(
     1.9 +        sys.modules[__name__].__file__) + '/../styles')}),
    1.10  
    1.11      # Uncomment this for admin:
    1.12      (r'^admin/(.*)', admin.site.root),

     2.1 --- a/web/styles.css	Tue Oct 20 00:58:33 2009 +0200
     2.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
     2.3 @@ -1,292 +0,0 @@
     2.4 -body {
     2.5 -  background: #f2f1f0;
     2.6 -  font-family: verdana,sans-serif;
     2.7 -}
     2.8 -
     2.9 -.navheader, .book, .preface, .chapter, .appendix, .bibliography, .navfooter, .basetemplate {
    2.10 -  width: 50em;
    2.11 -  margin-left: auto;
    2.12 -  margin-right: auto;
    2.13 -}
    2.14 -
    2.15 -a.commenttoggle:hover, a.commenttoggle:active {
    2.16 -  opacity: 0.7;
    2.17 -}
    2.18 -
    2.19 -a:hover, a:active {
    2.20 -  border-bottom: 1px solid #aaaaaa;
    2.21 -}
    2.22 -
    2.23 -.book, .preface, .chapter, .appendix, .bibliography, .basetemplate {
    2.24 -  background: white;
    2.25 -  padding: 2em;
    2.26 -}
    2.27 -
    2.28 -h1 {
    2.29 -  margin-top: 1.5em;
    2.30 -}
    2.31 -
    2.32 -span.beta {
    2.33 -  font-size: 80%;
    2.34 -  font-style: italic;
    2.35 -  opacity: 0.4;
    2.36 -}
    2.37 -
    2.38 -h2, h3 {
    2.39 -  margin-top: 2em;
    2.40 -}
    2.41 -
    2.42 -h1, h2, h3 {
    2.43 -  font-family: georgia,serif;
    2.44 -  font-weight: normal;
    2.45 -  margin-bottom: 0.5em;
    2.46 -}
    2.47 -
    2.48 -h1.booktitle {
    2.49 -  margin-bottom: 0px;
    2.50 -}
    2.51 -
    2.52 -h2.booktitle {
    2.53 -  text-align: center;
    2.54 -}
    2.55 -
    2.56 -h2.booktitle > a {
    2.57 -  color: black;
    2.58 -}
    2.59 -
    2.60 -div.authors {
    2.61 -  font-size: 80%;
    2.62 -  margin-bottom: 1em;
    2.63 -  padding-left: 0.25em;
    2.64 -}
    2.65 -
    2.66 -span.authors {
    2.67 -  font-size: 80%;
    2.68 -  opacity: 0.55;
    2.69 -  padding-left: 0.5em;
    2.70 -}
    2.71 -
    2.72 -div.note th, div.tip th, div.warning th {
    2.73 -  font-family: georgia,serif;
    2.74 -  font-weight: normal;
    2.75 -  font-size: 110%;
    2.76 -}
    2.77 -
    2.78 -div.navheader th, div.navfooter td {
    2.79 -  font-family: georgia,serif;
    2.80 -}
    2.81 -
    2.82 -div.navheader th {
    2.83 -  opacity: 0;
    2.84 -  font-size: 0;
    2.85 -}
    2.86 -
    2.87 -pre.screen {
    2.88 -  background-image: url(figs/shell.png);
    2.89 -}
    2.90 -
    2.91 -pre.programlisting {
    2.92 -  background-image: url(figs/source.png);
    2.93 -}
    2.94 -
    2.95 -pre.programlisting, pre.screen, p.remark {
    2.96 -  border-style: solid;
    2.97 -  border-width: 1px;
    2.98 -  font-size: medium;
    2.99 -  padding: 1em;
   2.100 -  background-repeat: no-repeat;
   2.101 -  background-position: 10px 10px;
   2.102 -  padding-left: 70px;
   2.103 -}
   2.104 -
   2.105 -strong.command, code, pre, span.type {
   2.106 -  font-family: monospace;
   2.107 -  font-weight: normal;
   2.108 -}
   2.109 -
   2.110 -strong.userinput > code {
   2.111 -  font-weight: bolder;
   2.112 -  color: #303030;
   2.113 -}
   2.114 -
   2.115 -div.toc > p {
   2.116 -  opacity: 0.35;
   2.117 -  font-family: georgia,serif;
   2.118 -  cursor: pointer;
   2.119 -}
   2.120 -
   2.121 -div.toc b {
   2.122 -  font-weight: normal;
   2.123 -  font-size: large;
   2.124 -}
   2.125 -
   2.126 -ul.booktoc {
   2.127 -  padding-left: 0px;
   2.128 -  list-style-type: none;
   2.129 -}
   2.130 -
   2.131 -.booktoc > li {
   2.132 -  padding: 0.5em;
   2.133 -}
   2.134 -
   2.135 -.chapinfo {
   2.136 -  float: right;
   2.137 -  color: #a0a0a0;
   2.138 -}
   2.139 -
   2.140 -.unpublished {
   2.141 -  color: #a0a0a0;
   2.142 -}
   2.143 -
   2.144 -.chapinfo img {
   2.145 -  vertical-align: -35%;
   2.146 -  border: 0px;
   2.147 -}
   2.148 -
   2.149 -.zebra_b {
   2.150 -  background: #f4f4f4;
   2.151 -}
   2.152 -
   2.153 -.book .titlepage {
   2.154 -  display: none;
   2.155 -}
   2.156 -
   2.157 -.chapter div.toc > dl {
   2.158 -  display: none;
   2.159 -}
   2.160 -
   2.161 -pre.programlisting, pre.screen, p.remark {
   2.162 -  overflow: hidden;
   2.163 -}
   2.164 -
   2.165 -p.remark {
   2.166 -  background-image: url(figs/remark.png);
   2.167 -}
   2.168 -
   2.169 -div.warning, p.remark {
   2.170 -  background-color: #FFEFE8;
   2.171 -  border-color: #e0a8a0;
   2.172 -}
   2.173 -
   2.174 -span.remark {
   2.175 -  font-style: normal;
   2.176 -  color: #707070;
   2.177 -}
   2.178 -
   2.179 -.screen {
   2.180 -  background: #e7ffc7 none repeat scroll 0% 50%;
   2.181 -  border-color: #94DA3A;
   2.182 -}
   2.183 -
   2.184 -.programlisting {
   2.185 -  background: #F0F4FF none repeat scroll 0% 50%;
   2.186 -  border-color: #B4BAEA;
   2.187 -}
   2.188 -
   2.189 -.prompt {
   2.190 -  color: #448844;
   2.191 -}
   2.192 -
   2.193 -div.note, div.tip {
   2.194 -  background: #ffffc9;
   2.195 -  border-color: #B4BAEA;
   2.196 -}
   2.197 -
   2.198 -div.note, div.warning, div.tip {
   2.199 -  border-style: solid;
   2.200 -  border-width: 1px;
   2.201 -  padding: 1em;
   2.202 -}
   2.203 -
   2.204 -.note .title {
   2.205 -  font-size: 90%;
   2.206 -}
   2.207 -
   2.208 -.comment {
   2.209 -  font-size: 80%;
   2.210 -}
   2.211 -
   2.212 -div.comment, div.new_comment {
   2.213 -  padding: 0.5em;
   2.214 -  margin: 0.5em;
   2.215 -  margin-left: 2em;
   2.216 -  border-style: solid;
   2.217 -  border-width: 1px;
   2.218 -  border-color: #aaaaff;
   2.219 -}
   2.220 -
   2.221 -div.comment {
   2.222 -  background: #eeeeff;
   2.223 -}
   2.224 -
   2.225 -div.new_comment {
   2.226 -  background: #d0d0ff;
   2.227 -}
   2.228 -
   2.229 -.commenttoggle {
   2.230 -  opacity: 0.35;
   2.231 -}
   2.232 -
   2.233 -.comment_help {
   2.234 -  font-size: 80%;
   2.235 -}
   2.236 -
   2.237 -.comment_header {
   2.238 -  opacity: 0.75;
   2.239 -}
   2.240 -
   2.241 -.comment_id {
   2.242 -  float: right;
   2.243 -  opacity: 0.3;
   2.244 -  font-size: 60%;
   2.245 -}
   2.246 -
   2.247 -.comment_name {
   2.248 -  font-weight: bolder;
   2.249 -}
   2.250 -
   2.251 -.comment_reviewed {
   2.252 -  color: darkgreen;
   2.253 -  margin-left: 1em;
   2.254 -  font-style: italic;
   2.255 -}
   2.256 -
   2.257 -.comment_date {
   2.258 -  opacity: 0.75;
   2.259 -}
   2.260 -
   2.261 -.comment_thanks {
   2.262 -  color: darkblue;
   2.263 -  margin-left: 1em;
   2.264 -  font-style: italic;
   2.265 -  font-weight: bolder;
   2.266 -}
   2.267 -
   2.268 -.comment_error {
   2.269 -  padding-left: 1em;
   2.270 -  font-weight: bolder;
   2.271 -  font-size: 80%;
   2.272 -  color: darkred;
   2.273 -}
   2.274 -
   2.275 -.hgfooter {
   2.276 -  width: 60em;
   2.277 -  margin-left: auto;
   2.278 -  margin-right: auto;
   2.279 -  margin-top: 2em;
   2.280 -  margin-bottom: 2em;
   2.281 -  font-size: 80%;
   2.282 -  color: #727272;
   2.283 -}
   2.284 -
   2.285 -.hgfooter a {
   2.286 -  color: #5555ff;
   2.287 -}
   2.288 -
   2.289 -.hgfooter a:visited {
   2.290 -  opacity: 0.7;
   2.291 -}
   2.292 -
   2.293 -.hgfooter img {
   2.294 -  vertical-align: -45%;
   2.295 -}

     3.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     3.2 +++ b/web/styles/styles.css	Mon Oct 26 12:18:05 2009 +0100
     3.3 @@ -0,0 +1,292 @@
     3.4 +body {
     3.5 +  background: #f2f1f0;
     3.6 +  font-family: verdana,sans-serif;
     3.7 +}
     3.8 +
     3.9 +.navheader, .book, .preface, .chapter, .appendix, .bibliography, .navfooter, .basetemplate {
    3.10 +  width: 50em;
    3.11 +  margin-left: auto;
    3.12 +  margin-right: auto;
    3.13 +}
    3.14 +
    3.15 +a.commenttoggle:hover, a.commenttoggle:active {
    3.16 +  opacity: 0.7;
    3.17 +}
    3.18 +
    3.19 +a:hover, a:active {
    3.20 +  border-bottom: 1px solid #aaaaaa;
    3.21 +}
    3.22 +
    3.23 +.book, .preface, .chapter, .appendix, .bibliography, .basetemplate {
    3.24 +  background: white;
    3.25 +  padding: 2em;
    3.26 +}
    3.27 +
    3.28 +h1 {
    3.29 +  margin-top: 1.5em;
    3.30 +}
    3.31 +
    3.32 +span.beta {
    3.33 +  font-size: 80%;
    3.34 +  font-style: italic;
    3.35 +  opacity: 0.4;
    3.36 +}
    3.37 +
    3.38 +h2, h3 {
    3.39 +  margin-top: 2em;
    3.40 +}
    3.41 +
    3.42 +h1, h2, h3 {
    3.43 +  font-family: georgia,serif;
    3.44 +  font-weight: normal;
    3.45 +  margin-bottom: 0.5em;
    3.46 +}
    3.47 +
    3.48 +h1.booktitle {
    3.49 +  margin-bottom: 0px;
    3.50 +}
    3.51 +
    3.52 +h2.booktitle {
    3.53 +  text-align: center;
    3.54 +}
    3.55 +
    3.56 +h2.booktitle > a {
    3.57 +  color: black;
    3.58 +}
    3.59 +
    3.60 +div.authors {
    3.61 +  font-size: 80%;
    3.62 +  margin-bottom: 1em;
    3.63 +  padding-left: 0.25em;
    3.64 +}
    3.65 +
    3.66 +span.authors {
    3.67 +  font-size: 80%;
    3.68 +  opacity: 0.55;
    3.69 +  padding-left: 0.5em;
    3.70 +}
    3.71 +
    3.72 +div.note th, div.tip th, div.warning th {
    3.73 +  font-family: georgia,serif;
    3.74 +  font-weight: normal;
    3.75 +  font-size: 110%;
    3.76 +}
    3.77 +
    3.78 +div.navheader th, div.navfooter td {
    3.79 +  font-family: georgia,serif;
    3.80 +}
    3.81 +
    3.82 +div.navheader th {
    3.83 +  opacity: 0;
    3.84 +  font-size: 0;
    3.85 +}
    3.86 +
    3.87 +pre.screen {
    3.88 +  background-image: url(figs/shell.png);
    3.89 +}
    3.90 +
    3.91 +pre.programlisting {
    3.92 +  background-image: url(figs/source.png);
    3.93 +}
    3.94 +
    3.95 +pre.programlisting, pre.screen, p.remark {
    3.96 +  border-style: solid;
    3.97 +  border-width: 1px;
    3.98 +  font-size: medium;
    3.99 +  padding: 1em;
   3.100 +  background-repeat: no-repeat;
   3.101 +  background-position: 10px 10px;
   3.102 +  padding-left: 70px;
   3.103 +}
   3.104 +
   3.105 +strong.command, code, pre, span.type {
   3.106 +  font-family: monospace;
   3.107 +  font-weight: normal;
   3.108 +}
   3.109 +
   3.110 +strong.userinput > code {
   3.111 +  font-weight: bolder;
   3.112 +  color: #303030;
   3.113 +}
   3.114 +
   3.115 +div.toc > p {
   3.116 +  opacity: 0.35;
   3.117 +  font-family: georgia,serif;
   3.118 +  cursor: pointer;
   3.119 +}
   3.120 +
   3.121 +div.toc b {
   3.122 +  font-weight: normal;
   3.123 +  font-size: large;
   3.124 +}
   3.125 +
   3.126 +ul.booktoc {
   3.127 +  padding-left: 0px;
   3.128 +  list-style-type: none;
   3.129 +}
   3.130 +
   3.131 +.booktoc > li {
   3.132 +  padding: 0.5em;
   3.133 +}
   3.134 +
   3.135 +.chapinfo {
   3.136 +  float: right;
   3.137 +  color: #a0a0a0;
   3.138 +}
   3.139 +
   3.140 +.unpublished {
   3.141 +  color: #a0a0a0;
   3.142 +}
   3.143 +
   3.144 +.chapinfo img {
   3.145 +  vertical-align: -35%;
   3.146 +  border: 0px;
   3.147 +}
   3.148 +
   3.149 +.zebra_b {
   3.150 +  background: #f4f4f4;
   3.151 +}
   3.152 +
   3.153 +.book .titlepage {
   3.154 +  display: none;
   3.155 +}
   3.156 +
   3.157 +.chapter div.toc > dl {
   3.158 +  display: none;
   3.159 +}
   3.160 +
   3.161 +pre.programlisting, pre.screen, p.remark {
   3.162 +  overflow: hidden;
   3.163 +}
   3.164 +
   3.165 +p.remark {
   3.166 +  background-image: url(figs/remark.png);
   3.167 +}
   3.168 +
   3.169 +div.warning, p.remark {
   3.170 +  background-color: #FFEFE8;
   3.171 +  border-color: #e0a8a0;
   3.172 +}
   3.173 +
   3.174 +span.remark {
   3.175 +  font-style: normal;
   3.176 +  color: #707070;
   3.177 +}
   3.178 +
   3.179 +.screen {
   3.180 +  background: #e7ffc7 none repeat scroll 0% 50%;
   3.181 +  border-color: #94DA3A;
   3.182 +}
   3.183 +
   3.184 +.programlisting {
   3.185 +  background: #F0F4FF none repeat scroll 0% 50%;
   3.186 +  border-color: #B4BAEA;
   3.187 +}
   3.188 +
   3.189 +.prompt {
   3.190 +  color: #448844;
   3.191 +}
   3.192 +
   3.193 +div.note, div.tip {
   3.194 +  background: #ffffc9;
   3.195 +  border-color: #B4BAEA;
   3.196 +}
   3.197 +
   3.198 +div.note, div.warning, div.tip {
   3.199 +  border-style: solid;
   3.200 +  border-width: 1px;
   3.201 +  padding: 1em;
   3.202 +}
   3.203 +
   3.204 +.note .title {
   3.205 +  font-size: 90%;
   3.206 +}
   3.207 +
   3.208 +.comment {
   3.209 +  font-size: 80%;
   3.210 +}
   3.211 +
   3.212 +div.comment, div.new_comment {
   3.213 +  padding: 0.5em;
   3.214 +  margin: 0.5em;
   3.215 +  margin-left: 2em;
   3.216 +  border-style: solid;
   3.217 +  border-width: 1px;
   3.218 +  border-color: #aaaaff;
   3.219 +}
   3.220 +
   3.221 +div.comment {
   3.222 +  background: #eeeeff;
   3.223 +}
   3.224 +
   3.225 +div.new_comment {
   3.226 +  background: #d0d0ff;
   3.227 +}
   3.228 +
   3.229 +.commenttoggle {
   3.230 +  opacity: 0.35;
   3.231 +}
   3.232 +
   3.233 +.comment_help {
   3.234 +  font-size: 80%;
   3.235 +}
   3.236 +
   3.237 +.comment_header {
   3.238 +  opacity: 0.75;
   3.239 +}
   3.240 +
   3.241 +.comment_id {
   3.242 +  float: right;
   3.243 +  opacity: 0.3;
   3.244 +  font-size: 60%;
   3.245 +}
   3.246 +
   3.247 +.comment_name {
   3.248 +  font-weight: bolder;
   3.249 +}
   3.250 +
   3.251 +.comment_reviewed {
   3.252 +  color: darkgreen;
   3.253 +  margin-left: 1em;
   3.254 +  font-style: italic;
   3.255 +}
   3.256 +
   3.257 +.comment_date {
   3.258 +  opacity: 0.75;
   3.259 +}
   3.260 +
   3.261 +.comment_thanks {
   3.262 +  color: darkblue;
   3.263 +  margin-left: 1em;
   3.264 +  font-style: italic;
   3.265 +  font-weight: bolder;
   3.266 +}
   3.267 +
   3.268 +.comment_error {
   3.269 +  padding-left: 1em;
   3.270 +  font-weight: bolder;
   3.271 +  font-size: 80%;
   3.272 +  color: darkred;
   3.273 +}
   3.274 +
   3.275 +.hgfooter {
   3.276 +  width: 60em;
   3.277 +  margin-left: auto;
   3.278 +  margin-right: auto;
   3.279 +  margin-top: 2em;
   3.280 +  margin-bottom: 2em;
   3.281 +  font-size: 80%;
   3.282 +  color: #727272;
   3.283 +}
   3.284 +
   3.285 +.hgfooter a {
   3.286 +  color: #5555ff;
   3.287 +}
   3.288 +
   3.289 +.hgfooter a:visited {
   3.290 +  opacity: 0.7;
   3.291 +}
   3.292 +
   3.293 +.hgfooter img {
   3.294 +  vertical-align: -45%;
   3.295 +}