ThemeChanges

From Open-Xchange
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

Changes from 6.20 to Public Patch Release 2011-09-22 for 6.20 (Rev 27)

New CSS files

No new CSS files.

Removed CSS files

No CSS files removed.

Changed CSS files

 - theme/css/bgimages.css
 - theme/css/global.css
 - theme/css/popus.css 

New and changed elements in bgimages.css

.bg-toolbar-compact {
    background-image: url(../img/toolbar/toolbar30.png);
}

New elements in global.css

.ox-portal-header-handle {
    position: absolute;
    top: 0px;
    right: 24px;
    bottom: 0px;
    left: 0px;
    line-height: 22px;
    padding-left: 10px;
    cursor: move;
}

/* upper border radius and background gradient for Firefox/WebKit/IE9 */
.ox-portal-header {
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    background-image: -moz-linear-gradient(center top, #ffffff, #efefef);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EFEFEF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef');
}

Changed elements in global.css

.ox-portal-header {
    background-color: #efefef;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    font-size: 9pt;
    color: #555;
    padding: 2px 8px 2px 8px;
    cursor: move;
}

.ox-portal-close {
    width: 14px;
    height: 14px;
    background-image: url(../img/portal/btn_close.gif);
    margin: 2px 0px 0px 0px;
    cursor: pointer;
}

**********
.context-button .ox-button, .context-button.ox-button,
.ox-portal-widget .context-button.ox-button {
    padding: 0px 3px 0px 3px;
    width: 20px;
    height: 16px;
    background-image: url(../img/arrows/arrow-down.gif);
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

   ... changed into ...

.context-button .ox-button, .context-button.ox-button {
    padding: 0px 3px 0px 3px;
    width: 20px;
    height: 16px;
    background-image: url(../img/arrows/arrow-down.gif);
    background-repeat: no-repeat;
    background-position: 5px 5px;
}
**********

**********
.ox-button.ox-button-disabled,
.ox-button.default.ox-button-disabled
.ox-button.dark.ox-button-disabled {
    color: #888;
}

   ... changed into ...

.ox-button:hover, .ox-button:focus {
	border-color: #888;
}
**********

Changed elements in popup.css

#wizzardPublishImageTank .linkstyle {
	cursor: default !important;
	text-decoration: none !important;
}

**********
#wizzardPublishImageTank .linkstyle span,
#wizzardPublishImageTank .linkstyle a {
	cursor: pointer !important;
}

   ... changed into ...

#wizzardPublishImageTank .linkstyle span {
	cursor: pointer !important;
}
**********

Changes from 6.18.2 to 6.20

New CSS files

No new CSS files in this release.

Removed CSS files

 - theme/css/newwindow.css

Removed elements in bgimages.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;
}

New and changed elements in popuo.css

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

New and changed elements in global.css

body {
	background-color: #cccccc; /* was #a9b2c5 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color:#000;
}

html.webkit body {
    background-image: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#ccc), to(#333)); /* ccc to 555 */
}

html.firefox body {
    background-image: -moz-linear-gradient(center top, #eee, #555);
}

.font-style-person, .font-color-person {
    color: #344F70;
}

.cpheader-color {
	background-color: #eee;
}

.topHeaderBG, .topheader-color {
	background-color: #444;	/* was #65769b */
}

.background-color-content, .cpbody-color {
	background-color: #f5f5f5 !important;
}
(was .background-color-content, .cpbody-color, .calbody-color)

.background-color-PMG-selection-elements {
	background-color: #bdd3eb !important; /* was #C6CCD9 */
}

.entrySelDiv {
	background-color: #bdd3eb;
}

/*live grid selection*/
.selected {
	background-color: #bdd3eb;
}

.selectedfocused {
	border-color: #607090 !important;
	background-color: #bdd3eb;
}

.mailDetailAttachmentsCont {
	background-color: white !important;
}

.mailDetailAttachmentsCont, .mailDetailAttachmentsContSel {
    border-color: #C0C0C0 !important;
}

.dndOver {
	background-color: #bdd3eb;
	border-color: #bdd3eb !important;
}

.browsercheck {
	background-image: url(../img/browsercheck.png);
}

#sidepanel_dragpoint_background {
    background-color: #ddd;
}

.webkit #sidepanel_dragpoint_background {
    -webkit-box-shadow: inset 0 0 2px 0 black;
}

.firefox #sidepanel_dragpoint_background {
    -moz-box-shadow: inset 0 0 2px 0 black;
}

.IE #sidesplit {
    border-right: 1px solid #888;
}

.IE #mainarea {
    border-left: 1px solid #888;
}

.dropdownbox .comboboxColumn2 {
    background-color: #333333 !important;
}
#menu_search_mail_context, #menu_search_context {
	background-color: #333333 !important;
}

div.oxTabControl {
    background-color: #444;
}

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

div.oxTabControl a {
	color: #eee;
}

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

div.oxTabControl td.oxTabCurrent, div.oxTabControl td.oxTabCurrent:hover {
    color: #000;
    background-color: white;
    border-top: 2px solid #ccc;
}

/*
 * Portal 
 */

.ox-portal {
    background-color: white; /* body: A9B2C5 */
}

.firefox .ox-portal {
	background-image: -moz-linear-gradient(center top , #FFFFFF, #DDDDDD);
}

.webkit .ox-portal {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#DDDDDD));
}

.ox-portal-placeholder {
    border: 2px dashed #888;
    background-color: white;
    margin: 0px 0px 15px 0px;
}

/* portal widget */
.ox-portal-widget {
    background-color: white;
    padding: 0px 0px 8px 0px;
    margin: 0px 0px 15px 0px;
}

.firefox .ox-portal-widget {
    -border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-box-shadow: 0px 0px 3px 0px #555;
}

.webkit .ox-portal-widget {
    -border-radius: 8px;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: 0px 0px 3px 0px #555;
}

/* IE gets no radius, no shadow */
.IE .ox-portal-widget {
    border: 1px solid #ccc;
}

/* portal widget header */
.ox-portal-header {
    background-color: #efefef;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    font-size: 9pt;
    color: #555;
    padding: 2px 8px 2px 8px;
    cursor: move;
}

/* upper border radius and background gradient for Firefox/WebKit */
.firefox .ox-portal-header {
    -moz-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
    background-image: -moz-linear-gradient(center top, #ffffff, #efefef);
}

.webkit .ox-portal-header {
    -webkit-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EFEFEF));
}

/* close/remove button */
.ox-portal-close {
    width: 14px;
    height: 14px;
    background-image: url(../img/portal/btn_close.gif);
    margin: 2px 0px 0px 0px;
    cursor: pointer;
}

/* controls */
.ox-portal-topbar {
    background-color: white;
    border-bottom: 1px solid #aaa;
    color: #aaa;
}

.ox-portal-topbar i {
	font-size: 12pt;
	font-style: normal;
}

.ox-portal-topbar b {
	font-size: 12pt;
	color: #999;
}

.ox-portal-topbar a {
    color: #00f;
    cursor: pointer;
    text-decoration: underline;
}

.ox-portal-controls, .ox-quick-config {
	background-color: #444;
	color: white;
}

.firefox .ox-portal-controls, .firefox .ox-quick-config {
	background-image: -moz-linear-gradient(center top, #111111, #555555);
}

.webkit .ox-portal-controls, .webkit .ox-quick-config {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#555555));
}

.ox-quick-config table {
	margin: 10px;
}

.ox-quick-config td, .ox-quick-config th {
	padding: 0px 20px 5px 0px;
	vertical-align: top;
	white-space: nowrap;
}

.ox-quick-config th {
    color: #8AC2FF;
    font-weight: normal;
    text-align: left;
    padding-bottom: 2px;
}

.ox-portal-controls label, .ox-quick-config label {
    font-weight: bold;
    color: white;
}

.ox-portal-layout {
	width: 90px;
	height: 60px;
    background-image: url(../img/portal/layouts.png);
    background-repeat: no-repeat;
    margin: 2px 22px 2px 2px;
    border: 0px none;
    cursor: pointer;
}

.ox-portal-layout.one {
	background-position: 0px 0px;
}

.ox-portal-layout.two {
    background-position: -90px 0px;
}

.ox-portal-layout.three {
    background-position: -180px 0px;
}

.ox-portal-layout.four {
    background-position: -270px 0px;
}

.ox-portal-layout.five {
    background-position: -360px 0px;
}

.ox-portal-layout.active, .ox-portal-layout.active:hover {
	background-color: #67789D;
	-moz-box-shadow: 0px 0px 15px 1px #A5C1FE;
	-webkit-box-shadow: 0px 0px 15px 1px #A5C1FE;
}

.ox-portal-layout:hover {
	background-color: #888;
	-moz-box-shadow: 0px 0px 10px 0px #fff;
    -webkit-box-shadow: 0px 0px 10px 0px #fff;
}

/* 
 * Button
 */
.ox-button {
	font-size: 8pt;
	line-height: 1.5em;
    border-radius: 5px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    color: black;
    cursor: pointer;
    padding: 5px 1em 5px 1em;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
}

.ox-button.dark {
    background-color: #333;
    border: 1px solid #222;
    color: white;
}

.ox-button:hover {
	border-color: #888;
}

/* firefox */
.ox-button.firefox {
	-moz-border-radius: 5px;
    background-image: -moz-linear-gradient(center top, #ffffff, #efefef);
}

.ox-button.dark.firefox {
	background-image: -moz-linear-gradient(center top, #555555, #333333);
}

.ox-button.firefox:hover {
	-moz-box-shadow: 0px 0px 4px #aaa;
}

/* webkit */
.ox-button.webkit {
    -webkit-border-radius: 5px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EFEFEF));
}

.ox-button.dark.webkit {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555555), to(#333333));
}

.ox-button.webkit:hover {
    -webkit-box-shadow: 0px 0px 4px #aaa;
}

/* embedded windows */

.ox-embedded-decorator {
    position: absolute;
    top: 0px; 
    right: 0px;
    bottom: 34px;
    left: 0px;
    background-color: black; 
    opacity: 0.10;
    filter: alpha(opacity=10);
}

.ox-embedded-container {
    position: absolute; 
    top: 0px; 
    bottom: 34px;
    left: 50%; 
    margin-left: 0px; /* use to center */
    width: 0px; /* live parameter; override with !important */
    background-color: white;
    visibility: hidden;
}

.firefox .ox-embedded-container {
    -moz-box-shadow: 0px 0px 25px 1px #111;
}

.webkit .ox-embedded-container {
    -webkit-box-shadow: 0px 0px 25px 1px #111;
}

.IE .ox-embedded-container {
    border: 1px solid #333;
    border-width: 0px 1px 0px 1px;
}

.ox-embedded-title {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    text-align: center;
    padding: 9px 20px 8px 10px;
    color: #ccc;
    background-color: #444;
    border-bottom: 1px solid #333;
    background-image: none;
}

.firefox .ox-embedded-title {
    background-image: -moz-linear-gradient(center top , #111, #444);
}

.webkit .ox-embedded-title {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111), to(#444));
}

.ox-embedded-close {
    position: absolute;
    top: 7px;
    right: 10px;
}

.ox-embedded-close img {
    width: 14px;
    height: 14px;
    background-image: url(../img/x.png);
    cursor: pointer;
}

.ox-embedded-iframe {
    position: absolute;
    top: 30px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

/* embedded windows: dock */

.ox-dock {
    position: absolute;
    background-image: none;
    background-color: #444;
    color: black;
    border-top: 1px solid #333;
    height: 33px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 65000;
    display: none;
}

.firefox .ox-dock {
    background-image: -moz-linear-gradient(center top , #111111, #555555);
}

.webkit .ox-dock {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#555555));
}

.ox-dock-tab {
    background-color: #222;
    background-image: none;
    border: 1px solid black;
    border-width: 0px 1px 1px 1px;
    font-size: 12px;
    padding: 4px 10px 4px 10px;
    margin: 0px 0px 0px 5px;
    cursor: pointer;
    height: 1.5em;
    color: white;
    border-radius: 0px 0px 8px 8px;
        
    position: relative;
    white-space: nowrap;
    overflow: hidden;
}

.firefox .ox-dock-tab {
    background-image: -moz-linear-gradient(center top, #000000, #333333);
    -moz-border-radius: 0px 0px 8px 8px;
}

.webkit .ox-dock-tab {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#333333));
    -webkit-border-radius: 0px 0px 8px 8px;
}

.ox-dock-selected {
}

.firefox .ox-dock-selected {
    background-image: -moz-linear-gradient(center top, #000000, #666);
}

.webkit .ox-dock-selected {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#666));
}

/* Context-menu button */

.context-button .ox-button, .context-button.ox-button {
    padding: 0px 3px 0px 3px;
    width: 20px;
    height: 16px;
    background-image: url(../img/arrows/arrow-down.gif);
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

Removed elements in global.css

.weekDivMonthView .background-color-content{
    background-color: #ffdaab !important;
}

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

New CSS file

 - theme/css/branding.css

Changed CSS files

- theme/css/global.css

New elements in 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;
	}

Change elements in global.css

	.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