- /**
- * @file toolbar.base-rtl.css
- */
- html.js .toolbar {
- left: auto;
- right: 0;
- }
- .js .toolbar .bar li {
- float: right;
- }
-
- /**
- * Administration menu.
- */
- .js .toolbar .bar {
- left: auto;
- right: 0;
- }
- @media only screen {
- .js .toolbar .bar li,
- .js .toolbar .tray li {
- float: none;
- }
- }
- @media only screen and (min-width: 16.5em) {
- .js .toolbar .bar li,
- .js .toolbar .horizontal li {
- float: right;
- }
- }
-
- /**
- * Toolbar tray.
- */
- .toolbar .vertical {
- left: auto;
- right: -100%;
- }
- .toolbar .horizontal {
- left: auto;
- right: 0;
- }
- .toolbar .vertical > .lining {
- left: auto;
- right: -100%;
- }
- .toolbar .vertical.active,
- .toolbar .vertical.active > .lining {
- left: auto;
- right: 0;
- }
- @media only screen and (min-width: 16.5em) {
- .toolbar .vertical.active > .lining:before {
- left: auto;
- right: -1px;
- }
- }
-
- /**
- * At larger screen sizes, the tray pushes the page content.
- */
- @media only screen and (min-width: 38.125em) {
- body.toolbar-tray-open.toolbar-vertical {
- margin-left: 0;
- margin-right: 240px;
- margin-right: 15rem;
- }
- }
- /**
- * ToolBar tray orientation toggle.
- */
- .toolbar .horizontal .toggle-orientation {
- left: 0;
- right: auto;
- }
- .toolbar .vertical .toggle-orientation {
- float: left;
- }