ThemeChanges: Difference between revisions
From Open-Xchange
No edit summary |
(+categories) |
||
(16 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
= Changes from 6. | =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. | |||
No new CSS files in | ===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> | <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> | </pre> | ||
=Changes from 6.18.2 to 6.20 = | |||
===New CSS files=== | |||
No new CSS files in this release. | |||
===Removed CSS files=== | |||
<pre> | <pre> | ||
- theme/css/newwindow.css | |||
</pre> | |||
===Removed elements in bgimages.css=== | |||
<pre> | |||
.topheader-l { | .topheader-l { | ||
background-image: url(../img/border/topheader-l.png); | background-image: url(../img/border/topheader-l.png); | ||
Line 72: | Line 464: | ||
background-repeat: repeat-y; | background-repeat: repeat-y; | ||
} | } | ||
</pre> | </pre> | ||
===New and changed elements in bgimages.css=== | |||
<pre> | <pre> | ||
.cpbody-size { | .cpbody-size { | ||
left: 4px; | left: 4px; | ||
Line 106: | Line 494: | ||
background-image:url(../img/border/spback.gif); | background-image:url(../img/border/spback.gif); | ||
} | } | ||
</pre> | </pre> | ||
===Removed elements in branding.css=== | |||
<pre> | <pre> | ||
#header { | #header { | ||
Line 126: | Line 511: | ||
</pre> | </pre> | ||
===New and changed elements in calendar.css=== | |||
<pre> | <pre> | ||
.kwSeparationBackGround { | .kwSeparationBackGround { | ||
Line 213: | Line 596: | ||
background-color: #fc0 !important; | background-color: #fc0 !important; | ||
} | } | ||
</pre> | </pre> | ||
===New and changed elements in iframe.css=== | |||
<pre> | <pre> | ||
html, body { | html, body { | ||
font-family: Arial, Helvetica, sans-serif; | font-family: Arial, Helvetica, sans-serif; | ||
Line 288: | Line 667: | ||
color: #111 !important; | color: #111 !important; | ||
} | } | ||
</pre> | </pre> | ||
===New and changed elements in popuo.css=== | |||
<pre> | <pre> | ||
.popupHeaderBackground { | .popupHeaderBackground { | ||
background-color: #bbb !important; | background-color: #bbb !important; | ||
Line 320: | Line 695: | ||
background-color: #bbb; | background-color: #bbb; | ||
} | } | ||
</pre> | </pre> | ||
===New and changed elements in global.css=== | |||
<pre> | <pre> | ||
body { | body { | ||
Line 625: | Line 997: | ||
* Button | * Button | ||
*/ | */ | ||
.ox-button { | .ox-button { | ||
font-size: 8pt; | font-size: 8pt; | ||
Line 785: | Line 1,156: | ||
.ox-dock-tab { | .ox-dock-tab { | ||
background-color: #222; | background-color: #222; | ||
background-image: none; | background-image: none; | ||
Line 834: | Line 1,204: | ||
background-position: 5px 5px; | background-position: 5px 5px; | ||
} | } | ||
</pre> | </pre> | ||
===Removed elements in global.css=== | |||
<pre> | <pre> | ||
.weekDivMonthView .background-color-content{ | .weekDivMonthView .background-color-content{ | ||
background-color: #ffdaab !important; | background-color: #ffdaab !important; | ||
} | } | ||
</pre> | </pre> | ||
==ICONS== | |||
== | ===New icons=== | ||
<pre> | <pre> | ||
- theme/icons/16/calendar_dis.png | - theme/icons/16/calendar_dis.png | ||
Line 906: | Line 1,269: | ||
</pre> | </pre> | ||
===Changed icons=== | |||
<pre> | <pre> | ||
- themes/img/arrows/arrow_double_white_left.gif | - themes/img/arrows/arrow_double_white_left.gif | ||
Line 939: | Line 1,301: | ||
</pre> | </pre> | ||
===Removed icons=== | |||
<pre> | <pre> | ||
- theme/img/calendar/dayicons/mod_calendar_1_sel.gif | - theme/img/calendar/dayicons/mod_calendar_1_sel.gif | ||
Line 948: | Line 1,309: | ||
</pre> | </pre> | ||
=Changes from 6.18.1 to 6.18.2= | |||
===New CSS file=== | |||
= | |||
== | |||
<pre> | <pre> | ||
- theme/css/branding.css | - theme/css/branding.css | ||
</pre> | </pre> | ||
===Changed CSS files=== | |||
<pre> | <pre> | ||
- theme/css/global.css | - theme/css/global.css | ||
</pre> | </pre> | ||
===New elements in global.css=== | |||
<pre> | <pre> | ||
.font-style-person { | .font-style-person { | ||
Line 1,026: | Line 1,380: | ||
</pre> | </pre> | ||
===Change elements in global.css=== | |||
<pre> | <pre> | ||
.font-style-headline { | .font-style-headline { | ||
Line 1,069: | Line 1,422: | ||
</pre> | </pre> | ||
== ICONS == | ==ICONS== | ||
===New icons=== | |||
<pre> | <pre> | ||
Line 1,247: | Line 1,600: | ||
</pre> | </pre> | ||
===Changed icons=== | |||
<pre> | <pre> | ||
- theme/img/toolbar/toolbar_bg.gif | - theme/img/toolbar/toolbar_bg.gif | ||
</pre> | </pre> | ||
[[Category:UI]] | |||
[[Category:Theming]] |
Latest revision as of 12:40, 20 June 2013
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:
- theme/css/calendar.css - theme/css/global.css - theme/css/iframe.css
If your theme is based on one of our packaged themes, the following files are affected:
- theme/css/concat.cssz - theme/css/iframe.css
New elements in calendar.css (concat.cssz)
.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 */
Removed elements in global.css (concat.cssz)
/* for mac users */ .macos .ox-embedded-close { position: absolute; top: 7px; left: 10px; }
New elements in global.css (concat.cssz)
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; }
New elements in iframe.css
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; }
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
- 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