From f00c8f06683e8913b457c14343399545338aad6f Mon Sep 17 00:00:00 2001 From: Tsachi Shlidor Date: Tue, 14 May 2013 09:27:14 +0300 Subject: [PATCH] issue #1994192 - Bartik's menu tabs in RTL --- core/themes/bartik/css/style-rtl.css | 46 +++++++++++++++++++++++++++++++++--- core/themes/bartik/css/style.css | 14 +++++------ 2 files changed, 50 insertions(+), 10 deletions(-) diff --git a/core/themes/bartik/css/style-rtl.css b/core/themes/bartik/css/style-rtl.css index dc7c2a4..29ef11a 100644 --- a/core/themes/bartik/css/style-rtl.css +++ b/core/themes/bartik/css/style-rtl.css @@ -70,9 +70,11 @@ ul.tips { /* --------------- Main Menu ------------ */ -#main-menu ul.links li, -#main-menu ul.links li a { - float: right; +#main-menu-links { + text-align: right; +} +#main-menu-links a { + padding: 0.9em 10px 0.9em 0; } /* --------------- Secondary Menu ------------ */ @@ -249,6 +251,44 @@ ul.tips { left: 0; } +/* ----------- media queries ------------------------------- */ + +@media all and (min-width: 461px) and (max-width: 900px) { + /* ------------ Header and Menus -------------------------- */ + + #logo { + padding: 5px 5px 0 0; + } + #main-menu-links li { + float: right; + margin-left: 5px; + margin-right: 0; + } + #main-menu-links li:nth-child(3n) { + margin-left: -5px; + margin-right: 0; + } +} + +@media all and (min-width: 901px) { + + #logo { + padding: 15px 10px 15px 15px; + } + + #name-and-slogan { + margin: 0 15px 30px 0; + } + + #main-menu-links li { + float: right; + } + + #main-menu-links a { + float: right; + } +} + /* ---------- Views styling ---------- */ /* @group Lists */ diff --git a/core/themes/bartik/css/style.css b/core/themes/bartik/css/style.css index 89e4fd4..9f81f8d 100644 --- a/core/themes/bartik/css/style.css +++ b/core/themes/bartik/css/style.css @@ -488,7 +488,7 @@ h1#site-name { font-size: 0.929em; margin: 0 5px; padding: 0; - text-align: left; + text-align: left; /* LTR */ } #main-menu-links li { float: none; @@ -507,7 +507,7 @@ h1#site-name { text-shadow: 0 1px #eee; border-radius: 8px; margin-bottom: 4px; - padding: 0.9em 0 0.9em 10px; + padding: 0.9em 0 0.9em 10px; /* LTR */ } #main-menu-links a:hover, #main-menu-links a:focus { @@ -1559,14 +1559,14 @@ div.admin-panel .description { text-align: center; } #main-menu-links li { - float: left; - margin-right: 5px; + float: left; /* LTR */ + margin-right: 5px; /* LTR */ padding: 0; display: inline-block; width: 32.75%; } #main-menu-links li:nth-child(3n) { - margin-right: -5px; + margin-right: -5px; /* LTR */ } #main-menu-links a { float: none; @@ -1613,8 +1613,8 @@ div.admin-panel .description { } .featured #main-menu-links li a:active, .featured #main-menu-links li a.active { - background: #f0f0f0; - background: rgba(240, 240, 240, 1.0); + background: #f0f0f0; + background: rgba(240, 240, 240, 1.0); } } -- 1.8.1.2