Change Log

See this section for an overview of what has changed from earlier releases.

Version 1.4.1

Fixed a bug where on certain mobile browsers the slide-in navigation would spontaneously expand and cover the content area after scrolling.
Fixed a bug where, using the default browser on certain Android devices, the top navigation would expand and cover the whole screen in orange, rendering the page unusable.

We implemented some layout changes to avoid broken alignments and visual artifacts in pages with advertisements. The content area is now centered and has a maximum width of 1280px, and elements will no longer be able to break out of that area, as the header and footer used to.
As a result of the above, the content-wrapper-container element has become obsolete. You no longer need to wrap your content-wrapper elements in these.
With the new page-wrapper--border class, you can apply a border to the left and right sides of your page wrapper to distinguish it from the rest of the window background. This is especially useful in centered layouts.

The layout of the first-level items in the top navigation bar has been adjusted to ensure that tabs will always be positioned in the same place, no matter which item is highlighted.
The stacking order of the account tab has been adjusted to prevent other content from overlapping it.
The login script now correctly appends a configurable return URL and application name parameter to the SSO registration link.

Fixed a bug in the advertisement styles where skyscraper banners that are part of a hockey stick configuration would not be shown regardless of display size on pages which have not yet adopted the new ad layout.

The OpenSans typeface is now available in light font weight (300).
The FontAwesome icon set has been updated. You can now use icons up to version 4.2.0.
We introduced a new content-wrapper-container element. All content-wrapper elements should be nested in one of these to make proper alignment possible in layouts with advertisements.
The way that advertisements are shown has been adjusted to make sure that ads are always as close as possible to the content column. On wide displays, the ads will now be drawn on top of the page and attached to the centered content column.
The "screen" condition has been removed from all media queries to make the respective styles available to devices other than regular screen interfaces, most notably printers. Before, printing pages would sometimes result in duplicate content because of misregarded hiding classes.

Added the new top navigation bar, which along with a modified version of the white header forms the new global header.
Added the corporate-powered-by module which you can use to show the "powered by Telekom" logo on the top right of standard pages (mainly in conjunction with the new header).
Added the Open Sans typeface to the pool of standard fonts. This is currently only used for the new global top navigation – you can apply the font face manually by adding the font-opensans class.
The font-semibold class lets you display text in semi-bold letters. This is an important distinction in certain typefaces, such as Open Sans.
The new vertical-center helper gives you a way to vertically center any element within its parent element.

Moved CSS file for browsers without media query support up in the tree to fix faulty relative references. Also fixed the banner so it will now show the correct version number.
Mirrored a couple of recent changes which had previously been missing to core_no-mq.css file.
Removed all styles from core_no-mq.css which are exclusively for the palm or lap states so that browsers without media query support will apply only those styles that are meant for desk-top devices.

Error color was made a few shades lighter for improved contrast to regular text.
Link icons now work within link lists even if you wrap the link in another element. Before, structures such as ul.icon-arrow > li > div > a would not have been allowed.
Added clearfix-before so you can now clear block elements toward the top – useful for when you want to contain top margins on an element's descendants, for example.
Added media-query-less variant of Core CSS file to replace respond.js – you will need this if you wish to support IE8 and plan to implement the CSS from another domain (as in "www.static-immobilienscout24.de")
Added a blue variant of the “NEU” icon to the global header which works better on the world tabs than the regular white and orange one.
Added Arial to the pool of potential fonts for headlines to improve the experience for Linux users browsing with Firefox.

Fixed info banner in zipped CSS files that would show a placeholder rather than the current version.
Prevented horizontal resizing of textarea elements within form to avoid broken layouts.
Adjusted line height on global header's active world tab to get rid of a phantom border in recent versions of Firefox.
Fixed broken layout of welcome text for logged-in users in the global header.
Adjusted sub navigation bar in global header to prevent tab hover effect from overlapping content below the header.
Attached affiliate link bar (scout-verticals) explicitly to the top left to avoid layout bugs in case its parent container has horizontal padding.