, but this code // executes before the first paint, when

ÃÛÌÒapp

is not yet present. The // classes are added to so styling immediately reflects the current // toolbar state. The classes are removed after the toolbar completes // initialization. const classesToAdd = ['toolbar-loading', 'toolbar-anti-flicker']; if (toolbarState) { const { orientation, hasActiveTab, isFixed, activeTray, activeTabId, isOriented, userButtonMinWidth } = toolbarState; classesToAdd.push( orientation ? `toolbar-` + orientation + `` : 'toolbar-horizontal', ); if (hasActiveTab !== false) { classesToAdd.push('toolbar-tray-open'); } if (isFixed) { classesToAdd.push('toolbar-fixed'); } if (isOriented) { classesToAdd.push('toolbar-oriented'); } if (activeTray) { // These styles are added so the active tab/tray styles are present // immediately instead of "flickering" on as the toolbar initializes. In // instances where a tray is lazy loaded, these styles facilitate the // lazy loaded tray appearing gracefully and without reflow. const styleContent = ` .toolbar-loading #` + activeTabId + ` { background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%); } .toolbar-loading #` + activeTabId + `-tray { display: block; box-shadow: -1px 0 5px 2px rgb(0 0 0 / 33%); border-right: 1px solid #aaa; background-color: #f5f5f5; z-index: 0; } .toolbar-loading.toolbar-vertical.toolbar-tray-open #` + activeTabId + `-tray { width: 15rem; height: 100vh; } .toolbar-loading.toolbar-horizontal :not(#` + activeTray + `) > .toolbar-lining {opacity: 0}`; const style = document.createElement('style'); style.textContent = styleContent; style.setAttribute('data-toolbar-anti-flicker-loading', true); document.querySelector('head').appendChild(style); if (userButtonMinWidth) { const userButtonStyle = document.createElement('style'); userButtonStyle.textContent = `#toolbar-item-user {min-width: ` + userButtonMinWidth +`px;}` document.querySelector('head').appendChild(userButtonStyle); } } } document.querySelector('html').classList.add(...classesToAdd); })(); The ÃÛÌÒapp Seal - Marketing and Communications | ÃÛÌÒapp

ÃÛÌÒapp

Skip to main content

The ÃÛÌÒapp Seal

Through the university’s branding process, the historic design of the ÃÛÌÒapp seal has persisted as a key element of our brand identity. While the ÃÛÌÒapp logo will be used widely, the ÃÛÌÒapp seal will retain its prestige by being featured in association with ÃÛÌÒapp academics and the university’s most formal pieces.

English seal

ÃÛÌÒapp’s English seal may be used in association with ÃÛÌÒapp’s academic programs as a symbol of our academic rigor, history and legacy. This seal should not appear in a publication that does not also include the ÃÛÌÒapp logo, unless explicit permission has been obtained from the office of communications and marketing.

ÃÛÌÒapp's English moto.

Latin seal

The Latin seal is reserved for use on documents that require formal endorsement, such as diplomas, medallions, awards and certificates issued by the president or provost. ÃÛÌÒapp’s seal may be either printed or blind-embossed for a more subtle effect.

The Latin seal of ÃÛÌÒapp.

Loading...