diff --git a/css/style.css b/css/style.css index 257b1f92..69030b8c 100644 --- a/css/style.css +++ b/css/style.css @@ -1,4 +1,4 @@ -/*1 +/* @import url(//fonts.googleapis.com/css?family=Droid+Sans+Mono); */ @@ -40,53 +40,53 @@ body{ } .menu{ - font: 16px 'Octicons Regular'; - margin-bottom: 0; + margin-bottom: 0; + font: 16px 'Octicons Regular'; } -.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{ + position: relative; + top: 3px; + left: -4px; + display: inline-block; + /* размер иконки и позиция на png-файле*/ + width: 15px; + height: 15px; + font-family:'FoundationIconsGeneralEnclosed'; + font-size:30px; + color: #46A4C3;/*#55BF3F; green*/ + text-shadow:black 0 2px 1px; } -.path_icon:hover{ +.path-icon:hover{ /* color:#45D827; */ cursor:pointer; } -.path_icon:active{ - text-shadow:black 0 0 1px; - position: relative; - top: 4px; +.path-icon:active{ + position: relative; + top: 4px; + text-shadow:black 0 0 1px; } .icon{ - font-family: 'Octicons Regular'; - font-size:16px; - width:16px; - height:16px; - display:inline-block; - margin-left:0.5%; + display:inline-block; + width:16px; + height:16px; + margin-left:0.5%; + font-family: 'Octicons Regular'; + font-size:16px; } .error::before{ + position: relative; bottom : 4px; content:'\f026'; cursor:default; - color:rgb(222, 41, 41); - position: relative; + color:rgb(222, 41, 41); } .loading{ - background:url(/img/spinner.gif); - position:relative; - top:1px; + position:relative; + top:1px; + background:url(/img/spinner.gif); } .error:hover{ color:rgba(222, 41, 41, 0.81); @@ -99,9 +99,9 @@ body{ 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; + margin-right: 6px; + margin-left: 7px; + background:url(/img/console_clear.png) -4px -4px no-repeat; } .clear-cache:active{ /* @@ -114,17 +114,17 @@ background:url(/img/panel_refresh.png) 0 -15px no-repeat; content:'k'; } .links{ - color:red; - } + color:red; +} .mini-icon { - float: left; - height: 16px; - left: -5px; - margin-left: 6px; position: relative; top: 2px; + left: -5px; + float: left; width: 16px; + height: 16px; + margin-left: 6px; /* отступ перед картинкой * для нормального отображения * рамки @@ -140,16 +140,16 @@ background:url(/img/panel_refresh.png) 0 -15px no-repeat; } /* freeupex */ .directory{ - /*list-style-image*/ - background-image:url('/img/dir.png'); - background-repeat: no-repeat; - background-position: 0 0; + /*list-style-image*/ + background-image:url('/img/dir.png'); + background-position: 0 0; + background-repeat: no-repeat; } .text-file{ - /*list-style-image*/ - background-image:url('/img/txt.png'); - background-repeat: no-repeat; - background-position: 0 0; + /*list-style-image*/ + background-image:url('/img/txt.png'); + background-position: 0 0; + background-repeat: no-repeat; } #fm{ height: 90%; @@ -169,16 +169,16 @@ background:url(/img/panel_refresh.png) 0 -15px no-repeat; border: 1.5px solid rgba(49, 123, 249, .40); } .selected-file{ - background-color: rgba(49, 123, 249, .40); color:white; + background-color: rgba(49, 123, 249, .40); } #right{ float:right; } .panel{ - border: 1.5px solid rgba(49, 123, 249, .40); + width: 46%; overflow-y: auto; - width:46%; + border: 1.5px solid rgba(49, 123, 249, .40); } #keyspanel{ text-align: center; @@ -189,18 +189,18 @@ background:url(/img/panel_refresh.png) 0 -15px no-repeat; width: 37%; } .size{ - float:left; - width:16%; - /* Ставим выравнивание, - * что бы размер был в - * одной ровной колонке - */ - text-align: right; - /* Ставим отступ, что бы - * size не налазил на uid - * (owner) - */ - margin-right: 27px; + float:left; + width:16%; + /* Ставим отступ, что бы + * size не налазил на uid + * (owner) + */ + margin-right: 27px; + /* Ставим выравнивание, + * что бы размер был в + * одной ровной колонке + */ + text-align: right; } .owner{ } @@ -211,11 +211,11 @@ background:url(/img/panel_refresh.png) 0 -15px no-repeat; /* changin ul to panel for high speed parsing*/ .panel, li{ + list-style-type:none; /* making cursor just arrow, * not text editing cursor */ - cursor:default; - list-style-type:none; + cursor:default; } button{ width:10%; @@ -223,7 +223,11 @@ button{ a{ text-decoration:none; } -a:hover, a:active { cursor:pointer;outline: 0; color: #06e; } +a:hover, a:active { + color: #06e; + cursor:pointer; + outline: 0; +} a:focus { outline: thin dotted; } /* Если размер окна очень маленький