From 1855a5ba9928131afdddf433d5f1282cd6c4ddb5 Mon Sep 17 00:00:00 2001
From: Verdier <luc.verdier1@gmail.com>
Date: Sun, 9 Dec 2012 12:20:23 +0100
Subject: [PATCH] Start to restore list of active files.

---
 components/active/screen.css | 75 +++++++++++++++++++++++++++++++++++-
 1 file changed, 74 insertions(+), 1 deletion(-)

diff --git a/components/active/screen.css b/components/active/screen.css
index c0e289b..0648cb6 100755
--- a/components/active/screen.css
+++ b/components/active/screen.css
@@ -1,5 +1,10 @@
 /* Current Files */
 
+
+/************************
+ * Tabs
+ ************************/
+
 #tab-list {
     list-style-type: none;
     overflow: hidden;
@@ -104,6 +109,10 @@ Gradients Generated by: http://www.colorzilla.com/gradient-editor/
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#141414',GradientType=0 ); /* IE6-9 */
 }
 
+/************************
+ * Dropdown
+ ************************/
+
 #tab-dropdown {
     /* Adjust this size depending on the final editor-top-bar height. */
     position: fixed;
@@ -176,4 +185,68 @@ Gradients Generated by: http://www.colorzilla.com/gradient-editor/
 #tab-dropdown-menu a:hover span:hover {
     color: #fff;
     background-color: #000;
-}   
+}  
+
+/************************
+ * List
+ ************************/
+ 
+ #list-active-files {
+    width: 100%;
+    height: 40%;
+    margin: 0;
+    padding: 15px;
+    overflow: scroll;
+    border-top: 2px solid #787878;
+}
+ #list-active-files a {
+    display: block;
+    padding: 5px 30px 5px 10px;
+    margin: 5px 0;
+    border-radius: 3px;
+    line-height: 150%;
+    font-size: 12px;
+    word-break: break-all;
+    background-color: #262626;
+    height: 27px;
+    overflow: hidden;
+}
+ #list-active-files a:hover,  #list-active-files a.active {
+    background-color: #474747;
+}
+ #list-active-files a.changed {
+    border: 3px solid #3ba628;
+    border-top: 0;
+    border-bottom: 0;
+}
+ #list-active-files div {
+    white-space: nowrap;
+    direction: rtl;
+    overflow: hidden;
+}
+ #list-active-files a span {
+    display: block;
+    float: right;
+    margin: 1px -23px 0 -15px;
+    padding: 1px 4px 2px 4px;
+    color: transparent;
+    background: none;
+    border-radius: 5px;
+    line-height: 100%;
+}
+ #list-active-files a span:after {
+    content: 'x';
+}
+ #list-active-files a:hover span {
+    background: #1a1a1a;
+    color: #616161;
+}
+ #list-active-files a:hover span:hover {
+    color: #fff;
+    background-color: #000;
+}
+.active-sort-placeholder {
+    border: 1px dashed #333;
+    border-radius: 5px;
+}
+