Skip to content
Commits on Source (23)
source 'https://rubygems.org'
group :frontend do
gem 'compass', '<= 0.13'
# Build compass sprites faster with oily_png.
gem 'oily_png', '~> 1.1'
gem 'sass', '~> 3.2.0'
gem 'sass-globbing', '~> 1.1'
gem 'zen-grids', '~> 1.5'
end
......@@ -11,7 +11,20 @@
environment = :development
#environment = :production
# In development, we can turn on the FireSass-compatible debug_info.
# If in development (set above), we can turn on the sourcemap file generation.
# Requires sass 3.3+ and compass 1.0.1+
# Determine version from command line: sass --version && compass --version
sourcemap = false
#sourcemap = true
# Alternative development debugging methods
# If in development (above), we can enable line_comments for FireCompass plugin.
# Requires Firebug plugin and FireCompass plugin
firecompass = false
#firecompass = true
# If in development (above), we can enable debug_info for the FireSass plugin.
# Requires Firebug plugin and Firesass plugin
firesass = false
#firesass = true
......@@ -54,3 +67,11 @@ relative_assets = true
# Pass options to sass. For development, we turn on the FireSass-compatible
# debug_info if the firesass config variable above is true.
sass_options = (environment == :development && firesass == true) ? {:debug_info => true} : {}
# Pass options to sass. For development, we turn on the FireCompass-compatible
# line_comments if the firecompass config variable above is true.
sass_options = (environment == :development && firecompass == true) ? {:line_comments => true} : sass_options
# Pass options to sass. For development and sourcemap variable is true (above),
# then pass the "--sourcemap" option flag to compass/sass.
sass_options = (environment == :development && sourcemap == true) ? {:sourcemap => true} : sass_options
......@@ -48,6 +48,7 @@
* Tabs.
*/
.tabs-primary__tab,
.tabs-primary__tab.is-active,
.tabs-secondary__tab,
.tabs-secondary__tab.is-active {
float: right;
......
......@@ -260,13 +260,16 @@
white-space: nowrap;
}
.tabs-primary__tab,
.tabs-primary__tab.is-active,
.tabs-secondary__tab,
.tabs-secondary__tab.is-active {
float: left; /* LTR */
margin: 0 3px;
}
a.tabs-primary__tab-link,
a.tabs-secondary__tab-link {
a.tabs-primary__tab-link.is-active,
a.tabs-secondary__tab-link,
a.tabs-secondary__tab-link.is-active {
border: 1px solid #e9e9e9;
border-right: 0;
border-bottom: 0;
......
......@@ -4,7 +4,7 @@
*
* This file is a slight fork of these original sources:
* - normalize.css v2.1.2 | MIT License | git.io/normalize
* - normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass
* - normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-scss
*
* It's suggested that you read the normalize.scss file and customise it to meet
* your needs, rather then including the file in your project and overriding the
......
......@@ -12,6 +12,6 @@ idea at the time, but in a few months, you'll probably regret it.
In the future, if you take an update of this framework, you'll need to run
compass unpack zen-grids
bundle exec compass unpack zen-grids
again or remove this unpacked extension.
......@@ -20,22 +20,47 @@ To learn more about Compass, visit: http://compass-style.org
DEVELOPING WITH SASS AND COMPASS
--------------------------------
Zen 7.x-5.0 was developed with the latest version of Sass and Compass (at the
time!) Newer versions are not compatible with Zen's Sass files. To ensure you
are using the correct version of Sass and Compass, you will need to use the
"bundle" command which will read Zen's Gemfile to ensure the proper versions are
used when compiling your CSS. To install the correction versions of Sass and
Compass, go to the root directory of your sub-theme and type:
bundle install
You will also need to prefix any compass commands with "bundle exec". For
example, type "bundle exec compass compile" instead of just "compass compile".
To automatically generate the CSS versions of the scss while you are doing theme
development, you'll need to tell Compass to "watch" the sass directory so that
any time a .scss file is changed it will automatically place a generated CSS
file into your sub-theme's css directory:
any time a .scss file is changed it will automatically generate a CSS file in
your sub-theme's css directory:
compass watch <path to your sub-theme's directory>
bundle exec compass watch <path to your sub-theme's directory>
If you are already in the root of your sub-theme's directory, you can simply
type: compass watch
type: bundle exec compass watch
While using generated CSS with Firebug, the line numbers it reports will not
match the .scss file, since it references the generated CSS file's lines, not
the line numbers of the "source" sass files. How then do we debug? Sourcemaps to
the rescue! To find the oringial, newer browsers have support for sourcemap
files (*.map). These files are used by the built-in development tools of newer
browsers to map the generated line to the SCSS source. When in development mode,
Zen can be set to generate sourcemap files. Edit config.rb, and uncomment:
sourcemap=true
Enabling and using sourcemap files (*.map) in your browser
In short, Open Developer tools, go to settings, and enable an option to the
effect of: 'view original sources' or 'Enable CSS source maps'.
While using generated CSS with Firebug, the line numbers it reports will be
wrong since it will be showing the generated CSS file's line numbers and not the
line numbers of the source Sass files. To correct this problem, you can install
the FireSass plug-in into Firefox and then edit your sub-theme's config.rb file
to set: firesass = true
https://addons.mozilla.org/en-US/firefox/addon/firesass-for-firebug/
* Firefox: https://hacks.mozilla.org/2014/02/live-editing-sass-and-less-in-the-firefox-developer-tools/
* Chrome: https://developer.chrome.com/devtools/docs/css-preprocessors#toc-enabling-css-source-maps
* IE: http://msdn.microsoft.com/en-US/library/ie/dn255007%28v=vs.85%29#source_maps
MOVING YOUR CSS TO PRODUCTION
......@@ -48,10 +73,10 @@ will only generate CSS for .scss files that have recently changed; in order to
force it to regenerate all the CSS files, you can use the Compass' clean command
to delete all the generated CSS files.
- Delete all CSS files by running: compass clean
- Delete all CSS files by running: bundle exec compass clean
- Edit the config.rb file in your theme's directory and uncomment this line by
deleting the "#" from the beginning:
#environment = :production
- Regenerate all the CSS files by running: compass compile
- Regenerate all the CSS files by running: bundle exec compass compile
And don't forget to turn on Drupal's CSS aggregation. :-)
......@@ -4,7 +4,7 @@
*
* This file is a slight fork of these original sources:
* - normalize.css v2.1.2 | MIT License | git.io/normalize
* - normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass
* - normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-scss
*
* It's suggested that you read the normalize.scss file and customise it to meet
* your needs, rather then including the file in your project and overriding the
......@@ -81,7 +81,7 @@ audio:not([controls]) {
* used in any ruleset using a property like this: font-family: Example, serif;
*
* Since we're using Sass, you'll need to declare your font faces here, then you
* can add them to the font variables in the _base.scss partial.
* can add them to the font variables in the _init.scss partial.
*/
/*
@font-face {
......@@ -353,8 +353,10 @@ img {
max-width: 100%;
height: auto;
@if $legacy-support-for-ie8 {
/* Correct IE 8 not scaling image height when resized. */
width: auto;
.lt-ie9 & {
/* Correct IE 8 not scaling image height when resized. */
width: auto;
}
}
}
......
......@@ -521,6 +521,7 @@ span.field-label {
/* The word "Unpublished" displayed underneath the content. */
.unpublished {
display: block;
height: 0;
overflow: visible;
/* Remove background highlighting from <mark> in normalize. */
......
......@@ -15,7 +15,7 @@ $zen-column-count: 5;
$zen-gutter-width: 20px;
$zen-grid-width: 980px;
// If you need IE6/7 support for box-sizing: border-box (default), see _base.scss
// If you need IE6/7 support for box-sizing: border-box (default), see _init.scss
// Since the same CSS unit for grid width and gutter width are set here
// we can use box-sizing: content-box; without worrying about polyfills.
$zen-box-sizing: content-box;
......
......@@ -13,7 +13,7 @@
$zen-column-count: 1;
$zen-gutter-width: 20px;
// If you need IE6/7 support for box-sizing: border-box (default), see _base.scss
// If you need IE6/7 support for box-sizing: border-box (default), see _init.scss
//$zen-box-sizing: content-box;
// You can generate more efficient CSS if you manually apply the
......@@ -21,7 +21,8 @@ $zen-gutter-width: 20px;
$zen-auto-include-item-base: false;
// $zen-auto-include-flow-item-base: false;
// Suppress this section of CSS for RTL layouts since it contains no LTR-specific styles.
// Suppress this section of CSS for RTL layouts since it contains no CSS that
// needs RTL-specific overrides.
@if $zen-reverse-all-floats == false {
/**
......@@ -71,7 +72,7 @@ $zen-auto-include-item-base: false;
}
}
} // End of @if $zen-reverse-all-floats == true
} // End of @if $zen-reverse-all-floats == false
/**
* Use 3 grid columns for smaller screens.
......
......@@ -29,7 +29,7 @@ function zen_no_wrapper_settings_form(&$display, $layout, $settings) {
$form['layout_settings'] = array(
'#type' => 'fieldset',
'#title' => t('Layout settings'),
'#description' => t('Note: if this setting is used, a wrapper div will be added to accomodate the needed classes.'),
'#description' => t('Note: if this setting is used, a wrapper div will be added to accommodate the needed classes.'),
'#collapsible' => TRUE,
'#collapsed' => TRUE,
);
......
......@@ -24,7 +24,7 @@ if (theme_get_setting('zen_rebuild_registry') && !defined('MAINTENANCE_MODE')) {
* Implements HOOK_theme().
*/
function zen_theme(&$existing, $type, $theme, $path) {
include_once './' . drupal_get_path('theme', 'zen') . '/zen-internals/template.theme-registry.inc';
include_once DRUPAL_ROOT . '/' . drupal_get_path('theme', 'zen') . '/zen-internals/template.theme-registry.inc';
return _zen_theme($existing, $type, $theme, $path);
}
......@@ -127,15 +127,15 @@ function zen_preprocess_html(&$variables, $hook) {
);
// Send X-UA-Compatible HTTP header to force IE to use the most recent
// rendering engine or use Chrome's frame rendering engine if available.
// rendering engine.
// This also prevents the IE compatibility mode button to appear when using
// conditional classes on the html tag.
if (is_null(drupal_get_http_header('X-UA-Compatible'))) {
drupal_add_http_header('X-UA-Compatible', 'IE=edge,chrome=1');
drupal_add_http_header('X-UA-Compatible', 'IE=edge');
}
$variables['skip_link_anchor'] = theme_get_setting('zen_skip_link_anchor');
$variables['skip_link_text'] = theme_get_setting('zen_skip_link_text');
$variables['skip_link_anchor'] = check_plain(theme_get_setting('zen_skip_link_anchor'));
$variables['skip_link_text'] = check_plain(theme_get_setting('zen_skip_link_text'));
// Return early, so the maintenance page does not call any of the code below.
if ($hook != 'html') {
......@@ -221,8 +221,13 @@ function zen_process_html_tag(&$variables) {
$tag = &$variables['element'];
if ($tag['#tag'] == 'style' || $tag['#tag'] == 'script') {
// Remove redundant type attribute and CDATA comments.
unset($tag['#attributes']['type'], $tag['#value_prefix'], $tag['#value_suffix']);
// Remove redundant CDATA comments.
unset($tag['#value_prefix'], $tag['#value_suffix']);
// Remove redundant type attribute.
if (isset($tag['#attributes']['type']) && $tag['#attributes']['type'] !== 'text/ng-template') {
unset($tag['#attributes']['type']);
}
// Remove media="all" but leave others unaffected.
if (isset($tag['#attributes']['media']) && $tag['#attributes']['media'] === 'all') {
......@@ -254,7 +259,7 @@ function zen_preprocess_page(&$variables, $hook) {
$secondary_links = variable_get('menu_secondary_links_source', 'user-menu');
if ($secondary_links) {
$menus = function_exists('menu_get_menus') ? menu_get_menus() : menu_list_system_menus();
$variables['secondary_menu_heading'] = $menus[$secondary_links];
$variables['secondary_menu_heading'] = isset($menus[$secondary_links]) ? $menus[$secondary_links] : '';
}
else {
$variables['secondary_menu_heading'] = '';
......@@ -306,6 +311,9 @@ function zen_preprocess_node(&$variables, $hook) {
// Add $unpublished variable.
$variables['unpublished'] = (!$variables['status']) ? TRUE : FALSE;
// Set preview variable to FALSE if it doesn't exist.
$variables['preview'] = isset($variables['preview']) ? $variables['preview'] : FALSE;
// Add pubdate to submitted variable.
$variables['pubdate'] = '<time pubdate datetime="' . format_date($variables['node']->created, 'custom', 'c') . '">' . $variables['date'] . '</time>';
if ($variables['display_submitted']) {
......@@ -618,7 +626,27 @@ function zen_menu_local_task($variables) {
* Implements hook_preprocess_menu_link().
*/
function zen_preprocess_menu_link(&$variables, $hook) {
foreach ($variables['element']['#attributes']['class'] as $key => $class) {
// Normalize menu item classes to be an array.
if (empty($variables['element']['#attributes']['class'])) {
$variables['element']['#attributes']['class'] = array();
}
$menu_item_classes =& $variables['element']['#attributes']['class'];
if (!is_array($menu_item_classes)) {
$menu_item_classes = array($menu_item_classes);
}
// Normalize menu link classes to be an array.
if (empty($variables['element']['#localized_options']['attributes']['class'])) {
$variables['element']['#localized_options']['attributes']['class'] = array();
}
$menu_link_classes =& $variables['element']['#localized_options']['attributes']['class'];
if (!is_array($menu_link_classes)) {
$menu_link_classes = array($menu_link_classes);
}
// Add BEM-style classes to the menu item classes.
$extra_classes = array('menu__item');
foreach ($menu_item_classes as $key => $class) {
switch ($class) {
// Menu module classes.
case 'expanded':
......@@ -627,28 +655,31 @@ function zen_preprocess_menu_link(&$variables, $hook) {
case 'active':
// Menu block module classes.
case 'active-trail':
array_unshift($variables['element']['#attributes']['class'], 'is-' . $class);
$extra_classes[] = 'is-' . $class;
break;
case 'has-children':
array_unshift($variables['element']['#attributes']['class'], 'is-parent');
$extra_classes[] = 'is-parent';
break;
}
}
array_unshift($variables['element']['#attributes']['class'], 'menu__item');
if (empty($variables['element']['#localized_options']['attributes']['class'])) {
$variables['element']['#localized_options']['attributes']['class'] = array();
$menu_item_classes = array_merge($extra_classes, $menu_item_classes);
// Add BEM-style classes to the menu link classes.
$extra_classes = array('menu__link');
if (empty($menu_link_classes)) {
$menu_link_classes = array();
}
else {
foreach ($variables['element']['#localized_options']['attributes']['class'] as $key => $class) {
foreach ($menu_link_classes as $key => $class) {
switch ($class) {
case 'active':
case 'active-trail':
array_unshift($variables['element']['#localized_options']['attributes']['class'], 'is-' . $class);
$extra_classes[] = 'is-' . $class;
break;
}
}
}
array_unshift($variables['element']['#localized_options']['attributes']['class'], 'menu__link');
$menu_link_classes = array_merge($extra_classes, $menu_link_classes);
}
/**
......@@ -671,12 +702,12 @@ function zen_status_messages($variables) {
if (count($messages) > 1) {
$output .= " <ul class=\"messages__list\">\n";
foreach ($messages as $message) {
$output .= ' <li class=\"messages__item\">' . $message . "</li>\n";
$output .= ' <li class="messages__item">' . $message . "</li>\n";
}
$output .= " </ul>\n";
}
else {
$output .= $messages[0];
$output .= reset($messages);
}
$output .= "</div>\n";
}
......
......@@ -22,7 +22,7 @@
<meta name="HandheldFriendly" content="true">
<meta name="viewport" content="width=device-width">
<?php endif; ?>
<meta http-equiv="cleartype" content="on">
<!--[if IEMobile]><meta http-equiv="cleartype" content="on"><![endif]-->
<?php print $styles; ?>
<?php print $scripts; ?>
......
......@@ -22,7 +22,7 @@
<meta name="HandheldFriendly" content="true">
<meta name="viewport" content="width=device-width">
<?php endif; ?>
<meta http-equiv="cleartype" content="on">
<!--[if IEMobile]><meta http-equiv="cleartype" content="on"><![endif]-->
<?php print $styles; ?>
<?php print $scripts; ?>
......
......@@ -8,12 +8,14 @@
*/
?>
<?php print $pane_prefix; ?>
<div class="<?php print $classes; ?>" <?php print $id; ?>>
<div class="<?php print $classes; ?>" <?php print $id; ?> <?php print $attributes; ?>>
<?php print $admin_links; ?>
<?php print render($title_prefix); ?>
<?php if ($title): ?>
<h2<?php print $title_attributes; ?>><?php print $title; ?></h2>
<<?php print $title_heading; ?><?php print $title_attributes; ?>>
<?php print $title; ?>
</<?php print $title_heading; ?>>
<?php endif; ?>
<?php print render($title_suffix); ?>
......
dd{margin:0 30px 0 0}menu,ol,ul{padding:0 30px 0 0}legend{*margin-left:0;*margin-right:-7px}.sidebar-first #content{float:right;width:764px;margin-right:196px;margin-left:-980px}.sidebar-first .region-sidebar-first{float:right;width:176px;margin-right:0px;margin-left:-196px}.sidebar-second #content{float:right;width:764px;margin-right:0px;margin-left:-784px}.sidebar-second .region-sidebar-second{float:right;width:176px;margin-right:784px;margin-left:-980px}.two-sidebars #content{float:right;width:568px;margin-right:196px;margin-left:-784px}.two-sidebars .region-sidebar-first{float:right;width:176px;margin-right:0px;margin-left:-196px}.two-sidebars .region-sidebar-second{float:right;width:176px;margin-right:784px;margin-left:-980px}.header__logo{float:right}.header__secondary-menu{float:left}#navigation .links,#navigation .menu{text-align:right}#navigation .links li,#navigation .menu li{float:right;padding:0 0 0 10px}.messages,.messages--status,.messages--warning,.messages--error{padding:10px 50px 10px 10px;background-position:99% 8px}.tabs-primary__tab,.tabs-secondary__tab,.tabs-secondary__tab.is-active{float:right}.inline li{display:inline-block;padding:0 0 0 1em}span.field-label{padding:0 0 0 1em}.more-link{text-align:left}.more-help-link{text-align:left}.more-help-link a{background-position:100% 50%;padding:1px 20px 1px 0}.menu__item.is-collapsed{list-style-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABNJREFUCB1j4GASYFJgcmD+A4IADUIDfIUMT4wAAAAASUVORK5CYII=');*list-style-image:url('../images/menu-collapsed-rtl.png')}.indented{margin-left:0;margin-right:30px}#user-login-form{text-align:right}html.js #user-login-form li.openid-link,#user-login-form li.openid-link{margin-left:0;margin-right:-20px}form th{text-align:right;padding-left:1em;padding-right:0}html.js .collapsible .fieldset-legend{background-position:98% 75%;padding-left:0;padding-right:15px}html.js .collapsed .fieldset-legend{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABNJREFUCB1j4GASYFJgcmD+A4IADUIDfIUMT4wAAAAASUVORK5CYII=');*background-image:url('../images/menu-collapsed-rtl.png');background-position:98% 50%}
dd{margin:0 30px 0 0}menu,ol,ul{padding:0 30px 0 0}legend{*margin-left:0;*margin-right:-7px}.sidebar-first #content{float:right;width:764px;margin-right:196px;margin-left:-980px}.sidebar-first .region-sidebar-first{float:right;width:176px;margin-right:0px;margin-left:-196px}.sidebar-second #content{float:right;width:764px;margin-right:0px;margin-left:-784px}.sidebar-second .region-sidebar-second{float:right;width:176px;margin-right:784px;margin-left:-980px}.two-sidebars #content{float:right;width:568px;margin-right:196px;margin-left:-784px}.two-sidebars .region-sidebar-first{float:right;width:176px;margin-right:0px;margin-left:-196px}.two-sidebars .region-sidebar-second{float:right;width:176px;margin-right:784px;margin-left:-980px}.header__logo{float:right}.header__secondary-menu{float:left}#navigation .links,#navigation .menu{text-align:right}#navigation .links li,#navigation .menu li{float:right;padding:0 0 0 10px}.messages,.messages--status,.messages--warning,.messages--error{padding:10px 50px 10px 10px;background-position:99% 8px}.tabs-primary__tab,.tabs-primary__tab.is-active,.tabs-secondary__tab,.tabs-secondary__tab.is-active{float:right}.inline li{display:inline-block;padding:0 0 0 1em}span.field-label{padding:0 0 0 1em}.more-link{text-align:left}.more-help-link{text-align:left}.more-help-link a{background-position:100% 50%;padding:1px 20px 1px 0}.menu__item.is-collapsed{list-style-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABNJREFUCB1j4GASYFJgcmD+A4IADUIDfIUMT4wAAAAASUVORK5CYII=');*list-style-image:url('../images/menu-collapsed-rtl.png')}.indented{margin-left:0;margin-right:30px}#user-login-form{text-align:right}html.js #user-login-form li.openid-link,#user-login-form li.openid-link{margin-left:0;margin-right:-20px}form th{text-align:right;padding-left:1em;padding-right:0}html.js .collapsible .fieldset-legend{background-position:98% 75%;padding-left:0;padding-right:15px}html.js .collapsed .fieldset-legend{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABNJREFUCB1j4GASYFJgcmD+A4IADUIDfIUMT4wAAAAASUVORK5CYII=');*background-image:url('../images/menu-collapsed-rtl.png');background-position:98% 50%}
This diff is collapsed.
dd{margin:0 30px 0 0}menu,ol,ul{padding:0 30px 0 0}legend{*margin-left:0;*margin-right:-7px}@media all and (min-width: 480px) and (max-width: 959px){.sidebar-first #content{float:right;width:66.66667%;margin-right:33.33333%;margin-left:-100%}.sidebar-first .region-sidebar-first{float:right;width:33.33333%;margin-right:0%;margin-left:-33.33333%}.sidebar-second #content{float:right;width:66.66667%;margin-right:0%;margin-left:-66.66667%}.sidebar-second .region-sidebar-second{float:right;width:33.33333%;margin-right:66.66667%;margin-left:-100%}.two-sidebars #content{float:right;width:66.66667%;margin-right:33.33333%;margin-left:-100%}.two-sidebars .region-sidebar-first{float:right;width:33.33333%;margin-right:0%;margin-left:-33.33333%}.two-sidebars .region-sidebar-second{float:right;width:100%;margin-right:0%;margin-left:-100%;padding-left:0;padding-right:0;clear:right}.two-sidebars .region-sidebar-second .block{padding-left:10px;padding-right:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word;*behavior:url("/path/to/boxsizing.htc");_display:inline;_overflow:hidden;_overflow-y:visible}.two-sidebars .region-sidebar-second .block:nth-child(3n+1){float:right;width:33.33333%;margin-right:0%;margin-left:-33.33333%;clear:right}.two-sidebars .region-sidebar-second .block:nth-child(3n+2){float:right;width:33.33333%;margin-right:33.33333%;margin-left:-66.66667%}.two-sidebars .region-sidebar-second .block:nth-child(3n){float:right;width:33.33333%;margin-right:66.66667%;margin-left:-100%}}@media all and (min-width: 960px){.sidebar-first #content{float:right;width:80%;margin-right:20%;margin-left:-100%}.sidebar-first .region-sidebar-first{float:right;width:20%;margin-right:0%;margin-left:-20%}.sidebar-second #content{float:right;width:80%;margin-right:0%;margin-left:-80%}.sidebar-second .region-sidebar-second{float:right;width:20%;margin-right:80%;margin-left:-100%}.two-sidebars #content{float:right;width:60%;margin-right:20%;margin-left:-80%}.two-sidebars .region-sidebar-first{float:right;width:20%;margin-right:0%;margin-left:-20%}.two-sidebars .region-sidebar-second{float:right;width:20%;margin-right:80%;margin-left:-100%}}.header__logo{float:right}.header__secondary-menu{float:left}#navigation .links,#navigation .menu{text-align:right}#navigation .links li,#navigation .menu li{float:right;padding:0 0 0 10px}.messages,.messages--status,.messages--warning,.messages--error{padding:10px 50px 10px 10px;background-position:99% 8px}.tabs-primary__tab,.tabs-secondary__tab,.tabs-secondary__tab.is-active{float:right}.inline li{display:inline-block;padding:0 0 0 1em}span.field-label{padding:0 0 0 1em}.more-link{text-align:left}.more-help-link{text-align:left}.more-help-link a{background-position:100% 50%;padding:1px 20px 1px 0}.menu__item.is-collapsed{list-style-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABNJREFUCB1j4GASYFJgcmD+A4IADUIDfIUMT4wAAAAASUVORK5CYII=');*list-style-image:url('../images/menu-collapsed-rtl.png')}.indented{margin-left:0;margin-right:30px}#user-login-form{text-align:right}html.js #user-login-form li.openid-link,#user-login-form li.openid-link{margin-left:0;margin-right:-20px}form th{text-align:right;padding-left:1em;padding-right:0}html.js .collapsible .fieldset-legend{background-position:98% 75%;padding-left:0;padding-right:15px}html.js .collapsed .fieldset-legend{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABNJREFUCB1j4GASYFJgcmD+A4IADUIDfIUMT4wAAAAASUVORK5CYII=');*background-image:url('../images/menu-collapsed-rtl.png');background-position:98% 50%}
dd{margin:0 30px 0 0}menu,ol,ul{padding:0 30px 0 0}legend{*margin-left:0;*margin-right:-7px}@media all and (min-width: 480px) and (max-width: 959px){.sidebar-first #content{float:right;width:66.66667%;margin-right:33.33333%;margin-left:-100%}.sidebar-first .region-sidebar-first{float:right;width:33.33333%;margin-right:0%;margin-left:-33.33333%}.sidebar-second #content{float:right;width:66.66667%;margin-right:0%;margin-left:-66.66667%}.sidebar-second .region-sidebar-second{float:right;width:33.33333%;margin-right:66.66667%;margin-left:-100%}.two-sidebars #content{float:right;width:66.66667%;margin-right:33.33333%;margin-left:-100%}.two-sidebars .region-sidebar-first{float:right;width:33.33333%;margin-right:0%;margin-left:-33.33333%}.two-sidebars .region-sidebar-second{float:right;width:100%;margin-right:0%;margin-left:-100%;padding-left:0;padding-right:0;clear:right}.two-sidebars .region-sidebar-second .block{padding-left:10px;padding-right:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word;*behavior:url("/path/to/boxsizing.htc");_display:inline;_overflow:hidden;_overflow-y:visible}.two-sidebars .region-sidebar-second .block:nth-child(3n+1){float:right;width:33.33333%;margin-right:0%;margin-left:-33.33333%;clear:right}.two-sidebars .region-sidebar-second .block:nth-child(3n+2){float:right;width:33.33333%;margin-right:33.33333%;margin-left:-66.66667%}.two-sidebars .region-sidebar-second .block:nth-child(3n){float:right;width:33.33333%;margin-right:66.66667%;margin-left:-100%}}@media all and (min-width: 960px){.sidebar-first #content{float:right;width:80%;margin-right:20%;margin-left:-100%}.sidebar-first .region-sidebar-first{float:right;width:20%;margin-right:0%;margin-left:-20%}.sidebar-second #content{float:right;width:80%;margin-right:0%;margin-left:-80%}.sidebar-second .region-sidebar-second{float:right;width:20%;margin-right:80%;margin-left:-100%}.two-sidebars #content{float:right;width:60%;margin-right:20%;margin-left:-80%}.two-sidebars .region-sidebar-first{float:right;width:20%;margin-right:0%;margin-left:-20%}.two-sidebars .region-sidebar-second{float:right;width:20%;margin-right:80%;margin-left:-100%}}.header__logo{float:right}.header__secondary-menu{float:left}#navigation .links,#navigation .menu{text-align:right}#navigation .links li,#navigation .menu li{float:right;padding:0 0 0 10px}.messages,.messages--status,.messages--warning,.messages--error{padding:10px 50px 10px 10px;background-position:99% 8px}.tabs-primary__tab,.tabs-primary__tab.is-active,.tabs-secondary__tab,.tabs-secondary__tab.is-active{float:right}.inline li{display:inline-block;padding:0 0 0 1em}span.field-label{padding:0 0 0 1em}.more-link{text-align:left}.more-help-link{text-align:left}.more-help-link a{background-position:100% 50%;padding:1px 20px 1px 0}.menu__item.is-collapsed{list-style-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABNJREFUCB1j4GASYFJgcmD+A4IADUIDfIUMT4wAAAAASUVORK5CYII=');*list-style-image:url('../images/menu-collapsed-rtl.png')}.indented{margin-left:0;margin-right:30px}#user-login-form{text-align:right}html.js #user-login-form li.openid-link,#user-login-form li.openid-link{margin-left:0;margin-right:-20px}form th{text-align:right;padding-left:1em;padding-right:0}html.js .collapsible .fieldset-legend{background-position:98% 75%;padding-left:0;padding-right:15px}html.js .collapsed .fieldset-legend{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABNJREFUCB1j4GASYFJgcmD+A4IADUIDfIUMT4wAAAAASUVORK5CYII=');*background-image:url('../images/menu-collapsed-rtl.png');background-position:98% 50%}
This diff is collapsed.