summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--STARTERKIT/css/sass/_mixins.scss6
-rw-r--r--STARTERKIT/css/sass/blocks.scss75
-rw-r--r--STARTERKIT/css/sass/comments.scss60
-rw-r--r--STARTERKIT/css/sass/fields.scss33
-rw-r--r--STARTERKIT/css/sass/forms-rtl.scss39
-rw-r--r--STARTERKIT/css/sass/forms.scss88
-rw-r--r--STARTERKIT/css/sass/html-reset-rtl.scss32
-rw-r--r--STARTERKIT/css/sass/html-reset.scss257
-rw-r--r--STARTERKIT/css/sass/ie6.scss51
-rw-r--r--STARTERKIT/css/sass/ie7.scss39
-rw-r--r--STARTERKIT/css/sass/layout-fixed-rtl.scss54
-rw-r--r--STARTERKIT/css/sass/layout-fixed.scss190
-rw-r--r--STARTERKIT/css/sass/layout-liquid-rtl.scss46
-rw-r--r--STARTERKIT/css/sass/layout-liquid.scss183
-rw-r--r--STARTERKIT/css/sass/navigation-rtl.scss13
-rw-r--r--STARTERKIT/css/sass/navigation.scss61
-rw-r--r--STARTERKIT/css/sass/nodes.scss51
-rw-r--r--STARTERKIT/css/sass/page-backgrounds.scss19
-rw-r--r--STARTERKIT/css/sass/pages-rtl.scss26
-rw-r--r--STARTERKIT/css/sass/pages.scss175
-rw-r--r--STARTERKIT/css/sass/print.scss27
-rw-r--r--STARTERKIT/css/sass/tabs-rtl.scss7
-rw-r--r--STARTERKIT/css/sass/tabs.scss33
-rw-r--r--STARTERKIT/css/sass/views-styles.scss7
-rw-r--r--STARTERKIT/css/sass/wireframes.scss11
-rw-r--r--zen-internals/zen.drush.inc2
26 files changed, 803 insertions, 782 deletions
diff --git a/STARTERKIT/css/sass/_mixins.scss b/STARTERKIT/css/sass/_mixins.scss
index 781cbc9..668dc34 100644
--- a/STARTERKIT/css/sass/_mixins.scss
+++ b/STARTERKIT/css/sass/_mixins.scss
@@ -7,7 +7,9 @@
// curly brackets:
// @include mix-in-name;
-@mixin unpublished-div /* The word "Unpublished" displayed underneath node and comment content. */ {
+
+// The word "Unpublished" displayed underneath node and comment content.
+@mixin unpublished-div {
height: 0;
overflow: visible;
color: #d8d8d8;
@@ -17,5 +19,5 @@
font-weight: bold;
text-transform: uppercase;
text-align: center;
- word-wrap: break-word; /* A very nice CSS3 property */
+ word-wrap: break-word; // A very nice CSS3 property
}
diff --git a/STARTERKIT/css/sass/blocks.scss b/STARTERKIT/css/sass/blocks.scss
index d5a7e4a..92a4c2b 100644
--- a/STARTERKIT/css/sass/blocks.scss
+++ b/STARTERKIT/css/sass/blocks.scss
@@ -1,109 +1,108 @@
-/**
- * @file
- * Block Styling
- */
+//
+// Block Styling
+//
-.block /* Block wrapper */ {
+.block { // Block wrapper
margin-bottom: 1.5em;
- &.first /* The first block in the region */ {
+ &.first { // The first block in the region
}
- &.last /* The last block in the region */ {
+ &.last { // The last block in the region
}
- &.odd /* Zebra striping for each block in the region */ {
+ &.odd { // Zebra striping for each block in the region
}
- &.even /* Zebra striping for each block in the region */ {
+ &.even { // Zebra striping for each block in the region
}
- h2.block-title /* Block title */ {
+ h2.block-title { // Block title
}
- .content /* Block's content wrapper */ {
+ .content { // Block's content wrapper
}
}
-#block-aggregator-category-1 /* Block for the latest news items in the first category */ {
+#block-aggregator-category-1 { // Block for the latest news items in the first category
}
-#block-aggregator-feed-1 /* Block for the latest news items in the first feed */ {
+#block-aggregator-feed-1 { // Block for the latest news items in the first feed
}
-#block-block-1 /* First block created with "Add block" link */ {
+#block-block-1 { // First block created with "Add block" link
}
-#block-blog-recent /* "Recent blog posts" block */ {
+#block-blog-recent { // "Recent blog posts" block
}
-#block-book-navigation /* "Book navigation" block for the current book's table of contents */ {
+#block-book-navigation { // "Book navigation" block for the current book's table of contents
}
-#block-comment-recent /* "Recent comments" block */ {
+#block-comment-recent { // "Recent comments" block
}
-#block-forum-active /* "Active forum topics" block */ {
+#block-forum-active { // "Active forum topics" block
}
-#block-forum-new /* "New forum topics" block */ {
+#block-forum-new { // "New forum topics" block
}
-#block-locale-language /* Language switcher block */ {
+#block-locale-language { // Language switcher block
}
-#block-menu-menu-NAME /* Custom menu block */ {
+#block-menu-menu-NAME { // Custom menu block
}
-#block-node-recent /* "Recent content" block */ {
+#block-node-recent { // "Recent content" block
}
-#block-node-syndicate /* "Syndicate" block for primary RSS feed; see also page.css's .feed-icon */ {
+#block-node-syndicate { // "Syndicate" block for primary RSS feed; see also page.css's .feed-icon
}
-#block-poll-recent /* "Most recent poll" block */ {
+#block-poll-recent { // "Most recent poll" block
}
-#block-profile-author-information /* "Author information" block for the profile of the page's author */ {
+#block-profile-author-information { // "Author information" block for the profile of the page's author
}
-#block-search-form /* "Search form" block */ {
+#block-search-form { // "Search form" block
}
-#block-shortcut-shortcuts /* "Shortcuts" block */ {
+#block-shortcut-shortcuts { // "Shortcuts" block
}
-#block-statistics-popular /* "Popular content" block */ {
+#block-statistics-popular { // "Popular content" block
}
-#block-system-main-menu /* "Main menu" block */ {
+#block-system-main-menu { // "Main menu" block
}
-#block-system-management /* "Management" block for Drupal management menu */ {
+#block-system-management { // "Management" block for Drupal management menu
}
-#block-system-navigation /* "Navigation" block for Drupal navigation menu */ {
+#block-system-navigation { // "Navigation" block for Drupal navigation menu
}
-#block-system-user-menu /* "User menu" block for Drupal user menu */ {
+#block-system-user-menu { // "User menu" block for Drupal user menu
}
-#block-system-help /* "System help" block */ {
+#block-system-help { // "System help" block
}
-#block-system-main /* "Main page content" block */ {
+#block-system-main { // "Main page content" block
}
-#block-system-powered-by /* "Powered by Drupal" block */ {
+#block-system-powered-by { // "Powered by Drupal" block
}
-#block-user-login /* "User login form" block */ {
+#block-user-login { // "User login form" block
}
-#block-user-new /* "Who's new" block for a list of the newest users */ {
+#block-user-new { // "Who's new" block for a list of the newest users
}
-#block-user-online /* "Who's online" block for a list of the online users */ {
+#block-user-online { // "Who's online" block for a list of the online users
}
diff --git a/STARTERKIT/css/sass/comments.scss b/STARTERKIT/css/sass/comments.scss
index dac4f05..89e31a0 100644
--- a/STARTERKIT/css/sass/comments.scss
+++ b/STARTERKIT/css/sass/comments.scss
@@ -1,81 +1,81 @@
-/**
- * @file
- * Comment Styling
- */
+//
+// Comment Styling
+//
@import "mixins";
-#comments /* Wrapper for the list of comments and its title */ {
+
+#comments { // Wrapper for the list of comments and its title
margin: 1.5em 0;
- h2.title /* Heading for the list of comments */ {
+ h2.title { // Heading for the list of comments
}
- h2.comment-form /* Heading for the comment form */ {
+ h2.comment-form { // Heading for the comment form
}
}
-.comment /* Wrapper for a single comment */ {
+.comment { // Wrapper for a single comment
- &.comment-preview /* Preview of the comment before submitting new or updated comment */ {
- background-color: #ffffea; /* Drupal core will use a #ffffea background. See #1110842 */
+ &.comment-preview { // Preview of the comment before submitting new or updated comment
+ background-color: #ffffea; // Drupal core will use a #ffffea background. See #1110842
}
- &.new /* A new comment since the user last viewed the page. */ {
+ &.new { // A new comment since the user last viewed the page.
}
- &.first /* The first comment in the list of comments */ {
+ &.first { // The first comment in the list of comments
}
- &.last /* The last comment in the list of comments */ {
+ &.last { // The last comment in the list of comments
}
- &.odd /* An odd-numbered comment in the list of comments */ {
+ &.odd { // An odd-numbered comment in the list of comments
}
- &.even /* An even-numbered comment in the list of comments */ {
+ &.even { // An even-numbered comment in the list of comments
}
- &.comment-by-anonymous /* A comment created by an anonymous user */ {
+ &.comment-by-anonymous { // A comment created by an anonymous user
}
- &.comment-by-node-author /* A comment created by the node's author */ {
+ &.comment-by-node-author { // A comment created by the node's author
}
- &.comment-by-viewer /* A comment created by the current user */ {
+ &.comment-by-viewer { // A comment created by the current user
}
- h3.comment-title /* Comment title */ {
+ h3.comment-title { // Comment title
}
- .new /* "New" marker for comments that are new for the current user */ {
+ .new { // "New" marker for comments that are new for the current user
color: #c00;
}
- .user-picture /* The picture of the comment author */ {
+ .user-picture { // The picture of the comment author
}
- .submitted /* The "posted by" information */ {
+ .submitted { // The "posted by" information
}
- .content /* Comment's content wrapper */ {
+ .content { // Comment's content wrapper
}
- .user-signature /* The user's signature */ {
+ .user-signature { // The user's signature
}
- ul.links /* Comment links. See also the ul.links declaration in the pages.css. */ {
+ ul.links { // Comment links. See also the ul.links declaration in the pages.css.
}
}
-.indented /* Nested comments are indented */ {
- /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
+.indented { // Nested comments are indented
+ // margin-left: 25px; // Drupal core uses a 25px left margin
}
-.comment-unpublished /* Unpublished comments */ {
- /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
+.comment-unpublished { // Unpublished comments
+ // background-color: #fff4f4; // Drupal core uses a #fff4f4 background
- div.unpublished /* The word "Unpublished" displayed underneath the content. */ {
+ div.unpublished { // The word "Unpublished" displayed underneath the content.
@include unpublished-div;
}
}
diff --git a/STARTERKIT/css/sass/fields.scss b/STARTERKIT/css/sass/fields.scss
index 43523ee..b9f91fd 100644
--- a/STARTERKIT/css/sass/fields.scss
+++ b/STARTERKIT/css/sass/fields.scss
@@ -1,15 +1,15 @@
-/**
- * @file
- * Field Styling
- */
+//
+// Field Styling
+//
-.field /* Wrapper for any field. */ {
+.field { // Wrapper for any field.
}
-/*
- * Field types (Core)
- */
+
+//
+// Field types (Core)
+//
.field-type-text {
}
@@ -49,10 +49,11 @@
.field-type-list-float {
}
-/*
- * Field types (Contrib)
- */
-.field-type-datetime /* Always use "datetime" when creating new CCK date fields. "date" and "datestamp" are legacy types. */ {
+
+//
+// Field types (Contrib)
+//
+.field-type-datetime { // Always use "datetime" when creating new CCK date fields. "date" and "datestamp" are legacy types.
}
.field-type-node-reference {
@@ -62,9 +63,9 @@
}
-/*
- * Named fields
- */
+//
+// Named fields
+//
.field-name-body {
}
@@ -74,5 +75,5 @@
.field-name-field-tags {
}
-.field-name-field-FIELDNAME /* Underscores in field name are replaced with dashes. */ {
+.field-name-field-FIELDNAME { // Underscores in field name are replaced with dashes.
}
diff --git a/STARTERKIT/css/sass/forms-rtl.scss b/STARTERKIT/css/sass/forms-rtl.scss
index 050f609..166be5b 100644
--- a/STARTERKIT/css/sass/forms-rtl.scss
+++ b/STARTERKIT/css/sass/forms-rtl.scss
@@ -1,36 +1,33 @@
-/**
- * @file
- * RTL companion for the forms.css file.
- */
+//
+// RTL companion for the forms.scss file.
+//
-/*
- * Drupal's default login form block
- */
+//
+// 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.
- */
+ // OpenID
+ //
+ // The default styling for the OpenID login link seems to assume Garland's
+ // styling of list items.
html.js & li.openid-link,
- li.openid-link /* The "Log in using OpenID" link. */ {
+ 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. */
+ margin-right: -20px; // Un-do some 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.
- */
+//
+// Drupal admin tables
+//
+// We overrode these styles in html-elements.css, but restore them for the admin
+// section of the site.
+//
form {
th {
text-align: right;
diff --git a/STARTERKIT/css/sass/forms.scss b/STARTERKIT/css/sass/forms.scss
index 9356007..29557f1 100644
--- a/STARTERKIT/css/sass/forms.scss
+++ b/STARTERKIT/css/sass/forms.scss
@@ -1,96 +1,93 @@
-/**
- * @file
- * Form Styling
- */
+//
+// Form Styling
+//
-.form-item /* Wrapper for a form element (or group of form elements) and its label */ {
+.form-item { // Wrapper for a form element (or group of form elements) and its label
margin: 1.5em 0;
input.error,
textarea.error,
- select.error /* Highlight the form elements that caused a form submission error */ {
+ select.error { // Highlight the form elements that caused a form submission error
border: 1px solid #c00;
}
- label /* The label for a form element */ {
+ label { // The label for a form element
display: block;
font-weight: bold;
}
- label.option /* The label for a radio button or checkbox */ {
+ label.option { // The label for a radio button or checkbox
display: inline;
font-weight: normal;
}
- .form-required /* The part of the label that indicates a required field */ {
+ .form-required { // The part of the label that indicates a required field
color: #c00;
}
- .description /* The descriptive help text (separate from the label) */ {
+ .description { // The descriptive help text (separate from the label)
font-size: 0.85em;
}
.form-checkboxes & ,
- .form-radios & /* Pack groups of checkboxes and radio buttons closer together */ {
- margin: 0; /* Drupal core uses "0.4em 0" */
+ .form-radios & { // Pack groups of checkboxes and radio buttons closer together
+ margin: 0; // Drupal core uses "0.4em 0"
}
}
-.form-submit /* The submit button */ {
+.form-submit { // The submit button
}
.container-inline {
div,
- label /* Inline labels and form divs */ {
+ label { // Inline labels and form divs
display: inline;
}
}
-.tips /* Tips for Drupal's input formats */ {
+.tips { // Tips for Drupal's input formats
}
-/*
- * Password confirmation
- */
+//
+// Password confirmation
+//
.password-parent,
.confirm-parent {
margin: 0;
}
-/*
- * Search (search-block-form.tpl.php)
- */
-#block-search-form /* Wrapper for the search form */ {
+//
+// Search (search-block-form.tpl.php)
+//
+#block-search-form { // Wrapper for the search form
}
-/*
- * Drupal's default login form block
- */
+//
+// Drupal's default login form block
+//
#user-login-form {
- text-align: left; /* LTR */
+ text-align: left; // LTR
- /*
- * OpenID
- *
- * The default styling for the OpenID login link seems to assume Garland's
- * styling of list items.
- */
+ // OpenID
+ //
+ // The default styling for the OpenID login link seems to assume Garland's
+ // styling of list items.
- ul /* OpenID creates a new ul above the login form's links. */ {
- margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
+ ul { // OpenID creates a new ul above the login form's links.
+ margin-bottom: 0; // Position OpenID's ul next to the rest of the links.
}
html.js & li.openid-link,
- li.openid-link /* The "Log in using OpenID" link. */ {
+ li.openid-link { // The "Log in using OpenID" link.
margin-top: 1.5em;
- margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */
+ margin-left: -20px; // LTR // Un-do some of the padding on the ul list.
}
- li.user-link /* The "Cancel OpenID login" link. */ {
+ li.user-link { // The "Cancel OpenID login" link.
margin-top: 1.5em;
}
}
@@ -100,17 +97,16 @@
}
-/*
- * Drupal admin tables
- *
- * We overrode these styles in html-reset.css, but restore them for the admin
- * section of the site.
- */
-
+//
+// Drupal admin tables
+//
+// We overrode these styles in html-reset.css, but restore them for the admin
+// section of the site.
+//
form {
th {
- text-align: left; /* LTR */
- padding-right: 1em; /* LTR */
+ text-align: left; // LTR
+ padding-right: 1em; // LTR
border-bottom: 3px solid #ccc;
}
diff --git a/STARTERKIT/css/sass/html-reset-rtl.scss b/STARTERKIT/css/sass/html-reset-rtl.scss
index df88985..de16264 100644
--- a/STARTERKIT/css/sass/html-reset-rtl.scss
+++ b/STARTERKIT/css/sass/html-reset-rtl.scss
@@ -1,14 +1,13 @@
-/**
- * @file
- * RTL companion for the html-reset.css file.
- */
+//
+// RTL companion for the html-reset.scss file.
+//
-/*
- * Lists
- *
- * We need to standardize the list item indentation.
- */
+//
+// Lists
+//
+// We need to standardize the list item indentation.
+//
ul,
ol {
margin-right: 0;
@@ -16,7 +15,7 @@ ol {
padding-right: 2em;
}
-.item-list ul /* Drupal overrides */ {
+.item-list ul { // Drupal overrides
padding: 0 2em 0 0;
}
@@ -24,12 +23,13 @@ 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.)
- */
+
+//
+// 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 {
text-align: right;
}
diff --git a/STARTERKIT/css/sass/html-reset.scss b/STARTERKIT/css/sass/html-reset.scss
index aa9bed1..bc83ca7 100644
--- a/STARTERKIT/css/sass/html-reset.scss
+++ b/STARTERKIT/css/sass/html-reset.scss
@@ -1,68 +1,67 @@
-/**
- * @file
- * HTML Element Styling
- *
- * Ok, I admit it. I fooled you. This isn't a "reset" stylesheet. Instead this
- * is the place where you should set (not reset) the default styling for all
- * HTML elements.
- *
- * @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
- * @see http://snook.ca/archives/html_and_css/no_css_reset/
- */
-
-
-/*
- * Fonts
- *
- * Our font size and line height declarations are based on the following
- * articles:
- * - http://www.alistapart.com/articles/howtosizetextincss
- * - http://24ways.org/2006/compose-to-a-vertical-rhythm
- *
- * All modern browsers use a 16px default font size. Specifying the font-size
- * and line-height in ems (relative to the 16px default font) allows the user
- * to resize the font in the browser and produces the most consistent results
- * across different browsers.
- */
+//
+// HTML Element Styling
+//
+// Ok, I admit it. I fooled you. This isn't a "reset" stylesheet. Instead this
+// is the place where you should set (not reset) the default styling for all
+// HTML elements.
+//
+// @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
+// @see http://snook.ca/archives/html_and_css/no_css_reset/
+//
+
+
+//
+// Fonts
+//
+// Our font size and line height declarations are based on the following
+// articles:
+// - http://www.alistapart.com/articles/howtosizetextincss
+// - http://24ways.org/2006/compose-to-a-vertical-rhythm
+//
+// All modern browsers use a 16px default font size. Specifying the font-size
+// and line-height in ems (relative to the 16px default font) allows the user
+// to resize the font in the browser and produces the most consistent results
+// across different browsers.
+//
body {
- font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
+ font-size: 100%; // Fixes exaggerated text resizing in IE6 and IE7
}
#skip-to-nav,
#page {
- /*
- * To use a 12px font size on the page, delete the 14px declarations.
- * to use a 14px font size on the page, delete the 12px declarations.
- */
-
- /* Use a 12px base font size with a 18px line height */
- font-size: 0.75em; /* 16px x .75 = 12px */
- line-height: 1.5em; /* 12px x 1.5 = 18px */
-
- /* Use a 14px base font size with a 21px line height */
- font-size: 0.875em; /* 16px x .875 = 14px */
- line-height: 1.5em; /* 14px x 1.5 = 21px */
-}
+ //
+ // To use a 12px font size on the page, delete the 14px declarations.
+ // to use a 14px font size on the page, delete the 12px declarations.
+ //
+
+ // Use a 12px base font size with a 18px line height
+ font-size: 0.75em; // 16px x .75 = 12px
+ line-height: 1.5em; // 12px x 1.5 = 18px
+
+ // Use a 14px base font size with a 21px line height
+ font-size: 0.875em; // 16px x .875 = 14px
+ line-height: 1.5em; // 14px x 1.5 = 21px
+}
+
+// Instead of relying on the fonts that are available on a user's computer, you
+// can use web fonts which, like images, are resources downloaded to the user's
+// browser. Because of the bandwidth and rendering resources required, web fonts
+// should be used with care.
+//
+// Numerous resources for web fonts can be found on Google. Here are a few
+// websites where you can find Open Source fonts to download:
+// - http://www.fontsquirrel.com/fontface
+// - http://www.theleagueofmoveabletype.com
+//
+// In order to use these fonts, you will need to convert them into formats
+// suitable for web fonts. We recommend the free-to-use Font Squirrel's
+// Font-Face Generator:
+// http://www.fontsquirrel.com/fontface/generator
+//
+// The following is an example @font-face declaration. This font can then be
+// used in any ruleset using a property like this: font-family: Example, serif;
/*
- * Instead of relying on the fonts that are available on a user's computer, you
- * can use web fonts which, like images, are resources downloaded to the user's
- * browser. Because of the bandwidth and rendering resources required, web fonts
- * should be used with care.
- *
- * Numerous resources for web fonts can be found on Google. Here are a few
- * websites where you can find Open Source fonts to download:
- * - http://www.fontsquirrel.com/fontface
- * - http://www.theleagueofmoveabletype.com
- *
- * In order to use these fonts, you will need to convert them into formats
- * suitable for web fonts. We recommend the free-to-use Font Squirrel's
- * Font-Face Generator:
- * http://www.fontsquirrel.com/fontface/generator
- *
- * The following is an example @font-face declaration. This font can then be
- * used in any ruleset using a property like this: font-family: Example, serif;
-
@font-face {
font-family: 'Example';
src: url('../fonts/example.eot');
@@ -73,8 +72,7 @@ body {
font-weight: normal;
font-style: normal;
}
-
- */
+*/
body,
caption,
@@ -86,17 +84,18 @@ select,
option,
legend,
fieldset {
- /* The following font family declarations are based on the Microsoft core web
- * fonts which are common fonts available on most computer systems. The DejaVu
- * and Nimbus Sans fonts are commonly available on Linux systems where the MS
- * fonts are less common. Tahoma and Helvetica are also widely available.
- *
- * A user's web browser will look at the comma-separated list and will
- * attempt to use each font in turn until it finds one that is available
- * on the user's computer. The final "generic" font (sans-serif, serif or
- * monospace) hints at what type of font to use if the web browser doesn't
- * find any of the fonts in the list.
+ // The following font family declarations are based on the Microsoft core web
+ // fonts which are common fonts available on most computer systems. The DejaVu
+ // and Nimbus Sans fonts are commonly available on Linux systems where the MS
+ // fonts are less common. Tahoma and Helvetica are also widely available.
+ //
+ // A user's web browser will look at the comma-separated list and will
+ // attempt to use each font in turn until it finds one that is available
+ // on the user's computer. The final "generic" font (sans-serif, serif or
+ // monospace) hints at what type of font to use if the web browser doesn't
+ // find any of the fonts in the list.
+ /*
font-family: "Times New Roman", Times, Georgia, "DejaVu Serif", serif;
font-family: Times, "Times New Roman", Georgia, "DejaVu Serif", serif;
font-family: Georgia, "Times New Roman", "DejaVu Serif", serif;
@@ -107,8 +106,7 @@ fieldset {
font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
font-family: "Courier New", "DejaVu Sans Mono", monospace;
-
- */
+ */
font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
}
@@ -122,14 +120,15 @@ var {
font-family: "Courier New", "DejaVu Sans Mono", monospace;
}
-/*
- * Block-level elements
- *
- * To achieve a pleasant vertical rhythm, we use the 1.5em line height of our
- * base font as the top and bottom margins for our block level elements and make
- * the line heights of any larger fonts be a multiple of 1.5 ems. For more
- * information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
- */
+
+//
+// Block-level elements
+//
+// To achieve a pleasant vertical rhythm, we use the 1.5em line height of our
+// base font as the top and bottom margins for our block level elements and make
+// the line heights of any larger fonts be a multiple of 1.5 ems. For more
+// information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
+//
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl,
@@ -137,36 +136,36 @@ hr, table, fieldset {
margin: 1.5em 0;
}
-/* Headings */
+// Headings
h1 {
font-size: 2em;
line-height: 1.5em;
margin: 0.75em 0;
- /* 0.75em is equivalent to 1.5em in the page's base font. font. Remember, a
- margin specified in ems is relative to the element's font-size, not to the
- pages' base font size. So, for example, if we want a 1.5em margin (relative
- to the base font), we have to divide that length by the element's
- font-size: 1.5em / 2em = 0.5em */
+ // 0.75em is equivalent to 1.5em in the page's base font. font. Remember, a
+ // margin specified in ems is relative to the element's font-size, not to the
+ // pages' base font size. So, for example, if we want a 1.5em margin (relative
+ // to the base font), we have to divide that length by the element's
+ // font-size: 1.5em / 2em = 0.5em
}
h2 {
font-size: 1.5em;
- margin: 1em 0; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.5 = 1em */
+ margin: 1em 0; // Equivalent to 1.5em in the page's base font: 1.5 / 1.5 = 1em
}
h3 {
font-size: 1.3em;
- margin: 1.154em 0; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.3 = 1.154 */
+ margin: 1.154em 0; // Equivalent to 1.5em in the page's base font: 1.5 / 1.3 = 1.154
}
h4,
h5,
h6 {
font-size: 1.1em;
- margin: 1.364em 0; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.1 = 1.364 */
+ margin: 1.364em 0; // Equivalent to 1.5em in the page's base font: 1.5 / 1.1 = 1.364
}
-/* Other block-level elements */
+// Other block-level elements
p {
}
@@ -176,8 +175,8 @@ blockquote {
}
pre {
- font-size: 1.1em; /* Monospace fonts can be hard to read */
- margin: 1.364em 0; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.1 = 1.364 */
+ font-size: 1.1em; // Monospace fonts can be hard to read
+ margin: 1.364em 0; // Equivalent to 1.5em in the page's base font: 1.5 / 1.1 = 1.364
}
hr {
@@ -188,20 +187,21 @@ hr {
address {
}
-/*
- * Lists
- *
- * We need to standardize the list item indentation.
- */
+
+//
+// Lists
+//
+// We need to standardize the list item indentation.
+//
ul,
ol {
- margin-left: 0; /* LTR */
- padding-left: 2em; /* LTR */
+ margin-left: 0; // LTR
+ padding-left: 2em; // LTR
}
-.item-list ul /* Drupal overrides */ {
+.item-list ul { // Drupal overrides
margin: 1.5em 0;
- padding: 0 0 0 2em; /* LTR */
+ padding: 0 0 0 2em; // LTR
}
ul, ol {
@@ -217,7 +217,7 @@ li {
ul.menu & ,
&.expanded,
&.collapsed,
- &.leaf /* Drupal override */ {
+ &.leaf { // Drupal override
margin: 0;
padding: 0;
}
@@ -232,6 +232,7 @@ ul {
ul {
list-style-type: circle;
}}}}
+
ol {
list-style-type: decimal;
ol {
@@ -249,23 +250,24 @@ dt {
}
dd {
- margin: 0 0 0 2em; /* LTR */
+ margin: 0 0 0 2em; // LTR
padding: 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.)
- */
+
+//
+// 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.)
+//
table {
border-collapse: collapse;
- /* width: 100%; */ /* Prevent cramped-looking tables */
+ // width: 100%; // Prevent cramped-looking tables
}
th {
- text-align: left; /* LTR */
+ text-align: left; // LTR
padding: 0;
border-bottom: none;
}
@@ -295,9 +297,10 @@ tr {
td {
}
-/*
- * Forms
- */
+
+//
+// Forms
+//
form {
margin: 0;
padding: 0;
@@ -331,12 +334,13 @@ textarea {
button {
}
-/*
- * Links
- *
- * The order of link states are based on Eric Meyer's article:
- * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
- */
+
+//
+// Links
+//
+// The order of link states are based on Eric Meyer's article:
+// http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
+//
a {
&:link {
}
@@ -352,15 +356,16 @@ a {
}
}
-/*
- * Other inline elements
- */
+
+//
+// Other inline elements
+//
img {
border: 0;
- /* vertical-align: bottom; */ /* Suppress the space beneath the baseline */
+ // vertical-align: bottom; // Suppress the space beneath the baseline
}
-abbr, /* Abbreviations */
+abbr, // Abbreviations
acronym {
border-bottom: 1px dotted #666;
cursor: help;
@@ -383,7 +388,7 @@ code,
kbd,
samp,
tt,
-var /* Code, keyboard input, sample output, teletype, variable */ {
+var { // Code, keyboard input, sample output, teletype, variable
}
del {
diff --git a/STARTERKIT/css/sass/ie6.scss b/STARTERKIT/css/sass/ie6.scss
index 502e685..15650c6 100644
--- a/STARTERKIT/css/sass/ie6.scss
+++ b/STARTERKIT/css/sass/ie6.scss
@@ -1,42 +1,40 @@
-/**
- * @file
- * CSS targeted specifically for Internet Explorer 6 for Windows.
- *
- * Any CSS in this file will override the rules specified in the ie.css file.
- *
- * 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
- */
+//
+// CSS targeted specifically for Internet Explorer 6 for Windows.
+//
+// Any CSS in this file will override the rules specified in the ie.css file.
+//
+// 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
+//
-/*
- * Layout CSS
- */
-
+//
+// Layout CSS
+//
#main-wrapper {
- zoom: 1; /* Otherwise with a liquid layout, sidebars disappear when resizing the windows in IE6 */
+ 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] */
+.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 - IE6 doesn't support PNGs with alpha transparency.
- */
+//
+// Tabs - IE6 doesn't support PNGs with alpha transparency.
+//
ul.primary li,
ul.secondary li {
a,
a .tab {
- display: inline-block; /* Otherwise the blocks mistakenly get 100% width in IE6 */
+ display: inline-block; // Otherwise the blocks mistakenly get 100% width in IE6
}
}
@@ -70,9 +68,10 @@ ul.primary li {
}
}
-/*
- * Wireframes - IE6 doesn't support the outline property.
- */
+
+//
+// Wireframes - IE6 doesn't support the outline property.
+//
.with-wireframes #header .section,
.with-wireframes #content .section,
.with-wireframes #navigation .section,
diff --git a/STARTERKIT/css/sass/ie7.scss b/STARTERKIT/css/sass/ie7.scss
index 5c2b335..2d73392 100644
--- a/STARTERKIT/css/sass/ie7.scss
+++ b/STARTERKIT/css/sass/ie7.scss
@@ -1,17 +1,15 @@
-/**
- * @file
- * CSS targeted specifically for Internet Explorer 7 (and earlier) for Windows.
- *
- * Any CSS in this file will apply to all versions of IE before IE 8. 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.
- */
+//
+// CSS targeted specifically for Internet Explorer 7 (and earlier) for Windows.
+//
+// Any CSS in this file will apply to all versions of IE before IE 8. 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.
+//
-/*
- * Tabs
- */
-
+//
+// Tabs
+//
ul.primary li,
ul.secondary li {
a,
@@ -20,21 +18,22 @@ ul.secondary li {
}
}
-/*
- * Drupal nodes
- */
+//
+// Drupal nodes
+//
.node-unpublished>* {
- position: relative; /* Otherwise these elements will appear below the "Unpublished" text. */
+ position: relative; // Otherwise these elements will appear below the "Unpublished" text.
}
-/*
- * Drupal admin tables
- */
+
+//
+// Drupal admin tables
+//
tr.even,
tr.odd {
th,
td {
- border-bottom: 1px solid #ccc; /* IE doesn't display borders on table rows */
+ border-bottom: 1px solid #ccc; // IE doesn't display borders on table rows
}
}
diff --git a/STARTERKIT/css/sass/layout-fixed-rtl.scss b/STARTERKIT/css/sass/layout-fixed-rtl.scss
index 848cdfb..9a8e064 100644
--- a/STARTERKIT/css/sass/layout-fixed-rtl.scss
+++ b/STARTERKIT/css/sass/layout-fixed-rtl.scss
@@ -1,49 +1,50 @@
-/**
- * @file
- * RTL companion for the layout-fixed.css file.
- */
+//
+// RTL companion for the layout-fixed.scss file.
+//
-/*
- * Content
- */
+//
+// Content
+//
#content,
.no-sidebars #content {
float: right;
- margin-left: -960px; /* Negative value of #content's width + right margin. */
+ 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. */
+ 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-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 */
+ margin-left: -760px; // Negative value of #content's width + right margin.
+ margin-right: 200px; // The width of .region-sidebar-first
}
-/*
- * Navigation
- */
+
+//
+// Navigation
+//
#navigation {
float: right;
- margin-left: -100%; /* Negative value of #navigation's width + right margin. */
+ margin-left: -100%; // Negative value of #navigation's width + right margin.
margin-right: 0;
}
-/*
- * First sidebar
- */
+
+//
+// First sidebar
+//
.region-sidebar-first {
float: right;
- margin-left: -200px; /* Negative value of .region-sidebar-first's width + right margin. */
+ margin-left: -200px; // Negative value of .region-sidebar-first's width + right margin.
margin-right: 0;
}
@@ -51,13 +52,14 @@
margin: 0 0 0 20px;
}
-/*
- * Second sidebar
- */
+
+//
+// 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. */
+ 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 {
diff --git a/STARTERKIT/css/sass/layout-fixed.scss b/STARTERKIT/css/sass/layout-fixed.scss
index 633121e..093327b 100644
--- a/STARTERKIT/css/sass/layout-fixed.scss
+++ b/STARTERKIT/css/sass/layout-fixed.scss
@@ -1,34 +1,32 @@
-/**
- * @file
- * Layout Styling (DIV Positioning)
- *
- * Define CSS classes to create a table-free, 3-column, 2-column, or single
- * column layout depending on whether blocks are enabled in the left or right
- * columns.
- *
- * This layout is based on the Zen Columns layout method.
- * http://drupal.org/node/201428
- *
- * Only CSS that affects the layout (positioning) of major elements should be
- * listed here. Such as:
- * display, position, float, clear, width, height, min-width, min-height
- * margin, border, padding, overflow
- */
-
-
-/*
- * Body
- */
+//
+// Layout Styling (DIV Positioning)
+//
+// Define CSS classes to create a table-free, 3-column, 2-column, or single
+// column layout depending on whether blocks are enabled in the left or right
+// columns.
+//
+// This layout is based on the Zen Columns layout method.
+// http://drupal.org/node/201428
+//
+// Only CSS that affects the layout (positioning) of major elements should be
+// listed here. Such as:
+// display, position, float, clear, width, height, min-width, min-height
+// margin, border, padding, overflow
+//
+
+
+//
+// Body
+//
body {
}
#page-wrapper,
.region-bottom {
- /*
- * If you want to make the page a fixed width and centered in the viewport,
- * this is the standards-compliant way to do that. See also the ie6.css file
- * for the necessary IE5/IE6quirks hack to center a div.
- */
+ //
+ // If you want to make the page a fixed width and centered in the viewport,
+ // this is the standards-compliant way to do that.
+ //
margin-left: auto;
margin-right: auto;
width: 960px;
@@ -37,9 +35,10 @@ body {
#page {
}
-/*
- * Header
- */
+
+//
+// Header
+//
#header {
}
@@ -49,9 +48,10 @@ body {
.region-header {
}
-/*
- * Main (container for everything else)
- */
+
+//
+// Main (container for everything else)
+//
#main-wrapper {
position: relative;
}
@@ -59,34 +59,35 @@ body {
#main {
}
-/*
- * Content
- */
+
+//
+// Content
+//
#content,
.no-sidebars #content {
- float: left; /* LTR */
+ float: left; // LTR
width: 960px;
- margin-left: 0; /* LTR */
- margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
- padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
+ margin-left: 0; // LTR
+ margin-right: -960px; // LTR // Negative value of #content's width + left margin.
+ padding: 0; // DO NOT CHANGE. Add padding or margin to #content .section.
}
.sidebar-first #content {
width: 760px;
- margin-left: 200px; /* LTR */ /* The width of .region-sidebar-first. */
- margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
+ margin-left: 200px; // LTR // The width of .region-sidebar-first.
+ margin-right: -960px; // LTR // Negative value of #content's width + left margin.
}
.sidebar-second #content {
width: 760px;
- margin-left: 0; /* LTR */
- margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */
+ margin-left: 0; // LTR
+ margin-right: -760px; // LTR // Negative value of #content's width + left margin.
}
.two-sidebars #content {
width: 560px;
- margin-left: 200px; /* LTR */ /* The width of .region-sidebar-first */
- margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */
+ margin-left: 200px; // LTR // The width of .region-sidebar-first
+ margin-right: -760px; // LTR // Negative value of #content's width + left margin.
}
#content .section {
@@ -94,76 +95,82 @@ body {
padding: 0;
}
-/*
- * Navigation
- */
+
+//
+// Navigation
+//
#navigation {
- float: left; /* LTR */
+ float: left; // LTR
width: 100%;
- margin-left: 0; /* LTR */
- margin-right: -100%; /* LTR */ /* Negative value of #navigation's width + left margin. */
- padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
- height: 3em; /* The navigation can have any arbritrary height. We picked one
- that is the line-height plus 1em: 1.3 + 1 = 2.3
- Set this to the same value as the margin-top below. */
+ margin-left: 0; // LTR
+ margin-right: -100%; // LTR // Negative value of #navigation's width + left margin.
+ padding: 0; // DO NOT CHANGE. Add padding or margin to #navigation .section.
+ height: 3em; // The navigation can have any arbritrary height. We picked one
+ // that is the line-height plus 1em: 1.3 + 1 = 2.3
+ // Set this to the same value as the margin-top below.
}
.with-navigation #content,
.with-navigation .region-sidebar-first,
.with-navigation .region-sidebar-second {
- margin-top: 3em; /* Set this to the same value as the navigation height above. */
+ margin-top: 3em; // Set this to the same value as the navigation height above.
}
#navigation .section {
}
-/*
- * First sidebar
- */
+
+//
+// First sidebar
+//
.region-sidebar-first {
- float: left; /* LTR */
+ float: left; // LTR
width: 200px;
- margin-left: 0; /* LTR */
- margin-right: -200px; /* LTR */ /* Negative value of .region-sidebar-first's width + left margin. */
- padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section. */
+ margin-left: 0; // LTR
+ margin-right: -200px; // LTR // Negative value of .region-sidebar-first's width + left margin.
+ padding: 0; // DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section.
}
.region-sidebar-first .section {
- margin: 0 20px 0 0; /* LTR */
+ margin: 0 20px 0 0; // LTR
padding: 0;
}
-/*
- * Second sidebar
- */
+
+//
+// Second sidebar
+//
.region-sidebar-second {
- float: left; /* LTR */
+ float: left; // LTR
width: 200px;
- margin-left: 760px; /* LTR */ /* Width of content + sidebar-first. */
- margin-right: -960px; /* LTR */ /* Negative value of .region-sidebar-second's width + left margin. */
- padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */
+ margin-left: 760px; // LTR // Width of content + sidebar-first.
+ margin-right: -960px; // LTR // Negative value of .region-sidebar-second's width + left margin.
+ padding: 0; // DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section.
}
.region-sidebar-second .section {
- margin: 0 0 0 20px; /* LTR */
+ margin: 0 0 0 20px; // LTR
padding: 0;
}
-/*
- * Footer
- */
+
+//
+// Footer
+//
.region-footer {
}
-/*
- * Page bottom
- */
-.region-bottom /* See also the #page-wrapper declaration above that this div shares. */ {
+
+//
+// Page bottom
+//
+.region-bottom { // See also the #page-wrapper declaration above that this div shares.
}
-/*
- * Prevent overflowing content
- */
+
+//
+// Prevent overflowing content
+//
#header,
#content,
#navigation,
@@ -172,17 +179,18 @@ body {
.region-footer,
.region-bottom {
overflow: visible;
- word-wrap: break-word; /* A very nice CSS3 property */
+ word-wrap: break-word; // A very nice CSS3 property
}
-/*
- * If a div.clearfix doesn't have any content after it and its bottom edge
- * touches the bottom of the viewport, Firefox and Safari will mistakenly
- * place several pixels worth of space between the bottom of the div and the
- * bottom of the viewport. Uncomment this CSS property to fix this.
- * Note: with some over-large content, this property might cause scrollbars
- * to appear on the #page-wrapper div.
- */
+
+//
+// If a div.clearfix doesn't have any content after it and its bottom edge
+// touches the bottom of the viewport, Firefox and Safari will mistakenly
+// place several pixels worth of space between the bottom of the div and the
+// bottom of the viewport. Uncomment this CSS property to fix this.
+// Note: with some over-large content, this property might cause scrollbars
+// to appear on the #page-wrapper div.
+//
/*
#page-wrapper {
overflow-y: hidden;
diff --git a/STARTERKIT/css/sass/layout-liquid-rtl.scss b/STARTERKIT/css/sass/layout-liquid-rtl.scss
index d6303a0..a38ae00 100644
--- a/STARTERKIT/css/sass/layout-liquid-rtl.scss
+++ b/STARTERKIT/css/sass/layout-liquid-rtl.scss
@@ -1,43 +1,44 @@
-/**
- * @file
- * RTL companion for the layout-liquid.css file.
- */
+//
+// RTL companion for the layout-liquid.scss file.
+//
-/*
- * Content
- */
+//
+// Content
+//
#content {
float: right;
- margin-left: -100%; /* Negative value of #content's width + right margin. */
+ 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. */
+ 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-left: 200px; // The width + left margin of .region-sidebar-second.
padding-right: 0;
}
-/*
- * Navigation
- */
+
+//
+// Navigation
+//
#navigation {
float: right;
- margin-left: -100%; /* Negative value of #navigation's width + right margin. */
+ margin-left: -100%; // Negative value of #navigation's width + right margin.
margin-right: 0;
}
-/*
- * First sidebar
- */
+
+//
+// First sidebar
+//
.region-sidebar-first {
float: right;
- margin-left: -200px; /* Negative value of .region-sidebar-first's width + right margin. */
+ margin-left: -200px; // Negative value of .region-sidebar-first's width + right margin.
margin-right: 0;
}
@@ -45,13 +46,14 @@
margin: 0 0 0 20px;
}
-/*
- * Second sidebar
- */
+
+//
+// Second sidebar
+//
.region-sidebar-second {
float: left;
margin-left: 0;
- margin-right: -200px; /* Negative value of .region-sidebar-second's width + left margin. */
+ margin-right: -200px; // Negative value of .region-sidebar-second's width + left margin.
}
.region-sidebar-second .section {
diff --git a/STARTERKIT/css/sass/layout-liquid.scss b/STARTERKIT/css/sass/layout-liquid.scss
index b990f6c..c9e7686 100644
--- a/STARTERKIT/css/sass/layout-liquid.scss
+++ b/STARTERKIT/css/sass/layout-liquid.scss
@@ -1,38 +1,38 @@
-/**
- * @file
- * Layout Styling (DIV Positioning)
- *
- * Define CSS classes to create a table-free, 3-column, 2-column, or single
- * column layout depending on whether blocks are enabled in the left or right
- * columns.
- *
- * This layout is based on the Zen Columns layout method.
- * http://drupal.org/node/201428
- *
- * Only CSS that affects the layout (positioning) of major elements should be
- * listed here. Such as:
- * display, position, float, clear, width, height, min-width, min-height
- * margin, border, padding, overflow
- */
-
-
-/*
- * Body
- */
+//
+// Layout Styling (DIV Positioning)
+//
+// Define CSS classes to create a table-free, 3-column, 2-column, or single
+// column layout depending on whether blocks are enabled in the left or right
+// columns.
+//
+// This layout is based on the Zen Columns layout method.
+// http://drupal.org/node/201428
+//
+// Only CSS that affects the layout (positioning) of major elements should be
+// listed here. Such as:
+// display, position, float, clear, width, height, min-width, min-height
+// margin, border, padding, overflow
+//
+
+
+//
+// Body
+//
body {
}
#page-wrapper,
.region-bottom {
- min-width: 960px; /* Don't allow the browser to make the site unreadable. */
+ min-width: 960px; // Don't allow the browser to make the site unreadable.
}
#page {
}
-/*
- * Header
- */
+
+//
+// Header
+//
#header {
}
@@ -42,9 +42,10 @@ body {
.region-header {
}
-/*
- * Main (container for everything else)
- */
+
+//
+// Main (container for everything else)
+//
#main-wrapper {
position: relative;
}
@@ -52,15 +53,16 @@ body {
#main {
}
-/*
- * Content
- */
+
+//
+// Content
+//
#content {
- float: left; /* LTR */
+ float: left; // LTR
width: 100%;
- margin-left: 0; /* LTR */
- margin-right: -100%; /* LTR */ /* Negative value of #content's width + left margin. */
- padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
+ margin-left: 0; // LTR
+ margin-right: -100%; // LTR // Negative value of #content's width + left margin.
+ padding: 0; // DO NOT CHANGE. Add padding or margin to #content .section.
}
#content .section,
@@ -70,90 +72,96 @@ body {
}
.sidebar-first #content .section {
- padding-left: 200px; /* LTR */ /* The width + left margin of .region-sidebar-first. */
- padding-right: 0; /* LTR */
+ padding-left: 200px; // LTR // The width + left margin of .region-sidebar-first.
+ padding-right: 0; // LTR
}
.sidebar-second #content .section {
- padding-left: 0; /* LTR */
- padding-right: 200px; /* LTR */ /* The width + right margin of .region-sidebar-second. */
+ padding-left: 0; // LTR
+ padding-right: 200px; // LTR // The width + right margin of .region-sidebar-second.
}
.two-sidebars #content .section {
- padding-left: 200px; /* The width + left margin of .region-sidebar-first. */
- padding-right: 200px; /* The width + right margin of .region-sidebar-second. */
+ padding-left: 200px; // The width + left margin of .region-sidebar-first.
+ padding-right: 200px; // The width + right margin of .region-sidebar-second.
}
-/*
- * Navigation
- */
+
+//
+// Navigation
+//
#navigation {
- float: left; /* LTR */
+ float: left; // LTR
width: 100%;
- margin-left: 0; /* LTR */
- margin-right: -100%; /* LTR */ /* Negative value of #navigation's width + left margin. */
- padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
- height: 3em; /* The navigation can have any arbritrary height. We picked one
- that is the line-height plus 1em: 1.3 + 1 = 2.3
- Set this to the same value as the margin-top below. */
+ margin-left: 0; // LTR
+ margin-right: -100%; // LTR // Negative value of #navigation's width + left margin.
+ padding: 0; // DO NOT CHANGE. Add padding or margin to #navigation .section.
+ height: 3em; // The navigation can have any arbritrary height. We picked one
+ // that is the line-height plus 1em: 1.3 + 1 = 2.3
+ // Set this to the same value as the margin-top below.
}
.with-navigation #content,
.with-navigation .region-sidebar-first,
.with-navigation .region-sidebar-second {
- margin-top: 3em; /* Set this to the same value as the navigation height above. */
+ margin-top: 3em; // Set this to the same value as the navigation height above.
}
#navigation .section {
}
-/*
- * First sidebar
- */
+
+//
+// First sidebar
+//
.region-sidebar-first {
- float: left; /* LTR */
+ float: left; // LTR
width: 200px;
- margin-left: 0; /* LTR */
- margin-right: -200px; /* LTR */ /* Negative value of .region-sidebar-first's width + left margin. */
- padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section. */
+ margin-left: 0; // LTR
+ margin-right: -200px; // LTR // Negative value of .region-sidebar-first's width + left margin.
+ padding: 0; // DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section.
}
.region-sidebar-first .section {
- margin: 0 20px 0 0; /* LTR */
+ margin: 0 20px 0 0; // LTR
padding: 0;
}
-/*
- * Second sidebar
- */
+
+//
+// Second sidebar
+//
.region-sidebar-second {
- float: right; /* LTR */
+ float: right; // LTR
width: 200px;
- margin-left: -200px; /* LTR */ /* Negative value of .region-sidebar-second's width + right margin. */
- margin-right: 0; /* LTR */
- padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */
+ margin-left: -200px; // LTR // Negative value of .region-sidebar-second's width + right margin.
+ margin-right: 0; // LTR
+ padding: 0; // DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section.
}
.region-sidebar-second .section {
- margin: 0 0 0 20px; /* LTR */
+ margin: 0 0 0 20px; // LTR
padding: 0;
}
-/*
- * Footer
- */
+
+//
+// Footer
+//
.region-footer {
}
-/*
- * Page bottom
- */
-.region-bottom /* See also the #page-wrapper declaration above that this div shares. */ {
+
+//
+// Page bottom
+//
+.region-bottom { // See also the #page-wrapper declaration above that this div shares.
}
-/*
- * Prevent overflowing content
- */
+
+//
+// Prevent overflowing content
+//
#header,
#content,
#navigation,
@@ -162,17 +170,18 @@ body {
.region-footer,
.region-bottom {
overflow: visible;
- word-wrap: break-word; /* A very nice CSS3 property */
+ word-wrap: break-word; // A very nice CSS3 property
}
-/*
- * If a div.clearfix doesn't have any content after it and its bottom edge
- * touches the bottom of the viewport, Firefox and Safari will mistakenly
- * place several pixels worth of space between the bottom of the div and the
- * bottom of the viewport. Uncomment this CSS property to fix this.
- * Note: with some over-large content, this property might cause scrollbars
- * to appear on the #page-wrapper div.
- */
+
+//
+// If a div.clearfix doesn't have any content after it and its bottom edge
+// touches the bottom of the viewport, Firefox and Safari will mistakenly
+// place several pixels worth of space between the bottom of the div and the
+// bottom of the viewport. Uncomment this CSS property to fix this.
+// Note: with some over-large content, this property might cause scrollbars
+// to appear on the #page-wrapper div.
+//
/*
#page-wrapper {
overflow-y: hidden;
diff --git a/STARTERKIT/css/sass/navigation-rtl.scss b/STARTERKIT/css/sass/navigation-rtl.scss
index e61b752..e76c432 100644
--- a/STARTERKIT/css/sass/navigation-rtl.scss
+++ b/STARTERKIT/css/sass/navigation-rtl.scss
@@ -1,15 +1,14 @@
-/**
- * @file
- * RTL companion for the navigation.css file.
- */
+//
+// RTL companion for the navigation.scss file.
+//
#navigation {
- ul.links, /* Main menu and secondary menu links */
- .content ul /* Menu block links */ {
+ ul.links, // Main menu and secondary menu links
+ .content ul { // Menu block links
text-align: right;
- li /* A simple method to get navigation links to appear in one line. */ {
+ li { // A simple method to get navigation links to appear in one line.
float: right;
padding: 0 0 0 10px;
}
diff --git a/STARTERKIT/css/sass/navigation.scss b/STARTERKIT/css/sass/navigation.scss
index 6950078..3446d96 100644
--- a/STARTERKIT/css/sass/navigation.scss
+++ b/STARTERKIT/css/sass/navigation.scss
@@ -1,31 +1,31 @@
-/**
- * @file
- * Navigation Styling
- */
+//
+// Navigation Styling
+//
-/*
- * The active item in a Drupal menu
- */
+//
+// The active item in a Drupal menu
+//
li a.active {
color: #000;
}
-/*
- * Navigation bar
- */
+
+//
+// Navigation bar
+//
#navigation {
- /* overflow: hidden; /* Sometimes you want to prevent overlapping with main div. */
+ // overflow: hidden; // Sometimes you want to prevent overlapping with main div.
- ul.links, /* Main menu and secondary menu links */
- .content ul /* Menu block links */ {
+ ul.links, // Main menu and secondary menu links
+ .content ul { // Menu block links
margin: 0;
padding: 0;
- text-align: left; /* LTR */
+ text-align: left; // LTR
- li /* A simple method to get navigation links to appear in one line. */ {
- float: left; /* LTR */
- padding: 0 10px 0 0; /* LTR */
+ li { // A simple method to get navigation links to appear in one line.
+ float: left; // LTR
+ padding: 0 10px 0 0; // LTR
list-style-type: none;
list-style-image: none;
}
@@ -35,9 +35,10 @@ li a.active {
.region-navigation {
}
-/*
- * Main menu and Secondary menu links
- */
+
+//
+// Main menu and Secondary menu links
+//
#main-menu {
}
@@ -45,17 +46,19 @@ li a.active {
float: right;
}
-/*
- * Menu blocks
- */
+
+//
+// Menu blocks
+//
.block-menu {
}
-/*
- * "Menu block" blocks
- *
- * Drupal core has limited ways in which it can display its menus. To get around
- * these limitations, see http://drupal.org/project/menu_block
- */
+
+//
+// "Menu block" blocks
+//
+// Drupal core has limited ways in which it can display its menus. To get around
+// these limitations, see http://drupal.org/project/menu_block
+//
.block-menu-block {
}
diff --git a/STARTERKIT/css/sass/nodes.scss b/STARTERKIT/css/sass/nodes.scss
index 7c9e101..18337e7 100644
--- a/STARTERKIT/css/sass/nodes.scss
+++ b/STARTERKIT/css/sass/nodes.scss
@@ -1,60 +1,59 @@
-/**
- * @file
- * Node Styling
- *
- * Style anything that isn't in the $content variable.
- */
+//
+// Node Styling
+//
+// Style anything that isn't in the $content variable.
+//
@import "mixins";
-.node /* Node wrapper */ {
- .preview & /* Preview of the content before submitting new or updated content */ {
- /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
+.node { // Node wrapper
+
+ .preview & { // Preview of the content before submitting new or updated content
+ // background-color: #ffffea; // Drupal core uses a #ffffea background
}
- &.node-promoted /* A node that has been promoted to the front page */ {
+ &.node-promoted { // A node that has been promoted to the front page
}
- &.node-sticky /* A sticky node (displayed before others in a list) */ {
+ &.node-sticky { // A sticky node (displayed before others in a list)
}
&.node-by-viewer { // A node created by the current user
}
- &.node-teaser /* A node displayed as teaser */ {
+ &.node-teaser { // A node displayed as teaser
}
- /* All nodes are given a node-FOO class that describes the type of content that
- * it is. If you create a new content type called "my-custom-type", it will
- * receive a "node-my-custom-type" class.
- */
- &.node-page /* Page content node */ {
+ // All nodes are given a node-FOO class that describes the type of content that
+ // it is. If you create a new content type called "my-custom-type", it will
+ // receive a "node-my-custom-type" class.
+ &.node-page { // Page content node
}
- &.node-article /* Article content node */ {
+ &.node-article { // Article content node
}
- h2.node-title /* Node title */ {
+ h2.node-title { // Node title
}
- .user-picture /* The picture of the node author */ {
+ .user-picture { // The picture of the node author
}
- .submitted /* The "posted by" information */ {
+ .submitted { // The "posted by" information
}
- .content /* Node's content wrapper */ {
+ .content { // Node's content wrapper
}
- ul.links /* Node links. See also the ul.links declaration in the pages.css. */ {
+ ul.links { // Node links. See also the ul.links declaration in the pages.css.
}
}
-.node-unpublished /* Unpublished nodes */ {
- /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
+.node-unpublished { // Unpublished nodes
+ // background-color: #fff4f4; // Drupal core uses a #fff4f4 background
- div.unpublished /* The word "Unpublished" displayed underneath the content. */ {
+ div.unpublished { // The word "Unpublished" displayed underneath the content.
@include unpublished-div;
}
}
diff --git a/STARTERKIT/css/sass/page-backgrounds.scss b/STARTERKIT/css/sass/page-backgrounds.scss
index 24c2971..22b064a 100644
--- a/STARTERKIT/css/sass/page-backgrounds.scss
+++ b/STARTERKIT/css/sass/page-backgrounds.scss
@@ -1,13 +1,12 @@
-/**
- * @file
- * Page Background Styling
- *
- * The default layout method of Zen doesn't give themers equal-height columns.
- * However, equal-height columns are difficult to achieve and totally
- * unnecessary. Instead, use the Faux Columns method described in the following
- * ALA article:
- * http://www.alistapart.com/articles/fauxcolumns/
- */
+//
+// Page Background Styling
+//
+// The default layout method of Zen doesn't give themers equal-height columns.
+// However, equal-height columns are difficult to achieve and totally
+// unnecessary. Instead, use the Faux Columns method described in the following
+// ALA article:
+// http://www.alistapart.com/articles/fauxcolumns/
+//
body {
diff --git a/STARTERKIT/css/sass/pages-rtl.scss b/STARTERKIT/css/sass/pages-rtl.scss
index 317a59d..e0b280a 100644
--- a/STARTERKIT/css/sass/pages-rtl.scss
+++ b/STARTERKIT/css/sass/pages-rtl.scss
@@ -1,20 +1,20 @@
-/**
- * @file
- * RTL companion for the pages.css file.
- */
+//
+// RTL companion for the pages.scss file.
+//
-/*
- * Header
- */
-#logo /* Wrapping link for logo */ {
+//
+// Header
+//
+#logo { // Wrapping link for logo
float: right;
}
-/*
- * Content
- */
-ul.links li /* List of links */ {
- display: inline-block; /* Bug in Safari causes display: inline to fail. */
+
+//
+// Content
+//
+ul.links li { // List of links
+ display: inline-block; // Bug in Safari causes display: inline to fail.
padding: 0 0 0 1em;
}
diff --git a/STARTERKIT/css/sass/pages.scss b/STARTERKIT/css/sass/pages.scss
index 7e1aa16..bb42b42 100644
--- a/STARTERKIT/css/sass/pages.scss
+++ b/STARTERKIT/css/sass/pages.scss
@@ -1,16 +1,15 @@
-/**
- * @file
- * Page Styling
- *
- * Style the markup found in page.tpl.php. Also includes some styling of
- * miscellaneous Drupal elements that appear in the $content variable, such as
- * ul.links, .pager, .more-link, etc.
- */
-
-
-/*
- * Body
- */
+//
+// Page Styling
+//
+// Style the markup found in page.tpl.php. Also includes some styling of
+// miscellaneous Drupal elements that appear in the $content variable, such as
+// ul.links, .pager, .more-link, etc.
+//
+
+
+//
+// Body
+//
body {
margin: 0;
padding: 0;
@@ -22,10 +21,11 @@ body {
#page {
}
-/*
- * The skip-link link will be completely hidden until a user tabs to the link.
- * See the element-focusable rule in system.base.css.
- */
+
+//
+// The skip-link link will be completely hidden until a user tabs to the link.
+// See the element-focusable rule in system.base.css.
+//
#skip-link {
a,
a:visited {
@@ -38,17 +38,18 @@ body {
}
}
-/*
- * Header
- */
+
+//
+// Header
+//
#header {
.section {
}
}
-#logo /* Wrapping link for logo */ {
- float: left; /* LTR */
+#logo { // Wrapping link for logo
+ float: left; // LTR
margin: 0;
padding: 0;
@@ -57,11 +58,11 @@ body {
}
}
-#name-and-slogan /* Wrapper for website name and slogan */ {
+#name-and-slogan { // Wrapper for website name and slogan
float: left;
}
-#site-name /* The name of the website */ {
+#site-name { // The name of the website
margin: 0;
font-size: 2em;
line-height: 1.5em;
@@ -78,25 +79,27 @@ body {
}
}
-#site-slogan /* The slogan (or tagline) of a website */ {
+#site-slogan { // The slogan (or tagline) of a website
}
-.region-header /* Wrapper for any blocks placed in the header region */ {
- clear: both; /* Clear the logo */
+.region-header { // Wrapper for any blocks placed in the header region
+ clear: both; // Clear the logo
}
-/*
- * Main (container for everything else)
- */
+
+//
+// Main (container for everything else)
+//
#main-wrapper {
}
#main {
}
-/*
- * Content
- */
+
+//
+// Content
+//
#content {
.section {
@@ -106,29 +109,29 @@ body {
.region-highlighted {
}
-.breadcrumb /* The path to the current page in the form of a list of links */ {
- padding-bottom: 0; /* Undo system.css */
+.breadcrumb { // The path to the current page in the form of a list of links
+ padding-bottom: 0; // Undo system.css
}
-h1.title, /* The title of the page */
-h2.node-title, /* Title of a piece of content when it is given in a list of content */
-h2.block-title, /* Block title */
-h2.title, /* Comment section heading */
-h2.comment-form, /* Comment form heading */
-h3.title /* Comment title */ {
+h1.title, // The title of the page
+h2.node-title, // Title of a piece of content when it is given in a list of content
+h2.block-title, // Block title
+h2.title, // Comment section heading
+h2.comment-form, // Comment form heading
+h3.title { // Comment title
margin: 0;
}
-tr.even /* Some tables have rows marked even or odd. */ {
- /* background-color: #eee; */ /* Drupal core uses a #eee background */
+tr.even { // Some tables have rows marked even or odd.
+ // background-color: #eee; // Drupal core uses a #eee background
}
tr.odd {
- /* background-color: #eee; */ /* Drupal core uses a #eee background */
+ // background-color: #eee; // Drupal core uses a #eee background
}
-div.messages /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */ {
- margin: 1.5em 0; /* Drupal core uses "6px 0" margin */
+div.messages { // Important messages (status, warning, and error) for the user. See also the declarations in messages.css.
+ margin: 1.5em 0; // Drupal core uses "6px 0" margin
ul {
margin-top: 0;
@@ -136,95 +139,99 @@ div.messages /* Important messages (status, warning, and error) for the user. Se
}
}
-div.status /* Normal priority messages */ {
+div.status { // Normal priority messages
}
div.warning,
-tr.warning /* Medium priority messages */ {
- /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
+tr.warning { // Medium priority messages
+ // border: 1px solid #f0c020; // Drupal core uses: 1px solid #f0c020
}
div.error,
-tr.error /* High priority messages. See also the .error declaration below. */ {
+tr.error { // High priority messages. See also the .error declaration below.
}
-.error /* Errors that are separate from div.messages status messages. */ {
- /* color: #e55; */ /* Drupal core uses a #e55 background */
+.error { // Errors that are separate from div.messages status messages.
+ // color: #e55; // Drupal core uses a #e55 background
}
-.warning /* Warnings that are separate from div.messages status messages. */ {
- /* color: #e09010; */ /* Drupal core uses a #e09010 background */
+.warning { // Warnings that are separate from div.messages status messages.
+ // color: #e09010; // Drupal core uses a #e09010 background
}
-div.tabs /* See also the tabs.css file. */ {
+div.tabs { // See also the tabs.css file.
}
-.region-help /* Help text on a page */ {
+.region-help { // Help text on a page
}
-.more-help-link /* Link to more help */ {
+.more-help-link { // Link to more help
}
-.region-content /* Wrapper for the actual page content */ {
+.region-content { // Wrapper for the actual page content
}
-ul.links /* List of links */ {
+ul.links { // List of links
&.inline {
- display: block; /* Let the links be inline, but the container be a block. */
+ display: block; // Let the links be inline, but the container be a block.
}
li {
- padding: 0 1em 0 0; /* LTR */
+ padding: 0 1em 0 0; // LTR
}
}
-.item-list .pager /* A list of page numbers when more than 1 page of content is available */ {
+.item-list .pager { // A list of page numbers when more than 1 page of content is available
padding: 0;
- li /* Each page number in the pager list */ {
+ li { // Each page number in the pager list
padding: 0 0.5em;
}
}
-.feed-icon /* The link to the RSS or Atom feed for the current list of content */ {
+.feed-icon { // The link to the RSS or Atom feed for the current list of content
}
-.more-link /* Aggregator, blog, and forum more link */ {
+.more-link { // Aggregator, blog, and forum more link
}
-/*
- * First sidebar (on left in LTR languages, on right in RTL)
- *
- * Remember to NOT add padding or margin to your .region-sidebar-first
- * (see the layout.css file.)
- */
+
+//
+// First sidebar (on left in LTR languages, on right in RTL)
+//
+// Remember to NOT add padding or margin to your .region-sidebar-first
+// (see the layout.css file.)
+//
.region-sidebar-first {
.section {
}
}
-/*
- * Second sidebar (on right in LTR languages, on left in RTL)
- *
- * Remember to NOT add padding or margin to your .region-sidebar-second
- * (see the layout.css file.)
- */
+
+//
+// Second sidebar (on right in LTR languages, on left in RTL)
+//
+// Remember to NOT add padding or margin to your .region-sidebar-second
+// (see the layout.css file.)
+//
.region-sidebar-second {
.section {
}
}
-/*
- * Footer
- */
+
+//
+// Footer
+//
.region-footer {
}
-/*
- * Page bottom
- */
-.region-bottom /* Wrapper for any blocks placed in the page bottom region */ {
+
+//
+// Page bottom
+//
+.region-bottom { // Wrapper for any blocks placed in the page bottom region
}
diff --git a/STARTERKIT/css/sass/print.scss b/STARTERKIT/css/sass/print.scss
index 08f9f1f..aab3807 100644
--- a/STARTERKIT/css/sass/print.scss
+++ b/STARTERKIT/css/sass/print.scss
@@ -1,12 +1,11 @@
-/**
- * @file
- * Print styling
- *
- * We provide some sane print styling for Drupal using Zen's layout method.
- */
+//
+// Print styling
+//
+// We provide some sane print styling for Drupal using Zen's layout method.
+//
-/* underline all links */
+// underline all links
a {
&:link,
&:visited {
@@ -14,7 +13,7 @@ a {
}
}
-/* Don't underline header */
+// Don't underline header
#site-name {
a:link,
a:visited {
@@ -22,7 +21,7 @@ a {
}
}
-/* CSS2 selector to add visible href after links */
+// CSS2 selector to add visible href after links
#content {
a:link:after,
a:visited:after {
@@ -32,7 +31,7 @@ a {
}
}
-/* Un-float the content */
+// Un-float the content
#content,
#content .section {
float: none;
@@ -41,7 +40,7 @@ a {
padding: 0 !important;
}
-/* Turn off any background colors or images */
+// Turn off any background colors or images
body,
#page-wrapper,
#page,
@@ -54,7 +53,7 @@ body,
background-image: none !important;
}
-/* Hide sidebars and nav elements */
+// Hide sidebars and nav elements
#skip-to-nav,
#toolbar,
#navigation,
@@ -73,8 +72,8 @@ div.tabs,
display: none;
}
-/* If you un-comment the "page { overflow-y: hidden; }" ruleset, Firefox clips
- the content after the first page. */
+// If you un-comment the "page { overflow-y: hidden; }" ruleset, Firefox clips
+// the content after the first page.
#page-wrapper {
overflow-y: visible;
}
diff --git a/STARTERKIT/css/sass/tabs-rtl.scss b/STARTERKIT/css/sass/tabs-rtl.scss
index f674442..e0ca115 100644
--- a/STARTERKIT/css/sass/tabs-rtl.scss
+++ b/STARTERKIT/css/sass/tabs-rtl.scss
@@ -1,7 +1,6 @@
-/**
- * @file
- * RTL companion for the tabs.css file.
- */
+//
+// RTL companion for the tabs.scss file.
+//
ul.primary {
diff --git a/STARTERKIT/css/sass/tabs.scss b/STARTERKIT/css/sass/tabs.scss
index 9bcab82..b6ea8eb 100644
--- a/STARTERKIT/css/sass/tabs.scss
+++ b/STARTERKIT/css/sass/tabs.scss
@@ -1,12 +1,11 @@
-/**
- * @file
- * Tabs Styling
- *
- * Adds styles for the primary and secondary tabs.
- *
- * Compare this with default CSS found in the system module's stylesheet (a copy
- * of which is in drupal6-reference.css, line 510.)
- */
+//
+// Tabs Styling
+//
+// Adds styles for the primary and secondary tabs.
+//
+// Compare this with default CSS found in the system module's stylesheet (a copy
+// of which is in drupal6-reference.css, line 510.)
+//
div.tabs {
@@ -15,7 +14,7 @@ div.tabs {
ul.primary {
margin: 0;
- padding: 0 0 0 10px; /* LTR */
+ padding: 0 0 0 10px; // LTR
border-width: 0;
list-style: none;
white-space: nowrap;
@@ -23,7 +22,7 @@ ul.primary {
background: url(../images/tab-bar.png) repeat-x left bottom;
li {
- float: left; /* LTR */
+ float: left; // LTR
margin: 0;
padding: 0;
@@ -31,7 +30,7 @@ ul.primary {
display: block;
height: 24px;
margin: 0;
- padding: 0 0 0 5px; /* width of tab-left.png */
+ padding: 0 0 0 5px; // width of tab-left.png
border-width: 0;
font-weight: bold;
text-decoration: none;
@@ -41,7 +40,7 @@ ul.primary {
.tab {
display: block;
- height: 20px; /* 24px (parent) - 4px (padding) */
+ height: 20px; // 24px (parent) - 4px (padding)
margin: 0;
padding: 4px 13px 0 6px;
border-width: 0;
@@ -78,17 +77,17 @@ ul.primary {
ul.secondary {
margin: 0;
- padding: 0 0 0 5px; /* LTR */
+ padding: 0 0 0 5px; // LTR
border-bottom: 1px solid #c0c0c0;
list-style: none;
white-space: nowrap;
background: url(../images/tab-secondary-bg.png) repeat-x left bottom;
li {
- float: left; /* LTR */
+ float: left; // LTR
margin: 0 5px 0 0;
padding: 5px 0;
- border-right: none; /* LTR */
+ border-right: none; // LTR
}
a {
@@ -103,7 +102,7 @@ ul.secondary {
.tab {
display: block;
- height: 18px; /* 24px (parent) - 6px (padding) */
+ height: 18px; // 24px (parent) - 6px (padding)
margin: 0;
padding: 3px 8px;
line-height: 18px;
diff --git a/STARTERKIT/css/sass/views-styles.scss b/STARTERKIT/css/sass/views-styles.scss
index 909edd9..0748c50 100644
--- a/STARTERKIT/css/sass/views-styles.scss
+++ b/STARTERKIT/css/sass/views-styles.scss
@@ -1,6 +1,5 @@
-/**
- * @file
- * Views Styling
- */
+//
+// Views Styling
+//
diff --git a/STARTERKIT/css/sass/wireframes.scss b/STARTERKIT/css/sass/wireframes.scss
index 4041b6b..33990a8 100644
--- a/STARTERKIT/css/sass/wireframes.scss
+++ b/STARTERKIT/css/sass/wireframes.scss
@@ -1,9 +1,8 @@
-/**
- * @file
- * Wireframes Styling
- *
- * Add wireframes to the basic layout elements.
- */
+//
+// Wireframes Styling
+//
+// Add wireframes to the basic layout elements.
+//
.with-wireframes {
diff --git a/zen-internals/zen.drush.inc b/zen-internals/zen.drush.inc
index 5dae185..7cf6668 100644
--- a/zen-internals/zen.drush.inc
+++ b/zen-internals/zen.drush.inc
@@ -90,7 +90,7 @@ function drush_zen($name = NULL, $machine_name = NULL) {
drush_op('zen_file_str_replace', $subtheme_path . '/css/' . $file . '.css', ' /* LTR */', '');
// Remove the RTL sass file.
drush_op('unlink', $subtheme_path . '/css/sass/' . $file . '-rtl.scss');
- drush_op('zen_file_str_replace', $subtheme_path . '/css/sass/' . $file . '.scss', ' /* LTR */', '');
+ drush_op('zen_file_str_replace', $subtheme_path . '/css/sass/' . $file . '.scss', ' // LTR', '');
}
}