New theme base for SuiteDesk
This commit is contained in:
parent
c1bbd9d6f5
commit
8cf3c56044
137 changed files with 12866 additions and 8 deletions
127
themes/zen/STARTERKIT/README.txt
Normal file
127
themes/zen/STARTERKIT/README.txt
Normal file
|
|
@ -0,0 +1,127 @@
|
|||
BUILD YOUR OWN SUB-THEME
|
||||
------------------------
|
||||
|
||||
*** IMPORTANT ***
|
||||
|
||||
* In Drupal 6, the theme system caches template files and which theme functions
|
||||
should be called. What that means is if you add a new theme or preprocess
|
||||
function to your template.php file or add a new template (.tpl.php) file to
|
||||
your sub-theme, you will need to rebuild the "theme registry." See
|
||||
http://drupal.org/node/173880#theme-registry
|
||||
|
||||
* Drupal 6 also stores a cache of the data in .info files. If you modify any
|
||||
lines in your sub-theme's .info file, you MUST refresh Drupal 6's cache by
|
||||
simply visiting the admin/build/themes page.
|
||||
|
||||
|
||||
The base Zen theme is designed to be easily extended by its sub-themes. You
|
||||
shouldn't modify any of the CSS or PHP files in the zen/ folder; but instead you
|
||||
should create a sub-theme of zen which is located in a folder outside of the
|
||||
root zen/ folder. The examples below assume zen and your sub-theme will be
|
||||
installed in sites/all/themes/, but any valid theme directory is acceptable
|
||||
(read the sites/default/default.settings.php for more info.)
|
||||
|
||||
Why? To learn why you shouldn't modify any of the files in the zen/ folder,
|
||||
see http://drupal.org/node/245802
|
||||
|
||||
1. Copy the STARTERKIT folder out of the zen/ folder and rename it to be your
|
||||
new sub-theme. IMPORTANT: The name of your sub-theme must start with an
|
||||
alphabetic character and can only contain lowercase letters, numbers and
|
||||
underscores.
|
||||
|
||||
For example, copy the sites/all/themes/zen/STARTERKIT folder and rename it
|
||||
as sites/all/themes/foo.
|
||||
|
||||
Why? Each theme should reside in its own folder. To make it easier to
|
||||
upgrade Zen, sub-themes should reside in a folder separate from their base
|
||||
theme.
|
||||
|
||||
2. In your new sub-theme folder, rename the STARTERKIT.info.txt file to include
|
||||
the name of your new sub-theme and remove the ".txt" extension. Then edit
|
||||
the .info file by editing the name and description field.
|
||||
|
||||
For example, rename the foo/STARTERKIT.info.txt file to foo/foo.info. Edit
|
||||
the foo.info file and change "name = Zen Sub-theme Starter Kit" to
|
||||
"name = Foo" and "description = Read..." to "description = A Zen sub-theme".
|
||||
|
||||
Why? The .info file describes the basic things about your theme: its
|
||||
name, description, features, template regions, CSS files, and JavaScript
|
||||
files. See the Drupal 6 Theme Guide for more info:
|
||||
http://drupal.org/node/171205
|
||||
|
||||
Then, visit your site's admin/build/themes to refresh Drupal 6's cache of
|
||||
.info file data.
|
||||
|
||||
3. By default your new sub-theme is using a fixed-width layout. If you want a
|
||||
liquid layout for your theme, delete the unneeded layout-fixed.css and
|
||||
layout-fixed-rtl.css files and edit your sub-theme's .info file and replace
|
||||
the reference to layout-fixed.css with layout-liquid.css.
|
||||
|
||||
For example, edit foo/foo.info and change this line:
|
||||
stylesheets[all][] = css/layout-fixed.css
|
||||
to:
|
||||
stylesheets[all][] = css/layout-liquid.css
|
||||
|
||||
Why? The "stylesheets" lines in your .info file describe the media type
|
||||
and path to the CSS file you want to include. The format for these lines
|
||||
is: stylesheets[MEDIA][] = path/to/file.css
|
||||
|
||||
Then, visit your site's admin/build/themes to refresh Drupal 6's cache of
|
||||
.info file data.
|
||||
|
||||
Alternatively, if you are more familiar with a different CSS layout method,
|
||||
such as Blueprint or 960.gs, you can replace the "css/layout-fixed.css" line
|
||||
in your .info file with a line pointing at your choice of layout CSS file.
|
||||
|
||||
4. Edit the template.php and theme-settings.php files in your sub-theme's
|
||||
folder; replace ALL occurrences of "STARTERKIT" with the name of your
|
||||
sub-theme.
|
||||
|
||||
For example, edit foo/template.php and foo/theme-settings.php and replace
|
||||
every occurrence of "STARTERKIT" with "foo".
|
||||
|
||||
It is recommended to use a text editing application with search and
|
||||
"replace all" functionality.
|
||||
|
||||
5. Log in as an administrator on your Drupal site and go to Administer > Site
|
||||
building > Themes (admin/build/themes) and enable your new sub-theme.
|
||||
|
||||
6. Internet explorer has a nasty bug that limits you to 31 stylsheets total. To
|
||||
get around this limitation during theme development, download, install and
|
||||
configure the "IE CSS Optimizer" module.
|
||||
|
||||
http://drupal.org/project/ie_css_optimizer
|
||||
|
||||
On a production server, you should enable full optimization of the "Optimize
|
||||
CSS files" option on the Admin Performance page at
|
||||
admin/settings/performance.
|
||||
|
||||
|
||||
Optional:
|
||||
|
||||
7. MODIFYING ZEN CORE TEMPLATE FILES:
|
||||
If you decide you want to modify any of the .tpl.php template files in the
|
||||
zen folder, copy them to your sub-theme's folder before making any changes.
|
||||
And then rebuild the theme registry.
|
||||
|
||||
For example, copy zen/templates/page.tpl.php to foo/templates/page.tpl.php.
|
||||
|
||||
8. THEMEING DRUPAL'S SEARCH FORM:
|
||||
Copy the search-theme-form.tpl.php template file from the modules/search/
|
||||
folder and place it in your sub-theme's folder. And then rebuild the theme
|
||||
registry.
|
||||
|
||||
You can find a full list of Drupal templates that you can override in the
|
||||
templates/README.txt file or http://drupal.org/node/190815
|
||||
|
||||
Why? In Drupal 6 theming, if you want to modify a template included by a
|
||||
module, you should copy the template file from the module's directory to
|
||||
your sub-theme's directory and then rebuild the theme registry. See the
|
||||
Drupal 6 Theme Guide for more info: http://drupal.org/node/173880
|
||||
|
||||
9. FURTHER EXTENSIONS OF YOUR SUB-THEME:
|
||||
Discover further ways to extend your sub-theme by reading Zen's
|
||||
documentation online at:
|
||||
http://drupal.org/node/193318
|
||||
and Drupal 6's Theme Guide online at:
|
||||
http://drupal.org/theme-guide
|
||||
96
themes/zen/STARTERKIT/STARTERKIT.info.txt
Normal file
96
themes/zen/STARTERKIT/STARTERKIT.info.txt
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
; The name and description of the theme used on the admin/build/themes page.
|
||||
name = Zen Sub-theme Starter Kit
|
||||
description = Read the <a href="http://drupal.org/node/629510">online docs</a> or the included README.txt on how to create a Zen sub-theme.
|
||||
|
||||
; The screenshot used on the admin/build/themes page.
|
||||
screenshot = screenshot.png
|
||||
|
||||
; "core" specifies the version of Drupal that this theme is compatible with.
|
||||
; "base theme" specifies that this is a theme that uses the "zen" theme as its
|
||||
; base theme. Its unlikely you will ever need to change these, but they are
|
||||
; required fields for a Zen sub-theme. The "engine" field is not used in a
|
||||
; sub-theme since the engine is inherited from its base theme.
|
||||
core = 6.x
|
||||
base theme = zen
|
||||
|
||||
; This section adds CSS files to your theme. The media type is specified in
|
||||
; the brackets. Typical CSS media types include "all", "screen", "print", and
|
||||
; "handheld". See http://www.w3.org/TR/CSS21/media.html#media-types for a full
|
||||
; list of stylesheet media types in CSS 2.1. The iPhone's preferred media type
|
||||
; is based on the CSS3 Media queries. http://www.w3.org/TR/css3-mediaqueries/
|
||||
;
|
||||
; You can also override any of Zen's stylesheets or any module's stylesheets,
|
||||
; an /extremely/ useful feature. See the excellent Drupal 6 Theme Guide at
|
||||
; http://drupal.org/node/263967 for more details.
|
||||
stylesheets[all][] = css/html-reset.css
|
||||
stylesheets[all][] = css/wireframes.css
|
||||
stylesheets[all][] = css/layout-fixed.css
|
||||
stylesheets[all][] = css/page-backgrounds.css
|
||||
stylesheets[all][] = css/tabs.css
|
||||
stylesheets[all][] = css/messages.css
|
||||
stylesheets[all][] = css/pages.css
|
||||
stylesheets[all][] = css/block-editing.css
|
||||
stylesheets[all][] = css/blocks.css
|
||||
stylesheets[all][] = css/navigation.css
|
||||
stylesheets[all][] = css/panels-styles.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[print][] = css/print.css
|
||||
; stylesheets[handheld][] = css/mobile.css
|
||||
; stylesheets[only screen and (max-device-width: 480px)][] = css/iphone.css
|
||||
|
||||
; Set the conditional stylesheets that are processed by IE.
|
||||
conditional-stylesheets[if IE][all][] = css/ie.css
|
||||
conditional-stylesheets[if lte IE 6][all][] = css/ie6.css
|
||||
|
||||
; Optionally add some JavaScripts to your theme.
|
||||
; scripts[] = js/script.js
|
||||
|
||||
; The regions defined in Zen's default page.tpl.php file. The name in
|
||||
; brackets is the name of the variable in the page.tpl.php file, (e.g.
|
||||
; "[content_top]" in the .info file means there should be a $content_top
|
||||
; variable in the page.tpl.php file.) The text after the equals sign is a
|
||||
; descriptive text used on the admin/build/blocks page.
|
||||
;
|
||||
; To add a new region, copy Zen's page.tpl.php to your sub-theme's directory,
|
||||
; add a line line to this file, and then add the new variable to your
|
||||
; page.tpl.php template.
|
||||
regions[sidebar_first] = First sidebar
|
||||
regions[sidebar_second] = Second sidebar
|
||||
regions[navigation] = Navigation bar
|
||||
regions[highlight] = Highlighted content
|
||||
regions[content_top] = Content top
|
||||
regions[content_bottom] = Content bottom
|
||||
regions[header] = Header
|
||||
regions[footer] = Footer
|
||||
regions[page_closure] = Page closure
|
||||
|
||||
; 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/build/themes 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 6 Theme Guide for more info:
|
||||
; http://drupal.org/node/171205#features
|
||||
features[] = logo
|
||||
features[] = name
|
||||
features[] = slogan
|
||||
features[] = mission
|
||||
features[] = node_user_picture
|
||||
features[] = comment_user_picture
|
||||
features[] = search
|
||||
features[] = favicon
|
||||
features[] = primary_links
|
||||
features[] = secondary_links
|
||||
|
||||
; Set the default settings to be used in theme-settings.php
|
||||
settings[zen_block_editing] = 1
|
||||
settings[zen_breadcrumb] = yes
|
||||
settings[zen_breadcrumb_separator] = ' › '
|
||||
settings[zen_breadcrumb_home] = 1
|
||||
settings[zen_breadcrumb_trailing] = 1
|
||||
settings[zen_breadcrumb_title] = 0
|
||||
settings[zen_rebuild_registry] = 1
|
||||
settings[zen_wireframes] = 0
|
||||
134
themes/zen/STARTERKIT/css/README.txt
Normal file
134
themes/zen/STARTERKIT/css/README.txt
Normal file
|
|
@ -0,0 +1,134 @@
|
|||
ZEN'S STYLESHEETS
|
||||
-----------------
|
||||
|
||||
Don't panic!
|
||||
|
||||
There are 28 CSS files in this sub-theme, but its not as bad as it first seems:
|
||||
- The drupal6-reference.css is just a reference file and isn't used directly by
|
||||
your sub-theme. See below.
|
||||
- There are 9 CSS files whose names end in "-rtl.css". Those are CSS files
|
||||
needed to style content written in Right-to-Left languages, such as Arabic and
|
||||
Hebrew. If your website doesn't use such languages, you can safely delete all
|
||||
of those CSS files.
|
||||
- If you aren't using this theme while doing wireframes of the functionality of
|
||||
your sub-theme, you can remove wireframes.css from your sub-theme's .info file
|
||||
and delete the file as well.
|
||||
|
||||
That leaves just 17 CSS files. (Okay, still quite a few, but better than 28.)
|
||||
|
||||
- Instead of one monolithic stylesheet, your sub-theme's CSS files are organized
|
||||
into several smaller stylesheets that are grouped to allow cascading across
|
||||
common Drupal template files.
|
||||
- The order of the stylesheets is designed to allow CSS authors to use the
|
||||
lowest specificity possible to achieve the required styling.
|
||||
|
||||
|
||||
ORDER AND PURPOSE OF DEFAULT STYLESHEETS
|
||||
----------------------------------------
|
||||
|
||||
First off, if you find you don't like this organization of stylesheets, you are
|
||||
free to change it; simply edit the stylesheet declarations in your sub-theme's
|
||||
.info file. This structure was crafted based on several years of experience
|
||||
theming Drupal websites.
|
||||
|
||||
- html-reset.css:
|
||||
This is the place where you should set the default styling for all HTML
|
||||
elements and standardize the styling across browsers. If you prefer a specific
|
||||
reset method, feel free to add it.
|
||||
|
||||
- layout-fixed.css:
|
||||
- layout-liquid.css:
|
||||
Zen's default layout is based on the Zen Columns layout method. The
|
||||
layout-fixed.css file is used by default and can be swapped with the
|
||||
layout-liquid.css file. These files are designed to be easily replaced. If you
|
||||
are more familiar with a different CSS layout method, such as Blueprint or
|
||||
960.gs, you can replace these files with your choice of layout CSS file.
|
||||
|
||||
- page-backgrounds.css:
|
||||
Layered backgrounds across scattered divs can be easier to manage if they are
|
||||
centralized in one location.
|
||||
|
||||
- tabs.css:
|
||||
- messages.css:
|
||||
While most of the CSS rulesets in your sub-theme are guidelines without any
|
||||
actual properties, the tabs and messages stylesheets contain actual styling
|
||||
for Drupal tabs and Drupal status messages; two common Drupal elements that
|
||||
are often neglected by site desiners. Zen provides some basic styling which
|
||||
you are free to use or to rip out and replace.
|
||||
|
||||
- pages.css:
|
||||
Page styling for the markup in the page.tpl.php template.
|
||||
|
||||
- blocks.css:
|
||||
Block styling for the markup in the block.tpl.php template.
|
||||
|
||||
- navigation.css:
|
||||
The styling for your site's menus can get quite bulky and its easier to see
|
||||
all the styles if they are grouped together rather then across the
|
||||
header/footer sections of pages.css and in blocks.css.
|
||||
|
||||
- views-styles.css:
|
||||
Views styling for the markup in various views templates. You'll notice this
|
||||
stylesheet isn't called "views.css" as that would override (remove) the Views
|
||||
module's stylesheet.
|
||||
|
||||
- nodes.css:
|
||||
Node styling for the markkup in the node.tpl.php template.
|
||||
|
||||
- comments.css:
|
||||
Comment styling for the markup in the comment-wrapper.tpl.php and
|
||||
comments.tpl.php templates.
|
||||
|
||||
- forms.css:
|
||||
Form styling for the markup in various Drupal forms.
|
||||
|
||||
- fields.css:
|
||||
Field styling for the markup produced by theme_field().
|
||||
|
||||
- print.css:
|
||||
The print styles for all markup.
|
||||
|
||||
- ie.css:
|
||||
- ie6.css:
|
||||
The Internet Explorer stylesheets are added via conditional comments. Many CSS
|
||||
authors find using IE "conditional stylesheets" much easier then writing
|
||||
rulesets with CSS hacks that are known to only apply to various versions of
|
||||
IE. An alternative method presented by Paul Irish can be found at
|
||||
http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
|
||||
|
||||
In these stylesheets, we have included all of the classes and IDs from this
|
||||
theme's tpl.php files. We have also included many of the useful Drupal core
|
||||
styles to make it easier for theme developers to see them.
|
||||
|
||||
|
||||
DRUPAL CORE'S STYLESHEETS
|
||||
-------------------------
|
||||
|
||||
Many of these styles are over-riding Drupal's core stylesheets, so if you remove
|
||||
a declaration from them, the styles may still not be what you want since
|
||||
Drupal's core stylesheets are still styling the element. See the
|
||||
drupal6-reference.css file for a complete list of all Drupal 6.x core styles.
|
||||
|
||||
In addition to the style declarations in these stylesheets, other Drupal styles
|
||||
that you might want to override or augment are those for:
|
||||
|
||||
Book Navigation See line 74 of drupal6-reference.css file
|
||||
Forum See line 197 of drupal6-reference.css file
|
||||
Menus See line 667 of drupal6-reference.css file
|
||||
News Aggregator See line 20 of drupal6-reference.css file
|
||||
Polls See line 287 of drupal6-reference.css file
|
||||
Search See line 320 of drupal6-reference.css file
|
||||
User Profiles See line 945 of drupal6-reference.css file
|
||||
|
||||
|
||||
INTERNET EXLORER HATES YOU
|
||||
--------------------------
|
||||
|
||||
All versions of IE limit you to 31 stylesheets total. What that means is that
|
||||
only the first 31 stylesheets will load, ignoring the others. So you'll have
|
||||
missing styles in IE7 and later and a broken layout in IE6.
|
||||
|
||||
This is a known bug in IE: http://support.microsoft.com/kb/262161
|
||||
|
||||
Please read http://john.albin.net/css/ie-stylesheets-not-loading for the gory
|
||||
details.
|
||||
10
themes/zen/STARTERKIT/css/block-editing-rtl.css
Normal file
10
themes/zen/STARTERKIT/css/block-editing-rtl.css
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
/**
|
||||
* @file
|
||||
* RTL companion for the block-editing.css file.
|
||||
*/
|
||||
|
||||
|
||||
div.block.with-block-editing div.edit {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
25
themes/zen/STARTERKIT/css/block-editing.css
Normal file
25
themes/zen/STARTERKIT/css/block-editing.css
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
/**
|
||||
* @file
|
||||
* Zen's rollover edit links for blocks.
|
||||
*/
|
||||
|
||||
|
||||
div.block.with-block-editing {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
div.block.with-block-editing div.edit {
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 0; /* LTR */
|
||||
top: 0;
|
||||
z-index: 40;
|
||||
border: 1px solid #eee;
|
||||
padding: 0 2px;
|
||||
font-size: 0.75em;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
div.block.with-block-editing:hover div.edit {
|
||||
display: block;
|
||||
}
|
||||
96
themes/zen/STARTERKIT/css/blocks.css
Normal file
96
themes/zen/STARTERKIT/css/blocks.css
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
/**
|
||||
* @file
|
||||
* Block Styling
|
||||
*/
|
||||
|
||||
|
||||
.block /* Block wrapper */ {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.block.first /* The first block in the region */ {
|
||||
}
|
||||
|
||||
.block.last /* The last block in the region */ {
|
||||
}
|
||||
|
||||
.block.region-odd /* Zebra striping for each block in the region */ {
|
||||
}
|
||||
|
||||
.block.region-even /* Zebra striping for each block in the region */ {
|
||||
}
|
||||
|
||||
.block.odd /* Zebra striping independent of each region */ {
|
||||
}
|
||||
|
||||
.block.even /* Zebra striping independent of each region */ {
|
||||
}
|
||||
|
||||
.region-count-1 /* Incremental count for each block in the region */ {
|
||||
}
|
||||
|
||||
.count-1 /* Incremental count independent of each region */ {
|
||||
}
|
||||
|
||||
.block h2.title /* Block title */ {
|
||||
}
|
||||
|
||||
.block .content /* Block's content wrapper */ {
|
||||
}
|
||||
|
||||
#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-block-1 /* First administrator-defined block */ {
|
||||
}
|
||||
|
||||
#block-blog-0 /* "Recent blog posts" block */ {
|
||||
}
|
||||
|
||||
#block-book-0 /* "Book navigation" block for the current book's table of contents */ {
|
||||
}
|
||||
|
||||
#block-comment-0 /* "Recent comments" block */ {
|
||||
}
|
||||
|
||||
#block-forum-0 /* "Active forum topics" block */ {
|
||||
}
|
||||
|
||||
#block-forum-1 /* "New forum topics" block */ {
|
||||
}
|
||||
|
||||
#block-menu-primary-links /* "Primary links" block */ {
|
||||
}
|
||||
|
||||
#block-menu-secondary-links /* "Secondary links" block */ {
|
||||
}
|
||||
|
||||
#block-node-0 /* "Syndicate" block for primary RSS feed */ {
|
||||
}
|
||||
|
||||
#block-poll-0 /* "Most recent poll" block */ {
|
||||
}
|
||||
|
||||
#block-profile-0 /* "Author information" block for the profile of the page's author */ {
|
||||
}
|
||||
|
||||
#block-search-0 /* "Search form" block */ {
|
||||
}
|
||||
|
||||
#block-statistics-0 /* "Popular content" block */ {
|
||||
}
|
||||
|
||||
#block-user-0 /* "User login form" block */ {
|
||||
}
|
||||
|
||||
#block-user-1 /* "Navigation" block for Drupal navigation menu */ {
|
||||
}
|
||||
|
||||
#block-user-2 /* "Who's new" block for a list of the newest users */ {
|
||||
}
|
||||
|
||||
#block-user-3 /* "Who's online" block for a list of the online users */ {
|
||||
}
|
||||
79
themes/zen/STARTERKIT/css/comments.css
Normal file
79
themes/zen/STARTERKIT/css/comments.css
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
/**
|
||||
* @file
|
||||
* Comment Styling
|
||||
*/
|
||||
|
||||
|
||||
#comments /* Wrapper for the list of comments and its title */ {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
#comments h2.title /* Heading for the list of comments */ {
|
||||
}
|
||||
|
||||
.comment /* Wrapper for a single comment */ {
|
||||
}
|
||||
|
||||
.comment-preview /* Preview of the comment before submitting new or updated comment */ {
|
||||
}
|
||||
|
||||
.comment.new /* A new comment since the user last viewed the page. */ {
|
||||
}
|
||||
|
||||
.comment.first /* The first comment in the list of comments */ {
|
||||
}
|
||||
|
||||
.comment.last /* The last comment in the list of comments */ {
|
||||
}
|
||||
|
||||
.comment.odd /* An odd-numbered comment in the list of comments */ {
|
||||
}
|
||||
|
||||
.comment.even /* An even-numbered comment in the list of comments */ {
|
||||
}
|
||||
|
||||
.comment-unpublished /* Unpublished comments */ {
|
||||
/* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
|
||||
}
|
||||
|
||||
.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. See also the div.unpublished declaration in the nodes.css. */ {
|
||||
}
|
||||
|
||||
.comment-by-anonymous /* A comment created by an anonymous user */ {
|
||||
}
|
||||
|
||||
.comment-by-node-author /* A comment created by the node's author */ {
|
||||
}
|
||||
|
||||
.comment-by-viewer /* A comment created by the current user */ {
|
||||
}
|
||||
|
||||
.comment h3.title /* Comment title */ {
|
||||
}
|
||||
|
||||
.new /* "New" marker for comments that are new for the current user */ {
|
||||
color: #c00;
|
||||
}
|
||||
|
||||
.comment .picture /* The picture of the comment author */ {
|
||||
}
|
||||
|
||||
.comment .submitted /* The "posted by" information */ {
|
||||
}
|
||||
|
||||
.comment .content /* Comment's content wrapper */ {
|
||||
}
|
||||
|
||||
.comment .user-signature /* The user's signature */ {
|
||||
}
|
||||
|
||||
.comment 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 */
|
||||
}
|
||||
|
||||
.preview .comment /* Preview of the comment before submitting new or updated comment */ {
|
||||
/* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
|
||||
}
|
||||
1983
themes/zen/STARTERKIT/css/drupal6-reference.css
Normal file
1983
themes/zen/STARTERKIT/css/drupal6-reference.css
Normal file
File diff suppressed because it is too large
Load diff
44
themes/zen/STARTERKIT/css/fields.css
Normal file
44
themes/zen/STARTERKIT/css/fields.css
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
/**
|
||||
* @file
|
||||
* Field Styling
|
||||
*/
|
||||
|
||||
|
||||
/*
|
||||
* Field types
|
||||
*/
|
||||
|
||||
.field /* Wrapper for any CCK field. */ {
|
||||
}
|
||||
|
||||
.field-type-datetime /* Always use "datetime" when creating new CCK date fields. "date" and "datestamp" are legacy types. */ {
|
||||
}
|
||||
|
||||
.field-type-filefield /* Field from filefield module */ {
|
||||
}
|
||||
|
||||
.field-type-nodereference {
|
||||
}
|
||||
|
||||
.field-type-number-decimal {
|
||||
}
|
||||
|
||||
.field-type-number-float {
|
||||
}
|
||||
|
||||
.field-type-number-integer {
|
||||
}
|
||||
|
||||
.field-type-text {
|
||||
}
|
||||
|
||||
.field-type-userreference {
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Named fields
|
||||
*/
|
||||
|
||||
.field-field-FIELDNAME /* Underscores in field name are replaced with dashes. */ {
|
||||
}
|
||||
46
themes/zen/STARTERKIT/css/forms-rtl.css
Normal file
46
themes/zen/STARTERKIT/css/forms-rtl.css
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
/**
|
||||
* @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;
|
||||
}
|
||||
134
themes/zen/STARTERKIT/css/forms.css
Normal file
134
themes/zen/STARTERKIT/css/forms.css
Normal file
|
|
@ -0,0 +1,134 @@
|
|||
/**
|
||||
* @file
|
||||
* Form Styling
|
||||
*/
|
||||
|
||||
|
||||
.form-item,
|
||||
.form-checkboxes,
|
||||
.form-radios /* Wrapper for a form element (or group of form elements) and its label */ {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.form-item input.error,
|
||||
.form-item textarea.error,
|
||||
.form-item select.error /* Highlight the form elements that caused a form submission error */ {
|
||||
border: 2px solid #c00;
|
||||
}
|
||||
|
||||
.form-item label /* The label for a form element */ {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.form-item 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 */ {
|
||||
color: #c00;
|
||||
}
|
||||
|
||||
.form-item .description /* The descriptive help text (separate from the label) */ {
|
||||
font-size: 0.85em;
|
||||
}
|
||||
|
||||
.form-checkboxes .form-item,
|
||||
.form-radios .form-item /* Pack groups of checkboxes and radio buttons closer together */ {
|
||||
margin: 0.4em 0;
|
||||
}
|
||||
|
||||
.form-submit /* The submit button */ {
|
||||
}
|
||||
|
||||
.container-inline div,
|
||||
.container-inline label /* Inline labels and form divs */ {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.tips /* Tips for Drupal's input formats */ {
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Search (search-theme-form.tpl.php)
|
||||
*/
|
||||
#search-box /* Wrapper for the search form */ {
|
||||
}
|
||||
|
||||
#edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */ {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Search (search-block-form.tpl.php)
|
||||
*/
|
||||
#search-block-form /* Wrapper for the search form */ {
|
||||
}
|
||||
|
||||
#edit-search-block-form-1-wrapper label /* Label that says "Search this site:" */ {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Drupal's default login form block
|
||||
*/
|
||||
#user-login-form {
|
||||
text-align: left; /* LTR */
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* OpenID
|
||||
*
|
||||
* The default styling for the OpenID login link seems to assume Garland's
|
||||
* styling of list items.
|
||||
*/
|
||||
|
||||
#user-login-form 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. */
|
||||
}
|
||||
|
||||
#user-login-form li.openid-link /* The "Log in using OpenID" link. */ {
|
||||
margin-top: 1em;
|
||||
margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */
|
||||
}
|
||||
|
||||
#user-login-form li.user-link /* The "Cancel OpenID login" link. */ {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
#user-login ul {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
#user-login li.openid-link,
|
||||
#user-login li.user-link /* The OpenID links on the /user form. */ {
|
||||
margin-left: -2em; /* LTR */ /* 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 tbody {
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
|
||||
form th,
|
||||
form thead th {
|
||||
text-align: left; /* LTR */
|
||||
padding-right: 1em; /* LTR */
|
||||
border-bottom: 3px solid #ccc;
|
||||
}
|
||||
|
||||
form tbody th {
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
37
themes/zen/STARTERKIT/css/html-reset-rtl.css
Normal file
37
themes/zen/STARTERKIT/css/html-reset-rtl.css
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
/**
|
||||
* @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;
|
||||
}
|
||||
291
themes/zen/STARTERKIT/css/html-reset.css
Normal file
291
themes/zen/STARTERKIT/css/html-reset.css
Normal file
|
|
@ -0,0 +1,291 @@
|
|||
/**
|
||||
* @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 ALA
|
||||
* article:
|
||||
* http://www.alistapart.com/articles/howtosizetextincss
|
||||
*
|
||||
* All modern browsrs 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 */
|
||||
}
|
||||
|
||||
#skip-link,
|
||||
#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 16px line height */
|
||||
font-size: 0.75em; /* 16px x .75 = 12px */
|
||||
line-height: 1.333em; /* 12px x 1.333 = 16px */
|
||||
|
||||
/* Use a 14px base font size with a 18px line height */
|
||||
font-size: 0.875em; /* 16px x .875 = 14px */
|
||||
line-height: 1.286em; /* 14px x 1.286 = 18px */
|
||||
}
|
||||
|
||||
body,
|
||||
caption,
|
||||
th,
|
||||
td,
|
||||
input,
|
||||
textarea,
|
||||
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
|
||||
* 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 or serif)
|
||||
* 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;
|
||||
|
||||
font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
|
||||
font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif;
|
||||
font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
|
||||
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;
|
||||
}
|
||||
|
||||
pre,
|
||||
code {
|
||||
font-size: 1.1em; /* Monospace fonts can be hard to read */
|
||||
font-family: "Courier New", "DejaVu Sans Mono", monospace;
|
||||
}
|
||||
|
||||
/*
|
||||
* Headings
|
||||
*/
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
line-height: 1.3em;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5em; /* 0.5em is equavalent to 1em in the page's base 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 1em margin
|
||||
(relative to the base font), we have to divide that
|
||||
length by the element's font-size:
|
||||
1em / 2em = 0.5em */
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.5em;
|
||||
line-height: 1.3em;
|
||||
margin-top: 0.667em; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
|
||||
margin-bottom: 0.667em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.3em;
|
||||
line-height: 1.3em;
|
||||
margin-top: 0.769em; /* Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
|
||||
margin-bottom: 0.769em;
|
||||
}
|
||||
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-size: 1.1em;
|
||||
line-height: 1.3em;
|
||||
margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
|
||||
margin-bottom: 0.909em;
|
||||
}
|
||||
|
||||
/*
|
||||
* Block-level elements
|
||||
*/
|
||||
p,
|
||||
ul,
|
||||
ol,
|
||||
dl,
|
||||
pre,
|
||||
table,
|
||||
fieldset {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 1em 2em;
|
||||
}
|
||||
|
||||
/*
|
||||
* Lists
|
||||
*
|
||||
* We need to standardize the list item indentation.
|
||||
*/
|
||||
ul,
|
||||
ol {
|
||||
margin-left: 0;
|
||||
padding-left: 2em; /* LTR */
|
||||
}
|
||||
|
||||
.block ul,
|
||||
.item-list ul /* Drupal overrides */ {
|
||||
margin: 1em 0;
|
||||
padding: 0 0 0 2em; /* LTR */
|
||||
}
|
||||
|
||||
ul ul, ul ol,
|
||||
ol ol, ol ul,
|
||||
.block ul ul, .block ul ol,
|
||||
.block ol ol, .block ol ul,
|
||||
.item-list ul ul, .item-list ul ol,
|
||||
.item-list ol ol, .item-list ol ul {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.item-list ul li /* Drupal override */ {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: inherit;
|
||||
}
|
||||
|
||||
ul.menu li,
|
||||
li.expanded,
|
||||
li.collapsed,
|
||||
li.leaf /* Drupal override */ {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul { list-style-type: disc; }
|
||||
ul ul { list-style-type: circle; }
|
||||
ul ul ul { list-style-type: square; }
|
||||
ul ul ul ul { list-style-type: circle; }
|
||||
ol { list-style-type: decimal; }
|
||||
ol ol { list-style-type: lower-alpha; }
|
||||
ol ol ol { list-style-type: decimal; }
|
||||
|
||||
dt {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin: 0 0 0 2em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* 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 {
|
||||
}
|
||||
|
||||
a:visited {
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
}
|
||||
|
||||
a:active {
|
||||
}
|
||||
|
||||
/*
|
||||
* 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 */
|
||||
}
|
||||
|
||||
th,
|
||||
thead th,
|
||||
tbody th {
|
||||
text-align: left; /* LTR */
|
||||
padding: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
tbody {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
/*
|
||||
* Abbreviations
|
||||
*/
|
||||
abbr {
|
||||
border-bottom: 1px dotted #666;
|
||||
cursor: help;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
abbr.created /* Date-based "abbreviations" show computer-friendly timestamps which are not human-friendly. */ {
|
||||
border: none;
|
||||
cursor: auto;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
/*
|
||||
* Images
|
||||
*/
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Horizontal rules
|
||||
*/
|
||||
hr {
|
||||
height: 1px;
|
||||
border: 1px solid #666;
|
||||
}
|
||||
|
||||
/*
|
||||
* Forms
|
||||
*/
|
||||
form {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
margin: 1em 0;
|
||||
padding: 0.5em;
|
||||
}
|
||||
47
themes/zen/STARTERKIT/css/ie.css
Normal file
47
themes/zen/STARTERKIT/css/ie.css
Normal file
|
|
@ -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;
|
||||
}
|
||||
12
themes/zen/STARTERKIT/css/ie6-rtl.css
Normal file
12
themes/zen/STARTERKIT/css/ie6-rtl.css
Normal file
|
|
@ -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 */
|
||||
}
|
||||
105
themes/zen/STARTERKIT/css/ie6.css
Normal file
105
themes/zen/STARTERKIT/css/ie6.css
Normal file
|
|
@ -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
|
||||
|
||||
*
|
||||
*/
|
||||
74
themes/zen/STARTERKIT/css/layout-fixed-rtl.css
Normal file
74
themes/zen/STARTERKIT/css/layout-fixed-rtl.css
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
/**
|
||||
* @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;
|
||||
}
|
||||
212
themes/zen/STARTERKIT/css/layout-fixed.css
Normal file
212
themes/zen/STARTERKIT/css/layout-fixed.css
Normal file
|
|
@ -0,0 +1,212 @@
|
|||
/**
|
||||
* @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
|
||||
*/
|
||||
body {
|
||||
}
|
||||
|
||||
#page-wrapper,
|
||||
.region-page-closure {
|
||||
/*
|
||||
* 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.
|
||||
*/
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 960px;
|
||||
}
|
||||
|
||||
#page {
|
||||
}
|
||||
|
||||
/*
|
||||
* Header
|
||||
*/
|
||||
#header {
|
||||
}
|
||||
|
||||
#header .section {
|
||||
}
|
||||
|
||||
#search-box {
|
||||
}
|
||||
|
||||
.region-header {
|
||||
clear: both; /* Clear the logo */
|
||||
}
|
||||
|
||||
/*
|
||||
* Main (container for everything else)
|
||||
*/
|
||||
#main-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#main {
|
||||
}
|
||||
|
||||
/*
|
||||
* Content
|
||||
*/
|
||||
#content,
|
||||
.no-sidebars #content {
|
||||
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. */
|
||||
}
|
||||
|
||||
.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. */
|
||||
}
|
||||
|
||||
.sidebar-second #content {
|
||||
width: 760px;
|
||||
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. */
|
||||
}
|
||||
|
||||
#content .section {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Navigation
|
||||
*/
|
||||
#navigation {
|
||||
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: 2.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: 2.3em; /* Set this to the same value as the navigation height above. */
|
||||
}
|
||||
|
||||
#navigation .section {
|
||||
}
|
||||
|
||||
#navigation ul /* Primary and secondary links */ {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: left; /* LTR */
|
||||
}
|
||||
|
||||
#navigation li /* A simple method to get navigation links to appear in one line. */ {
|
||||
float: left; /* LTR */
|
||||
padding: 0 10px 0 0; /* LTR */
|
||||
}
|
||||
|
||||
/*
|
||||
* First sidebar
|
||||
*/
|
||||
.region-sidebar-first {
|
||||
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. */
|
||||
}
|
||||
|
||||
.region-sidebar-first .section {
|
||||
margin: 0 20px 0 0; /* LTR */
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Second sidebar
|
||||
*/
|
||||
.region-sidebar-second {
|
||||
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. */
|
||||
}
|
||||
|
||||
.region-sidebar-second .section {
|
||||
margin: 0 0 0 20px; /* LTR */
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Footer
|
||||
*/
|
||||
#footer {
|
||||
}
|
||||
|
||||
#footer .section {
|
||||
}
|
||||
|
||||
/*
|
||||
* Closure
|
||||
*/
|
||||
.region-page-closure /* See also the #page-wrapper declaration above that this div shares. */ {
|
||||
}
|
||||
|
||||
/*
|
||||
* Prevent overflowing content
|
||||
*/
|
||||
#header,
|
||||
#content,
|
||||
#navigation,
|
||||
.region-sidebar-first,
|
||||
.region-sidebar-second,
|
||||
#footer,
|
||||
.region-page-closure {
|
||||
overflow: visible;
|
||||
word-wrap: break-word; /* A very nice CSS3 property */
|
||||
}
|
||||
|
||||
#navigation {
|
||||
overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
|
||||
}
|
||||
|
||||
/*
|
||||
* 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;
|
||||
}
|
||||
*/
|
||||
68
themes/zen/STARTERKIT/css/layout-liquid-rtl.css
Normal file
68
themes/zen/STARTERKIT/css/layout-liquid-rtl.css
Normal file
|
|
@ -0,0 +1,68 @@
|
|||
/**
|
||||
* @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;
|
||||
}
|
||||
202
themes/zen/STARTERKIT/css/layout-liquid.css
Normal file
202
themes/zen/STARTERKIT/css/layout-liquid.css
Normal file
|
|
@ -0,0 +1,202 @@
|
|||
/**
|
||||
* @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
|
||||
*/
|
||||
body {
|
||||
}
|
||||
|
||||
#page-wrapper,
|
||||
.region-page-closure {
|
||||
min-width: 960px; /* Don't allow the browser to make the site unreadable. */
|
||||
}
|
||||
|
||||
#page {
|
||||
}
|
||||
|
||||
/*
|
||||
* Header
|
||||
*/
|
||||
#header {
|
||||
}
|
||||
|
||||
#header .section {
|
||||
}
|
||||
|
||||
#search-box {
|
||||
}
|
||||
|
||||
.region-header {
|
||||
clear: both; /* Clear the logo */
|
||||
}
|
||||
|
||||
/*
|
||||
* Main (container for everything else)
|
||||
*/
|
||||
#main-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#main {
|
||||
}
|
||||
|
||||
/*
|
||||
* Content
|
||||
*/
|
||||
#content {
|
||||
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. */
|
||||
}
|
||||
|
||||
#content .section,
|
||||
.no-sidebars #content .section {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.sidebar-first #content .section {
|
||||
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. */
|
||||
}
|
||||
|
||||
.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. */
|
||||
}
|
||||
|
||||
/*
|
||||
* Navigation
|
||||
*/
|
||||
#navigation {
|
||||
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: 2.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: 2.3em; /* Set this to the same value as the navigation height above. */
|
||||
}
|
||||
|
||||
#navigation .section {
|
||||
}
|
||||
|
||||
#navigation ul /* Primary and secondary links */ {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: left; /* LTR */
|
||||
}
|
||||
|
||||
#navigation li /* A simple method to get navigation links to appear in one line. */ {
|
||||
float: left; /* LTR */
|
||||
padding: 0 10px 0 0; /* LTR */
|
||||
}
|
||||
|
||||
/*
|
||||
* First sidebar
|
||||
*/
|
||||
.region-sidebar-first {
|
||||
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. */
|
||||
}
|
||||
|
||||
.region-sidebar-first .section {
|
||||
margin: 0 20px 0 0; /* LTR */
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Second sidebar
|
||||
*/
|
||||
.region-sidebar-second {
|
||||
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. */
|
||||
}
|
||||
|
||||
.region-sidebar-second .section {
|
||||
margin: 0 0 0 20px; /* LTR */
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Footer
|
||||
*/
|
||||
#footer {
|
||||
}
|
||||
|
||||
#footer .section {
|
||||
}
|
||||
|
||||
/*
|
||||
* Closure
|
||||
*/
|
||||
.region-page-closure /* See also the #page-wrapper declaration above that this div shares. */ {
|
||||
}
|
||||
|
||||
/*
|
||||
* Prevent overflowing content
|
||||
*/
|
||||
#header,
|
||||
#content,
|
||||
#navigation,
|
||||
.region-sidebar-first,
|
||||
.region-sidebar-second,
|
||||
#footer,
|
||||
.region-page-closure {
|
||||
overflow: visible;
|
||||
word-wrap: break-word; /* A very nice CSS3 property */
|
||||
}
|
||||
|
||||
#navigation {
|
||||
overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
|
||||
}
|
||||
|
||||
/*
|
||||
* 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;
|
||||
}
|
||||
*/
|
||||
13
themes/zen/STARTERKIT/css/messages-rtl.css
Normal file
13
themes/zen/STARTERKIT/css/messages-rtl.css
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
/**
|
||||
* @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;
|
||||
}
|
||||
53
themes/zen/STARTERKIT/css/messages.css
Normal file
53
themes/zen/STARTERKIT/css/messages.css
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
/**
|
||||
* @file
|
||||
* Message Styling
|
||||
*
|
||||
* Sensible styling for Drupal's error/warning/status messages.
|
||||
*/
|
||||
|
||||
|
||||
div.messages,
|
||||
div.status,
|
||||
div.warning,
|
||||
div.error /* Important messages (status, warning, and error) for the user */ {
|
||||
min-height: 21px;
|
||||
margin: 0 1em 5px 1em;
|
||||
border: 2px solid #ff7;
|
||||
padding: 5px 5px 5px 35px; /* LTR */
|
||||
color: #000;
|
||||
background-color: #ffc;
|
||||
background-image: url(../images/messages-status.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 5px 5px; /* LTR */
|
||||
}
|
||||
|
||||
div.status /* Normal priority messages */ {
|
||||
}
|
||||
|
||||
div.warning /* Medium priority messages */ {
|
||||
border-color: #fc0;
|
||||
background-image: url(../images/messages-warning.png);
|
||||
}
|
||||
|
||||
div.warning,
|
||||
tr.warning {
|
||||
color: #000; /* Drupal core uses #220 */
|
||||
background-color: #ffc;
|
||||
}
|
||||
|
||||
div.error /* High priority messages. See also the .error declaration in pages.css. */ {
|
||||
/* border: 1px solid #d77; */ /* Drupal core uses: 1px solid #d77 */
|
||||
border-color: #c00;
|
||||
background-image: url(../images/messages-error.png);
|
||||
}
|
||||
|
||||
div.error,
|
||||
tr.error {
|
||||
color: #900; /* Drupal core uses #200 */
|
||||
background-color: #fee;
|
||||
}
|
||||
|
||||
div.messages ul {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
44
themes/zen/STARTERKIT/css/navigation.css
Normal file
44
themes/zen/STARTERKIT/css/navigation.css
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
/**
|
||||
* @file
|
||||
* Navigation Styling
|
||||
*
|
||||
* Default menu styling (ul.menu) is defined in system-menus.css.
|
||||
*/
|
||||
|
||||
|
||||
/*
|
||||
* The active item in a Drupal menu
|
||||
*/
|
||||
li a.active {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/*
|
||||
* Navigation bar
|
||||
*/
|
||||
#navigation {
|
||||
}
|
||||
|
||||
.region-navigation {
|
||||
}
|
||||
|
||||
/*
|
||||
* Primary and Secondary menu links
|
||||
*/
|
||||
#main-menu {
|
||||
}
|
||||
|
||||
#secondary-menu {
|
||||
}
|
||||
|
||||
/*
|
||||
* Menu blocks
|
||||
*/
|
||||
.block-menu {
|
||||
}
|
||||
|
||||
/*
|
||||
* "Menu block" blocks. See http://drupal.org/project/menu_block
|
||||
*/
|
||||
.block-menu_block {
|
||||
}
|
||||
81
themes/zen/STARTERKIT/css/nodes.css
Normal file
81
themes/zen/STARTERKIT/css/nodes.css
Normal file
|
|
@ -0,0 +1,81 @@
|
|||
/**
|
||||
* @file
|
||||
* Node Styling
|
||||
*
|
||||
* Style anything that isn't in the $content variable.
|
||||
*/
|
||||
|
||||
|
||||
.node /* Node wrapper */ {
|
||||
}
|
||||
|
||||
.node-sticky /* A sticky node (displayed before others in a list) */ {
|
||||
}
|
||||
|
||||
.node-unpublished /* Unpublished nodes */ {
|
||||
/* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
|
||||
}
|
||||
|
||||
.node-unpublished div.unpublished,
|
||||
.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. */ {
|
||||
height: 0;
|
||||
overflow: visible;
|
||||
color: #d8d8d8;
|
||||
font-size: 75px;
|
||||
line-height: 1;
|
||||
font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
word-wrap: break-word; /* A very nice CSS3 property */
|
||||
}
|
||||
|
||||
.node-by-viewer /* A node created by the current user */ {
|
||||
}
|
||||
|
||||
.node-teaser /* A node displayed as teaser */ {
|
||||
}
|
||||
|
||||
/* All nodes are given a node-type-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-type-my-custom-type" class.
|
||||
*/
|
||||
.node-type-page /* Page content node */ {
|
||||
}
|
||||
|
||||
.node-type-story /* Story content node */ {
|
||||
}
|
||||
|
||||
.node h2.title /* Node title */ {
|
||||
}
|
||||
|
||||
.marker /* "New" or "Updated" marker for content that is new or updated for the current user */ {
|
||||
color: #c00;
|
||||
}
|
||||
|
||||
.node .picture /* The picture of the node author */ {
|
||||
}
|
||||
|
||||
.node.node-unpublished .picture,
|
||||
.comment.comment-unpublished .picture {
|
||||
position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
|
||||
}
|
||||
|
||||
.node .meta /* Wrapper for submitted and terms data */ {
|
||||
}
|
||||
|
||||
.node .submitted /* The "posted by" information */ {
|
||||
}
|
||||
|
||||
.node .terms /* Node terms (taxonomy) */ {
|
||||
}
|
||||
|
||||
.node .content /* Node's content wrapper */ {
|
||||
}
|
||||
|
||||
.node ul.links /* Node links. See also the ul.links declaration in the pages.css. */ {
|
||||
}
|
||||
|
||||
.preview .node /* Preview of the content before submitting new or updated content */ {
|
||||
/* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
|
||||
}
|
||||
38
themes/zen/STARTERKIT/css/page-backgrounds.css
Normal file
38
themes/zen/STARTERKIT/css/page-backgrounds.css
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
/**
|
||||
* @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/
|
||||
*/
|
||||
|
||||
|
||||
body {
|
||||
}
|
||||
|
||||
#page-wrapper {
|
||||
}
|
||||
|
||||
#page {
|
||||
}
|
||||
|
||||
#header {
|
||||
}
|
||||
|
||||
#header .section {
|
||||
}
|
||||
|
||||
#main-wrapper {
|
||||
}
|
||||
|
||||
#main {
|
||||
}
|
||||
|
||||
#footer {
|
||||
}
|
||||
|
||||
#footer .section {
|
||||
}
|
||||
19
themes/zen/STARTERKIT/css/pages-rtl.css
Normal file
19
themes/zen/STARTERKIT/css/pages-rtl.css
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
/**
|
||||
* @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;
|
||||
}
|
||||
314
themes/zen/STARTERKIT/css/pages.css
Normal file
314
themes/zen/STARTERKIT/css/pages.css
Normal file
|
|
@ -0,0 +1,314 @@
|
|||
/**
|
||||
* @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
|
||||
*/
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#page-wrapper {
|
||||
}
|
||||
|
||||
#page {
|
||||
}
|
||||
|
||||
/*
|
||||
* The skip navigation link will be completely hidden until a user tabs to the
|
||||
* link. See http://www.webaim.org/techniques/skipnav/
|
||||
*/
|
||||
#skip-link a,
|
||||
#skip-link a:visited {
|
||||
position: absolute;
|
||||
display: block;
|
||||
left: 0;
|
||||
top: -500px;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
background-color: #666;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#skip-link a:hover,
|
||||
#skip-link a:active,
|
||||
#skip-link a:focus {
|
||||
position: static;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 2px 0 3px 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Header
|
||||
*/
|
||||
#header {
|
||||
}
|
||||
|
||||
#header .section {
|
||||
}
|
||||
|
||||
#logo /* Wrapping link for logo */ {
|
||||
float: left; /* LTR */
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#logo img {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
#name-and-slogan /* Wrapper for website name and slogan */ {
|
||||
}
|
||||
|
||||
h1#site-name,
|
||||
div#site-name /* The name of the website */ {
|
||||
margin: 0;
|
||||
font-size: 2em;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
|
||||
#site-name a:link,
|
||||
#site-name a:visited {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#site-name a:hover,
|
||||
#site-name a:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#site-slogan /* The slogan (or tagline) of a website */ {
|
||||
}
|
||||
|
||||
.region-header /* Wrapper for any blocks placed in the header region */ {
|
||||
}
|
||||
|
||||
/*
|
||||
* Main (container for everything else)
|
||||
*/
|
||||
#main-wrapper {
|
||||
}
|
||||
|
||||
#main {
|
||||
}
|
||||
|
||||
/*
|
||||
* Content
|
||||
*/
|
||||
#content {
|
||||
}
|
||||
|
||||
#content .section {
|
||||
}
|
||||
|
||||
#mission /* The mission statement of the site (displayed on homepage) */ {
|
||||
}
|
||||
|
||||
.region-content-top /* Wrapper for any blocks placed in the "content top" region */ {
|
||||
}
|
||||
|
||||
.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.title, /* Block title or the title of a piece of content when it is given in a list of content */
|
||||
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.odd {
|
||||
/* 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. */ {
|
||||
}
|
||||
|
||||
div.status /* Normal priority messages */ {
|
||||
}
|
||||
|
||||
div.warning,
|
||||
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. */ {
|
||||
}
|
||||
|
||||
.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 */
|
||||
}
|
||||
|
||||
div.tabs /* See also the tabs.css file. */ {
|
||||
}
|
||||
|
||||
.help /* Help text on a page */ {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.more-help-link /* Link to more help */ {
|
||||
font-size: 0.85em;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#content-area /* Wrapper for the actual page content */ {
|
||||
}
|
||||
|
||||
ul.links /* List of links */ {
|
||||
margin: 1em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul.links.inline {
|
||||
margin: 0;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
ul.links li {
|
||||
display: inline;
|
||||
list-style-type: none;
|
||||
padding: 0 0.5em;
|
||||
}
|
||||
|
||||
.pager /* A list of page numbers when more than 1 page of content is available */ {
|
||||
clear: both;
|
||||
margin: 1em 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pager a,
|
||||
.pager strong.pager-current /* Each page number in the pager list */ {
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
.feed-icons /* The links to the RSS or Atom feeds for the current list of content */ {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.more-link /* Aggregator, blog, and forum more link */ {
|
||||
text-align: right; /* LTR */
|
||||
}
|
||||
|
||||
.region-content-bottom /* Wrapper for any blocks placed in the "content bottom" region */ {
|
||||
}
|
||||
|
||||
/*
|
||||
* 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 {
|
||||
}
|
||||
|
||||
.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.)
|
||||
*/
|
||||
.region-sidebar-second {
|
||||
}
|
||||
|
||||
.region-sidebar-second .section {
|
||||
}
|
||||
|
||||
/*
|
||||
* Footer
|
||||
*/
|
||||
#footer {
|
||||
}
|
||||
|
||||
#footer .section {
|
||||
}
|
||||
|
||||
#footer-message /* Wrapper for the footer message from Drupal's "Site information"
|
||||
and for any blocks placed in the footer region */ {
|
||||
}
|
||||
|
||||
.region-footer {
|
||||
}
|
||||
|
||||
/*
|
||||
* Closure
|
||||
*/
|
||||
.region-page-closure /* Wrapper for any blocks placed in the closure region */ {
|
||||
}
|
||||
|
||||
/*
|
||||
* Drupal boxes
|
||||
*
|
||||
* Wrapper for Comment form, Comment viewing options, Menu admin, and
|
||||
* Search results.
|
||||
*/
|
||||
.box /* Wrapper for box */ {
|
||||
}
|
||||
|
||||
.box h2 /* Box title */ {
|
||||
}
|
||||
|
||||
.box .content /* Box's content wrapper */ {
|
||||
}
|
||||
|
||||
/*
|
||||
* Markup free clearing (See: http://www.positioniseverything.net/easyclearing.html )
|
||||
*/
|
||||
.clearfix:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hide elements from all users.
|
||||
*
|
||||
* Used for elements which should not be immediately displayed to any user. An
|
||||
* example would be a collapsible fieldset that will be expanded with a click
|
||||
* from a user. The effect of this class can be toggled with the jQuery show()
|
||||
* and hide() functions.
|
||||
*/
|
||||
.element-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hide elements visually, but keep them available for screen-readers.
|
||||
*
|
||||
* Used for information required for screen-reader users to understand and use
|
||||
* the site where visual display is undesirable. Information provided in this
|
||||
* manner should be kept concise, to avoid unnecessary burden on the user. Must
|
||||
* not be used for focusable elements (such as links and form elements) as this
|
||||
* causes issues for keyboard only or voice recognition users. "!important" is
|
||||
* used to prevent unintentional overrides.
|
||||
*/
|
||||
.element-invisible {
|
||||
position: absolute !important;
|
||||
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
}
|
||||
6
themes/zen/STARTERKIT/css/panels-styles.css
Normal file
6
themes/zen/STARTERKIT/css/panels-styles.css
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
/**
|
||||
* @file
|
||||
* Panels Styling
|
||||
*/
|
||||
|
||||
|
||||
73
themes/zen/STARTERKIT/css/print.css
Normal file
73
themes/zen/STARTERKIT/css/print.css
Normal file
|
|
@ -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;
|
||||
}
|
||||
22
themes/zen/STARTERKIT/css/tabs-rtl.css
Normal file
22
themes/zen/STARTERKIT/css/tabs-rtl.css
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
/**
|
||||
* @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;
|
||||
}
|
||||
128
themes/zen/STARTERKIT/css/tabs.css
Normal file
128
themes/zen/STARTERKIT/css/tabs.css
Normal file
|
|
@ -0,0 +1,128 @@
|
|||
/**
|
||||
* @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.)
|
||||
*/
|
||||
|
||||
|
||||
div.tabs {
|
||||
margin: 0 0 5px 0;
|
||||
}
|
||||
|
||||
ul.primary {
|
||||
margin: 0;
|
||||
padding: 0 0 0 10px; /* LTR */
|
||||
border-width: 0;
|
||||
list-style: none;
|
||||
white-space: nowrap;
|
||||
line-height: normal;
|
||||
background: url(../images/tab-bar.png) repeat-x left bottom;
|
||||
}
|
||||
|
||||
ul.primary li {
|
||||
float: left; /* LTR */
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul.primary li a {
|
||||
display: block;
|
||||
height: 24px;
|
||||
margin: 0;
|
||||
padding: 0 0 0 5px; /* width of tab-left.png */
|
||||
border-width: 0;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
color: #777;
|
||||
background-color: transparent;
|
||||
background: url(../images/tab-left.png) no-repeat left -38px;
|
||||
}
|
||||
|
||||
ul.primary li a .tab {
|
||||
display: block;
|
||||
height: 20px; /* 24px (parent) - 4px (padding) */
|
||||
margin: 0;
|
||||
padding: 4px 13px 0 6px;
|
||||
border-width: 0;
|
||||
line-height: 20px;
|
||||
background: url(../images/tab-right.png) no-repeat right -38px;
|
||||
}
|
||||
|
||||
ul.primary li a:hover,
|
||||
ul.primary li a:focus {
|
||||
border-width: 0;
|
||||
background-color: transparent;
|
||||
background: url(../images/tab-left.png) no-repeat left -76px;
|
||||
}
|
||||
|
||||
ul.primary li a:hover .tab,
|
||||
ul.primary li a:focus .tab {
|
||||
background: url(../images/tab-right.png) no-repeat right -76px;
|
||||
}
|
||||
|
||||
ul.primary li.active a,
|
||||
ul.primary li.active a:hover,
|
||||
ul.primary li.active a:focus {
|
||||
border-width: 0;
|
||||
color: #000;
|
||||
background-color: transparent;
|
||||
background: url(../images/tab-left.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.png) no-repeat right 0;
|
||||
}
|
||||
|
||||
ul.secondary {
|
||||
margin: 0;
|
||||
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;
|
||||
}
|
||||
|
||||
ul.secondary li {
|
||||
float: left; /* LTR */
|
||||
margin: 0 5px 0 0;
|
||||
padding: 5px 0;
|
||||
border-right: none; /* LTR */
|
||||
}
|
||||
|
||||
ul.secondary a {
|
||||
display: block;
|
||||
height: 24px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 1px solid #c0c0c0;
|
||||
text-decoration: none;
|
||||
color: #777;
|
||||
background: url(../images/tab-secondary.png) repeat-x left -56px;
|
||||
}
|
||||
|
||||
ul.secondary a .tab {
|
||||
display: block;
|
||||
height: 18px; /* 24px (parent) - 6px (padding) */
|
||||
margin: 0;
|
||||
padding: 3px 8px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
ul.secondary a:hover,
|
||||
ul.secondary a:focus {
|
||||
background: url(../images/tab-secondary.png) repeat-x left bottom;
|
||||
}
|
||||
|
||||
ul.secondary a.active,
|
||||
ul.secondary a.active:hover,
|
||||
ul.secondary a.active:focus {
|
||||
border: 1px solid #c0c0c0;
|
||||
color: #000;
|
||||
background: url(../images/tab-secondary.png) repeat-x left top;
|
||||
}
|
||||
6
themes/zen/STARTERKIT/css/views-styles.css
Normal file
6
themes/zen/STARTERKIT/css/views-styles.css
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
/**
|
||||
* @file
|
||||
* Views Styling
|
||||
*/
|
||||
|
||||
|
||||
24
themes/zen/STARTERKIT/css/wireframes.css
Normal file
24
themes/zen/STARTERKIT/css/wireframes.css
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
/**
|
||||
* @file
|
||||
* Wireframes Styling
|
||||
*
|
||||
* Add wireframes to the basic layout elements.
|
||||
*/
|
||||
|
||||
|
||||
.with-wireframes #header .section,
|
||||
.with-wireframes #content .section,
|
||||
.with-wireframes #navigation .section,
|
||||
.with-wireframes .region-sidebar-first .section,
|
||||
.with-wireframes .region-sidebar-second .section,
|
||||
.with-wireframes #footer .section {
|
||||
margin: 1px;
|
||||
padding: 2px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.with-wireframes .region-page-closure {
|
||||
margin-top: 1px;
|
||||
padding: 2px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
BIN
themes/zen/STARTERKIT/favicon.ico
Normal file
BIN
themes/zen/STARTERKIT/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
themes/zen/STARTERKIT/images-source/messages.psd
Normal file
BIN
themes/zen/STARTERKIT/images-source/messages.psd
Normal file
Binary file not shown.
BIN
themes/zen/STARTERKIT/images-source/panels-layouts.psd
Normal file
BIN
themes/zen/STARTERKIT/images-source/panels-layouts.psd
Normal file
Binary file not shown.
BIN
themes/zen/STARTERKIT/images-source/screenshot.psd
Normal file
BIN
themes/zen/STARTERKIT/images-source/screenshot.psd
Normal file
Binary file not shown.
BIN
themes/zen/STARTERKIT/images-source/tabs.psd
Normal file
BIN
themes/zen/STARTERKIT/images-source/tabs.psd
Normal file
Binary file not shown.
BIN
themes/zen/STARTERKIT/images/messages-error-ie6.png
Normal file
BIN
themes/zen/STARTERKIT/images/messages-error-ie6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 719 B |
BIN
themes/zen/STARTERKIT/images/messages-error.png
Normal file
BIN
themes/zen/STARTERKIT/images/messages-error.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 727 B |
BIN
themes/zen/STARTERKIT/images/messages-status-ie6.png
Normal file
BIN
themes/zen/STARTERKIT/images/messages-status-ie6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 610 B |
BIN
themes/zen/STARTERKIT/images/messages-status.png
Normal file
BIN
themes/zen/STARTERKIT/images/messages-status.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 560 B |
BIN
themes/zen/STARTERKIT/images/messages-warning-ie6.png
Normal file
BIN
themes/zen/STARTERKIT/images/messages-warning-ie6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 693 B |
BIN
themes/zen/STARTERKIT/images/messages-warning.png
Normal file
BIN
themes/zen/STARTERKIT/images/messages-warning.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 664 B |
BIN
themes/zen/STARTERKIT/images/tab-bar.png
Normal file
BIN
themes/zen/STARTERKIT/images/tab-bar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 160 B |
BIN
themes/zen/STARTERKIT/images/tab-left-ie6.png
Normal file
BIN
themes/zen/STARTERKIT/images/tab-left-ie6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 331 B |
BIN
themes/zen/STARTERKIT/images/tab-left.png
Normal file
BIN
themes/zen/STARTERKIT/images/tab-left.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 303 B |
BIN
themes/zen/STARTERKIT/images/tab-right-ie6.png
Normal file
BIN
themes/zen/STARTERKIT/images/tab-right-ie6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 473 B |
BIN
themes/zen/STARTERKIT/images/tab-right.png
Normal file
BIN
themes/zen/STARTERKIT/images/tab-right.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 685 B |
BIN
themes/zen/STARTERKIT/images/tab-secondary-bg.png
Normal file
BIN
themes/zen/STARTERKIT/images/tab-secondary-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 166 B |
BIN
themes/zen/STARTERKIT/images/tab-secondary.png
Normal file
BIN
themes/zen/STARTERKIT/images/tab-secondary.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 195 B |
14
themes/zen/STARTERKIT/js/README.txt
Normal file
14
themes/zen/STARTERKIT/js/README.txt
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
Your theme can add JavaScript files in two ways:
|
||||
|
||||
1. To add a JavaScript file to all pages on your website, edit your sub-theme's
|
||||
.info file and add a line like this one:
|
||||
|
||||
scripts[] = js/my-jquery-script.js
|
||||
|
||||
2. To add a JavaScript file depending on a certain condition, you can add it
|
||||
using some PHP code in a preprocess function:
|
||||
|
||||
drupal_add_js('js/my-jquery-script.js', 'theme');
|
||||
|
||||
For the full documentation of drupal_add_js(), see:
|
||||
http://api.drupal.org/api/function/drupal_add_js
|
||||
BIN
themes/zen/STARTERKIT/logo.png
Normal file
BIN
themes/zen/STARTERKIT/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1 KiB |
BIN
themes/zen/STARTERKIT/screenshot.png
Normal file
BIN
themes/zen/STARTERKIT/screenshot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
155
themes/zen/STARTERKIT/template.php
Normal file
155
themes/zen/STARTERKIT/template.php
Normal file
|
|
@ -0,0 +1,155 @@
|
|||
<?php
|
||||
/**
|
||||
* @file
|
||||
* Contains theme override functions and preprocess functions for the theme.
|
||||
*
|
||||
* ABOUT THE TEMPLATE.PHP FILE
|
||||
*
|
||||
* The template.php file is one of the most useful files when creating or
|
||||
* modifying Drupal themes. You can add new regions for block content, modify
|
||||
* or override Drupal's theme functions, intercept or make additional
|
||||
* variables available to your theme, and create custom PHP logic. For more
|
||||
* information, please visit the Theme Developer's Guide on Drupal.org:
|
||||
* http://drupal.org/theme-guide
|
||||
*
|
||||
* OVERRIDING THEME FUNCTIONS
|
||||
*
|
||||
* The Drupal theme system uses special theme functions to generate HTML
|
||||
* output automatically. Often we wish to customize this HTML output. To do
|
||||
* this, we have to override the theme function. You have to first find the
|
||||
* theme function that generates the output, and then "catch" it and modify it
|
||||
* here. The easiest way to do it is to copy the original function in its
|
||||
* entirety and paste it here, changing the prefix from theme_ to STARTERKIT_.
|
||||
* For example:
|
||||
*
|
||||
* original: theme_breadcrumb()
|
||||
* theme override: STARTERKIT_breadcrumb()
|
||||
*
|
||||
* where STARTERKIT is the name of your sub-theme. For example, the
|
||||
* zen_classic theme would define a zen_classic_breadcrumb() function.
|
||||
*
|
||||
* If you would like to override any of the theme functions used in Zen core,
|
||||
* you should first look at how Zen core implements those functions:
|
||||
* theme_breadcrumbs() in zen/template.php
|
||||
* theme_menu_item_link() in zen/template.php
|
||||
* theme_menu_local_tasks() in zen/template.php
|
||||
*
|
||||
* For more information, please visit the Theme Developer's Guide on
|
||||
* Drupal.org: http://drupal.org/node/173880
|
||||
*
|
||||
* CREATE OR MODIFY VARIABLES FOR YOUR THEME
|
||||
*
|
||||
* Each tpl.php template file has several variables which hold various pieces
|
||||
* of content. You can modify those variables (or add new ones) before they
|
||||
* are used in the template files by using preprocess functions.
|
||||
*
|
||||
* This makes THEME_preprocess_HOOK() functions the most powerful functions
|
||||
* available to themers.
|
||||
*
|
||||
* It works by having one preprocess function for each template file or its
|
||||
* derivatives (called template suggestions). For example:
|
||||
* THEME_preprocess_page alters the variables for page.tpl.php
|
||||
* THEME_preprocess_node alters the variables for node.tpl.php or
|
||||
* for node-forum.tpl.php
|
||||
* THEME_preprocess_comment alters the variables for comment.tpl.php
|
||||
* THEME_preprocess_block alters the variables for block.tpl.php
|
||||
*
|
||||
* For more information on preprocess functions and template suggestions,
|
||||
* please visit the Theme Developer's Guide on Drupal.org:
|
||||
* http://drupal.org/node/223440
|
||||
* and http://drupal.org/node/190815#template-suggestions
|
||||
*/
|
||||
|
||||
|
||||
/**
|
||||
* Implementation of HOOK_theme().
|
||||
*/
|
||||
function STARTERKIT_theme(&$existing, $type, $theme, $path) {
|
||||
$hooks = zen_theme($existing, $type, $theme, $path);
|
||||
// Add your theme hooks like this:
|
||||
/*
|
||||
$hooks['hook_name_here'] = array( // Details go here );
|
||||
*/
|
||||
// @TODO: Needs detailed comments. Patches welcome!
|
||||
return $hooks;
|
||||
}
|
||||
|
||||
/**
|
||||
* Override or insert variables into all templates.
|
||||
*
|
||||
* @param $vars
|
||||
* An array of variables to pass to the theme template.
|
||||
* @param $hook
|
||||
* The name of the template being rendered (name of the .tpl.php file.)
|
||||
*/
|
||||
/* -- Delete this line if you want to use this function
|
||||
function STARTERKIT_preprocess(&$vars, $hook) {
|
||||
$vars['sample_variable'] = t('Lorem ipsum.');
|
||||
}
|
||||
// */
|
||||
|
||||
/**
|
||||
* Override or insert variables into the page templates.
|
||||
*
|
||||
* @param $vars
|
||||
* An array of variables to pass to the theme template.
|
||||
* @param $hook
|
||||
* The name of the template being rendered ("page" in this case.)
|
||||
*/
|
||||
/* -- Delete this line if you want to use this function
|
||||
function STARTERKIT_preprocess_page(&$vars, $hook) {
|
||||
$vars['sample_variable'] = t('Lorem ipsum.');
|
||||
|
||||
// To remove a class from $classes_array, use array_diff().
|
||||
//$vars['classes_array'] = array_diff($vars['classes_array'], array('class-to-remove'));
|
||||
}
|
||||
// */
|
||||
|
||||
/**
|
||||
* Override or insert variables into the node templates.
|
||||
*
|
||||
* @param $vars
|
||||
* An array of variables to pass to the theme template.
|
||||
* @param $hook
|
||||
* The name of the template being rendered ("node" in this case.)
|
||||
*/
|
||||
/* -- Delete this line if you want to use this function
|
||||
function STARTERKIT_preprocess_node(&$vars, $hook) {
|
||||
$vars['sample_variable'] = t('Lorem ipsum.');
|
||||
|
||||
// Optionally, run node-type-specific preprocess functions, like
|
||||
// STARTERKIT_preprocess_node_page() or STARTERKIT_preprocess_node_story().
|
||||
$function = __FUNCTION__ . '_' . $vars['node']->type;
|
||||
if (function_exists($function)) {
|
||||
$function($vars, $hook);
|
||||
}
|
||||
}
|
||||
// */
|
||||
|
||||
/**
|
||||
* Override or insert variables into the comment templates.
|
||||
*
|
||||
* @param $vars
|
||||
* An array of variables to pass to the theme template.
|
||||
* @param $hook
|
||||
* The name of the template being rendered ("comment" in this case.)
|
||||
*/
|
||||
/* -- Delete this line if you want to use this function
|
||||
function STARTERKIT_preprocess_comment(&$vars, $hook) {
|
||||
$vars['sample_variable'] = t('Lorem ipsum.');
|
||||
}
|
||||
// */
|
||||
|
||||
/**
|
||||
* Override or insert variables into the block templates.
|
||||
*
|
||||
* @param $vars
|
||||
* An array of variables to pass to the theme template.
|
||||
* @param $hook
|
||||
* The name of the template being rendered ("block" in this case.)
|
||||
*/
|
||||
/* -- Delete this line if you want to use this function
|
||||
function STARTERKIT_preprocess_block(&$vars, $hook) {
|
||||
$vars['sample_variable'] = t('Lorem ipsum.');
|
||||
}
|
||||
// */
|
||||
82
themes/zen/STARTERKIT/templates/README.txt
Normal file
82
themes/zen/STARTERKIT/templates/README.txt
Normal file
|
|
@ -0,0 +1,82 @@
|
|||
TEMPLATES
|
||||
---------
|
||||
|
||||
Drupal 6 contains the following template files which you can override and modify
|
||||
by copying them to your sub-theme. The Zen theme overrides a handful of Drupal's
|
||||
templates. In order to override those templates, you should copy them from the
|
||||
zen/templates folder to your sub-theme's templates folder.
|
||||
|
||||
As always, when adding a new template file to your sub-theme, you will need to
|
||||
rebuild the "theme registry" in order for Drupal to see it. For more info, see:
|
||||
http://drupal.org/node/173880#theme-registry
|
||||
|
||||
Located in zen/templates:
|
||||
page.tpl.php
|
||||
maintenance-page.tpl.php
|
||||
node.tpl.php
|
||||
block.tpl.php
|
||||
comment-wrapper.tpl.php
|
||||
comment.tpl.php
|
||||
views-view.tpl.php
|
||||
|
||||
Located in /modules/aggregator:
|
||||
aggregator-feed-source.tpl.php
|
||||
aggregator-item.tpl.php
|
||||
aggregator-summary-item.tpl.php
|
||||
aggregator-summary-items.tpl.php
|
||||
aggregator-wrapper.tpl.php
|
||||
|
||||
Located in /modules/block:
|
||||
block-admin-display-form.tpl.php
|
||||
|
||||
Located in /modules/book:
|
||||
book-all-books-block.tpl.php
|
||||
book-export-html.tpl.php
|
||||
book-navigation.tpl.php
|
||||
book-node-export-html.tpl.php
|
||||
|
||||
Located in /modules/comment:
|
||||
comment-folded.tpl.php
|
||||
comment-wrapper.tpl.php (overridden by Zen)
|
||||
comment.tpl.php (overridden by Zen)
|
||||
|
||||
Located in /modules/forum:
|
||||
forum-icon.tpl.php
|
||||
forum-list.tpl.php
|
||||
forum-submitted.tpl.php
|
||||
forum-topic-list.tpl.php
|
||||
forum-topic-navigation.tpl.php
|
||||
forums.tpl.php
|
||||
|
||||
Located in /modules/node:
|
||||
node.tpl.php (overridden by Zen)
|
||||
|
||||
Located in /modules/poll:
|
||||
poll-bar-block.tpl.php
|
||||
poll-bar.tpl.php
|
||||
poll-results-block.tpl.php
|
||||
poll-results.tpl.php
|
||||
poll-vote.tpl.php
|
||||
|
||||
Located in /modules/profile:
|
||||
profile-block.tpl.php
|
||||
profile-listing.tpl.php
|
||||
profile-wrapper.tpl.php
|
||||
|
||||
Located in /modules/search:
|
||||
search-block-form.tpl.php
|
||||
search-result.tpl.php
|
||||
search-results.tpl.php
|
||||
search-theme-form.tpl.php
|
||||
|
||||
Located in /modules/system:
|
||||
block.tpl.php (overridden by Zen)
|
||||
box.tpl.php
|
||||
maintenance-page.tpl.php (overridden by Zen)
|
||||
page.tpl.php (overridden by Zen)
|
||||
|
||||
Located in /modules/user:
|
||||
user-picture.tpl.php
|
||||
user-profile-category.tpl.php
|
||||
user-profile-item.tpl.php
|
||||
user-profile.tpl.php
|
||||
43
themes/zen/STARTERKIT/theme-settings.php
Normal file
43
themes/zen/STARTERKIT/theme-settings.php
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
<?php
|
||||
// Include the definition of zen_settings() and zen_theme_get_default_settings().
|
||||
include_once './' . drupal_get_path('theme', 'zen') . '/theme-settings.php';
|
||||
|
||||
|
||||
/**
|
||||
* Implementation of THEMEHOOK_settings() function.
|
||||
*
|
||||
* @param $saved_settings
|
||||
* An array of saved settings for this theme.
|
||||
* @return
|
||||
* A form array.
|
||||
*/
|
||||
function STARTERKIT_settings($saved_settings) {
|
||||
|
||||
// Get the default values from the .info file.
|
||||
$defaults = zen_theme_get_default_settings('STARTERKIT');
|
||||
|
||||
// Merge the saved variables and their default values.
|
||||
$settings = array_merge($defaults, $saved_settings);
|
||||
|
||||
/*
|
||||
* Create the form using Forms API: http://api.drupal.org/api/6
|
||||
*/
|
||||
$form = array();
|
||||
/* -- Delete this line if you want to use this setting
|
||||
$form['STARTERKIT_example'] = array(
|
||||
'#type' => 'checkbox',
|
||||
'#title' => t('Use this sample setting'),
|
||||
'#default_value' => $settings['STARTERKIT_example'],
|
||||
'#description' => t("This option doesn't do anything; it's just an example."),
|
||||
);
|
||||
// */
|
||||
|
||||
// Add the base theme's settings.
|
||||
$form += zen_settings($saved_settings, $defaults);
|
||||
|
||||
// Remove some of the base theme's settings.
|
||||
unset($form['themedev']['zen_layout']); // We don't need to select the base stylesheet.
|
||||
|
||||
// Return the form
|
||||
return $form;
|
||||
}
|
||||
Reference in a new issue