summaryrefslogtreecommitdiff
path: root/skins/larry/styles.css
diff options
context:
space:
mode:
authorthomascube <thomas@roundcube.net>2011-12-14 09:35:22 +0000
committerthomascube <thomas@roundcube.net>2011-12-14 09:35:22 +0000
commit28e18c75ef693740edc05e7474cf52452cc76157 (patch)
tree228a2a67f3743c7f51dc48eb83bfac6840594595 /skins/larry/styles.css
parent0ea1f1e4ef4d45e89874f99d48a928ac4252ccb0 (diff)
More CSS styling for Larry
Diffstat (limited to 'skins/larry/styles.css')
-rw-r--r--skins/larry/styles.css86
1 files changed, 82 insertions, 4 deletions
diff --git a/skins/larry/styles.css b/skins/larry/styles.css
index 18c987d65..d3a117b2d 100644
--- a/skins/larry/styles.css
+++ b/skins/larry/styles.css
@@ -64,11 +64,32 @@ textarea.placeholder {
/*** buttons ***/
input.button {
+ display: inline-block;
+ margin: 0 2px;
+ padding: 4px 6px;
+ color: #525252;
+ text-shadow: 1px 1px 1px #fff;
+ border: 1px solid #c0c0c0;
+ border-radius: 4px;
+ background: #f7f7f7;
+ background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
+ background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
+ background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
+ background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
+ box-shadow: 0 1px 1px 0 #ccc;
+ -o-box-shadow: 0 1px 1px 0 #ccc;
+ -webkit-box-shadow: 0 1px 1px 0 #ccc;
+ -moz-box-shadow: 0 1px 1px 0 #ccc;
+ text-decoration: none;
+}
+
+.formbuttons input.button {
color: #dddddd;
font-size: 110%;
text-shadow: 1px 1px 1px #333;
padding: 4px 12px;
- border: 1px solid #465864;
+ border-color: #465864;
border-radius: 5px;
background: #7a7b7d;
background: -moz-linear-gradient(top, rgba(123,123,123,1) 0%, rgba(96,96,96,1) 100%); /* FF3.6+ */
@@ -78,7 +99,7 @@ input.button {
background: linear-gradient(top, rgba(123,123,123,1) 0%,rgba(96,96,96,1) 100%); /* W3C */
}
-input.button:hover {
+.formbuttons input.button:hover {
color: #ededed;
box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6);
-moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6);
@@ -86,7 +107,7 @@ input.button:hover {
-o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6);
}
-input.button:active {
+.formbuttons input.button:active {
color: #fff;
background: -moz-linear-gradient(top, rgba(92,92,92,1) 0%, rgba(123,123,123,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(92,92,92,1)), color-stop(100%,rgba(123,123,123,1)));
@@ -158,7 +179,8 @@ a.button.disabled span.inner {
}
a.button.pressed,
-a.button:active {
+a.button:active,
+input.button:active {
background: #e6e6e6;
background: -moz-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f9f9f9));
@@ -483,6 +505,7 @@ a.iconbutton.reset {
}
.listbox .listitem,
+.listbox .tablink,
.listing tbody td,
.listing li {
font-size: 11px;
@@ -494,6 +517,7 @@ a.iconbutton.reset {
}
.listbox .listitem a,
+.listbox .tablink a,
.listing tbody td,
.listing li a {
display: block;
@@ -505,6 +529,7 @@ a.iconbutton.reset {
}
.listbox .listitem.selected,
+.listbox .tablink.selected,
.listing tbody tr.selected td,
.listing li.selected {
color: #004458;
@@ -518,6 +543,14 @@ ul.listing {
padding: 0;
}
+ul.listing li {
+ background-color: #d9ecf4;
+}
+
+ul.listing li.droptarget {
+ background-color: #c7e3ef;
+}
+
table.listing {
width: 100%;
border-spacing: 0;
@@ -912,3 +945,48 @@ ul.toolbarmenu li label {
padding: 4px 8px;
text-shadow: 1px 1px 1px #333;
}
+
+
+#rcmdraglayer {
+ min-width: 300px;
+ width: auto !important;
+ width: 300px;
+ padding: 6px 8px;
+ background: #444;
+ border: 1px solid #555;
+ border-radius: 4px;
+ box-shadow: 0 2px 6px 0 #333;
+ -moz-box-shadow: 0 2px 6px 0 #333;
+ -webkit-box-shadow: 0 2px 6px 0 #333;
+ -o-box-shadow: 0 2px 6px 0 #333;
+ z-index: 250;
+ color: #ccc;
+ font-size: 11px;
+ white-space: nowrap;
+ opacity: 0.92;
+ text-shadow: 1px 1px 1px #333;
+}
+
+#rcmdraglayer:after {
+ content: "";
+ position: absolute;
+ top: 6px;
+ left: -6px;
+ border-style: solid;
+ border-width: 6px 6px 6px 0;
+ border-color: transparent #444;
+ /* reduce the damage in FF3.0 */
+ display: block;
+ width: 0;
+}
+
+._draglayercopy:before {
+ position: absolute;
+ bottom: -5px;
+ left: -6px;
+ content: " ";
+ width: 15px;
+ height: 15px;
+ background: url(images/buttons.png) -8px -360px no-repeat;
+}
+