Mercurial > hg > mpiwgzen_wide
diff css/components/misc-rtl.css @ 0:a3750d724105 default tip
initital
author | Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> |
---|---|
date | Tue, 02 Jun 2015 09:16:36 +0200 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/css/components/misc-rtl.css Tue Jun 02 09:16:36 2015 +0200 @@ -0,0 +1,142 @@ +/** + * @file + * RTL companion for the modular-styles.css file. + */ + +/** + * Branding header. + */ + +/* Wrapping link for logo. */ +.header__logo { + float: right; +} + +/* The secondary menu (login, etc.) */ +.header__secondary-menu { + float: left; +} + +/** + * Navigation bar. + */ + +/* Main menu and secondary menu links and menu block links. */ +#navigation .links, +#navigation .menu { + text-align: right; +} +#navigation .links li, +#navigation .menu li { + /* A simple method to get navigation links to appear in one line. */ + float: right; + padding: 0 0 0 10px; +} + +/** + * Messages. + */ +.messages, +.messages--status, +.messages--warning, +.messages--error { + padding: 10px 50px 10px 10px; + background-position: 99% 8px; +} + +/** + * Tabs. + */ +.tabs-primary__tab, +.tabs-secondary__tab, +.tabs-secondary__tab.is-active { + float: right; +} + +/** + * Inline styles. + */ + +/* List of links */ +.inline li { + /* Bug in Safari causes display: inline to fail. */ + display: inline-block; + padding: 0 0 0 1em; +} + +/* The inline field label used by the Fences.module */ +span.field-label { + padding: 0 0 0 1em; +} + +/** + * "More" links. + */ +.more-link { + text-align: left; +} +.more-help-link { + text-align: left; +} +.more-help-link a { + background-position: 100% 50%; + padding: 1px 20px 1px 0; +} + +/** + * Menus. + */ +.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'); +} + +/** + * Comments. + */ + +/* Nested comments are indented. */ +.indented { + margin-left: 0; + margin-right: 30px; +} + +/** + * Forms. + */ + +/* Drupal's default login form block */ +#user-login-form { + text-align: right; +} +html.js #user-login-form li.openid-link, +#user-login-form li.openid-link { + /* Un-do some of the padding on the ul list. */ + margin-left: 0; + margin-right: -20px; +} + +/* + * Drupal admin tables. + */ +form th { + text-align: right; + padding-left: 1em; + padding-right: 0; +} + +/** + * Collapsible fieldsets. + * + * @see collapse.js + */ +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%; +}