src/ztfy/myams/resources/css/myams.css
changeset 171 d1a43750fea2
parent 168 42c0629971ff
child 179 a36bac847ea7
--- a/src/ztfy/myams/resources/css/myams.css	Mon Mar 21 16:11:04 2016 +0100
+++ b/src/ztfy/myams/resources/css/myams.css	Thu Sep 01 15:16:47 2016 +0200
@@ -7,7 +7,7 @@
  *
  * Custom administration and application skin tools
  * Released under Zope Public License ZPL 1.1
- * ©2014 Thierry Florac <tflorac@ulthar.net>
+ * ©2014-2016 Thierry Florac <tflorac@ulthar.net>
  */
 /*
  * Colors variations
@@ -3640,7 +3640,7 @@
 }
 .badge {
   font-size: 11px;
-  padding: 4px 6px 1px;
+  padding: 3px 6px 2px;
 }
 .label {
   padding: 0.3em .6em .1em;
@@ -5503,6 +5503,12 @@
 nav > ul > li > a > .badge.pull-right {
   margin-right: 15px;
 }
+.minified nav > ul > li > a > .badge.pull-right {
+  position: absolute;
+  margin-right: 0;
+  top: 0.4em;
+  right: 5px;
+}
 nav > ul > li > a b {
   position: absolute!important;
   visibility: hidden;
@@ -5745,7 +5751,7 @@
   top: 48px;
   left: 16px;
   width: 344px;
-  height: 435px;
+  height: 452px;
   border-radius: 0;
   -webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
   box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
@@ -5756,7 +5762,7 @@
 @media only screen and (min-width: 320px) and (max-width: 479px) {
   .ajax-dropdown {
     width: 299px;
-    height: 320px;
+    height: 337px;
     left: 0;
     top: 49px;
   }
@@ -5775,31 +5781,33 @@
   border-color: rgba(131, 131, 131, 0);
   border-bottom-color: #838383;
   border-width: 8px;
-  left: 50%;
+  right: 8px;
   margin-left: -8px;
 }
 @media only screen and (min-width: 320px) and (max-width: 479px) {
   .ajax-dropdown:before {
     margin-left: -14px;
+    right: 13px;
   }
 }
 .ajax-dropdown:after {
   border-color: rgba(255, 255, 255, 0);
   border-bottom-color: #fff;
   border-width: 7px;
-  left: 50%;
+  right: 9px;
   margin-left: -7px;
 }
 @media only screen and (min-width: 320px) and (max-width: 479px) {
   .ajax-dropdown:after {
     margin-left: -13px;
+    right: 14px;
   }
 }
 .ajax-dropdown > :last-child {
   font-size: 13px;
   display: block;
   padding: 5px 0;
-  line-height: 22px;
+  line-height: 20px;
   font-weight: 400;
 }
 .ajax-dropdown > :first-child {
@@ -5811,7 +5819,7 @@
   border-radius: 50%;
   display: block;
   margin: 0 auto;
-  width: 46px;
+  width: 80px;
   text-align: center;
   color: #D1D1D1;
   border-color: #D1D1D1;
@@ -7089,15 +7097,20 @@
   display: block;
   min-height: 25px;
   overflow: hidden;
-  padding: 8px 10px 13px;
+  padding: 8px 8px 10px;
   white-space: normal;
 }
 .notification-body > li > span:hover {
   background: #F0F4F7;
   color: #667F8F;
 }
+.notification-body > li > span > a > span.msg-body,
+.notification-body > li > span > a > span.subject {
+  height: auto;
+  line-height: normal;
+}
 .notification-body > li a.msg {
-  padding-left: 50px!important;
+  padding-left: 40px!important;
 }
 .notification-body > li a,
 .notification-body > li a span {
@@ -7123,7 +7136,7 @@
   color: #333;
   font-weight: 400;
   margin-right: 60px;
-  margin-bottom: 6px;
+  margin-bottom: 3px;
   height: 20px;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -7149,8 +7162,6 @@
   color: #A0A0A0;
   max-height: 35px;
   width: 100%;
-  text-overflow: ellipsis;
-  white-space: nowrap;
   overflow: hidden;
 }
 .notification-body .subject {
@@ -16793,7 +16804,7 @@
   -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.04);
   box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.04);
   display: block;
-  height: 270px;
+  min-height: 270px;
   overflow-y: scroll;
   overflow-x: hidden;
   padding: 10px;
@@ -16807,17 +16818,22 @@
   margin: 0;
   padding: 0;
 }
-.chat-body li:first-child {
-  margin-top: 10px;
-}
 .chat-body li.message {
   display: block;
   position: relative;
-  margin: 20px 20px 0;
+  padding: 10px;
+  margin: 2px;
+}
+.chat-body li.message:hover {
+  background-color: #eee;
+}
+.chat-body li.message.request,
+.chat-body li.message.request:hover {
+  background-color: #e4e4e4;
 }
 .chat-body li.message img {
   display: inline-block;
-  border-left: 4px solid #fff;
+  border-left: 4px solid transparent;
   position: absolute;
 }
 .chat-body li.message img.online {
@@ -16839,16 +16855,16 @@
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   padding: 0;
-  margin-left: 65px;
+  margin-left: 50px;
   line-height: normal;
 }
 .chat-body li.message .message-text time {
   position: absolute;
-  top: 1px;
-  right: 0;
+  top: 3px;
+  right: 5px;
   font-size: 10px;
   line-height: 10px;
-  color: #AFAFAF;
+  color: #a1a1a1;
 }
 .chat-body li.message .message-text .chat-file {
   display: block;
@@ -16891,7 +16907,7 @@
     width: 150px;
   }
 }
-.chat-body li.message .message-text a.username {
+.chat-body li.message .message-text .username {
   display: block;
   font-weight: 700;
   margin-bottom: 4px;