ztfy/ztfy.myams: comparison src/ztfy/myams/resources/css/myams.css

equal deleted inserted replaced

-:448072405613
+:d1a43750fea2
 * $Tag$
 * A bootstrap based application/administration skin
 *
 * 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
 */
 .txt-color-danger {
 .font-400 {
 font-size: 400%!important;
 }
 .badge {
 font-size: 11px;
-padding: 4px 6px 1px;
+padding: 3px 6px 2px;
 }
 .label {
 padding: 0.3em .6em .1em;
 }
 .cursor-pointer {
 border-color: #ACACAC!important;
 }
 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;
 right: 10px;
 top: 10px;
 display: none;
 z-index: 1003;
 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);
 padding: 10px;
 background: #fff;
 border: 1px solid #b3b3b3;
 }
 @media only screen and (min-width: 320px) and (max-width: 479px) {
 .ajax-dropdown {
 width: 299px;
-height: 320px;
+height: 337px;
 left: 0;
 top: 49px;
 }
 }
 .ajax-dropdown:after,
 }
 .ajax-dropdown:before {
 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 {
 margin: 0 0 3px;
 padding: 0 0 9px;
 .ajax-dropdown .fa-4x.fa-border {
 border-width: 3px;
 border-radius: 50%;
 display: block;
 margin: 0 auto;
-width: 46px;
+width: 80px;
 text-align: center;
 color: #D1D1D1;
 border-color: #D1D1D1;
 }
 .ajax-dropdown .btn-group .btn {
 .notification-body > li > span {
 background: #fff;
 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 {
 display: block;
 position: relative;
 font-size: 14px;
 line-height: normal;
 color: #333;
 font-weight: 400;
 margin-right: 60px;
-margin-bottom: 6px;
+margin-bottom: 3px;
 height: 20px;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
 }
 .notification-body .subject {
 font-size: 13px;
 color: #A0A0A0;
 max-height: 35px;
 width: 100%;
-text-overflow: ellipsis;
-white-space: nowrap;
 overflow: hidden;
 }
 .notification-body .subject {
 font-size: 13px;
 color: #333;
 background: linear-gradient(to bottom, #f5fcff 0, #ffffff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0);
 -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;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 }
 .chat-body ul {
 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 {
 border-left-color: #00a300;
 }
 vertical-align: top;
 box-sizing: border-box;
 -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;
+top: 3px;
-right: 0;
+right: 5px;
 font-size: 10px;
 line-height: 10px;
-color: #AFAFAF;
+color: #a1a1a1;
 }
 .chat-body li.message .message-text .chat-file {
 display: block;
 margin: 3px 0;
 padding: 4px;
 @media (max-width: 480px) {
 .chat-body li.message .message-text .chat-file b {
 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;
 vertical-align: top;
 line-height: 14px;

changeset 171	d1a43750fea2
parent 168	42c0629971ff
child 179	a36bac847ea7