Commit 796bb854 authored by webchick's avatar webchick
Browse files

#386462 by Jeff Burnz, mgifford, Cliff, Everett Zufelt, annmcmeekin, et al:...

#386462 by Jeff Burnz, mgifford, Cliff, Everett Zufelt, annmcmeekin, et al: Added 'Skip to main content' links in all core themes.
parent 19fb7786
......@@ -45,6 +45,9 @@
<?php print $scripts; ?>
</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>
</div>
<?php print $page_top; ?>
<?php print $page; ?>
<?php print $page_bottom; ?>
......
......@@ -106,6 +106,7 @@
<div id="content" class="column"><div class="section">
<?php if ($page['highlight']): ?><div id="highlight"><?php print render($page['highlight']); ?></div><?php endif; ?>
<a name="main-content" id="main-content"></a>
<?php if ($title): ?><h1 class="title" id="page-title"><?php print $title; ?></h1><?php endif; ?>
<?php if ($tabs): ?><div class="tabs"><?php print render($tabs); ?></div><?php endif; ?>
<?php print render($page['help']); ?>
......
......@@ -31,6 +31,7 @@
<div id="center"><div id="squeeze"><div class="right-corner"><div class="left-corner">
<?php print $breadcrumb; ?>
<?php if ($page['highlight']): ?><div id="highlight"><?php render($page['highlight']); ?></div><?php endif; ?>
<a name="main-content" id="main-content"></a>
<?php if ($tabs): ?><div id="tabs-wrapper" class="clearfix"><?php endif; ?>
<?php if ($title): ?><h2<?php print $tabs ? ' class="with-tabs"' : '' ?>><?php print $title ?></h2><?php endif; ?>
<?php if ($tabs): ?><ul class="tabs primary"><?php print render($tabs) ?></ul></div><?php endif; ?>
......
......@@ -290,6 +290,31 @@ table .form-button, table .form-submit {
margin: 0;
}
/**
* Skip link
*/
#skip-link a:link, #skip-link a:visited {
font-weight: bold;
background: #fff;
padding: 0px 5px;
text-decoration: none;
font-size: 80%;
text-align: right;
top: -99em;
left: auto;
position: absolute;
}
#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;
}
/**
* Layout
*/
......
<?php
// $Id$
?>
<a name="main-content" id="main-content"></a>
<div id="branding" class="clearfix">
<?php print $breadcrumb; ?>
<?php if ($title): ?><h1 class="page-title"><?php print $title; ?></h1><?php endif; ?>
......
......@@ -50,6 +50,34 @@ legend {
margin-bottom: 10px;
}
/**
* Skip link.
*/
#skip-link {
margin-top: 20px;
position: absolute;
right: 40px;
z-index: 50;
}
#skip-link a:link,
#skip-link a:visited {
-moz-border-radius: 10px;
-webit-border-radius: 10px;
border-radius: 10px;
background: #d5d5ce;
color: #444;
font-size: 0.94em;
padding: 1px 10px 2px;
}
#skip-link a:hover,
#skip-link a:focus {
background: #444;
color: #fff;
text-decoration: none;
}
/**
* Branding.
*/
......
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