Commit 90b8e8aa authored by Dries's avatar Dries

- Patch #639460 by Jeff Burnz, effulgentsia, Jacine, mgifford, james.elliott:...

- Patch #639460 by Jeff Burnz, effulgentsia, Jacine, mgifford, james.elliott: evaluate CSS of #skip-link, .element-focusable, and upcoming 'disable overlay' links for their impact on contrib/custom themes.
parent 6009496d
......@@ -45,7 +45,7 @@
</head>
<body class="<?php print $classes; ?>" <?php print $attributes;?>>
<div id="skip-link">
<a href="#main-content"><?php print t('Skip to main content'); ?></a>
<a href="#main-content" class="element-invisible element-focusable"><?php print t('Skip to main content'); ?></a>
</div>
<?php print $page_top; ?>
<?php print $page; ?>
......
......@@ -220,7 +220,7 @@ ul.tips {
margin-left: -5.25em;
margin-top: 0;
position: absolute;
width: auto !important;
width: auto;
z-index: 50;
}
#skip-link a,
......@@ -231,12 +231,9 @@ ul.tips {
color: #fff;
display: block;
font-size: 0.94em;
height: 1px;
line-height: 1.7;
position: absolute;
padding: 1px 10px 2px 10px;
text-decoration: none;
top: -10000px;
width: 1px;
-khtml-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-top-left-radius: 0;
......@@ -248,12 +245,7 @@ ul.tips {
#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
height: auto;
outline: 0;
overflow: visible;
padding: 1px 10px 2px 10px;
position: static;
width: auto;
}
#logo,
#preview #preview-header #preview-logo {
......
......@@ -312,29 +312,38 @@ span.form-required {
/**
* Skip link
*/
#skip-link {
left: 50%;
margin-left: -5.25em;
margin-top: 0;
position: absolute;
width: auto;
z-index: 1000;
}
#skip-link a,
#skip-link a:link,
#skip-link a:visited {
font-weight: bold;
background: #fff;
padding: 0px 5px;
background: #444;
background: rgba(0, 0, 0, 0.6);
color: #fff;
display: block;
font-size: 0.94em;
line-height: 1.7;
margin-top: 1px;
padding: 2px 10px;
text-decoration: none;
font-size: 80%;
text-align: right;
top: -99em;
left: auto;
position: absolute;
-khtml-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
border-radius: 0 0 2px 2px;
}
#skip-link a:hover,
#skip-link a:focus,
#skip-link a:active {
height: auto;
width: auto;
overflow: visible;
top:0;
left:0;
position: fixed;
z-index: 1000;
#skip-link a:active,
#skip-link a:focus {
outline: 0;
}
/**
......
......@@ -158,15 +158,11 @@ pre {
#skip-link a,
#skip-link a:link,
#skip-link a:visited {
position: absolute;
display: block;
top: auto;
left: -10000px;
width: 1px;
height: 1px;
background: #444;
color: #fff;
font-size: 0.94em;
padding: 1px 10px 2px 10px;
text-decoration: none;
border-radius:0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
......@@ -176,13 +172,9 @@ pre {
-webkit-border-bottom-right-radius: 10px;
}
#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
padding: 1px 10px 2px 10px;
#skip-link a:focus,
#skip-link a:active {
outline: 0;
}
/**
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment