summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorThomas Bruederli <bruederli@kolabsys.com>2012-01-15 17:48:13 (GMT)
committerThomas Bruederli <bruederli@kolabsys.com>2012-01-15 17:48:13 (GMT)
commit0dc99c74d79be16fa15670ce4d029496de7c8918 (patch)
tree8b1035af54d07a7468f088f6bf067e694e97506c
parent47e3da633dcc89b5ff9652bb58ccca287ff0ae23 (diff)
downloadroundcubemail-plugins-kolab-0dc99c74d79be16fa15670ce4d029496de7c8918.tar.gz
More Larry styling
-rw-r--r--plugins/calendar/lib/calendar_ui.php5
-rw-r--r--plugins/calendar/skins/default/calendar.css15
-rw-r--r--plugins/calendar/skins/larry/calendar.css41
3 files changed, 35 insertions, 26 deletions
diff --git a/plugins/calendar/lib/calendar_ui.php b/plugins/calendar/lib/calendar_ui.php
index d009ef2..35a5c9c 100644
--- a/plugins/calendar/lib/calendar_ui.php
+++ b/plugins/calendar/lib/calendar_ui.php
@@ -168,6 +168,7 @@ class calendar_ui
$css .= " border-color: #$color;";
$css .= "}\n";
}
+ $css .= ".$class .handle { background-color: #$color; }";
}
return html::tag('style', array('type' => 'text/css'), $css);
@@ -203,7 +204,9 @@ class calendar_ui
$class .= ' '.$prop['class_name'];
$li .= html::tag('li', array('id' => 'rcmlical' . $html_id, 'class' => $class),
- html::tag('input', array('type' => 'checkbox', 'name' => '_cal[]', 'value' => $id, 'checked' => $prop['active']), '') . html::span(null, Q($prop['name'])));
+ html::tag('input', array('type' => 'checkbox', 'name' => '_cal[]', 'value' => $id, 'checked' => $prop['active']), '') .
+ html::span('handle', '&nbsp;') .
+ html::span('calname', Q($prop['name'])));
}
$this->rc->output->set_env('calendars', $jsenv);
diff --git a/plugins/calendar/skins/default/calendar.css b/plugins/calendar/skins/default/calendar.css
index 5198483..23e2750 100644
--- a/plugins/calendar/skins/default/calendar.css
+++ b/plugins/calendar/skins/default/calendar.css
@@ -123,10 +123,11 @@ pre {
display: block;
}
-#calendarslist li span {
+#calendarslist li span.handle {
cursor: default;
background: url(images/calendars.png) 0 -2px no-repeat;
- padding-left: 18px;
+ display: inline-block;
+ width: 20px;
}
#calendarslist li input {
@@ -142,23 +143,23 @@ pre {
font-weight: bold;
}
-#calendarslist li.readonly span {
+#calendarslist li.readonly span.handle {
background-position: 0 -20px;
}
-#calendarslist li.other span {
+#calendarslist li.other span.handle {
background-position: 0 -38px;
}
-#calendarslist li.other.readonly span {
+#calendarslist li.other.readonly span.handle {
background-position: 0 -56px;
}
-#calendarslist li.shared span {
+#calendarslist li.shared span.handle {
background-position: 0 -74px;
}
-#calendarslist li.shared.readonly span {
+#calendarslist li.shared.readonly span.handle {
background-position: 0 -92px;
}
diff --git a/plugins/calendar/skins/larry/calendar.css b/plugins/calendar/skins/larry/calendar.css
index 292bba1..455ca91 100644
--- a/plugins/calendar/skins/larry/calendar.css
+++ b/plugins/calendar/skins/larry/calendar.css
@@ -40,7 +40,7 @@ body.calendarmain {
-webkit-box-shadow: none;
}
-.ui-datepicker td a {
+#datepicker .ui-datepicker td a {
padding: 5px 4px;
font-size: 12px;
}
@@ -125,7 +125,6 @@ pre {
right: 0;
}
-#attachmentlist li,
#calendarslist li {
margin: 0;
height: 20px;
@@ -139,10 +138,25 @@ pre {
display: block;
}
-#calendarslist li span {
+#calendarslist li span.calname {
cursor: default;
background: url(images/calendars.png) 0 -2px no-repeat;
padding-left: 22px;
+ color: #004458;
+}
+
+#calendarslist li span.handle {
+ display: inline-block;
+ padding: 0;
+ border-radius: 7px;
+ margin-right: 6px;
+ width: 10px;
+ height: 10px;
+ font-size: 0.8em;
+ border: 1px solid rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: inset 0px 0 1px 1px rgba(0, 0, 0, 0.3);
+ -moz-box-shadow: inset 0px 0 1px 1px rgba(0, 0, 0, 0.3);
+ box-shadow: inset 0px 0 1px 1px rgba(0, 0, 0, 0.3);
}
#calendarslist li input {
@@ -153,30 +167,29 @@ pre {
#calendarslist li.selected {
background-color: #c7e3ef;
- color: inherit;
}
-#calendarslist li.selected span {
+#calendarslist li.selected span.calname {
font-weight: bold;
}
-#calendarslist li.readonly span {
+#calendarslist li.readonly span.calname {
background-position: 0 -20px;
}
-#calendarslist li.other span {
+#calendarslist li.other span.calname {
background-position: 0 -38px;
}
-#calendarslist li.other.readonly span {
+#calendarslist li.other.readonly span.calname {
background-position: 0 -56px;
}
-#calendarslist li.shared span {
+#calendarslist li.shared span.calname {
background-position: 0 -74px;
}
-#calendarslist li.shared.readonly span {
+#calendarslist li.shared.readonly span.calname {
background-position: 0 -92px;
}
@@ -321,14 +334,6 @@ a.miniColors-trigger {
text-decoration: underline;
}
-#attachmentlist {
- margin: 0 -0.8em;
-}
-
-#attachmentlist li {
- padding: 2px 2px 3px 0.8em;
-}
-
#eventshow .attachments-list ul li {
float: left;
}