Reformat CSS to use the coding standard. #947

Formatting was done mostly by hand using the following as a guide
http://gnuvince.wordpress.com/2007/02/26/reformatting-a-css-file-with-vim/

" Replace all sequences of white spaces with one space
:%s/[ \t\n]\+/ /g

" Go to the end of the command, then forward one character and insert
" a newline
]/lr^M

" Make sure there is a semi-colon before each closing bracket
:%s/\([^; ]\) *}/\1;}/g

" Add a newline after every semi-colon
:%s/;/;^M/g

" Add a newline after every opening brace and make put one space
" between it and the preceeding text
:%s/\([^ ]*\) *{/\1 {^M/g

" Add two newlines after every closing brace
:%s/}/}^M^M/g

" Remove 'trailing' spaces in front of the semi-colons
:%s/ *;/;/g

" Make sure there is only one space after a colon
:%s/: */: /g

" Make the text before the colon lowercase
:%s/\(.\{-}\):/\L\1:/g

" Remove all trailing spaces at the beginning of lines
:%s/^ \+/g

" Indent the whole file
gg=G

" Split each rule onto its own line (This also matched some
" property/value combos so needed confirming
:%s/\([a-z0-9]\+\), \+/\1,^M/gc

extra/sample_plugin/assets/stylesheets/example.css

@@ -1 +1,3 @@
-.icon-example-works { background-image: url(../images/it_works.png); }
+.icon-example-works {
+  background-image: url(../images/it_works.png);
+}

public/stylesheets/calendar.css

@@ -1,14 +1,17 @@
-/* The main calendar widget.  DIV containing a table. */
+/* The main calendar widget. DIV containing a table. */
-
 img.calendar-trigger {
-    cursor: pointer;
+  cursor: pointer;
-    vertical-align: middle;
+  vertical-align: middle;
-    margin-left: 4px;
+  margin-left: 4px;
 }
 
-div.calendar { position: relative; z-index: 30;}
+div.calendar {
+  position: relative;
+  z-index: 30;
+}
 
-div.calendar, div.calendar table {
+div.calendar,
+div.calendar table {
   border: 1px solid #556;
   font-size: 11px;
   color: #000;
@@ -18,10 +21,9 @@ div.calendar, div.calendar table {
 }
 
 /* Header part -- contains navigation buttons and day names. */
-
 div.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
-  text-align: center;    /* They are the navigation buttons */
+  text-align: center; /* They are the navigation buttons */
-  padding: 2px;          /* Make the buttons seem like they're pressing */
+  padding: 2px; /* Make the buttons seem like they're pressing */
 }
 
 div.calendar .nav {
@@ -29,7 +31,7 @@ div.calendar .nav {
 }
 
 div.calendar thead .title { /* This holds the current "month, year" */
-  font-weight: bold;      /* Pressing it will take you to the current date */
+  font-weight: bold; /* Pressing it will take you to the current date */
   text-align: center;
   background: #fff;
   color: #000;
@@ -68,17 +70,18 @@ div.calendar thead .active { /* Active (pressed) buttons in header */
 }
 
 /* The body part -- contains all the days in month. */
-
 div.calendar tbody .day { /* Cells <TD> containing month days dates */
   width: 2em;
   color: #456;
   text-align: right;
   padding: 2px 4px 2px 2px;
 }
+
 div.calendar tbody .day.othermonth {
   font-size: 80%;
   color: #bbb;
 }
+
 div.calendar tbody .day.othermonth.oweekend {
   color: #fbb;
 }
@@ -125,7 +128,9 @@ div.calendar tbody td.today { /* Cell showing selected date */
   color: #f00;
 }
 
-div.calendar tbody .disabled { color: #999; }
+div.calendar tbody .disabled {
+  color: #999;
+}
 
 div.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
   visibility: hidden;
@@ -136,7 +141,6 @@ div.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows)
 }
 
 /* The footer part -- status bar and "Close" button */
-
 div.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
   text-align: center;
   background: #556;
@@ -163,7 +167,6 @@ div.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
 }
 
 /* Combo boxes (menus that display months/years for direct selection) */
-
 div.calendar .combo {
   position: absolute;
   display: none;

public/stylesheets/context_menu.css

@@ -1,53 +1,112 @@
-#context-menu { position: absolute; z-index: 40; }
+#context-menu {
+  position: absolute;
+  z-index: 40;
+}
 
-#context-menu ul, #context-menu li, #context-menu a {
+#context-menu ul,
-	display:block;
+#context-menu li,
-	margin:0;
+#context-menu a {
-	padding:0;
+  display: block;
-	border:0;
+  margin: 0;
+  padding: 0;
+  border: 0;
 }
 
 #context-menu ul {
-	width:150px;
+  width: 150px;
-	border-top:1px solid #ddd;
+  border-top: 1px solid #ddd;
-	border-left:1px solid #ddd;
+  border-left: 1px solid #ddd;
-	border-bottom:1px solid #777;
+  border-bottom: 1px solid #777;
-	border-right:1px solid #777;
+  border-right: 1px solid #777;
-	background:white;
+  background: white;
-	list-style:none;
+  list-style: none;
 }
 
 #context-menu li {
-	position:relative;
+  position: relative;
-	padding:1px;
+  padding: 1px;
-	z-index:39;
+  z-index: 39;
-	border:1px solid white;
+  border: 1px solid white;
 }
-#context-menu li.folder ul { position:absolute; left:168px; /* IE6 */ top:-2px; max-height:300px; overflow:hidden; overflow-y: auto; }
-#context-menu li.folder>ul { left:148px; }
 
-#context-menu.reverse-y li.folder>ul { top:auto; bottom:0; }
+#context-menu li.folder ul {
-#context-menu.reverse-x li.folder ul { left:auto; right:168px; /* IE6 */ }
+  position: absolute;
-#context-menu.reverse-x li.folder>ul { right:148px; }
+  left: 168px; /* ie6 */
+  top: -2px;
+  max-height: 300px;
+  overflow: hidden;
+  overflow-y: auto;
+}
+
+#context-menu li.folder > ul {
+  left: 148px;
+}
+
+#context-menu.reverse-y li.folder > ul {
+  top: auto;
+  bottom: 0;
+}
+
+#context-menu.reverse-x li.folder ul {
+  left: auto;
+  right: 168px; /* IE6 */
+}
+
+#context-menu.reverse-x li.folder > ul {
+  right: 148px;
+}
 
 #context-menu a {
-	text-decoration:none !important;
+  text-decoration: none !important;
-	background-repeat: no-repeat;
+  background-repeat: no-repeat;
-	background-position: 1px 50%;
+  background-position: 1px 50%;
-	padding: 1px 0px 1px 20px;
+  padding: 1px 0px 1px 20px;
-	width:100%; /* IE */
+  width: 100%; /* IE */
+}
+
+#context-menu li > a {
+  width: auto;
+}
+
+/* others */
+#context-menu a.disabled,
+#context-menu a.disabled:hover {
+  color: #ccc;
+}
+
+#context-menu li:hover {
+  border: 1px solid gray;
+  background-color: #eee;
+}
+
+#context-menu a:hover {
+  color: #2A5685;
+}
+
+#context-menu li.folder:hover {
+  z-index: 40;
+}
+
+#context-menu ul ul,
+#context-menu li:hover ul ul {
+  display: none;
+}
+
+#context-menu li:hover ul,
+#context-menu li:hover li:hover ul {
+  display: block;
 }
-#context-menu li>a { width:auto; } /* others */
-#context-menu a.disabled, #context-menu a.disabled:hover {color: #ccc;}
-#context-menu li:hover { border:1px solid gray; background-color:#eee; }
-#context-menu a:hover {color:#2A5685;}
-#context-menu li.folder:hover { z-index:40; }		
-#context-menu ul ul, #context-menu  li:hover ul ul { display:none; }
-#context-menu li:hover ul, #context-menu li:hover li:hover ul {	display:block; }
 
 /* selected element */
-.context-menu-selection { background-color:#507AAA !important; color:#000 !important; }
+.context-menu-selection {
-.context-menu-selection:hover { background-color:#507AAA !important; color:#000  !important; }
+  background-color: #507AAA !important;
+  color: #000 !important;
+}
+
+.context-menu-selection:hover {
+  background-color: #507AAA !important;
+  color: #000 !important;
+}
 
 #context-menu .submenu {
   border: transparent solid 5px;

public/stylesheets/context_menu_rtl.css

@@ -1,6 +1,16 @@
-#context-menu li.folder ul { left:auto; right:168px; }
+#context-menu li.folder ul {
-#context-menu li.folder>ul { left:auto; right:148px; }
+  left: auto;
-#context-menu li a.submenu { background:url("../images/bullet_arrow_left.png") left no-repeat; }
+  right: 168px;
+}
+
+#context-menu li.folder > ul {
+  left: auto;
+  right: 148px;
+}
+
+#context-menu li a.submenu {
+  background: url("../images/bullet_arrow_left.png") left no-repeat;
+}
 
 #context-menu a {
    background-position: 100% 40%;

public/stylesheets/ie6.css

@@ -1,46 +1,58 @@
 /* IE6 how i love to hate thee */
 
 #account-nav li a {
-	width:45px;
+  width: 45px;
 }
+
 #account-nav li li a {
-	width:150px;
+  width: 150px;
 }
+
 .title-bar {
-	zoom:1;
+  zoom: 1;
 }
+
 .title-bar-extras label {
-	float:none;
+  float: none;
-	display:inline;
+  display: inline;
-	padding-right:10px;
+  padding-right: 10px;
 }
+
 .issue-dropdown li.hover {
-	background-color:#fff;
+  background-color: #fff;
 }
+
 .issue-dropdown li.hover ul {
-	display:block;
+  display: block;
-	left:112px;
+  left: 112px;
 }
+
 body .file-thumbs a {
-	width:150px;
+  width: 150px;
 }
+
 #history .journal {
-	zoom:1;
+  zoom: 1;
 }
+
 body #history .wiki {
-	overflow:hidden;
+  overflow: hidden;
-	zoom:1;
+  zoom: 1;
 }
+
 #main-menu li li {
-	height:30px;
+  height: 30px;
 }
+
 #main-menu li li li {
-	height:auto;
+  height: auto;
 }
+
 a.has-thumb.active {
-	background:none;
+  background: none;
 }
+
 .title-bar-extras ul {
-	background-image:none;
+  background-image: none;
-	border-top:1px solid #154E5D;
+  border-top: 1px solid #154E5D;
-}
+}

public/stylesheets/ie7.css

@@ -1,48 +1,56 @@
 /* These will be included for IE6 & IE7 */
 
 .title-bar h2 {
-	height:21px;	
+  height: 21px;
 }
+
 td.dropdown {
-	z-index:50;
+  z-index: 50;
-	position:relative;
+  position: relative;
 }
 
 body .title-bar-extras {
-	overflow:hidden;
+  overflow: hidden;
 }
 
-#main-menu, .title-bar {
+#main-menu,
-	z-index:4;
+.title-bar {
+  z-index: 4;
 }
+
 .title-bar .button-large ul {
-	z-index:15;
+  z-index: 15;
 }
+
 form.tooltip-active {
-	z-index:14;
+  z-index: 14;
 }
+
 #main-menu li li a span {
-	position:absolute;
+  position: absolute;
-	right:0;
+  right: 0;
-	top:0;
+  top: 0;
-	display:block;
+  display: block;
 }
+
 #main-menu li li li a span {
-	right:10px;
+  right: 10px;
 }
 
 body .file-thumbs a {
-	max-width:150px;
+  max-width: 150px;
 }
 
 #watchers {
-	position:relative;
+  position: relative;
-	z-index:5;
+  z-index: 5;
 }
+
 div.attachments {
-	position:relative;
+  position: relative;
-	z-index:4;
+  z-index: 4;
 }
+
 fieldset.collapsible.header_collapsible legend {
-  margin-left:-15px;
+  margin-left: -15px;
 }

public/stylesheets/jstoolbar.css

@@ -1,96 +1,123 @@
 .jstEditor {
-	padding-left: 0px;
+  padding-left: 0px;
 }
+
 .jstEditor textarea, .jstEditor iframe {
   margin: 0;
 }
 
 .jstHandle {
-	height: 10px;
+  height: 10px;
-	font-size: 0.1em;
+  font-size: 0.1em;
-	cursor: s-resize;
+  cursor: s-resize;
-	/*background: transparent url(img/resizer.png) no-repeat 45% 50%;*/
+  /*background: transparent url(img/resizer.png) no-repeat 45% 50%;*/
 }
 
 .jstElements {
-	padding: 3px 3px;
+  padding: 3px 3px;
 }
 
 .jstElements button {
-	margin-right : 6px;
+  margin-right: 6px;
-	width : 24px;
+  width: 24px;
-	height: 24px;
+  height: 24px;
-	padding: 4px;
+  padding: 4px;
-	border-style: solid;
+  border-style: solid;
-	border-width: 1px;
+  border-width: 1px;
-	border-color: #ddd;
+  border-color: #ddd;
-	background-color : #f7f7f7;
+  background-color: #f7f7f7;
-	background-position : 50% 50%;
+  background-position: 50% 50%;
-	background-repeat: no-repeat;
+  background-repeat: no-repeat;
 }
+
 .jstElements button:hover {
-	border-color : #000;
+  border-color: #000;
 }
+
 .jstElements button span {
-	display : none;	
+  display: none;
 }
+
 .jstElements span {
-	display : inline;
+  display: inline;
 }
 
 .jstSpacer {
-	width : 0px;
+  width: 0px;
-	font-size: 1px;
+  font-size: 1px;
-	margin-right: 4px;
+  margin-right: 4px;
 }
 
-.jstElements .help { float: right; margin-right: 0.5em; padding-top: 8px; font-size: 0.9em; }
+.jstElements .help {
-.jstElements .help a {padding: 2px 0 2px 20px; background: url(../images/help.png) no-repeat 0 50%;}
+  float: right;
+  margin-right: 0.5em;
+  padding-top: 8px;
+  font-size: 0.9em;
+}
+
+.jstElements .help a {
+  padding: 2px 0 2px 20px;
+  background: url(../images/help.png) no-repeat 0 50%;
+}
 
 /* Buttons
 -------------------------------------------------------- */
 .jstb_strong {
-	background-image: url(../images/jstoolbar/bt_strong.png);
+  background-image: url(../images/jstoolbar/bt_strong.png);
 }
+
 .jstb_em {
-	background-image: url(../images/jstoolbar/bt_em.png);
+  background-image: url(../images/jstoolbar/bt_em.png);
 }
+
 .jstb_ins {
-	background-image: url(../images/jstoolbar/bt_ins.png);
+  background-image: url(../images/jstoolbar/bt_ins.png);
 }
+
 .jstb_del {
-	background-image: url(../images/jstoolbar/bt_del.png);
+  background-image: url(../images/jstoolbar/bt_del.png);
 }
+
 .jstb_code {
-	background-image: url(../images/jstoolbar/bt_code.png);
+  background-image: url(../images/jstoolbar/bt_code.png);
 }
+
 .jstb_h1 {
-	background-image: url(../images/jstoolbar/bt_h1.png);
+  background-image: url(../images/jstoolbar/bt_h1.png);
 }
+
 .jstb_h2 {
-	background-image: url(../images/jstoolbar/bt_h2.png);
+  background-image: url(../images/jstoolbar/bt_h2.png);
 }
+
 .jstb_h3 {
-	background-image: url(../images/jstoolbar/bt_h3.png);
+  background-image: url(../images/jstoolbar/bt_h3.png);
 }
+
 .jstb_ul {
-	background-image: url(../images/jstoolbar/bt_ul.png);
+  background-image: url(../images/jstoolbar/bt_ul.png);
 }
+
 .jstb_ol {
-	background-image: url(../images/jstoolbar/bt_ol.png);
+  background-image: url(../images/jstoolbar/bt_ol.png);
 }
+
 .jstb_bq {
-	background-image: url(../images/jstoolbar/bt_bq.png);
+  background-image: url(../images/jstoolbar/bt_bq.png);
 }
+
 .jstb_unbq {
-	background-image: url(../images/jstoolbar/bt_bq_remove.png);
+  background-image: url(../images/jstoolbar/bt_bq_remove.png);
 }
+
 .jstb_pre {
-	background-image: url(../images/jstoolbar/bt_pre.png);
+  background-image: url(../images/jstoolbar/bt_pre.png);
 }
+
 .jstb_link {
-	background-image: url(../images/jstoolbar/bt_link.png);
+  background-image: url(../images/jstoolbar/bt_link.png);
 }
+
 .jstb_img {
-	background-image: url(../images/jstoolbar/bt_img.png);
+  background-image: url(../images/jstoolbar/bt_img.png);
 }

public/stylesheets/print.css

@@ -1,11 +1,46 @@
 /***** Media print specific styles *****/
 @media print {
-  #top-menu, #header, #main-menu, #sidebar, #footer, .contextual, .other-formats { display:none; }
+  #top-menu,
-  #main { background: #fff; }
+  #header,
-  #content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; overflow: visible !important;}
+  #main-menu,
-	#wiki_add_attachment { display:none; }
+  #sidebar,
-  .hide-when-print { display: none; }
+  #footer,
-	.autoscroll {overflow-x: visible;}
+  .contextual,
-	table.list {margin-top:0.5em;}
+  .other-formats {
-	table.list th, table.list td {border: 1px solid #aaa;}
+    display:none;
+  }
+
+  #main {
+    background: #fff;
+  }
+
+  #content {
+    width: 99%;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    background: #fff;
+    overflow: visible !important;
+  }
+
+  #wiki_add_attachment {
+    display:none;
+  }
+
+  .hide-when-print {
+    display: none;
+  }
+
+  .autoscroll {
+    overflow-x: visible;
+  }
+
+  table.list {
+    margin-top:0.5em;
+  }
+
+  table.list th,
+  table.list td {
+    border: 1px solid #aaa;
+  }
 }

public/stylesheets/reset.css

@@ -2,37 +2,101 @@
 * CSS Reset
 * Based on http://meyerweb.com/eric/tools/css/reset/
 */
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+font,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent;
+}
 
-html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	outline: 0;
-	font-size: 100%;
-	vertical-align: baseline;
-	background: transparent;
-}
 body {
-	line-height: 1;
+  line-height: 1;
 }
-ol, ul {
+
-	list-style: none;
+ol,
+ul {
+  list-style: none;
 }
 
 ins {
-	text-decoration: underline;
+  text-decoration: underline;
 }
+
 del {
-	text-decoration: line-through;
+  text-decoration: line-through;
 }
 
 /* tables still need 'cellspacing="0"' in the markup */
 table {
-	border-collapse: collapse;
+  border-collapse: collapse;
-	border-spacing: 0;
+  border-spacing: 0;
 }
 
 /* Helper classes */
 .clearfix {
-	clear:both;
+  clear: both;
-}
+}

public/stylesheets/rtl.css

@@ -1,63 +1,179 @@
-body, #wrapper { direction: rtl;}
+body,
+#wrapper {
+  direction: rtl;
+}
 
-#quick-search { float: left; }
+#quick-search {
-#main-menu { margin-left: -500px; left: auto; right: 6px; margin-right: 0px;}
+  float: left;
-#main-menu li { float: right; }
-#top-menu ul { float: right; }
-#account { float: left; }
-#top-menu #loggedas { float: left; }
-#top-menu li { float: right; }
-.tabular label.floating
-{
-	margin-right: 0;
-	margin-left: auto;
-	text-align: right;
 }
-.tabular label 
-{
-	float: right;
-	margin-left: auto;
-}
-.tabular p
-{
-	clear: right;
-}
-.tabular label.block { text-align: right; }
-.icon
-{
-       background-position: 100% 40%;
-       padding-right: 20px;
-       padding-left: 0px;
-}
-div#activity dt, #search-results dt
-{
-	background-position: 100% 50%;
-	padding-right: 20px;
-	padding-left: 0px;
-}
-#content .tabs ul li { float: right; }
-#content .tabs ul { padding-left: auto; padding-right: 1em; }
-table.progress { float: right; }
-.contextual { float: left; }
-.icon22 { background-position: 100% 40%; padding-right: 26px; padding-left: auto; }
-h3, .wiki h2 { padding: 10px 2px 1px 0; }
-.tooltip span.tip { text-align: right; }
-tr.issue td.subject { text-align: right; }
-tr.time-entry td.subject, tr.time-entry td.comments { text-align: right; }
-#sidebar { float: left; }
-#main.nosidebar #content { border-width: 1px; border-style: solid; border-color: #D7D7D7 #BBBBBB #BBBBBB #D7D7D7;}
-.tabular.settings label { margin-left: auto; }
-.splitcontentleft { float: right; }
-.splitcontentright { float: left; }
-p.progress-info { clear: right; }
-table.list td.buttons a { padding-right: 20px; }
-.filecontent { direction: ltr; }
-.entries { direction: ltr; }
-.changeset-changes { direction: ltr; padding-left: 2em }
-.changesets { direction: ltr; }
-div#issue-changesets { float: left; margin-right: 1em; margin-left: 0 }
-div#issue-changesets div.wiki { direction: ltr; padding-left: 2em }
-#activity dt, .journal { clear: right; }
-.journal-link { float: left; }
-div.wiki pre { direction: ltr; }
 
+#main-menu {
+  margin-left: -500px;
+  left: auto;
+  right: 6px;
+  margin-right: 0px;
+}
+
+#main-menu li {
+  float: right;
+}
+
+#top-menu ul {
+  float: right;
+}
+
+#account {
+  float: left;
+}
+
+#top-menu #loggedas {
+  float: left;
+}
+
+#top-menu li {
+  float: right;
+}
+
+.tabular label.floating {
+  margin-right: 0;
+  margin-left: auto;
+  text-align: right;
+}
+
+.tabular label {
+  float: right;
+  margin-left: auto;
+}
+
+.tabular p {
+  clear: right;
+}
+
+.tabular label.block {
+  text-align: right;
+}
+
+.icon {
+  background-position: 100% 40%;
+  padding-right: 20px;
+  padding-left: 0px;
+}
+
+div#activity dt,
+#search-results dt {
+  background-position: 100% 50%;
+  padding-right: 20px;
+  padding-left: 0px;
+}
+
+#content .tabs ul li {
+  float: right;
+}
+
+#content .tabs ul {
+  padding-left: auto;
+  padding-right: 1em;
+}
+
+table.progress {
+  float: right;
+}
+
+.contextual {
+  float: left;
+}
+
+.icon22 {
+  background-position: 100% 40%;
+  padding-right: 26px;
+  padding-left: auto;
+}
+
+h3,
+.wiki h2 {
+  padding: 10px 2px 1px 0;
+}
+
+.tooltip span.tip {
+  text-align: right;
+}
+
+tr.issue td.subject {
+  text-align: right;
+}
+
+tr.time-entry td.subject,
+tr.time-entry td.comments {
+  text-align: right;
+}
+
+#sidebar {
+  float: left;
+}
+
+#main.nosidebar #content {
+  border-width: 1px;
+  border-style: solid;
+  border-color: #D7D7D7 #BBBBBB #BBBBBB #D7D7D7;
+}
+
+.tabular.settings label {
+  margin-left: auto;
+}
+
+.splitcontentleft {
+  float: right;
+}
+
+.splitcontentright {
+  float: left;
+}
+
+p.progress-info {
+  clear: right;
+}
+
+table.list td.buttons a {
+  padding-right: 20px;
+}
+
+.filecontent {
+  direction: ltr;
+}
+
+.entries {
+  direction: ltr;
+}
+
+.changeset-changes {
+  direction: ltr;
+  padding-left: 2em;
+}
+
+.changesets {
+  direction: ltr;
+}
+
+div#issue-changesets {
+  float: left;
+  margin-right: 1em;
+  margin-left: 0;
+}
+
+div#issue-changesets div.wiki {
+  direction: ltr;
+  padding-left: 2em;
+}
+
+#activity dt,
+.journal {
+  clear: right;
+}
+
+.journal-link {
+  float: left;
+}
+
+div.wiki pre {
+  direction: ltr;
+}

public/stylesheets/scm.css

@@ -1,181 +1,583 @@
-
+div.changeset-changes ul {
-div.changeset-changes ul { margin: 0; padding: 0; }
+  margin: 0;
-div.changeset-changes ul > ul { margin-left: 18px; padding: 0; }
+  padding: 0;
-
-li.change { 
-    list-style-type:none;
-    background-image: url(../images/bullet_black.png); 
-    background-position: 1px 1px;
-    background-repeat: no-repeat;
-    padding-top: 1px;
-    padding-bottom: 1px;
-    padding-left: 20px;
-    margin: 0;
 }
-li.change.folder { background-image: url(../images/folder_open.png); }
-li.change.folder.change-A { background-image: url(../images/folder_open_add.png); }
-li.change.folder.change-M { background-image: url(../images/folder_open_orange.png); }
-li.change.change-A { background-image: url(../images/bullet_add.png); }
-li.change.change-M { background-image: url(../images/bullet_orange.png); }
-li.change.change-C { background-image: url(../images/bullet_blue.png); }
-li.change.change-R { background-image: url(../images/bullet_purple.png); }
-li.change.change-D { background-image: url(../images/bullet_delete.png); }
 
-li.change .copied-from { font-style: italic; color: #999; font-size: 0.9em; }
+div.changeset-changes ul > ul {
-li.change .copied-from:before { content: " - "}
+  margin-left: 18px;
+  padding: 0;
+}
 
-#changes-legend { float: right; font-size: 0.8em; margin: 0; }
+li.change {
-#changes-legend li { float: left; background-position: 5px 0; }
+  list-style-type: none;
+  background-image: url(../images/bullet_black.png);
+  background-position: 1px 1px;
+  background-repeat: no-repeat;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  padding-left: 20px;
+  margin: 0;
+}
+
+li.change.folder {
+  background-image: url(../images/folder_open.png);
+}
+
+li.change.folder.change-A {
+  background-image: url(../images/folder_open_add.png);
+}
+
+li.change.folder.change-M {
+  background-image: url(../images/folder_open_orange.png);
+}
+
+li.change.change-A {
+  background-image: url(../images/bullet_add.png);
+}
+
+li.change.change-M {
+  background-image: url(../images/bullet_orange.png);
+}
+
+li.change.change-C {
+  background-image: url(../images/bullet_blue.png);
+}
+
+li.change.change-R {
+  background-image: url(../images/bullet_purple.png);
+}
+
+li.change.change-D {
+  background-image: url(../images/bullet_delete.png);
+}
+
+li.change .copied-from {
+  font-style: italic;
+  color: #999;
+  font-size: 0.9em;
+}
+
+li.change .copied-from:before {
+  content: " - ";
+}
+
+#changes-legend {
+  float: right;
+  font-size: 0.8em;
+  margin: 0;
+}
+
+#changes-legend li {
+  float: left;
+  background-position: 5px 0;
+}
+
+table.filecontent {
+  border: 1px solid #ccc;
+  border-collapse: collapse;
+  width: 98%;
+  background-color: #fafafa;
+}
+
+table.filecontent th {
+  border: 1px solid #ccc;
+  background-color: #eee;
+}
+
+table.filecontent th.filename {
+  background-color: #e4e4d4;
+  text-align: left;
+  padding: 0.2em;
+}
+
+table.filecontent tr.spacing th {
+  text-align: center;
+}
+
+table.filecontent tr.spacing td {
+  height: 0.4em;
+  background: #EAF2F5;
+}
 
-table.filecontent { border: 1px solid #ccc;  border-collapse: collapse; width:98%; background-color: #fafafa; }
-table.filecontent th { border: 1px solid #ccc; background-color: #eee; }
-table.filecontent th.filename {	background-color: #e4e4d4; text-align: left; padding: 0.2em;}
-table.filecontent tr.spacing th { text-align:center; }
-table.filecontent tr.spacing td { height: 0.4em; background: #EAF2F5;}
 table.filecontent th.line-num {
-    border: 1px solid #d7d7d7;
+  border: 1px solid #d7d7d7;
-	font-size: 0.8em;
+  font-size: 0.8em;
-	text-align: right;
+  text-align: right;
-	width: 2%;
+  width: 2%;
-	padding-right: 3px;
+  padding-right: 3px;
-	color: #999;
+  color: #999;
 }
+
 table.filecontent th.line-num a {
-	text-decoration: none;
+  text-decoration: none;
-	color: inherit;
+  color: inherit;
 }
+
 table.filecontent td.line-code pre {
-    margin: 0px;
+  margin: 0px;
-    white-space: pre-wrap; /* CSS2.1 compliant */
+  white-space: pre-wrap; /* CSS2.1 compliant */
-    white-space: -moz-pre-wrap; /* Mozilla-based browsers */
+  white-space: -moz-pre-wrap; /* Mozilla-based browsers */
-    white-space: -o-pre-wrap; /* Opera 7+ */
+  white-space: -o-pre-wrap; /* Opera 7+ */
 }
 
 /* 12 different colors for the annonate view */
-table.annotate tr.bloc-0 {background: #FFFFBF;}
+table.annotate tr.bloc-0 {
-table.annotate tr.bloc-1 {background: #EABFFF;}
+  background: #FFFFBF;
-table.annotate tr.bloc-2 {background: #BFFFFF;}
+}
-table.annotate tr.bloc-3 {background: #FFD9BF;}
+
-table.annotate tr.bloc-4 {background: #E6FFBF;}
+table.annotate tr.bloc-1 {
-table.annotate tr.bloc-5 {background: #BFCFFF;}
+  background: #EABFFF;
-table.annotate tr.bloc-6 {background: #FFBFEF;}
+}
-table.annotate tr.bloc-7 {background: #FFE6BF;}
+
-table.annotate tr.bloc-8 {background: #FFE680;}
+table.annotate tr.bloc-2 {
-table.annotate tr.bloc-9 {background: #AA80FF;}
+  background: #BFFFFF;
-table.annotate tr.bloc-10 {background: #FFBFDC;}
+}
-table.annotate tr.bloc-11 {background: #BFE4FF;}
+
+table.annotate tr.bloc-3 {
+  background: #FFD9BF;
+}
+
+table.annotate tr.bloc-4 {
+  background: #E6FFBF;
+}
+
+table.annotate tr.bloc-5 {
+  background: #BFCFFF;
+}
+
+table.annotate tr.bloc-6 {
+  background: #FFBFEF;
+}
+
+table.annotate tr.bloc-7 {
+  background: #FFE6BF;
+}
+
+table.annotate tr.bloc-8 {
+  background: #FFE680;
+}
+
+table.annotate tr.bloc-9 {
+  background: #AA80FF;
+}
+
+table.annotate tr.bloc-10 {
+  background: #FFBFDC;
+}
+
+table.annotate tr.bloc-11 {
+  background: #BFE4FF;
+}
 
 table.annotate td.revision {
-    text-align: center;
+  text-align: center;
-    width: 2%;
+  width: 2%;
-    padding-left: 1em;
+  padding-left: 1em;
-    background: inherit;
+  background: inherit;
 }
-    
+
 table.annotate td.author {
-    text-align: center;
+  text-align: center;
-    border-right: 1px solid #d7d7d7;
+  border-right: 1px solid #d7d7d7;
-    white-space: nowrap;
+  white-space: nowrap;
-    padding-left: 1em;
+  padding-left: 1em;
-    padding-right: 1em;
+  padding-right: 1em;
-    width: 3%;
+  width: 3%;
-    background: inherit;
+  background: inherit;
-    font-size: 90%;
+  font-size: 90%;
 }
 
-table.annotate td.line-code { background-color: #fafafa; }
+table.annotate td.line-code {
+  background-color: #fafafa;
+}
 
-div.action_M { background: #fd8 }
+div.action_M {
-div.action_D { background: #f88 }
+  background: #fd8;
-div.action_A { background: #bfb }
+}
+
+div.action_D {
+  background: #f88;
+}
+
+div.action_A {
+  background: #bfb;
+}
 
 /************* CodeRay styles *************/
-.syntaxhl div {display: inline;}
+.syntaxhl div {
-.syntaxhl .line-numbers { padding: 2px 4px 2px 4px; background-color: #eee; margin: 0 7px 0 0; }
+  display: inline;
-.syntaxhl .code pre { overflow: auto }
+}
-.syntaxhl .debug { color:white ! important; background:blue ! important; }
 
-.syntaxhl .annotation { color:#007 }
+.syntaxhl .line-numbers {
-.syntaxhl .attribute-name { color:#b48 }
+  padding: 2px 4px 2px 4px;
-.syntaxhl .attribute-value { color:#700 }
+  background-color: #eee;
-.syntaxhl .binary { color:#509 }
+  margin: 0 7px 0 0;
-.syntaxhl .char .content { color:#D20 }
+}
-.syntaxhl .char .delimiter { color:#710 }
-.syntaxhl .char { color:#D20 }
-.syntaxhl .class { color:#B06; font-weight:bold }
-.syntaxhl .class-variable { color:#369 }
-.syntaxhl .color { color:#0A0 }
-.syntaxhl .comment { color:#777 }
-.syntaxhl .comment .char { color:#444 }
-.syntaxhl .comment .delimiter { color:#444 }
-.syntaxhl .complex { color:#A08 }
-.syntaxhl .constant { color:#036; font-weight:bold }
-.syntaxhl .decorator { color:#B0B }
-.syntaxhl .definition { color:#099; font-weight:bold }
-.syntaxhl .delimiter { color:black }
-.syntaxhl .directive { color:#088; font-weight:bold }
-.syntaxhl .doc { color:#970 }
-.syntaxhl .doc-string { color:#D42; font-weight:bold }
-.syntaxhl .doctype { color:#34b }
-.syntaxhl .entity { color:#800; font-weight:bold }
-.syntaxhl .error { color:#F00; background-color:#FAA }
-.syntaxhl .escape  { color:#666 }
-.syntaxhl .exception { color:#C00; font-weight:bold }
-.syntaxhl .float { color:#60E }
-.syntaxhl .function { color:#06B; font-weight:bold }
-.syntaxhl .global-variable { color:#d70 }
-.syntaxhl .hex { color:#02b }
-.syntaxhl .imaginary { color:#f00 }
-.syntaxhl .include { color:#B44; font-weight:bold }
-.syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
-.syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
-.syntaxhl .instance-variable { color:#33B }
-.syntaxhl .integer  { color:#00D }
-.syntaxhl .key .char { color: #60f }
-.syntaxhl .key .delimiter { color: #404 }
-.syntaxhl .key { color: #606 }
-.syntaxhl .keyword { color:#080; font-weight:bold }
-.syntaxhl .label { color:#970; font-weight:bold }
-.syntaxhl .local-variable { color:#963 }
-.syntaxhl .namespace { color:#707; font-weight:bold }
-.syntaxhl .octal { color:#40E }
-.syntaxhl .operator { }
-.syntaxhl .predefined { color:#369; font-weight:bold }
-.syntaxhl .predefined-constant { color:#069 }
-.syntaxhl .predefined-type { color:#0a5; font-weight:bold }
-.syntaxhl .preprocessor { color:#579 }
-.syntaxhl .pseudo-class { color:#00C; font-weight:bold }
-.syntaxhl .regexp .content { color:#808 }
-.syntaxhl .regexp .delimiter { color:#404 }
-.syntaxhl .regexp .modifier { color:#C2C }
-.syntaxhl .regexp { background-color:hsla(300,100%,50%,0.06); }
-.syntaxhl .reserved { color:#080; font-weight:bold }
-.syntaxhl .shell .content { color:#2B2 }
-.syntaxhl .shell .delimiter { color:#161 }
-.syntaxhl .shell { background-color:hsla(120,100%,50%,0.06); }
-.syntaxhl .string .char { color: #b0b }
-.syntaxhl .string .content { color: #D20 }
-.syntaxhl .string .delimiter { color: #710 }
-.syntaxhl .string .modifier { color: #E40 }
-.syntaxhl .string { background-color:hsla(0,100%,50%,0.05); }
-.syntaxhl .symbol .content { color:#A60 }
-.syntaxhl .symbol .delimiter { color:#630 }
-.syntaxhl .symbol { color:#A60 }
-.syntaxhl .tag { color:#070 }
-.syntaxhl .type { color:#339; font-weight:bold }
-.syntaxhl .value { color: #088; }
-.syntaxhl .variable  { color:#037 }
 
-.syntaxhl .insert { background: hsla(120,100%,50%,0.12) }
+.syntaxhl .code pre {
-.syntaxhl .delete { background: hsla(0,100%,50%,0.12) }
+  overflow: auto;
-.syntaxhl .change { color: #bbf; background: #007; }
+}
-.syntaxhl .head { color: #f8f; background: #505 }
-.syntaxhl .head .filename { color: white; }
 
-.syntaxhl .delete .eyecatcher { background-color: hsla(0,100%,50%,0.2); border: 1px solid hsla(0,100%,45%,0.5); margin: -1px; border-bottom: none; border-top-left-radius: 5px; border-top-right-radius: 5px; }
+.syntaxhl .debug {
-.syntaxhl .insert .eyecatcher { background-color: hsla(120,100%,50%,0.2); border: 1px solid hsla(120,100%,25%,0.5); margin: -1px; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
+  color: white ! important;
+  background: blue ! important;
+}
 
-.syntaxhl .insert .insert { color: #0c0; background:transparent; font-weight:bold }
+.syntaxhl .annotation {
-.syntaxhl .delete .delete { color: #c00; background:transparent; font-weight:bold }
+  color: #007;
-.syntaxhl .change .change { color: #88f }
+}
-.syntaxhl .head .head { color: #f4f }
+
+.syntaxhl .attribute-name {
+  color: #b48;
+}
+
+.syntaxhl .attribute-value {
+  color: #700;
+}
+
+.syntaxhl .binary {
+  color: #509;
+}
+
+.syntaxhl .char .content {
+  color: #D20;
+}
+
+.syntaxhl .char .delimiter {
+  color: #710;
+}
+
+.syntaxhl .char {
+  color: #D20;
+}
+
+.syntaxhl .class {
+  color: #B06;
+  font-weight: bold;
+}
+
+.syntaxhl .class-variable {
+  color: #369;
+}
+
+.syntaxhl .color {
+  color: #0A0;
+}
+
+.syntaxhl .comment {
+  color: #777;
+}
+
+.syntaxhl .comment .char {
+  color: #444;
+}
+
+.syntaxhl .comment .delimiter {
+  color: #444;
+}
+
+.syntaxhl .complex {
+  color: #A08;
+}
+
+.syntaxhl .constant {
+  color: #036;
+  font-weight: bold;
+}
+
+.syntaxhl .decorator {
+  color: #B0B;
+}
+
+.syntaxhl .definition {
+  color: #099;
+  font-weight: bold;
+}
+
+.syntaxhl .delimiter {
+  color: black;
+}
+
+.syntaxhl .directive {
+  color: #088;
+  font-weight: bold;
+}
+
+.syntaxhl .doc {
+  color: #970;
+}
+
+.syntaxhl .doc-string {
+  color: #D42;
+  font-weight: bold;
+}
+
+.syntaxhl .doctype {
+  color: #34b;
+}
+
+.syntaxhl .entity {
+  color: #800;
+  font-weight: bold;
+}
+
+.syntaxhl .error {
+  color: #F00;
+  background-color: #FAA;
+}
+
+.syntaxhl .escape {
+  color: #666;
+}
+
+.syntaxhl .exception {
+  color: #C00;
+  font-weight: bold;
+}
+
+.syntaxhl .float {
+  color: #60E;
+}
+
+.syntaxhl .function {
+  color: #06B;
+  font-weight: bold;
+}
+
+.syntaxhl .global-variable {
+  color: #d70;
+}
+
+.syntaxhl .hex {
+  color: #02b;
+}
+
+.syntaxhl .imaginary {
+  color: #f00;
+}
+
+.syntaxhl .include {
+  color: #B44;
+  font-weight: bold;
+}
+
+.syntaxhl .inline {
+  background-color: hsla(0,0%,0%,0.07);
+  color: black;
+}
+
+.syntaxhl .inline-delimiter {
+  font-weight: bold;
+  color: #666;
+}
+
+.syntaxhl .instance-variable {
+  color: #33B;
+}
+
+.syntaxhl .integer {
+  color: #00D;
+}
+
+.syntaxhl .key .char {
+  color: #60f;
+}
+
+.syntaxhl .key .delimiter {
+  color: #404;
+}
+
+.syntaxhl .key {
+  color: #606;
+}
+
+.syntaxhl .keyword {
+  color: #080;
+  font-weight: bold;
+}
+
+.syntaxhl .label {
+  color: #970;
+  font-weight: bold;
+}
+
+.syntaxhl .local-variable {
+  color: #963;
+}
+
+.syntaxhl .namespace {
+  color: #707;
+  font-weight: bold;
+}
+
+.syntaxhl .octal {
+  color: #40E;
+}
+
+.syntaxhl .operator {
+}
+
+.syntaxhl .predefined {
+  color: #369;
+  font-weight: bold;
+}
+
+.syntaxhl .predefined-constant {
+  color: #069;
+}
+
+.syntaxhl .predefined-type {
+  color: #0a5;
+  font-weight: bold;
+}
+
+.syntaxhl .preprocessor {
+  color: #579;
+}
+
+.syntaxhl .pseudo-class {
+  color: #00C;
+  font-weight: bold;
+}
+
+.syntaxhl .regexp .content {
+  color: #808;
+}
+
+.syntaxhl .regexp .delimiter {
+  color: #404;
+}
+
+.syntaxhl .regexp .modifier {
+  color: #C2C;
+}
+
+.syntaxhl .regexp {
+  background-color: hsla(300,100%,50%,0.06);
+}
+
+.syntaxhl .reserved {
+  color: #080;
+  font-weight: bold;
+}
+
+.syntaxhl .shell .content {
+  color: #2B2;
+}
+
+.syntaxhl .shell .delimiter {
+  color: #161;
+}
+
+.syntaxhl .shell {
+  background-color: hsla(120,100%,50%,0.06);
+}
+
+.syntaxhl .string .char {
+  color: #b0b;
+}
+
+.syntaxhl .string .content {
+  color: #D20;
+}
+
+.syntaxhl .string .delimiter {
+  color: #710;
+}
+
+.syntaxhl .string .modifier {
+  color: #E40;
+}
+
+.syntaxhl .string {
+  background-color: hsla(0,100%,50%,0.05);
+}
+
+.syntaxhl .symbol .content {
+  color: #A60;
+}
+
+.syntaxhl .symbol .delimiter {
+  color: #630;
+}
+
+.syntaxhl .symbol {
+  color: #A60;
+}
+
+.syntaxhl .tag {
+  color: #070;
+}
+
+.syntaxhl .type {
+  color: #339;
+  font-weight: bold;
+}
+
+.syntaxhl .value {
+  color: #088;
+}
+
+.syntaxhl .variable {
+  color: #037;
+}
+
+.syntaxhl .insert {
+  background: hsla(120,100%,50%,0.12);
+}
+
+.syntaxhl .delete {
+  background: hsla(0,100%,50%,0.12);
+}
+
+.syntaxhl .change {
+  color: #bbf;
+  background: #007;
+}
+
+.syntaxhl .head {
+  color: #f8f;
+  background: #505;
+}
+
+.syntaxhl .head .filename {
+  color: white;
+}
+
+.syntaxhl .delete .eyecatcher {
+  background-color: hsla(0,100%,50%,0.2);
+  border: 1px solid hsla(0,100%,45%,0.5);
+  margin: -1px;
+  border-bottom: none;
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+}
+
+.syntaxhl .insert .eyecatcher {
+  background-color: hsla(120,100%,50%,0.2);
+  border: 1px solid hsla(120,100%,25%,0.5);
+  margin: -1px;
+  border-top: none;
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+
+.syntaxhl .insert .insert {
+  color: #0c0;
+  background: transparent;
+  font-weight: bold;
+}
+
+.syntaxhl .delete .delete {
+  color: #c00;
+  background: transparent;
+  font-weight: bold;
+}
+
+.syntaxhl .change .change {
+  color: #88f;
+}
+
+.syntaxhl .head .head {
+  color: #f4f;
+}