#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.

merge-requests/26/head
Angie Byron 2009-01-30 23:06:23 +00:00
parent 5e81074b70
commit e3e2ef3480
5 changed files with 82 additions and 0 deletions

26
themes/stark/README.txt Normal file
View File

@ -0,0 +1,26 @@
// $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.

48
themes/stark/layout.css Normal file
View File

@ -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;
}

BIN
themes/stark/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
themes/stark/screenshot.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

8
themes/stark/stark.info Normal file
View File

@ -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 <a href="http://drupal.org/theme-guide">Theming Guide</a>.
version = VERSION
core = 7.x
engine = phptemplate
stylesheets[all][] = layout.css