diff --git a/sites/dev.scrapy.org/htdocs/css/about.css b/sites/dev.scrapy.org/htdocs/css/about.css
new file mode 100644
index 000000000..f778bc9a9
--- /dev/null
+++ b/sites/dev.scrapy.org/htdocs/css/about.css
@@ -0,0 +1,18 @@
+/* About page */
+#content.about p.copyright { color: #999; font-size: 90%; }
+#content.about h2 { margin-top: 2em; }
+#content.about table { margin-top: 0; width: auto; }
+#content.about table th, #content.about table td { font-size: 90%; }
+
+#content.about th { background: #f7f7f0; font-weight: bold; text-align: right;
+  vertical-align: top;
+}
+
+#content.about #config th { text-align: left; }
+#content.about #config th.section { text-align: right; }
+#content.about #config th, #content.about #config td { border: 1px solid #ddd;
+  padding: 3px;
+}
+#content.about #config tr.modified { background: #ffd; }
+#content.about #config tr.modified td.value { font-style: italic; }
+#content.about #config td.doc { padding: 3px 1em; }
diff --git a/sites/dev.scrapy.org/htdocs/css/admin.css b/sites/dev.scrapy.org/htdocs/css/admin.css
new file mode 100644
index 000000000..9bb40b415
--- /dev/null
+++ b/sites/dev.scrapy.org/htdocs/css/admin.css
@@ -0,0 +1,66 @@
+#content.admin h1 { float: left; }
+
+#tabs { background: #f7f7f0; border: 1px solid black;
+  border-color: #ccc #666 #666 #ccc; clear: left;
+  margin: 1em 0 2em; padding: .5em 0 0; float: left; width: 12em;
+}
+#tabs ul { list-style: none; margin: 0 0 .5em; padding: 0; }
+#tabs li { color: #999; font-size: 90%; font-weight: bold; margin: 0;
+  padding: 0.1em 5px;
+}
+#tabs li li { color: #000; font-size: 110%; font-weight: normal;
+  margin: 0 -3px; padding: 1px 0 1px 10px;
+}
+#tabs li li.active { background: #ddc; border: 1px solid;
+  border-color: #ccc #000 #666 #ccc; padding: 0 0 0 9px;
+}
+#tabs :link, #tabs :visited { border: none; display: block }
+#tabs :link:hover, #tabs :visited:hover { background: transparent;
+  color: #000;
+}
+
+#tabcontent { padding: 0.4em 2em; margin-left: 12em; min-height: 300px; }
+#tabcontent h2 { color: #333; margin-top: 0; }
+p.help { color: #666; font-size: 90%; margin: 1em .5em .5em; }
+
+#enumlist tbody td { vertical-align: middle; }
+
+form.addnew { clear: right; float: right; margin: -2em 0 4em; width: 33% }
+form.mod { margin-top: 1em; }
+form.mod .field { margin: .5em 0; }
+form .field em { color: #888; font-size: smaller }
+form .field .disabled em { color: #d7d7d7 }
+
+table.listing { clear: none; width: 64% }
+table.listing .sel, table.listing .default { text-align: center; width: 1% }
+
+/* Plugins panel */
+form#addplug { width: 35% }
+.plugin { background: #f7f7f7; border: 1px solid #d7d7d7; margin: 0 0 2em;
+  padding: 2px .5em; text-align: left; width: 60%;
+}
+.plugin h3 { margin: .5em 0; color: #bb0000;}
+.plugin h3 a { 
+ padding: 2px .5em; text-align: left; width: 60%;
+}
+.plugin h3 a { background: url(../expanded.png) 0 50% no-repeat;
+ padding-left: 16px;
+}
+.collapsed h3 a { background-image: url(../collapsed.png); }
+.plugin .buttons { margin-top: 0; text-align: right }
+.plugin .uninstall { margin-top: -2.6em; padding: 0 }
+.plugin .summary, .plugin .info { color: #999; font-size: 80%;
+  padding-left: 16px;
+}
+.plugin .summary { margin: -.5em 0 .5em }
+.plugin .info { margin: 1em 0 .5em; }
+.plugin .info dt { float: left; width: 7em; }
+.plugin .info dd { padding: 0; margin: 0; }
+.plugin .listing { width: 100% }
+.collapsed .info, .collapsed .listing, .collapsed .update { display: none }
+.plugin .listing td { background: #fff }
+.plugin .listing .name p { color: #999; font-size: 80%; margin: 0 }
+
+/* Perm Panel */
+#permlist div { width: 13em; float: left; }
+fieldset tr.field th { text-align: right; }
diff --git a/sites/dev.scrapy.org/htdocs/css/browser.css b/sites/dev.scrapy.org/htdocs/css/browser.css
new file mode 100644
index 000000000..8dfa37d9b
--- /dev/null
+++ b/sites/dev.scrapy.org/htdocs/css/browser.css
@@ -0,0 +1,183 @@
+#prefs { margin-top: -0.6em }
+* html #prefs { width: 34em } /* Set width only for IE */
+#prefs fieldset { margin: 0; }
+#prefs fieldset label { display: block }
+#prefs .buttons { margin-top: -2.3em }
+#prefs .choice { 
+ float: left; 
+ margin: 0 .6em 0 .3em;
+ border-right: 1px dotted #d7d7d7;
+}
+
+#file-legend { margin-top: 3em; }
+
+/* Browser */
+h1 { margin: 0; padding: 0 0 .5em }
+h1 :link, h1 :visited, h1 .filename { border: none; padding: 0 .2em }
+h1 :link, h1 :visited { color: #b00 }
+h1 .first:link, h1 .first:visited { color: #998 }
+h1 .sep { color: #666; padding: 0 .1em }
+h1 .pathentry { float: left }
+
+#jumprev, #jumploc { float: right; font-size: 10px; margin: 0 0 0.6em }
+#jumprev form, #jumploc form { margin: 0 }
+#jumprev input, #jumploc select, #jumploc input { 
+  font-size: 10px; 
+  margin: 0; 
+}
+#jumploc div.buttons { margin: 0;}
+#jumploc { margin-right: 2em;}
+
+/* Browser file annotations */
+table.code th.blame { width: 5em; }
+table.code th.blame a { color: #ddd; }
+
+div.message { 
+  background: #f7f7f0;
+  border: 3px double #d7d7d7;
+  margin: 0;
+  padding: 8px; 
+  /* Note: border width and padding must be compensated for in the placement */
+}
+
+div.message div.inlinebuttons { float: right;  }
+
+/* Styles for the directory entries table
+   (extends the styles for "table.listing") */
+#dirlist { margin-top: 0 }
+#dirlist td.rev, #dirlist td.age, #dirlist td.change {
+ color: #888;
+ white-space: nowrap;
+ vertical-align: baseline;
+}
+#dirlist td.rev {
+ font-family: monospace;
+ letter-spacing: -0.08em;
+ font-size: 90%;
+ text-align: right;
+}
+#dirlist td.size {  
+ color: #888;
+ white-space: nowrap;
+ text-align: right;
+ vertical-align: middle;
+ font-size: 70%;
+}
+#dirlist td.age {
+ border-width: 0 2px 0 0;
+ border-style: solid;
+ font-size: 85%;
+}
+#dirlist td.name { width: 100% }
+#dirlist td.name a, #dirlist td.name span {
+ background-position: 0% 50%;
+ background-repeat: no-repeat;
+ padding-left: 20px;
+}
+#dirlist td.name a.parent { background-image: url(../parent.png) }
+#dirlist td.name div { white-space: pre }
+#dirlist tr span.expander { 
+  background-image: url(../expander_normal.png); 
+  cursor: pointer; 
+  padding-left: 8px; 
+  margin-left: 4px; 
+}
+#dirlist tr span.expander:hover { 
+  background-image: url(../expander_normal_hover.png); 
+}
+#dirlist tr.expanded span.expander { 
+  background-image: url(../expander_open.png); 
+  padding-left: 12px; 
+  margin-left: 0; 
+}
+#dirlist tr.expanded span.expander:hover { 
+  background-image: url(../expander_open_hover.png); 
+}
+#dirlist td.name a.dir { background-image: url(../folder.png) }
+#dirlist td.name a.file { background-image: url(../file.png); display: block }
+#dirlist td.name a, #dirlist td.rev a { border-bottom: none }
+#dirlist td.rev { text-align: right }
+#dirlist td.change { 
+  font-size: 85%; 
+  vertical-align: middle; 
+  white-space: nowrap 
+}
+
+#dirlist td span.loading { 
+  background-image: url(../loading.gif); 
+  font-style: italic 
+}
+
+/* Style for the ''View Changes'' button and the diff preparation form */
+#anydiff { margin: 0 0 1em; float: left }
+#anydiff form, #anydiff div, #anydiff h2 { display: inline }
+#anydiff form th { text-align: right }
+#anydiff input {  vertical-align: baseline; margin: 0 -0.5em 0 1em }
+@media print {
+ #anydiff form { display:  none }
+}
+
+/* Log */
+tr.diff input { padding: 0 1em; margin: 0 }
+
+@media print { 
+ th.diff, td.diff { display: none }
+}
+
+/* Styles for the revision log table (extends the styles for "table.listing") */
+#chglist { margin-top: 0 }
+#chglist td.change span { 
+ border: 1px solid #999;
+ display: block;
+ margin: .2em .5em 0 0;
+ width: .8em; height: .8em;
+}
+#chglist td.diff { white-space: nowrap }
+#chglist td.change .comment { display: none }
+#chglist td.old_path { font-style: italic }
+#chglist td.date {
+ font-size: 85%;
+ vertical-align: top;
+ padding-top: 0.55em;
+ white-space: nowrap;
+}
+#chglist td.author { font-size: 85%; vertical-align: top; padding-top: 0.55em }
+#chglist td.rev, #chglist td.chgset { 
+ font-family: monospace;  
+ letter-spacing: -0.08em;
+ font-size: 90%;
+ text-align: right; 
+}
+#chglist td.rev a, #chglist td.chgset a { border-bottom: none }
+#chglist td.summary { 
+ width: 100%; 
+ font-size: 85%; 
+ vertical-align: middle; 
+ white-space: nowrap;
+}
+#chglist tr.verbose td.summary {
+ border: none;
+ color: #333;
+ padding: .5em 1em 1em 2em;
+ white-space: normal;
+}
+
+#chglist td.summary * { margin-top: 0 }
+
+#paging { margin: 1em 0 }
+
+/* Styles for the revision info in the file view (see also trac.css) */
+#info { margin: 0; }
+#info .props {
+ color: #666;
+ list-style: square;
+ margin: 0 0 .4em 1.6em;
+ padding: 0;
+}
+#info .props li { padding: 0; overflow: auto; }
+
+/* Styles for the HTML preview */
+#preview { background: #fff; clear: both; margin: 0 }
+#preview .code-block { border-top: 1px solid #999; margin: 0 }
+#preview .image-file { overflow: hidden }
+#preview .image-file img { max-width: 100% }
diff --git a/sites/dev.scrapy.org/htdocs/css/changeset.css b/sites/dev.scrapy.org/htdocs/css/changeset.css
new file mode 100644
index 000000000..74642deff
--- /dev/null
+++ b/sites/dev.scrapy.org/htdocs/css/changeset.css
@@ -0,0 +1,42 @@
+/* Changeset overview */
+#overview .files { padding-top: 1em }
+#overview .files ul { margin: 0; padding: 0 }
+#overview .files li { list-style-type: none }
+#overview .files li .comment { display: none }
+#overview .files li div {
+ border: 1px solid #999;
+ float: left;
+ margin: .2em .5em 0 0;
+ overflow: hidden;
+ width: .8em; height: .8em;
+}
+#overview div.add div, #overview div.cp div, #overview div.mv div {
+ border: 0;
+ margin: 0;
+ float: right;
+ width: .35em; 
+}
+
+#overview .changeset { padding: 0 0 1px }
+#overview dd.changeset p {
+ margin-bottom: 0;
+ margin-top: 0;
+}
+#overview .files { padding: 1px 0 }
+
+.diff ul.props {
+ font-size: 90%;
+ list-style: disc;
+ margin: .5em 0 0;
+ padding: 0 .5em 1em 2em;
+}
+.diff ul.props li { margin: 0; padding: 0 }
+
+#title dl { display: inline; font-size: 110% }
+#title dt { 
+ display: inline; 
+ font-size: 110%;
+ font-weight: bold;
+ margin-left: 3em;
+}
+#title dd { display: inline; margin-left: 0.4em }
diff --git a/sites/dev.scrapy.org/htdocs/css/code.css b/sites/dev.scrapy.org/htdocs/css/code.css
new file mode 100644
index 000000000..015e02c7a
--- /dev/null
+++ b/sites/dev.scrapy.org/htdocs/css/code.css
@@ -0,0 +1,164 @@
+div.code {
+ background: #f7f7f7;
+ border: 1px solid #d7d7d7;
+ margin: 1em 1.75em;
+ padding: .25em;
+ overflow: auto
+}
+
+div.code pre { margin: 0; }
+
+table.code {
+ border: 1px solid #ddd;
+ border-spacing: 0;
+ border-top: 0;
+ border-collapse: collapse; 
+ empty-cells: show;
+ font-size: 12px;
+ line-height: 130%;
+ padding: 0;
+ margin: 0 auto;
+ table-layout: fixed;
+ width: 100%;
+}
+table.code th {
+ border-right: 1px solid #d7d7d7;
+ border-bottom: 1px solid #998;
+ font-size: 11px;
+}
+table.code th.lineno { width: 4em }
+table.code thead th {
+ background: #eee;
+ border-top: 1px solid #d7d7d7;
+ color: #999;
+ padding: 0 .25em;
+ text-align: center;
+ white-space: nowrap;
+}
+table.code tbody th {
+ background: #eed;
+ color: #886;
+ font-weight: normal;
+ padding: 0 .5em;
+ text-align: right;
+ vertical-align: top;
+}
+table.code tbody th :link, table.code tbody th :visited {
+ border: none;
+ color: #886;
+ text-decoration: none;
+}
+table.code tbody th :link:hover, table.code tbody th :visited:hover {
+ color: #000;
+}
+table.code td {
+ font: normal 11px monospace;
+ overflow: hidden;
+ padding: 1px 2px;
+ vertical-align: top;
+}
+table.code tr.hilite th {
+ background: #ccf;
+}
+table.code tr.hilite td {
+ background: #ddf;
+}
+.image-file { background: #eee; padding: .3em }
+.image-file img { background: url(../imggrid.png) }
+
+/* Default */
+.code-block span { font-family: monospace; }
+
+/* Comments */
+.code-comment, .css_comment, .c_comment, .c_commentdoc, .c_commentline,
+.c_commentlinedoc, .h_comment,.pl_commentline, .p_commentblock,
+.p_commentline, .hphp_comment, .hphp_commentblock, .hphp_commentline,
+.yaml_comment {
+ color: #998; 
+ font-style: italic;
+}
+
+/* Language keyword */
+.code-keyword, .pl_word  { color: #789; font-weight: bold }
+
+/* Type */
+.code-type, .c_word, .c_word2, .p_classname, .hphp_classname{
+ color: #468;
+ font-weight: bold;
+}
+
+/* Function */
+.code-func, .p_defname {
+ color: #900;
+ font-weight: bold;
+ border-bottom: none;
+}
+
+/* Pre-processor */
+.code-prep, .c_preprocessor, .pl_preprocessor, .yaml_identifier {
+ color: #999;
+ font-weight: bold;
+}
+
+/* Language construct */
+.code-lang, .p_word { color: #000; font-weight: bold }
+
+/* String */
+.code-string, .c_string, .c_stringeol, .css_doublestring, .css_singlestring,
+.h_singlestring, .h_doublestring, .pl_string, .pl_string_q, .pl_string_qq,
+.pl_string_qr, .pl_string_qw, .pl_string_qx, .pl_backticks, .pl_character,
+.p_string, .p_stringeol, .hphp_string, .hphp_stringeol, .hphp_triple,
+.hphp_tripledouble, .p_character, .p_triple, .p_tripledouble {
+ color: #b84;
+ font-weight: normal;
+}
+
+/* Variable name */
+.code-var { color: #f9f }
+
+/* SilverCity-specific styles */
+.css_id, .css_class, .css_pseudoclass, .css_tag { color: #900000 }
+.css_directive { color: #009000; font-weight: bold }
+.css_important { color: blue }
+.css_operator { color: #000090; font-weight: bold }
+.css_tag { font-weight: bold }
+.css_unknown_identifier, .css_unknown_pseudoclass { color: red }
+.css_value { color: navy }
+.c_commentdockeyword { color: navy; font-weight: bold }
+.c_commentdockeyworderror { color: red; font-weight: bold }
+.c_character, .c_regex, .c_uuid, .c_verbatim { color: olive }
+.c_number { color: #099 }
+.h_asp { color: #ff0 }
+.h_aspat { color: #ffdf00 }
+.h_attribute { color: teal }
+.h_attributeunknown { color: red }
+.h_cdata { color: #373 }
+.h_entity { color: purple }
+.h_number { color: #099 }
+.h_other { color: purple }
+.h_script, .h_tag, .h_tagend { color: navy }
+.h_tagunknown { color: red }
+.h_xmlend, .h_xmlstart { color: blue }
+.pl_datasection { color: olive }
+.pl_error { color: red; font-weight: bold }
+.pl_hash { color: #000 }
+.pl_here_delim, .pl_here_q, .pl_here_qq, .pl_here_qx, .pl_longquote { color: olive }
+.pl_number { color: #099 }
+.pl_pod { font-style: italic }
+.pl_regex, .pl_regsubst { color: olive }
+.p_number { color: #099 }
+.hphp_character { color: olive }
+.hphp_defname { color: #099; font-weight: bold }
+.hphp_number { color: #099 }
+.hphp_word { color: navy; font-weight: bold }
+.yaml_document { color: gray; font-style: italic }
+.yaml_keyword { color: #808 }
+.yaml_number { color: #800 }
+.yaml_reference { color: #088 }
+.v_comment { color: gray; font-style: italic }
+.v_commentline, .v_commentlinebang { color: red; font-style: italic }
+.v_number, .v_preprocessor { color: #099 }
+.v_string, .v_stringeol { color: olive }
+.v_user{ color: blue; font-weight: bold }
+.v_word, .v_word3 { color: navy; font-weight: bold }
+.v_word2 { color: green; font-weight: bold }
diff --git a/sites/dev.scrapy.org/htdocs/css/diff.css b/sites/dev.scrapy.org/htdocs/css/diff.css
new file mode 100644
index 000000000..349b665b0
--- /dev/null
+++ b/sites/dev.scrapy.org/htdocs/css/diff.css
@@ -0,0 +1,186 @@
+/* Diff preferences */
+#prefs fieldset { margin: 1em .5em .5em; padding: .5em 1em 0 }
+
+/* Diff/change overview */
+#overview { line-height: 130%; margin-top: 1em; padding: .5em }
+#overview dt.property {
+ font-weight: bold;
+ padding-right: .25em;
+ position: absolute;
+ left: 0;
+ text-align: right;
+ width: 7.75em;
+}
+#overview dd { margin-left: 8em }
+
+#overview .message { padding: 1em 0 1px }
+#overview dd.message p, #overview dd.message ul, #overview dd.message ol,
+#overview dd.message pre { margin-bottom: 1em; margin-top: 0; }
+
+/* Colors for change types */
+#chglist .edit, #overview .mod, .diff .legend .mod { background: #fd8 }
+#chglist .delete, #overview .rem, .diff .legend .rem { background: #f88 }
+#chglist .add, #overview .add, .diff .legend .add { background: #bfb }
+#chglist .copy, #overview .cp, .diff .legend .cp { background: #88f }
+#chglist .move, #overview .mv, .diff .legend .mv { background: #ccc }
+#chglist .unknown { background: #fff }
+
+/* Legend for diff and file colors */
+.legend {
+ font-size: 9px;
+ line-height: 1em;
+ padding: .5em 0;
+}
+.legend h3 { display: none; }
+.legend dt {
+ background: #fff;
+ border: 1px solid #999;
+ float: left;
+ margin: .1em .5em .1em 0;
+ overflow: hidden;
+ width: .8em; height: .8em;
+}
+.legend dl {
+ display: inline;
+ padding: 0;
+ margin: 0;
+ margin-right: .5em;
+}
+.legend dd {
+ display: inline;
+ float: left;
+ padding: 0;
+ margin: 0;
+ margin-right: 2em;
+}
+
+#diff-legend {
+ float: left;
+ clear: right;
+ margin: 1em .5em;
+}
+
+#file-legend dd { margin-left: 0; }
+
+/* Styles for the list of diffs */
+.diff ul.entries { clear: both; margin: 0; padding: 0 }
+
+.diff li.entry {
+ background: #f7f7f7;
+ border: 1px solid #d7d7d7;
+ list-style-type: none;
+ margin: 0 0 2em;
+ padding: 2px;
+ position: relative;
+ width: 100%;
+}
+.diff h2 {
+ color: #333;
+ font-size: 14px;
+ letter-spacing: normal;
+ margin: 0 auto;
+ padding: .1em 0 .25em .5em;
+}
+.diff h2 .switch { color: #999; float: right; font-size: 75%;
+  line-height: 1.6;
+}
+.diff h2 .switch span { border-left: 1px solid #ccc; cursor: pointer;
+  padding: 0 1em;
+}
+.diff h2 .switch span:first-child { border: none; }
+.diff h2 .switch span.active { color: #333; cursor: default; }
+
+/* Styles for the actual diff tables (side-by-side and inline) */
+.diff table {
+ border: 1px solid #ddd;
+ border-spacing: 0;
+ border-top: 0;
+ empty-cells: show;
+ font-size: 12px;
+ line-height: 130%;
+ padding: 0;
+ margin: 0 auto;
+ table-layout: fixed;
+ width: 100%;
+}
+.diff table col.lineno { width: 4em }
+.diff table th {
+ border-right: 1px solid #d7d7d7;
+ border-bottom: 1px solid #998;
+ font-size: 11px;
+}
+.diff table thead th {
+ background: #eee;
+ border-top: 1px solid #d7d7d7;
+ color: #999;
+ padding: 0 .25em;
+ text-align: center;
+ white-space: nowrap;
+}
+.diff table tbody th {
+ background: #eed;
+ color: #886;
+ font-weight: normal;
+ padding: 0 .5em;
+ text-align: right;
+ vertical-align: top;
+}
+.diff table tbody td {
+ background: #fff;
+ font: normal 11px monospace;
+ overflow: visible;
+ padding: 1px 2px;
+ vertical-align: top;
+}
+.diff table tbody.skipped td {
+ background: #f7f7f7;
+ border: 1px solid #d7d7d7;
+}
+.diff td ins, .diff td del {text-decoration: none;}
+
+/* Styles for the inline diff */
+.diff table.inline tbody.mod td.l, .diff table.inline tbody.rem td.l {
+ background: #fdd;
+ border-color: #c00;
+ border-style: solid;
+ border-width: 0 1px 0 1px;
+}
+.diff table.inline tbody.mod td.r, .diff table.inline tbody.add td.r {
+ background: #dfd;
+ border-color: #0a0;
+ border-style: solid;
+ border-width: 0 1px 0 1px;
+}
+.diff table.inline tbody.mod tr.first td.l,
+.diff table.inline tbody.rem tr.first td.l { border-top-width: 1px }
+.diff table.inline tbody.mod tr.last td.l,
+.diff table.inline tbody.rem tr.last td.l { border-bottom-width: 1px }
+.diff table.inline tbody.mod tr.first td.r,
+.diff table.inline tbody.add tr.first td.r { border-top-width: 1px }
+.diff table.inline tbody.mod tr.last td.r,
+.diff table.inline tbody.add tr.last td.r { border-bottom-width: 1px }
+.diff table.inline tbody.mod td del { 
+ background: #e99; 
+ color: #000;
+}
+.diff table.inline tbody.mod td ins { 
+ background: #9e9; 
+ color: #000;
+}
+
+/* Styles for the side-by-side diff */
+.diff table.sidebyside colgroup.content { width: 50% }
+.diff table.sidebyside tbody.mod td.l { background: #fe9 }
+.diff table.sidebyside tbody.mod td.r { background: #fd8 }
+.diff table.sidebyside tbody.add td.l { background: #dfd }
+.diff table.sidebyside tbody.add td.r { background: #cfc }
+.diff table.sidebyside tbody.rem td.l { background: #f88 }
+.diff table.sidebyside tbody.rem td.r { background: #faa }
+.diff table.sidebyside tbody.mod del, .diff table.sidebyside tbody.mod ins {
+ background: #fc0; 
+}
+
+/* Styles for the plain-text diff view */
+.diff pre { background: #fff; border: 1px solid #ddd; font-size: 85%;
+  margin: 0;
+}
diff --git a/sites/dev.scrapy.org/htdocs/css/prefs.css b/sites/dev.scrapy.org/htdocs/css/prefs.css
new file mode 100644
index 000000000..a844e4477
--- /dev/null
+++ b/sites/dev.scrapy.org/htdocs/css/prefs.css
@@ -0,0 +1,25 @@
+#content.prefs #tabs { list-style: none; margin: 2em 1em 0; padding: 1px; }
+#content.prefs #tabs li { background: #e6e6e6; border: 1px solid;
+  border-color: #ccc #666 #ccc #ccc; color: #666; position: relative;
+  bottom: -1px; float: left; font-size: 90%; margin: 0 .5em;
+  padding: .2em 1em .3em;
+}
+#content.prefs #tabs :link, #content.prefs #tabs :visited {
+  border: none; color: #999;
+}
+#content.prefs #tabs :link:hover, #content.prefs #tabs :visited:hover {
+  background: transparent; color: #333;
+}
+#content.prefs #tabs li.active { background: #fff;
+  border-bottom: 1px solid #fff;
+}
+#content.prefs #tabs #tab_advanced { float: right; }
+#content.prefs #tabcontent { background: url(../vgradient.png) 0 1px repeat-x;
+  border-top: 1px solid #ccc; clear: left; padding: 20px 5px;
+}
+* html #content.prefs #tabcontent { padding-top: 0; }
+
+#content.prefs div.field { margin-bottom: 1em; }
+#content.prefs tr.field th { text-align: right; vertical-align: middle;
+  white-space: nowrap;
+}
diff --git a/sites/dev.scrapy.org/htdocs/css/report.css b/sites/dev.scrapy.org/htdocs/css/report.css
new file mode 100644
index 000000000..6f971bafb
--- /dev/null
+++ b/sites/dev.scrapy.org/htdocs/css/report.css
@@ -0,0 +1,127 @@
+@import url(code.css);
+
+h1 .numrows, h2 .numrows {
+ margin-left: 1em;
+ color: #999; 
+ font-size: 65%; 
+ font-weight: normal; 
+}
+h2 {
+ background: #f7f7f7;
+ border-bottom: 1px solid #d7d7d7;
+ margin: 2em 0 0;
+ padding: 0 .33em;
+}
+#report-descr { margin: 0 2em; font-size: 90% }
+#report-notfound { margin: 2em; font-size: 110% }
+#content.report .field { margin: 1em 0; }
+#content.report .field label { padding-bottom: .3em; }
+
+#query { clear: right }
+#query fieldset, #query fieldset input, #query fieldset select { font-size: 11px }
+#query fieldset { margin-top: 1em }
+#query fieldset.collapsed { 
+ border-width: 0;
+ margin-bottom: 0pt;
+ padding: 0pt .5em;
+}
+#query .option, #query .option input, #query .option select { font-size: 11px }
+#query .option { float: left; line-height: 2em; margin: .9em 2.5em 0 .5em; padding: 0 0 .1em }
+#query .buttons { float: right; margin-top: .5em }
+#query .buttons input { margin: .5em }
+#query hr { clear: both; margin: 0; visibility: hidden }
+
+#filters table { width: 100% }
+#filters tr { height: 2em }
+#filters th, #filters td { padding: 0 .2em; vertical-align: middle }
+#filters th { font-size: 11px; text-align: right; white-space: nowrap; }
+#filters td label { font-size: 11px }
+#filters td.mode { text-align: right }
+#filters td.filter { width: 100% }
+#filters td.filter label { padding-right: 1em }
+#filters td.actions { text-align: right; white-space: nowrap }
+
+#columns div label { 
+ display: block;
+ float: left;
+ padding: 0pt 1em .5em 0pt;
+}
+
+/* Styles for the report list and the report results table
+   (extends the styles for "table.listing") */
+.reports td.title { width: 100% }
+.reports tbody td :link, .reports tbody td :visited,
+.tickets tbody td :link, .tickets tbody td :visited { display: block }
+.tickets { border-bottom: none }
+.tickets thead th { text-transform: capitalize; white-space: nowrap; }
+.tickets tbody td, .reports tbody td { padding: .1em .5em !important }
+.tickets tbody td a, .reports tbody td a { border-bottom: none }
+.tickets tbody td.id :link, .tickets tbody td.id :visited {
+ font-weight: bold;
+}
+.tickets tbody td.time a, .tickets tbody td.changetime a { white-space: nowrap }
+.tickets tbody tr:hover { background: #eed; color: #000 }
+.tickets tr.color1-odd  { background: #fdc; border-color: #e88; color: #a22 }
+.tickets tr.color1-even { background: #fed; border-color: #e99; color: #a22 }
+.tickets tr.color2-odd  { background: #ffb; border-color: #eea; color: #880 }
+.tickets tr.color2-even { background: #ffd; border-color: #dd8; color: #880 }
+.tickets tr.color3-odd  { background: #fbfbfb; border-color: #ddd; color: #444 }
+.tickets tr.color3-even { background: #f6f6f6; border-color: #ccc; color: #333 }
+.tickets tr.color4-odd { background: #e7ffff; border-color: #cee; color: #099 }
+.tickets tr.color4-even { background: #dff; border-color: #bee; color: #099 }
+.tickets tr.color5-odd { background: #e7eeff; border-color: #cde; color: #469 }
+.tickets tr.color5-even { background: #dde7ff; border-color: #cde; color: #469 }
+.tickets tr.color6-odd  { background: #f0f0f0; border-color: #ddd; color: #888 }
+.tickets tr.color6-even { background: #f7f7f7; border-color: #ddd; color: #888 }
+.tickets tr.color6-odd a, .color6-even a { color: #b66 }
+.tickets tbody tr.fullrow td, .tickets tbody td.fullrow {
+ border: none;
+ color: #333;
+ background: transparent;
+ padding: 0 1em !important;  /* Opera 9 is *very* sensitive with this */
+ font-size: 85%;
+}
+.tickets tbody tr.fullrow:hover { background: transparent !important }
+.tickets .fullrow :link, .tickets .fullrow :visited { display: inline }
+.tickets .fullrow .meta { color: #999; }
+.tickets .fullrow hr { display: none }
+
+fieldset legend :link, fieldset legend :visited { 
+ background: url(../expanded.png) 0 50% no-repeat;
+ border: none;
+ color: #666;
+ font-size: 110%;
+ padding-left: 16px;
+}
+fieldset legend :link:hover, fieldset legend :visited:hover {
+  background-color: transparent;
+}
+
+fieldset.collapsed legend :link, fieldset.collapsed legend :visited { 
+ background-image: url(../collapsed.png);  
+}
+fieldset.collapsed table, fieldset.collapsed div { display: none }
+
+/* Query results table */
+
+table.tickets tbody tr.added td { font-weight: bold }
+table.tickets tbody tr.changed td { font-style: italic }
+table.tickets tbody tr.removed td { color: #999 }
+table.tickets tbody tr.prio1 { background: #fdc; border-color: #e88 }
+table.tickets tbody tr.even.prio1 { background: #fed; border-color: #e99 }
+table.tickets tbody tr.prio2 { background: #ffb; border-color: #eea }
+table.tickets tbody tr.even.prio2 { background: #ffd; border-color: #dd8 }
+table.tickets tbody tr.prio3  { background: #fbfbfb; border-color: #ddd }
+table.tickets tbody tr.even.prio3 { background: #f6f6f6; border-color: #ccc }
+table.tickets tbody tr.prio4 { background: #e7ffff; border-color: #cee }
+table.tickets tbody tr.even.prio4 { background: #dff; border-color: #bee }
+table.tickets tbody tr.prio5 { background: #e7eeff; border-color: #cde }
+table.tickets tbody tr.even.prio5 { background: #dde7ff }
+table.tickets tbody tr.prio6 { background: #f0f0f0; border-color: #ddd }
+table.tickets tbody tr.even.prio6 { background: #f7f7f7 }
+table.tickets tbody tr.fullrow th { 
+  border: none;
+  vertical-align: middle;
+  text-align: center;
+  font-size: 85%;
+}
diff --git a/sites/dev.scrapy.org/htdocs/css/roadmap.css b/sites/dev.scrapy.org/htdocs/css/roadmap.css
new file mode 100644
index 000000000..0acf34f63
--- /dev/null
+++ b/sites/dev.scrapy.org/htdocs/css/roadmap.css
@@ -0,0 +1,84 @@
+/* General styles for the progress bars */
+table.progress {
+ border: 1px solid #d7d7d7;
+ border-collapse: collapse;
+ border-spacing: 0;
+ float: left;
+ margin: 0;
+ padding: 0;
+ empty-cells: show;
+}
+table.progress a, table.progress :link, table.progress :visited,
+table.progress :link:hover, table.progress :visited:hover {
+ border: none;
+ display: block;
+ width: 100%;
+ height: 1.2em;
+ padding: 0;
+ margin: 0;
+ text-decoration: none
+}
+table.progress td { background: #fff; padding: 0 }
+table.progress td.new { background: #f5f5b5 }
+table.progress td.closed { background: #bae0ba }
+table.progress td :hover { background: none }
+p.percent { font-size: 10px; line-height: 2.4em; margin: 0.9em 0 0 }
+
+/* Styles for the roadmap view */
+ul.milestones { margin: 2em 0 0; padding: 0 }
+li.milestone { list-style: none; margin-bottom: 4em }
+.milestone .info { white-space: nowrap }
+.milestone .info h2 {
+ background: #f7f7f7;
+ border-bottom: 1px solid #d7d7d7;
+ margin: 0;
+}
+.milestone .info h2 :link, .milestone .info h2 :visited {
+ color: #000;
+ display: block;
+ border-bottom: none;
+}
+.milestone .info h2 :link:hover, .milestone .info h2 :visited:hover {
+ color: #000;
+}
+.milestone .info h2 em { color: #b00; font-style: normal }
+.milestone .info .date {
+ color: #888;
+ font-size: 11px;
+ font-style: italic;
+ margin: 0;
+}
+.milestone .info .progress { margin: 1em 1em 0; width: 40em; max-width: 70% }
+.milestone .info dl {
+ font-size: 10px;
+ font-style: italic;
+ margin: 0 1em 2em;
+ white-space: nowrap;
+}
+.milestone .info dt { display: inline; margin-left: .5em }
+.milestone .info dd { display: inline; margin: 0 1em 0 .5em }
+.milestone .description { margin-left: 1em }
+
+/* Styles for the milestone view */
+.milestone .date { color: #888; font-style: italic; margin: 0 }
+.milestone .description { margin: 1em 0 2em }
+
+/* Styles for the milestone statistics table */
+#stats { float: right; margin: 0 0 2em 2em; width: 400px; max-width: 40% }
+#stats legend { white-space: nowrap }
+#stats table { border-collapse: collapse; width: 100% }
+#stats th, #stats td { font-size: 10px; padding: 0; white-space: nowrap }
+#stats th { text-align: right; }
+#stats th :link, #stats th :visited { border: none }
+#stats td { padding-left: 0.5em; width: 100% }
+#stats td table.progress { margin: 3px 4px 3px 0 }
+#stats td table.progress td { padding: 0 }
+#stats td p.percent { line-height: 1.2em; margin-top: 3px }
+
+/* Styles for the milestone edit form */
+#edit fieldset { margin: 1em 0 }
+#edit em { color: #888; font-size: smaller }
+#edit .disabled em { color: #d7d7d7 }
+#edit .field { margin-top: 1.3em }
+#edit label { padding-left: .2em }
+#edit textarea#description { width: 97% }
diff --git a/sites/dev.scrapy.org/htdocs/css/search.css b/sites/dev.scrapy.org/htdocs/css/search.css
new file mode 100644
index 000000000..e7fdd531b
--- /dev/null
+++ b/sites/dev.scrapy.org/htdocs/css/search.css
@@ -0,0 +1,14 @@
+#content.search .filters { color: #333; font-size: 85%; }
+
+#content.search form { margin: 1em 0 0 }
+#content.search form p { margin: .5em 0 }
+#content.search hr { clear: left; margin-bottom: 0 }
+#content.search #notfound { margin: 2em; font-size: 110% }
+
+#content.search #results { margin-right: 3em }
+#content.search #results dt { margin: 1.5em 0 0 }
+#content.search #results dt a { color: #33c }
+#content.search #results dd { font-size: 80%; margin: 0; padding: 0 }
+#content.search #results .author, #results .date { color: #090; }
+
+#content.search #quickjump { font-style: italic; font-weight: bold; }
diff --git a/sites/dev.scrapy.org/htdocs/css/ticket.css b/sites/dev.scrapy.org/htdocs/css/ticket.css
new file mode 100644
index 000000000..08c64bc5e
--- /dev/null
+++ b/sites/dev.scrapy.org/htdocs/css/ticket.css
@@ -0,0 +1,115 @@
+@import url(code.css);
+
+#content.ticket { width: 700px; max-width: 100% }
+
+#newticket #field-description { width: 100% }
+#newticket #properties { width: 100% }
+
+#ticket {
+ background: #ffd;
+ border: 1px outset #996;
+ margin-top: 1em;
+ padding: .5em 1em;
+ position: relative;
+}
+
+div#ticket.ticketdraft {
+ background: #f4f4f4 url(../draft.png);
+}
+div#ticketchange.ticketdraft {
+ padding: 0 1em;
+ margin: 1em 0;
+}
+div#ticketchange.ticketdraft h3 {
+ margin-top: .5em;
+}
+.preview-notice { font-weight: bold; }
+
+.ticketdraft {
+ background: #f4f4f4 url(../draft.png);
+ border: 1px outset #996;
+ padding: 0 .2em;
+}
+
+h1 .status { color: #444; }
+#ticket h2.summary { margin: 0 0 .8em 0 }
+#ticket .date { color: #996; float: right; font-size: 85%; position: relative }
+#ticket .date p { margin: .3em }
+
+#ticket table.properties {
+ clear: both;
+ border-top: 1px solid #dd9;
+ border-collapse: collapse;
+ table-layout: fixed;
+ width: 100%;
+}
+#ticket table.properties tr { border-bottom: 1px dotted #eed }
+#ticket table.properties td, #ticket table.properties th {
+ font-size: 80%;
+ padding: .5em 1em;
+ vertical-align: top;
+}
+#ticket table.properties th {
+ color: #663;
+ font-weight: normal;
+ text-align: left;
+ width: 20%;
+}
+#ticket table.properties td { width: 30% }
+#ticket table.properties .description { border-top: 1px solid #dd9 }
+
+#ticket .description h3 {
+ border-bottom: 1px solid #dd9;
+ color: #663;
+ font-size: 100%;
+ font-weight: normal;
+}
+#ticket .description h3 .lastmod {
+ font-size: 90%;
+}
+#ticket .inlinebuttons { 
+ float: right;
+ position: relative;
+ bottom: 0.3em;
+}
+
+#changelog { border: 1px outset #996; padding: 1em }
+#preview { border: 1px solid #d7d7d7; padding: 1em }
+#preview h3, #changelog h3 {
+ border-bottom: 1px solid #d7d7d7;
+ color: #999;
+ font-size: 100%;
+ font-weight: normal;
+}
+.threading, #changelog .inlinebuttons { float: right; }
+.threading { font-size: 90%; }
+
+#preview .changes, #changelog .changes { list-style: square; margin-left: 2em; padding: 0 }
+#preview .comment, #changelog .comment { margin-left: 2em }
+
+form .field { margin-top: .75em; width: 100% }
+form #comment { width: 100% }
+
+#properties { white-space: nowrap; line-height: 160%; padding: .5em }
+#properties table { border-spacing: 0; width: 100%; }
+#properties table th {
+ padding: .4em;
+ text-align: right;
+ width: 20%;
+ vertical-align: top;
+}
+#properties table th.col2 { border-left: 1px dotted #d7d7d7 }
+#properties table td { vertical-align: middle; width: 30% }
+#properties table td.fullrow { vertical-align: middle; width: 80% }
+
+#action { line-height: 2em }
+
+fieldset.radio { border: none; margin: 0; padding: 0 }
+fieldset.radio legend {
+ color: #000;
+ float: left;
+ font-size: 100%;
+ font-weight: normal;
+ padding: 0 1em 0 0;
+}
+fieldset.radio label { padding-right: 1em }
diff --git a/sites/dev.scrapy.org/htdocs/css/timeline.css b/sites/dev.scrapy.org/htdocs/css/timeline.css
new file mode 100644
index 000000000..c0af15cde
--- /dev/null
+++ b/sites/dev.scrapy.org/htdocs/css/timeline.css
@@ -0,0 +1,77 @@
+/* Timeline */
+
+* html #prefs { width: 34em } /* Set width only for IE */
+#prefs fieldset label { display: block }
+#prefs .buttons { margin-top: -1.6em }
+
+h2 {
+ background: #f7f7f7;
+ border-bottom: 1px solid #d7d7d7;
+ font-size: 105%;
+ margin: 2em 0 .5em;
+}
+dl { line-height: 1.3em; margin-left: 1em }
+dt { background: 3px 4px no-repeat; padding: 0 }
+dt :link, dt :visited {
+ background: 3px 3px no-repeat;
+ border: none;
+ color: #000;
+ padding: 0 4px 2px 22px;
+}
+dt>:link, dt>:visited {
+ /* Hide from IE/Win */
+ background-position: 3px 4px;
+}
+dt :link:hover, dt :visited:hover { background-color: #eed; color: #000 }
+dt em {
+ border-bottom: 1px dotted #bbb;
+ color: #b00;
+ font-style: normal;
+ text-decoration: none;
+}
+dt .time { color: #999; font-size: 80%; }
+dt .author { color: #666; }
+dt.highlight { background-color: #ffa; } 
+dd { 
+ font-size: 80%;
+ margin: 0 0 .75em 5.5em;
+ padding: 0;
+ color: #776;
+}
+
+/* Apply icon background-image twice to avoid hover-flicker in IE/Win */
+dt.changeset, dt.changeset a { background-image: url(../changeset.png) !important }
+dt.newticket, dt.newticket a { background-image: url(../newticket.png) !important }
+dt.reopenedticket, dt.reopenedticket a { background-image: url(../newticket.png) !important }
+dt.editedticket, dt.editedticket a { background-image: url(../editedticket.png) !important }
+dt.closedticket, dt.closedticket a { background-image: url(../closedticket.png) !important }
+dt.wiki, dt.wiki a { background-image: url(../wiki.png) !important }
+dt.milestone, dt.milestone a { background-image: url(../milestone.png) !important }
+dt.attachment, dt.attachment a { background-image: url(../attachment.png) !important }
+
+/* styles for the 'changeset_long_messages' option */
+dd.changeset p { margin: 0; padding: 0 }
+dd.changeset ul { padding-left: 15px; }
+
+/* Styles for the 'changeset_show_files' option */
+dd.changeset .changes { color: #aaa; font-size: 90%; }
+dd.changeset ul.changes { 
+ padding-left: 0;
+ list-style-type: none;
+}
+dd.changeset .changes li div {
+ border: 1px solid #999;
+ float: left;
+ margin: .5em .5em 0 0;
+ overflow: hidden;
+ width: .8em; height: .8em;
+}
+dd.changeset .changes li span { 
+ float: left;
+ margin-right: .8em;
+}
+dd.changeset .changes .add     { background: #bfb }
+dd.changeset .changes .delete  { background: #f88 }
+dd.changeset .changes .edit    { background: #fd8 }
+dd.changeset .changes .copy    { background: #88f }
+dd.changeset .changes .move    { background: #ccc }
diff --git a/sites/dev.scrapy.org/htdocs/css/wiki.css b/sites/dev.scrapy.org/htdocs/css/wiki.css
new file mode 100644
index 000000000..90f5deeab
--- /dev/null
+++ b/sites/dev.scrapy.org/htdocs/css/wiki.css
@@ -0,0 +1,44 @@
+@import url(code.css);
+
+/* Styles for the page editing form */
+#edit #rows { float: right; font-size: 80% }
+#edit #rows select { font-size: 90% }
+#edit #text { clear: both; width: 100% }
+#edit .wikitoolbar { float: left; }
+#changeinfo { padding: .5em }
+#changeinfo .field { float: left; margin: 0 1em .5em 0 }
+#changeinfo br { clear: left }
+#changeinfo .options { padding: 0 0 1em 1em }
+#changeinfo .options, #changeinfo .buttons { clear: left }
+#delete, #save { margin-left: 6em }
+#preview {
+ background: #f4f4f4 url(../draft.png);
+ margin: 1em 0 2em;
+ overflow: auto;
+}
+#template { vertical-align: middle; padding-top: 1em; }
+
+/* Diff view */
+#overview .multi { color: #999 }
+#overview .ipnr { color: #999; font-size: 80% }
+#overview .comment { padding: 1em 0 0 }
+
+@media print { 
+ th.diff, td.diff { display: none }
+}
+
+/* Styles for the TracGuideToc wikimacro */
+.wiki-toc {
+ padding: .5em 1em;
+ margin: 0 0 2em 1em;
+ float: right;
+ border: 1px outset #ddc;
+ background: #ffd;
+ font-size: 85%;
+ position: relative;
+}
+.wiki-toc h4 { font-size: 12px; margin: 0 }
+.wiki-toc ul, .wiki-toc ol { list-style: none; padding: 0; margin: 0 }
+.wiki-toc ul ul, .wiki-toc ol ol { padding-left: 1.2em }
+.wiki-toc li { margin: 0; padding: 0 }
+.wiki-toc .active { background: #ff9; position: relative; }