Improve "ul.listing li" with text overflow styles

Aleksander Machniak

2013-11-28 f25a96bd4020806ffe6674b0f82f5df5f54add2a

 skins/larry/styles.css

@@ -531,8 +531,8 @@

#messagestack {
   position: absolute;
   bottom: 18px;
   right: 8px;
   bottom: 20px;
   right: 12px;
   z-index: 50000;
   width: auto;
   height: auto;
@@ -557,13 +557,13 @@
   color: #ebebeb;
   text-shadow: 0 1px 1px #000;

   background: rgba(64,64,64,0.9);
   background: -moz-linear-gradient(top, rgba(64,64,64,0.9) 0%, rgba(48,48,48,0.9) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,64,64,0.9)), color-stop(100%,rgba(48,48,48,0.9)));
   background: -webkit-linear-gradient(top, rgba(64,64,64,0.9) 0%, rgba(48,48,48,0.9) 100%);
   background: -o-linear-gradient(top, rgba(64,64,64,0.9) 0%, rgba(48,48,48,0.9) 100%);
   background: -ms-linear-gradient(top, rgba(64,64,64,0.9) 0%, rgba(48,48,48,0.9) 100%);
   background: linear-gradient(to bottom, rgba(64,64,64,0.9) 0%, rgba(48,48,48,0.9) 100%);
   background: rgba(64,64,64,0.85);
   background: -moz-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.9) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,64,64,0.85)), color-stop(100%,rgba(48,48,48,0.9)));
   background: -webkit-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%);
   background: -o-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%);
   background: -ms-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%);
   background: linear-gradient(to bottom, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%);

   -moz-box-shadow: 0 1px 4px 0 rgba(50,50,50,0.8), inset 0px 1px 0 0px #888;
   -webkit-box-shadow: 0 1px 4px 0 rgba(50,50,50,0.8), inset 0px 1px 0 0px #888;
@@ -1133,6 +1133,9 @@

ul.listing li {
   background-color: #d9ecf4;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

ul.listing li ul {
@@ -1734,7 +1737,7 @@

#quicksearchbar {
   position: absolute;
   right: 1px;
   right: 2px;
   top: 2px;
   width: 240px;
}