From 4f2f2ae1e926a00ac83e1da6210bed3da24d9112 Mon Sep 17 00:00:00 2001
From: coderaiser <mnemonic.enemy@gmail.com>
Date: Sun, 1 Jul 2012 04:27:43 -0400
Subject: [PATCH] styles-moved-to-css-dir

---
 index.html           |   4 +-
 lib/server/minify.js |   7 +-
 reset.css            | 100 --------------
 style.css            | 317 -------------------------------------------
 4 files changed, 6 insertions(+), 422 deletions(-)
 delete mode 100644 reset.css
 delete mode 100644 style.css

diff --git a/index.html b/index.html
index 9add2cfc..6524a912 100644
--- a/index.html
+++ b/index.html
@@ -6,8 +6,8 @@
         <meta content="width=device-width,initial-scale=1" name="viewport" />
         <title>Cloud Commander</title>
 
-        <link rel=stylesheet href=/reset.css>
-        <link rel=stylesheet href=/style.css>        
+        <link rel=stylesheet href=/css/reset.css>
+        <link rel=stylesheet href=/css/style.css>        
         <!--
                         <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Droid+Sans+Mono">        
                 <script async src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
diff --git a/lib/server/minify.js b/lib/server/minify.js
index 556fd119..87a39cde 100644
--- a/lib/server/minify.js
+++ b/lib/server/minify.js
@@ -104,8 +104,9 @@ exports.cssStyles=function cssStyles(pImgConvertToBase64_b){
     }
     
     /* Константы */
-    var STYLE_CSS='style.css';
-    var RESET_CSS='reset.css';
+    var CSSDIR      = 'css/';
+    var STYLE_CSS   = CSSDIR+'style.css';
+    var RESET_CSS   = CSSDIR+'reset.css';
     
     var lAllStyle='';
     var lResetCssDone=false;
@@ -138,7 +139,7 @@ exports.cssStyles=function cssStyles(pImgConvertToBase64_b){
             if(pImgConvertToBase64_b)
                 base64_images(lAllStyle);
         else
-            fs.writeFile('all.min.css', lAllStyle, fileWrited('all.min.css'));
+            fs.writeFile(CSSDIR+'all.min.css', lAllStyle, fileWrited('all.min.css'));
          
          /* записываем сжатый css файл*/        
         else fs.writeFile(minFileName, final_code, fileWrited(minFileName));
diff --git a/reset.css b/reset.css
deleted file mode 100644
index a24c865b..00000000
--- a/reset.css
+++ /dev/null
@@ -1,100 +0,0 @@
-/* =============================================================================
-   HTML5 display definitions
-   ========================================================================== */
-
-/*
-article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
-audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
-audio:not([controls]) { display: none; }
-[hidden] { display: none; }
-*/
-
-/* =============================================================================
-   Base
-   ========================================================================== */
-
-/*
- * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
- * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
- */
-
-html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: sans-serif; color: #222;}
-body { margin: 0; font-size: 1em; line-height: 1.4; }
-
-/*
- * Remove text-shadow in selection highlight: h5bp.com/i
- * These selection declarations have to be separate
- * Also: hot pink! (or customize the background color to match your design)
- */
-/*
-::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
-    ::selection { background: #fe57a1; color: #fff; text-shadow: none; }
-*/
-::selection { text-shadow: none; opacity: 0;}
-
-
-/* =============================================================================
-   Links
-   ========================================================================== */
-
-a {text-decoration:none; color: #00e; }
-a:visited { color: #551a8b; }
-a:hover { color: #06e; }
-a:focus { outline: thin dotted; }
-
-/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
-a:hover, a:active { outline: 0; }
-
-ul{ margin: 1em 0; padding: 0 0 0 40px; }
-
-/*
- * 1. Display hand cursor for clickable form elements
- * 2. Allow styling of clickable form elements in iOS
- * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
- */
-
-
-/* =============================================================================
-   Chrome Frame Prompt
-   ========================================================================== */
-
-.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
-
-
-/* ==|== non-semantic helper classes ========================================
-   Please define your styles before this section.
-   ========================================================================== */
-
-/* For image replacement */
-.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
-.ir br { display: none; }
-
-/* Hide from both screenreaders and browsers: h5bp.com/u */
-.hidden { display: none !important; visibility: hidden; }
-
-/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
-.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
-
-/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
-.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
-
-/* Hide visually and from screenreaders, but maintain layout */
-.invisible { visibility: hidden; }
-
-/* Contain floats: h5bp.com/q */
-.clearfix:before, .clearfix:after { content: ""; display: table; }
-.clearfix:after { clear: both; }
-.clearfix { *zoom: 1; }
-
-/* ==|== print styles =======================================================
-   Print styles.
-   Inlined to avoid required HTTP connection: h5bp.com/r
-   ========================================================================== */
-
-@media print {
-  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
-  a, a:visited { text-decoration: underline; }
-  a[href]:after { content: " (" attr(href) ")"; } 
-  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
-  @page { margin: 0.5cm; }
-}
\ No newline at end of file
diff --git a/style.css b/style.css
deleted file mode 100644
index 57136168..00000000
--- a/style.css
+++ /dev/null
@@ -1,317 +0,0 @@
-/*
-@import url(//fonts.googleapis.com/css?family=Droid+Sans+Mono);
-*/
-
-/* Foundation Icons General Enclosed */
-@font-face {
-    font-family: 'FoundationIconsGeneralEnclosed';
-    src: url('//dl.dropbox.com/u/78163899/mnemonia/fonts/foundation-icons-general-enclosed.woff') format('woff');
-    font-weight: normal;
-    font-style: normal;
-
-}    
-/* символьный шрифт от гитхаба*/
-@font-face {
-  font-family: 'Octicons Regular';
-  font-style: normal;
-  font-weight: normal;
-  src: local('Octicons Regular'), url('//dl.dropbox.com/u/78163899/mnemonia/fonts/octicons-regular-webfont.woff') format('woff');
-}
-
-@font-face {
-  font-family: 'Droid Sans Mono';
-  font-style: normal;
-  font-weight: normal;
-  src: local('Droid Sans Mono'), local('DroidSansMono'), url('http://themes.googleusercontent.com/static/fonts/droidsansmono/v4/ns-m2xQYezAtqh7ai59hJUYuTAAIFFn5GTWtryCmBQ4.woff') format('woff');
-}
-
-body{
-  font:16px "Droid Sans Mono";
-}
-
-.menu{
-  font: 16px 'Octicons Regular';
-  margin-bottom: 0;
-}
-
-.path_icon{
-  font-family:'FoundationIconsGeneralEnclosed';
-  font-size:30px;
-  color: #46A4C3;/*#55BF3F; green*/
-  text-shadow:black 0 2px 1px;
-  /* размер иконки и позиция на png-файле*/
-  width: 15px;
-  height: 15px;
-  display: inline-block;
-  position: relative;
-  top: 3px;
-  left: -4px;
-}
-.path_icon:hover{
-  /*
-      color:#45D827;
-  */
-  cursor:pointer;
-}
-.path_icon:active{
-  text-shadow:black 0 0 1px;
-  position: relative;
-  top: 4px;
-} 
-.icon{
-  font-family: 'Octicons Regular';
-  font-size:16px;
-  width:16px;
-  height:16px;
-  display:inline-block;
-  margin-left:0.5%;
-}
-.error::before{
-    content:'\f026';
-    cursor:default;
-    color:rgb(222, 41, 41);
-    position: relative;
-    top: -3px;
-}
-.loading{
-  background:url(/img/spinner.gif);
-  position:relative;
-  top:1px;
-}
-.error:hover{
-  color:rgba(222, 41, 41, 0.81);
-}
-.refresh-icon{
-  background:url(/img/panel_refresh.png) no-repeat;
-}
-.refresh-icon:active{
-  /*background-position-y: -15px;*/
-background:url(/img/panel_refresh.png) 0 -15px no-repeat;
-}
-.clear-cache{
-  background:url(/img/console_clear.png)  -4px -4px no-repeat;
-  margin-right: 6px;
-  margin-left: 7px;
-}
-.clear-cache:active{
-  /*
-      background-position-y: -25px;
-  */
-  top:5px;
-}            
-  
-.settings:before{
-  content:'k';
-}            
-.links{
-  color:red;                
-  }
-  
-.mini-icon {
-    float: left;        
-    height: 16px;
-    left: -5px;
-    margin-left: 6px;  
-    position: relative;
-    top: 2px;
-    width: 16px;
-  /* отступ перед картинкой 
-   * для нормального отображения
-   * рамки
-   */
-}
-/* freeupex */
-.directory{
-  /*list-style-image*/
-  background-image:url('/img/dir.png');
-  background-repeat: no-repeat;
-  background-position: 0 0;
-}
-.text-file{
-  /*list-style-image*/
-  background-image:url('/img/txt.png');
-  background-repeat: no-repeat;
-  background-position: 0 0;
-}
-#fm{
-  height:90%;                
-  overflow-y: scroll;
-}
-.fm_header{
-  font-weight: bold;
-}
-#path{
-  margin-left:1.5%;                
-}
-#left{
-  float:left;
-  width:90%;
-}
-/* фон файла, на котором курсор*/
-.current-file{
-    border: 2px solid rgba(49, 123, 249, .40);
-}
-.selected-file{
-    background-color: rgba(49, 123, 249, .40);
-    color:white;
-}
-#right{
-  float:right;
-}
-.panel{
-  display: table;
-  width:45%;
-}
-#keyspanel{
-  text-align: center;
-}
-/* информация о файлах и папках*/
-.name{
-  float: left;
-  width: 37%;
-}
-.size{
-  float:left;
-  width:16%;
-  /* Ставим выравнивание,
-   * что бы размер был в
-   * одной ровной колонке
-   */
-  text-align: right;
-  /* Ставим отступ, что бы
-   * size не налазил на uid
-   * (owner)
-   */
-  margin-right: 27px;
-}
-.owner{
-}
-.mode{
-  float: right;
-  width: 25%;
-}
-
-ul,li{list-style-type:none;}
-button{
-  width:10%;
-}
-a{
-  text-decoration:none;                                
-}
-a:hover, a:active { cursor:pointer;outline: 0; color: #06e; }
-a:focus { outline: thin dotted; }      
-
-/* Если размер окна очень маленький
- * располагаем имя и атрибуты файла
- * друг-под-другом
-*/
-/* responsive design */
-@media only screen and (max-width: 600px){
-    #left{
-        width:90% !important;
-    }
-    .panel >li{
-        margin:10px;
-    }
-    /* если правая панель не помещаеться - прячем её */
-    #right{
-        display:none;
-    }
-    /* текущий файл под курсором */
-.current-file{
-        background-color: rgba(49, 123, 249, .40);
-        color:white;
-    }
-    /* делаем иконки под курсом белыми*/
-.current-file > .mini-icon{
-        color:white;
-    }
-.current-file > .text-file::before{
-        color:white;
-    }
-    
-/* меняем иконки на шрифтовые*/
-   .mini-icon {
-        font: 60px 'Octicons Regular';
-        width: 40%;
-        height: 0;
-        margin-left: 0;
-        float: right;
-        position: relative;
-        top: -17px;
-        
-        color: rgba(246, 224, 124, 0.56);
-    }
-    .directory::before{
-        content: '\f216';
-    }
-     .text-file::before{
-        color: rgba(26, 224, 124, 0.56);
-        content: '\f211';
-    }
-    .text-file{
-        background-image:none;
-    }
-    
-    
-
-    /* убираем заголовок*/
-    .fm_header{
-        display:none;
-    }        
-    .mode,.size,.owner{
-        /* располагаем элементы 
-         * один под другим
-         */
-        display: table;
-        float: none;
-        width: 0;
-        
-        text-align: left;
-    }
-    /* выводим заголовки рядом с полями */
-    .name::before{
-        content: 'name:';
-        font-weight: bold;
-        font-size: 13px;
-    }
-    .mode::before{
-        content: 'mode:';
-        font-weight: bold;
-        font-size: 13px;
-    }
-    .size::before{
-        content: 'size:';
-        font-weight: bold;
-        font-size: 13px;
-    }
-    .owner::before{
-        content: 'owner:';
-        font-weight: bold;
-        font-size: 13px;
-    }
-    
-    .name{
-        float: none;
-        width:100%;
-        font-size: 18px;
-    }
-}
-@media only screen and (min-width: 601px) and (max-width: 767px){
-    #left{        
-        width:90% !important;
-    }
-    #right{
-        display:none;
-    }
-}
-
-@media only screen and (min-width:767px) and (max-width: 1060px){
-    #left{        
-        width:90% !important;
-    }
-    /* если правая панель не помещаеться - прячем её */
-    #right{
-        display:none;
-    }
-}            
\ No newline at end of file