Some more improvemements on content structure, text representation and keyb...

Thomas Bruederli

2014-06-02 d58c39126f6e1754e29b6f3bbc01f0f6a3ea2581

 skins/larry/styles.css

@@ -35,6 +35,10 @@
  border: 0;
}

.voice {
   display: none;
}

input[type="text"],
input[type="password"],
textarea {
@@ -310,6 +314,16 @@
   box-shadow: inset 0 1px 2px 0 #555;
   border-right-color: #555;
   border-left-color: #555;
}

.buttongroup a.button:focus,
.buttongroup a.button.selected:focus {
   background: #f2f2f2;
   background: -moz-linear-gradient(top, #49b3d2 0, #66bcd9 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#49b3d2), color-stop(100%,#66bcd9));
   background: -o-linear-gradient(top, #49b3d2 0, #66bcd9 100%);
   background: -ms-linear-gradient(top, #49b3d2 0, #66bcd9 100%);
   background: linear-gradient(top, #49b3d2 0, #66bcd9 100%);
}

.pagenav a.button {
@@ -948,7 +962,7 @@
#taskbar a:focus {
   color: #fff;
   text-shadow: 0px 1px 1px #666;
   background-color: #3da0c2;
   background-color: rgba(73,180,210,0.7);
   outline: none;
}

@@ -1170,17 +1184,53 @@
   padding-bottom: 5px;
   height: auto;
   min-height: 14px;
   outline: none;
}

.listing tbody td a {
   color: #376572;
   text-shadow: 0px 1px 1px #fff;
   text-decoration: none;
}

.webkit .listing tbody td {
   height: 14px;
}

/* This padding-left minus the focused padding left should be half of the focused border-left */
.listing thead tr td:first-child,
.listing tbody tr td:first-child {
   border-left: 0;
   padding-left: 6px;
}

.listing.iconized thead tr td:first-child,
.listing.iconized tbody tr td:first-child {
   padding-left: 36px;
}

/* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
.listing.focus tbody tr.focused > td:first-child {
   border-left: 2px solid #b0ccd7;
   padding-left: 4px;
}

.listing.iconized.focus tbody tr.focused > td:first-child {
   padding-left: 34px;
}

.listing.focus tbody tr.selected.focused > td:first-child {
   border-left-color: #9ec2d0;
}

.listing.inconized.focus tr.focused td:first-child {
   padding-left: 34px;
}

.listbox .listitem.selected,
.listbox .tablink.selected,
.listbox .listitem.selected > a,
.listbox .tablink.selected > a,
.listing tbody tr.unfocused td,
.listing tbody tr.selected td,
.listing li.selected,
.listing li.selected > a {
@@ -1248,8 +1298,8 @@
}

ul.treelist li a:focus {
   color: #fff;
   background: #4db0d2;
   color: #fff !important;
   background-color: rgba(73,180,210,0.6);
   text-shadow: 0px 1px 1px #666;
   outline: none;
}
@@ -1336,7 +1386,7 @@

.boxfooter a.listbutton:focus {
   color: #fff;
   background: #4db0d2;
   background-color: rgba(73,180,210,0.6);
   text-shadow: 0px 1px 1px #666;
   outline: none;
}
@@ -1498,7 +1548,7 @@

.records-table thead td a:focus {
   color: #fff;
   background: #4db0d2;
   background-color: rgba(73,180,210,0.7);
   text-shadow: 0px 1px 1px #666;
   outline: none;
}
@@ -1512,6 +1562,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   background-color: #fff;
   outline: none;
}

/* This padding-left minus the focused padding left should be half of the focused border-left */
@@ -1533,6 +1584,10 @@

.records-table tr.selected td {
   color: #fff !important;
   background-color: #4db0d2 !important;
}

.records-table.focus tr.selected td {
   background: #019bc6;
   background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4));
@@ -1543,16 +1598,6 @@

.records-table tr.selected td a,
.records-table tr.selected td span {
   color: #fff !important;
}

.records-table tr.unfocused td {
   color: #fff !important;
   background-color: #4db0d2 !important;
}

.records-table tr.unfocused td a,
.records-table tr.unfocused td span {
   color: #fff !important;
}

@@ -1938,11 +1983,12 @@
   border-radius: 0;
}

.dropbutton .dropbuttontip:focus,
.toolbar a.button:focus {
   color: #fff;
   text-shadow: 0px 1px 1px #666;
   background-color: #4db0d2;
   border-radius: 4px;
   background-color: rgba(30,150,192, 0.5);
   border-radius: 3px;
}

.toolbar a.button.disabled {
@@ -1960,12 +2006,16 @@
   position: absolute;
   right: 0;
   top: 0;
   height: 42px;
   height: 41px;
   width: 18px;
   overflow: hidden;
   text-indent: -5000px;
   background: url(images/buttons.png) 0 -1255px no-repeat;
   cursor: pointer;
   outline: none;
}

.dropbutton .dropbuttontip:focus,
.dropbutton .dropbuttontip:hover {
   background-position: -26px -1255px;
}
@@ -2659,6 +2709,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   line-height: 20px;
   outline: none;
}

.attachmentslist li a.drop {
@@ -2670,6 +2721,15 @@
   right: 0;
   top: 0;
   padding: 0;
   overflow: hidden;
   text-indent: -5000px;
   outline: none;
}

.attachmentslist li a:focus,
.attachmentslist li a.drop:focus {
   background-color: rgba(30,150,192, 0.5);
   border-radius: 2px;
}

#compose-attachments ul li {