ThemeChanges: Difference between revisions

From Open-Xchange
Line 49: Line 49:
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>

Revision as of 09:30, 22 November 2010

Changes from 6.18.1 to 6.18.2

CSS

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

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.


icons/16/attachment_add.png
icons/16/contact_copy.png
icons/16/distributionlist_extcontact.png
icons/16/infostore_move.png
icons/16/mail_move.png
icons/16/member_add.png
icons/16/mod_configuration.png
icons/16/mod_mail.png
icons/16/print.png
icons/16/task_move.png
icons/16/attachment_remove.png
icons/16/contact_move.png
icons/16/dummy.gif
icons/16/lock.png
icons/16/mail_source.png
icons/16/member_remove.png
icons/16/mod_contacts.png
icons/16/mod_portal.png
icons/16/save_as_link.png
icons/16/teamchange.png
icons/16/calendar_move.png
icons/16/duplicate_contacts.png
icons/16/mail_copy.png
icons/16/mark_as.png
icons/16/mod_calendar.png
icons/16/mod_infostore.png
icons/16/mod_tasks.png
icons/16/task_copy.png
icons/16/unlock.png

icons/24/mod_calendar.png
icons/24/mod_configuration.png
icons/24/mod_contacts.png
icons/24/mod_foldertree.png
icons/24/mod_infostore.png
icons/24/mod_mail.png
icons/24/mod_portal.png
icons/24/mod_tasks.png

icons/32/attachment_add.png
icons/32/externalview_add.png
icons/32/import.png
icons/32/member_remove.png
icons/32/mod_portal.png
icons/32/reply_all.png
icons/32/tag_2.png
icons/32/tag_8.png
icons/32/attachment_remove.png
icons/32/delete.png
icons/32/externalview_disable.png
icons/32/mail_copy.png
icons/32/mod_calendar.png
icons/32/mod_tasks.png
icons/32/reply.png
icons/32/tag_3.png
icons/32/tag_9.png
icons/32/cancel.png
icons/32/distributionlist.png
icons/32/externalview_edit.png
icons/32/mail_move.png
icons/32/mod_configuration.png
icons/32/options.png
icons/32/save_as_link.png
icons/32/tag_4.png
icons/32/tag_remove.png
icons/32/category_add.png
icons/32/draft.png
icons/32/externalview_enable.png
icons/32/mail_send.png
icons/32/mod_contacts.png
icons/32/picture_add.png
icons/32/save.png
icons/32/tag_5.png
icons/32/task_copy.png
icons/32/category_remove.png
icons/32/dummy.gif
icons/32/externalview_remove.png
icons/32/mail_write.png
icons/32/mod_infostore.png
icons/32/picture_remove.png
icons/32/tag_10.png
icons/32/tag_6.png
icons/32/task_move.png
icons/32/confirmation_change.png
icons/32/edit.png
icons/32/forward.png
icons/32/member_add.pngmod_mail.png
icons/32/print.png
icons/32/tag_1.png
icons/32/tag_7.png

Changed icons

 - theme/img/toolbar/toolbar_bg.gif