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 .= "}\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', ' ') .
html::span('calname', Q($prop['name'])));
}
$this->rc->output->set_env('calendars', $jsenv);

View file

@ -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;
}

View file

@ -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;
}