* the line heights of any larger fonts be a multiple of 1.5 ems. For more
* information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
*/
-h1, h2, h3, h4, h5, h6
+h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl,
hr, table, fieldset {
background: url(../images/tab-right-ie6.png) no-repeat right -38px;
}
-ul.primary li a:hover {
+ul.primary li a:hover,
+ul.primary li a:focus {
background: url(../images/tab-left-ie6.png) no-repeat left -76px;
}
-ul.primary li a:hover .tab {
+ul.primary li a:hover .tab,
+ul.primary li a:focus .tab {
background: url(../images/tab-right-ie6.png) no-repeat right -76px;
}
ul.primary li.active a,
-ul.primary li.active a:hover {
+ul.primary li.active a:hover,
+ul.primary li.active a:focus {
background: url(../images/tab-left-ie6.png) no-repeat left 0;
}
ul.primary li.active a .tab,
-ul.primary li.active a:hover .tab {
+ul.primary li.active a:hover .tab,
+ul.primary li.active a:focus .tab {
background: url(../images/tab-right-ie6.png) no-repeat right 0;
}
#content,
.no-sidebars #content {
float: right;
- margin-left: -960px;
- margin-right: 0; /* Negative value of #content's width + left margin. */
+ margin-left: -960px; /* Negative value of #content's width + right margin. */
+ margin-right: 0;
}
.sidebar-first #content {
- margin-left: -960px; /* The width of .region-sidebar-first. */
- margin-right: 200px; /* Negative value of #content's width + left margin. */
+ margin-left: -960px; /* Negative value of #content's width + right margin. */
+ margin-right: 200px; /* The width of .region-sidebar-first. */
}
.sidebar-second #content {
- margin-left: -760px;
- margin-right: 0; /* Negative value of #content's width + left margin. */
+ margin-left: -760px; /* Negative value of #content's width + right margin. */
+ margin-right: 0;
}
.two-sidebars #content {
- margin-left: -760px; /* The width of .region-sidebar-first */
- margin-right: 200px; /* Negative value of #content's width + left margin. */
+ margin-left: -760px; /* Negative value of #content's width + right margin. */
+ margin-right: 200px; /* The width of .region-sidebar-first */
}
/*
*/
#navigation {
float: right;
- margin-left: -100%;
- margin-right: 0; /* Negative value of #navigation's width + left margin. */
+ margin-left: -100%; /* Negative value of #navigation's width + right margin. */
+ margin-right: 0;
}
/*
*/
.region-sidebar-first {
float: right;
- margin-left: -200px;
- margin-right: 0; /* Negative value of .region-sidebar-first's width + left margin. */
+ margin-left: -200px; /* Negative value of .region-sidebar-first's width + right margin. */
+ margin-right: 0;
}
.region-sidebar-first .section {
*/
.region-sidebar-second {
float: right;
- margin-left: -960px; /* Width of content + sidebar-first. */
- margin-right: 760px; /* Negative value of .region-sidebar-second's width + left margin. */
+ margin-left: -960px; /* Negative value of .region-sidebar-second's width + right margin. */
+ margin-right: 760px; /* Width of content + sidebar-first. */
}
.region-sidebar-second .section {
*/
#content {
float: right;
- margin-left: -100%;
- margin-right: 0; /* Negative value of #content's width + left margin. */
+ margin-left: -100%; /* Negative value of #content's width + right margin. */
+ margin-right: 0;
}
.sidebar-first #content .section {
- padding-left: 0; /* The width + left margin of .region-sidebar-first. */
- padding-right: 200px;
+ padding-left: 0;
+ padding-right: 200px; /* The width + right margin of .region-sidebar-first. */
}
.sidebar-second #content .section {
- padding-left: 200px;
- padding-right: 0; /* The width + right margin of .region-sidebar-second. */
+ padding-left: 200px; /* The width + left margin of .region-sidebar-second. */
+ padding-right: 0;
}
/*
*/
#navigation {
float: right;
- margin-left: -100%;
- margin-right: 0; /* Negative value of #navigation's width + left margin. */
+ margin-left: -100%; /* Negative value of #navigation's width + right margin. */
+ margin-right: 0;
}
/*
*/
.region-sidebar-first {
float: right;
- margin-left: -200px;
- margin-right: 0; /* Negative value of .region-sidebar-first's width + left margin. */
+ margin-left: -200px; /* Negative value of .region-sidebar-first's width + right margin. */
+ margin-right: 0;
}
.region-sidebar-first .section {
*/
.region-sidebar-second {
float: left;
- margin-left: 0; /* Negative value of .region-sidebar-second's width + right margin. */
- margin-right: -200px;
+ margin-left: 0;
+ margin-right: -200px; /* Negative value of .region-sidebar-second's width + left margin. */
}
.region-sidebar-second .section {
.region-highlighted {
}
-.region-content-top /* Wrapper for any blocks placed in the "content top" region */ {
-}
-
.breadcrumb /* The path to the current page in the form of a list of links */ {
padding-bottom: 0; /* Undo system.css */
}
.more-link /* Aggregator, blog, and forum more link */ {
}
-.region-content-bottom /* Wrapper for any blocks placed in the "content bottom" region */ {
-}
-
/*
* First sidebar (on left in LTR languages, on right in RTL)
*
/* Hide sidebars and nav elements */
#skip-to-nav,
+#toolbar,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
-.footer-region,
+.region-footer,
.breadcrumb,
div.tabs,
.action-links,
background: url(../images/tab-right.png) no-repeat right -38px;
}
-ul.primary li a:hover {
+ul.primary li a:hover,
+ul.primary li a:focus {
border-width: 0;
background-color: transparent;
background: url(../images/tab-left.png) no-repeat left -76px;
}
-ul.primary li a:hover .tab {
+ul.primary li a:hover .tab,
+ul.primary li a:focus .tab {
background: url(../images/tab-right.png) no-repeat right -76px;
}
ul.primary li.active a,
-ul.primary li.active a:hover {
+ul.primary li.active a:hover,
+ul.primary li.active a:focus {
border-width: 0;
color: #000;
background-color: transparent;
}
ul.primary li.active a .tab,
-ul.primary li.active a:hover .tab {
+ul.primary li.active a:hover .tab,
+ul.primary li.active a:focus .tab {
background: url(../images/tab-right.png) no-repeat right 0;
}
line-height: 18px;
}
-ul.secondary a:hover {
+ul.secondary a:hover,
+ul.secondary a:focus {
background: url(../images/tab-secondary.png) repeat-x left bottom;
}
ul.secondary a.active,
-ul.secondary a.active:hover {
+ul.secondary a.active:hover,
+ul.secondary a.active:focus {
border: 1px solid #c0c0c0;
color: #000;
background: url(../images/tab-secondary.png) repeat-x left top;