Open-Xchange - User contributions [en]

ThemeChanges

2012-08-23T10:35:18Z

Rlihm:

=Changes from 6.20 (Rev 36) to 6.20.1 (Rev5) =

===Diff file with all changes===
[[File:6.20_rev36_6.20.1_rev5.diff]]

===New CSS files===
No new CSS files.

===Removed CSS files===
No CSS files removed.

===Changed CSS files===

The following source files were changed:

<pre>
- theme/css/calendar.css
- theme/css/global.css
- theme/css/iframe.css
</pre>

If your theme is based on one of our packaged themes, the following files are affected:

<pre>
- theme/css/concat.cssz
- theme/css/iframe.css
</pre>

===New elements in calendar.css (concat.cssz) ===
<pre>
.imip {
background-color: white;
padding: 15px 20px;
}

.imip .date {
font-size: 11pt;
color: #ccc;
}

.imip .interval {
color: #555;
white-space: nowrap;
float: right;
}

.imip .day {
color: #888;
}

.imip .title {
font-size: 18pt;
line-height: 22pt;
margin: 0.25em 0 0.25em 0;
}

.imip .location {
font-size: 11pt;
color: #888;
margin: 0.25em 0;
}

.imip .label {
font-size: 9pt;
color: #888;
clear: both;
border-bottom: 1px solid #ccc;
padding: 1em 0 0.25em 0em;
margin-bottom: 0.5em;
}

.imip .note {
max-width: 550px;
white-space: pre-wrap;
margin: 1em 0;
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
cursor: text;
}

.imip .participants {
min-height: 2em;
}

.imip .link {
cursor: pointer;
text-decoration: underline;
color: #00a0cd;
}

.imip .actions {
height: 2em;
text-align: right;
line-height: 2em;
border-bottom: 1px solid #f0f0f0;
}

.imip .action {
float: right;
margin-right: 1em;
}

.imip .changes {
margin: 1em 0;
font-size: 11pt;
}

.imip .changes .original {
font-weight: bold;
}

.imip .changes .recurrencePosition {
font-weight: bold;
}

.imip .changes .updated {
color: green;
font-weight: bold;
}

.imip changes {
margin-bottom: 2em;
font-family: OpenSans, Helvetica, Arial, sans-serif;
font-weight: 200;
font-size: 12pt;
}

.imip .changes .original {
font-weight: bold;
}

.imip .changes .recurrencePosition {
font-weight: bold;
}

.imip .changes .updated {
color: green;
font-weight: bold;
}

.imip .person, .imip .person-link {
color: #00A0CD;
}

.imip .participants-clear {
clear: both;
height: 1px;
}

.imip .participant-list {
-webkit-column-width: 250px;
-webkit-column-gap: 20px;
-moz-column-width: 250px;
-moz-column-gap: 20px;
column-width: 250px;
column-gap: 20px;
}

.imip .participant {
min-height: 2em;
line-height: 1.2em;
display: inline-block;
width: 250px;
float: left;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 20px 0.5em 0;
white-space: nowrap;
}

.imip .detail-label {
display: inline-block;
width: 80px;
white-space: nowrap;
color: #666;
}

.imip .detail {
white-space: nowrap;
}

.imip .detail.shown_as {
display: inline-block;
height: 1.5em;
width: 1em;
}

.shown_as.reserved { background-color: #08c; } /* blue */
.shown_as.temporary { background-color: #fc0; } /* yellow */
.shown_as.absent { background-color: #913F3F; } /* red */
.shown_as.free { background-color: #8EB360; } /* green */

.shown_as_label.reserved { color: #08c; } /* blue */
.shown_as_label.temporary { color: #fc0; } /* yellow */
.shown_as_label.absent { color: #913F3F; } /* red */
.shown_as_label.free { color: #8EB360; } /* green */

.imip .participant .status { }
.imip .participant .status.accepted { color: #8EB360; } /* green */
.imip .participant .status.declined { color: #913F3F; } /* red */
.imip .participant .status.tentative { color: #c80; } /* orange */
</pre>

===Removed elements in global.css (concat.cssz) ===
<pre>
/* for mac users */
.macos .ox-embedded-close {
position: absolute;
top: 7px;
left: 10px;
}
</pre>

===New elements in global.css (concat.cssz) ===
<pre>
a.common-link {
color: #3A6FCF;
text-decoration: underline;
}

input.monospace {
font-family: monospace;
font-size: 11pt;
padding: 5px 10px 5px 10px;
}

select.monospace, select.monospace option {
font-family: monospace;
font-size: 11pt;
}
</pre>

===New elements in iframe.css===
<pre>
body.show-source {
background-color: lightyellow;
margin: 0px;
padding: 10px;
border-top: 5px solid #fc0;
}

.show-source .header {
background-color: lightyellow;
position: absolute;
top: 5px;
left: 0;
right: 10px;
height: 25px;
line-height: 25px;
text-align: right;
}

.show-source .content {
background-color: lightyellow;
position: absolute;
top: 30px;
left: 0;
right: 0;
bottom: 0;
padding: 10px;
}

.show-source .content textarea {
background-color: lightyellow;
width: 100%;
height: 100%;
border: 0px none;
whiteSpace: pre;
}
</pre>

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

===Diff file with all changes===
[[File:6.20_to_6.20_rev27_2011-09-22.diff]]

===New CSS files===
No new CSS files.

===Removed CSS files===
No CSS files removed.

===Changed CSS files===
<pre>
- theme/css/bgimages.css
- theme/css/global.css
- theme/css/popus.css
</pre>

===New and changed elements in bgimages.css===
<pre>
.bg-toolbar-compact {
background-image: url(../img/toolbar/toolbar30.png);
}
</pre>

===New elements in global.css===
<pre>
.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');
}
</pre>

===Changed elements in global.css===
<pre>
.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;
}
**********
</pre>

===Changed elements in popup.css===
<pre>
#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;
}
**********
</pre>

=Changes from 6.18.2 to 6.20 =

===New CSS files===
No new CSS files in this release.

===Removed CSS files===
<pre>
- theme/css/newwindow.css
</pre>

===Removed elements in bgimages.css===
<pre>
.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;
}
</pre>

===New and changed elements in bgimages.css===
<pre>
.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);
}
</pre>

===Removed elements in branding.css===
<pre>
#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 */
}
</pre>

===New and changed elements in calendar.css===
<pre>
.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;
}
</pre>

===New and changed elements in iframe.css===
<pre>
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;
}
</pre>

===New and changed elements in popuo.css===
<pre>
.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;
}
</pre>

===New and changed elements in global.css===
<pre>
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;
}
</pre>

===Removed elements in global.css===
<pre>
.weekDivMonthView .background-color-content{
background-color: #ffdaab !important;
}
</pre>

==ICONS==

===New icons===
<pre>
- 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
</pre>

===Changed icons===
<pre>
- 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
</pre>

===Removed icons===
<pre>
- 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
</pre>

=Changes from 6.18.1 to 6.18.2=

===New CSS file===
<pre>
- theme/css/branding.css
</pre>

===Changed CSS files===
<pre>
- theme/css/global.css
</pre>

===New elements in global.css===
<pre>
.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;
}
</pre>

===Change elements in global.css===
<pre>
.font-style-headline {
color:#404962;
font-weight : bold;
}

changed to

.font-style-headline {
color: #333;
}
</pre>

----

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

changed to

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

----

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

changed to

.tr_h {
background-color: #eaeaea !important;
}
</pre>

==ICONS==

===New icons===

<pre>
- 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
</pre>

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.

<pre>

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

</pre>

===Changed icons===

<pre>
- theme/img/toolbar/toolbar_bg.gif
</pre>

ThemeChanges

2012-08-23T10:34:27Z

Rlihm:

=Changes from 6.20 (Rev 36) to 6.20.1 (Rev5) =

===Diff file with all changes===
[[File:6.20_rev36_6.20.1_rev5.diff]]

===New CSS files===
No new CSS files.

===Removed CSS files===
No CSS files removed.

===Changed CSS files===

The following source files were changed:
/* test */
<pre>
- theme/css/calendar.css
- theme/css/global.css
- theme/css/iframe.css
</pre>

If your theme is based on one of our packaged themes, the following files are affected:

<pre>
- theme/css/concat.cssz
- theme/css/iframe.css
</pre>

===New elements in calendar.css (concat.cssz) ===
<pre>
.imip {
background-color: white;
padding: 15px 20px;
}

.imip .date {
font-size: 11pt;
color: #ccc;
}

.imip .interval {
color: #555;
white-space: nowrap;
float: right;
}

.imip .day {
color: #888;
}

.imip .title {
font-size: 18pt;
line-height: 22pt;
margin: 0.25em 0 0.25em 0;
}

.imip .location {
font-size: 11pt;
color: #888;
margin: 0.25em 0;
}

.imip .label {
font-size: 9pt;
color: #888;
clear: both;
border-bottom: 1px solid #ccc;
padding: 1em 0 0.25em 0em;
margin-bottom: 0.5em;
}

.imip .note {
max-width: 550px;
white-space: pre-wrap;
margin: 1em 0;
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
cursor: text;
}

.imip .participants {
min-height: 2em;
}

.imip .link {
cursor: pointer;
text-decoration: underline;
color: #00a0cd;
}

.imip .actions {
height: 2em;
text-align: right;
line-height: 2em;
border-bottom: 1px solid #f0f0f0;
}

.imip .action {
float: right;
margin-right: 1em;
}

.imip .changes {
margin: 1em 0;
font-size: 11pt;
}

.imip .changes .original {
font-weight: bold;
}

.imip .changes .recurrencePosition {
font-weight: bold;
}

.imip .changes .updated {
color: green;
font-weight: bold;
}

.imip changes {
margin-bottom: 2em;
font-family: OpenSans, Helvetica, Arial, sans-serif;
font-weight: 200;
font-size: 12pt;
}

.imip .changes .original {
font-weight: bold;
}

.imip .changes .recurrencePosition {
font-weight: bold;
}

.imip .changes .updated {
color: green;
font-weight: bold;
}

.imip .person, .imip .person-link {
color: #00A0CD;
}

.imip .participants-clear {
clear: both;
height: 1px;
}

.imip .participant-list {
-webkit-column-width: 250px;
-webkit-column-gap: 20px;
-moz-column-width: 250px;
-moz-column-gap: 20px;
column-width: 250px;
column-gap: 20px;
}

.imip .participant {
min-height: 2em;
line-height: 1.2em;
display: inline-block;
width: 250px;
float: left;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 20px 0.5em 0;
white-space: nowrap;
}

.imip .detail-label {
display: inline-block;
width: 80px;
white-space: nowrap;
color: #666;
}

.imip .detail {
white-space: nowrap;
}

.imip .detail.shown_as {
display: inline-block;
height: 1.5em;
width: 1em;
}

.shown_as.reserved { background-color: #08c; } /* blue */
.shown_as.temporary { background-color: #fc0; } /* yellow */
.shown_as.absent { background-color: #913F3F; } /* red */
.shown_as.free { background-color: #8EB360; } /* green */

.shown_as_label.reserved { color: #08c; } /* blue */
.shown_as_label.temporary { color: #fc0; } /* yellow */
.shown_as_label.absent { color: #913F3F; } /* red */
.shown_as_label.free { color: #8EB360; } /* green */

.imip .participant .status { }
.imip .participant .status.accepted { color: #8EB360; } /* green */
.imip .participant .status.declined { color: #913F3F; } /* red */
.imip .participant .status.tentative { color: #c80; } /* orange */
</pre>

===Removed elements in global.css (concat.cssz) ===
<pre>
/* for mac users */
.macos .ox-embedded-close {
position: absolute;
top: 7px;
left: 10px;
}
</pre>

===New elements in global.css (concat.cssz) ===
<pre>
a.common-link {
color: #3A6FCF;
text-decoration: underline;
}

input.monospace {
font-family: monospace;
font-size: 11pt;
padding: 5px 10px 5px 10px;
}

select.monospace, select.monospace option {
font-family: monospace;
font-size: 11pt;
}
</pre>

===New elements in iframe.css===
<pre>
body.show-source {
background-color: lightyellow;
margin: 0px;
padding: 10px;
border-top: 5px solid #fc0;
}

.show-source .header {
background-color: lightyellow;
position: absolute;
top: 5px;
left: 0;
right: 10px;
height: 25px;
line-height: 25px;
text-align: right;
}

.show-source .content {
background-color: lightyellow;
position: absolute;
top: 30px;
left: 0;
right: 0;
bottom: 0;
padding: 10px;
}

.show-source .content textarea {
background-color: lightyellow;
width: 100%;
height: 100%;
border: 0px none;
whiteSpace: pre;
}
</pre>

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

===Diff file with all changes===
[[File:6.20_to_6.20_rev27_2011-09-22.diff]]

===New CSS files===
No new CSS files.

===Removed CSS files===
No CSS files removed.

===Changed CSS files===
<pre>
- theme/css/bgimages.css
- theme/css/global.css
- theme/css/popus.css
</pre>

===New and changed elements in bgimages.css===
<pre>
.bg-toolbar-compact {
background-image: url(../img/toolbar/toolbar30.png);
}
</pre>

===New elements in global.css===
<pre>
.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');
}
</pre>

===Changed elements in global.css===
<pre>
.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;
}
**********
</pre>

===Changed elements in popup.css===
<pre>
#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;
}
**********
</pre>

=Changes from 6.18.2 to 6.20 =

===New CSS files===
No new CSS files in this release.

===Removed CSS files===
<pre>
- theme/css/newwindow.css
</pre>

===Removed elements in bgimages.css===
<pre>
.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;
}
</pre>

===New and changed elements in bgimages.css===
<pre>
.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);
}
</pre>

===Removed elements in branding.css===
<pre>
#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 */
}
</pre>

===New and changed elements in calendar.css===
<pre>
.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;
}
</pre>

===New and changed elements in iframe.css===
<pre>
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;
}
</pre>

===New and changed elements in popuo.css===
<pre>
.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;
}
</pre>

===New and changed elements in global.css===
<pre>
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;
}
</pre>

===Removed elements in global.css===
<pre>
.weekDivMonthView .background-color-content{
background-color: #ffdaab !important;
}
</pre>

==ICONS==

===New icons===
<pre>
- 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
</pre>

===Changed icons===
<pre>
- 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
</pre>

===Removed icons===
<pre>
- 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
</pre>

=Changes from 6.18.1 to 6.18.2=

===New CSS file===
<pre>
- theme/css/branding.css
</pre>

===Changed CSS files===
<pre>
- theme/css/global.css
</pre>

===New elements in global.css===
<pre>
.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;
}
</pre>

===Change elements in global.css===
<pre>
.font-style-headline {
color:#404962;
font-weight : bold;
}

changed to

.font-style-headline {
color: #333;
}
</pre>

----

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

changed to

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

----

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

changed to

.tr_h {
background-color: #eaeaea !important;
}
</pre>

==ICONS==

===New icons===

<pre>
- 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
</pre>

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.

<pre>

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

</pre>

===Changed icons===

<pre>
- theme/img/toolbar/toolbar_bg.gif
</pre>