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

5 files changed, 82 insertions, 0 deletions

diff --git a/themes/stark/README.txt b/themes/stark/README.txt
new file mode 100644
index 000000000..453be5da6
--- /dev/null
+++ b/themes/stark/README.txt
@@ -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.
diff --git a/themes/stark/layout.css b/themes/stark/layout.css
new file mode 100644
index 000000000..193affb6d
--- /dev/null
+++ b/themes/stark/layout.css
@@ -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;
+}
diff --git a/themes/stark/logo.png b/themes/stark/logo.png
new file mode 100644
index 000000000..00c907322
--- /dev/null
+++ b/themes/stark/logo.png
diff --git a/themes/stark/screenshot.png b/themes/stark/screenshot.png
new file mode 100644
index 000000000..f49fafde1
--- /dev/null
+++ b/themes/stark/screenshot.png
diff --git a/themes/stark/stark.info b/themes/stark/stark.info
new file mode 100644
index 000000000..cf2df92ee
--- /dev/null
+++ b/themes/stark/stark.info
@@ -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