More Larry styling

This commit is contained in:
Thomas Bruederli 2012-01-15 18:48:13 +01:00
parent 47e3da633d
commit 0dc99c74d7
3 changed files with 35 additions and 26 deletions

View file

@ -168,6 +168,7 @@ class calendar_ui
$css .= " border-color: #$color;"; $css .= " border-color: #$color;";
$css .= "}\n"; $css .= "}\n";
} }
$css .= ".$class .handle { background-color: #$color; }";
} }
return html::tag('style', array('type' => 'text/css'), $css); return html::tag('style', array('type' => 'text/css'), $css);
@ -203,7 +204,9 @@ class calendar_ui
$class .= ' '.$prop['class_name']; $class .= ' '.$prop['class_name'];
$li .= html::tag('li', array('id' => 'rcmlical' . $html_id, 'class' => $class), $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', ' ') .
html::span('calname', Q($prop['name'])));
} }
$this->rc->output->set_env('calendars', $jsenv); $this->rc->output->set_env('calendars', $jsenv);

View file

@ -123,10 +123,11 @@ pre {
display: block; display: block;
} }
#calendarslist li span { #calendarslist li span.handle {
cursor: default; cursor: default;
background: url(images/calendars.png) 0 -2px no-repeat; background: url(images/calendars.png) 0 -2px no-repeat;
padding-left: 18px; display: inline-block;
width: 20px;
} }
#calendarslist li input { #calendarslist li input {
@ -142,23 +143,23 @@ pre {
font-weight: bold; font-weight: bold;
} }
#calendarslist li.readonly span { #calendarslist li.readonly span.handle {
background-position: 0 -20px; background-position: 0 -20px;
} }
#calendarslist li.other span { #calendarslist li.other span.handle {
background-position: 0 -38px; background-position: 0 -38px;
} }
#calendarslist li.other.readonly span { #calendarslist li.other.readonly span.handle {
background-position: 0 -56px; background-position: 0 -56px;
} }
#calendarslist li.shared span { #calendarslist li.shared span.handle {
background-position: 0 -74px; background-position: 0 -74px;
} }
#calendarslist li.shared.readonly span { #calendarslist li.shared.readonly span.handle {
background-position: 0 -92px; background-position: 0 -92px;
} }

View file

@ -40,7 +40,7 @@ body.calendarmain {
-webkit-box-shadow: none; -webkit-box-shadow: none;
} }
.ui-datepicker td a { #datepicker .ui-datepicker td a {
padding: 5px 4px; padding: 5px 4px;
font-size: 12px; font-size: 12px;
} }
@ -125,7 +125,6 @@ pre {
right: 0; right: 0;
} }
#attachmentlist li,
#calendarslist li { #calendarslist li {
margin: 0; margin: 0;
height: 20px; height: 20px;
@ -139,10 +138,25 @@ pre {
display: block; display: block;
} }
#calendarslist li span { #calendarslist li span.calname {
cursor: default; cursor: default;
background: url(images/calendars.png) 0 -2px no-repeat; background: url(images/calendars.png) 0 -2px no-repeat;
padding-left: 22px; 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 { #calendarslist li input {
@ -153,30 +167,29 @@ pre {
#calendarslist li.selected { #calendarslist li.selected {
background-color: #c7e3ef; background-color: #c7e3ef;
color: inherit;
} }
#calendarslist li.selected span { #calendarslist li.selected span.calname {
font-weight: bold; font-weight: bold;
} }
#calendarslist li.readonly span { #calendarslist li.readonly span.calname {
background-position: 0 -20px; background-position: 0 -20px;
} }
#calendarslist li.other span { #calendarslist li.other span.calname {
background-position: 0 -38px; background-position: 0 -38px;
} }
#calendarslist li.other.readonly span { #calendarslist li.other.readonly span.calname {
background-position: 0 -56px; background-position: 0 -56px;
} }
#calendarslist li.shared span { #calendarslist li.shared span.calname {
background-position: 0 -74px; background-position: 0 -74px;
} }
#calendarslist li.shared.readonly span { #calendarslist li.shared.readonly span.calname {
background-position: 0 -92px; background-position: 0 -92px;
} }
@ -321,14 +334,6 @@ a.miniColors-trigger {
text-decoration: underline; text-decoration: underline;
} }
#attachmentlist {
margin: 0 -0.8em;
}
#attachmentlist li {
padding: 2px 2px 3px 0.8em;
}
#eventshow .attachments-list ul li { #eventshow .attachments-list ul li {
float: left; float: left;
} }