summaryrefslogtreecommitdiff
path: root/skins/larry
diff options
context:
space:
mode:
authorthomascube <thomas@roundcube.net>2012-02-29 14:41:48 +0000
committerthomascube <thomas@roundcube.net>2012-02-29 14:41:48 +0000
commit737fbe3b6622c870fc02fea167e39bbebebb8eaf (patch)
tree65a8ecda0b72444ade14470e2cb2c11077c5bcc1 /skins/larry
parent38dc510b2dba02dba5a60fbc00947aac4fd24aab (diff)
More styles for decorated selects
Diffstat (limited to 'skins/larry')
-rw-r--r--skins/larry/styles.css28
-rw-r--r--skins/larry/ui.js3
2 files changed, 25 insertions, 6 deletions
diff --git a/skins/larry/styles.css b/skins/larry/styles.css
index ab704539c..94121356e 100644
--- a/skins/larry/styles.css
+++ b/skins/larry/styles.css
@@ -1451,13 +1451,27 @@ select.decorated {
position: relative;
z-index: 10;
opacity: 0;
- -khtml-appearance: none;
- padding: 2px 4px;
+ 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;
}
@@ -1504,12 +1518,14 @@ ul.toolbarmenu li,
}
.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;
}
@@ -1535,7 +1551,9 @@ ul.toolbarmenu li a.active {
.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));
diff --git a/skins/larry/ui.js b/skins/larry/ui.js
index 5e1218639..d7ef9ae0c 100644
--- a/skins/larry/ui.js
+++ b/skins/larry/ui.js
@@ -186,9 +186,10 @@ function rcube_mail_ui()
});
$('<a class="menuselector dropdownselector"><span class="handle">' + title + '</span></a>')
+ .css('position', 'absolute')
.offset(select.position())
.insertAfter(select)
- .children().width(select.width() - 5);
+ .children().width(select.outerWidth() - 40);
select.parent().css('position', 'relative');
});