core/themes/bartik/css/layout.css | 8 ++++++++ core/themes/bartik/css/style.css | 31 ++++++++++++++++++++++++++++--- 2 files changed, 36 insertions(+), 3 deletions(-) diff --git a/core/themes/bartik/css/layout.css b/core/themes/bartik/css/layout.css index 526e699..1e2654c 100644 --- a/core/themes/bartik/css/layout.css +++ b/core/themes/bartik/css/layout.css @@ -24,6 +24,14 @@ body, #header div.section { position: relative; } +.region-header { + float: right; /* LTR */ + margin: .5em 5px .75em; + border: 1px solid #ccc; +} +[dir="rtl"] .region-header { + float: left; +} .region-secondary-menu .block-menu { width: 100%; margin: 0 auto; diff --git a/core/themes/bartik/css/style.css b/core/themes/bartik/css/style.css index 57a1d8d..721d10f 100644 --- a/core/themes/bartik/css/style.css +++ b/core/themes/bartik/css/style.css @@ -442,6 +442,31 @@ h1.site-name { background-image: url(../images/required.svg); } +/* Region header block menus. */ +.region-header .block-menu { + border: 1px solid; + border-color: #eee; + border-color: rgba(255, 255, 255, 0.2); + padding: 0; + width: 208px; +} +.region-header .block-menu li a { + display: block; + border-bottom: 1px solid; + border-bottom-color: #eee; + border-bottom-color: rgba(255, 255, 255, 0.2); + padding: 3px 7px; +} +.region-header .block-menu li a:hover, +.region-header .block-menu li a:active, +.region-header .block-menu li a:focus { + text-decoration: none; + background: rgba(255, 255, 255, 0.15); +} +.region-header .block-menu li:last-child a { + border-bottom: 0; +} + /* User Login block in the header region */ .region-header #block-user-login { width: auto; @@ -1864,8 +1889,8 @@ div.admin-panel .description { @media all and (min-width: 461px) and (max-width: 900px) { /* ------------ Header and Menus -------------------------- */ - .region-header { - margin: 0 5px 0; + .region-header { + margin: .5em 5px .75em; } #logo, .site-logo { @@ -1921,7 +1946,7 @@ div.admin-panel .description { @media all and (min-width: 901px) { .region-header { - margin: 0 5px 0; + margin: 1em 5px 1.5em; } #logo, .site-logo {