Decorate search filter drop-down with a more Larry like style

thomascube

2012-02-29 7a32e9c7e82a884d58ec2774d0148e5075a4791c

 skins/larry/styles.css

@@ -66,10 +66,6 @@
   color: #aaa;
}

select.selector {
   padding: 2px 4px;
}

.bold {
   font-weight: bold;
}
@@ -227,6 +223,7 @@

a.button.disabled span.inner {
   opacity: 0.4;
   filter: alpha(opacity=40);
}

a.button.pressed,
@@ -338,6 +335,7 @@

a.iconbutton.disabled {
   opacity: 0.4;
   filter: alpha(opacity=40);
   cursor: default;
}

@@ -375,7 +373,7 @@
}

a.iconlink.remove {
   background-position: -7px -377px;
   background-position: -7px -378px;
}

a.iconlink.cancel {
@@ -506,11 +504,11 @@
   margin-bottom: 10px;
   padding: 0 0 0 10px;
   background: #111;
   background: -moz-linear-gradient(top, rgba(64,64,64,1) 0%, rgba(6,6,6,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,64,64,1)), color-stop(100%,rgba(6,6,6,1)));
   background: -o-linear-gradient(top, rgba(64,64,64,1) 0%,rgba(6,6,6,1) 100%);
   background: -ms-linear-gradient(top, rgba(64,64,64,1) 0%,rgba(6,6,6,1) 100%);
   background: linear-gradient(top, rgba(64,64,64,1) 0%,rgba(6,6,6,1) 100%);
   background: -moz-linear-gradient(top, #404040 0%, #060606 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#060606));
   background: -o-linear-gradient(top, #404040 0%, #060606 100%);
   background: -ms-linear-gradient(top, #404040 0%, #060606 100%);
   background: linear-gradient(top, #404040 0%, #060606 100%);
}

#topline a,
@@ -852,6 +850,7 @@

.boxfooter .listbutton.disabled .inner {
   opacity: 0.4;
   filter: alpha(opacity=40);
}

.boxfooter .countdisplay {
@@ -894,6 +893,7 @@

.boxpagenav a.icon.disabled {
   opacity: 0.4;
   filter: alpha(opacity=40);
}

.centerbox {
@@ -1181,11 +1181,11 @@
   text-shadow: 0px 1px 1px #fff;
   border-color: #f9f9f9;
   background: #f9f9f9;
   background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(226,226,226,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(226,226,226,1)));
   background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(226,226,226,1) 100%);
   background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(226,226,226,1) 100%);
   background: linear-gradient(top, rgba(249,249,249,1) 0%,rgba(226,226,226,1) 100%);
   background: -moz-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e2e2e2));
   background: -o-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%);
   background: -ms-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%);
   background: linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%);
   box-shadow: inset 0 1px 0 0 #fff;
   -moz-box-shadow: inset 0 1px 0 0 #fff;
   -webkit-box-shadow: inset 0 1px 0 0 #fff;
@@ -1202,11 +1202,11 @@

#login-form input.button:active {
   color: #333;
   background: -moz-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(249,249,249,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,220,220,1)), color-stop(100%,rgba(249,249,249,1)));
   background: -o-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(249,249,249,1) 100%);
   background: -ms-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(249,249,249,1) 100%);
   background: linear-gradient(top, rgba(220,220,220,1) 0%,rgba(249,249,249,1) 100%);
   background: -moz-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(100%,#f9f9f9));
   background: -o-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%);
   background: -ms-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%);
   background: linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%);
}

#login-form td.title {
@@ -1296,6 +1296,7 @@

.toolbar a.button.disabled {
   opacity: 0.4;
   filter: alpha(opacity=40);
}

.dropbutton {
@@ -1306,7 +1307,7 @@
.dropbutton .dropbuttontip {
   display: block;
   position: absolute;
   right: 2px;
   right: 0;
   top: 0;
   height: 42px;
   width: 18px;
@@ -1320,10 +1321,18 @@

.dropbutton a.button.disabled + .dropbuttontip {
   opacity: 0.5;
   filter: alpha(opacity=50);
}

.dropbutton a.button.disabled + .dropbuttontip:hover {
   background-position: 0 -1255px;
}

.dropbutton a.button {
    margin-left: 0;
    padding-left: 0;
    margin-right: 0;
    padding-right: 0;
}

.toolbar a.button.back {
@@ -1343,13 +1352,13 @@
}

.toolbar a.button.reply-all {
   min-width: 74px;
   background-position: center -610px;
   min-width: 64px;
   background-position: left -610px;
}

.toolbar a.button.forward {
   min-width: 74px;
   background-position: center -650px;
   min-width: 64px;
   background-position: left -650px;
}

.toolbar a.button.delete {
@@ -1369,7 +1378,7 @@
}

.toolbar a.button.markmessage {
   background-position: center -1095px;
   background-position: center -1094px;
}

.toolbar a.button.more {
@@ -1431,6 +1440,24 @@
   background: -ms-linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
   background: linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
   text-decoration: none;
}

a.dropdownselector {
   position: absolute;
   z-index: 1;
}

select.decorated {
   position: relative;
   z-index: 10;
   opacity: 0;
   -khtml-appearance: none;
   padding: 2px 4px;
   cursor: pointer;
}

html.opera select.decorated {
   opacity: 1;
}


@@ -1542,10 +1569,12 @@
   background-position: -100px 0;
   background-repeat: no-repeat;
   opacity: 0.2;
   filter: alpha(opacity=20);
}

ul.toolbarmenu li a.active span.icon {
   opacity: 0.99;
   filter: alpha(opacity=100);
}

ul.toolbarmenu li span.read {
@@ -1677,6 +1706,7 @@
   color: #ccc;
   white-space: nowrap;
   opacity: 0.92;
   filter: alpha(opacity=92);
   text-shadow: 0px 1px 1px #333;
}

@@ -1750,8 +1780,7 @@
   background-position: 0 -156px;
}

.attachmentslist li.rar,
.attachmentslist li.gz {
.attachmentslist li.rar {
   background-position: 0 -182px;
}