New theme base for SuiteDesk

themes/zen/zen-internals/css/generate.sh

@@ -0,0 +1,80 @@
+#!/bin/sh
+
+# This script is used by the MAINTAINER to generate composite stylesheets for
+# the base Zen theme from the stylesheets in the STARTERKIT.
+
+FIXED=( \
+  html-reset \
+  wireframes \
+  layout-fixed \
+  page-backgrounds \
+  tabs \
+  messages \
+  pages \
+  block-editing \
+  blocks \
+  navigation \
+  views-styles \
+  nodes \
+  comments \
+  forms \
+  fields \
+  );
+
+STYLESHEET='zen-fixed.css';
+RTL_STYLESHEET='zen-fixed-rtl.css';
+echo > $STYLESHEET;
+echo > $RTL_STYLESHEET;
+for FILENAME in ${FIXED[*]}; do
+  echo >> $STYLESHEET;
+  echo "/* $FILENAME.css */" >> $STYLESHEET;
+  echo >> $STYLESHEET;
+  cat ../../STARTERKIT/css/$FILENAME.css >> $STYLESHEET;
+  if [[ -e ../../STARTERKIT/css/$FILENAME-rtl.css ]]; then
+    echo >> $RTL_STYLESHEET;
+    echo "/* $FILENAME-rtl.css */" >> $RTL_STYLESHEET;
+    echo >> $RTL_STYLESHEET;
+    cat ../../STARTERKIT/css/$FILENAME-rtl.css >> $RTL_STYLESHEET;
+  fi
+done
+
+LIQUID=( \
+  html-reset \
+  wireframes \
+  layout-liquid \
+  page-backgrounds \
+  tabs \
+  messages \
+  pages \
+  block-editing \
+  blocks \
+  navigation \
+  views-styles \
+  nodes \
+  comments \
+  forms \
+  fields \
+  );
+
+STYLESHEET='zen-liquid.css';
+RTL_STYLESHEET='zen-liquid-rtl.css';
+echo > $STYLESHEET;
+echo > $RTL_STYLESHEET;
+for FILENAME in ${LIQUID[*]}; do
+  echo >> $STYLESHEET;
+  echo "/* $FILENAME.css */" >> $STYLESHEET;
+  echo >> $STYLESHEET;
+  cat ../../STARTERKIT/css/$FILENAME.css >> $STYLESHEET;
+  if [[ -e ../../STARTERKIT/css/$FILENAME-rtl.css ]]; then
+    echo >> $RTL_STYLESHEET;
+    echo "/* $FILENAME-rtl.css */" >> $RTL_STYLESHEET;
+    echo >> $RTL_STYLESHEET;
+    cat ../../STARTERKIT/css/$FILENAME-rtl.css >> $RTL_STYLESHEET;
+  fi
+done
+
+cp ../../STARTERKIT/css/print.css .;
+
+cp ../../STARTERKIT/css/ie.css .;
+cp ../../STARTERKIT/css/ie6.css .;
+cp ../../STARTERKIT/css/ie6-rtl.css .;

themes/zen/zen-internals/css/ie.css

@@ -0,0 +1,47 @@
+/**
+ * @file
+ * CSS targeted specifically for Internet Explorer for Windows.
+ *
+ * Any CSS in this file will apply to all versions of IE. You can target
+ * specific versions of IE by using conditional comments. See your sub-theme's
+ * .info file for an easy way to use them.
+ *
+ * While building your theme, you should be aware that IE limits Drupal to 31
+ * stylesheets total. The work-around for the bug is to enable CSS aggregation
+ * under: admin / settings / performance.
+ */
+
+
+/*
+ * Tabs
+ */
+ul.primary li a,
+ul.primary li a .tab,
+ul.secondary li a,
+ul.secondary li a .tab {
+  cursor: pointer;
+}
+
+/*
+ * Drupal nodes
+ */
+.node-unpublished .node-inner>* {
+  position: relative; /* Otherwise these elements will appear below the "Unpublished" text. */
+}
+
+/*
+ * Drupal admin tables
+ */
+tr.even th,
+tr.even td,
+tr.odd th,
+tr.odd td {
+  border-bottom: 1px solid #ccc; /* IE doesn't display borders on table rows */
+}
+
+/*
+ * Markup free clearing
+ */
+.clearfix {
+  zoom: 1;
+}

themes/zen/zen-internals/css/ie6-rtl.css

@@ -0,0 +1,12 @@
+/**
+ * @file
+ * RTL companion for the ie6.css file.
+ */
+
+
+/*
+ * Layout CSS
+ */
+#page {
+  text-align: right; /* 2nd part of IE5/IE6quirks centering hack */
+}

themes/zen/zen-internals/css/ie6.css

@@ -0,0 +1,105 @@
+/**
+ * @file
+ * CSS targeted specifically for Internet Explorer 5 and 6 for Windows.
+ *
+ * Any CSS in this file will override the rules specified in the ie.css file.
+ */
+
+
+/*
+ * Layout CSS
+ */
+
+body {
+  text-align: center; /* 1st part of IE5/IE6quirks centering hack */
+}
+
+#page {
+  text-align: left; /* LTR */ /* 2nd part of IE5/IE6quirks centering hack */
+}
+
+#main-wrapper {
+  zoom: 1; /* Otherwise with a liquid layout, sidebars disappear when resizing the windows in IE6 */
+}
+
+#content,
+#navigation,
+.region-sidebar-first,
+.region-sidebar-second /* Floating divs */ {
+  display: inline; /* display inline or double your floated margin! [1] */
+  overflow: hidden; /* in ie6, overflow auto is broken [2] and so is overflow visible [3] */
+  overflow-y: visible;
+}
+
+/*
+ * Tabs - IE 5 and 6 don't support PNGs with alpha transparency.
+ */
+
+ul.primary li a,
+ul.primary li a .tab,
+ul.secondary li a,
+ul.secondary li a .tab {
+  display: inline-block; /* Otherwise the blocks mistakenly get 100% width in IE6 */
+}
+
+ul.primary li a {
+  background: url(../images/tab-left-ie6.png) no-repeat left -38px;
+}
+
+ul.primary li a .tab {
+  background: url(../images/tab-right-ie6.png) no-repeat right -38px;
+}
+
+ul.primary li a:hover,
+ul.primary li a:focus {
+  background: url(../images/tab-left-ie6.png) no-repeat left -76px;
+}
+
+ul.primary li a:hover .tab,
+ul.primary li a:focus .tab {
+  background: url(../images/tab-right-ie6.png) no-repeat right -76px;
+}
+
+ul.primary li.active a,
+ul.primary li.active a:hover,
+ul.primary li.active a:focus {
+  background: url(../images/tab-left-ie6.png) no-repeat left 0;
+}
+
+ul.primary li.active a .tab,
+ul.primary li.active a:hover .tab,
+ul.primary li.active a:focus .tab {
+  background: url(../images/tab-right-ie6.png) no-repeat right 0;
+}
+
+/*
+ * Messages - IE 5 and 6 don't support PNGs with alpha transparency.
+ */
+
+div.messages,
+div.status,
+div.warning,
+div.error /* Important messages (status, warning, and error) for the user */ {
+  background-image: url(../images/messages-status-ie6.png);
+}
+
+div.warning /* Medium priority messages */ {
+  background-image: url(../images/messages-warning-ie6.png);
+}
+
+div.error /* High priority messages. See also the .error declaration below. */ {
+  background-image: url(../images/messages-error-ie6.png);
+}
+
+
+/*
+ * REFERENCES
+ *
+
+1. http://www.positioniseverything.net/explorer/doubled-margin.html
+2. http://browservulsel.blogspot.com/2005/04/ie-overflow-auto-scrollbar-overlap.html
+3. http://www.howtocreate.co.uk/wrongWithIE/?chapter=overflow%3Avisible%3B
+4. http://www.ryanbrill.com/archives/multiple-classes-in-ie
+
+ *
+ */

themes/zen/zen-internals/css/print.css

@@ -0,0 +1,73 @@
+/**
+ * @file
+ * Print styling
+ *
+ * We provide some sane print styling for Drupal using Zen's layout method.
+ */
+
+
+/* underline all links */
+a:link,
+a:visited {
+  text-decoration: underline !important;
+}
+
+/* Don't underline header */
+#site-name a:link,
+#site-name a:visited {
+  text-decoration: none !important;
+}
+
+/* CSS2 selector to add visible href after links */
+#content a:link:after,
+#content a:visited:after {
+  content: " (" attr(href) ") ";
+  font-size: 0.8em;
+  font-weight: normal;
+}
+
+/* Un-float the content */
+#content,
+#content .section {
+  float: none;
+  width: 100%;
+  margin: 0 !important;
+  padding: 0 !important;
+}
+
+/* Turn off any background colors or images */
+body,
+#page-wrapper,
+#page,
+#main-wrapper,
+#main,
+#content,
+#content .section {
+  color: #000;
+  background-color: transparent !important;
+  background-image: none !important;
+}
+
+/* Hide sidebars and nav elements */
+#skip-link,
+#navigation,
+.region-sidebar-first,
+.region-sidebar-second,
+#footer,
+.breadcrumb,
+div.tabs,
+.links,
+.taxonomy,
+.book-navigation,
+.forum-topic-navigation,
+.pager,
+.feed-icons {
+  visibility: hidden;
+  display: none;
+}
+
+/* If you un-comment the "page { overflow-y: hidden; }" ruleset, Firefox clips
+   the content after the first page. */
+#page-wrapper {
+  overflow-y: visible;
+}

themes/zen/zen-internals/css/theme-settings-rtl.css

@@ -0,0 +1,56 @@
+/**
+ * @file
+ * Theme settings styling
+ *
+ * This file is only loaded on the Theme Settings page for Zen and its
+ * subthemes: admin/build/themes/settings
+ */
+
+
+#zen-settings fieldset .form-item
+{
+  padding-left: 0;
+  padding-right: 200px;
+}
+
+#zen-settings fieldset .form-checkboxes .form-item,
+#zen-settings fieldset .form-radios .form-item
+{
+  padding-right: 0;
+}
+
+#zen-settings fieldset .form-item label
+{
+  float: right;
+  margin-left: 10px;
+  margin-right: -200px;
+  text-align: left;
+}
+
+#zen-settings fieldset .form-item label.option
+{
+  text-align: right;
+}
+
+#div-zen-registry strong,
+#div-zen-wireframes strong
+{
+  float: right;
+  margin-left: 10px;
+  margin-right: 0;
+  text-align: left;
+}
+
+#div-zen-registry fieldset .form-item,
+#div-zen-wireframes fieldset .form-item
+{
+  margin-right: 0;
+  padding-right: 0;
+}
+
+#div-zen-registry fieldset .form-item .description,
+#div-zen-wireframes fieldset .form-item .description
+{
+  margin-left: 0;
+  margin-right: 200px;
+}

themes/zen/zen-internals/css/theme-settings.css

@@ -0,0 +1,69 @@
+/**
+ * @file
+ * Theme settings styling
+ *
+ * This file is only loaded on the Theme Settings page for Zen and its
+ * subthemes: admin/build/themes/settings
+ */
+
+
+#zen-settings fieldset .form-item
+{
+  padding-left: 200px; /* LTR */
+}
+
+#zen-settings fieldset .form-checkboxes .form-item,
+#zen-settings fieldset .form-radios .form-item
+{
+  padding-left: 0; /* LTR */
+}
+
+#zen-settings fieldset .form-item label
+{
+  float: left; /* LTR */
+  width: 190px;
+  margin-left: -200px; /* LTR */
+  margin-right: 10px; /* LTR */
+  text-align: right; /* LTR */
+  _display: inline-block; /* IE6 is dumb. */
+}
+
+#zen-settings fieldset .form-item label.option
+{
+  float: none;
+  width: auto;
+  margin-left: 0;
+  margin-right: 0;
+  text-align: left; /* LTR */
+}
+
+#div-zen-registry,
+#div-zen-wireframes
+{
+  margin: 1em 0;
+}
+
+#div-zen-registry strong,
+#div-zen-wireframes strong
+{
+  float: left; /* LTR */
+  width: 190px;
+  margin-left: 0; /* LTR */
+  margin-right: 10px; /* LTR */
+  text-align: right; /* LTR */
+}
+
+#div-zen-registry fieldset .form-item,
+#div-zen-wireframes fieldset .form-item
+{
+  display: inline;
+  margin-left: 0; /* LTR */
+  padding-left: 0; /* LTR */
+}
+
+#div-zen-registry fieldset .form-item .description,
+#div-zen-wireframes fieldset .form-item .description
+{
+  display: block;
+  margin-left: 200px; /* LTR */
+}

themes/zen/zen-internals/css/zen-fixed-rtl.css

@@ -0,0 +1,243 @@
+
+
+/* html-reset-rtl.css */
+
+/**
+ * @file
+ * RTL companion for the html-reset.css file.
+ */
+
+
+/*
+ * Lists
+ *
+ * We need to standardize the list item indentation.
+ */
+ul,
+ol {
+  padding-left: 0;
+  padding-right: 2em;
+}
+
+.block ul,
+.item-list ul /* Drupal overrides */ {
+  padding: 0 2em 0 0;
+}
+
+dd {
+  margin: 0 2em 0 0;
+}
+
+/*
+ * Tables
+ *
+ * Drupal provides table styling which is only useful for its admin section
+ * forms, so we override this default CSS. (We set it back in forms.css.)
+ */
+th,
+thead th,
+tbody th {
+  text-align: right;
+}
+
+/* layout-fixed-rtl.css */
+
+/**
+ * @file
+ * RTL companion for the layout-fixed.css file.
+ */
+
+
+/*
+ * Content
+ */
+#content,
+.no-sidebars #content {
+  float: right;
+  margin-left: -960px; /* Negative value of #content's width + right margin. */
+  margin-right: 0;
+}
+
+.sidebar-first #content {
+  margin-left: -960px; /* Negative value of #content's width + right margin. */
+  margin-right: 200px; /* The width of .region-sidebar-first. */
+}
+
+.sidebar-second #content {
+  margin-left: -760px; /* Negative value of #content's width + right margin. */
+  margin-right: 0;
+}
+
+.two-sidebars #content {
+  margin-left: -760px; /* Negative value of #content's width + right margin. */
+  margin-right: 200px; /* The width of .region-sidebar-first */
+}
+
+/*
+ * Navigation
+ */
+#navigation {
+  float: right;
+  margin-left: -100%; /* Negative value of #navigation's width + right margin. */
+  margin-right: 0;
+}
+
+#navigation ul /* Primary and secondary links */ {
+  text-align: right;
+}
+
+#navigation li /* A simple method to get navigation links to appear in one line. */ {
+  float: right;
+  padding: 0 0 0 10px;
+}
+
+/*
+ * First sidebar
+ */
+.region-sidebar-first {
+  float: right;
+  margin-left: -200px; /* Negative value of .region-sidebar-first's width + right margin. */
+  margin-right: 0;
+}
+
+.region-sidebar-first .section {
+  margin: 0 0 0 20px;
+}
+
+/*
+ * Second sidebar
+ */
+.region-sidebar-second {
+  float: right;
+  margin-left: -960px; /* Negative value of .region-sidebar-second's width + right margin. */
+  margin-right: 760px; /* Width of content + sidebar-first. */
+}
+
+.region-sidebar-second .section {
+  margin: 0 20px 0 0;
+}
+
+/* tabs-rtl.css */
+
+/**
+ * @file
+ * RTL companion for the tabs.css file.
+ */
+
+
+ul.primary {
+  padding: 0 10px 0 0;
+}
+
+ul.primary li {
+  float: right;
+}
+
+ul.secondary {
+  padding: 0 5px 0 0;
+}
+
+ul.secondary li {
+  float: right;
+  border-left: none;
+}
+
+/* messages-rtl.css */
+
+/**
+ * @file
+ * RTL companion for the messages.css file.
+ */
+
+
+div.messages,
+div.status,
+div.warning,
+div.error /* Important messages (status, warning, and error) for the user */ {
+  padding: 5px 35px 5px 5px;
+  background-position: 99.5% 5px;
+}
+
+/* pages-rtl.css */
+
+/**
+ * @file
+ * RTL companion for the pages.css file.
+ */
+
+
+/*
+ * Header
+ */
+#logo /* Wrapping link for logo */ {
+  float: right;
+}
+
+/*
+ * Content
+ */
+.more-link /* Aggregator, blog, and forum more link */ {
+  text-align: left;
+}
+
+/* block-editing-rtl.css */
+
+/**
+ * @file
+ * RTL companion for the block-editing.css file.
+ */
+
+
+div.block.with-block-editing div.edit {
+  left: 0;
+  right: auto;
+}
+
+/* forms-rtl.css */
+
+/**
+ * @file
+ * RTL companion for the forms.css file.
+ */
+
+
+/*
+ * Drupal's default login form block
+ */
+#user-login-form {
+  text-align: right;
+}
+
+
+/*
+ * OpenID
+ *
+ * The default styling for the OpenID login link seems to assume Garland's
+ * styling of list items.
+ */
+
+#user-login-form li.openid-link /* The "Log in using OpenID" link. */ {
+  margin-left: 0;
+  margin-right: -20px; /* Un-do some of the padding on the ul list. */
+}
+
+#user-login li.openid-link,
+#user-login li.user-link /* The OpenID links on the /user form. */ {
+  margin-left: 0;
+  margin-right: -2em; /* Un-do all of the padding on the ul list. */
+}
+
+
+/*
+ * Drupal admin tables
+ *
+ * We overrode these styles in html-elements.css, but restore them for the admin
+ * section of the site.
+ */
+
+form th,
+form thead th {
+  text-align: right;
+  padding-left: 1em;
+  padding-right: 0;
+}

themes/zen/zen-internals/css/zen-liquid-rtl.css

@@ -0,0 +1,237 @@
+
+
+/* html-reset-rtl.css */
+
+/**
+ * @file
+ * RTL companion for the html-reset.css file.
+ */
+
+
+/*
+ * Lists
+ *
+ * We need to standardize the list item indentation.
+ */
+ul,
+ol {
+  padding-left: 0;
+  padding-right: 2em;
+}
+
+.block ul,
+.item-list ul /* Drupal overrides */ {
+  padding: 0 2em 0 0;
+}
+
+dd {
+  margin: 0 2em 0 0;
+}
+
+/*
+ * Tables
+ *
+ * Drupal provides table styling which is only useful for its admin section
+ * forms, so we override this default CSS. (We set it back in forms.css.)
+ */
+th,
+thead th,
+tbody th {
+  text-align: right;
+}
+
+/* layout-liquid-rtl.css */
+
+/**
+ * @file
+ * RTL companion for the layout-liquid.css file.
+ */
+
+
+/*
+ * Content
+ */
+#content {
+  float: right;
+  margin-left: -100%; /* Negative value of #content's width + right margin. */
+  margin-right: 0;
+}
+
+.sidebar-first #content .section {
+  padding-left: 0;
+  padding-right: 200px; /* The width + right margin of .region-sidebar-first. */
+}
+
+.sidebar-second #content .section {
+  padding-left: 200px; /* The width + left margin of .region-sidebar-second. */
+  padding-right: 0;
+}
+
+/*
+ * Navigation
+ */
+#navigation {
+  float: right;
+  margin-left: -100%; /* Negative value of #navigation's width + right margin. */
+  margin-right: 0;
+}
+
+#navigation ul /* Primary and secondary links */ {
+  text-align: right;
+}
+
+#navigation li /* A simple method to get navigation links to appear in one line. */ {
+  float: right;
+  padding: 0 0 0 10px;
+}
+
+/*
+ * First sidebar
+ */
+.region-sidebar-first {
+  float: right;
+  margin-left: -200px; /* Negative value of .region-sidebar-first's width + right margin. */
+  margin-right: 0;
+}
+
+.region-sidebar-first .section {
+  margin: 0 0 0 20px;
+}
+
+/*
+ * Second sidebar
+ */
+.region-sidebar-second {
+  float: left;
+  margin-left: 0;
+  margin-right: -200px; /* Negative value of .region-sidebar-second's width + left margin. */
+}
+
+.region-sidebar-second .section {
+  margin: 0 20px 0 0;
+}
+
+/* tabs-rtl.css */
+
+/**
+ * @file
+ * RTL companion for the tabs.css file.
+ */
+
+
+ul.primary {
+  padding: 0 10px 0 0;
+}
+
+ul.primary li {
+  float: right;
+}
+
+ul.secondary {
+  padding: 0 5px 0 0;
+}
+
+ul.secondary li {
+  float: right;
+  border-left: none;
+}
+
+/* messages-rtl.css */
+
+/**
+ * @file
+ * RTL companion for the messages.css file.
+ */
+
+
+div.messages,
+div.status,
+div.warning,
+div.error /* Important messages (status, warning, and error) for the user */ {
+  padding: 5px 35px 5px 5px;
+  background-position: 99.5% 5px;
+}
+
+/* pages-rtl.css */
+
+/**
+ * @file
+ * RTL companion for the pages.css file.
+ */
+
+
+/*
+ * Header
+ */
+#logo /* Wrapping link for logo */ {
+  float: right;
+}
+
+/*
+ * Content
+ */
+.more-link /* Aggregator, blog, and forum more link */ {
+  text-align: left;
+}
+
+/* block-editing-rtl.css */
+
+/**
+ * @file
+ * RTL companion for the block-editing.css file.
+ */
+
+
+div.block.with-block-editing div.edit {
+  left: 0;
+  right: auto;
+}
+
+/* forms-rtl.css */
+
+/**
+ * @file
+ * RTL companion for the forms.css file.
+ */
+
+
+/*
+ * Drupal's default login form block
+ */
+#user-login-form {
+  text-align: right;
+}
+
+
+/*
+ * OpenID
+ *
+ * The default styling for the OpenID login link seems to assume Garland's
+ * styling of list items.
+ */
+
+#user-login-form li.openid-link /* The "Log in using OpenID" link. */ {
+  margin-left: 0;
+  margin-right: -20px; /* Un-do some of the padding on the ul list. */
+}
+
+#user-login li.openid-link,
+#user-login li.user-link /* The OpenID links on the /user form. */ {
+  margin-left: 0;
+  margin-right: -2em; /* Un-do all of the padding on the ul list. */
+}
+
+
+/*
+ * Drupal admin tables
+ *
+ * We overrode these styles in html-elements.css, but restore them for the admin
+ * section of the site.
+ */
+
+form th,
+form thead th {
+  text-align: right;
+  padding-left: 1em;
+  padding-right: 0;
+}