ThemeChanges: Difference between revisions
From Open-Xchange
(added diff showing all theme changes) |
(Added changes from 6.20 to 6.20.1) |
||
Line 1: | Line 1: | ||
=Changes from 6.20 (Rev 36) to 6.20.1 (Rev5) = | |||
===Diff file with all changes=== | |||
[[File:Example.jpg]] | |||
===New CSS files=== | |||
No new CSS files. | |||
===Removed CSS files=== | |||
No CSS files removed. | |||
===Changed CSS files=== | |||
<pre> | |||
- theme/css/calendar.css | |||
- theme/css/global.css | |||
- theme/css/iframe.css | |||
</pre> | |||
===New and changed elements in calendar.css=== | |||
<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=== | |||
<pre> | |||
/* for mac users */ | |||
.macos .ox-embedded-close { | |||
position: absolute; | |||
top: 7px; | |||
left: 10px; | |||
} | |||
</pre> | |||
===New and changed elements in global.css=== | |||
<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 and changed elements in bgimages.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) = | =Changes from 6.20 to Public Patch Release 2011-09-22 for 6.20 (Rev 27) = | ||
Revision as of 13:09, 30 January 2012
Changes from 6.20 (Rev 36) to 6.20.1 (Rev5)
Diff file with all changes
New CSS files
No new CSS files.
Removed CSS files
No CSS files removed.
Changed CSS files
- theme/css/calendar.css - theme/css/global.css - theme/css/iframe.css
New and changed elements in calendar.css
.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
/* for mac users */ .macos .ox-embedded-close { position: absolute; top: 7px; left: 10px; }
New and changed elements in global.css
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 and changed elements in bgimages.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