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

---
 css/reset.css | 100 ++++++++++++++++
 css/style.css | 317 ++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 417 insertions(+)
 create mode 100644 css/reset.css
 create mode 100644 css/style.css

diff --git a/css/reset.css b/css/reset.css
new file mode 100644
index 00000000..a24c865b
--- /dev/null
+++ b/css/reset.css
@@ -0,0 +1,100 @@
+/* =============================================================================
+   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/css/style.css b/css/style.css
new file mode 100644
index 00000000..57136168
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,317 @@
+/*
+@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