More styles for decorated selects

thomascube

2012-02-29 737fbe3b6622c870fc02fea167e39bbebebb8eaf

 skins/larry/styles.css

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

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

.bold {
   font-weight: bold;
}
@@ -377,7 +373,7 @@
}

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

a.iconlink.cancel {
@@ -1311,7 +1307,7 @@
.dropbutton .dropbuttontip {
   display: block;
   position: absolute;
   right: 2px;
   right: 0;
   top: 0;
   height: 42px;
   width: 18px;
@@ -1332,6 +1328,13 @@
   background-position: 0 -1255px;
}

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

.toolbar a.button.back {
   background-position: 0 -1216px;
}
@@ -1349,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 {
@@ -1375,7 +1378,7 @@
}

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

.toolbar a.button.more {
@@ -1439,6 +1442,38 @@
   text-decoration: none;
}

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

select.decorated {
   position: relative;
   z-index: 10;
   opacity: 0;
   height: 22px;
   cursor: pointer;
   filter: alpha(opacity=0);
   -khtml-appearance: none;
   -webkit-appearance: none;
}

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

select.decorated option {
   color: #fff;
   background: #444;
   border: 1px solid #999;
   border-top-color: #5a5a5a;
   border-bottom-color: #333;
   text-shadow: 0px 1px 1px #333;
   padding: 6px 10px;
   outline: none;
}


/*** popup menus ***/

@@ -1483,12 +1518,14 @@
}

.googie_list tr:first-child td,
ul.toolbarmenu li:first-child {
ul.toolbarmenu li:first-child,
select.decorated option:first-child {
   border-top: 0;
}

.googie_list tr:last-child td,
ul.toolbarmenu li:last-child {
ul.toolbarmenu li:last-child,
select.decorated option:last-child {
   border-bottom: 0;
}

@@ -1514,7 +1551,9 @@

.googie_list td.googie_list_onhover,
ul.toolbarmenu li a.active:hover,
#rcmKSearchpane ul li.selected {
#rcmKSearchpane ul li.selected,
select.decorated option:hover,
select.decorated option[selected='selected'] {
   background-color: #00aad6;
   background: -moz-linear-gradient(top, #00aad6 0%, #008fc9 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aad6), color-stop(100%,#008fc9));
@@ -1759,8 +1798,7 @@
   background-position: 0 -156px;
}

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