ThemeChanges
From Open-Xchange
Changes from 6.18.2 to 6.20
CSS
No new CSS files in this release.
- 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 iframe.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;
}
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
- 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
- theme/img/calendar/dayicons/mod_calendar_1_sel.gif to - theme/img/calendar/dayicons/mod_calendar_31_sel.gif All icons with the _sel ending have been removed
Changes from 6.18.1 to 6.18.2
CSS
- theme/css/branding.css
- theme/css/global.css
.font-style-person {
color: #215696;
}
#window-header-decorator {
background-image: url(../img/toolbar/toolbar_bg.png);
background-repeat: repeat-x;
background-color: #ddd;
border-bottom: 1px solid #bbb;
}
.headercontenttable {
background-image: url(../img/toolbar/toolbar30.png);
background-repeat: repeat-x;
border-top: 0px none;
}
.headercontenttable.border-color-design {
border-color: #aaa !important;
}
div.oxTabControlToggleReverse, div.oxTabControlToggle {
background-repeat: no-repeat;
background-position: 3px 5px;
width: 15px;
height: 15px;
float: right;
margin: 5px 9px;
}
div.oxTabControlToggleReverse {
background-image: url(../img/arrows/arrow_double_white_down.gif);
cursor: s-resize;
}
div.oxTabControlToggle {
background-image: url(../img/arrows/arrow_double_white_up.gif);
cursor: n-resize;
}
div.oxTabControl {
background-color: #65769B;
}
.ox-sidepanel-view-title {
color: white;
}
div.oxTabControl a {
color: #eee;
}
div.oxTabControl td.oxTab:hover, div.oxTabControl td.oxTabLast:hover {
background-color: #455069;
}
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
- 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
- theme/img/toolbar/toolbar_bg.gif