Fixes for FM

Author: serghey-rodin

web/css/file_manager.css

@@ -556,11 +556,12 @@ input[type="checkbox"] {
   .menu div.button { display: none; }
   .menu div.button.medium,
   .menu div.button.small { display: inline-block; }
-  .listing li .filename-holder { max-width: 20%; }
 }
 
 @media (max-width: 1080px) {
+  .listing li .filename-holder { max-width: 36%; }
   .listing li .owner { display: none; }
+  .listing li .mode { display: none; }
 }
 
 @media (max-width: 890px) {

web/css/file_manager_editor.css

@@ -1,11 +1,10 @@
 body, form { padding: 0; margin: 0; background: #333;  }
 
 
-input.save { 
+input.save {
     background-color: rgba(247, 165, 48, 0.8);
     border: 1px solid #f79b44;
     border-radius: 3px;
-/*    bottom: 17px;*/
     top: 9px;
     color: #fafafa;
     cursor: pointer;
@@ -32,13 +31,5 @@ input.save:active { border: 1px solid #FFCC00; background-color: #FFCC00; color:
 .ace-twilight .ace_gutter-active-line { margin-top: 10px; }
 
 .ace_gutter-cell { color: #777; }
-/*
-.ace_gutter-cell { color: #777; padding: 9px 0px 0px 4px; }
-.ace_line { padding: 9px 0px 0px 4px; }
-
-.ace_editor,
-.ace-twilight .ace_cursor,
-.ace_text-input { font-size: 17px; }
-*/
 
 .ace_editor { font-size: 19px !important; }

web/css/styles.min.css

@@ -663,7 +663,7 @@ input[type="checkbox"] {
   height: 22px;
   margin-top: 4px;
   width: 73px;
-  margin-left: -11px;
+  margin-left: -2px;
 }
 
 .l-header {
@@ -746,7 +746,8 @@ input[type="checkbox"] {
   float: left;
   color: #a4abad;
   font-weight: 700;
-  padding: 10px 5px;
+  padding: 10px 0 0 10px;
+  margin-right: 12px;
 }
 .l-profile__username:hover {
   color: #ffd62e;
@@ -759,8 +760,8 @@ input[type="checkbox"] {
 .l-profile__logout {
   float: left;
   color: #fff;
-  margin-left: 40px;
-  padding: 10px 5px;
+/*  margin-left: 40px; */
+  padding: 10px 0 0 10px;
 }
 .l-profile__logout:hover {
   color: #C0E60E;
@@ -775,6 +776,111 @@ input[type="checkbox"] {
   padding: 8px 5px;
 }
 
+.l-profile__notifications {
+  background: url("/images/sprite.png") no-repeat scroll -129px -135px;
+  border-radius: 30px;
+  color: #fff;
+  cursor: pointer;
+  float: left;
+  font-weight: bold;
+  height: 15px;
+  margin-right: 4px;
+  margin-top: 5px;
+  padding: 10px 5px 0;
+  width: 15px;
+}
+.l-profile__notifications.active {
+  background-color: #454545;
+}
+.l-profile__notifications:hover {
+  background-color: #333;
+}
+.l-profile__notifications:active {
+  background-color: #c4da5e;
+}
+.l-profile__notifications.updates {
+  background-position: -165px -135px;
+}
+
+.l-profile__notifications.updates2 {
+/*  background-position: -202px -135px; */
+  background-position: -202px -157px;
+}
+
+.notification-container {
+  background-color: #454545;
+  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.3);
+  list-style-type: none;
+  margin: 0;
+  overflow: hidden;
+  padding-left: 0;
+  position: fixed;
+  top: 34px;
+  width: 351px;
+  z-index: 21;
+  font-size: 12px;
+  padding: 0;
+  color: #9E9E9E;
+}
+.notification-container li {
+  border-bottom: 1px solid #555;
+  padding: 10px 15px 24px;
+}
+.notification-container .mark-seen {
+  background: rgba(0, 0, 0, 0) url("/images/sprite.png") repeat scroll -427px -486px;
+  border: 5px solid #454545;
+  border-radius: 12px;
+  cursor: pointer;
+  display: inline-block;
+  float: right;
+  height: 9px;
+  margin-right: -8px;
+  margin-top: -3px;
+  width: 9px;
+}
+.notification-container .mark-seen:hover {
+  background-color: #333;
+  border-color: #333;
+}
+.notification-container .mark-seen:active {
+  background-color: #777;
+  border-color: #777;
+}
+.notification-container .title {
+  color: #9e9e9e;
+  font-weight: bold;
+  line-height: 30px;
+  padding: 0;
+  text-transform: none;
+  float: none;
+  display: block;
+}
+.notification-container .title a {
+  color: #9e9e9e;
+}
+
+.notification-container .unseen .title a,
+.notification-container .unseen .title {
+  color: #C4DA5E;
+}
+.notification-container .unseen .title a:hover {
+  color: #ffcc00;
+}
+.notification-container .unseen .title a:active {
+  color: #dacf2e;
+}
+
+
+.notification-container a {
+  color: #5ABDB5;/* #eee;*/
+}
+.notification-container a:hover {
+  color: #2CA99B;
+}
+.notification-container a:active {
+  color: #00C0C0;
+}
+
 
 
 .l-stat {
@@ -1406,7 +1512,7 @@ div.l-content > div.l-separator:nth-of-type(4) {
   width: 250px;
 }
 .l-unit__stat-col--left.wide-4 {
-  width: 575px;
+  width: 550px;
 }
 
 
@@ -2686,6 +2792,7 @@ form#vstobjects.suspended {
   padding: 3px 14px 3px 27px;
   position: absolute;
   text-transform: uppercase;
+  word-break: keep-all;
   z-index: -1;
 }
 
@@ -2838,7 +2945,7 @@ form#vstobjects.suspended {
 .description {
   font-weight: normal;
   line-height: 25px;
-  padding-bottom: 20px;
+  padding-bottom: 45px;
   margin-left: 50px;
 }
 .description ul{
@@ -2857,20 +2964,44 @@ form#vstobjects.suspended {
   color: #2c9491;
 }
 .description a.purchase {
-  color: #86A307;
+  color: #FFF;
   background-color: #9fbf0c;
+  border: none;
   border-radius: 3px;
-  color: #fff;
   font-size: 13px;
   font-weight: bold;
-  padding: 7px;
+  padding: 7px 15px;;
   text-transform: capitalize;
   text-decoration: none;
 }
 .description a.purchase:hover {
   background-color: #c0e60f;
   color: #555;
 }
+.description a.purchase:active {
+  background-color: #D9F210;
+  color: #555;
+}
+
+.description a.cancel {
+  background-color: #999;
+  border: none;
+  border-radius: 3px;
+  color: #fff;
+  font-size: 13px;
+  font-weight: bold;
+  padding: 7px 15px;
+  text-transform: capitalize;
+  text-decoration: none;
+}
+.description a.cancel:hover {
+  background-color: #2c9491;
+}
+.description a.cancel:active {
+  background-color: #5f9491;
+}
+
+
 .description .licence {
   padding: 20px 0;
   color: #2c9491;
@@ -2887,3 +3018,10 @@ form#vstobjects.suspended {
   padding-top: 20px;
 }
 
+.description .twoco {
+  font-style: italic;
+  line-height: 15px;
+  font-size: 12px;
+}
+
+