d7_to_d10_migration/drupal7/web/themes/stark/layout.css

58 lines
1.2 KiB
CSS
Raw Normal View History

2024-07-23 03:38:34 +00:00
/**
* @file
* Stark layout method
*
* To avoid obscuring CSS added to the page by Drupal or a contrib module, the
* Stark theme itself has no styling, except just enough CSS to arrange the page
* in a traditional "Header, sidebars, content, and footer" layout.
*
* This layout method works reasonably well, but shouldn't be used on a
* production site because it can break. For example, if an over-large image
* (one that is wider than 20% of the viewport) is in the left sidebar, the
* image will overlap with the #content to the right. The exception to this
* is IE6 which will just hide the navigation block completely in these
* instances due to a positioning bug.
*/
#content,
#sidebar-first,
#sidebar-second {
float: left;
display: inline;
position: relative;
}
#content {
width: 100%;
}
body.sidebar-first #content {
width: 80%;
left: 20%; /* LTR */
}
body.sidebar-second #content {
width: 80%;
}
body.two-sidebars #content {
width: 60%;
left: 20%;
}
#sidebar-first {
width: 20%;
left: -80%; /* LTR */
}
body.two-sidebars #sidebar-first {
left: -60%; /* LTR */
}
#sidebar-second {
float: right; /* LTR */
width: 20%;
}
.section {
margin: 10px;
}