Sharper mini icons; CSS optimizations for IE6

This commit is contained in:
Thomas Bruederli 2011-07-17 20:35:26 +02:00
parent 760247426a
commit f87ddd4c6e
9 changed files with 38 additions and 15 deletions

View file

@ -52,9 +52,6 @@ class calendar_ui
$skin = $this->rc->config->get('skin');
$this->calendar->include_stylesheet('skins/' . $skin . '/calendar.css');
// add iehacks to page footer
$this->rc->output->add_footer('<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="'.$this->calendar->urlbase.'skins/'.$skin.'/iehacks.css" /><![endif]-->');
}
/**

View file

@ -8,6 +8,11 @@ body.calendarmain {
background: url('images/calendar.png') 0px 1px no-repeat;
}
/* hack for IE 6/7 */
* html #taskbar a.button-calendar {
background-image: url('images/calendar.gif');
}
#main {
position: absolute;
clear: both;
@ -106,7 +111,7 @@ pre {
#calendarslist li span {
cursor: default;
background: url('images/calendars.png') 0 -3px no-repeat;
background: url('images/calendars.png') 0 -2px no-repeat;
padding-left: 18px;
}
@ -124,23 +129,23 @@ pre {
}
#calendarslist li.readonly span {
background-position: 0 -21px;
background-position: 0 -20px;
}
#calendarslist li.other span {
background-position: 0 -39px;
background-position: 0 -38px;
}
#calendarslist li.other.readonly span {
background-position: 0 -57px;
background-position: 0 -56px;
}
#calendarslist li.shared span {
background-position: 0 -75px;
background-position: 0 -74px;
}
#calendarslist li.shared.readonly span {
background-position: 0 -93px;
background-position: 0 -92px;
}
#agendalist {

View file

@ -23,19 +23,19 @@
filter: alpha(opacity=35);
}
html #taskbar a.button-calendar {
background-image: url(images/calendar.gif);
}
html #calendartoolbar a.button,
html #calendartoolbar a.buttonPas {
background-image: url(images/toolbar.gif);
}
html.ie #datepicker a.ui-priority-secondary {
#datepicker a.ui-priority-secondary {
filter: alpha(opacity=40);
}
#calendarslist li span {
background-image: url(images/calendars.gif);
}
#datepicker .ui-widget-header {
width: 102%;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

View file

@ -62,4 +62,24 @@
width: 26px;
height: 3px;
background: url('images/minicolors-all.png') -170px -24px no-repeat;
}
overflow: hidden;
}
/* Hacks for IE6/7 */
* html .miniColors-colors {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='plugins/calendar/skins/default/images/minicolors-all.png', sizingMethod='crop');
}
* html .miniColors-colorPicker {
background: url('images/minicolors-handles.gif') 0 -28px no-repeat;
}
* html .miniColors-huePicker {
background: url('images/minicolors-handles.gif') 0 -24px no-repeat;
}
* html .miniColors-trigger {
background: url('images/minicolors-handles.gif') 0 0 no-repeat;
}

View file

@ -4,6 +4,7 @@
<title><roundcube:object name="pagetitle" /></title>
<roundcube:include file="/includes/links.html" />
<script type="text/javascript" src="/functions.js"></script>
<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="./plugins/calendar/skins/default/iehacks.css" /><![endif]-->
</head>
<body class="calendarmain">

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB