Commit e3e2ef34 authored by webchick's avatar webchick

#364777 by Eaton, EclipseGC, JohnAlbin, and Rob_Feature: Add a 'stripped down'...

#364777 by Eaton, EclipseGC, JohnAlbin, and Rob_Feature: Add a 'stripped down' CSS theme to core to demo Drupal's default markup. Say hello to stark.
parent 5e81074b
// $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.
/* $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;
}
; $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 <a href="http://drupal.org/theme-guide">Theming Guide</a>.
version = VERSION
core = 7.x
engine = phptemplate
stylesheets[all][] = layout.css
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