ThemeChanges

Changes from 6.18.2 to 6.20

CSS

No new CSS files in this release.

 - theme/css/newwindow.css

 .topheader-l {
  background-image: url(../img/border/topheader-l.png);
  background-position: 0% 0%;
  background-repeat: repeat-y;
 }

 .topheader-tl {
  background-image: url(../img/border/topheader-tl.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
 }

 .topheader-t {
  background-image: url(../img/border/topheader-t.png);
  background-position: 0% 0%;
  background-repeat: repeat-x;
 }
		
 .topheader-tr {
  background-image: url(../img/border/topheader-tr.png);
  background-position: 100% 0%;
  background-repeat: no-repeat;
 }
		
 .topheader-r {
  background-image: url(../img/border/topheader-r.png);
  background-position: 100% 0%;
  background-repeat: repeat-y;
 }		

 .topheaderactive-t {
  background-image: url(../img/border/topheaderactive-t.png);
  background-position: 0% 0%;
  background-repeat: repeat-x;
 }

 .calbody-r {
  background-image: url(../img/border/calbody-r.png);
  background-position: 100% 0%;
  background-repeat: repeat-y;
 }

 .oxheader-l {
  background-image: url(../img/border/oxheader-l.png);
  background-position: 0% 0%;
  background-repeat: repeat-y;
 }
			
 .oxheader-r {
  background-image: url(../img/border/oxheader-r.png);
  background-position: 100% 0%;
  background-repeat: repeat-y;
 }

New and changed elements in bgimages.css:

 .cpbody-size {
  left: 4px;
  right: 4px;
  width: 4px;
  top: 1px;
  bottom: 1px;
  height: 1px;
 }	

 .cpbottom-size {
  left: 12px;
  right: 12px;
  width: 12px;
  top: 20px;
  bottom: 20px;
  height: 20px;
 }

 .expandButton {
  background-image:url("../img/arrows/arrow_gray_down.gif");	
 }

 .sp-toggle
 {
  background-image:url(../img/border/spback.gif);
 }

Removed elements in branding.css:

 #header {
  top: 0px !important; /* change this to branding height */
 }

 #header-decorator {
  top: 30px !important; /* change this to branding height PLUS 30 */
 }

 #notheader {
  top: 30px !important; /* change this to branding height PLUS 30 */
 }

New and changed elements in calendar.css:

.kwSeparationBackGround {
    background-color: transparent;
}

.offTimeBackground {
    background-color : #E4E8FA;
}

.workTimeBackground {
    background-color : #F2F6FA;
}
.wholeDayBackground {
    background-color: #dddddd;
}
.appointmentTitleBG {
    background-color: #FFFFFF;
}

.appointmentViewHeadBG {
    background-color: transparent;
    border-top: 1px solid;  
}

.strokeCalendar {
    border-color : #D1D8DD !important;
}

.sectionStrokeCalendar {
    border-color : #a5b5bf !important;
}

.zoomSliderBox {
    border-top: 1px solid #3066c5;
    border-bottom: 1px solid #3066c5;
    background-image: url("../img/calendar/slider_background.png");
    background-repeat: repeat-x;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.zoomSlider {
    border: 1px solid #999;
    background-image: url("../img/calendar/slider_control_background.png");
    background-repeat: repeat-x;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.calendarGrid .leftColumn .rowSelected {
    background-color: #BDD3EB !important;
}

.calendarGrid .dataGrid .appointment.isSelected {
    background-color: #BDD3EB !important;
}

 /* customs */

#cwwtimecontent > tbody > tr > td > table > tbody > tr > td:first-child {
    background-color: #ff0000;
    width: 0px !important;
}

#cww_timeline {
    background-color: #FFFFFF;
}

.cww-timeline-font {
	font-size: 12pt;
    color: #333;
}

#cwwheaderresize > table {
    height: 100%;
}

.appInWeekView, .appInMonthView, .showAppointmentTextMonthFull {
	background-color: white;
}

.todayBackground {
    background-color: #fc0 !important;
}

New and changed elements in iframe.css:

html, body {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 9pt;
    background-color: white;
}

.plainTextContent {
    font-family: monospace, Courier New;
    line-height: 1.5em;
}

/* Rainbow quoting */

body.colored-quotes .plainTextContent blockquote {
	border-left: 2px solid #364e9b !important; /* blue */
	background-color: #f5f7ff;
    color: #1a254a !important;
    margin-right: 0px !important;
}

body.colored-quotes .plainTextContent blockquote blockquote {
    border-color: #366a9b !important; /* cyan */
    background-color: #e6f3ff;
    color: #1e3b56 !important;
}

body.colored-quotes .plainTextContent blockquote blockquote blockquote {
    border-color: #3c7027 !important; /* green */
    background-color: #edffe6;
    color: #192e10 !important;
}

body.colored-quotes .plainTextContent blockquote blockquote blockquote blockquote {
    border-color: #efc000 !important; /* orange */
    background-color: #fffae6;
    color: #713200 !important;
}

body.colored-quotes .plainTextContent blockquote blockquote blockquote blockquote blockquote {
    border-color: #5c1111 !important; /* red*/
    background-color: #ffeeee;
    color: #751000 !important;
}

body.colored-quotes .plainTextContent blockquote blockquote blockquote blockquote blockquote blockquote {
    border-color: #801062 !important; /* pink */
    background-color: #ffeffb;
    color: #3c072e !important;
}

body.colored-quotes .plainTextContent blockquote blockquote blockquote blockquote blockquote blockquote blockquote {
    border-color: #240a4f !important; /* violet */
    background-color: #f1e9ff;
    color: #3a1081 !important;
}

body.colored-quotes .plainTextContent blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {
    border-color: #333 !important; /* gray */
    background-color: #f5f5f5;
    color: #333 !important;
}

body.colored-quotes .plainTextContent blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {
    border-color: #555 !important; /* black */
    background-color: #fff;
    color: #111 !important;
}

.popupHeaderBackground {
	background-color: #bbb !important;
}
.PopupEntryDivOver {
	background-color:#bdd3eb !important; /* was #C6CCD9 */
	border-color:#bdd3eb;
	cursor: pointer;
}
.PopupEntryDivActive {
	background-color:#bdd3eb !important;
	border-color:#bdd3eb;
	cursor: pointer;
}
.PopupEntryDivActiveNoPadding {
	background-color:#bdd3eb !important;
	border-color:#bdd3eb;
	cursor: pointer;
}
.popup-header, .listDialogue td.listDialogueHeader {
	font-weight: bold;
	color: #000;
	background-image: url(../img/panels/miniviewHeader_b.gif);	
	background-color: #bbb;
}

ICONS

New icons

 - theme/icons/16/calendar_dis.png
 - theme/icons/16/calendar.png
 - theme/icons/16/contacts_dis.png
 - theme/icons/16/contacts.png
 - theme/icons/16/draft_dis.png
 - theme/icons/16/draft.png
 - theme/icons/16/facebook.png
 - theme/icons/16/folder_closed_dis.png
 - theme/icons/16/folder_opened_dis.png
 - theme/icons/16/forward.png
 - theme/icons/16/garbage_dis.png
 - theme/icons/16/garbage.png
 - theme/icons/16/ham_dis.png
 - theme/icons/16/ham.png
 - theme/icons/16/inbox_dis.png
 - theme/icons/16/inbox.png
 - theme/icons/16/infostore_dis.png
 - theme/icons/16/infostore.png
 - theme/icons/16/mail_dis.png
 - theme/icons/16/mail.png
 - theme/icons/16/outbox_dis.png
 - theme/icons/16/outbox.png
 - theme/icons/16/public_dis.png
 - theme/icons/16/public.png
 - theme/icons/16/rss.png
 - theme/icons/16/shared_dis.png
 - theme/icons/16/shared_globe.png
 - theme/icons/16/shared.png
 - theme/icons/16/spam_dis.png
 - theme/icons/16/spam.png
 - theme/icons/16/tasks_dis.png
 - theme/icons/16/tasks.png
 - theme/icons/16/twitter.png
 - theme/icons/16/user_dis.png

 - theme/icons/24/calendar_move.png
 - theme/icons/24/distributionlist_extcontact.png
 - theme/icons/24/ham.png
 - theme/icons/24/mark_as_done.png
 - theme/icons/24/mark_as.png
 - theme/icons/24/spam.png

 - theme/img/arrows/arrow_white_down.png

 - theme/img/calendar/slider_background.png
 - theme/img/calendar/slider_control_background.png

 - themes/portal/layouts.png

 - theme/img/browsercheck.png

Changed icons

 - themes/img/arrows/arrow_double_white_left.gif
 changed to a png image
 - themes/img/arrows/arrow_double_white_left.png

 - theme/img/border/calbody-r.png
 - theme/img/border/cpbody-l.png
 - theme/img/border/cpbody-r.png
 - theme/img/border/cpbottom-b.png
 - theme/img/border/cpbottom-bl.png
 - theme/img/border/cpbottom-l.png
 - theme/img/border/cpbottom-r.png
 - theme/img/border/cpheader-l.png
 - theme/img/border/cpheader-r.png

 - theme/img/border/popup/hover-top-tab-ll.png
 - theme/img/border/popup/hover-top-tab-rr.png
 - theme/img/border/popup/popup-border-imagemap.png

 - theme/img/calendar/dayicons/mod_calendar_1.gif
 to
 - theme/img/calendar/dayicons/mod_calendar_31.gif
 All icons have changed from gif to png

 - theme/img/infostore/mimetypes/vcard.gif

 - theme/img/panels/miniviewHeader_b.gif

 - themes/img/x.png

Removed icons

 - theme/img/calendar/dayicons/mod_calendar_1_sel.gif
 to
 - theme/img/calendar/dayicons/mod_calendar_31_sel.gif
 All icons with the _sel ending have been removed

Changes from 6.18.1 to 6.18.2

CSS

 - theme/css/branding.css

- theme/css/global.css

	.font-style-person {
    		color: #215696;
	}

	#window-header-decorator {
    		background-image: url(../img/toolbar/toolbar_bg.png);
    		background-repeat: repeat-x;
    		background-color: #ddd;
    		border-bottom: 1px solid #bbb;
	}

	.headercontenttable {
		background-image: url(../img/toolbar/toolbar30.png);
		background-repeat: repeat-x;
		border-top: 0px none;
	}

	.headercontenttable.border-color-design {
		border-color: #aaa !important;
	}

	div.oxTabControlToggleReverse, div.oxTabControlToggle {
		background-repeat: no-repeat;
		background-position: 3px 5px;
		width: 15px;
		height: 15px;
		float: right;
		margin: 5px 9px;
	}

	div.oxTabControlToggleReverse {
		background-image: url(../img/arrows/arrow_double_white_down.gif);
		cursor: s-resize;
	}

	div.oxTabControlToggle {
		background-image: url(../img/arrows/arrow_double_white_up.gif);
		cursor: n-resize;
	}

	div.oxTabControl {
	    background-color: #65769B;
	}

	.ox-sidepanel-view-title {
		color: white;
	}

	div.oxTabControl a {
		color: #eee;
	}

	div.oxTabControl td.oxTab:hover, div.oxTabControl td.oxTabLast:hover {
    		background-color: #455069;
	}

	.font-style-headline {
		color:#404962;  
		font-weight : bold; 
	}

changed to

	.font-style-headline {
		color: #333;
	}

---

	#notheader {
		background-image: url(../img/toolbar/toolbar_bg.png);
	}

changed to

	#header-decorator {
		background-image: url(../img/toolbar/toolbar_bg.png);
	}

---

	.tr_h {
    		background-color: #e3e3e3 !important;
	}

changed to

	.tr_h {
		background-color: #eaeaea !important;
	}

ICONS

New icons

 - theme/img/arrows/arrow_double_white_down.gif
 - theme/img/arrows/arrow_double_white_up.gif
 - theme/img/arrows/menu_arrow_down.gif
 - theme/img/arrows/menu_arrow_right.gif
 - theme/img/folder/shared_dis.gif 

All icons under the folder /themes/[theme name]/ will be separated by their size. You will find three different sub-folders here: 16 (for 16x16 pixel icons), 24 and 36. Some icons may be available in several folders. Some icons can also be found in their old location under /themes/[theme name]/img/. In the future, all icons will be found in the new icons folder and not in the img folder.

16/attachment_add.png
16/attachment_open.png
16/attachment_remove.png
16/calendar_move.png
16/confirmation_change.png
16/contact_copy.png
16/contact_move.png
16/current_version.png
16/delete_folder.png
16/delete.png
16/distributionlist_extcontact.png
16/dummy.gif
16/duplicate_contacts.png
16/folder_closed.png
16/folder_opened.png
16/infostore_move.png
16/lock.png
16/mail_copy.png
16/mail_move.png
16/mail_source.png
16/mark_as.png
16/member_add.png
16/member_remove.png
16/mod_calendar.png
16/mod_configuration.png
16/mod_contacts.png
16/mod_infostore.png
16/mod_mail.png
16/mod_portal.png
16/mod_tasks.png
16/print.png
16/save.png
16/search.png
16/send_as_attachment.png
16/send_as_link.png
16/task_copy.png
16/task_move.png
16/teamchange.png
16/unlock.png
16/user.png
16/userrights_delete.png
16/userrights.png
16/userrights_read.png
16/userrights_remove.png
16/userrights_write.png

24/attachment_add.png
24/attachment_remove.png
24/cancel.png
24/card_view.png
24/category_add.png
24/category_remove.png
24/confirmation_change.png
24/delete.png
24/detail_view.png
24/distributionlist.png
24/draft.png
24/dummy.gif
24/edit.png
24/externalview_add.png
24/externalview_disable.png
24/externalview_edit.png
24/externalview_enable.png
24/externalview_remove.png
24/forward.png
24/h_split_view.png
24/inbox.png
24/list_view.png
24/mail_copy.png
24/mail_move.png
24/mail_send.png
24/mail_write.png
24/member_add.png
24/member_remove.png
24/mod_calendar.png
24/mod_configuration.png
24/mod_contacts.png
24/mod_foldertree.png
24/mod_infostore.png
24/mod_mail.png
24/mod_portal.png
24/mod_tasks.png
24/options.png
24/picture_add.png
24/picture_remove.png
24/print.png
24/reply_all.png
24/reply.png
24/save_as_link.png
24/save.png
24/tag_10.png
24/tag_1.png
24/tag_2.png
24/tag_3.png
24/tag_4.png
24/tag_5.png
24/tag_6.png
24/tag_7.png
24/tag_8.png
24/tag_9.png
24/tag_remove.png
24/task_copy.png
24/task_move.png
24/teamchange.png
24/v_split_view.png

32/attachment_add.png
32/attachment_remove.png
32/cancel.png
32/category_add.png
32/category_remove.png
32/confirmation_change.png
32/delete.png
32/distributionlist.png
32/draft.png
32/dummy.gif
32/edit.png
32/externalview_add.png
32/externalview_disable.png
32/externalview_edit.png
32/externalview_enable.png
32/externalview_remove.png
32/forward.png
32/import.png
32/mail_copy.png
32/mail_move.png
32/mail_send.png
32/mail_write.png
32/member_add.png
32/member_remove.png
32/mod_calendar.png
32/mod_configuration.png
32/mod_contacts.png
32/mod_infostore.png
32/mod_mail.png
32/mod_portal.png
32/mod_tasks.png
32/options.png
32/picture_add.png
32/picture_remove.png
32/print.png
32/reply_all.png
32/reply.png
32/save_as_link.png
32/save.png
32/tag_10.png
32/tag_1.png
32/tag_2.png
32/tag_3.png
32/tag_4.png
32/tag_5.png
32/tag_6.png
32/tag_7.png
32/tag_8.png
32/tag_9.png
32/tag_remove.png
32/task_copy.png
32/task_move.png
32/teamchange.png

Changed icons

 - theme/img/toolbar/toolbar_bg.gif