Commits

Max Bronsema committed 292ba5f Merge

Merge of Amy's unified header branch into wwuzen.

  • Participants
  • Parent commits afdd787, b8f759e

Comments (0)

Files changed (17)

File images/social/AddressIcon.png

Added
New image

File images/social/EmailIcon.png

Added
New image

File images/social/FacebookIcon.png

Added
New image

File images/social/FlickrIcon.png

Added
New image

File images/social/GooglePlusIcon.png

Added
New image

File images/social/TwitterIcon.png

Added
New image

File images/social/YouTubeIcon.png

Added
New image

File layouts/clean-chss/clean-chss.inc

+<?php
+
+// Plugin definition
+$plugin = array(
+  'title' => t('Clean CHSS'),
+  'category' => t('Western'),
+  'icon' => 'clean-chss.png',
+  'theme' => 'clean-chss',
+  'css' => '../../css/panel-layouts/clean-chss.css',
+  'regions' => array(
+    'top_left' => t('Top Left'),
+    'top_right' => t('Top Right'),
+    'middle_left' => t('Middle Left'),
+    'middle_center' => t('Middle Center'),
+    'middle_right' => t('Middle Right'),
+    'bottom_left' => t('Bottom Left'),
+    'bottom_right' => t('Bottom Right')
+  ),
+);

File layouts/clean-chss/clean-chss.png

Added
New image

File layouts/clean-chss/clean-chss.tpl.php

+<?php
+/**
+ * @file
+ * Template for a Clean CHSS panel layout.
+ *
+ * This template provides a two column panel display layout with minimal markup.
+ * Edited by Amy Brown October 2013
+ *
+ * Variables:
+ * - $id: An optional CSS id to use for the layout.
+ * - $content: An array of content, each item in the array is keyed to one
+ *   panel of the layout.
+ */
+?>
+
+
+<!-- Top row: Introductory blurb/p (left two-thirds) and Support CHSS banner (right third) -->
+
+<div class="clean-chss-top-left" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
+	<?php print $content['top_left']; ?>
+</div>
+
+<div class="clean-chss-top-right" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
+	<?php print $content['top_right']; ?>
+</div>
+
+
+<!-- Middle row: Dean's Lecture Series (left thirds), Slideshow (center third) and About the College banner (right third) -->
+
+<div class="clean-chss-middle-left" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
+  <?php print $content['middle_left']; ?>
+</div>
+
+<div class="clean-chss-middle-center" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
+  <?php print $content['middle_center']; ?>
+</div>
+
+<div class="clean-chss-middle-right" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
+  <?php print $content['middle_right']; ?>
+</div>
+
+
+<!-- Bottom row: News (left half) and Events (right half) -->
+
+<div class="clean-chss-bottom-left" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
+  <?php print $content['bottom_left']; ?>
+</div>
+
+<div class="clean-chss-bottom-right" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
+  <?php print $content['bottom_right']; ?>
+</div>
+

File layouts/clean-cs/clean-cs.inc

+<?php
+
+// Plugin definition
+$plugin = array(
+  'title' => t('Clean CS'),
+  'category' => t('WWU'),
+  'icon' => 'clean-cs.png',
+  'theme' => 'clean-cs',
+  'css' => '../../css/clean-cs.css',
+  'regions' => array(
+    'top-left' => t('Top Left Column'),
+    'top-right' => t('Top Right Column'),
+    'upper-middle-left' => t('Upper Middle Left Column'),
+    'upper-middle-right' => t('Upper Middle Right Column'),
+    'lower-middle-left' => t('Lower Middle Left Column'),
+    'lower-middle-right' => t('Lower Middle Right Column'),
+    'bottom-left' => t('Bottom Left Column'),
+    'bottom-right' => t('Bottom Right Column')
+  ),
+);

File layouts/clean-cs/clean-cs.png

Added
New image

File layouts/clean-cs/clean-cs.tpl.php

+<?php
+/**
+ * @file
+ * Template for a 2 column Clean Huxley panel layout.
+ *
+ * This template provides a two column panel display layout with minimal markup.
+ * Edited by Amy Brown September 2013
+ *
+ * Variables:
+ * - $id: An optional CSS id to use for the layout.
+ * - $content: An array of content, each item in the array is keyed to one
+ *   panel of the layout. This layout supports the following sections:
+ *   - $content['left']: Content in the left column.
+ *   - $content['right']: Content in the right column.
+ */
+?>
+<div class="clean-cs cs-homepage-top">
+<section class="clean-cs cs-homepage-top-left-column" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
+	<?php print $content['top-left']; ?>
+</section>
+<section class="clean-cs cs-homepage-top-right-column">
+	<?php print $content['top-right']; ?>
+</section>
+</div>
+
+<div class="clean-cs cs-homepage-upper-middle">
+<section class="clean-cs cs-homepage-upper-middle-left-column" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
+	<?php print $content['upper-middle-left']; ?>
+</section>
+<section class="clean-cs cs-homepage-upper-middle-right-column">
+	<?php print $content['upper-middle-right']; ?>
+</section>
+</div>
+
+<div class="clean-cs cs-homepage-lower-middle">
+<section class="clean-cs cs-homepage-lower-middle-left-column" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
+	<?php print $content['lower-middle-left']; ?>
+</section>
+<section class="clean-cs cs-homepage-lower-middle-right-column">
+	<?php print $content['lower-middle-right']; ?>
+</section>
+<div>
+
+<div class="clean-cs cs-homepage-bottom">
+<section class="clean-cs cs-homepage-bottom-left-column" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>>
+	<?php print $content['bottom-left']; ?>
+</section>
+<section class="clean-cs cs-homepage-bottom-right-column">
+	<?php print $content['bottom-right']; ?>
+</section>
+</div>

File sass/_base.scss

 @import "zen";              // Add the Zen Grids responsive layout mixins.
 
 @import "custom";           // Import our custom mixins last.
-

File sass/panel-layouts/clean-chss.scss

+/**
+* These are the layout styles for the clean-chss panel.
+*/
+@import "base";
+@import "compass";
+@import "zen";
+
+$box-sizing-polyfill-path: "/sites/all/themes/wwuzen/js/boxsizing.htc";
+
+@import url(http://fonts.googleapis.com/css?family=Muli:400,400italic);
+$muli: Muli, Tahoma, Verdana, "DejaVu Sans", sans-serif;
+
+$zen-column-count:  12;
+$zen-gutter-width:  1.25em;
+$zen-auto-include-item-base: false;
+
+$gray: rgba(151,151,151,1);
+
+.front header#department { display:none; }
+
+/*.clean-chss-middle-column {
+    background-color: #FFFFFF;
+    height: 16.4em;
+    margin-bottom: 1em;
+    padding-top: 1em;
+  }*/
+
+#content p.callOut {
+  color:$wwuLtblue;
+  font-size:1.25em;
+}
+
+.clean-chss-bottom-left h2, .clean-chss-bottom-right h2 {
+  border-bottom:3px solid #D2D4D5;
+  padding-bottom:.25em;
+}
+
+/**
+* Slideshow styles
+*/
+.front {
+  .flex-flexslider {
+    background-color:$gray;
+    border-top: 2px solid $gray;
+    border-left: 2px solid $gray;
+    border-right: 2px solid $gray;
+    border-bottom: 0px solid $gray;
+    border-radius: 0px 0px 0px 0px;
+    margin-top:1.5em;
+    @include box-shadow(-5 -5 5px #888888);
+  }
+  .flex-caption {
+    background-color:#222222;
+    @include opacity(.5);
+    color:#ffffff;
+    padding:.5em;
+  }
+
+  .flex-control-paging li a.flex-active {
+    background: none repeat scroll 0 0 rgba(204, 45, 48, 1.0);
+    cursor: default;
+  }
+
+  .flex-control-paging li a {
+    background: none repeat scroll 0 0 $gray;
+    border-radius: 20px 20px 20px 20px;
+    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
+  }
+}
+
+/* ****************************************************
+                Small-size -> 550px
+**************************************************** */
+
+@media all and (max-width:550px) {
+  $zen-column-count: 1;
+
+  .clean-chss-top-left, // Intro text
+  .clean-chss-top-right, // How to Support CHSS
+  .clean-chss-middle-left, // Dean's Lecture Series
+  .clean-chss-middle-center, // Slideshow
+  .clean-chss-middle-right, // About the college
+  .clean-chss-bottom-left, // News
+  .clean-chss-bottom-right { // Events
+    @include zen-grid-item(1,1);
+    @include zen-clear();
+    margin:0 auto;
+    display:block;
+  }
+
+  // Center aligns images until they are turned into straight CSS
+  .clean-chss-top-right, // How to Support CHSS
+  .clean-chss-middle-left, // Dean's Lecture Series
+  .clean-chss-middle-center, // Slideshow
+  .clean-chss-middle-right { // About the college
+      text-align:center;
+  }
+}
+
+
+/* ****************************************************
+            Medium-size 551px <-> 800px
+**************************************************** */
+
+@media all and (min-width: 551px) and (max-width: 800px) {
+  $zen-column-count: 3;
+
+  .clean-chss-top-left { // Intro text
+    @include zen-grid-item(3,1);
+  }
+
+  .clean-chss-top-right { // How to Support CHSS
+    @include zen-grid-item(1.5,1);
+    @include zen-clear(both);
+    img { padding-top:3em; }
+  }
+  .clean-chss-middle-left { // Dean's Lecture Series
+    @include zen-grid-item(1.5,2.5);
+  }
+
+  .clean-chss-middle-center { // Slideshow
+    @include zen-grid-item(1.5,1);
+    @include zen-clear(both);
+  }
+  .clean-chss-middle-right { // About the college
+    @include zen-grid-item(1.5,2.5);
+  }
+
+  .clean-chss-bottom-left, .clean-chss-bottom-right { // News and Events
+    @include zen-grid-item(3,1);
+    @include zen-clear(both);
+  }
+}
+
+/* ****************************************************
+                Screen 801px ->
+**************************************************** */
+
+@media all and (min-width:801px) {
+  $zen-column-count: 12;
+
+  .clean-chss-top-left { // Intro text
+    @include zen-grid-item(8,1);
+  }
+  .clean-chss-top-right { // How to Support CHSS
+    @include zen-grid-item(4,9);
+    img { display:block; margin:0 auto; }
+  }
+  .clean-chss-middle-left { // Dean's Lecture Series
+    @include zen-grid-item(4,1);
+    @include zen-clear(both);
+  }
+  .clean-chss-middle-center { // Slideshow
+    @include zen-grid-item(4,5);
+  }
+  .clean-chss-middle-right { // About the college
+    @include zen-grid-item(4,9);
+  }
+  .clean-chss-bottom-left { // News
+    @include zen-grid-item(6,1);
+    @include zen-clear(both);
+  }
+  .clean-chss-bottom-right { // Events
+    @include zen-grid-item(5.9,7.1); // Compensate for lack of gutter
+  }
+}
+
+// /////////////////////////////////////////////
+//        Styling for panel editor view
+
+#page-manager-edit {
+  .clean-chss-top-left,
+  .clean-chss-top-right,
+  .clean-chss-middle-left,
+  .clean-chss-middle-center,
+  .clean-chss-middle-right,
+  .clean-chss-bottom-left,
+  .clean-chss-bottom-right {
+    display:inline-block;
+  }
+  .clean-chss-top-left {
+    width:65%;
+  }
+
+  .clean-chss-top-right {
+    width:32%;
+  }
+
+  .clean-chss-middle-left {
+    width:32%;
+  }
+
+  .clean-chss-middle-center {
+    width:32%;
+  }
+
+  .clean-chss-middle-right {
+    width:32%;
+  }
+
+  .clean-chss-bottom-left {
+    width:48%;
+  }
+
+  .clean-chss-bottom-right {
+    width:48%;
+  }
+}
+#edit-buttons {clear:both; width:97.35%;}

File sass/panel-layouts/clean-cs.scss

+/**
+* These are the layout styles for the clean-energy panel.
+*/
+
+@import "base";
+
+$box-sizing-polyfill-path: "/sites/all/themes/wwuzen/js/boxsizing.htc";
+
+
+$zen-column-count:  12;
+$zen-gutter-width:  30px;
+
+
+/**
+* Small display sizes (Mobile First)
+*/
+
+
+  $zen-column-count:1;
+
+  .cs-homepage-top {
+    .cs-homepage-top-left-column {
+      @include zen-grid-item(1,1);
+    }
+    .cs-homepage-top-right-column {
+      @include zen-clear(both);
+      @include zen-grid-item(1,1);
+    }
+  }
+
+  .cs-homepage-upper-middle {
+      @include zen-clear(both);
+
+    .cs-homepage-upper-middle-left-column {
+      @include zen-grid-item(1,1);
+    }
+    .cs-homepage-upper-middle-right-column {
+      @include zen-clear(both);
+      @include zen-grid-item(1,1);
+    }
+  }
+
+ .cs-homepage-lower-middle {
+      @include zen-clear(both);
+
+    .cs-homepage-lower-middle-left-column {
+      @include zen-grid-item(1,1);
+    }
+    .cs-homepage-lower-middle-right-column {
+      @include zen-clear(both);
+      @include zen-grid-item(1,1);
+    }
+  }
+
+ .cs-homepage-bottom {
+      @include zen-clear(both);
+
+    .cs-homepage-bottom-left-column {
+      @include zen-grid-item(1,1);
+      @include zen-clear(left);
+      margin:1em 0 2em 0;
+    }
+    .cs-homepage-bottom-right-column  {
+      @include zen-grid-item(1,1);
+      @include zen-clear(left);
+      margin: 0 0 1em 0;
+    }
+  }
+
+#edit-buttons {
+  clear:both;
+}
+
+/**
+* Larger display sizes
+*/
+@media all and (min-width:801px) {
+  $zen-column-count:  12;
+
+  .cs-homepage-top  {
+    width:100%;
+
+    .cs-homepage-top-left-column {
+      @include zen-float(left);
+      @include zen-grid-item(8,1);
+    }
+
+    .cs-homepage-top-right-column {
+      @include zen-clear(right);
+      @include zen-grid-item(4,9);
+    }
+
+  }
+
+ 
+  .cs-homepage-upper-middle  {
+    width:100%;
+    @include zen-clear(both);
+
+    .cs-homepage-upper-middle-left-column {
+      @include zen-float(left);
+      @include zen-grid-item(6,1);
+    }
+
+    .cs-homepage-upper-middle-right-column {
+      @include zen-clear(right);
+      @include zen-grid-item(6,7);
+    }
+
+  }
+
+  .cs-homepage-lower-middle  {
+    width:100%;
+    @include zen-clear(both);
+
+    .cs-homepage-lower-middle-left-column {
+      @include zen-float(left);
+      @include zen-grid-item(8,1);
+    }
+
+    .cs-homepage-lower-middle-right-column {
+      @include zen-clear(right);
+      @include zen-grid-item(4,9);
+    }
+
+  }
+
+  .cs-homepage-bottom {
+    width:100%;
+    @include zen-clear(both);
+
+    .cs-homepage-bottom-left-column {
+      @include zen-float(left);
+      @include zen-grid-item(4,1);
+    }
+
+
+    .cs-homepage-bottom-right-column {
+      @include zen-clear(right);
+      @include zen-grid-item(8,5);
+    }
+
+  }
+}
-; Drupal's .info files allow themers to easily specify some of the static
-; properties of your theme. Properties such as its name, stylesheets,
-; javascripts, and block regions.
-;
-; Drupal 7 stores a cache of the data in this .info files. If you modify any
-; lines in this file, you MUST refresh Drupal 7's cache by simply visiting the
-; Appearance page at admin/appearance.
-;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
-; Copyright Statement
-; Copyright 2013 Western Washington University Web Technologies Group Licensed
-; under the Educational Community License, Version 2.0 (the "License");
-; you may not use this file except in compliance with the License. You may
-; obtain a copy of the License at http://www.osedu.org/licenses/ECL-2.0
-;
-; Unless required by applicable law or agreed to in writing,
-; software distributed under the License is distributed on an "AS IS"
-; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
-; or implied. See the License for the specific language governing
-; permissions and limitations under the License.
-;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
-; The name, description and screenshot used for this theme on the Appearance
-; page at admin/appearance.
-
-screenshot  = screenshot.png
-name        = WWUZen
-description = A Zen sub-theme for Western Washington University
-
-; This theme is compatible with Drupal 7 core. And it is a sub-theme of Zen.
-
-core        = 7.x
-base theme  = zen
-
-; This section controls the CSS files for your theme. There are 3 different
-; things you can do with a "stylesheets" line:
-; - Add a new stylesheet for your theme.
-; - Override a module's stylesheet. If the stylesheet you are adding uses the
-;   same filename as a stylesheet from a Drupal core or contrib module, your CSS
-;   file will be used instead of the module's file.
-; - Remove a module's stylesheet. If you specify the name of a Drupal core or
-;   contrib module's stylesheets, Drupal will remove that stylesheet if you do
-;   NOT include a file with that name with your theme.
-;
-; stylesheets[MEDIA][] = FILE
-;
-; The "FILE" is the name of the stylesheet to add/override/remove.
-; The "MEDIA" in the first set of brackets is a media type or a media query.
-; Typical CSS media types include "all", "screen", "print", and "handheld". A
-; typical media query is "screen and (max-width: 320px)".
-;
-; CSS2.1 media types: http://www.w3.org/TR/CSS21/media.html#media-types
-; CSS3 media queries: http://www.w3.org/TR/css3-mediaqueries/
-
-; First we remove the system's menu styling since Zen has its own.
-stylesheets[all][] = system.menus.css
-
-; Then we add our own stylesheets.
-stylesheets[all][] = css/normalize.css
-stylesheets[all][] = css/wireframes.css
-stylesheets[all][] = css/layouts/responsive-sidebars.css
-stylesheets[all][] = css/page-backgrounds.css
-stylesheets[all][] = css/tabs.css
-stylesheets[all][] = css/pages.css
-stylesheets[all][] = css/blocks.css
-stylesheets[all][] = css/navigation.css
-stylesheets[all][] = css/views-styles.css
-stylesheets[all][] = css/nodes.css
-stylesheets[all][] = css/comments.css
-stylesheets[all][] = css/forms.css
-stylesheets[all][] = css/fields.css
-stylesheets[all][] = css/print.css
-stylesheets[all][] = css/responsive-tables.css
-
-; Built-in conditional stylesheet support has been removed from Zen 7.x-5.x.
-; Instead, Zen now adds conditional-comment-included classes to the html
-; element, such as .lt-ie9, .lt-ie8, .lt-ie7. More information on this
-; technique can be found at:
-; http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
-;
-; If you still wish to use conditional stylesheets, you must install the
-; conditional stylesheets module: http://drupal.org/project/conditional_styles
-;stylesheets-conditional[lte IE 8][all][] = css/ie8.css
-
-
-
-; Optionally add some JavaScripts to your theme.
-
-scripts[] = js/script.js
-scripts[] = js/responsive-tables.js
-
-
-; This section lists the regions defined in Zen's default page.tpl.php and
-; maintenance-page.tpl.php files. The name in brackets is the machine name of
-; the region. The text after the equals sign is a descriptive text used on the
-; admin/structure/blocks page.
-;
-; In the page.tpl, the contents of the region are output with a
-; $page['MACHINE-NAME'] variable and, in the maintenance-page.tpl, the region is
-; output with a $MACHINE-NAME variable. For example, with this line in the .info
-; file:
-;   regions[header_top] = Header top
-; You'll use this variable in page.tpl.php:
-;   <?php print render($page['header_top']); ?>
-; And you'll use this variable in maintenance-page.tpl.php:
-;   <?php print $header_top; ?>
-
-regions[header]         = Header
-regions[highlighted]    = Highlighted
-regions[help]           = Help
-regions[navigation]     = Navigation bar
-regions[content]        = Content
-regions[sidebar_first]  = First sidebar
-regions[sidebar_second] = Second sidebar
-regions[footer_left]    = Footer (Left)
-regions[footer_center]  = Footer (Center)
-regions[footer_right]   = Footer (Right)
-regions[bottom]         = Page bottom
-
-; The page_top and page_bottom regions are hidden, which means they will not
-; show up on the blocks administration page. But they are required in order for
-; the html.tpl.php to work properly, so do not delete them.
-
-regions[page_top]       = Page top
-regions[page_bottom]    = Page bottom
-
-
-
-; Various page elements output by the theme can be toggled on and off. The
-; "features" control which of these check boxes display on the
-; admin/appearance config page. This is useful for suppressing check boxes
-; for elements not used by your sub-theme. To suppress a check box, omit the
-; entry for it below. See the Drupal 7 Theme Guide for more info:
-; http://drupal.org/node/171205#features
-
-features[] = logo
-features[] = name
-features[] = node_user_picture
-features[] = comment_user_picture
-features[] = favicon
-
-; Set the default values of settings on the theme-settings.php form.
-
-settings[zen_breadcrumb]           = no
-settings[zen_breadcrumb_separator] = ' › '
-settings[zen_breadcrumb_home]      = 1
-settings[zen_breadcrumb_trailing]  = 1
-settings[zen_breadcrumb_title]     = 0
-settings[zen_skip_link_anchor]     = main-menu
-settings[zen_skip_link_text]       = Jump to navigation
-settings[zen_html5_respond_meta][] = respond
-settings[zen_html5_respond_meta][] = html5
-settings[zen_html5_respond_meta][] = meta
-settings[zen_rebuild_registry]     = 1
-settings[zen_wireframes]           = 0
-
-; To make this sub-theme an admin theme with shortcut links next to titles,
-; uncomment the line below.
-
-;settings[shortcut_module_link]    = 1
-
-; To add a Panels layout (which can also be used by Display Suite), uncomment
-; the line below and see the documentation at: http://drupal.org/node/495654
-plugins[panels][layouts] = layouts
+; Drupal's .info files allow themers to easily specify some of the static
+; properties of your theme. Properties such as its name, stylesheets,
+; javascripts, and block regions.
+;
+; Drupal 7 stores a cache of the data in this .info files. If you modify any
+; lines in this file, you MUST refresh Drupal 7's cache by simply visiting the
+; Appearance page at admin/appearance.
+;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
+; Copyright Statement
+; Copyright 2013 Western Washington University Web Technologies Group Licensed
+; under the Educational Community License, Version 2.0 (the "License");
+; you may not use this file except in compliance with the License. You may
+; obtain a copy of the License at http://www.osedu.org/licenses/ECL-2.0
+;
+; Unless required by applicable law or agreed to in writing,
+; software distributed under the License is distributed on an "AS IS"
+; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
+; or implied. See the License for the specific language governing
+; permissions and limitations under the License.
+;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
+; The name, description and screenshot used for this theme on the Appearance
+; page at admin/appearance.
+
+screenshot  = screenshot.png
+name        = WWUZen
+description = A Zen sub-theme for Western Washington University
+
+; This theme is compatible with Drupal 7 core. And it is a sub-theme of Zen.
+
+core        = 7.x
+base theme  = zen
+
+; This section controls the CSS files for your theme. There are 3 different
+; things you can do with a "stylesheets" line:
+; - Add a new stylesheet for your theme.
+; - Override a module's stylesheet. If the stylesheet you are adding uses the
+;   same filename as a stylesheet from a Drupal core or contrib module, your CSS
+;   file will be used instead of the module's file.
+; - Remove a module's stylesheet. If you specify the name of a Drupal core or
+;   contrib module's stylesheets, Drupal will remove that stylesheet if you do
+;   NOT include a file with that name with your theme.
+;
+; stylesheets[MEDIA][] = FILE
+;
+; The "FILE" is the name of the stylesheet to add/override/remove.
+; The "MEDIA" in the first set of brackets is a media type or a media query.
+; Typical CSS media types include "all", "screen", "print", and "handheld". A
+; typical media query is "screen and (max-width: 320px)".
+;
+; CSS2.1 media types: http://www.w3.org/TR/CSS21/media.html#media-types
+; CSS3 media queries: http://www.w3.org/TR/css3-mediaqueries/
+
+; First we remove the system's menu styling since Zen has its own.
+stylesheets[all][] = system.menus.css
+
+; Then we add our own stylesheets.
+stylesheets[all][] = css/normalize.css
+stylesheets[all][] = css/wireframes.css
+stylesheets[all][] = css/layouts/responsive-sidebars.css
+stylesheets[all][] = css/page-backgrounds.css
+stylesheets[all][] = css/tabs.css
+stylesheets[all][] = css/pages.css
+stylesheets[all][] = css/blocks.css
+stylesheets[all][] = css/navigation.css
+stylesheets[all][] = css/views-styles.css
+stylesheets[all][] = css/nodes.css
+stylesheets[all][] = css/comments.css
+stylesheets[all][] = css/forms.css
+stylesheets[all][] = css/fields.css
+stylesheets[all][] = css/print.css
+stylesheets[all][] = css/responsive-tables.css
+
+; Built-in conditional stylesheet support has been removed from Zen 7.x-5.x.
+; Instead, Zen now adds conditional-comment-included classes to the html
+; element, such as .lt-ie9, .lt-ie8, .lt-ie7. More information on this
+; technique can be found at:
+; http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
+;
+; If you still wish to use conditional stylesheets, you must install the
+; conditional stylesheets module: http://drupal.org/project/conditional_styles
+;stylesheets-conditional[lte IE 8][all][] = css/ie8.css
+
+
+
+; Optionally add some JavaScripts to your theme.
+
+scripts[] = js/script.js
+scripts[] = js/responsive-tables.js
+
+
+; This section lists the regions defined in Zen's default page.tpl.php and
+; maintenance-page.tpl.php files. The name in brackets is the machine name of
+; the region. The text after the equals sign is a descriptive text used on the
+; admin/structure/blocks page.
+;
+; In the page.tpl, the contents of the region are output with a
+; $page['MACHINE-NAME'] variable and, in the maintenance-page.tpl, the region is
+; output with a $MACHINE-NAME variable. For example, with this line in the .info
+; file:
+;   regions[header_top] = Header top
+; You'll use this variable in page.tpl.php:
+;   <?php print render($page['header_top']); ?>
+; And you'll use this variable in maintenance-page.tpl.php:
+;   <?php print $header_top; ?>
+
+regions[header]         = Header
+regions[highlighted]    = Highlighted
+regions[help]           = Help
+regions[navigation]     = Navigation bar
+regions[content]        = Content
+regions[sidebar_first]  = First sidebar
+regions[sidebar_second] = Second sidebar
+regions[footer_left]    = Footer (Left)
+regions[footer_center]  = Footer (Center)
+regions[footer_right]   = Footer (Right)
+regions[bottom]         = Page bottom
+
+; The page_top and page_bottom regions are hidden, which means they will not
+; show up on the blocks administration page. But they are required in order for
+; the html.tpl.php to work properly, so do not delete them.
+
+regions[page_top]       = Page top
+regions[page_bottom]    = Page bottom
+
+
+
+; Various page elements output by the theme can be toggled on and off. The
+; "features" control which of these check boxes display on the
+; admin/appearance config page. This is useful for suppressing check boxes
+; for elements not used by your sub-theme. To suppress a check box, omit the
+; entry for it below. See the Drupal 7 Theme Guide for more info:
+; http://drupal.org/node/171205#features
+
+features[] = logo
+features[] = name
+features[] = node_user_picture
+features[] = comment_user_picture
+features[] = favicon
+
+; Set the default values of settings on the theme-settings.php form.
+
+settings[zen_breadcrumb]           = no
+settings[zen_breadcrumb_separator] = ' › '
+settings[zen_breadcrumb_home]      = 1
+settings[zen_breadcrumb_trailing]  = 1
+settings[zen_breadcrumb_title]     = 0
+settings[zen_skip_link_anchor]     = main-menu
+settings[zen_skip_link_text]       = Jump to navigation
+settings[zen_html5_respond_meta][] = respond
+settings[zen_html5_respond_meta][] = html5
+settings[zen_html5_respond_meta][] = meta
+settings[zen_rebuild_registry]     = 1
+settings[zen_wireframes]           = 0
+
+; To make this sub-theme an admin theme with shortcut links next to titles,
+; uncomment the line below.
+
+;settings[shortcut_module_link]    = 1
+
+; To add a Panels layout (which can also be used by Display Suite), uncomment
+; the line below and see the documentation at: http://drupal.org/node/495654
+plugins[panels][layouts] = layouts