Difference between revisions of "ThemeChanges"
(→Changes from 6.18.1 to 6.18.2) |
(+categories) |
||
(23 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. | ||
− | + | ===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> | <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 49: | Line 1,352: | ||
margin: 5px 9px; | margin: 5px 9px; | ||
} | } | ||
+ | |||
div.oxTabControlToggleReverse { | div.oxTabControlToggleReverse { | ||
background-image: url(../img/arrows/arrow_double_white_down.gif); | background-image: url(../img/arrows/arrow_double_white_down.gif); | ||
cursor: s-resize; | cursor: s-resize; | ||
} | } | ||
+ | |||
div.oxTabControlToggle { | div.oxTabControlToggle { | ||
background-image: url(../img/arrows/arrow_double_white_up.gif); | background-image: url(../img/arrows/arrow_double_white_up.gif); | ||
cursor: n-resize; | 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> | </pre> | ||
− | + | ===Change elements in global.css=== | |
− | |||
<pre> | <pre> | ||
.font-style-headline { | .font-style-headline { | ||
Line 102: | Line 1,422: | ||
</pre> | </pre> | ||
− | + | ==ICONS== | |
− | + | ===New icons=== | |
<pre> | <pre> | ||
Line 111: | Line 1,431: | ||
- theme/img/arrows/menu_arrow_down.gif | - theme/img/arrows/menu_arrow_down.gif | ||
- theme/img/arrows/menu_arrow_right.gif | - theme/img/arrows/menu_arrow_right.gif | ||
+ | - theme/img/folder/shared_dis.gif | ||
</pre> | </pre> | ||
Line 117: | Line 1,438: | ||
<pre> | <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> | </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
Contents
- 1 Changes from 6.20 (Rev 36) to 6.20.1 (Rev5)
- 2 Changes from 6.20 to Public Patch Release 2011-09-22 for 6.20 (Rev 27)
- 3 Changes from 6.18.2 to 6.20
- 3.1 New CSS files
- 3.2 Removed CSS files
- 3.3 Removed elements in bgimages.css
- 3.4 New and changed elements in bgimages.css
- 3.5 Removed elements in branding.css
- 3.6 New and changed elements in calendar.css
- 3.7 New and changed elements in iframe.css
- 3.8 New and changed elements in popuo.css
- 3.9 New and changed elements in global.css
- 3.10 Removed elements in global.css
- 3.11 ICONS
- 4 Changes from 6.18.1 to 6.18.2
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