Index: themes/stark/README.txt =================================================================== RCS file: themes/stark/README.txt diff -N themes/stark/README.txt --- /dev/null 1 Jan 1970 00:00:00 -0000 +++ themes/stark/README.txt 30 Jan 2009 21:37:49 -0000 @@ -0,0 +1,25 @@ +// $Id$ + +ABOUT STARK +----------- + +The Stark theme is provided for demonstration purposes; it uses Drupal's default +HTML markup and CSS styles. It can be used as a troubleshooting tool to +determine whether module-related CSS and JavaScript are interfering with a more +complex theme, and can be used by designers interested in studying Drupal's +default markup without the interference of changes commonly made by more complex +themes. + +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. See the layout.css +file for more information. + +ABOUT DRUPAL THEMING +-------------------- + +To learn how to build your own custom theme and override Drupal's default code, +you should start reading the Theming Guide: http://drupal.org/theme-guide + +See the sites/all/themes/README.txt for more information on where to place your +custom themes to ensure easy maintenance and upgrades. Index: themes/stark/layout.css =================================================================== RCS file: themes/stark/layout.css diff -N themes/stark/layout.css --- /dev/null 1 Jan 1970 00:00:00 -0000 +++ themes/stark/layout.css 30 Jan 2009 21:37:49 -0000 @@ -0,0 +1,48 @@ +/* $Id$ */ + +/** + * @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 a sidebar, the entire + * #main content can shift completely below the sidebar. + */ + +#sidebar-left, +#main, +#sidebar-right { + float: left; + display: inline; + position: relative; +} + +#sidebar-left, +#sidebar-right { + width: 20%; +} + +body.one-sidebar #main { + width: 80%; +} + +body.two-sidebars #main { + width: 60%; +} + +body.sidebar-left #main-squeeze { + margin-left: 20px; +} + +body.sidebar-right #main-squeeze { + margin-right: 20px; +} + +body.two-sidebars #main-squeeze { + margin: 0 20px; +} Index: themes/stark/stark.info =================================================================== RCS file: themes/stark/stark.info diff -N themes/stark/stark.info --- /dev/null 1 Jan 1970 00:00:00 -0000 +++ themes/stark/stark.info 30 Jan 2009 21:37:49 -0000 @@ -0,0 +1,8 @@ +; $Id$ + +name = Stark +description = This theme demonstrates Drupal's default HTML markup and CSS styles. To learn how to build your own theme and override Drupal's default code, you should start reading the Theming Guide. +version = VERSION +core = 7.x +engine = phptemplate +stylesheets[all][] = layout.css