diff options
| author | Ctibor Brančík <ctibor@brancik.cz> | 2016-03-20 19:32:29 +0100 |
|---|---|---|
| committer | Ctibor Brančík <ctibor@brancik.cz> | 2016-03-20 19:32:29 +0100 |
| commit | a2a11bb9b2c8bd27d6a058ee2ca2d91472995177 (patch) | |
| tree | b394536f64b4bd418bee880324f2f1acf8c33338 /sites | |
| parent | 29a6913890a675ddf1a9239b4407f105e02dc95d (diff) | |
| download | brdo-a2a11bb9b2c8bd27d6a058ee2ca2d91472995177.tar.gz brdo-a2a11bb9b2c8bd27d6a058ee2ca2d91472995177.tar.bz2 | |
Added Zen theme.
Diffstat (limited to 'sites')
127 files changed, 12141 insertions, 0 deletions
diff --git a/sites/all/themes/zen/CHANGELOG.txt b/sites/all/themes/zen/CHANGELOG.txt new file mode 100644 index 000000000..be573a742 --- /dev/null +++ b/sites/all/themes/zen/CHANGELOG.txt @@ -0,0 +1,482 @@ +Zen 7.x-3.2, 2013-08-19 +----------------------- +- #1857020: Breadcrumb setting won't stay unchecked +- #754000: Breadcrumb separator XSS vulnerability +- #1232840: Redundant label CSS overrides Webform label placement selector +- #1560212 by AHOY: Opening breadcrumb <div> not printed +- #1239784: Make zen logo's alpha channel be IE6 compatible +- #1478244: Weight needed for conditional stylesheets added via drupal_add_css() +- #469f073: Fix font sizing of monospace fonts +- #1249842: Deprecate liquid layout CSS +- #1279838 by JohnAlbin and Bevan: Deleted regions cause PHP notices in maintenance-page.tpl.php +- #1354356: Fix broken #skip-link styling in stylesheets +- #1110650: Remove work-around for missing anonymous class on comments (fixed by Drupal 7.9) +- Work-around for a core bug affecting admin themes. See issue #943212. +- #1258280 by barraponto: Document $page['navigation'] in page.tpl +- #1232840 by davidhwang: Redundant label CSS overrides Webform label placement selector +- #1241090 by KrisBulman: Incorrect calc in html-reset comment +- #1174290 by naxoc: Fix code error in js/README.txt +- #1154358 by mverbaar, barraponto and JohnAlbin: Add theme setting for skip link text +- #1245222: Field styling bleeds into node edit forms +- #1138744: Port panels layouts to Drupal 7 + +Zen 7.x-3.1, 2011-04-26 +----------------------- +- #812480 by Garrett Albright and JohnAlbin: Make "Jump to Nav" link configurable +- #1135120: PHP notice about undefined $highlight variable on maintenance-page.tpl +- #705264 by grendzy: Allow Zen (and subthemes) to be used without a database +- #774838: Add view_mode class to node.tpl +- #1126206 by mahfiaz: Typo in print.css; should be .region-footer +- #1118168 by kristofer: Remove toolbar from printed pages +- #1118182: Block-level vertical rhythm CSS rule is broken +- #1117372: Bullets appear next to Main menu links and Secondary menu links + +Zen 7.x-3.0, 2011-04-06 +----------------------- +- #774836 by hefox: Check if node $title is set before outputting +- #992616 by JohnAlbin and adrinux: Comments in layout RTL stylesheets are incorrect +- #822570 by JohnAlbin and AaronCollier: Add focus styling to tabs +- #1092372 by JohnAlbin and davebv: Simplify pages styling +- #1115330: Styling in ie.css is only needed for IE7 and earlier +- #481952 by kdebaas and JohnAlbin: Add vertical rhythm to line heights and margins +- #370419: Remove messages.css in favor of core's styling +- #1102770: Installing Zen prevents Appearance page from loading on some systems +- #835982 by JohnAlbin, mverbaar, marcvangend: Drush support for sub-theme creation +- #1084504 by Crossfeed, komal.savla, Network and JohnAlbin: PHP Error when secondary menu or menu module is disabled +- #1085422 by hswong3i: Highlighted region's machine name doesn't match core +- #1082242 by joeyabbs: Maintenance page is missing span around site name +- #1074822: Update fields.css to use new classes for fields in core +- #1110842: Comment preview color is missing due to mis-targeted CSS rule +- #1110650: Anonymous comment class is broken in core +- #1079010: The secondary links heading, "Secondary menu", is wrong +- #1078994: Move secondary menu links from footer to header +- #1072302: Use element-focusable class for skip link accessibility +- #1072268: Zen theme doesn't load RTL styles +- #929630 by juan_g and akalata: URL for overriding stylesheets documentation has changed +- #1069106: Update theme-settings.php to use Form API states +- #950206 by n8tron, Mtro and JohnAlbin: Update README in STARTERKIT +- #1053874 by n8tron and JohnAlbin: Update README in STARTERKIT/templates +- #1064706: Use $variables instead of $vars to match D7 code snippets +- #1067062: Remove duplicate classes (like node-type-TYPE) from node.tpl.php +- #940882: $readmore variable is missing from node.tpl.php +- #950538 by hswong3i: User pictures should use .user-picture class +- #1066478: Add missing title prefix/suffix variables to comment-wrapper.tpl +- #1066472: Render comments and form to see if headings are needed +- #1066452: Remove STARTERKIT_preprocess() placeholder since it's expensive and rarely needed +- #1066436: STARTERKIT_theme() no longer needs to call zen_theme() +- #1066426: No longer need to force the search for region__ suggestions +- #1066386: Region tpls need to check for $content before printing wrapper +- #1046030: Tabs div is always rendered +- #1064390: Allow easier modification of breadcrumb's header +- #1053036: Update screenshot.psd source image +- #1061794 by Scott J and JohnAlbin: taxonomy terms no longer get special treatment in node.tpl +- #936912 by n8tron and JohnAlbin: feed icon has wrong css class +- #841988 by linclark and JohnAlbin: #navigation .content rule not targeting anything +- #978640 by marcvangend: Whitespace before comment causes jQuery error +- #1063814: Remove count-X and region-* classes from block.tpl.php +- #1046394 by n8tron and JohnAlbin: Add first and last classes to blocks +- #1060122: Add missing $block_html_id to block.tpl.php +- #948666 by danillonunes and JohnAlbin: Update block classes in blocks.css +- #1045116: Add accessible title text to theme_breadcrumbs to match markup in D7 +- #555910: "Append title to breadcrumbs" option shows doubled titles on non-default tabs +- #1044586: Fix "Rebuild theme registry" feature +- #923382: Conditional stylesheets should use drupal_add_css() +- #987916: Submitted by text doesn't use $submitted variable introduced in Drupal 7.0-rc1 +- #978810 by bellHead: Region-specific template suggestions for sidebar regions always use region--sidebar.tpl.php +- #986290: $tabs displaying as string 'Array' due to change in theme_menu_local_tasks() +- #814978 by scor: The name attribute in an a tag is not valid in XHTML+RDFa 1.0 +- #875528 by linclark: Theme registry rebuilt warning not linked to admin page +- #780690: Notice: Undefined index: date in _zen_preprocess_comment() +- #729144 by Frank Ralf: Update STARTERKIT theme-settings.php for Drupal 7 +- #563060 by seutje and JohnAlbin: Port Zen to Drupal 7 + +Zen 6.x-2.1, 2011-04-05 +----------------------- +- #774836 by hefox: Check if node $title is set before outputting +- #705264 by JohnAlbin, Jehu, mlncn and zenic: Allow Zen (and subthemes) to be used without a database +- #1046090 by daniels and JohnAlbin: $styles is destroyed by rare bug with APC +- #1083700: Add $submitted variable back into node.tpl +- #1086820 by tacituseu: Views classes redundant since Views 6.x-2.9 +- #1017062 by adrinux: Block edit links span entire block on RTL pages +- #774838 by bangpound, hefox and JohnAlbin: Add default case for build_mode +- #919838 by saem, rgbivens and JohnAlbin: Theme description links to wrong docs +- #992616 by JohnAlbin and adrinux: Comments in layout RTL stylesheets are incorrect +- #822570 by JohnAlbin and AaronCollier: Add focus styling to tabs +- #1072268: Zen theme doesn't load RTL styles +- #929630 by juan_g and akalata: URL for overriding stylesheets documentation has changed +- #742208: Conflict with domain theme module +- #1063226 by tacituseu, danillonunes and barraponto: Unpublished comment style is not applied +- #962356: Convert region template suggestions into theme hook suggestions +- #978640 by marcvangend: Whitespace before comment causes jQuery error +- #1046394 by n8tron and JohnAlbin: Add first and last classes to blocks +- #870080 by mverbaar: Correction to README.TXT for STARTERKIT +- #707410 by AdrianB: improve detection of Panels pages +- #634552 by JohnAlbin and tim.plunkett: Conflict with context module +- #941714: Modules setting $classes in preprocess functions breaks expected Zen classes +- #932826: mytheme_links__system_main_menu() doesn't work as expected +- Fix PHP warning on maintenance page +- #690026: Cannot override region.tpl.php + +Zen 6.x-2.0, 2010-06-26 +----------------------- +- #791056 by meatsack and JohnAlbin: Zen clobbers Views 3 classes +- #838338: element-invisible class doesn't fully hide elements +- #723514 by kmonty: Link in STARTERKIT description incorrect +- Skip navigation's ID changed from #skip-to-nav to #skip-link +- Added $block_html_id to block.tpl.php +- #772488 by andreiashu: Fatal error: Call to undefined function + ctools_menu_primary_local_tasks() +- #707410 by agentrickard and JohnAlbin: Add page-views and page-panels body classes +- #691426: Add D7-style named implementations of theme_links in page.tpl +- #683904: SUBTHEME_process functions do not work +- #552156: broken clearfix class causes overlapping containers in IE7 +- #593290 by sfyn and JohnAlbin: Chaos Tools/Panels edit tab not working with Zen +- #661628 by Jacine and JohnAlbin: Integration with Skinr module +- by Jacine: Added views-view.tpl.php with support for $classes variables +- by caroltron, gleroux02, _natron, and JohnAlbin: Add panels 3 layouts using + Zen layout method + +Zen 6.x-2.0-beta1, 2009-11-10 +----------------------------- +- #478134 by mithrill: Improve docs about sites/all/themes and sites/default/themes folders +- #628070 by Aren Cambre: Change "jquery" to "JavaScript" in STARTERKIT.info.txt +- #626868 by alefteris: Replace Bitstream Vera with DejaVu fonts +- #624818 by Aren Cambre and Garrett Albright: Tahoma shouldn't be first font pick +- #600344 by mgifford: Use of absolute font size in block editing links breaks WCAG 2.0 +- #546904 by Jennifer_M: List $node as available variable in page.tpl.php +- #583716 by droidenator: Empty title can cause breadcrumbs to display incorrectly +- #600920 by kto.3decb: Fix incorrect comment block class name +- #624046: Replace zen_id_safe() with drupal_html_class() and drupal_html_id() +- Renamed $closure_region region to $page_closure +- #622324: Update page.tpl to use ideas from D7 + - Renamed #page and #page-inner to #page-wrapper and #page + - Added <span> around site name + - Moved #skip-to-nav styling to pages.css + - Removed #navigation link anchor + - Renamed div#header-inner to div.section which can be themed with #header .section + - Renamed #main and #main-inner to #main-wrapper and #main + - Renamed div#content-inner to div.section which can be themed with #content .section + - Removed #content-header div + - Added $highlight region + - Renamed #navbar div to #navigation + - Renamed $navbar region to $navigation + - Renamed .with-navbar class to .with-navigation + - Added #navigation .section div + - Removed #sidebar-first, #sidebar-first-inner, #sidebar-second, #sidebar-second-inner and moved styles to .region-sidebar-first, .region-sidebar-first .section, .region-sidebar-second, .region-sidebar-second .section + - Added #footer .section div +- Added region-sidebar.tpl.php template suggestion +- #308254: Make "skip to nav" styling more useful and less intrusive +- #621798: Change sidebar variables to be RTL friendly and $shows_blocks compatible +- #547696: Update node.tpl to use ideas from D7 + - Renamed $picture to $user_picture in node.tpl.php + - Renamed .sticky class to .node-sticky in node.tpl.php + - Removed #node-inner div + - Added $display_submitted variable and deprecated $submitted variable + - Renamed the .node-mine class to .node-by-viewer +- #620794: Update block.tpl to use ideas from D7 + - Removed .block-inner div + - Renamed $block->subject variable to $title + - Renamed $block->content variable to $content +- #548994: Update comment.tpl and comment-wrapper.tpl to use ideas from D7 + - Renamed comment-wrapper's h2#comments-title to #comments h2.title + - Added $created to comment.tpl and deprecated $submitted + - Removed #comment-inner div + - comment div classes changed: + - .comment-by-anon changed to .comment-by-anonymous + - .comment-by-author changed to .comment-by-node-author + - .comment-mine changed to .comment-by-viewer + - .comment-published was removed +- #311458: Search box gets disabled after arbitrary amount of time +- Added $classes and $classes_array to all templates, not just Zen's templates +- Renamed page.tpl's $body_classes and $body_classes_array to $classes and $classes_array +- #564068: Views classes are missing from $classes variable +- Simplified header, content_top, content_bottom, navbar, and footer region markup +- Add region.tpl.php template +- Render $edit_links_array in zen_process_block +- #546858: Add THEME_process_HOOK functions to Zen +- #317417 by JohnAlbin and quicksketch: Fix off-line maintenance page since drupal_get_path('theme', 'zen') won't work +- #549798 by caroltron: page-backgrounds.css missing from .info file +- Remove ie5.css from STARTERKIT and deprecate support for IE5 +- #547696: Update node.tpl to use ideas from D7 +- Renamed $picture to $user_picture in node.tpl.php +- Renamed sticky class to node-sticky in node.tpl.php +- Added $build_mode variable to node.tpl.php +- #445814: Change primary/secondary link rendering and move secondary menu to footer +- #445822: Simplify wrapper divs around logo, site name, slogan +- #546862: Add D7's element-hidden and element-invisible for accessibility features +- #547382: Rename Zen's reset stylesheet to html-reset.css from html-elements.css +- #527494: Follow Drupal's proposed CSS coding standards +- #480610 by kdebaas: css class .field-type-image does not exist anymore in 6.x version of the module +- #545320 by Deslack: Use of split() generate E_DEPRECATED warnings on PHP 5.3.0 +- #542818: Using alternate layout method causes .clearfix class to disappear +- #546828: Move tpl.php files to a templates folder in the root zen directory +- #546792: Remove box.tpl.php +- #513926: Sub-themes cannot reorder the stylesheets of the base theme +- #456136: Move zen stylesheets into STARTERKIT/css +- #544750 by kdebaas: Wrong sidebar class naming in maintenance-page.tpl.php +- #529796: Make block edit links easier to edit/turn off individually +- Added $classes_array variable to node, block and comment templates +- Add layout.css in Zen's .info file to properly position sub-theme's layout.css +- #379902: Make all stylesheets RTL compatible +- #472694: Drupal 6.11 broke Zen's OpenID overrides +- #375976 by JohnAlbin and Amitaibu: Flip sidebar positioning on RTL +- #375953 by Amitaibu and JohnAlbin: Change sidebar names to be RTL friendly +- Updated screenshot.png to use Zen logo since an actual screenshot is boring +- Changed "or" back to "||" in node.tpl.php since themers do need to learn a little PHP +- #254821: Sub-theme's .info file triggers incorrect "out of date" flag in update module +- Added blockquote indent stlying +- Removed navigation-top named anchor from page templates +- #382598: .node div.links ruleset doesn't match html in node template +- #452118: Removed redundant wrapper div around comment links +- #382480 by Ognyan Kulev: #block-menu-2 should be #block-menu-primary-links +- #374349: breadcrumb often broken when zen_breadcrumb_title is on +- #426750: Removed Zen Classic sub theme +- #445830: Rename clear-block CSS class to clearfix +- #445790: Move search box to header +- #445562: q0rban and JohnAlbin: Allow modules to declare their own block edit links +- Added optional node-type-specific preprocess functions +- Added notes about mobile stylesheets to STARTERKIT.info +- #200495 by JohnAlbin, caroltron, and Toe: Split up monolithic zen.css into smaller, logical stylesheets +- #328221 by kmonty and JohnAlbin: Split up ie.css to remove CSS hacks + +Zen 6.x-1.2, 2011-02-26 +----------------------- +- #593290 by sfyn and JohnAlbin: Chaos Tools/Panels edit tab not working with Zen + +Zen 6.x-1.1, 2009-11-10 +----------------------- +- #478134 by mithrill: Improve docs about sites/all/themes and sites/default/themes folders +- #600758 by mattyoung: Secondary links run together in one line with primary links +- #600344 by mgifford: Use of absolute font size in block editing links breaks WCAG 2.0 +- #546904 by Jennifer_M: List $node as available variable in page.tpl.php +- #583716 by droidenator: Empty title can cause breadcrumbs to display incorrectly +- #600920 by kto.3decb: Fix incorrect comment block class name +- #297084: Remove ctype_lower() from zen_id_safe() to prevent WSOD/Fatal error on some systems +- #317417 by JohnAlbin and quicksketch: Fix off-line maintenance page since drupal_get_path('theme', 'zen') won't work +- #545320 by Deslack: Use of split() generate E_DEPRECATED warnings on PHP 5.3.0 +- #472694: Drupal 6.11 broke Zen's OpenID overrides +- Updated screenshot.png to use Zen logo since an actual screenshot is boring +- Changed "or" back to "||" in node.tpl.php since themers do need to learn a little PHP +- #254821: Sub-theme's .info file triggers incorrect "out of date" flag in update module +- #327455 by grendzy and erifneerg: name and id mismatch in named anchor causing validation error +- #382598: .node div.links ruleset doesn't match html in node template +- #382480 by Ognyan Kulev: #block-menu-2 should be #block-menu-primary-links +- #374349: breadcrumb often broken when zen_breadcrumb_title is on +- #426750: Removed Zen Classic sub theme +- #445562: q0rban and JohnAlbin: Allow modules to declare their own block edit links + +Zen 6.x-1.0, 2009-02-14 +----------------------- +- #342004 by Amitaibu: Add css hint to prevent cramped-looking tables +- #290657: Liquid layout does not have min-width enforced +- #329769 by kmonty: Update zen_id_safe to remove underscores +- #275832: hook_theme implementation breaks maintenance page when database is down +- #362104: layout breaks on Zen-themed maintenance page +- Changed "or" back to "||" in template files since themers do need to learn a little PHP +- #346867 by debonator: navbar-inner is missing the "clear-block" class +- #325610 by Garrett Albright: Site name and logo don't link to frontpage on multilingual site +- #281106: Erroneous whitespace when div.clear-block touches bottom edge of viewport +- #365631: Zen's table-styling-fix breaks update module's styling +- #322480 by grendzy, mr.baileys, Bevan, and JohnAlbin: Make registry rebuild warning less obtrusive +- #325630: Broken link in "Theme registry rebuilt" warning when Clean URLs is off +- #324104 by JohnAlbin and dalin: Broken block editing link for Views 2 +- #365205: block editing link doesn't work with Menu Block 6.x-2.1 and later +- #308251 by Garrett Albright: Improve icon placement on status, warning, and error messages +- Added $body_classes_array variable to page template +- #343945: Fix zen_breadcrumb_title setting to use proper menu_get_active_item() +- #279896 by lutegrass: Help prevent double H1 tags on homepage that is not /node +- #310507 by MikeyLikesIt: Footer region not output in Zen Classic +- #347195: Remove theme registry fix that was needed for broken Drupal 6.0 - 6.6 +- #346706 by jsaints: Content clipped after page one when printing in Firefox +- #311529: Remove core's page-ARG0 body class, leaving zen's page-PATH +- Simplified body class generation code +- #334956 by hansrossel: Remove no-longer-needed fix for "Flash of Unstyled Content in IE" +- Fixed theme settings CSS for IE6 users +- Added Photoshop file for STARTERKIT screenshot +- Added Photoshop file for messages +- Allow easier CSS rule overriding by including THEMENAME.css file last +- Fixed message styling in Zen Classic +- #308957: html-elements.css not enabled in STARTERKIT +- #288213 by budda: Tabs in IE have a text select cursor rather than hand pointer +- #310818: Auto theme-registry rebuild warns themer multiple times + +Zen 6.x-1.0-beta3, 2008-09-15 +----------------------------- +- #308251: Add useful styling for status, warning, and error messages +- #307309: Add feature to rebuild theme registry during theme development +- Removed path_to_zentheme() since we're not conditionally including wireframes.css or block-editing.css +- #245832: Add IE conditional stylesheets to .info file +- #263228: Allow sub-themes to override wireframes.css +- #260605: Can't override block-editing.css +- #308266: Don't display footer if no footer message or footer blocks +- Changed $block_classes to $classes and $comment_classes to $classes and $node_classes to $classes +- #290838 by thehong: Only display comments block when comments content is not empty +- Don't display comment wrapper title on forums +- #299397: Synchronize Zen's tpl files with core's tpl files +- #281106 by kmonty: Erroneous whitespace when div.clear-block touches bottom edge of viewport +- Changed "||" to "or" in template files since its more intuitive to PHP newbies +- #279896: Help prevent double H1 tags on homepage that is not /node +- #279896: Moved styles to zen.css that should never have been in layout.css +- #255265 by kmonty: Don't "skip to nav" if there's no nav +- Re-arranged sidebar classes so they are in no-sidebars -> two-sidebars order in the layout CSS files +- #306856: Optimize code by adding conditional includes +- Moved some comments from zen to STARTERKIT where they belong +- Optimized zen_breadcrumb() +- Folded template-menus.php back into template.php since its not conditionally included +- Removed theme_username from STARTERKIT and zen_classic since it was fixed in Drupal 6.3 +- Optimized zen_menu_item_link() +- #305311: CSS files makes reference to to drupal5-reference.css +- #299419: Remove empty zen.css in sub-themes +- #284798: PHP warning when settings section of .info file is missing +- #272655: Make STARTERKIT_theme easier to extend + +Zen 6.x-1.0-beta2, 2008-05-20 +----------------------------- +- #260016: PHP 4 Parse error: syntax error, unexpected '&' + +Zen 6.x-1.0-beta1, 2008-05-15 +----------------------------- +- #253609 by jjeff: Add 'region' class to regions +- #258123 by jjeff: Rearrange placement of #site-name strong +- #248103: Allow themes to set defaults for settings in their .info files +- #249532: Allow subthemes to have preprocess hooks without tpl files +- #223518: Option to show page title in breadcrumbs +- #253249: zen_id_safe fails when first character is extended latin +- #251632: Make the closure region more useful +- #199682: 'Submitted by' text is shown for content even if setting is disabled +- #222339: Blocks in Zen Classic header and closure lack padding +- #248780: admin table styles override update_status styling +- #232840: OpenID login block displaying incorrectly +- #246110 by jjeff: zen.css breaks .container-inline +- #229661: Search Box doesn't return any results or warnings +- #244023 by jjeff: Make block editing links go to actual menu edit pages +- #245968 by jjeff: Put the word "Comments" above comments +- #238387: Update README on how to edit the .info file +- #227297 by Aragorn450: CSS Include for wireframes broken +- Prevented "notice: Undefined variable: edit_links" for anonymous users +- Made block-editing.css a "theme"-type CSS file +- #224416 by sykora: <span> displaying on mouse over on block heading +- Added complete Drupal 6 CSS for easy reference by theme developers +- Added Photoshop file for tabs +- #222299: Block editing link in Zen Classic footer is white on white + +Zen 5.x-1.2, 2009-02-15 +----------------------- +- #342004 by Amitaibu: Add css hint to prevent cramped-looking tables +- #290657: Liquid layout does not have min-width enforced +- #279896 by lutegrass: Help prevent double H1 tags on homepage that is not /node +- #346706 by jsaints: Content clipped after page one when printing in Firefox +- Added $body_classes_array variable to page template +- Simplified body class generation code +- Fixed theme settings CSS for IE6 users +- #288213 by budda: Tabs in IE have a text select cursor rather than hand pointer +- #249823: Add options to toggle display of primary and secondary links +- #281106 by kmonty: Erroneous whitespace when div.clear-block touches bottom edge of viewport +- #279896: Help prevent double H1 tags on homepage that is not /node +- #279896: Moved styles to zen.css that should never have been in layout.css +- #255265 by kmonty: Don't "skip to nav" if there's no nav +- #263228: Allow sub-themes to override wireframes.css +- Added sample override template file for search block's form +- Fixed _zen_hook() to look in sub-theme directory when $hook is not valid PHP function name +- #223518: Option to show page title in breadcrumbs +- #255263: Don't call preprocess functions twice when Zen is active theme +- #253249: zen_id_safe fails when first character is extended latin + +Zen 5.x-1.1, 2008-04-21 +----------------------- +- #246109: Add MODULE_preprocess_HOOK functions to Zen +- #199682: 'Submitted by' text is shown for content even if setting is disabled +- #247960: Add THEME_preprocess() hook to Zen +- #222339: Blocks in Zen Classic header and closure lack padding +- #248720 by matt@antinomia: Only UPDATE {system} table WHERE type = 'theme' +- #248780: admin table styles override update_status styling +- #246110 by jjeff: zen.css breaks .container-inline +- Prevented "notice: Undefined variable: edit_links" for anonymous users +- Made block-editing.css a "theme"-type CSS file +- Added Photoshop file for tabs +- #222299: Block editing link in Zen Classic footer is white on white + +Zen 5.x-1.0, 2008-02-14 +----------------------- +- #220161: Change SUBTHEME to STARTERKIT to prevent accidental WSOD +- #221545 by jjeff: Add theme_comment_wrapper() and theme_username() from Zengine +- #220551: IE6: sidebars disappear when resizing window +- Added body classes: section-node-add, section-node-edit, section-node-delete +- Prevented display of empty help from node_help() +- #219401: Add theme override examples for all functions used in Zen core + +Zen 5.x-1.0-beta2, 2008-01-29 +----------------------------- +- #214777: sub-theme's search-theme-form.tpl is ignored +- #206707: tr.even/odd border-bottom is missing in IE +- #207743 by jjeff: Added translatable "Unpublished" text as background +- #207743 by jjeff: Added block editing links on hover +- Added extended block classes (zebra class by jjeff) +- #207743 by jjeff: Allow a sub-theme to add/alter block variables +- #110897: oversize content causes IE6 layout breakage (now fixed in Zen Classic) +- #211156 by jjeff: $subtheme_directory variable in page.tpl.php never gets populated +- #206060: changed inline styling method for navbar links from inline to float + +Zen 5.x-1.0-beta1, 2008-01-06 +----------------------------- +- Removed named anchors from doc flow to prevent any styles from appearing +- #203213 by kdebaas: Add node-teaser class to nodes displayed as teasers +- #203112 by kdebaas: Un-localizable string in search-theme-form.tpl.php +- #201793: Fixed fatal error when no settings are added to a sub-theme's settings +- #196181: _phptemplate_callback doesn't look in sub-theme folder for .tpl.php files +- Added sample override template file for drupal search form +- Added SUBTHEME directory as a starter sub-theme for developers +- #199036 by joachim: Make padding on #squeeze conditional +- #199578: Fatal error on Zen Classic theme settings when using admin theme +- #200380 by psynaptic: missing semi-colon in layout-fixed.css +- #196230: Tabs broken in IE5 and IE6 +- #199682: 'Submitted by' text is shown even if setting is disabled +- #171201: Remove un-localizable date/time format from base theme +- Added theme settings to control layout method and wireframes inclusion +- Added fixed layout stylesheet + +Zen 5.x-0.8, 2007-11-29 +----------------------- +- #196223: IE5 always loads @import print stylesheet +- #184232: Add README documentation +- #121991: Source rendering order needs adjustment +- #110897: oversize content causes IE6 layout breakage +- Added unique classes for each page and website section +- Added customizable breadcrumb settings +- Split template.php into multiple files to ease theme developer overload +- Add prettier tab styling +- #141784: Add conditional IE stylesheets +- Merge zen-fixed with zen_classic +- Add optional Theme Settings API integration +- #169359: Base CSS and tpl files don't get loaded (sub-theme with page.tpl.php) +- #171464: Create starter theme; migrate current style to a sub-theme +- Add ability to change regions in a sub-theme +- Add complete Drupal 5 CSS for easy reference by theme developers +- #183936: Backport Drupal 6 $body_classes + +Zen 5.x-0.7, 2007-10-15 +----------------------- +- #100894: For SEO, H1#site-name should be div#site-name strong +- #118467 by leandrosiow: Screen redraw errors with resizable textareas in Firefox +- #154937 by msonnabaum: add skip navigation for screen readers/mobility impaired +- #122592: Ability to theme each primary link +- #178560 by incognito: Shifting avatars in the comment blocks +- #110553 by rport: Use png instead of gif for images +- #120052: Add linux fonts +- #183360: Empty H2 appears on blocks with no titles +- #121101: zen.css does not validate +- #110902: IE6: text falls outside and to the left of content area +- #183354: Add a div around the feed icons +- #120341: Sidebar has unwanted 5em bottom margin +- #122938: Enabling CSS aggregation messes up the CSS in Safari +- #110897: oversize content causes IE6 layout breakage +- #119270: profile pictures indenting +- #118170 by mr700: blockquote css border has two widths +- #110810: change .submitted span to div +- #100899: don't use sidebar class for widths +- #182130 by joachim: links in h2 and h3 different sizes +- #182556: Added CHANGELOG + +Zen 5.x-0.6, 2007-01-17 +----------------------- +- Initial pre-release diff --git a/sites/all/themes/zen/LICENSE.txt b/sites/all/themes/zen/LICENSE.txt new file mode 100755 index 000000000..d159169d1 --- /dev/null +++ b/sites/all/themes/zen/LICENSE.txt @@ -0,0 +1,339 @@ + GNU GENERAL PUBLIC LICENSE + Version 2, June 1991 + + Copyright (C) 1989, 1991 Free Software Foundation, Inc., + 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA + Everyone is permitted to copy and distribute verbatim copies + of this license document, but changing it is not allowed. + + Preamble + + The licenses for most software are designed to take away your +freedom to share and change it. By contrast, the GNU General Public +License is intended to guarantee your freedom to share and change free +software--to make sure the software is free for all its users. This +General Public License applies to most of the Free Software +Foundation's software and to any other program whose authors commit to +using it. (Some other Free Software Foundation software is covered by +the GNU Lesser General Public License instead.) You can apply it to +your programs, too. + + When we speak of free software, we are referring to freedom, not +price. Our General Public Licenses are designed to make sure that you +have the freedom to distribute copies of free software (and charge for +this service if you wish), that you receive source code or can get it +if you want it, that you can change the software or use pieces of it +in new free programs; and that you know you can do these things. + + To protect your rights, we need to make restrictions that forbid +anyone to deny you these rights or to ask you to surrender the rights. +These restrictions translate to certain responsibilities for you if you +distribute copies of the software, or if you modify it. + + For example, if you distribute copies of such a program, whether +gratis or for a fee, you must give the recipients all the rights that +you have. You must make sure that they, too, receive or can get the +source code. And you must show them these terms so they know their +rights. + + We protect your rights with two steps: (1) copyright the software, and +(2) offer you this license which gives you legal permission to copy, +distribute and/or modify the software. + + Also, for each author's protection and ours, we want to make certain +that everyone understands that there is no warranty for this free +software. If the software is modified by someone else and passed on, we +want its recipients to know that what they have is not the original, so +that any problems introduced by others will not reflect on the original +authors' reputations. + + Finally, any free program is threatened constantly by software +patents. We wish to avoid the danger that redistributors of a free +program will individually obtain patent licenses, in effect making the +program proprietary. To prevent this, we have made it clear that any +patent must be licensed for everyone's free use or not licensed at all. + + The precise terms and conditions for copying, distribution and +modification follow. + + GNU GENERAL PUBLIC LICENSE + TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION + + 0. This License applies to any program or other work which contains +a notice placed by the copyright holder saying it may be distributed +under the terms of this General Public License. The "Program", below, +refers to any such program or work, and a "work based on the Program" +means either the Program or any derivative work under copyright law: +that is to say, a work containing the Program or a portion of it, +either verbatim or with modifications and/or translated into another +language. (Hereinafter, translation is included without limitation in +the term "modification".) Each licensee is addressed as "you". + +Activities other than copying, distribution and modification are not +covered by this License; they are outside its scope. The act of +running the Program is not restricted, and the output from the Program +is covered only if its contents constitute a work based on the +Program (independent of having been made by running the Program). +Whether that is true depends on what the Program does. + + 1. You may copy and distribute verbatim copies of the Program's +source code as you receive it, in any medium, provided that you +conspicuously and appropriately publish on each copy an appropriate +copyright notice and disclaimer of warranty; keep intact all the +notices that refer to this License and to the absence of any warranty; +and give any other recipients of the Program a copy of this License +along with the Program. + +You may charge a fee for the physical act of transferring a copy, and +you may at your option offer warranty protection in exchange for a fee. + + 2. You may modify your copy or copies of the Program or any portion +of it, thus forming a work based on the Program, and copy and +distribute such modifications or work under the terms of Section 1 +above, provided that you also meet all of these conditions: + + a) You must cause the modified files to carry prominent notices + stating that you changed the files and the date of any change. + + b) You must cause any work that you distribute or publish, that in + whole or in part contains or is derived from the Program or any + part thereof, to be licensed as a whole at no charge to all third + parties under the terms of this License. + + c) If the modified program normally reads commands interactively + when run, you must cause it, when started running for such + interactive use in the most ordinary way, to print or display an + announcement including an appropriate copyright notice and a + notice that there is no warranty (or else, saying that you provide + a warranty) and that users may redistribute the program under + these conditions, and telling the user how to view a copy of this + License. (Exception: if the Program itself is interactive but + does not normally print such an announcement, your work based on + the Program is not required to print an announcement.) + +These requirements apply to the modified work as a whole. If +identifiable sections of that work are not derived from the Program, +and can be reasonably considered independent and separate works in +themselves, then this License, and its terms, do not apply to those +sections when you distribute them as separate works. But when you +distribute the same sections as part of a whole which is a work based +on the Program, the distribution of the whole must be on the terms of +this License, whose permissions for other licensees extend to the +entire whole, and thus to each and every part regardless of who wrote it. + +Thus, it is not the intent of this section to claim rights or contest +your rights to work written entirely by you; rather, the intent is to +exercise the right to control the distribution of derivative or +collective works based on the Program. + +In addition, mere aggregation of another work not based on the Program +with the Program (or with a work based on the Program) on a volume of +a storage or distribution medium does not bring the other work under +the scope of this License. + + 3. You may copy and distribute the Program (or a work based on it, +under Section 2) in object code or executable form under the terms of +Sections 1 and 2 above provided that you also do one of the following: + + a) Accompany it with the complete corresponding machine-readable + source code, which must be distributed under the terms of Sections + 1 and 2 above on a medium customarily used for software interchange; or, + + b) Accompany it with a written offer, valid for at least three + years, to give any third party, for a charge no more than your + cost of physically performing source distribution, a complete + machine-readable copy of the corresponding source code, to be + distributed under the terms of Sections 1 and 2 above on a medium + customarily used for software interchange; or, + + c) Accompany it with the information you received as to the offer + to distribute corresponding source code. (This alternative is + allowed only for noncommercial distribution and only if you + received the program in object code or executable form with such + an offer, in accord with Subsection b above.) + +The source code for a work means the preferred form of the work for +making modifications to it. For an executable work, complete source +code means all the source code for all modules it contains, plus any +associated interface definition files, plus the scripts used to +control compilation and installation of the executable. However, as a +special exception, the source code distributed need not include +anything that is normally distributed (in either source or binary +form) with the major components (compiler, kernel, and so on) of the +operating system on which the executable runs, unless that component +itself accompanies the executable. + +If distribution of executable or object code is made by offering +access to copy from a designated place, then offering equivalent +access to copy the source code from the same place counts as +distribution of the source code, even though third parties are not +compelled to copy the source along with the object code. + + 4. You may not copy, modify, sublicense, or distribute the Program +except as expressly provided under this License. Any attempt +otherwise to copy, modify, sublicense or distribute the Program is +void, and will automatically terminate your rights under this License. +However, parties who have received copies, or rights, from you under +this License will not have their licenses terminated so long as such +parties remain in full compliance. + + 5. You are not required to accept this License, since you have not +signed it. However, nothing else grants you permission to modify or +distribute the Program or its derivative works. These actions are +prohibited by law if you do not accept this License. Therefore, by +modifying or distributing the Program (or any work based on the +Program), you indicate your acceptance of this License to do so, and +all its terms and conditions for copying, distributing or modifying +the Program or works based on it. + + 6. Each time you redistribute the Program (or any work based on the +Program), the recipient automatically receives a license from the +original licensor to copy, distribute or modify the Program subject to +these terms and conditions. You may not impose any further +restrictions on the recipients' exercise of the rights granted herein. +You are not responsible for enforcing compliance by third parties to +this License. + + 7. If, as a consequence of a court judgment or allegation of patent +infringement or for any other reason (not limited to patent issues), +conditions are imposed on you (whether by court order, agreement or +otherwise) that contradict the conditions of this License, they do not +excuse you from the conditions of this License. If you cannot +distribute so as to satisfy simultaneously your obligations under this +License and any other pertinent obligations, then as a consequence you +may not distribute the Program at all. For example, if a patent +license would not permit royalty-free redistribution of the Program by +all those who receive copies directly or indirectly through you, then +the only way you could satisfy both it and this License would be to +refrain entirely from distribution of the Program. + +If any portion of this section is held invalid or unenforceable under +any particular circumstance, the balance of the section is intended to +apply and the section as a whole is intended to apply in other +circumstances. + +It is not the purpose of this section to induce you to infringe any +patents or other property right claims or to contest validity of any +such claims; this section has the sole purpose of protecting the +integrity of the free software distribution system, which is +implemented by public license practices. Many people have made +generous contributions to the wide range of software distributed +through that system in reliance on consistent application of that +system; it is up to the author/donor to decide if he or she is willing +to distribute software through any other system and a licensee cannot +impose that choice. + +This section is intended to make thoroughly clear what is believed to +be a consequence of the rest of this License. + + 8. If the distribution and/or use of the Program is restricted in +certain countries either by patents or by copyrighted interfaces, the +original copyright holder who places the Program under this License +may add an explicit geographical distribution limitation excluding +those countries, so that distribution is permitted only in or among +countries not thus excluded. In such case, this License incorporates +the limitation as if written in the body of this License. + + 9. The Free Software Foundation may publish revised and/or new versions +of the General Public License from time to time. Such new versions will +be similar in spirit to the present version, but may differ in detail to +address new problems or concerns. + +Each version is given a distinguishing version number. If the Program +specifies a version number of this License which applies to it and "any +later version", you have the option of following the terms and conditions +either of that version or of any later version published by the Free +Software Foundation. If the Program does not specify a version number of +this License, you may choose any version ever published by the Free Software +Foundation. + + 10. If you wish to incorporate parts of the Program into other free +programs whose distribution conditions are different, write to the author +to ask for permission. For software which is copyrighted by the Free +Software Foundation, write to the Free Software Foundation; we sometimes +make exceptions for this. Our decision will be guided by the two goals +of preserving the free status of all derivatives of our free software and +of promoting the sharing and reuse of software generally. + + NO WARRANTY + + 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY +FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN +OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES +PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED +OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF +MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS +TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE +PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, +REPAIR OR CORRECTION. + + 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING +WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR +REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, +INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING +OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED +TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY +YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER +PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE +POSSIBILITY OF SUCH DAMAGES. + + END OF TERMS AND CONDITIONS + + How to Apply These Terms to Your New Programs + + If you develop a new program, and you want it to be of the greatest +possible use to the public, the best way to achieve this is to make it +free software which everyone can redistribute and change under these terms. + + To do so, attach the following notices to the program. It is safest +to attach them to the start of each source file to most effectively +convey the exclusion of warranty; and each file should have at least +the "copyright" line and a pointer to where the full notice is found. + + <one line to give the program's name and a brief idea of what it does.> + Copyright (C) <year> <name of author> + + This program is free software; you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation; either version 2 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License along + with this program; if not, write to the Free Software Foundation, Inc., + 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. + +Also add information on how to contact you by electronic and paper mail. + +If the program is interactive, make it output a short notice like this +when it starts in an interactive mode: + + Gnomovision version 69, Copyright (C) year name of author + Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'. + This is free software, and you are welcome to redistribute it + under certain conditions; type `show c' for details. + +The hypothetical commands `show w' and `show c' should show the appropriate +parts of the General Public License. Of course, the commands you use may +be called something other than `show w' and `show c'; they could even be +mouse-clicks or menu items--whatever suits your program. + +You should also get your employer (if you work as a programmer) or your +school, if any, to sign a "copyright disclaimer" for the program, if +necessary. Here is a sample; alter the names: + + Yoyodyne, Inc., hereby disclaims all copyright interest in the program + `Gnomovision' (which makes passes at compilers) written by James Hacker. + + <signature of Ty Coon>, 1 April 1989 + Ty Coon, President of Vice + +This General Public License does not permit incorporating your program into +proprietary programs. If your program is a subroutine library, you may +consider it more useful to permit linking proprietary applications with the +library. If this is what you want to do, use the GNU Lesser General +Public License instead of this License. diff --git a/sites/all/themes/zen/README-FIRST.txt b/sites/all/themes/zen/README-FIRST.txt new file mode 100644 index 000000000..5ef41b335 --- /dev/null +++ b/sites/all/themes/zen/README-FIRST.txt @@ -0,0 +1,100 @@ +WHERE TO START +-------------- + +Yay! You opened the correct file first. The first thing that people notice when +they download the Zen theme is that there are A LOT of files -- way more than +other themes. + +Don't worry! You don't need to learn everything all at once in order to make a +drupal theme. Zen will do the bits you haven't learned and patiently wait for +you to discover the documentation and inline comments about them. + + +WHAT ARE BASE THEMES, SUB-THEMES AND STARTER THEMES? +---------------------------------------------------- + +Often the best way to learn a system is to take an existing example and modify +it to see how it works. One big disadvantage of this learning method is that if +you break something and the original example worked before you hacked it, +there's very little incentive for others to help you. + +Drupal's theming system has a solution to this problem: parent themes and +sub-themes. A "sub-theme" will inherit all its HTML markup, CSS, and PHP code +from its "parent theme" (also called a "base theme".) And with Drupal themes, +it's easy for a sub-theme to override just the parts of the parent theme it +wants to modify. + +A "starter theme" is a sub-theme designed specifically to be a good starting +point for developing a custom theme for your website. It is usually paired with +a base theme. + +So how do you create a theme with Zen? + +The Zen theme includes the Zen base theme as well as a starter theme called +"STARTERKIT". 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 and put it in a folder +outside of the root zen/ folder. + + +SUGGESTED READING +----------------- + +Installation + If you don't know how to install a Drupal theme, there is a quick primer later + in this document. + +Building a theme with Zen + See the STARTERKIT/README.txt file for full instructions. + +Theme .info file + Your sub-theme's .info file holds the basic information about your theme that + Drupal needs to know: its name, description, features, template regions, CSS + files, and JavaScript. Don't worry about all these lines just yet. + +CSS + Once you have created your sub-theme, look at the README.txt in your + sub-theme's css folder. Don't freak out about all the files in this directory; + just read the README.txt file for an explanation. + +Templates + Now take a look at the README.txt in your sub-theme's templates folder. + + +ONLINE READING +-------------- + +Full documentation on the Zen theme can be found in Drupal's Handbook: + http://drupal.org/node/193318 + +Excellent documentation on Drupal theming can be found in the Theme Guide: + http://drupal.org/theme-guide + + +INSTALLATION +------------ + + 1. Download Zen from http://drupal.org/project/zen + + 2. Unpack the downloaded file, take the entire zen folder and place it in your + Drupal installation under one of the following locations: + sites/all/themes + making it available to the default Drupal site and to all Drupal sites + in a multi-site configuration + sites/default/themes + making it available to only the default Drupal site + sites/example.com/themes + making it available to only the example.com site if there is a + sites/example.com/settings.php configuration file + + Please note: you will need to manually create the "themes" folder under + "sites/default/". + + For more information about acceptable theme installation directories, read + the sites/default/default.settings.php file in your Drupal installation. + + 3. Log in as an administrator on your Drupal site and go to the Appearance page + at admin/appearance. You will see the Zen theme listed under the Disabled + Themes heading with links on how to create your own sub-theme. You can + optionally make Zen the default theme. + + 4. Now build your own sub-theme by reading the STARTERKIT/README.txt file. diff --git a/sites/all/themes/zen/STARTERKIT/README.txt b/sites/all/themes/zen/STARTERKIT/README.txt new file mode 100644 index 000000000..96e7d0b96 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/README.txt @@ -0,0 +1,133 @@ +BUILD A THEME WITH ZEN +---------------------- + +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 + + +*** IMPORTANT NOTE *** +* +* In Drupal 7, the theme system caches which template files and which theme +* functions should be called. This means that if you add a new theme, +* preprocess or process 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 7 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 7's cache by +* simply visiting the Appearance page at admin/appearance. +* + + + 1. Setup the location for your new sub-theme. + + 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 the base + theme. + + 2. Setup the basic information for your sub-theme. + + 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 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 7 Theme Guide for more info: + http://drupal.org/node/171205 + + Then, visit your site's Appearance page at admin/appearance to refresh + Drupal 7's cache of .info file data. + + 3. Choose your preferred page layout method or grid system. + + 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 + + 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. + + Then, visit your site's Appearance page at admin/appearance to refresh + Drupal 7's cache of .info file data. + + 4. Edit your sub-theme to use the proper function names. + + 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. Set your website's default theme. + + Log in as an administrator on your Drupal site, go to the Appearance page at + admin/appearance and click the "Enable and set default" link next to your + new sub-theme. + + +Optional steps: + + 6. Modify the markup in Zen core's 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. + + 7. Modify the markup in Drupal's search form. + + Copy the search-block-form.tpl.php template file from the modules/search/ + folder and place it in your sub-theme's template 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 7 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 template directory and then rebuild the theme registry. + See the Drupal 7 Theme Guide for more info: http://drupal.org/node/173880 + + 8. Further extend 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 7's Theme Guide online at: + http://drupal.org/theme-guide diff --git a/sites/all/themes/zen/STARTERKIT/STARTERKIT.info.txt b/sites/all/themes/zen/STARTERKIT/STARTERKIT.info.txt new file mode 100644 index 000000000..140dd907c --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/STARTERKIT.info.txt @@ -0,0 +1,136 @@ +; Drupal's .info files allow themers to easily specify some of the static +; properties of your theme. Properties such as its name, stylesheets, +; javascripts, and block regions. +; +; Drupal 7 stores a cache of the data in this .info files. If you modify any +; lines in this file, you MUST refresh Drupal 7's cache by simply visiting the +; Appearance page at admin/appearance. + + + +; The name, description and screenshot used for this theme on the Appearance +; page at admin/appearance. + +screenshot = screenshot.png +name = Zen Sub-theme Starter Kit +description = Read the <a href="http://drupal.org/node/873778">online docs</a> or the included README.txt on how to create a theme with Zen. + + + +; This theme is compatible with Drupal 7 core. And it is a sub-theme of Zen. + +core = 7.x +base theme = zen + + + +; This section adds CSS files to your theme. A media type or a media query is +; specified in the brackets. Typical CSS media types include "all", "screen", +; "print", and "handheld". A typical media query is +; "screen and (max-width: 320px)". +; +; CSS2.1 media types: http://www.w3.org/TR/CSS21/media.html#media-types +; CSS3 media queries: http://www.w3.org/TR/css3-mediaqueries/ +; +; You can also override or remove any module's stylesheets, an extremely useful +; feature. See the excellent Drupal 7 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/pages.css +stylesheets[all][] = css/blocks.css +stylesheets[all][] = css/navigation.css +stylesheets[all][] = css/views-styles.css +stylesheets[all][] = css/nodes.css +stylesheets[all][] = css/comments.css +stylesheets[all][] = css/forms.css +stylesheets[all][] = css/fields.css +stylesheets[print][] = css/print.css + +; Add conditional stylesheets that are processed by IE. See the css/README.txt. + +; To target all versions of IE with an ie.css, uncomment the following line: +;stylesheets-conditional[IE][all][] = css/ie.css +stylesheets-conditional[lte IE 7][all][] = css/ie7.css +stylesheets-conditional[lte IE 6][all][] = css/ie6.css + + + +; Optionally add some JavaScripts to your theme. + +;scripts[] = js/script.js + + + +; This section lists the regions defined in Zen's default page.tpl.php and +; maintenance-page.tpl.php files. The name in brackets is the machine name of +; the region. The text after the equals sign is a descriptive text used on the +; admin/structure/blocks page. +; +; In the page.tpl, the contents of the region are output with a +; $page['MACHINE-NAME'] variable and, in the maintenance-page.tpl, the region is +; output with a $MACHINE-NAME variable. For example, with this line in the .info +; file: +; regions[header_top] = Header top +; You'll use this variable in page.tpl.php: +; <?php print render($page['header_top']); ?> +; And you'll use this variable in maintenance-page.tpl.php: +; <?php print $header_top; ?> + +regions[help] = Help +regions[sidebar_first] = First sidebar +regions[sidebar_second] = Second sidebar +regions[navigation] = Navigation bar +regions[highlighted] = Highlighted +regions[content] = Content +regions[header] = Header +regions[footer] = Footer +regions[bottom] = Page bottom + +; The page_top and page_bottom regions are hidden, which means they will not +; show up on the blocks administration page. But they are required in order for +; the html.tpl.php to work properly, so do not delete them. + +regions[page_top] = Page top +regions[page_bottom] = Page bottom + + + +; Various page elements output by the theme can be toggled on and off. The +; "features" control which of these check boxes display on the +; admin/appearance config page. This is useful for suppressing check boxes +; for elements not used by your sub-theme. To suppress a check box, omit the +; entry for it below. See the Drupal 7 Theme Guide for more info: +; http://drupal.org/node/171205#features + +features[] = logo +features[] = name +features[] = slogan +features[] = node_user_picture +features[] = comment_user_picture +features[] = favicon +features[] = main_menu +features[] = secondary_menu + + + +; Set the default values of settings on the theme-settings.php form. + +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_jump_link_target] = main-menu +settings[zen_jump_link_text] = Jump to navigation +settings[zen_rebuild_registry] = 1 +settings[zen_wireframes] = 0 + +; To make this sub-theme an admin theme with shortcut links next to titles, +; uncomment the line below. + +;settings[shortcut_module_link] = 1 diff --git a/sites/all/themes/zen/STARTERKIT/css/README.txt b/sites/all/themes/zen/STARTERKIT/css/README.txt new file mode 100644 index 000000000..1fe2431cc --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/README.txt @@ -0,0 +1,111 @@ +ZEN'S STYLESHEETS +----------------- + +Don't panic! + +There are 25 CSS files in this sub-theme, but its not as bad as it first seems: +- The drupal7-reference.css is just a reference file and isn't used directly by + your sub-theme. See below. +- There are 7 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 16 CSS files. (Okay, still quite a few, but better than 25.) + +- 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: + While most of the CSS rulesets in your sub-theme are guidelines without any + actual properties, the tabs stylesheet contains actual styling for Drupal + tabs, a common Drupal element that is 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. + +- ie7.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. The full conditional comment syntax can be found on Microsoft's website: + http://msdn.microsoft.com/en-us/library/ms537512.aspx + 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 Zen's styles are overriding 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 +drupal7-reference.css file for a complete list of all Drupal 7.x core styles. diff --git a/sites/all/themes/zen/STARTERKIT/css/blocks.css b/sites/all/themes/zen/STARTERKIT/css/blocks.css new file mode 100644 index 000000000..00d848514 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/blocks.css @@ -0,0 +1,108 @@ +/** + * @file + * Block Styling + */ + + +.block /* Block wrapper */ { + margin-bottom: 1.5em; +} + +.block.first /* The first block in the region */ { +} + +.block.last /* The last block in the region */ { +} + +.block.odd /* Zebra striping for each block in the region */ { +} + +.block.even /* Zebra striping for each block in the region */ { +} + +h2.block-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 block created with "Add block" link */ { +} + +#block-blog-recent /* "Recent blog posts" block */ { +} + +#block-book-navigation /* "Book navigation" block for the current book's table of contents */ { +} + +#block-comment-recent /* "Recent comments" block */ { +} + +#block-forum-active /* "Active forum topics" block */ { +} + +#block-forum-new /* "New forum topics" block */ { +} + +#block-locale-language /* Language switcher block */ { +} + +#block-menu-menu-NAME /* Custom menu block */ { +} + +#block-node-recent /* "Recent content" block */ { +} + +#block-node-syndicate /* "Syndicate" block for primary RSS feed; see also page.css's .feed-icon */ { +} + +#block-poll-recent /* "Most recent poll" block */ { +} + +#block-profile-author-information /* "Author information" block for the profile of the page's author */ { +} + +#block-search-form /* "Search form" block */ { +} + +#block-shortcut-shortcuts /* "Shortcuts" block */ { +} + +#block-statistics-popular /* "Popular content" block */ { +} + +#block-system-main-menu /* "Main menu" block */ { +} + +#block-system-management /* "Management" block for Drupal management menu */ { +} + +#block-system-navigation /* "Navigation" block for Drupal navigation menu */ { +} + +#block-system-user-menu /* "User menu" block for Drupal user menu */ { +} + +#block-system-help /* "System help" block */ { +} + +#block-system-main /* "Main page content" block */ { +} + +#block-system-powered-by /* "Powered by Drupal" block */ { +} + +#block-user-login /* "User login form" block */ { +} + +#block-user-new /* "Who's new" block for a list of the newest users */ { +} + +#block-user-online /* "Who's online" block for a list of the online users */ { +} diff --git a/sites/all/themes/zen/STARTERKIT/css/comments.css b/sites/all/themes/zen/STARTERKIT/css/comments.css new file mode 100644 index 000000000..f3a1d8838 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/comments.css @@ -0,0 +1,79 @@ +/** + * @file + * Comment Styling + */ + + +#comments /* Wrapper for the list of comments and its title */ { + margin: 1.5em 0; +} + +#comments h2.title /* Heading for the list of comments */ { +} + +#comments h2.comment-form /* Heading for the comment form */ { +} + +.comment /* Wrapper for a single comment */ { +} + +.comment-preview /* Preview of the comment before submitting new or updated comment */ { + background-color: #ffffea; /* Drupal core will use a #ffffea background. See #1110842 */ +} + +.comment.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 */ { +} + +h3.comment-title /* Comment title */ { +} + +.new /* "New" marker for comments that are new for the current user */ { + color: #c00; +} + +.comment .user-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 */ +} diff --git a/sites/all/themes/zen/STARTERKIT/css/drupal7-reference.css b/sites/all/themes/zen/STARTERKIT/css/drupal7-reference.css new file mode 100644 index 000000000..2fae0130f --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/drupal7-reference.css @@ -0,0 +1,3744 @@ +/** + * @file + * DRUPAL 7.x Reference CSS + * + * THIS FILE IS FOR REFERENCE ONLY AND IS NOT USED IN ANY WAY BY THE ZEN THEME. + * + * Drupal has very modular CSS. Which means that only the CSS that is needed + * for a particular page is loaded. This is a good thing. + * + * However, this makes it difficult for theme developers to discover how and + * where a particular style is coming from. So, here in all its glory is the + * complete CSS included with Drupal core 7.x. + * + * And, if you're not already, you should check out the free Firebug extension + * for Firefox. With it, you can inspect elements and easily view and play with + * its CSS styles. http://www.getfirebug.com + * + * + * List of all Drupal core stylesheets: + * - modules/aggregator/aggregator.css (and aggregator-rtl.css) + * - modules/block/block.css + * - modules/book/book.css (and book-rtl.css) + * - modules/color/color.css (and color-rtl.css) + * - modules/comment/comment.css (and comment-rtl.css) + * - modules/contextual/contextual.css (and contextual-rtl.css) + * - modules/dashboard/dashboard.css + * - modules/dblog/dblog.css (and dblog-rtl.css) + * - modules/field/theme/field.css (and field-rtl.css) + * - modules/field_ui/field_ui.css (and field_ui-rtl.css) + * - modules/file/file.css + * - modules/filter/filter.css + * - modules/forum/forum.css (and forum-rtl.css) + * - modules/help/help.css (and help-rtl.css) + * - modules/image/image.admin.css + * - modules/image/image.css (and image-rtl.css) + * - modules/locale/locale.css + * - modules/menu/menu.css + * - modules/node/node.css (and node-rtl.css) + * - modules/openid/openid.css (and openid-rtl.css) + * - modules/overlay/overlay-child.css + * - modules/overlay/overlay-parent.css + * - modules/poll/poll.css (and poll-rtl.css) + * - modules/profile/profile.css + * - modules/search/search.css (and search-rtl.css) + * - modules/shortcut/shortcut.admin.css + * - modules/shortcut/shortcut.css (and shortcut-rtl.css) + * - modules/simpletest/simpletest.css + * - modules/system/system.admin.css (and system.admin-rtl.css) + * - modules/system/system.base.css (and system.base-rtl.css) + * - modules/system/system.maintenance.css + * - modules/system/system.menus.css (and system.menus-rtl.css) + * - modules/system/system.messages.css (and system.messages-rtl.css) + * - modules/system/system.theme.css (and system.theme-rtl.css) + * - modules/taxonomy/taxonomy.css + * - modules/toolbar/toolbar.css (and toolbar-rtl.css) + * - modules/tracker/tracker.css + * - modules/update/update.css (and update-rtl.css) + * - modules/user/user.css (and user-rtl.css) + */ + + +/* + * modules/aggregator/aggregator-rtl.css + */ + +#aggregator .feed-source .feed-icon { + float: left; +} + + +/* + * modules/aggregator/aggregator.css + */ + +#aggregator .feed-source .feed-title { + margin-top: 0; +} +#aggregator .feed-source .feed-image img { + margin-bottom: 0.75em; +} +#aggregator .feed-source .feed-icon { + float: right; /* LTR */ + display: block; +} +#aggregator .feed-item { + margin-bottom: 1.5em; +} +#aggregator .feed-item-title { + margin-bottom: 0; + font-size: 1.3em; +} +#aggregator .feed-item-meta, +#aggregator .feed-item-body { + margin-bottom: 0.5em; +} +#aggregator .feed-item-categories { + font-size: 0.9em; +} +#aggregator td { + vertical-align: bottom; +} +#aggregator td.categorize-item { + white-space: nowrap; +} +#aggregator .categorize-item .news-item .body { + margin-top: 0; +} +#aggregator .categorize-item h3 { + margin-bottom: 1em; + margin-top: 0; +} + + +/* + * modules/block/block.css + */ + +#blocks tr.region-title td { + font-weight: bold; +} +#blocks tr.region-message { + font-weight: normal; + color: #999; +} +#blocks tr.region-populated { + display: none; +} +.block-region { + background-color: #ff6; + margin-top: 4px; + margin-bottom: 4px; + padding: 3px; +} +a.block-demo-backlink, +a.block-demo-backlink:link, +a.block-demo-backlink:visited { + background-color: #B4D7F0; + -moz-border-radius: 0 0 10px 10px; + -webkit-border-radius: 0 0 10px 10px; + border-radius: 0 0 10px 10px; + color: #000; + font-family: "Lucida Grande", Verdana, sans-serif; + font-size: small; + line-height: 20px; + left: 20px; /*LTR*/ + padding: 5px 10px; + position: fixed; + z-index: 499; +} +a.block-demo-backlink:hover { + text-decoration: underline; +} + + +/* + * modules/book/book-rtl.css + */ + +.book-navigation .menu { + padding: 1em 3em 0 0; +} + +.book-navigation .page-previous { + float: right; +} +.book-navigation .page-up { + float: right; +} + + +/* + * modules/book/book.css + */ + +.book-navigation .menu { + border-top: 1px solid #888; + padding: 1em 0 0 3em; /* LTR */ +} +.book-navigation .page-links { + border-top: 1px solid #888; + border-bottom: 1px solid #888; + text-align: center; + padding: 0.5em; +} +.book-navigation .page-previous { + text-align: left; + width: 42%; + display: block; + float: left; /* LTR */ +} +.book-navigation .page-up { + margin: 0 5%; + width: 4%; + display: block; + float: left; /* LTR */ +} +.book-navigation .page-next { + text-align: right; + width: 42%; + display: block; + float: right; +} +#book-outline { + min-width: 56em; +} +.book-outline-form .form-item { + margin-top: 0; + margin-bottom: 0; +} +html.js #edit-book-pick-book { + display: none; +} +.form-item-book-bid .description { + clear: both; +} +#book-admin-edit select { + margin-right: 24px; +} +#book-admin-edit select.progress-disabled { + margin-right: 0; +} +#book-admin-edit tr.ajax-new-content { + background-color: #ffd; +} +#book-admin-edit .form-item { + float: left; +} + + +/* + * modules/color/color-rtl.css + */ + +#placeholder { + left: 0; + right: auto; +} + +/* Palette */ +.color-form .form-item { + padding-left: 0; + padding-right: 1em; +} +.color-form label { + float: right; + clear: right; +} +.color-form .form-text, +.color-form .form-select { + float: right; +} +.color-form .form-text { + margin-right: 0; + margin-left: 5px; +} +#palette .hook { + float: right; +} +#palette .down, +#palette .up, +#palette .both { + background: url(images/hook-rtl.png) no-repeat 0 0; +} +#palette .up { + background-position: 0 -27px; +} +#palette .both { + background-position: 0 -54px; +} +#palette .lock { + float: right; + right: -10px; +} +html.js #preview { + float: right; +} + + +/* + * modules/color/color.css + */ + +/* Farbtastic placement */ +.color-form { + max-width: 50em; + position: relative; +} +#placeholder { + position: absolute; + top: 0; + right: 0; /* LTR */ +} + +/* Palette */ +.color-form .form-item { + height: 2em; + line-height: 2em; + padding-left: 1em; /* LTR */ + margin: 0.5em 0; +} +.color-form label { + float: left; /* LTR */ + clear: left; /* LTR */ + width: 10em; +} +.color-form .form-text, +.color-form .form-select { + float: left; /* LTR */ +} +.color-form .form-text { + text-align: center; + margin-right: 5px; /* LTR */ + cursor: pointer; +} + +#palette .hook { + float: left; /* LTR */ + margin-top: 3px; + width: 16px; + height: 16px; +} +#palette .down, +#palette .up, +#palette .both { + background: url(images/hook.png) no-repeat 100% 0; /* LTR */ +} +#palette .up { + background-position: 100% -27px; /* LTR */ +} +#palette .both { + background-position: 100% -54px; /* LTR */ +} + +#palette .lock { + float: left; /* LTR */ + position: relative; + top: -1.4em; + left: -10px; /* LTR */ + width: 20px; + height: 25px; + background: url(images/lock.png) no-repeat 50% 2px; + cursor: pointer; +} +#palette .unlocked { + background-position: 50% -22px; +} +#palette .form-item { + width: 20em; +} +#palette .item-selected { + background: #eee; +} + +/* Preview */ +#preview { + display: none; +} +html.js #preview { + display: block; + position: relative; + float: left; /* LTR */ +} + + +/* + * modules/comment/comment-rtl.css + */ + +.indented { + margin-left: 0; + margin-right: 25px; +} + + +/* + * modules/comment/comment.css + */ + +#comments { + margin-top: 15px; +} +.indented { + margin-left: 25px; /* LTR */ +} +.comment-unpublished { + background-color: #fff4f4; +} +.comment-preview { + background-color: #ffffea; +} + + +/* + * modules/contextual/contextual-rtl.css + */ + +div.contextual-links-wrapper { + left: 5px; + right: auto; +} +div.contextual-links-wrapper ul.contextual-links { + -moz-border-radius: 0 4px 4px 4px; + -webkit-border-top-left-radius: 0; + -webkit-border-top-right-radius: 4px; + border-radius: 0 4px 4px 4px; + left: 0; + right: auto; +} +a.contextual-links-trigger { + text-indent: -90px; +} + + +/* + * modules/contextual/contextual.css + */ + +/** + * Contextual links regions. + */ +.contextual-links-region { + outline: none; + position: relative; +} +.contextual-links-region-active { + outline: #999 dashed 1px; +} + +/** + * Contextual links. + */ +div.contextual-links-wrapper { + display: none; + font-size: 90%; + position: absolute; + right: 5px; /* LTR */ + top: 2px; + z-index: 999; +} +html.js div.contextual-links-wrapper { + display: block; +} +a.contextual-links-trigger { + background: transparent url(images/gear-select.png) no-repeat 2px 0; + border: 1px solid transparent; + display: none; + height: 18px; + margin: 0; + padding: 0 2px; + outline: none; + text-indent: 34px; /* LTR */ + width: 28px; + overflow: hidden; + -khtml-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} +a.contextual-links-trigger:hover, +div.contextual-links-active a.contextual-links-trigger { + background-position: 2px -18px; +} +div.contextual-links-active a.contextual-links-trigger { + background-position: 2px -18px; + background-color: #fff; + border-color: #ccc; + border-bottom: none; + position: relative; + z-index: 1; + -moz-border-radius: 4px 4px 0 0; + -webkit-border-bottom-left-radius: 0; + -webkit-border-bottom-right-radius: 0; + border-radius: 4px 4px 0 0; +} +div.contextual-links-wrapper ul.contextual-links { + background-color: #fff; + border: 1px solid #ccc; + display: none; + margin: 0; + padding: 0.25em 0; + position: absolute; + right: 0; + text-align: left; + top: 18px; + white-space: nowrap; + -moz-border-radius: 4px 0 4px 4px; /* LTR */ + -webkit-border-bottom-left-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -webkit-border-top-right-radius: 0; /* LTR */ + -webkit-border-top-left-radius: 4px; /* LTR */ + border-radius: 4px 0 4px 4px; /* LTR */ +} +.contextual-links-region:hover a.contextual-links-trigger, +div.contextual-links-active a.contextual-links-trigger, +div.contextual-links-active ul.contextual-links { + display: block; +} +ul.contextual-links li { + line-height: 100%; + list-style: none; + list-style-image: none; + margin: 0; + padding: 0; +} +div.contextual-links-wrapper a { + text-decoration: none; +} +ul.contextual-links li a { + color: #333 !important; + display: block; + margin: 0.25em 0; + padding: 0.25em 1em 0.25em 0.5em; +} +ul.contextual-links li a:hover { + background-color: #bfdcee; +} + + +/* + * modules/dashboard/dashboard-rtl.css + */ + +#dashboard div.dashboard-region { + float: right; +} +#dashboard #disabled-blocks .block, #dashboard .block-placeholder { + float: right; + margin: 3px 0 3px 3px; + padding: 6px 8px 6px 4px; +} +#dashboard .canvas-content a.button { + margin: 0 10px 0 0; +} +#dashboard .ui-sortable .block h2 { + background-position: right -39px; + padding: 0 19px; +} +#dashboard.customize-inactive #disabled-blocks .block:hover h2 { + background-position: right -39px; +} +#dashboard.customize-inactive .dashboard-region .ui-sortable .block:hover h2 { + background-position: right -36px; +} +#dashboard div#dashboard_main { + margin-left: 1%; + margin-right: 0; +} + + +/* + * modules/dashboard/dashboard.css + */ + +#dashboard div.dashboard-region { + float: left; + min-height: 1px; +} + +#dashboard div#dashboard_main { + width: 65%; + margin-right: 1%; /* LTR */ +} + +#dashboard div#dashboard_sidebar { + width: 33%; +} + +#dashboard div.block { + margin-bottom: 20px; +} + +#dashboard .dashboard-region .block { + clear: both; +} + +#dashboard div.block h2 { + float: none; +} + +#dashboard #disabled-blocks .block, +#dashboard .block-placeholder { + background: #e2e1dc; + padding: 6px 4px 6px 8px; /* LTR */ + margin: 3px 3px 3px 0; /* LTR */ + float: left; /* LTR */ + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} + +#dashboard .dashboard-add-other-blocks { + margin: 10px 0 0 0; +} + +#dashboard .ui-sortable { + border: 2px dashed #ccc; + padding: 10px; +} + +#dashboard .canvas-content { + padding: 10px; +} + +#dashboard #disabled-blocks .ui-sortable { + padding: 0; + background-color: #777; + border: 0; +} + +#dashboard .canvas-content a.button { + margin: 0 0 0 10px; /* LTR */ + color: #5a5a5a; + text-decoration: none; +} + +#dashboard .region { + margin: 5px; +} + +#dashboard #disabled-blocks .region { + background-color: #E0E0D8; + border: #ccc 1px solid; + padding: 10px; +} + +#dashboard #disabled-blocks { + padding: 5px 0; +} + +#dashboard #disabled-blocks h2 { + display: inline; + font-weight: normal; + white-space: nowrap; +} + +#dashboard #disabled-blocks .block { + background: #444; + color: #fff; +} + +#dashboard.customize-inactive #disabled-blocks .block:hover { + background: #0074BD; +} + +#dashboard #disabled-blocks .block .content, +#dashboard .ui-sortable-helper .content { + display: none; +} + +#dashboard .ui-sortable .block { + cursor: move; + min-height: 1px; +} + +#dashboard .ui-sortable .block h2 { + background: transparent url(../../misc/draggable.png) no-repeat 0px -39px; + padding: 0 17px; +} + +#dashboard.customize-inactive #disabled-blocks .block:hover h2 { + background: #0074BD url(../../misc/draggable.png) no-repeat 0px -39px; + color: #fff; +} + +#dashboard.customize-inactive .dashboard-region .ui-sortable .block:hover h2 { + background: #0074BD url(../../misc/draggable.png) no-repeat; + background-position: 3px -36px; + color: #fff; +} + +#dashboard .dashboard-region .block-placeholder { + margin: 0 0 20px 0; + padding: 0; + display: block; + height: 1.6em; + width: 100%; +} + +#dashboard #disabled-blocks .block-placeholder { + width: 30px; + height: 1.6em; +} + + +/* + * modules/dblog/dblog-rtl.css + */ + +.form-item-type, +.form-item-severity { + float: right; + padding-right: 0; + padding-left: .8em; +} + + +/* + * modules/dblog/dblog.css + */ + +.form-item-type, +.form-item-severity { + float: left; /* LTR */ + padding-right: .8em; /* LTR */ + margin: 0.1em; + /** + * In Opera 9, DOM elements with the property of "overflow: auto" + * will partially hide its contents with unnecessary scrollbars when + * its immediate child is floated without an explicit width set. + */ + width: 15em; +} +#dblog-filter-form .form-type-select select { + width: 100%; +} +#dblog-filter-form .form-actions { + float: left; + padding: 3ex 0 0 1em; +} + +tr.dblog-user { + background: #ffd; +} +tr.dblog-user .active { + background: #eed; +} +tr.dblog-content { + background: #ddf; +} +tr.dblog-content .active { + background: #cce; +} +tr.dblog-page-not-found, +tr.dblog-access-denied { + background: #dfd; +} +tr.dblog-page-not-found .active, +tr.dblog-access-denied .active { + background: #cec; +} +tr.dblog-error { + background: #ffc9c9; +} +tr.dblog-error .active { + background: #eeb9b9; +} +table#admin-dblog td.icon { + background: no-repeat center; + width: 16px; +} +table#admin-dblog tr.dblog-warning td.icon { + background-image: url(../../misc/message-16-warning.png); +} +table#admin-dblog tr.dblog-error td.icon { + background-image: url(../../misc/message-16-error.png); +} + + +/* + * modules/field/theme/field-rtl.css + */ + +form .field-multiple-table th.field-label { + padding-right: 0; +} +form .field-multiple-table td.field-multiple-drag { + padding-left: 0; +} +form .field-multiple-table td.field-multiple-drag a.tabledrag-handle{ + padding-left: .5em; +} +.field-label-inline .field-label, +.field-label-inline .field-items { + float: right; +} + + +/* + * modules/field/theme/field.css + */ + +/* Field display */ +.field .field-label { + font-weight: bold; +} +.field-label-inline .field-label, +.field-label-inline .field-items { + float:left; /*LTR*/ +} + +/* Form display */ +form .field-multiple-table { + margin: 0; +} +form .field-multiple-table th.field-label { + padding-left: 0; /*LTR*/ +} +form .field-multiple-table td.field-multiple-drag { + width: 30px; + padding-right: 0; /*LTR*/ +} +form .field-multiple-table td.field-multiple-drag a.tabledrag-handle { + padding-right: .5em; /*LTR*/ +} + +form .field-add-more-submit { + margin: .5em 0 0; +} + + +/* + * modules/field_ui/field_ui-rtl.css + */ + +/* 'Manage fields' overview */ +table.field-ui-overview tr.add-new .label-input { + float: right; +} + + +/* + * modules/field_ui/field_ui.css + */ + +/* 'Manage fields' and 'Manage display' overviews */ +table.field-ui-overview tr.add-new .label-input { + float: left; /* LTR */ +} +table.field-ui-overview tr.add-new .tabledrag-changed { + display: none; +} +table.field-ui-overview tr.add-new .description { + margin-bottom: 0; +} +table.field-ui-overview tr.add-new .add-new-placeholder { + font-weight: bold; + padding-bottom: .5em; +} +table.field-ui-overview tr.region-title td { + font-weight: bold; +} +table.field-ui-overview tr.region-message td { + font-style: italic; +} +table.field-ui-overview tr.region-populated { + display: none; +} +table.field-ui-overview tr.region-add-new-title { + display: none; +} + +/* 'Manage display' overview */ +#field-display-overview .field-formatter-summary-cell { + line-height: 1em; +} +#field-display-overview .field-formatter-summary { + float: left; + font-size: 0.9em; +} +#field-display-overview td.field-formatter-summary-cell span.warning { + display: block; + float: left; + margin-right: .5em; +} +#field-display-overview .field-formatter-settings-edit-wrapper { + float: right; +} +#field-display-overview .field-formatter-settings-edit { + float: right; +} +#field-display-overview tr.field-formatter-settings-editing td { + vertical-align: top; +} +#field-display-overview tr.field-formatter-settings-editing .field-formatter-type { + display: none; +} +#field-display-overview .field-formatter-settings-edit-form .formatter-name{ + font-weight: bold; +} +#field-ui-display-overview-form #edit-refresh { + display:none; +} + + +/* + * modules/file/file.css + */ + +/** + * Managed file element styles. + */ +.form-managed-file .form-file, +.form-managed-file .form-submit { + margin: 0; +} + +.form-managed-file input.progress-disabled { + float: none; + display: inline; +} + +.form-managed-file div.ajax-progress, +.form-managed-file div.throbber { + display: inline; + float: none; + padding: 1px 5px 2px 5px; +} + +.form-managed-file div.ajax-progress div { + display: inline; +} + +.form-managed-file div.ajax-progress-bar { + display: none; + margin-top: 4px; + width: 28em; + padding: 0; +} + +.form-managed-file div.ajax-progress-bar div.bar { + margin: 0; +} + + +/* + * modules/filter/filter.css + */ + +.text-format-wrapper .form-item { + margin-bottom: 0; +} +.filter-wrapper { + border-top: 0; + margin: 0; + padding: 1.5em 0 1.5em; +} +.filter-wrapper .form-item { + float: left; + padding: 0 0 0.5em 1.5em; +} +.filter-wrapper .form-item label { + display: inline; +} +.filter-help { + float: right; + padding: 0 1.5em 0.5em; +} +.filter-help p { + margin: 0; +} +.filter-help a { + background: transparent url(../../misc/help.png) right center no-repeat; + padding: 0 20px; +} +.filter-guidelines { + clear: left; + padding: 0 1.5em; +} +.text-format-wrapper .description { + margin-top: 0.5em; +} + +#filter-order tr .form-item { + padding: 0.5em 0 0 3em; + white-space: normal; +} +#filter-order tr .form-type-checkbox .description { + padding: 0 0 0 2.5em; +} +input#edit-filters-filter-html-settings-allowed-html { + width: 100%; +} + +.tips { + margin-top: 0; + margin-bottom: 0; + padding-top: 0; + padding-bottom: 0; + font-size: 0.9em; +} + + +/* + * modules/forum/forum-rtl.css + */ + +#forum tr td.forum { + padding-left: 0.5em; + padding-right: 25px; + background-position: 98% 2px; +} +.forum-topic-navigation { + padding: 1em 3em 0 0; +} +.forum-topic-navigation .topic-previous { + text-align: left; + float: right; +} +.forum-topic-navigation .topic-next { + text-align: right; + float: left; +} + + +/* + * modules/forum/forum.css + */ + +#forum .description { + font-size: 0.9em; + margin: 0.5em; +} +#forum td.created, +#forum td.posts, +#forum td.topics, +#forum td.last-reply, +#forum td.replies, +#forum td.pager { + white-space: nowrap; +} +#forum tr td.forum { + padding-left: 25px; /* LTR */ + background-position: 2px 2px; /* LTR */ + background-image: url(../../misc/forum-default.png); + background-repeat: no-repeat; +} +#forum tr.new-topics td.forum { + background-image: url(../../misc/forum-new.png); +} +#forum div.indent { + margin-left: 20px; +} +#forum .icon div { + background-image: url(../../misc/forum-icons.png); + background-repeat: no-repeat; + width: 24px; + height: 24px; +} +#forum .icon .topic-status-new { + background-position: -24px 0; +} +#forum .icon .topic-status-hot { + background-position: -48px 0; +} +#forum .icon .topic-status-hot-new { + background-position: -72px 0; +} +#forum .icon .topic-status-sticky { + background-position: -96px 0; +} +#forum .icon .topic-status-closed { + background-position: -120px 0; +} + + +/* + * modules/help/help-rtl.css + */ + +.help-items { + float: right; + padding-right: 0; + padding-left: 3%; +} +.help-items-last { + padding-right: 0; + padding-left: 0; +} + + +/* + * modules/help/help.css + */ + +.help-items { + float: left; /* LTR */ + width: 22%; + padding-right: 3%; /* LTR */ +} +.help-items-last { + padding-right: 0; /* LTR */ +} + + +/* + * modules/image/image-rtl.css + */ + +/** + * Image upload widget. + */ +div.image-preview { + float: right; + padding: 0 0 10px 10px; +} +div.image-widget-data { + float: right; +} + + +/* + * modules/image/image.admin.css + */ + +/** + * Image style configuration pages. + */ +div.image-style-new, +div.image-style-new div { + display: inline; +} +div.image-style-preview div.preview-image-wrapper { + float: left; + padding-bottom: 2em; + text-align: center; + top: 50%; + width: 48%; +} +div.image-style-preview div.preview-image { + margin: auto; + position: relative; +} +div.image-style-preview div.preview-image div.width { + border: 1px solid #666; + border-top: none; + height: 2px; + left: -1px; + bottom: -6px; + position: absolute; +} +div.image-style-preview div.preview-image div.width span { + position: relative; + top: 4px; +} +div.image-style-preview div.preview-image div.height { + border: 1px solid #666; + border-left: none; + position: absolute; + right: -6px; + top: -1px; + width: 2px; +} +div.image-style-preview div.preview-image div.height span { + height: 2em; + left: 10px; + margin-top: -1em; + position: absolute; + top: 50%; +} + +/** + * Image anchor element. + */ +table.image-anchor { + width: auto; +} +table.image-anchor tr.even, +table.image-anchor tr.odd { + background: none; +} +table.image-anchor td { + border: 1px solid #CCC; +} + + +/* + * modules/image/image.css + */ + +/** + * Image upload widget. + */ +div.image-preview { + float: left; /* LTR */ + padding: 0 10px 10px 0; /* LTR */ +} +div.image-widget-data { + float: left; /* LTR */ +} +div.image-widget-data input.text-field { + width: auto; +} + + +/* + * modules/locale/locale.css + */ + +.locale-untranslated { + font-style: normal; + text-decoration: line-through; +} + +#locale-translation-filter-form .form-item-language, +#locale-translation-filter-form .form-item-translation, +#locale-translation-filter-form .form-item-group { + float: left; /* LTR */ + padding-right: .8em; /* LTR */ + margin: 0.1em; + /** + * In Opera 9, DOM elements with the property of "overflow: auto" + * will partially hide its contents with unnecessary scrollbars when + * its immediate child is floated without an explicit width set. + */ + width: 15em; +} +#locale-translation-filter-form .form-type-select select { + width: 100%; +} +#locale-translation-filter-form .form-actions { + float: left; + padding: 3ex 0 0 1em; +} + +.language-switcher-locale-session a.active { + color: #0062A0; +} + +.language-switcher-locale-session a.session-active { + color: #000000; +} + + +/* + * modules/menu/menu.css + */ + +.menu-operations { + width: 100px; +} + +.menu-enabled { + width: 70px; +} + +.menu-enabled input { + margin-left:25px; +} + + +/* + * modules/node/node-rtl.css + */ + +#node-admin-content dl.multiselect dd .form-item label { + display: block; + float: right; + width: 6em; + font-weight: normal; +} + +#node-admin-buttons { + float: right; + margin-left: 0; + margin-right: 0.5em; + clear: left; +} + + +/* + * modules/node/node.css + */ + +.node-unpublished { + background-color: #fff4f4; +} +.preview .node { + background-color: #ffffea; +} +td.revision-current { + background: #ffc; +} + + +/* + * modules/openid/openid-rtl.css + */ + +#edit-openid-identifier { + background-position: right 50%; + padding-left: 0; + padding-right: 20px; +} +#user-login .openid-links { + padding-right: 0; +} +html.js #user-login-form li.openid-link, +html.js #user-login li.openid-link { + margin-right: 0; +} +#user-login-form li.openid-link a, +#user-login li.openid-link a { + background-position: right top; + padding: 0 1.5em 0 0; +} + + +/* + * modules/openid/openid.css + */ + +#edit-openid-identifier { + background-image: url("login-bg.png"); + background-position: left 50%; /* LTR */ + background-repeat: no-repeat; + padding-left: 20px; /* LTR */ +} +div.form-item-openid-identifier { + display: block; +} +html.js #user-login-form div.form-item-openid-identifier, +html.js #user-login div.form-item-openid-identifier { + display: none; +} +#user-login-form ul { + margin-top: 0; +} +#user-login ul { + margin: 0 0 5px; +} +#user-login ul li { + margin: 0; +} +#user-login-form .openid-links { + padding-bottom: 0; +} +#user-login .openid-links { + padding-left: 0; /* LTR */ +} +#user-login-form .openid-links li, +#user-login .openid-links li { + display: none; + list-style: none; +} +html.js #user-login-form li.openid-link, +html.js #user-login li.openid-link { + display: block; + margin-left: 0; /* LTR */ +} +#user-login-form li.openid-link a, +#user-login li.openid-link a { + background-image: url("login-bg.png"); + background-position: left top; /* LTR */ + background-repeat: no-repeat; + padding: 0 0 0 1.5em; /* LTR */ +} + + +/* + * modules/overlay/overlay-child.css + */ + +html.js { + background: transparent !important; + overflow-y: scroll; +} +html.js body { + background: transparent !important; + margin-left: 0; + margin-right: 0; + padding: 20px 0; +} + +#overlay { + display: table; + margin: 0 auto; + min-height: 100px; + min-width: 700px; + position: relative; + padding: .2em; + padding-right: 26px; + width: 88%; +} +#overlay-titlebar { + padding: 0 20px; + position: relative; + white-space: nowrap; + z-index: 100; +} +#overlay-content { + background: #fff; + clear: both; + color: #000; + padding: .5em 1em; + position: relative; +} + +#overlay-title-wrapper { + overflow: hidden; +} +#overlay-title { + color: #fff; + float: left; + font-size: 20px; + margin: 0; + padding: 0.3em 0; +} +#overlay-title:active, +#overlay-title:focus { + outline: 0; +} + +.overlay #skip-link { + margin-top: -20px; +} +.overlay #skip-link a { + color: #fff; /* This is white to contrast with the dark background behind it. */ +} + +#overlay-close-wrapper { + position: absolute; + right: 0; +} +#overlay-close, +#overlay-close:hover { + background: transparent url(images/close.png) no-repeat; + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + display: block; + height: 26px; + margin: 0; + padding: 0; + /* Replace with position:fixed to get a scrolling close button. */ + position: absolute; + width: 26px; +} + +/** + * Tabs on the overlay. + */ +#overlay-tabs { + line-height: 27px; + margin: -28px 0 0 0; + position: absolute; + right: 20px; + text-transform: uppercase; +} +#overlay-tabs li { + display: inline; + list-style: none; + margin: 0 0 0 -3px; + padding: 0; +} +#overlay-tabs li a, +#overlay-tabs li a:active, +#overlay-tabs li a:visited, +#overlay-tabs li a:hover { + background-color: #a6a7a2; + -moz-border-radius: 8px 8px 0 0; + -webkit-border-top-left-radius: 8px; + -webkit-border-top-right-radius: 8px; + border-radius: 8px 8px 0 0; + color: #000; + display: inline-block; + font-size: 11px; + font-weight: bold; + margin: 0 0 2px 0; + outline: 0; + padding: 0 14px; + text-decoration: none; +} +#overlay-tabs li.active a, +#overlay-tabs li.active a.active, +#overlay-tabs li.active a:active, +#overlay-tabs li.active a:visited { + background-color: #fff; + margin: 0; + padding-bottom: 2px; +} +#overlay-tabs li a:focus, +#overlay-tabs li a:hover { + color: #fff; +} +#overlay-tabs li.active a:focus, +#overlay-tabs li.active a:hover { + color: #000; +} + +/** + * Add to shortcuts link + */ +#overlay-titlebar .add-or-remove-shortcuts { + padding-top: 0.9em; +} + +/** + * IE6 shows elements with position:fixed as position:static so replace + * it with position:absolute; + */ +* html #overlay-close, +* html #overlay-close:hover { + position: absolute; +} + +/** + * Disable message. + */ +#overlay-disable-message { + background-color: #fff; + margin: -20px auto 20px; + width: 80%; + -moz-border-radius: 0 0 8px 8px; + -webkit-border-bottom-left-radius: 8px; + -webkit-border-bottom-right-radius: 8px; + border-radius: 0 0 8px 8px; +} +.overlay-disable-message-focused { + padding: 0.5em; +} +.overlay-disable-message-focused a { + display: block; + float: left; +} +.overlay-disable-message-focused #overlay-dismiss-message { + float: right; +} + + +/* + * modules/overlay/overlay-parent.css + */ + +html.overlay-open, +html.overlay-open body { + height: 100%; + overflow: hidden; +} + +#overlay-container, +.overlay-modal-background, +.overlay-element { + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 500; +} + +.overlay-modal-background { + /* Using a transparent png renders faster than using opacity */ + background: transparent url(images/background.png) repeat; +} + +.overlay-element { + background: transparent; + left: -200%; + z-index: 501; +} +.overlay-element.overlay-active { + left: 0; +} + +html.overlay-open .displace-top, +html.overlay-open .displace-bottom { + z-index: 600; +} + +/** + * Within the overlay parent, the message about disabling the overlay is for + * screen-reader users only. It is always kept invisible with the + * element-invisible class, and removed from the tab order. Overlay-child.css + * contains styling for the same message appearing within the overlay, and + * intended for sighted users. + */ +#overlay-disable-message { + display: none; +} +html.overlay-open #overlay-disable-message { + display: block; +} + + +/* + * modules/poll/poll-rtl.css + */ + +.poll .bar .foreground { + float: right; +} +.poll .percent { + text-align: left; +} +.poll .vote-form .choices { + text-align: right; +} + + +/* + * modules/poll/poll.css + */ + +.poll { + overflow: hidden; +} +.poll .bar { + height: 1em; + margin: 1px 0; + background-color: #ddd; +} +.poll .bar .foreground { + background-color: #000; + height: 1em; + float: left; /* LTR */ +} +.poll .links { + text-align: center; +} +.poll .percent { + text-align: right; /* LTR */ +} +.poll .total { + text-align: center; +} +.poll .vote-form { + text-align: center; +} +.poll .vote-form .choices { + text-align: left; /* LTR */ + margin: 0 auto; + display: table; +} +.poll .vote-form .choices .title { + font-weight: bold; +} +.node-form #edit-poll-more { + margin: 0; +} +.node-form #poll-choice-table .form-text { + display: inline; + width: auto; +} +.node-form #poll-choice-table td.choice-flag { + white-space: nowrap; + width: 4em; +} +td.poll-chtext { + width: 80%; +} +td.poll-chvotes .form-text { + width: 85%; +} + + +/* + * modules/profile/profile.css + */ + +#profile-fields td.category { + font-weight: bold; +} +#profile-fields tr.category-message { + color: #999; +} +#profile-fields tr.category-populated { + display: none; +} + + +/* + * modules/search/search-rtl.css + */ + +.search-advanced .criterion { + float: right; + margin-right: 0; + margin-left: 2em; +} +.search-advanced .action { + float: right; + clear: right; +} +.search-results .search-snippet-info { + padding-right: 1em; /* LTR */ +} + + +/* + * modules/search/search.css + */ + +.search-form { + margin-bottom: 1em; +} +.search-form input { + margin-top: 0; + margin-bottom: 0; +} +.search-results { + list-style: none; +} +.search-results p { + margin-top: 0; +} +.search-results .title { + font-size: 1.2em; +} +.search-results li { + margin-bottom: 1em; +} +.search-results .search-snippet-info { + padding-left: 1em; /* LTR */ +} +.search-results .search-info { + font-size: 0.85em; +} +.search-advanced .criterion { + float: left; /* LTR */ + margin-right: 2em; /* LTR */ +} +.search-advanced .action { + float: left; /* LTR */ + clear: left; /* LTR */ +} + + +/* + * modules/shortcut/shortcut-rtl.css + */ + +div#toolbar a#edit-shortcuts { + position: absolute; + left: 0; + top: 0; + padding: 5px 5px 5px 10px; +} +div#toolbar div.toolbar-shortcuts ul { + float: none; + margin-right: 5px; + margin-left: 10em; +} +div#toolbar div.toolbar-shortcuts ul li a { + margin-left: 5px; + margin-right: 0; + padding: 0 5px; +} +div#toolbar div.toolbar-shortcuts span.icon { + float: right; +} +div.add-or-remove-shortcuts a span.icon { + float: right; + margin-right: 8px; + margin-left: 0; +} +div.add-or-remove-shortcuts a span.text { + float: right; + padding-right: 10px; + padding-left: 0; +} +div.add-or-remove-shortcuts a:hover span.text { + -moz-border-radius: 5px 0 0 5px; + -webkit-border-top-left-radius: 5px; + -webkit-border-bottom-left-radius: 5px; + border-radius: 5px 0 0 5px; + padding-left: 6px; +} +#shortcut-set-switch .form-item-new { + padding-right: 17px; + padding-left: 0; +} +div.add-shortcut a:hover span.icon { + background-position: 0 -24px; +} +div.remove-shortcut a:hover span.icon { + background-position: -12px -24px; +} + + +/* + * modules/shortcut/shortcut.admin.css + */ + +.shortcut-slot-hidden { + display: none; +} + +div.form-item-set div.form-item-new { + display: inline; +} + + +/* + * modules/shortcut/shortcut.css + */ + +div#toolbar a#edit-shortcuts { + float: right; + padding: 5px 10px 5px 5px; + line-height: 24px; + color: #fefefe; +} +div#toolbar a#edit-shortcuts:focus, +div#toolbar a#edit-shortcuts:hover, +div#toolbar a#edit-shortcuts.active { + color: #fff; + text-decoration: underline; +} + +div#toolbar div.toolbar-shortcuts ul { + padding: 5px 0 2px 0; + height: 28px; + line-height: 24px; + float: left; /* LTR */ + margin-left:5px; /* LTR */ +} + +div#toolbar div.toolbar-shortcuts ul li a { + padding: 0 5px 0 5px; + margin-right: 5px; /* LTR */ + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} + +div#toolbar div.toolbar-shortcuts ul li a:focus, +div#toolbar div.toolbar-shortcuts ul li a:hover, +div#toolbar div.toolbar-shortcuts ul li a.active:focus { + background: #555; +} + +div#toolbar div.toolbar-shortcuts ul li a.active:hover, +div#toolbar div.toolbar-shortcuts ul li a.active { + background: #000; +} + +div#toolbar div.toolbar-shortcuts span.icon { + float: left; /* LTR */ + background: #444; + width: 30px; + height: 30px; + margin-right: 5px; /* LTR */ + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} + +div.add-or-remove-shortcuts { + padding-top: 5px; +} + +div.add-or-remove-shortcuts a span.icon { + display: block; + width: 12px; + background: transparent url(shortcut.png) no-repeat scroll 0 0; + height: 12px; + float: left; + margin-left:8px; +} + +div.add-shortcut a:focus span.icon, +div.add-shortcut a:hover span.icon { + background-position: 0 -12px; +} +div.remove-shortcut a span.icon { + background-position: -12px 0; +} +div.remove-shortcut a:focus span.icon, +div.remove-shortcut a:hover span.icon { + background-position: -12px -12px; +} + +div.add-or-remove-shortcuts a span.text { + float: left; + padding-left:10px; + display: none; +} + +div.add-or-remove-shortcuts a:focus span.text, +div.add-or-remove-shortcuts a:hover span.text { + font-size: 10px; + line-height: 12px; + color: #fff; + background-color: #5f605b; + display: block; + padding-right: 6px; /* LTR */ + cursor: pointer; + -moz-border-radius: 0 5px 5px 0; /* LTR */ + -webkit-border-top-right-radius: 5px; /* LTR */ + -webkit-border-bottom-right-radius: 5px; /* LTR */ + border-radius: 0 5px 5px 0; /* LTR */ +} + +#shortcut-set-switch .form-type-radios { + padding-bottom: 0; + margin-bottom: 0; +} + +#shortcut-set-switch .form-item-new { + padding-top: 0; + padding-left: 17px; /* LTR */ +} + + +/* + * modules/system/system.admin-rtl.css + */ + +/** + * @file + * RTL styles for administration pages. + */ + +/** + * Administration blocks. + */ +div.admin-panel .body { + padding: 0 8px 2px 4px; +} +div.admin .left { + float: right; + margin-left: 0; + margin-right: 1em; +} +div.admin .right { + float: left; + margin-left: 1em; + margin-right: 0; +} +div.admin .expert-link { + margin-right: 0; + margin-left: 1em; + padding-right: 0; + padding-left: 4px; + text-align: left; +} + +/** + * Status report. + */ +table.system-status-report td.status-icon { + padding-left: 0; + padding-right: 6px; +} +table.system-status-report tr.merge-up td { + padding: 0 28px 8px 6px; +} + +/** + * Appearance page. + */ +table.screenshot { + margin-left: 1em; +} +.system-themes-list-enabled .theme-selector .screenshot, +.system-themes-list-enabled .theme-selector .no-screenshot { + float: right; + margin: 0 0 0 20px; +} +.system-themes-list-disabled .theme-selector { + float: right; + padding: 20px 0 20px 20px; +} +.theme-selector .operations li { + border-right: none; + border-left: 1px solid #cdcdcd; + float: right; +} +.theme-selector .operations li.last { + border-left: none; + padding: 0 0.7em 0 0; +} +.theme-selector .operations li.first { + padding: 0 0 0 0.7em; +} + +/** + * Exposed filters. + */ +.exposed-filters .filters { + float: right; + margin-left: 1em; + margin-right: 0; +} +.exposed-filters .form-item label { + float: right; +} +/* Current filters */ +.exposed-filters .additional-filters { + float: right; + margin-left: 1em; + margin-right: 0; +} + + +/* + * modules/system/system.admin.css + */ + +/** + * @file + * Styles for administration pages. + */ + +/** + * Administration blocks. + */ +div.admin-panel { + margin: 0; + padding: 5px 5px 15px 5px; +} +div.admin-panel .description { + margin: 0 0 3px; + padding: 2px 0 3px 0; +} +div.admin-panel .body { + padding: 0 4px 2px 8px; /* LTR */ +} +div.admin { + padding-top: 15px; +} +div.admin .left { + float: left; /* LTR */ + width: 47%; + margin-left: 1em; /* LTR */ +} +div.admin .right { + float: right; /* LTR */ + width: 47%; + margin-right: 1em; /* LTR */ +} +div.admin .expert-link { + text-align: right; /* LTR */ + margin-right: 1em; /* LTR */ + padding-right: 4px; /* LTR */ +} + +/** + * Markup generated by theme_system_compact_link(). + */ +.compact-link { + margin: 0 0 0.5em 0; +} + +/** + * Quick inline admin links. + */ +small .admin-link:before { + content: '['; +} +small .admin-link:after { + content: ']'; +} + +/** + * Modules page. + */ +#system-modules div.incompatible { + font-weight: bold; +} +div.admin-requirements, +div.admin-required { + font-size: 0.9em; + color: #444; +} +span.admin-disabled { + color: #800; +} +span.admin-enabled { + color: #080; +} +span.admin-missing { + color: #f00; +} +a.module-link { + display: block; + padding: 1px 0 1px 20px; /* LTR */ + white-space: nowrap; +} +a.module-link-help { + background: url(../../misc/help.png) 0 50% no-repeat; /* LTR */ +} +a.module-link-permissions { + background: url(../../misc/permissions.png) 0 50% no-repeat; /* LTR */ +} +a.module-link-configure { + background: url(../../misc/configure.png) 0 50% no-repeat; /* LTR */ +} +.module-help { + margin-left: 1em; /* LTR */ + float: right; /* LTR */ +} + +/** + * Status report. + */ +table.system-status-report td { + padding: 6px; + vertical-align: middle; +} +table.system-status-report tr.merge-up td { + padding: 0 6px 8px 28px; /* LTR */ +} +table.system-status-report td.status-icon { + width: 16px; + padding-right: 0; /* LTR */ +} +table.system-status-report td.status-icon div { + background-repeat: no-repeat; + height: 16px; + width: 16px; +} +table.system-status-report tr.error td.status-icon div { + background-image: url(../../misc/message-16-error.png); +} +table.system-status-report tr.warning td.status-icon div { + background-image: url(../../misc/message-16-warning.png); +} +tr.merge-down, +tr.merge-down td { + border-bottom-width: 0 !important; +} +tr.merge-up, +tr.merge-up td { + border-top-width: 0 !important; +} + +/** + * Theme settings. + */ +.theme-settings-left { + float: left; + width: 49%; +} +.theme-settings-right { + float: right; + width: 49%; +} +.theme-settings-bottom { + clear: both; +} + +/** + * Appearance page. + */ +table.screenshot { + margin-right: 1em; /* LTR */ +} +.theme-info h2 { + margin-bottom: 0; +} +.theme-info p { + margin-top: 0; +} +.system-themes-list { + margin-bottom: 20px; +} +.system-themes-list-disabled { + border-top: 1px solid #cdcdcd; + padding-top: 20px; +} +.system-themes-list h2 { + margin: 0; +} +.theme-selector { + padding-top: 20px; +} +.theme-selector .screenshot, +.theme-selector .no-screenshot { + border: 1px solid #e0e0d8; + padding: 2px; + vertical-align: bottom; + width: 294px; + height: 219px; + line-height: 219px; + text-align: center; +} +.theme-default .screenshot { + border: 1px solid #aaa; +} +.system-themes-list-enabled .theme-selector .screenshot, +.system-themes-list-enabled .theme-selector .no-screenshot { + float: left; /* LTR */ + margin: 0 20px 0 0; /* LTR */ +} +.system-themes-list-disabled .theme-selector .screenshot, +.system-themes-list-disabled .theme-selector .no-screenshot { + width: 194px; + height: 144px; + line-height: 144px; +} +.theme-selector h3 { + font-weight: normal; +} +.theme-default h3 { + font-weight: bold; +} +.system-themes-list-enabled .theme-selector h3 { + margin-top: 0; +} +.system-themes-list-disabled .theme-selector { + width: 300px; + float: left; /* LTR */ + padding: 20px 20px 20px 0; /* LTR */ +} +.system-themes-list-enabled .theme-info { + max-width: 940px; +} +.system-themes-list-disabled .theme-info { + min-height: 170px; +} +.theme-selector .incompatible { + margin-top: 10px; + font-weight: bold; +} +.theme-selector .operations { + margin: 10px 0 0 0; + padding: 0; +} +.theme-selector .operations li { + float: left; /* LTR */ + margin: 0; + padding: 0 0.7em; + list-style-type: none; + border-right: 1px solid #cdcdcd; /* LTR */ +} +.theme-selector .operations li.last { + padding: 0 0 0 0.7em; /* LTR */ + border-right: none; /* LTR */ +} +.theme-selector .operations li.first { + padding: 0 0.7em 0 0; /* LTR */ +} +#system-themes-admin-form { + clear: left; +} + +/** + * Exposed filters. + */ +.exposed-filters .filters { + float: left; /* LTR */ + margin-right: 1em; /* LTR */ + width: 25em; /* IE6 */ +} +.exposed-filters .form-item { + margin: 0 0 0.1em 0; + padding: 0; +} +.exposed-filters .form-item label { + float: left; /* LTR */ + font-weight: normal; + width: 10em; +} +.exposed-filters .form-select { + width: 14em; +} +/* Current filters */ +.exposed-filters .current-filters { + margin-bottom: 1em; +} +.exposed-filters .current-filters .placeholder { + font-style: normal; + font-weight: bold; +} +.exposed-filters .additional-filters { + float: left; /* LTR */ + margin-right: 1em; /* LTR */ +} + + +/* + * modules/system/system.base-rtl.css + */ + +/** + * @file + * Generic theme-independent base styles. + */ + +/** + * Autocomplete. + */ +/* Animated throbber */ +html.js input.form-autocomplete { + background-position: 0% 2px; +} +html.js input.throbbing { + background-position: 0% -18px; +} + +/** + * Progress bar. + */ +.progress .percentage { + float: left; +} +.progress-disabled { + float: right; +} +.ajax-progress { + float: right; +} +.ajax-progress .throbber { + float: right; +} + +/** + * TableDrag behavior. + */ +.draggable a.tabledrag-handle { + float: right; + margin: -0.4em -0.5em -0.4em 0; + padding: 0.42em 0.5em 0.42em 1.5em; +} +div.indentation { + float: right; + margin: -0.4em -0.4em -0.4em 0.2em; + padding: 0.42em 0.6em 0.42em 0; +} +div.tree-child, +div.tree-child-last { + background-position: -65px center; +} +.tabledrag-toggle-weight-wrapper { + text-align: left; +} + + + +/* + * modules/system/system.base.css + */ + +/** + * @file + * Generic theme-independent base styles. + */ + +/** + * Autocomplete. + * + * @see autocomplete.js + */ +/* Suggestion list */ +#autocomplete { + border: 1px solid; + overflow: hidden; + position: absolute; + z-index: 100; +} +#autocomplete ul { + list-style: none; + list-style-image: none; + margin: 0; + padding: 0; +} +#autocomplete li { + background: #fff; + color: #000; + cursor: default; + white-space: pre; +} +/* Animated throbber */ +html.js input.form-autocomplete { + background-image: url(../../misc/throbber.gif); + background-position: 100% 2px; /* LTR */ + background-repeat: no-repeat; +} +html.js input.throbbing { + background-position: 100% -18px; /* LTR */ +} + +/** + * Collapsible fieldsets. + * + * @see collapse.js + */ +html.js fieldset.collapsed { + border-bottom-width: 0; + border-left-width: 0; + border-right-width: 0; + height: 1em; +} +html.js fieldset.collapsed .fieldset-wrapper { + display: none; +} +fieldset.collapsible { + position: relative; +} +fieldset.collapsible .fieldset-legend { + display: block; +} + +/** + * Resizable textareas. + * + * @see textarea.js + */ +.form-textarea-wrapper textarea { + display: block; + margin: 0; + width: 100%; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.resizable-textarea .grippie { + background: #eee url(../../misc/grippie.png) no-repeat center 2px; + border: 1px solid #ddd; + border-top-width: 0; + cursor: s-resize; + height: 9px; + overflow: hidden; +} + +/** + * TableDrag behavior. + * + * @see tabledrag.js + */ +body.drag { + cursor: move; +} +.draggable a.tabledrag-handle { + cursor: move; + float: left; /* LTR */ + height: 1.7em; + margin: -0.4em 0 -0.4em -0.5em; /* LTR */ + padding: 0.42em 1.5em 0.42em 0.5em; /* LTR */ + text-decoration: none; +} +a.tabledrag-handle:hover { + text-decoration: none; +} +a.tabledrag-handle .handle { + background: url(../../misc/draggable.png) no-repeat 0 0; + height: 13px; + margin-top: 4px; + width: 13px; +} +a.tabledrag-handle-hover .handle { + background-position: 0 -20px; +} +div.indentation { + float: left; /* LTR */ + height: 1.7em; + margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */ + padding: 0.42em 0 0.42em 0.6em; /* LTR */ + width: 20px; +} +div.tree-child { + background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */ +} +div.tree-child-last { + background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */ +} +div.tree-child-horizontal { + background: url(../../misc/tree.png) no-repeat -11px center; +} +.tabledrag-toggle-weight-wrapper { + text-align: right; /* LTR */ +} + +/** + * TableHeader behavior. + * + * @see tableheader.js + */ +table.sticky-header { + background-color: #fff; + margin-top: 0; +} + +/** + * Progress behavior. + * + * @see progress.js + */ +/* Bar */ +.progress .bar { + background-color: #fff; + border: 1px solid; +} +.progress .filled { + background-color: #000; + height: 1.5em; + width: 5px; +} +.progress .percentage { + float: right; /* LTR */ +} +.progress-disabled { + float: left; /* LTR */ +} +/* Throbber */ +.ajax-progress { + float: left; /* LTR */ +} +.ajax-progress .throbber { + background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px; + float: left; /* LTR */ + height: 15px; + margin: 2px; + width: 15px; +} +tr .ajax-progress .throbber { + margin: 0 2px; +} +.ajax-progress-bar { + width: 16em; +} + +/** + * Inline items. + */ +.container-inline div, +.container-inline label { + display: inline; +} +/* Fieldset contents always need to be rendered as block. */ +.container-inline .fieldset-wrapper { + display: block; +} + +/** + * Prevent text wrapping. + */ +.nowrap { + white-space: nowrap; +} + +/** + * For anything you want to hide on page load when JS is enabled, so + * that you can use the JS to control visibility and avoid flicker. + */ +html.js .js-hide { + display: none; +} + +/** + * 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. + * "!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); +} + +/** + * The .element-focusable class extends the .element-invisible class to allow + * the element to be focusable when navigated to via the keyboard. + */ +.element-invisible.element-focusable:active, +.element-invisible.element-focusable:focus { + position: static !important; + clip: auto; +} + +/** + * Markup free clearing. + * + * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack + */ +.clearfix:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} +/* IE6 */ +* html .clearfix { + height: 1%; +} +/* IE7 */ +*:first-child + html .clearfix { + min-height: 1%; +} + + +/* + * modules/system/system.maintenance.css + */ + +/** + * Update styles + */ +#update-results { + margin-top: 3em; + padding: 0.25em; + border: 1px solid #ccc; + background: #eee; + font-size: smaller; +} +#update-results h2 { + margin-top: 0.25em; +} +#update-results h4 { + margin-bottom: 0.25em; +} +#update-results li.none { + color: #888; + font-style: italic; +} +#update-results li.failure strong { + color: #b63300; +} + +/** + * Authorize.php styles + */ +.connection-settings-update-filetransfer-default-wrapper { + float: left; +} +#edit-submit-connection { + clear: both; +} +.filetransfer { + display: none; + clear: both; +} +#edit-connection-settings-change-connection-type { + margin: 2.6em 0.5em 0em 1em; +} + +/** + * Installation task list + */ +ol.task-list li.active { + font-weight: bold; +} + +/** + * Installation clean URLs + */ +#clean-url.install { + display: none; +} + + +/* + * modules/system/system.menus-rtl.css + */ + +/** + * @file + * RTL styles for menus and navigation markup. + */ + +ul.menu { + text-align:right; +} +ul.menu li { + margin: 0 0.5em 0 0; +} +ul li.collapsed { + list-style-image: url(../../misc/menu-collapsed-rtl.png); +} +li.expanded, +li.collapsed, +li.leaf { + padding: 0.2em 0 0 0.5em; +} + +/** + * Markup generated by theme_menu_local_tasks(). + */ +ul.primary { + padding: 0 1em 0 0; +} +ul.primary li a { + margin-right: 5px; + margin-left: 0.5em; +} +ul.secondary li { + border-left: 1px solid #ccc; + border-right: none; + display: inline; + padding: 0 1em; +} + + +/* + * modules/system/system.menus.css + */ + +/** + * @file + * Styles for menus and navigation markup. + */ + +/** + * Markup generated by theme_menu_tree(). + */ +ul.menu { + border: none; + list-style: none; + text-align: left; /* LTR */ +} +ul.menu li { + margin: 0 0 0 0.5em; /* LTR */ +} +ul li.expanded { + list-style-image: url(../../misc/menu-expanded.png); + list-style-type: circle; +} +ul li.collapsed { + list-style-image: url(../../misc/menu-collapsed.png); /* LTR */ + list-style-type: disc; +} +ul li.leaf { + list-style-image: url(../../misc/menu-leaf.png); + list-style-type: square; +} +li.expanded, +li.collapsed, +li.leaf { + padding: 0.2em 0.5em 0 0; /* LTR */ + margin: 0; +} +li a.active { + color: #000; +} +td.menu-disabled { + background: #ccc; +} + +/** + * Markup generated by theme_links(). + */ +ul.inline, +ul.links.inline { + display: inline; + padding-left: 0; +} +ul.inline li { + display: inline; + list-style-type: none; + padding: 0 0.5em; +} + +/** + * Markup generated by theme_breadcrumb(). + */ +.breadcrumb { + padding-bottom: 0.5em; +} + +/** + * Markup generated by theme_menu_local_tasks(). + */ +ul.primary { + border-bottom: 1px solid #bbb; + border-collapse: collapse; + height: auto; + line-height: normal; + list-style: none; + margin: 5px; + padding: 0 0 0 1em; /* LTR */ + white-space: nowrap; +} +ul.primary li { + display: inline; +} +ul.primary li a { + background-color: #ddd; + border-color: #bbb; + border-style: solid solid none solid; + border-width: 1px; + height: auto; + margin-right: 0.5em; /* LTR */ + padding: 0 1em; + text-decoration: none; +} +ul.primary li.active a { + background-color: #fff; + border: 1px solid #bbb; + border-bottom: 1px solid #fff; +} +ul.primary li a:hover { + background-color: #eee; + border-color: #ccc; + border-bottom-color: #eee; +} +ul.secondary { + border-bottom: 1px solid #bbb; + padding: 0.5em 1em; + margin: 5px; +} +ul.secondary li { + border-right: 1px solid #ccc; /* LTR */ + display: inline; + padding: 0 1em; +} +ul.secondary a { + padding: 0; + text-decoration: none; +} +ul.secondary a.active { + border-bottom: 4px solid #999; +} + + +/* + * modules/system/system.messages-rtl.css + */ + +/** + * @file + * RTL Styles for system messages. + */ + +div.messages { + background-position: 99% 8px; + padding: 10px 50px 10px 10px; +} +div.messages ul { + margin: 0 1em 0 0; +} + + +/* + * modules/system/system.messages.css + */ + +/** + * @file + * Styles for system messages. + */ + +div.messages { + background-position: 8px 8px; /* LTR */ + background-repeat: no-repeat; + border: 1px solid; + margin: 6px 0; + padding: 10px 10px 10px 50px; /* LTR */ +} + +div.status { + background-image: url(../../misc/message-24-ok.png); + border-color: #be7; +} +div.status, +.ok { + color: #234600; +} +div.status, +table tr.ok { + background-color: #f8fff0; +} + +div.warning { + background-image: url(../../misc/message-24-warning.png); + border-color: #ed5; +} +div.warning, +.warning { + color: #840; +} +div.warning, +table tr.warning { + background-color: #fffce5; +} + +div.error { + background-image: url(../../misc/message-24-error.png); + border-color: #ed541d; +} +div.error, +.error { + color: #8c2e0b; +} +div.error, +table tr.error { + background-color: #fef5f1; +} +div.error p.error { + color: #333; +} + +div.messages ul { + margin: 0 0 0 1em; /* LTR */ + padding: 0; +} +div.messages ul li { + list-style-image: none; +} + + +/* + * modules/system/system.theme-rtl.css + */ + +/** + * @file + * RTL styles for common markup. + */ + +/** + * HTML elements. + */ +th { + text-align: right; + padding-left: 1em; + padding-right: 0; +} + +/** + * Markup generated by theme_item_list(). + */ +.item-list ul li { + margin: 0 1.5em 0.25em 0; +} + +/** + * Markup generated by theme_more_link(). + */ +.more-link { + text-align: left; +} + +/** + * Markup generated by theme_more_help_link(). + */ +.more-help-link { + text-align: left; +} +.more-help-link a { + background-position: 100% 50%; + padding: 1px 20px 1px 0; +} + +/** + * Collapsible fieldsets. + */ +html.js fieldset.collapsible .fieldset-legend { + background-position: 98% 75%; + padding-left: 0; + padding-right: 15px; +} +html.js fieldset.collapsed .fieldset-legend { + background-image: url(../../misc/menu-collapsed-rtl.png); + background-position: 98% 50%; +} + + +/* + * modules/system/system.theme.css + */ + +/** + * @file + * Basic styling for common markup. + */ + +/** + * HTML elements. + */ +fieldset { + margin-bottom: 1em; + padding: 0.5em; +} +form { + margin: 0; + padding: 0; +} +hr { + border: 1px solid gray; + height: 1px; +} +img { + border: 0; +} +table { + border-collapse: collapse; +} +th { + border-bottom: 3px solid #ccc; + padding-right: 1em; /* LTR */ + text-align: left; /* LTR */ +} +tbody { + border-top: 1px solid #ccc; +} +tr.even, +tr.odd { + background-color: #eee; + border-bottom: 1px solid #ccc; + padding: 0.1em 0.6em; +} + +/** + * Markup generated by theme_tablesort_indicator(). + */ +th.active img { + display: inline; +} +td.active { + background-color: #ddd; +} + +/** + * Markup generated by theme_item_list(). + */ +.item-list .title { + font-weight: bold; +} +.item-list ul { + margin: 0 0 0.75em 0; + padding: 0; +} +.item-list ul li { + margin: 0 0 0.25em 1.5em; /* LTR */ + padding: 0; +} + +/** + * Markup generated by Form API. + */ +.form-item, +.form-actions { + margin-top: 1em; + margin-bottom: 1em; +} +tr.odd .form-item, +tr.even .form-item { + margin-top: 0; + margin-bottom: 0; + white-space: nowrap; +} +.form-item .description { + font-size: 0.85em; +} +label { + display: block; + font-weight: bold; +} +label.option { + display: inline; + font-weight: normal; +} +.form-checkboxes .form-item, +.form-radios .form-item { + margin-top: 0.4em; + margin-bottom: 0.4em; +} +.form-type-radio .description, +.form-type-checkbox .description { + margin-left: 2.4em; +} +input.form-checkbox, +input.form-radio { + vertical-align: middle; +} +.marker, +.form-required { + color: #f00; +} +.form-item input.error, +.form-item textarea.error, +.form-item select.error { + border: 2px solid red; +} + +/** + * Inline items. + */ +.container-inline .form-actions, +.container-inline.form-actions { + margin-top: 0; + margin-bottom: 0; +} + +/** + * Markup generated by theme_more_link(). + */ +.more-link { + text-align: right; /* LTR */ +} + +/** + * Markup generated by theme_more_help_link(). + */ +.more-help-link { + text-align: right; /* LTR */ +} +.more-help-link a { + background: url(../../misc/help.png) 0 50% no-repeat; /* LTR */ + padding: 1px 0 1px 20px; /* LTR */ +} + +/** + * Markup generated by theme_pager(). + */ +.item-list .pager { + clear: both; + text-align: center; +} +.item-list .pager li { + background-image: none; + display: inline; + list-style-type: none; + padding: 0.5em; +} +.pager-current { + font-weight: bold; +} + +/** + * Autocomplete. + * + * @see autocomplete.js + */ +/* Suggestion list */ +#autocomplete li.selected { + background: #0072b9; + color: #fff; +} + +/** + * Collapsible fieldsets. + * + * @see collapse.js + */ +html.js fieldset.collapsible .fieldset-legend { + background: url(../../misc/menu-expanded.png) 5px 65% no-repeat; /* LTR */ + padding-left: 15px; /* LTR */ +} +html.js fieldset.collapsed .fieldset-legend { + background-image: url(../../misc/menu-collapsed.png); /* LTR */ + background-position: 5px 50%; /* LTR */ +} +.fieldset-legend span.summary { + color: #999; + font-size: 0.9em; + margin-left: 0.5em; +} + +/** + * TableDrag behavior. + * + * @see tabledrag.js + */ +tr.drag { + background-color: #fffff0; +} +tr.drag-previous { + background-color: #ffd; +} +.tabledrag-toggle-weight { + font-size: 0.9em; +} +body div.tabledrag-changed-warning { + margin-bottom: 0.5em; +} + +/** + * TableSelect behavior. + * + * @see tableselect.js +*/ +tr.selected td { + background: #ffc; +} +td.checkbox, +th.checkbox { + text-align: center; +} + +/** + * Progress bar. + * + * @see progress.js + */ +.progress { + font-weight: bold; +} +.progress .bar { + background: #ccc; + border-color: #666; + margin: 0 0.2em; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +.progress .filled { + background: #0072b9 url(../../misc/progress.gif); +} + + +/* + * modules/taxonomy/taxonomy.css + */ + +tr.taxonomy-term-preview { + background-color: #EEE; +} +tr.taxonomy-term-divider-top { + border-bottom: none; +} +tr.taxonomy-term-divider-bottom { + border-top: 1px dotted #CCC; +} +.taxonomy-term-description { + margin: 5px 0 20px; +} + + +/* + * modules/toolbar/toolbar-rtl.css + */ + +#toolbar, +#toolbar * { + text-align: right; +} +#toolbar ul li { + float: right; +} +#toolbar ul li a { + display: inline-block; + float: none; + zoom: 1; +} +#toolbar div.toolbar-menu { + padding: 5px 50px 5px 50px; +} +#toolbar-user { + float: left; +} +#toolbar ul#toolbar-user li { + float: none; + display: inline; +} +#toolbar-menu { + float: none; +} +#toolbar-home { + float: right; +} +#toolbar ul li.home a { + position: absolute; + right: 10px; +} +#toolbar div.toolbar-menu a.toggle { + left: 10px; + right: auto; +} +* html #toolbar { + left: 0; + padding-left: 0; +} + + +/* + * modules/toolbar/toolbar.css + */ + +body.toolbar { + padding-top: 2.2em; +} +body.toolbar-drawer { + padding-top: 5.3em; +} + +/** + * Aggressive resets so we can achieve a consistent look in hostile CSS + * environments. + */ +#toolbar, +#toolbar * { + border: 0; + font-size: 100%; + line-height: inherit; + list-style: none; + margin: 0; + outline: 0; + padding: 0; + text-align: left; /* LTR */ + vertical-align: baseline; +} + +/** + * Base styles. + * + * We use a keyword for the toolbar font size to make it display consistently + * across different themes, while still allowing browsers to resize the text. + */ +#toolbar { + background: #666; + color: #ccc; + font: normal small "Lucida Grande", Verdana, sans-serif; + left: 0; + margin: 0 -20px; + padding: 0 20px; + position: fixed; + right: 0; + top: 0; + -moz-box-shadow: 0 3px 20px #000; + -webkit-box-shadow: 0 3px 20px #000; + box-shadow: 0 3px 20px #000; + filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='180', strength='10'); + -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='180', strength='10')"; + z-index: 600; +} +#toolbar div.collapsed { + display: none; + visibility: hidden; +} +#toolbar a { + color: #fff; + font-size: .846em; + text-decoration: none; +} +#toolbar ul li, +#toolbar ul li a { + float: left; /* LTR */ +} + +/** + * Administration menu. + */ +#toolbar div.toolbar-menu { + background: #000; + line-height: 20px; + padding: 5px 50px 5px 10px; /* LTR */ + position: relative; +} +#toolbar-home a span { + background: url(toolbar.png) no-repeat 0 -45px; + display: block; + height: 14px; + margin: 3px 0px; + text-indent: -9999px; + vertical-align: text-bottom; + width: 11px; +} +#toolbar-user { + float: right; /* LTR */ +} +#toolbar-menu { + float: left; /* LTR */ +} +#toolbar div.toolbar-menu a.toggle { + background: url(toolbar.png) 0 -20px no-repeat; + bottom: 0; + cursor: pointer; + height: 25px; + overflow: hidden; + position: absolute; + right: 10px; /* LTR */ + text-indent: -9999px; + width: 25px; +} +#toolbar div.toolbar-menu a.toggle:focus, +#toolbar div.toolbar-menu a.toggle:hover { + background-position: -50px -20px; +} +#toolbar div.toolbar-menu a.toggle-active { + background-position: -25px -20px; +} +#toolbar div.toolbar-menu a.toggle-active.toggle:focus, +#toolbar div.toolbar-menu a.toggle-active.toggle:hover { + background-position: -75px -20px; +} +#toolbar div.toolbar-menu ul li a { + padding: 0 10px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; +} +#toolbar div.toolbar-menu ul li a:focus, +#toolbar div.toolbar-menu ul li a:hover, +#toolbar div.toolbar-menu ul li a:active, +#toolbar div.toolbar-menu ul li a.active:focus { + background: #444; +} +#toolbar div.toolbar-menu ul li a.active:hover, +#toolbar div.toolbar-menu ul li a.active:active, +#toolbar div.toolbar-menu ul li a.active, +#toolbar div.toolbar-menu ul li.active-trail a { + background: url(toolbar.png) 0 0 repeat-x; + text-shadow: #333 0 1px 0; +} + +/** + * Collapsed drawer of additional toolbar content. + */ +#toolbar div.toolbar-drawer { + position: relative; + padding: 0 10px; +} + +/** + * IE 6 Fix. + * + * IE 6 shows elements with position:fixed as position:static so we replace + * it with position:absolute; toolbar needs its z-index to stay above overlay. + */ +* html #toolbar { + left: -20px; + margin: 0; + padding-right: 0; + position: absolute; + right: 0; + width: 100%; +} + + +/* + * modules/tracker/tracker.css + */ + +.page-tracker td.replies { + text-align: center; +} +.page-tracker table { + width: 100%; +} + + +/* + * modules/update/update-rtl.css + */ + +.update .project { + padding-right: .25em; +} + +.update .version-status { + float: left; + padding-left: 10px; +} + +.update .version-status .icon { + padding-right: .5em; +} + +.update table.version .version-title { + padding-left: 1em; +} + +.update table.version .version-details { + padding-left: .5em; + direction: ltr; +} + +.update table.version .version-links { + text-align: left; + padding-left: 1em; +} + +.update .check-manually { + padding-right: 1em; +} + + +/* + * modules/update/update.css + */ + +.update .project { + font-weight: bold; + font-size: 110%; + padding-left: .25em; /* LTR */ + height: 22px; +} + +.update .version-status { + float: right; /* LTR */ + padding-right: 10px; /* LTR */ + font-size: 110%; + height: 20px; +} + +.update .version-status .icon { + padding-left: .5em; /* LTR */ +} + +.update .version-date { + white-space: nowrap; +} + +.update .info { + margin: 0; + padding: 1em 1em .25em 1em; +} + +.update tr.even, +.update tr.odd { + border: none; +} + +.update tr td { + border-top: 1px solid #ccc; + border-bottom: 1px solid #ccc; +} + +.update tr.error { + background: #fcc; +} + +.update tr.error .version-recommended { + background: #fdd; +} + +.update tr.ok { + background: #dfd; +} + +.update tr.warning { + background: #ffd; +} + +.update tr.warning .version-recommended { + background: #ffe; +} + +.current-version, +.new-version { + direction: ltr; /* Note: version numbers should always be LTR. */ +} + +.update tr.unknown { + background: #ddd; +} + +table.update, +.update table.version { + width: 100%; + margin-top: .5em; + border: none; +} + +.update table.version tbody { + border: none; +} + +.update table.version tr, +.update table.version td { + line-height: .9em; + padding: 0; + margin: 0; + border: none; + background: none; +} + +.update table.version .version-title { + padding-left: 1em; /* LTR */ + width: 14em; +} + +.update table.version .version-details { + padding-right: .5em; /* LTR */ +} + +.update table.version .version-links { + text-align: right; /* LTR */ + padding-right: 1em; /* LTR */ +} + +.update table.version-security .version-title { + color: #970F00; +} + +.update table.version-recommended-strong .version-title { + font-weight: bold; +} + +.update .security-error { + font-weight: bold; + color: #970F00; +} + +.update .check-manually { + padding-left: 1em; /* LTR */ +} + +.update-major-version-warning { + color: #ff0000; +} + +table tbody tr.update-security, +table tbody tr.update-unsupported { + background: #fcc; +} + +th.update-project-name { + width: 50%; +} + + +/* + * modules/user/user-rtl.css + */ + +#permissions td.permission { + padding-left: 0; + padding-right: 1.5em; +} + +#user-admin-roles .form-item-name { + float: right; + margin-left: 1em; + margin-right: 0; +} + +/** + * Password strength indicator. + */ +.password-strength { + float: left; +} +.password-strength-text { + float: left; +} +div.password-confirm { + float: left; +} +.confirm-parent, +.password-parent { + clear: right; +} + +/* Generated by user.module but used by profile.module: */ +.profile .user-picture { + float: left; + margin: 0 0 1em 1em; +} + + +/* + * modules/user/user.css + */ + +#permissions td.module { + font-weight: bold; +} +#permissions td.permission { + padding-left: 1.5em; /* LTR */ +} +#permissions tr.odd .form-item, +#permissions tr.even .form-item { + white-space: normal; +} +#user-admin-settings fieldset .fieldset-description { + font-size: 0.85em; + padding-bottom: .5em; +} + +/** + * Override default textfield float to put the "Add role" button next to + * the input textfield. + */ +#user-admin-roles td.edit-name { + clear: both; +} +#user-admin-roles .form-item-name { + float: left; /* LTR */ + margin-right: 1em; /* LTR */ +} + +/** + * Password strength indicator. + */ +.password-strength { + width: 17em; + float: right; /* LTR */ + margin-top: 1.4em; +} +.password-strength-title { + display: inline; +} +.password-strength-text { + float: right; /* LTR */ + font-weight: bold; +} +.password-indicator { + background-color: #C4C4C4; + height: 0.3em; + width: 100%; +} +.password-indicator div { + height: 100%; + width: 0%; + background-color: #47C965; +} +input.password-confirm, +input.password-field { + width: 16em; + margin-bottom: 0.4em; +} +div.password-confirm { + float: right; /* LTR */ + margin-top: 1.5em; + visibility: hidden; + width: 17em; +} +div.form-item div.password-suggestions { + padding: 0.2em 0.5em; + margin: 0.7em 0; + width: 38.5em; + border: 1px solid #B4B4B4; +} +div.password-suggestions ul { + margin-bottom: 0; +} +.confirm-parent, +.password-parent { + clear: left; /* LTR */ + margin: 0; + width: 36.3em; +} + +/* Generated by user.module but used by profile.module: */ +.profile { + clear: both; + margin: 1em 0; +} +.profile .user-picture { + float: right; /* LTR */ + margin: 0 1em 1em 0; /* LTR */ +} +.profile h3 { + border-bottom: 1px solid #ccc; +} +.profile dl { + margin: 0 0 1.5em 0; +} +.profile dt { + margin: 0 0 0.2em 0; + font-weight: bold; +} +.profile dd { + margin: 0 0 1em 0; +} diff --git a/sites/all/themes/zen/STARTERKIT/css/fields.css b/sites/all/themes/zen/STARTERKIT/css/fields.css new file mode 100644 index 000000000..43523ee0d --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/fields.css @@ -0,0 +1,78 @@ +/** + * @file + * Field Styling + */ + + +.field /* Wrapper for any field. */ { +} + +/* + * Field types (Core) + */ +.field-type-text { +} + +.field-type-text-long { +} + +.field-type-text-with-summary { +} + +.field-type-image { +} + +.field-type-file { +} + +.field-type-taxonomy-term-reference { +} + +.field-type-number-integer { +} + +.field-type-number-decimal { +} + +.field-type-number-float { +} + +.field-type-list-text { +} + +.field-type-list-boolean { +} + +.field-type-list-integer { +} + +.field-type-list-float { +} + +/* + * Field types (Contrib) + */ +.field-type-datetime /* Always use "datetime" when creating new CCK date fields. "date" and "datestamp" are legacy types. */ { +} + +.field-type-node-reference { +} + +.field-type-user-reference { +} + + +/* + * Named fields + */ +.field-name-body { +} + +.field-name-field-image { +} + +.field-name-field-tags { +} + +.field-name-field-FIELDNAME /* Underscores in field name are replaced with dashes. */ { +} diff --git a/sites/all/themes/zen/STARTERKIT/css/forms-rtl.css b/sites/all/themes/zen/STARTERKIT/css/forms-rtl.css new file mode 100644 index 000000000..936543824 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/forms-rtl.css @@ -0,0 +1,40 @@ +/** + * @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. + */ + +html.js #user-login-form li.openid-link, +#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. */ +} + + +/* + * Drupal admin tables + * + * We overrode these styles in html-elements.css, but restore them for the admin + * section of the site. + */ + +form th { + text-align: right; + padding-left: 1em; + padding-right: 0; +} diff --git a/sites/all/themes/zen/STARTERKIT/css/forms.css b/sites/all/themes/zen/STARTERKIT/css/forms.css new file mode 100644 index 000000000..cb5ec5eec --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/forms.css @@ -0,0 +1,120 @@ +/** + * @file + * Form Styling + */ + + +.form-item /* Wrapper for a form element (or group of form elements) and its label */ { + margin: 1.5em 0; +} + +.form-item input.error, +.form-item textarea.error, +.form-item select.error /* Highlight the form elements that caused a form submission error */ { + border: 1px solid #c00; +} + +.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; /* Drupal core uses "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 */ { +} + + +/* + * Password confirmation + */ +.password-parent, +.confirm-parent { + margin: 0; +} + + +/* + * Search (search-block-form.tpl.php) + */ +#block-search-form /* Wrapper for the search form */ { +} + + +/* + * 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. */ +} + +html.js #user-login-form li.openid-link, +#user-login-form li.openid-link /* The "Log in using OpenID" link. */ { + margin-top: 1.5em; + margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */ +} + +#user-login-form li.user-link /* The "Cancel OpenID login" link. */ { + margin-top: 1.5em; +} + +#user-login ul { + margin: 1.5em 0; +} + + +/* + * Drupal admin tables + * + * We overrode these styles in html-reset.css, but restore them for the admin + * section of the site. + */ + +form th { + text-align: left; /* LTR */ + padding-right: 1em; /* LTR */ + border-bottom: 3px solid #ccc; +} + +form tbody { + border-top: 1px solid #ccc; +} + +form tr.even { + background-color: #fff; +} + +form table .item-list ul { + margin: 0; +} diff --git a/sites/all/themes/zen/STARTERKIT/css/html-reset-rtl.css b/sites/all/themes/zen/STARTERKIT/css/html-reset-rtl.css new file mode 100644 index 000000000..df88985a2 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/html-reset-rtl.css @@ -0,0 +1,35 @@ +/** + * @file + * RTL companion for the html-reset.css file. + */ + + +/* + * Lists + * + * We need to standardize the list item indentation. + */ +ul, +ol { + margin-right: 0; + padding-left: 0; + padding-right: 2em; +} + +.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 { + text-align: right; +} diff --git a/sites/all/themes/zen/STARTERKIT/css/html-reset.css b/sites/all/themes/zen/STARTERKIT/css/html-reset.css new file mode 100644 index 000000000..991e1df79 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/html-reset.css @@ -0,0 +1,395 @@ +/** + * @file + * HTML Element Styling + * + * Ok, I admit it. I fooled you. This isn't a "reset" stylesheet. Instead this + * is the place where you should set (not reset) the default styling for all + * HTML elements. + * + * @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/ + * @see http://snook.ca/archives/html_and_css/no_css_reset/ + */ + + +/* + * Fonts + * + * Our font size and line height declarations are based on the following + * articles: + * - http://www.alistapart.com/articles/howtosizetextincss + * - http://24ways.org/2006/compose-to-a-vertical-rhythm + * + * All modern browsers use a 16px default font size. Specifying the font-size + * and line-height in ems (relative to the 16px default font) allows the user + * to resize the font in the browser and produces the most consistent results + * across different browsers. + */ +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 18px line height */ + font-size: 0.75em; /* 16px x .75 = 12px */ + line-height: 1.5em; /* 12px x 1.5 = 18px */ + + /* Use a 14px base font size with a 21px line height */ + font-size: 0.875em; /* 16px x .875 = 14px */ + line-height: 1.5em; /* 14px x 1.5 = 21px */ +} + +/* + * Instead of relying on the fonts that are available on a user's computer, you + * can use web fonts which, like images, are resources downloaded to the user's + * browser. Because of the bandwidth and rendering resources required, web fonts + * should be used with care. + * + * Numerous resources for web fonts can be found on Google. Here are a few + * websites where you can find Open Source fonts to download: + * - http://www.fontsquirrel.com/fontface + * - http://www.theleagueofmoveabletype.com + * + * In order to use these fonts, you will need to convert them into formats + * suitable for web fonts. We recommend the free-to-use Font Squirrel's + * Font-Face Generator: + * http://www.fontsquirrel.com/fontface/generator + * + * The following is an example @font-face declaration. This font can then be + * used in any ruleset using a property like this: font-family: Example, serif; + +@font-face { + font-family: 'Example'; + src: url('../fonts/example.eot'); + src: url('../fonts/example.eot?iefix') format('eot'), + url('../fonts/example.woff') format('woff'), + url('../fonts/example.ttf') format('truetype'), + url('../fonts/example.svg#webfontOkOndcij') format('svg'); + font-weight: normal; + font-style: normal; +} + + */ + +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 + * and Nimbus Sans fonts are commonly available on Linux systems where the MS + * fonts are less common. Tahoma and Helvetica are also widely available. + * + * A user's web browser will look at the comma-separated list and will + * attempt to use each font in turn until it finds one that is available + * on the user's computer. The final "generic" font (sans-serif, serif or + * monospace) hints at what type of font to use if the web browser doesn't + * find any of the fonts in the list. + + font-family: "Times New Roman", Times, Georgia, "DejaVu Serif", serif; + font-family: Times, "Times New Roman", Georgia, "DejaVu Serif", serif; + font-family: Georgia, "Times New Roman", "DejaVu Serif", serif; + + 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, +kbd, +samp, +tt, +var { + /* See http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */ + font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif; +} + +/* + * Block-level elements + * + * To achieve a pleasant vertical rhythm, we use the 1.5em line height of our + * base font as the top and bottom margins for our block level elements and make + * the line heights of any larger fonts be a multiple of 1.5 ems. For more + * information, see http://24ways.org/2006/compose-to-a-vertical-rhythm + */ +h1, h2, h3, h4, h5, h6, +p, blockquote, pre, +ul, ol, dl, +hr, table, fieldset { + margin: 1.5em 0; +} + +/* Headings */ +h1 { + font-size: 2em; + line-height: 1.5em; + margin: 0.75em 0; + /* 0.75em is equivalent to 1.5em in the page's base font. font. Remember, a + margin specified in ems is relative to the element's font-size, not to the + pages' base font size. So, for example, if we want a 1.5em margin (relative + to the base font), we have to divide that length by the element's + font-size: 1.5em / 2em = 0.75em */ +} + +h2 { + font-size: 1.5em; + margin: 1em 0; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.5 = 1em */ +} + +h3 { + font-size: 1.3em; + margin: 1.154em 0; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.3 = 1.154 */ +} + +h4, +h5, +h6 { + font-size: 1.1em; + margin: 1.364em 0; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.1 = 1.364 */ +} + +/* Other block-level elements */ +p { +} + +blockquote { + margin-left: 2em; + margin-right: 2em; +} + +pre { +} + +hr { + height: 1px; + border: 1px solid #666; +} + +address { +} + +/* + * Lists + * + * We need to standardize the list item indentation. + */ +ul, +ol { + margin-left: 0; /* LTR */ + padding-left: 2em; /* LTR */ +} + +.item-list ul /* Drupal overrides */ { + margin: 1.5em 0; + padding: 0 0 0 2em; /* LTR */ +} + +ul ul, ul ol, +ol ol, 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, +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; } + +dl { +} + +dt { + margin: 0; + padding: 0; +} + +dd { + margin: 0 0 0 2em; /* LTR */ + padding: 0; +} + +/* + * Tables + * + * Drupal provides table styling which is only useful for its admin section + * forms, so we override this default CSS. (We set it back in forms.css.) + */ +table { + border-collapse: collapse; + /* width: 100%; */ /* Prevent cramped-looking tables */ +} + +th { + text-align: left; /* LTR */ + padding: 0; + border-bottom: none; +} + +tbody { + border-top: none; +} + +thead { +} + +tfoot { +} + +caption { +} + +colgroup { +} + +col { +} + +tr { +} + +td { +} + +/* + * Forms + */ +form { + margin: 0; + padding: 0; +} + +fieldset { + padding: 0.5em; +} + +legend { +} + +label { +} + +input { +} + +select { +} + +optgroup { +} + +option { +} + +textarea { +} + +button { +} + +/* + * Links + * + * The order of link states are based on Eric Meyer's article: + * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states + */ +a:link { +} + +a:visited { +} + +a:hover, +a:focus { +} + +a:active { +} + +/* + * Other inline elements + */ +img { + border: 0; + /* vertical-align: bottom; */ /* Suppress the space beneath the baseline */ +} + +abbr, /* Abbreviations */ +acronym { + border-bottom: 1px dotted #666; + cursor: help; + white-space: nowrap; +} + +q { +} + +cite { +} + +strong, b { +} + +em, i { +} + +code, +kbd, +samp, +tt, +var /* Code, keyboard input, sample output, teletype, variable */ { +} + +del { +} + +ins { +} + +big { +} + +small { +} + +sub { +} + +sup { +} diff --git a/sites/all/themes/zen/STARTERKIT/css/ie6.css b/sites/all/themes/zen/STARTERKIT/css/ie6.css new file mode 100644 index 000000000..17a2fdf4b --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/ie6.css @@ -0,0 +1,83 @@ +/** + * @file + * CSS targeted specifically for Internet Explorer 6 for Windows. + * + * Any CSS in this file will override the rules specified in the ie.css file. + * + * References: + * 1. http://www.positioniseverything.net/explorer/doubled-margin.html + * 2. http://browservulsel.blogspot.com/2005/04/ie-overflow-auto-scrollbar-overlap.html + * 3. http://www.howtocreate.co.uk/wrongWithIE/?chapter=overflow%3Avisible%3B + */ + + +/* + * Layout CSS + */ + +#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 - IE6 doesn'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; +} + +/* + * Wireframes - IE6 doesn't support the outline property. + */ +.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 .region-footer, +.with-wireframes .region-bottom { + border: 1px solid #ccc; +} diff --git a/sites/all/themes/zen/STARTERKIT/css/ie7.css b/sites/all/themes/zen/STARTERKIT/css/ie7.css new file mode 100644 index 000000000..ec8dc914a --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/ie7.css @@ -0,0 +1,39 @@ +/** + * @file + * CSS targeted specifically for Internet Explorer 7 (and earlier) for Windows. + * + * Any CSS in this file will apply to all versions of IE before IE 8. You can + * target specific versions of IE by using conditional comments. See your + * sub-theme's .info file for an easy way to use them. + */ + + +/* + * 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>*, +.comment-unpublished>* { + 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 */ +} diff --git a/sites/all/themes/zen/STARTERKIT/css/layout-fixed-rtl.css b/sites/all/themes/zen/STARTERKIT/css/layout-fixed-rtl.css new file mode 100644 index 000000000..a9fca5b67 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/layout-fixed-rtl.css @@ -0,0 +1,65 @@ +/** + * @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: -960px; /* Negative value of #navigation's width + right margin. */ + margin-right: 0; +} + +/* + * 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; +} diff --git a/sites/all/themes/zen/STARTERKIT/css/layout-fixed.css b/sites/all/themes/zen/STARTERKIT/css/layout-fixed.css new file mode 100644 index 000000000..bf924ed97 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/layout-fixed.css @@ -0,0 +1,190 @@ +/** + * @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-bottom { + /* + * If you want to make the page a fixed width and centered in the viewport, + * this is the standards-compliant way to do that. See also the ie6.css file + * for the necessary IE5/IE6quirks hack to center a div. + */ + margin-left: auto; + margin-right: auto; + width: 960px; +} + +#page { +} + +/* + * Header + */ +#header { +} + +#header .section { +} + +.region-header { +} + +/* + * 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: 960px; + margin-left: 0; /* LTR */ + margin-right: -960px; /* LTR */ /* Negative value of #navigation's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */ + height: 3em; /* The navigation can have any arbritrary height. We picked one + that is the line-height plus 1em: 1.3 + 1 = 2.3 + Set this to the same value as the margin-top below. */ +} + +.with-navigation #content, +.with-navigation .region-sidebar-first, +.with-navigation .region-sidebar-second { + margin-top: 3em; /* Set this to the same value as the navigation height above. */ +} + +#navigation .section { +} + +/* + * 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 + */ +.region-footer { +} + +/* + * Page bottom + */ +.region-bottom /* See also the #page-wrapper declaration above that this div shares. */ { +} + +/* + * Prevent overflowing content + */ +#header, +#content, +#navigation, +.region-sidebar-first, +.region-sidebar-second, +.region-footer, +.region-bottom { + overflow: visible; + word-wrap: break-word; /* A very nice CSS3 property */ +} + +/* + * If a div.clearfix doesn't have any content after it and its bottom edge + * touches the bottom of the viewport, Firefox and Safari will mistakenly + * place several pixels worth of space between the bottom of the div and the + * bottom of the viewport. Uncomment this CSS property to fix this. + * Note: with some over-large content, this property might cause scrollbars + * to appear on the #page-wrapper div. + */ +/* +#page-wrapper { + overflow-y: hidden; +} +*/ diff --git a/sites/all/themes/zen/STARTERKIT/css/layout-liquid-rtl.css b/sites/all/themes/zen/STARTERKIT/css/layout-liquid-rtl.css new file mode 100644 index 000000000..d6303a034 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/layout-liquid-rtl.css @@ -0,0 +1,59 @@ +/** + * @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; +} + +/* + * 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; +} diff --git a/sites/all/themes/zen/STARTERKIT/css/layout-liquid.css b/sites/all/themes/zen/STARTERKIT/css/layout-liquid.css new file mode 100644 index 000000000..037912644 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/layout-liquid.css @@ -0,0 +1,184 @@ +/** + * @file + * Layout Styling (DIV Positioning) + * + * DEPRECATED: This layout implements fixed sidebars and a liquid center column. + * Flexible grids are a much better solution. This layout will be removed in + * future versions of Zen. + * + * Define CSS classes to create a table-free, 3-column, 2-column, or single + * column layout depending on whether blocks are enabled in the left or right + * columns. + * + * This layout is based on the Zen Columns layout method. + * http://drupal.org/node/201428 + * + * Only CSS that affects the layout (positioning) of major elements should be + * listed here. Such as: + * display, position, float, clear, width, height, min-width, min-height + * margin, border, padding, overflow + */ + + +/* + * Body + */ +body { +} + +#page-wrapper, +.region-bottom { + min-width: 960px; /* Don't allow the browser to make the site unreadable. */ +} + +#page { +} + +/* + * Header + */ +#header { +} + +#header .section { +} + +.region-header { +} + +/* + * 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: 3em; /* The navigation can have any arbritrary height. We picked one + that is the line-height plus 1em: 1.3 + 1 = 2.3 + Set this to the same value as the margin-top below. */ +} + +.with-navigation #content, +.with-navigation .region-sidebar-first, +.with-navigation .region-sidebar-second { + margin-top: 3em; /* Set this to the same value as the navigation height above. */ +} + +#navigation .section { +} + +/* + * 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 + */ +.region-footer { +} + +/* + * Page bottom + */ +.region-bottom /* See also the #page-wrapper declaration above that this div shares. */ { +} + +/* + * Prevent overflowing content + */ +#header, +#content, +#navigation, +.region-sidebar-first, +.region-sidebar-second, +.region-footer, +.region-bottom { + overflow: visible; + word-wrap: break-word; /* A very nice CSS3 property */ +} + +/* + * If a div.clearfix doesn't have any content after it and its bottom edge + * touches the bottom of the viewport, Firefox and Safari will mistakenly + * place several pixels worth of space between the bottom of the div and the + * bottom of the viewport. Uncomment this CSS property to fix this. + * Note: with some over-large content, this property might cause scrollbars + * to appear on the #page-wrapper div. + */ +/* +#page-wrapper { + overflow-y: hidden; +} +*/ diff --git a/sites/all/themes/zen/STARTERKIT/css/navigation-rtl.css b/sites/all/themes/zen/STARTERKIT/css/navigation-rtl.css new file mode 100644 index 000000000..c41973612 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/navigation-rtl.css @@ -0,0 +1,16 @@ +/** + * @file + * RTL companion for the navigation.css file. + */ + + +#navigation ul.links, /* Main menu and secondary menu links */ +#navigation .content ul /* Menu block links */ { + text-align: right; +} + +#navigation ul.links li, /* A simple method to get navigation links to appear in one line. */ +#navigation .content li { + float: right; + padding: 0 0 0 10px; +} diff --git a/sites/all/themes/zen/STARTERKIT/css/navigation.css b/sites/all/themes/zen/STARTERKIT/css/navigation.css new file mode 100644 index 000000000..363777823 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/navigation.css @@ -0,0 +1,62 @@ +/** + * @file + * Navigation Styling + */ + + +/* + * The active item in a Drupal menu + */ +li a.active { + color: #000; +} + +/* + * Navigation bar + */ +#navigation { + /* overflow: hidden; /* Sometimes you want to prevent overlapping with main div. */ +} + +#navigation ul.links, /* Main menu and secondary menu links */ +#navigation .content ul /* Menu block links */ { + margin: 0; + padding: 0; + text-align: left; /* LTR */ +} + +#navigation ul.links li, /* A simple method to get navigation links to appear in one line. */ +#navigation .content li { + float: left; /* LTR */ + padding: 0 10px 0 0; /* LTR */ + list-style-type: none; + list-style-image: none; +} + +.region-navigation { +} + +/* + * Main menu and Secondary menu links + */ +#main-menu { +} + +#secondary-menu { + float: right; +} + +/* + * Menu blocks + */ +.block-menu { +} + +/* + * "Menu block" blocks + * + * Drupal core has limited ways in which it can display its menus. To get around + * these limitations, see http://drupal.org/project/menu_block + */ +.block-menu-block { +} diff --git a/sites/all/themes/zen/STARTERKIT/css/nodes.css b/sites/all/themes/zen/STARTERKIT/css/nodes.css new file mode 100644 index 000000000..6010d3e0f --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/nodes.css @@ -0,0 +1,69 @@ +/** + * @file + * Node Styling + * + * Style anything that isn't in the $content variable. + */ + + +.node /* Node wrapper */ { +} + +.preview .node /* Preview of the content before submitting new or updated content */ { + /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */ +} + +.node-promoted /* A node that has been promoted to the front page */ { +} + +.node-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-FOO class that describes the type of content that + * it is. If you create a new content type called "my-custom-type", it will + * receive a "node-my-custom-type" class. + */ +.node-page /* Page content node */ { +} + +.node-article /* Article content node */ { +} + +h2.node-title /* Node title */ { +} + +.node .user-picture /* The picture of the node author */ { +} + +.node .submitted /* The "posted by" information */ { +} + +.node .content /* Node's content wrapper */ { +} + +.node ul.links /* Node links. See also the ul.links declaration in the pages.css. */ { +} diff --git a/sites/all/themes/zen/STARTERKIT/css/page-backgrounds.css b/sites/all/themes/zen/STARTERKIT/css/page-backgrounds.css new file mode 100644 index 000000000..24c2971c6 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/page-backgrounds.css @@ -0,0 +1,35 @@ +/** + * @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 { +} + +.region-footer { +} diff --git a/sites/all/themes/zen/STARTERKIT/css/pages-rtl.css b/sites/all/themes/zen/STARTERKIT/css/pages-rtl.css new file mode 100644 index 000000000..317a59dfa --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/pages-rtl.css @@ -0,0 +1,20 @@ +/** + * @file + * RTL companion for the pages.css file. + */ + + +/* + * Header + */ +#logo /* Wrapping link for logo */ { + float: right; +} + +/* + * Content + */ +ul.links li /* List of links */ { + display: inline-block; /* Bug in Safari causes display: inline to fail. */ + padding: 0 0 0 1em; +} diff --git a/sites/all/themes/zen/STARTERKIT/css/pages.css b/sites/all/themes/zen/STARTERKIT/css/pages.css new file mode 100644 index 000000000..6e576f023 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/pages.css @@ -0,0 +1,229 @@ +/** + * @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-link link will be completely hidden until a user tabs to the link. + * See the element-focusable rule in system.base.css. + */ +#skip-link a, +#skip-link a:visited { + display: block; + width: 100%; + padding: 2px 0 3px 0; + text-align: center; + background-color: #666; + color: #fff; +} + +/* + * 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 */ { + float: left; +} + +h1#site-name, +div#site-name /* The name of the website */ { + margin: 0; + font-size: 2em; + line-height: 1.5em; +} + +#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 */ { + clear: both; /* Clear the logo */ +} + +/* + * Main (container for everything else) + */ +#main-wrapper { +} + +#main { +} + +/* + * Content + */ +#content { +} + +#content .section { +} + +.region-highlighted { +} + +.breadcrumb /* The path to the current page in the form of a list of links */ { + padding-bottom: 0; /* Undo system.css */ +} + +h1.title, /* The title of the page */ +h2.node-title, /* Title of a piece of content when it is given in a list of content */ +h2.block-title, /* Block title */ +h2.title, /* Comment section heading */ +h2.comment-form, /* Comment form heading */ +h3.title /* Comment title */ { + 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. */ { + margin: 1.5em 0; /* Drupal core uses "6px 0" margin */ +} + +div.messages ul { + margin-top: 0; + margin-bottom: 0; +} + +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. */ { +} + +.region-help /* Help text on a page */ { +} + +.more-help-link /* Link to more help */ { +} + +.region-content /* Wrapper for the actual page content */ { +} + +ul.links /* List of links */ { +} + +ul.links.inline { + display: block; /* Let the links be inline, but the container be a block. */ +} + +ul.links li { + padding: 0 1em 0 0; /* LTR */ +} + +.item-list .pager /* A list of page numbers when more than 1 page of content is available */ { + padding: 0; +} + +.item-list .pager li /* Each page number in the pager list */ { + padding: 0 0.5em; +} + +.feed-icon /* The link to the RSS or Atom feed for the current list of content */ { +} + +.more-link /* Aggregator, blog, and forum more link */ { +} + +/* + * First sidebar (on left in LTR languages, on right in RTL) + * + * Remember to NOT add padding or margin to your .region-sidebar-first + * (see the layout.css file.) + */ +.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 + */ +.region-footer { +} + +/* + * Page bottom + */ +.region-bottom /* Wrapper for any blocks placed in the page bottom region */ { +} diff --git a/sites/all/themes/zen/STARTERKIT/css/print.css b/sites/all/themes/zen/STARTERKIT/css/print.css new file mode 100644 index 000000000..874e83849 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/print.css @@ -0,0 +1,74 @@ +/** + * @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, +#toolbar, +#navigation, +.region-sidebar-first, +.region-sidebar-second, +.region-footer, +.breadcrumb, +div.tabs, +.action-links, +.links, +.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; +} diff --git a/sites/all/themes/zen/STARTERKIT/css/tabs-rtl.css b/sites/all/themes/zen/STARTERKIT/css/tabs-rtl.css new file mode 100644 index 000000000..6e7fb0e34 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/tabs-rtl.css @@ -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; +} diff --git a/sites/all/themes/zen/STARTERKIT/css/tabs.css b/sites/all/themes/zen/STARTERKIT/css/tabs.css new file mode 100644 index 000000000..a5c4f8a99 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/tabs.css @@ -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 drupal7-reference.css.) + */ + + +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; +} diff --git a/sites/all/themes/zen/STARTERKIT/css/views-styles.css b/sites/all/themes/zen/STARTERKIT/css/views-styles.css new file mode 100644 index 000000000..909edd961 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/views-styles.css @@ -0,0 +1,6 @@ +/** + * @file + * Views Styling + */ + + diff --git a/sites/all/themes/zen/STARTERKIT/css/wireframes.css b/sites/all/themes/zen/STARTERKIT/css/wireframes.css new file mode 100644 index 000000000..4be67e9af --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/css/wireframes.css @@ -0,0 +1,17 @@ +/** + * @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 .region-footer, +.with-wireframes .region-bottom { + outline: 1px solid #ccc; +} diff --git a/sites/all/themes/zen/STARTERKIT/favicon.ico b/sites/all/themes/zen/STARTERKIT/favicon.ico Binary files differnew file mode 100644 index 000000000..0f9909a60 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/favicon.ico diff --git a/sites/all/themes/zen/STARTERKIT/images-source/screenshot.psd b/sites/all/themes/zen/STARTERKIT/images-source/screenshot.psd Binary files differnew file mode 100644 index 000000000..763d5e296 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/images-source/screenshot.psd diff --git a/sites/all/themes/zen/STARTERKIT/images-source/tabs.psd b/sites/all/themes/zen/STARTERKIT/images-source/tabs.psd Binary files differnew file mode 100644 index 000000000..dfd82aa63 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/images-source/tabs.psd diff --git a/sites/all/themes/zen/STARTERKIT/images/tab-bar.png b/sites/all/themes/zen/STARTERKIT/images/tab-bar.png Binary files differnew file mode 100644 index 000000000..0b380be85 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/images/tab-bar.png diff --git a/sites/all/themes/zen/STARTERKIT/images/tab-left-ie6.png b/sites/all/themes/zen/STARTERKIT/images/tab-left-ie6.png Binary files differnew file mode 100644 index 000000000..5c512aee0 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/images/tab-left-ie6.png diff --git a/sites/all/themes/zen/STARTERKIT/images/tab-left.png b/sites/all/themes/zen/STARTERKIT/images/tab-left.png Binary files differnew file mode 100644 index 000000000..dd925f769 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/images/tab-left.png diff --git a/sites/all/themes/zen/STARTERKIT/images/tab-right-ie6.png b/sites/all/themes/zen/STARTERKIT/images/tab-right-ie6.png Binary files differnew file mode 100644 index 000000000..1c0028189 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/images/tab-right-ie6.png diff --git a/sites/all/themes/zen/STARTERKIT/images/tab-right.png b/sites/all/themes/zen/STARTERKIT/images/tab-right.png Binary files differnew file mode 100644 index 000000000..9ed9cb2ba --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/images/tab-right.png diff --git a/sites/all/themes/zen/STARTERKIT/images/tab-secondary-bg.png b/sites/all/themes/zen/STARTERKIT/images/tab-secondary-bg.png Binary files differnew file mode 100644 index 000000000..a5a617ed3 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/images/tab-secondary-bg.png diff --git a/sites/all/themes/zen/STARTERKIT/images/tab-secondary.png b/sites/all/themes/zen/STARTERKIT/images/tab-secondary.png Binary files differnew file mode 100644 index 000000000..bf4e8d21a --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/images/tab-secondary.png diff --git a/sites/all/themes/zen/STARTERKIT/js/README.txt b/sites/all/themes/zen/STARTERKIT/js/README.txt new file mode 100644 index 000000000..da94e902a --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/js/README.txt @@ -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(drupal_get_path('theme', 'THEME_NAME') . '/js/my-jquery-script.js', array('group' => JS_THEME)); + + For the full documentation of drupal_add_js(), see: + http://api.drupal.org/api/function/drupal_add_js diff --git a/sites/all/themes/zen/STARTERKIT/logo.png b/sites/all/themes/zen/STARTERKIT/logo.png Binary files differnew file mode 100644 index 000000000..90abfa4c1 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/logo.png diff --git a/sites/all/themes/zen/STARTERKIT/screenshot.png b/sites/all/themes/zen/STARTERKIT/screenshot.png Binary files differnew file mode 100644 index 000000000..c0985b903 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/screenshot.png diff --git a/sites/all/themes/zen/STARTERKIT/template.php b/sites/all/themes/zen/STARTERKIT/template.php new file mode 100644 index 000000000..8130d2351 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/template.php @@ -0,0 +1,220 @@ +<?php +/** + * @file + * Contains the theme's functions to manipulate Drupal's default markup. + * + * A QUICK OVERVIEW OF DRUPAL THEMING + * + * The default HTML for all of Drupal's markup is specified by its modules. + * For example, the comment.module provides the default HTML markup and CSS + * styling that is wrapped around each comment. Fortunately, each piece of + * markup can optionally be overridden by the theme. + * + * Drupal deals with each chunk of content using a "theme hook". The raw + * content is placed in PHP variables and passed through the theme hook, which + * can either be a template file (which you should already be familiary with) + * or a theme function. For example, the "comment" theme hook is implemented + * with a comment.tpl.php template file, but the "breadcrumb" theme hooks is + * implemented with a theme_breadcrumb() theme function. Regardless if the + * theme hook uses a template file or theme function, the template or function + * does the same kind of work; it takes the PHP variables passed to it and + * wraps the raw content with the desired HTML markup. + * + * Most theme hooks are implemented with template files. Theme hooks that use + * theme functions do so for performance reasons - theme_field() is faster + * than a field.tpl.php - or for legacy reasons - theme_breadcrumb() has "been + * that way forever." + * + * The variables used by theme functions or template files come from a handful + * of sources: + * - the contents of other theme hooks that have already been rendered into + * HTML. For example, the HTML from theme_breadcrumb() is put into the + * $breadcrumb variable of the page.tpl.php template file. + * - raw data provided directly by a module (often pulled from a database) + * - a "render element" provided directly by a module. A render element is a + * nested PHP array which contains both content and meta data with hints on + * how the content should be rendered. If a variable in a template file is a + * render element, it needs to be rendered with the render() function and + * then printed using: + * <?php print render($variable); ?> + * + * ABOUT THE TEMPLATE.PHP FILE + * + * The template.php file is one of the most useful files when creating or + * modifying Drupal themes. With this file you can do three things: + * - Modify any theme hooks variables or add your own variables, using + * preprocess or process functions. + * - Override any theme function. That is, replace a module's default theme + * function with one you write. + * - Call hook_*_alter() functions which allow you to alter various parts of + * Drupal's internals, including the render elements in forms. The most + * useful of which include hook_form_alter(), hook_form_FORM_ID_alter(), + * and hook_page_alter(). See api.drupal.org for more information about + * _alter functions. + * + * OVERRIDING THEME FUNCTIONS + * + * If a theme hook uses a theme function, Drupal will use the default theme + * function unless your theme overrides it. To override a theme function, you + * have to first find the theme function that generates the output. (The + * api.drupal.org website is a good place to find which file contains which + * function.) Then you can copy the original function in its entirety and + * paste it in this template.php file, changing the prefix from theme_ to + * STARTERKIT_. For example: + * + * original, found in modules/field/field.module: theme_field() + * theme override, found in template.php: STARTERKIT_field() + * + * where STARTERKIT is the name of your sub-theme. For example, the + * zen_classic theme would define a zen_classic_field() function. + * + * Note that base themes can also override theme functions. And those + * overrides will be used by sub-themes unless the sub-theme chooses to + * override again. + * + * Zen core only overrides one theme function. If you wish to override it, you + * should first look at how Zen core implements this function: + * theme_breadcrumbs() 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 theme hook 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 theme hook suggestions, + * please visit the Theme Developer's Guide on Drupal.org: + * http://drupal.org/node/223440 and http://drupal.org/node/1089656 + */ + + +/** + * Override or insert variables into the maintenance page template. + * + * @param $variables + * An array of variables to pass to the theme template. + * @param $hook + * The name of the template being rendered ("maintenance_page" in this case.) + */ +/* -- Delete this line if you want to use this function +function STARTERKIT_preprocess_maintenance_page(&$variables, $hook) { + // When a variable is manipulated or added in preprocess_html or + // preprocess_page, that same work is probably needed for the maintenance page + // as well, so we can just re-use those functions to do that work here. + STARTERKIT_preprocess_html($variables, $hook); + STARTERKIT_preprocess_page($variables, $hook); +} +// */ + +/** + * Override or insert variables into the html templates. + * + * @param $variables + * An array of variables to pass to the theme template. + * @param $hook + * The name of the template being rendered ("html" in this case.) + */ +/* -- Delete this line if you want to use this function +function STARTERKIT_preprocess_html(&$variables, $hook) { + $variables['sample_variable'] = t('Lorem ipsum.'); + + // The body tag's classes are controlled by the $classes_array variable. To + // remove a class from $classes_array, use array_diff(). + //$variables['classes_array'] = array_diff($variables['classes_array'], array('class-to-remove')); +} +// */ + +/** + * Override or insert variables into the page templates. + * + * @param $variables + * 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(&$variables, $hook) { + $variables['sample_variable'] = t('Lorem ipsum.'); +} +// */ + +/** + * Override or insert variables into the node templates. + * + * @param $variables + * 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(&$variables, $hook) { + $variables['sample_variable'] = t('Lorem ipsum.'); + + // Optionally, run node-type-specific preprocess functions, like + // STARTERKIT_preprocess_node_page() or STARTERKIT_preprocess_node_story(). + $function = __FUNCTION__ . '_' . $variables['node']->type; + if (function_exists($function)) { + $function($variables, $hook); + } +} +// */ + +/** + * Override or insert variables into the comment templates. + * + * @param $variables + * 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(&$variables, $hook) { + $variables['sample_variable'] = t('Lorem ipsum.'); +} +// */ + +/** + * Override or insert variables into the region templates. + * + * @param $variables + * An array of variables to pass to the theme template. + * @param $hook + * The name of the template being rendered ("region" in this case.) + */ +/* -- Delete this line if you want to use this function +function STARTERKIT_preprocess_region(&$variables, $hook) { + // Don't use Zen's region--sidebar.tpl.php template for sidebars. + if (strpos($variables['region'], 'sidebar_') === 0) { + $variables['theme_hook_suggestions'] = array_diff($variables['theme_hook_suggestions'], array('region__sidebar')); + } +} +// */ + +/** + * Override or insert variables into the block templates. + * + * @param $variables + * 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(&$variables, $hook) { + // Add a count to all the blocks in the region. + $variables['classes_array'][] = 'count-' . $variables['block_id']; +} +// */ diff --git a/sites/all/themes/zen/STARTERKIT/templates/README.txt b/sites/all/themes/zen/STARTERKIT/templates/README.txt new file mode 100644 index 000000000..729844904 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/templates/README.txt @@ -0,0 +1,96 @@ +TEMPLATES +--------- + +Drupal 7 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: + html.tpl.php + page.tpl.php + maintenance-page.tpl.php + node.tpl.php + region.tpl.php + region--sidebar.tpl.php + block.tpl.php + comment-wrapper.tpl.php + comment.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.tpl.php (overridden by Zen) + 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-wrapper.tpl.php (overridden by Zen) + comment.tpl.php (overridden by Zen) + +Located in /modules/field/theme: + field.tpl.php (not used; core uses theme_field() instead) + +Located in /modules/forum: + forum-icon.tpl.php + forum-list.tpl.php + forum-submitted.tpl.php + forum-topic-list.tpl.php + forums.tpl.php + +Located in /modules/node: + node.tpl.php (overridden by Zen) + +Located in /modules/overlay: + overlay.tpl.php + +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 + +Located in /modules/system: + html.tpl.php (overridden by Zen) + maintenance-page.tpl.php (overridden by Zen) + page.tpl.php (overridden by Zen) + region.tpl.php (overridden by Zen) + +Located in /modules/taxonomy: + taxonomy-term.tpl.php + +Located in /modules/toolbar: + toolbar.tpl.php + +Located in /modules/user: + user-picture.tpl.php + user-profile-category.tpl.php + user-profile-item.tpl.php + user-profile.tpl.php diff --git a/sites/all/themes/zen/STARTERKIT/theme-settings.php b/sites/all/themes/zen/STARTERKIT/theme-settings.php new file mode 100644 index 000000000..c4fa05f78 --- /dev/null +++ b/sites/all/themes/zen/STARTERKIT/theme-settings.php @@ -0,0 +1,31 @@ +<?php +/** + * Implements hook_form_system_theme_settings_alter(). + * + * @param $form + * Nested array of form elements that comprise the form. + * @param $form_state + * A keyed array containing the current state of the form. + */ +function STARTERKIT_form_system_theme_settings_alter(&$form, &$form_state, $form_id = NULL) { + // Work-around for a core bug affecting admin themes. See issue #943212. + if (isset($form_id)) { + return; + } + + // Create the form using Forms API: http://api.drupal.org/api/7 + + /* -- Delete this line if you want to use this setting + $form['STARTERKIT_example'] = array( + '#type' => 'checkbox', + '#title' => t('STARTERKIT sample setting'), + '#default_value' => theme_get_setting('STARTERKIT_example'), + '#description' => t("This option doesn't do anything; it's just an example."), + ); + // */ + + // Remove some of the base theme's settings. + unset($form['themedev']['zen_layout']); // We don't need to select the layout stylesheet. + + // We are editing the $form in place, so we don't need to return anything. +} diff --git a/sites/all/themes/zen/layouts/README.txt b/sites/all/themes/zen/layouts/README.txt new file mode 100644 index 000000000..57334f0d7 --- /dev/null +++ b/sites/all/themes/zen/layouts/README.txt @@ -0,0 +1,2 @@ +To build your own Panels layout follow the documentation provided by Panels: + http://drupal.org/node/495654 diff --git a/sites/all/themes/zen/layouts/zen_one_sidebar_first/zen-one-sidebar-first-admin.css b/sites/all/themes/zen/layouts/zen_one_sidebar_first/zen-one-sidebar-first-admin.css new file mode 100644 index 000000000..eecec4c44 --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_one_sidebar_first/zen-one-sidebar-first-admin.css @@ -0,0 +1,41 @@ +/** + * @file + * Page manager layout + * + * We are using percentages in the admin instead of fixed widths so that the + * admin can work nicely in different admin themes. + */ + +#panels-dnd-main div.panels-display h2.label { + padding-left: 24px; + text-align: left; +} + +#page-manager-edit .zen-one-sidebar-first .panel-content { + float: left; /* LTR */ + width: 66%; + margin-left: 34%; /* LTR */ + margin-right: -100%; /* LTR */ /* Negative value of #content's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */ +} + +#page-manager-edit .zen-one-sidebar-first .panel-content .inside { + margin-right: 0px; +} + +#page-manager-edit .zen-one-sidebar-first .panel-header { + height: auto; + margin-bottom: 10px; +} + +#page-manager-edit .zen-one-sidebar-first .panel-sidebar-first { + float: left; /* LTR */ + width: 34%; + margin-left: 0px; /* LTR */ /* Width of #content. */ + margin-right: -34%; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */ +} + +#page-manager-edit .zen-one-sidebar-first .panel-sidebar-first .panel-sidebar-first-inner { + margin-right: 10px; +} diff --git a/sites/all/themes/zen/layouts/zen_one_sidebar_first/zen-one-sidebar-first-admin.tpl.php b/sites/all/themes/zen/layouts/zen_one_sidebar_first/zen-one-sidebar-first-admin.tpl.php new file mode 100644 index 000000000..b279c469a --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_one_sidebar_first/zen-one-sidebar-first-admin.tpl.php @@ -0,0 +1,28 @@ +<?php +/** + * @file + * Template for a 1 row, 2 column Zen-based panel layout. + * + * This template provides a two column panel display layout, with + * additional areas for the top and the bottom. + * + * Variables: + * - $css_id: An optional CSS id to use for the layout. + * - $content: An array of content, each item in the array is keyed to one + * panel of the layout. This layout supports the following sections: + * - $content['content']: Content in the main column. + * - $content['sidebar_first']: Content in the first column. + */ +?> + +<div class="panel-display zen-one-sidebar-first clearfix" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>> + + <div class="panel-content"><div class="panel-content-inner inside panel-panel"> + <?php print $content['content']; ?> + </div></div><!-- /.panel-content-inner, /.panel-content --> + + <div class="panel-sidebar-first"><div class="panel-sidebar-first-inner inside panel-panel"> + <?php print $content['sidebar_first']; ?> + </div></div><!-- /.panel-sidebar-first-inner, /.panel-sidebar-first --> + +</div><!-- /.zen-one-sidebar-first --> diff --git a/sites/all/themes/zen/layouts/zen_one_sidebar_first/zen-one-sidebar-first.css b/sites/all/themes/zen/layouts/zen_one_sidebar_first/zen-one-sidebar-first.css new file mode 100644 index 000000000..c5eba657e --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_one_sidebar_first/zen-one-sidebar-first.css @@ -0,0 +1,36 @@ +/** + * @file + * Zen panel layout + * + * This layout does include the standar Zen navbar, content and right sidebar + * layout. Markup has been reordered for Accessibility and SEO optimizations. + * The markup order is: content, sidebar but the display will show sidebar, + * content. + */ + +.zen-one-sidebar-first { +/* overflow: hidden; */ + position: relative; + margin-top: 0; + padding-top: 0; +} + +.zen-one-sidebar-first .panel-content { + float: left; /* LTR */ + width: 640px; + margin-left: 320px; /* LTR */ + margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */ +} + +.zen-one-sidebar-first .panel-sidebar-first { + float: left; /* LTR */ + width: 320px; + margin-left: 0px; /* LTR */ /* Width of #content. */ + margin-right: -320px; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */ +} + +.zen-one-sidebar-first .panel-sidebar-first .panel-sidebar-first-inner { + margin-right: 20px; +} diff --git a/sites/all/themes/zen/layouts/zen_one_sidebar_first/zen-one-sidebar-first.png b/sites/all/themes/zen/layouts/zen_one_sidebar_first/zen-one-sidebar-first.png Binary files differnew file mode 100644 index 000000000..fa06e1315 --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_one_sidebar_first/zen-one-sidebar-first.png diff --git a/sites/all/themes/zen/layouts/zen_one_sidebar_first/zen-one-sidebar-first.tpl.php b/sites/all/themes/zen/layouts/zen_one_sidebar_first/zen-one-sidebar-first.tpl.php new file mode 100644 index 000000000..b279c469a --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_one_sidebar_first/zen-one-sidebar-first.tpl.php @@ -0,0 +1,28 @@ +<?php +/** + * @file + * Template for a 1 row, 2 column Zen-based panel layout. + * + * This template provides a two column panel display layout, with + * additional areas for the top and the bottom. + * + * Variables: + * - $css_id: An optional CSS id to use for the layout. + * - $content: An array of content, each item in the array is keyed to one + * panel of the layout. This layout supports the following sections: + * - $content['content']: Content in the main column. + * - $content['sidebar_first']: Content in the first column. + */ +?> + +<div class="panel-display zen-one-sidebar-first clearfix" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>> + + <div class="panel-content"><div class="panel-content-inner inside panel-panel"> + <?php print $content['content']; ?> + </div></div><!-- /.panel-content-inner, /.panel-content --> + + <div class="panel-sidebar-first"><div class="panel-sidebar-first-inner inside panel-panel"> + <?php print $content['sidebar_first']; ?> + </div></div><!-- /.panel-sidebar-first-inner, /.panel-sidebar-first --> + +</div><!-- /.zen-one-sidebar-first --> diff --git a/sites/all/themes/zen/layouts/zen_one_sidebar_first/zen_one_sidebar_first.inc b/sites/all/themes/zen/layouts/zen_one_sidebar_first/zen_one_sidebar_first.inc new file mode 100644 index 000000000..0319030d7 --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_one_sidebar_first/zen_one_sidebar_first.inc @@ -0,0 +1,15 @@ +<?php +// Plugin definition +$plugin = array( + 'title' => t('One sidebar before content'), + 'icon' => 'zen-one-sidebar-first.png', + 'category' => t('Columns: 2'), + 'theme' => 'zen_one_sidebar_first', + 'css' => 'zen-one-sidebar-first.css', + 'admin theme' => 'zen_one_sidebar_first_admin', + 'admin css' => 'zen-one-sidebar-first-admin.css', + 'panels' => array( + 'content' => t('Content'), + 'sidebar_first' => t('Sidebar'), + ), +); diff --git a/sites/all/themes/zen/layouts/zen_one_sidebar_second/zen-one-sidebar-second-admin.css b/sites/all/themes/zen/layouts/zen_one_sidebar_second/zen-one-sidebar-second-admin.css new file mode 100644 index 000000000..809790823 --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_one_sidebar_second/zen-one-sidebar-second-admin.css @@ -0,0 +1,42 @@ +/** + * @file + * Page manager layout + * + * We are using percentages in the admin instead of fixed widths so that the + * admin can work nicely in different admin themes. + */ + +#page-manager-edit .zen-one-sidebar-second .panel-header { + height: auto; + margin-bottom: 10px; +} + +#page-manager-edit .zen-one-sidebar-second .panel-content { + float: left; /* LTR */ + width: 66%; + margin-left: 0; /* LTR */ + margin-right: -66%; /* LTR */ /* Negative value of #content's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */ + margin-top: 0px; +} + +#page-manager-edit .zen-one-sidebar-second .panel-content .inside { + margin-right: 10px; +} + +#page-manager-edit .zen-one-sidebar-second .with-panel-header .panel-content, +#page-manager-edit .zen-one-sidebar-second .with-panel-header .panel-sidebar-first { + margin-top: 0; /* Set this to the same value as the navbar height above. */ +} + +#page-manager-edit .zen-one-sidebar-second .panel-sidebar-first { + float: left; /* LTR */ + width: 34%; + margin-left: 66%; /* LTR */ /* Width of #content. */ + margin-right: -100%; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */ +} + +.zen-one-sidebar-second .panel-sidebar-first .panel-sidebar-first-inner { + margin: 0 0 0 0; +} diff --git a/sites/all/themes/zen/layouts/zen_one_sidebar_second/zen-one-sidebar-second-admin.tpl.php b/sites/all/themes/zen/layouts/zen_one_sidebar_second/zen-one-sidebar-second-admin.tpl.php new file mode 100644 index 000000000..acb45928d --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_one_sidebar_second/zen-one-sidebar-second-admin.tpl.php @@ -0,0 +1,28 @@ +<?php +/** + * @file + * Template for a 1 row, 2 column Zen-based panel layout. + * + * This template provides a two column panel display layout, with + * additional areas for the top and the bottom. + * + * Variables: + * - $css_id: An optional CSS id to use for the layout. + * - $content: An array of content, each item in the array is keyed to one + * panel of the layout. This layout supports the following sections: + * - $content['content']: Content in the main column. + * - $content['sidebar_first']: Content in the first column. + */ +?> + +<div class="panel-display zen-one-sidebar-second clearfix" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>> + + <div class="panel-content"><div class="panel-content-inner inside panel-panel"> + <?php print $content['content']; ?> + </div></div><!-- /.panel-content-inner, /.panel-content --> + + <div class="panel-sidebar-first"><div class="panel-sidebar-first-inner inside panel-panel"> + <?php print $content['sidebar_first']; ?> + </div></div><!-- /.panel-sidebar-first-inner, /.panel-sidebar-first --> + +</div><!-- /.zen-one-sidebar-second --> diff --git a/sites/all/themes/zen/layouts/zen_one_sidebar_second/zen-one-sidebar-second.css b/sites/all/themes/zen/layouts/zen_one_sidebar_second/zen-one-sidebar-second.css new file mode 100644 index 000000000..6eebc7184 --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_one_sidebar_second/zen-one-sidebar-second.css @@ -0,0 +1,50 @@ +/** + * @file + * Zen panel layout + * + * This layout does include the standar Zen navbar, content and right sidebar + * layout. Markup has been reordered for Accessibility and SEO optimizations. + */ + +.zen-one-sidebar-second { +/* overflow: hidden; */ + position: relative; + margin-top: 0; + padding-top: 0; +} + +.zen-one-sidebar-second .panel-navbar { + width: 100%; + float: left; /* LTR */ + margin-left: 0; /* LTR */ + margin-right: -100%; /* LTR */ /* Negative value of #navbar's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-navbar. */ + height: 8.3em; /* The navbar 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. */ +} + +.zen-one-sidebar-second .with-panel-header .panel-content, +.zen-one-sidebar-second .with-panel-header .panel-sidebar-first { + margin-top: 8.3em; /* Set this to the same value as the navbar height above. */ +} + +.zen-one-sidebar-second .panel-content { + float: left; /* LTR */ + width: 640px; + margin-left: 0; /* LTR */ + margin-right: -640px; /* LTR */ /* Negative value of #content's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */ +} + +.zen-one-sidebar-second .panel-sidebar-first { + float: left; /* LTR */ + width: 320px; + margin-left: 640px; /* LTR */ /* Width of #content. */ + margin-right: -960px; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */ +} + +.zen-one-sidebar-second .panel-sidebar-first .panel-sidebar-first-inner { + margin-left: 20px; +} diff --git a/sites/all/themes/zen/layouts/zen_one_sidebar_second/zen-one-sidebar-second.png b/sites/all/themes/zen/layouts/zen_one_sidebar_second/zen-one-sidebar-second.png Binary files differnew file mode 100644 index 000000000..821b8aa7f --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_one_sidebar_second/zen-one-sidebar-second.png diff --git a/sites/all/themes/zen/layouts/zen_one_sidebar_second/zen-one-sidebar-second.tpl.php b/sites/all/themes/zen/layouts/zen_one_sidebar_second/zen-one-sidebar-second.tpl.php new file mode 100644 index 000000000..acb45928d --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_one_sidebar_second/zen-one-sidebar-second.tpl.php @@ -0,0 +1,28 @@ +<?php +/** + * @file + * Template for a 1 row, 2 column Zen-based panel layout. + * + * This template provides a two column panel display layout, with + * additional areas for the top and the bottom. + * + * Variables: + * - $css_id: An optional CSS id to use for the layout. + * - $content: An array of content, each item in the array is keyed to one + * panel of the layout. This layout supports the following sections: + * - $content['content']: Content in the main column. + * - $content['sidebar_first']: Content in the first column. + */ +?> + +<div class="panel-display zen-one-sidebar-second clearfix" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>> + + <div class="panel-content"><div class="panel-content-inner inside panel-panel"> + <?php print $content['content']; ?> + </div></div><!-- /.panel-content-inner, /.panel-content --> + + <div class="panel-sidebar-first"><div class="panel-sidebar-first-inner inside panel-panel"> + <?php print $content['sidebar_first']; ?> + </div></div><!-- /.panel-sidebar-first-inner, /.panel-sidebar-first --> + +</div><!-- /.zen-one-sidebar-second --> diff --git a/sites/all/themes/zen/layouts/zen_one_sidebar_second/zen_one_sidebar_second.inc b/sites/all/themes/zen/layouts/zen_one_sidebar_second/zen_one_sidebar_second.inc new file mode 100644 index 000000000..e385b68df --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_one_sidebar_second/zen_one_sidebar_second.inc @@ -0,0 +1,15 @@ +<?php +// Plugin definition +$plugin = array( + 'title' => t('One sidebar after content'), + 'icon' => 'zen-one-sidebar-second.png', + 'category' => t('Columns: 2'), + 'theme' => 'zen_one_sidebar_second', + 'css' => 'zen-one-sidebar-second.css', + 'admin theme' => 'zen_one_sidebar_second_admin', + 'admin css' => 'zen-one-sidebar-second-admin.css', + 'panels' => array( + 'content' => t('Content'), + 'sidebar_first' => t('Sidebar'), + ), +); diff --git a/sites/all/themes/zen/layouts/zen_two_sidebars/zen-two-sidebars-admin.css b/sites/all/themes/zen/layouts/zen_two_sidebars/zen-two-sidebars-admin.css new file mode 100644 index 000000000..f7669b7d9 --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_two_sidebars/zen-two-sidebars-admin.css @@ -0,0 +1,53 @@ +/** + * @file + * Page manager layout + * + * We are using percentages in the admin instead of fixed widths so that the + * admin can work nicely in different admin themes. + */ + +#panels-dnd-main div.panels-display h2.label { + padding-left: 24px; + text-align: left; +} + +#page-manager-edit .zen-two-sidebars .panel-content .inside { + margin-right: 10px; +} + +#page-manager-edit .zen-two-sidebars .panel-content { + float: left; /* LTR */ + width: 50%; + margin-left: 25%; /* LTR */ + margin-right: -75%; /* LTR */ /* Negative value of #content's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */ +} + +#page-manager-edit .zen-two-sidebars .panel-header { + height: auto; + margin-bottom: 10px; +} + +#page-manager-edit .zen-two-sidebars .panel-sidebar-first { + float: left; /* LTR */ + width: 25%; + margin-left: 0px; /* LTR */ /* Width of #content. */ + margin-right: -25%; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */ +} + +#page-manager-edit .zen-two-sidebars .panel-sidebar-first-inner { + margin-right: 10px; +} + +#page-manager-edit .zen-two-sidebars .panel-sidebar-second { + float: left; /* LTR */ + width: 25%; + margin-left: 75%; /* LTR */ /* Width of #content. */ + margin-right: -100%; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */ +} + +#page-manager-edit .zen-two-sidebars .panel-sidebar-second-inner { + margin-left: 0px; +} diff --git a/sites/all/themes/zen/layouts/zen_two_sidebars/zen-two-sidebars-admin.tpl.php b/sites/all/themes/zen/layouts/zen_two_sidebars/zen-two-sidebars-admin.tpl.php new file mode 100644 index 000000000..054ac44c2 --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_two_sidebars/zen-two-sidebars-admin.tpl.php @@ -0,0 +1,33 @@ +<?php +/** + * @file + * Template for a 1 row, 2 column Zen-based panel layout. + * + * This template provides a two column panel display layout, with + * additional areas for the top and the bottom. + * + * Variables: + * - $css_id: An optional CSS id to use for the layout. + * - $content: An array of content, each item in the array is keyed to one + * panel of the layout. This layout supports the following sections: + * - $content['content']: Content in the main column. + * - $content['sidebar_first']: Content in the first column. + * - $content['sidebar_second']: Content in the second column. + */ +?> + +<div class="panel-display zen-two-sidebars clearfix"<?php if (!empty($css_id)) { print ' id="' . $css_id . '"'; } ?>> + + <div class="panel-content"><div class="panel-content-inner inside panel-panel"> + <?php print $content['content']; ?> + </div></div><!-- /.panel-content-inner, /.panel-content --> + + <div class="panel-sidebar-first"><div class="panel-sidebar-first-inner inside panel-panel"> + <?php print $content['sidebar_first']; ?> + </div></div><!-- /.panel-sidebar-first-inner, /.panel-sidebar-first --> + + <div class="panel-sidebar-second"><div class="panel-sidebar-second-inner inside panel-panel"> + <?php print $content['sidebar_second']; ?> + </div></div><!-- /.panel-sidebar-second-inner, /.panel-sidebar-second --> + +</div><!-- /.zen-two-sidebars --> diff --git a/sites/all/themes/zen/layouts/zen_two_sidebars/zen-two-sidebars.css b/sites/all/themes/zen/layouts/zen_two_sidebars/zen-two-sidebars.css new file mode 100644 index 000000000..10ddf5d1e --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_two_sidebars/zen-two-sidebars.css @@ -0,0 +1,51 @@ +/** + * @file + * Zen panel layout + * + * This layout does include the standar Zen navbar, content and right sidebar + * layout. Markup has been reordered for Accessibility and SEO optimizations. + * The markup order is: content, sidebar, sidebar but the display will show + * sidebar, content, sidebar. + */ + +.zen-two-sidebars { +/* overflow: hidden; */ + position: relative; + margin-top: 0; + padding-top: 0; +} + +.zen-two-sidebars .panel-sidebar-first { +} + +.zen-two-sidebars .panel-content { + float: left; /* LTR */ + width: 460px; + margin-left: 250px; /* LTR */ + margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */ +} + +.zen-two-sidebars .panel-sidebar-first { + float: left; /* LTR */ + width: 250px; + margin-left: 0px; /* LTR */ /* Width of #content. */ + margin-right: -250px; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */ +} + +.zen-two-sidebars .panel-sidebar-first .panel-sidebar-first-inner { + margin-right: 20px; +} + +.zen-two-sidebars .panel-sidebar-second { + float: left; /* LTR */ + width: 250px; + margin-left: 710px; /* LTR */ /* Width of #content. */ + margin-right: -960px; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */ +} + +.zen-two-sidebars .panel-sidebar-second .panel-sidebar-second-inner { + margin-left: 20px; +} diff --git a/sites/all/themes/zen/layouts/zen_two_sidebars/zen-two-sidebars.png b/sites/all/themes/zen/layouts/zen_two_sidebars/zen-two-sidebars.png Binary files differnew file mode 100644 index 000000000..2bca465e6 --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_two_sidebars/zen-two-sidebars.png diff --git a/sites/all/themes/zen/layouts/zen_two_sidebars/zen-two-sidebars.tpl.php b/sites/all/themes/zen/layouts/zen_two_sidebars/zen-two-sidebars.tpl.php new file mode 100644 index 000000000..054ac44c2 --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_two_sidebars/zen-two-sidebars.tpl.php @@ -0,0 +1,33 @@ +<?php +/** + * @file + * Template for a 1 row, 2 column Zen-based panel layout. + * + * This template provides a two column panel display layout, with + * additional areas for the top and the bottom. + * + * Variables: + * - $css_id: An optional CSS id to use for the layout. + * - $content: An array of content, each item in the array is keyed to one + * panel of the layout. This layout supports the following sections: + * - $content['content']: Content in the main column. + * - $content['sidebar_first']: Content in the first column. + * - $content['sidebar_second']: Content in the second column. + */ +?> + +<div class="panel-display zen-two-sidebars clearfix"<?php if (!empty($css_id)) { print ' id="' . $css_id . '"'; } ?>> + + <div class="panel-content"><div class="panel-content-inner inside panel-panel"> + <?php print $content['content']; ?> + </div></div><!-- /.panel-content-inner, /.panel-content --> + + <div class="panel-sidebar-first"><div class="panel-sidebar-first-inner inside panel-panel"> + <?php print $content['sidebar_first']; ?> + </div></div><!-- /.panel-sidebar-first-inner, /.panel-sidebar-first --> + + <div class="panel-sidebar-second"><div class="panel-sidebar-second-inner inside panel-panel"> + <?php print $content['sidebar_second']; ?> + </div></div><!-- /.panel-sidebar-second-inner, /.panel-sidebar-second --> + +</div><!-- /.zen-two-sidebars --> diff --git a/sites/all/themes/zen/layouts/zen_two_sidebars/zen_two_sidebars.inc b/sites/all/themes/zen/layouts/zen_two_sidebars/zen_two_sidebars.inc new file mode 100644 index 000000000..a95cb17eb --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_two_sidebars/zen_two_sidebars.inc @@ -0,0 +1,16 @@ +<?php +// Plugin definition +$plugin = array( + 'title' => t('Two sidebars with content'), + 'icon' => 'zen-two-sidebars.png', + 'category' => t('Columns: 3'), + 'theme' => 'zen_two_sidebars', + 'css' => 'zen-two-sidebars.css', + 'admin theme' => 'zen_two_sidebars_admin', + 'admin css' => 'zen-two-sidebars-admin.css', + 'panels' => array( + 'content' => t('Content'), + 'sidebar_first' => t('First sidebar'), + 'sidebar_second' => t('Second sidebar'), + ), +); diff --git a/sites/all/themes/zen/layouts/zen_two_sidebars_first/zen-two-sidebars-first-admin.css b/sites/all/themes/zen/layouts/zen_two_sidebars_first/zen-two-sidebars-first-admin.css new file mode 100644 index 000000000..bfc86860c --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_two_sidebars_first/zen-two-sidebars-first-admin.css @@ -0,0 +1,53 @@ +/** + * @file + * Page manager layout + * + * Because we're using fixed widths and not percentages, we need to adjust the + * panel page editing layout to fit reasonably on screen. We're assuming a + * 960px page width, leaving the main panel manager content well at 769px. + */ +#panels-dnd-main div.panels-display h2.label { + padding-left: 24px; + text-align: left; +} + +#page-manager-edit .zen-two-sidebars-first .panel-content .inside { + margin-right: 0px; +} + +#page-manager-edit .zen-two-sidebars-first .panel-content { + float: left; /* LTR */ + width: 50%; + margin-left: 50%; /* LTR */ + margin-right: -100%; /* LTR */ /* Negative value of #content's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */ +} + +#page-manager-edit .zen-two-sidebars-first .panel-header { + height: auto; + margin-bottom: 10px; +} + +#page-manager-edit .zen-two-sidebars-first .panel-sidebar-first { + float: left; /* LTR */ + width: 25%; + margin-left: 0px; /* LTR */ /* Width of #content. */ + margin-right: -25%; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */ +} + +#page-manager-edit .zen-two-sidebars-first .panel-sidebar-first-inner { + margin-right: 10px; +} + +#page-manager-edit .zen-two-sidebars-first .panel-sidebar-second { + float: left; /* LTR */ + width: 25%; + margin-left: 25%; /* LTR */ /* Width of #content. */ + margin-right: -50%; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */ +} + +#page-manager-edit .zen-two-sidebars-first .panel-sidebar-second-inner { + margin-right: 10px; +} diff --git a/sites/all/themes/zen/layouts/zen_two_sidebars_first/zen-two-sidebars-first-admin.tpl.php b/sites/all/themes/zen/layouts/zen_two_sidebars_first/zen-two-sidebars-first-admin.tpl.php new file mode 100644 index 000000000..78a6c890d --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_two_sidebars_first/zen-two-sidebars-first-admin.tpl.php @@ -0,0 +1,33 @@ +<?php +/** + * @file + * Template for a 1 row, 2 column Zen-based panel layout. + * + * This template provides a two column panel display layout, with + * additional areas for the top and the bottom. + * + * Variables: + * - $css_id: An optional CSS id to use for the layout. + * - $content: An array of content, each item in the array is keyed to one + * panel of the layout. This layout supports the following sections: + * - $content['content']: Content in the main column. + * - $content['sidebar_first']: Content in the first column. + * - $content['sidebar_second']: Content in the second column. + */ +?> + +<div class="panel-display zen-two-sidebars-first clearfix" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>> + + <div class="panel-content"><div class="panel-content-inner inside panel-panel"> + <?php print $content['content']; ?> + </div></div><!-- /.panel-content-inner, /.panel-content --> + + <div class="panel-sidebar-first"><div class="panel-sidebar-first-inner inside panel-panel"> + <?php print $content['sidebar_first']; ?> + </div></div><!-- /.panel-sidebar-first-inner, /.panel-sidebar-first --> + + <div class="panel-sidebar-second"><div class="panel-sidebar-second-inner inside panel-panel"> + <?php print $content['sidebar_second']; ?> + </div></div><!-- /.panel-sidebar-second-inner, /.panel-sidebar-second --> + +</div><!-- /.zen-two-sidebars-first --> diff --git a/sites/all/themes/zen/layouts/zen_two_sidebars_first/zen-two-sidebars-first.css b/sites/all/themes/zen/layouts/zen_two_sidebars_first/zen-two-sidebars-first.css new file mode 100644 index 000000000..f763b082f --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_two_sidebars_first/zen-two-sidebars-first.css @@ -0,0 +1,51 @@ +/** + * @file + * Zen panel layout + * + * This layout does include the standar Zen navbar, content and right sidebar + * layout. Markup has been reordered for Accessibility and SEO optimizations. + * The markup order is: content, sidebar, sidebar but the display will show + * sidebar, sidebar, content. + */ + +.zen-two-sidebars-first { +/* overflow: hidden; */ + position: relative; + margin-top: 0; + padding-top: 0; +} + +.zen-two-sidebars-first .panel-sidebar-first { +} + +.zen-two-sidebars-first .panel-content { + float: left; /* LTR */ + width: 460px; + margin-left: 500px; /* LTR */ + margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */ +} + +.zen-two-sidebars-first .panel-sidebar-first { + float: left; /* LTR */ + width: 250px; + margin-left: 0px; /* LTR */ /* Width of #content. */ + margin-right: -250px; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */ +} + +.zen-two-sidebars-first .panel-sidebar-first .panel-sidebar-first-inner { + margin-right: 20px; +} + +.zen-two-sidebars-first .panel-sidebar-second { + float: left; /* LTR */ + width: 250px; + margin-left: 250px; /* LTR */ /* Width of #content. */ + margin-right: -500px; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */ +} + +.zen-two-sidebars-first .panel-sidebar-second .panel-sidebar-second-inner { + margin-right: 20px; +} diff --git a/sites/all/themes/zen/layouts/zen_two_sidebars_first/zen-two-sidebars-first.png b/sites/all/themes/zen/layouts/zen_two_sidebars_first/zen-two-sidebars-first.png Binary files differnew file mode 100644 index 000000000..a7014dc89 --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_two_sidebars_first/zen-two-sidebars-first.png diff --git a/sites/all/themes/zen/layouts/zen_two_sidebars_first/zen-two-sidebars-first.tpl.php b/sites/all/themes/zen/layouts/zen_two_sidebars_first/zen-two-sidebars-first.tpl.php new file mode 100644 index 000000000..78a6c890d --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_two_sidebars_first/zen-two-sidebars-first.tpl.php @@ -0,0 +1,33 @@ +<?php +/** + * @file + * Template for a 1 row, 2 column Zen-based panel layout. + * + * This template provides a two column panel display layout, with + * additional areas for the top and the bottom. + * + * Variables: + * - $css_id: An optional CSS id to use for the layout. + * - $content: An array of content, each item in the array is keyed to one + * panel of the layout. This layout supports the following sections: + * - $content['content']: Content in the main column. + * - $content['sidebar_first']: Content in the first column. + * - $content['sidebar_second']: Content in the second column. + */ +?> + +<div class="panel-display zen-two-sidebars-first clearfix" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>> + + <div class="panel-content"><div class="panel-content-inner inside panel-panel"> + <?php print $content['content']; ?> + </div></div><!-- /.panel-content-inner, /.panel-content --> + + <div class="panel-sidebar-first"><div class="panel-sidebar-first-inner inside panel-panel"> + <?php print $content['sidebar_first']; ?> + </div></div><!-- /.panel-sidebar-first-inner, /.panel-sidebar-first --> + + <div class="panel-sidebar-second"><div class="panel-sidebar-second-inner inside panel-panel"> + <?php print $content['sidebar_second']; ?> + </div></div><!-- /.panel-sidebar-second-inner, /.panel-sidebar-second --> + +</div><!-- /.zen-two-sidebars-first --> diff --git a/sites/all/themes/zen/layouts/zen_two_sidebars_first/zen_two_sidebars_first.inc b/sites/all/themes/zen/layouts/zen_two_sidebars_first/zen_two_sidebars_first.inc new file mode 100644 index 000000000..b6ab54774 --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_two_sidebars_first/zen_two_sidebars_first.inc @@ -0,0 +1,16 @@ +<?php +// Plugin definition +$plugin = array( + 'title' => t('Two sidebars before content'), + 'icon' => 'zen-two-sidebars-first.png', + 'category' => t('Columns: 3'), + 'theme' => 'zen_two_sidebars_first', + 'css' => 'zen-two-sidebars-first.css', + 'admin theme' => 'zen_two_sidebars_first_admin', + 'admin css' => 'zen-two-sidebars-first-admin.css', + 'panels' => array( + 'content' => t('Content'), + 'sidebar_first' => t('First sidebar'), + 'sidebar_second' => t('Second sidebar'), + ), +); diff --git a/sites/all/themes/zen/layouts/zen_two_sidebars_second/zen-two-sidebars-second-admin.css b/sites/all/themes/zen/layouts/zen_two_sidebars_second/zen-two-sidebars-second-admin.css new file mode 100644 index 000000000..91ccb52ad --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_two_sidebars_second/zen-two-sidebars-second-admin.css @@ -0,0 +1,55 @@ +/** + * @file + * Page manager layout + * + * We are using percentages in the admin instead of fixed widths so that the + * admin can work nicely in different admin themes. + */ + +.zen-two-sidebars-second .admin-row { + float: left; + width: 100%; +} + +#panels-dnd-main div.panels-display h2.label { + padding-left: 24px; + padding-right: 0px; + text-align: left; +} + +#page-manager-edit .zen-two-sidebars-second .panel-content { + float: left; /* LTR */ + width: 51%; + margin-left: 0; /* LTR */ + margin-right: -51%; /* LTR */ /* Negative value of #content's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */ +} + +#page-manager-edit .zen-two-sidebars-second .panel-header { + height: auto; + margin-bottom: 10px; +} + +#page-manager-edit .zen-two-sidebars-second .panel-sidebar-first { + float: left; /* LTR */ + width: 24%; + margin-left: 51%; /* LTR */ /* Width of #content. */ + margin-right: -75%; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */ +} + +#page-manager-edit .zen-two-sidebars-second .panel-sidebar-first-inner { + margin-left: 5px; +} + +#page-manager-edit .zen-two-sidebars-second .panel-sidebar-second { + float: left; /* LTR */ + width: 24%; + margin-left: 75%; /* LTR */ /* Width of #content. */ + margin-right: -99%; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */ +} + +#page-manager-edit .zen-two-sidebars-second .panel-sidebar-second-inner { + margin-left: 5px; +} diff --git a/sites/all/themes/zen/layouts/zen_two_sidebars_second/zen-two-sidebars-second-admin.tpl.php b/sites/all/themes/zen/layouts/zen_two_sidebars_second/zen-two-sidebars-second-admin.tpl.php new file mode 100644 index 000000000..10c179496 --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_two_sidebars_second/zen-two-sidebars-second-admin.tpl.php @@ -0,0 +1,33 @@ +<?php +/** + * @file + * Template for a 1 row, 2 column Zen-based panel layout. + * + * This template provides a two column panel display layout, with + * additional areas for the top and the bottom. + * + * Variables: + * - $css_id: An optional CSS id to use for the layout. + * - $content: An array of content, each item in the array is keyed to one + * panel of the layout. This layout supports the following sections: + * - $content['content']: Content in the main column. + * - $content['sidebar_first']: Content in the first column. + * - $content['sidebar_second']: Content in the second column. + */ +?> + +<div class="panel-display zen-two-sidebars-second clearfix" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>> + + <div class="panel-content"><div class="panel-content-inner inside panel-panel"> + <?php print $content['content']; ?> + </div></div><!-- /.panel-content-inner, /.panel-content --> + + <div class="panel-sidebar-first"><div class="panel-sidebar-first-inner inside panel-panel"> + <?php print $content['sidebar_first']; ?> + </div></div><!-- /.panel-sidebar-first-inner, /.panel-sidebar-first --> + + <div class="panel-sidebar-second"><div class="panel-sidebar-second-inner inside panel-panel"> + <?php print $content['sidebar_second']; ?> + </div></div><!-- /.panel-sidebar-second-inner, /.panel-sidebar-second --> + +</div><!-- /.zen-two-sidebars-second --> diff --git a/sites/all/themes/zen/layouts/zen_two_sidebars_second/zen-two-sidebars-second.css b/sites/all/themes/zen/layouts/zen_two_sidebars_second/zen-two-sidebars-second.css new file mode 100644 index 000000000..ee6a313b0 --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_two_sidebars_second/zen-two-sidebars-second.css @@ -0,0 +1,62 @@ +/** + * @file + * Zen panel layout + * + * This layout does include the standar Zen navbar, content and right sidebar + * layout. Markup has been reordered for Accessibility and SEO optimizations. + */ +.zen-two-sidebars-second { +/* overflow: hidden; */ + position: relative; + margin-top: 0; + padding-top: 0; +} + +.zen-two-sidebars-second .panel-content { + float: left; /* LTR */ + width: 460px; + margin-left: 0; /* LTR */ + margin-right: -460px; /* LTR */ /* Negative value of #content's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */ +} + +.zen-two-sidebars-second .panel-header { + 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: 3.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. */ +} + +.zen-two-sidebars-second .with-panel-header .panel-content, +.zen-two-sidebars-second .with-panel-header .panel-sidebar-first, +.zen-two-sidebars-second .with-panel-header .panel-sidebar-second { + margin-top: 3.3em; /* Set this to the same value as the navigation height above. */ +} + +.zen-two-sidebars-second .panel-sidebar-first { + float: left; /* LTR */ + width: 250px; + margin-left: 460px; /* LTR */ /* Width of #content. */ + margin-right: -710px; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */ +} + +.zen-two-sidebars-second .panel-sidebar-first .panel-sidebar-first-inner { + margin-left: 20px; +} + +.zen-two-sidebars-second .panel-sidebar-second { + float: left; /* LTR */ + width: 250px; + margin-left: 710px; /* LTR */ /* Width of #content. */ + margin-right: -960px; /* LTR */ /* Negative value of #sidebar-first's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-first-inner. */ +} + +.zen-two-sidebars-second .panel-sidebar-second .panel-sidebar-second-inner { + margin-left: 20px; +} diff --git a/sites/all/themes/zen/layouts/zen_two_sidebars_second/zen-two-sidebars-second.png b/sites/all/themes/zen/layouts/zen_two_sidebars_second/zen-two-sidebars-second.png Binary files differnew file mode 100644 index 000000000..63fe312df --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_two_sidebars_second/zen-two-sidebars-second.png diff --git a/sites/all/themes/zen/layouts/zen_two_sidebars_second/zen-two-sidebars-second.tpl.php b/sites/all/themes/zen/layouts/zen_two_sidebars_second/zen-two-sidebars-second.tpl.php new file mode 100644 index 000000000..10c179496 --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_two_sidebars_second/zen-two-sidebars-second.tpl.php @@ -0,0 +1,33 @@ +<?php +/** + * @file + * Template for a 1 row, 2 column Zen-based panel layout. + * + * This template provides a two column panel display layout, with + * additional areas for the top and the bottom. + * + * Variables: + * - $css_id: An optional CSS id to use for the layout. + * - $content: An array of content, each item in the array is keyed to one + * panel of the layout. This layout supports the following sections: + * - $content['content']: Content in the main column. + * - $content['sidebar_first']: Content in the first column. + * - $content['sidebar_second']: Content in the second column. + */ +?> + +<div class="panel-display zen-two-sidebars-second clearfix" <?php if (!empty($css_id)) { print "id=\"$css_id\""; } ?>> + + <div class="panel-content"><div class="panel-content-inner inside panel-panel"> + <?php print $content['content']; ?> + </div></div><!-- /.panel-content-inner, /.panel-content --> + + <div class="panel-sidebar-first"><div class="panel-sidebar-first-inner inside panel-panel"> + <?php print $content['sidebar_first']; ?> + </div></div><!-- /.panel-sidebar-first-inner, /.panel-sidebar-first --> + + <div class="panel-sidebar-second"><div class="panel-sidebar-second-inner inside panel-panel"> + <?php print $content['sidebar_second']; ?> + </div></div><!-- /.panel-sidebar-second-inner, /.panel-sidebar-second --> + +</div><!-- /.zen-two-sidebars-second --> diff --git a/sites/all/themes/zen/layouts/zen_two_sidebars_second/zen_two_sidebars_second.inc b/sites/all/themes/zen/layouts/zen_two_sidebars_second/zen_two_sidebars_second.inc new file mode 100644 index 000000000..278cc8c8d --- /dev/null +++ b/sites/all/themes/zen/layouts/zen_two_sidebars_second/zen_two_sidebars_second.inc @@ -0,0 +1,16 @@ +<?php +// Plugin definition +$plugin = array( + 'title' => t('Two sidebars after content'), + 'icon' => 'zen-two-sidebars-second.png', + 'category' => t('Columns: 3'), + 'theme' => 'zen_two_sidebars_second', + 'css' => 'zen-two-sidebars-second.css', + 'admin theme' => 'zen_two_sidebars_second_admin', + 'admin css' => 'zen-two-sidebars-second-admin.css', + 'panels' => array( + 'content' => t('Content'), + 'sidebar_first' => t('First sidebar'), + 'sidebar_second' => t('Second sidebar'), + ), +); diff --git a/sites/all/themes/zen/logo.png b/sites/all/themes/zen/logo.png Binary files differnew file mode 100644 index 000000000..90abfa4c1 --- /dev/null +++ b/sites/all/themes/zen/logo.png diff --git a/sites/all/themes/zen/template.php b/sites/all/themes/zen/template.php new file mode 100644 index 000000000..b639b4d98 --- /dev/null +++ b/sites/all/themes/zen/template.php @@ -0,0 +1,430 @@ +<?php +/** + * @file + * Contains functions to alter Drupal's markup for the Zen theme. + * + * IMPORTANT WARNING: DO NOT MODIFY THIS FILE. + * + * The base Zen theme is designed to be easily extended by its sub-themes. You + * shouldn't modify this or any of the CSS or PHP files in the root zen/ folder. + * See the online documentation for more information: + * http://drupal.org/node/193318 + */ + +// Auto-rebuild the theme registry during theme development. +if (theme_get_setting('zen_rebuild_registry') && !defined('MAINTENANCE_MODE')) { + // Rebuild .info data. + system_rebuild_theme_data(); + // Rebuild theme registry. + drupal_theme_rebuild(); +} + + +/** + * Implements HOOK_theme(). + */ +function zen_theme(&$existing, $type, $theme, $path) { + include_once './' . drupal_get_path('theme', 'zen') . '/zen-internals/template.theme-registry.inc'; + return _zen_theme($existing, $type, $theme, $path); +} + +/** + * Return a themed breadcrumb trail. + * + * @param $variables + * - title: An optional string to be used as a navigational heading to give + * context for breadcrumb links to screen-reader users. + * - title_attributes_array: Array of HTML attributes for the title. It is + * flattened into a string within the theme function. + * - breadcrumb: An array containing the breadcrumb links. + * @return + * A string containing the breadcrumb output. + */ +function zen_breadcrumb($variables) { + $breadcrumb = $variables['breadcrumb']; + $output = ''; + + // Determine if we are to display the breadcrumb. + $show_breadcrumb = theme_get_setting('zen_breadcrumb'); + if ($show_breadcrumb == 'yes' || $show_breadcrumb == 'admin' && arg(0) == 'admin') { + + // Optionally get rid of the homepage link. + $show_breadcrumb_home = theme_get_setting('zen_breadcrumb_home'); + if (!$show_breadcrumb_home) { + array_shift($breadcrumb); + } + + // Return the breadcrumb with separators. + if (!empty($breadcrumb)) { + $breadcrumb_separator = filter_xss_admin(theme_get_setting('zen_breadcrumb_separator')); + $trailing_separator = $title = ''; + if (theme_get_setting('zen_breadcrumb_title')) { + $item = menu_get_item(); + if (!empty($item['tab_parent'])) { + // If we are on a non-default tab, use the tab's title. + $breadcrumb[] = check_plain($item['title']); + } + else { + $breadcrumb[] = drupal_get_title(); + } + } + elseif (theme_get_setting('zen_breadcrumb_trailing')) { + $trailing_separator = $breadcrumb_separator; + } + + // Provide a navigational heading to give context for breadcrumb links to + // screen-reader users. + if (empty($variables['title'])) { + $variables['title'] = t('You are here'); + } + // Unless overridden by a preprocess function, make the heading invisible. + if (!isset($variables['title_attributes_array']['class'])) { + $variables['title_attributes_array']['class'][] = 'element-invisible'; + } + + // Build the breadcrumb trail. + $output = '<div class="breadcrumb">'; + $output .= '<h2' . drupal_attributes($variables['title_attributes_array']) . '>' . $variables['title'] . '</h2>'; + $output .= implode($breadcrumb_separator, $breadcrumb) . $trailing_separator; + $output .= '</div>'; + } + } + + return $output; +} + +/** + * Duplicate of theme_menu_local_tasks() but adds clearfix to tabs. + */ +function zen_menu_local_tasks(&$variables) { + $output = ''; + + if ($primary = drupal_render($variables['primary'])) { + $output .= '<h2 class="element-invisible">' . t('Primary tabs') . '</h2>'; + $output .= '<ul class="tabs primary clearfix">' . $primary . '</ul>'; + } + if ($secondary = drupal_render($variables['secondary'])) { + $output .= '<h2 class="element-invisible">' . t('Secondary tabs') . '</h2>'; + $output .= '<ul class="tabs secondary clearfix">' . $secondary . '</ul>'; + } + + return $output; +} + +/** + * Override or insert variables into theme_menu_local_task(). + */ +function zen_preprocess_menu_local_task(&$variables) { + $link =& $variables['element']['#link']; + + // If the link does not contain HTML already, check_plain() it now. + // After we set 'html'=TRUE the link will not be sanitized by l(). + if (empty($link['localized_options']['html'])) { + $link['title'] = check_plain($link['title']); + } + $link['localized_options']['html'] = TRUE; + $link['title'] = '<span class="tab">' . $link['title'] . '</span>'; +} + +/** + * Adds conditional CSS from the .info file. + * + * Copy of conditional_styles_preprocess_html(). + */ +function zen_add_conditional_styles() { + // Make a list of base themes and the current theme. + $themes = $GLOBALS['base_theme_info']; + $themes[] = $GLOBALS['theme_info']; + foreach (array_keys($themes) as $key) { + $theme_path = dirname($themes[$key]->filename) . '/'; + if (isset($themes[$key]->info['stylesheets-conditional'])) { + foreach (array_keys($themes[$key]->info['stylesheets-conditional']) as $condition) { + foreach (array_keys($themes[$key]->info['stylesheets-conditional'][$condition]) as $media) { + foreach ($themes[$key]->info['stylesheets-conditional'][$condition][$media] as $stylesheet) { + // Add each conditional stylesheet. + drupal_add_css( + $theme_path . $stylesheet, + array( + 'group' => CSS_THEME, + 'browsers' => array( + 'IE' => $condition, + '!IE' => FALSE, + ), + 'weight' => 999, + 'every_page' => TRUE, + ) + ); + } + } + } + } + } +} + +/** + * Override or insert variables into the html template. + * + * @param $variables + * An array of variables to pass to the theme template. + * @param $hook + * The name of the template being rendered. This is usually "html", but can + * also be "maintenance_page" since zen_preprocess_maintenance_page() calls + * this function to have consistent variables. + */ +function zen_preprocess_html(&$variables, $hook) { + // If the user is silly and enables Zen as the theme, add some styles. + if ($GLOBALS['theme'] == 'zen') { + include_once './' . drupal_get_path('theme', 'zen') . '/zen-internals/template.zen.inc'; + _zen_preprocess_html($variables, $hook); + } + elseif (!module_exists('conditional_styles')) { + zen_add_conditional_styles(); + } + + $variables['jump_link_target'] = check_plain(theme_get_setting('zen_jump_link_target')); + $variables['jump_link_text'] = check_plain(theme_get_setting('zen_jump_link_text')); + + // Return early, so the maintenance page does not call any of the code below. + if ($hook != 'html') { + return; + } + + // Classes for body element. Allows advanced theming based on context + // (home page, node of certain type, etc.) + if (!$variables['is_front']) { + // Add unique class for each page. + $path = drupal_get_path_alias($_GET['q']); + // Add unique class for each website section. + list($section, ) = explode('/', $path, 2); + $arg = explode('/', $_GET['q']); + if ($arg[0] == 'node' && isset($arg[1])) { + if ($arg[1] == 'add') { + $section = 'node-add'; + } + elseif (isset($arg[2]) && is_numeric($arg[1]) && ($arg[2] == 'edit' || $arg[2] == 'delete')) { + $section = 'node-' . $arg[2]; + } + } + $variables['classes_array'][] = drupal_html_class('section-' . $section); + } + if (theme_get_setting('zen_wireframes')) { + $variables['classes_array'][] = 'with-wireframes'; // Optionally add the wireframes style. + } + // Store the menu item since it has some useful information. + $variables['menu_item'] = menu_get_item(); + if ($variables['menu_item']) { + switch ($variables['menu_item']['page_callback']) { + case 'views_page': + // Is this a Views page? + $variables['classes_array'][] = 'page-views'; + break; + case 'page_manager_page_execute': + case 'page_manager_node_view': + case 'page_manager_contact_site': + // Is this a Panels page? + $variables['classes_array'][] = 'page-panels'; + break; + } + } +} + +/** + * Override or insert variables into the page template. + * + * @param $variables + * An array of variables to pass to the theme template. + * @param $hook + * The name of the template being rendered ("page" in this case.) + */ +function zen_preprocess_page(&$variables, $hook) { + // Find the title of the menu used by the secondary links. + $secondary_links = variable_get('menu_secondary_links_source', 'user-menu'); + if ($secondary_links) { + $menus = function_exists('menu_get_menus') ? menu_get_menus() : menu_list_system_menus(); + $variables['secondary_menu_heading'] = $menus[$secondary_links]; + } + else { + $variables['secondary_menu_heading'] = ''; + } +} + +/** + * Override or insert variables into the maintenance page template. + * + * @param $variables + * An array of variables to pass to the theme template. + * @param $hook + * The name of the template being rendered ("maintenance_page" in this case.) + */ +function zen_preprocess_maintenance_page(&$variables, $hook) { + zen_preprocess_html($variables, $hook); +} + +/** + * Override or insert variables into the maintenance page template. + * + * @param $variables + * An array of variables to pass to the theme template. + * @param $hook + * The name of the template being rendered ("maintenance_page" in this case.) + */ +function zen_process_maintenance_page(&$variables, $hook) { + // Ensure default regions get a variable. Theme authors often forget to remove + // a deleted region's variable in maintenance-page.tpl. + foreach (array('header', 'navigation', 'highlighted', 'help', 'content', 'sidebar_first', 'sidebar_second', 'footer', 'bottom') as $region) { + if (!isset($variables[$region])) { + $variables[$region] = ''; + } + } +} + +/** + * Override or insert variables into the node templates. + * + * @param $variables + * An array of variables to pass to the theme template. + * @param $hook + * The name of the template being rendered ("node" in this case.) + */ +function zen_preprocess_node(&$variables, $hook) { + // Add $unpublished variable. + $variables['unpublished'] = (!$variables['status']) ? TRUE : FALSE; + + // Add a class for the view mode. + if (!$variables['teaser']) { + $variables['classes_array'][] = 'view-mode-' . $variables['view_mode']; + } + + // Add a class to show node is authored by current user. + if ($variables['uid'] && $variables['uid'] == $GLOBALS['user']->uid) { + $variables['classes_array'][] = 'node-by-viewer'; + } + + $variables['title_attributes_array']['class'][] = 'node-title'; +} + +/** + * Override or insert variables into the comment templates. + * + * @param $variables + * An array of variables to pass to the theme template. + * @param $hook + * The name of the template being rendered ("comment" in this case.) + */ +function zen_preprocess_comment(&$variables, $hook) { + // If comment subjects are disabled, don't display them. + if (variable_get('comment_subject_field_' . $variables['node']->type, 1) == 0) { + $variables['title'] = ''; + } + + // Zebra striping. + if ($variables['id'] == 1) { + $variables['classes_array'][] = 'first'; + } + if ($variables['id'] == $variables['node']->comment_count) { + $variables['classes_array'][] = 'last'; + } + $variables['classes_array'][] = $variables['zebra']; + + $variables['title_attributes_array']['class'][] = 'comment-title'; +} + +/** + * Preprocess variables for region.tpl.php + * + * @param $variables + * An array of variables to pass to the theme template. + * @param $hook + * The name of the template being rendered ("region" in this case.) + */ +function zen_preprocess_region(&$variables, $hook) { + // Sidebar regions get some extra classes and a common template suggestion. + if (strpos($variables['region'], 'sidebar_') === 0) { + $variables['classes_array'][] = 'column'; + $variables['classes_array'][] = 'sidebar'; + // Allow a region-specific template to override Zen's region--sidebar. + array_unshift($variables['theme_hook_suggestions'], 'region__sidebar'); + } +} + +/** + * Override or insert variables into the block templates. + * + * @param $variables + * An array of variables to pass to the theme template. + * @param $hook + * The name of the template being rendered ("block" in this case.) + */ +function zen_preprocess_block(&$variables, $hook) { + // Classes describing the position of the block within the region. + if ($variables['block_id'] == 1) { + $variables['classes_array'][] = 'first'; + } + // The last_in_region property is set in zen_page_alter(). + if (isset($variables['block']->last_in_region)) { + $variables['classes_array'][] = 'last'; + } + $variables['classes_array'][] = $variables['block_zebra']; + + $variables['title_attributes_array']['class'][] = 'block-title'; +} + +/** + * Override or insert variables into the block templates. + * + * @param $variables + * An array of variables to pass to the theme template. + * @param $hook + * The name of the template being rendered ("block" in this case.) + */ +function zen_process_block(&$variables, $hook) { + // Drupal 7 should use a $title variable instead of $block->subject. + $variables['title'] = $variables['block']->subject; +} + +/** + * Implements hook_page_alter(). + * + * Look for the last block in the region. This is impossible to determine from + * within a preprocess_block function. + * + * @param $page + * Nested array of renderable elements that make up the page. + */ +function zen_page_alter(&$page) { + // Look in each visible region for blocks. + foreach (system_region_list($GLOBALS['theme'], REGIONS_VISIBLE) as $region => $name) { + if (!empty($page[$region])) { + // Find the last block in the region. + $blocks = array_reverse(element_children($page[$region])); + while ($blocks && !isset($page[$region][$blocks[0]]['#block'])) { + array_shift($blocks); + } + if ($blocks) { + $page[$region][$blocks[0]]['#block']->last_in_region = TRUE; + } + } + } +} + +/** + * Implements hook_form_BASE_FORM_ID_alter(). + * + * Prevent user-facing field styling from screwing up node edit forms by + * renaming the classes on the node edit form's field wrappers. + */ +function zen_form_node_form_alter(&$form, &$form_state, $form_id) { + // Remove if #1245218 is backported to D7 core. + foreach (array_keys($form) as $item) { + if (strpos($item, 'field_') === 0) { + if (!empty($form[$item]['#attributes']['class'])) { + foreach ($form[$item]['#attributes']['class'] as &$class) { + if (strpos($class, 'field-type-') === 0 || strpos($class, 'field-name-') === 0) { + // Make the class different from that used in theme_field(). + $class = 'form-' . $class; + } + } + } + } + } +} diff --git a/sites/all/themes/zen/templates/block.tpl.php b/sites/all/themes/zen/templates/block.tpl.php new file mode 100644 index 000000000..a0b2780a9 --- /dev/null +++ b/sites/all/themes/zen/templates/block.tpl.php @@ -0,0 +1,62 @@ +<?php +/** + * @file + * Zen theme's implementation to display a block. + * + * Available variables: + * - $title: Block title. + * - $content: Block content. + * - $block->module: Module that generated the block. + * - $block->delta: An ID for the block, unique within each module. + * - $block->region: The block region embedding the current block. + * - $classes: String of classes that can be used to style contextually through + * CSS. It can be manipulated through the variable $classes_array from + * preprocess functions. The default values can be one or more of the + * following: + * - block: The current template type, i.e., "theming hook". + * - block-[module]: The module generating the block. For example, the user + * module is responsible for handling the default user navigation block. In + * that case the class would be "block-user". + * - first: The first block in the region. + * - last: The last block in the region. + * - odd: An odd-numbered block in the region's list of blocks. + * - even: An even-numbered block in the region's list of blocks. + * - $title_prefix (array): An array containing additional output populated by + * modules, intended to be displayed in front of the main title tag that + * appears in the template. + * - $title_suffix (array): An array containing additional output populated by + * modules, intended to be displayed after the main title tag that appears in + * the template. + * + * Helper variables: + * - $classes_array: Array of html class attribute values. It is flattened + * into a string within the variable $classes. + * - $block_zebra: Outputs 'odd' and 'even' dependent on each block region. + * - $zebra: Same output as $block_zebra but independent of any block region. + * - $block_id: Counter dependent on each block region. + * - $id: Same output as $block_id but independent of any block region. + * - $is_front: Flags true when presented in the front page. + * - $logged_in: Flags true when the current user is a logged-in member. + * - $is_admin: Flags true when the current user is an administrator. + * - $block_html_id: A valid HTML ID and guaranteed unique. + * + * @see template_preprocess() + * @see template_preprocess_block() + * @see zen_preprocess_block() + * @see template_process() + * @see zen_process_block() + */ +?> +<div id="<?php print $block_html_id; ?>" class="<?php print $classes; ?>"<?php print $attributes; ?>> + + <?php print render($title_prefix); ?> + <?php if ($title): ?> + <h2<?php print $title_attributes; ?>><?php print $title; ?></h2> + <?php endif; ?> + <?php print render($title_suffix); ?> + + <div class="content"<?php print $content_attributes; ?>> + <?php print $content; ?> + </div> + +</div><!-- /.block --> diff --git a/sites/all/themes/zen/templates/comment-wrapper.tpl.php b/sites/all/themes/zen/templates/comment-wrapper.tpl.php new file mode 100644 index 000000000..cd768348c --- /dev/null +++ b/sites/all/themes/zen/templates/comment-wrapper.tpl.php @@ -0,0 +1,54 @@ +<?php +/** + * @file + * Zen theme's implementation to provide an HTML container for comments. + * + * Available variables: + * - $content: The array of content-related elements for the node. Use + * render($content) to print them all, or print a subset such as + * render($content['comment_form']). + * - $classes: String of classes that can be used to style contextually through + * CSS. It can be manipulated through the variable $classes_array from + * preprocess functions. The default value has the following: + * - comment-wrapper: The current template type, i.e., "theming hook". + * - $title_prefix (array): An array containing additional output populated by + * modules, intended to be displayed in front of the main title tag that + * appears in the template. + * - $title_suffix (array): An array containing additional output populated by + * modules, intended to be displayed after the main title tag that appears in + * the template. + * + * The following variables are provided for contextual information. + * - $node: Node object the comments are attached to. + * The constants below the variables show the possible values and should be + * used for comparison. + * - $display_mode + * - COMMENT_MODE_FLAT + * - COMMENT_MODE_THREADED + * + * Other variables: + * - $classes_array: Array of html class attribute values. It is flattened + * into a string within the variable $classes. + * + * @see template_preprocess_comment_wrapper() + * @see theme_comment_wrapper() + */ + +// Render the comments and form first to see if we need headings. +$comments = render($content['comments']); +$comment_form = render($content['comment_form']); +?> +<div id="comments" class="<?php print $classes; ?>"<?php print $attributes; ?>> + <?php if ($comments && $node->type != 'forum'): ?> + <?php print render($title_prefix); ?> + <h2 class="title"><?php print t('Comments'); ?></h2> + <?php print render($title_suffix); ?> + <?php endif; ?> + + <?php print $comments; ?> + + <?php if ($comment_form): ?> + <h2 class="title comment-form"><?php print t('Add new comment'); ?></h2> + <?php print $comment_form; ?> + <?php endif; ?> +</div> diff --git a/sites/all/themes/zen/templates/comment.tpl.php b/sites/all/themes/zen/templates/comment.tpl.php new file mode 100644 index 000000000..8ef00c7ab --- /dev/null +++ b/sites/all/themes/zen/templates/comment.tpl.php @@ -0,0 +1,103 @@ +<?php +/** + * @file + * Zen theme's implementation for comments. + * + * Available variables: + * - $author: Comment author. Can be link or plain text. + * - $content: An array of comment items. Use render($content) to print them all, or + * print a subset such as render($content['field_example']). Use + * hide($content['field_example']) to temporarily suppress the printing of a + * given element. + * - $created: Formatted date and time for when the comment was created. + * Preprocess functions can reformat it by calling format_date() with the + * desired parameters on the $comment->created variable. + * - $changed: Formatted date and time for when the comment was last changed. + * Preprocess functions can reformat it by calling format_date() with the + * desired parameters on the $comment->changed variable. + * - $new: New comment marker. + * - $permalink: Comment permalink. + * - $submitted: Submission information created from $author and $created during + * template_preprocess_comment(). + * - $picture: Authors picture. + * - $signature: Authors signature. + * - $status: Comment status. Possible values are: + * comment-unpublished, comment-published or comment-preview. + * - $title: Linked title. + * - $classes: String of classes that can be used to style contextually through + * CSS. It can be manipulated through the variable $classes_array from + * preprocess functions. The default values can be one or more of the following: + * - comment: The current template type, i.e., "theming hook". + * - comment-by-anonymous: Comment by an unregistered user. + * - comment-by-node-author: Comment by the author of the parent node. + * - comment-preview: When previewing a new or edited comment. + * - first: The first comment in the list of displayed comments. + * - last: The last comment in the list of displayed comments. + * - odd: An odd-numbered comment in the list of displayed comments. + * - even: An even-numbered comment in the list of displayed comments. + * The following applies only to viewers who are registered users: + * - comment-unpublished: An unpublished comment visible only to administrators. + * - comment-by-viewer: Comment by the user currently viewing the page. + * - comment-new: New comment since the last visit. + * - $title_prefix (array): An array containing additional output populated by + * modules, intended to be displayed in front of the main title tag that + * appears in the template. + * - $title_suffix (array): An array containing additional output populated by + * modules, intended to be displayed after the main title tag that appears in + * the template. + * + * These two variables are provided for context: + * - $comment: Full comment object. + * - $node: Node object the comments are attached to. + * + * Other variables: + * - $classes_array: Array of html class attribute values. It is flattened + * into a string within the variable $classes. + * + * @see template_preprocess() + * @see template_preprocess_comment() + * @see zen_preprocess_comment() + * @see template_process() + * @see theme_comment() + */ +?> +<div class="<?php print $classes; ?> clearfix"<?php print $attributes; ?>> + <?php print $picture; ?> + + <?php print render($title_prefix); ?> + <?php if ($title): ?> + <h3<?php print $title_attributes; ?>> + <?php print $title; ?> + <?php if ($new): ?> + <span class="new"><?php print $new; ?></span> + <?php endif; ?> + </h3> + <?php elseif ($new): ?> + <div class="new"><?php print $new; ?></div> + <?php endif; ?> + <?php print render($title_suffix); ?> + + <?php if ($status == 'comment-unpublished'): ?> + <div class="unpublished"><?php print t('Unpublished'); ?></div> + <?php endif; ?> + + <div class="submitted"> + <?php print $permalink; ?> + <?php print $submitted; ?> + </div> + + <div class="content"<?php print $content_attributes; ?>> + <?php + // We hide the comments and links now so that we can render them later. + hide($content['links']); + print render($content); + ?> + <?php if ($signature): ?> + <div class="user-signature clearfix"> + <?php print $signature; ?> + </div> + <?php endif; ?> + </div> + + <?php print render($content['links']) ?> +</div><!-- /.comment --> diff --git a/sites/all/themes/zen/templates/html.tpl.php b/sites/all/themes/zen/templates/html.tpl.php new file mode 100644 index 000000000..049dc38dd --- /dev/null +++ b/sites/all/themes/zen/templates/html.tpl.php @@ -0,0 +1,84 @@ +<?php +/** + * @file + * Zen theme's implementation to display the basic html structure of a single + * Drupal page. + * + * Variables: + * - $css: An array of CSS files for the current page. + * - $language: (object) The language the site is being displayed in. + * $language->language contains its textual representation. $language->dir + * contains the language direction. It will either be 'ltr' or 'rtl'. + * - $rdf_namespaces: All the RDF namespace prefixes used in the HTML document. + * - $grddl_profile: A GRDDL profile allowing agents to extract the RDF data. + * - $head_title: A modified version of the page title, for use in the TITLE + * tag. + * - $head_title_array: (array) An associative array containing the string parts + * that were used to generate the $head_title variable, already prepared to be + * output as TITLE tag. The key/value pairs may contain one or more of the + * following, depending on conditions: + * - title: The title of the current page, if any. + * - name: The name of the site. + * - slogan: The slogan of the site, if any, and if there is no title. + * - $head: Markup for the HEAD section (including meta tags, keyword tags, and + * so on). + * - $styles: Style tags necessary to import all CSS files for the page. + * - $scripts: Script tags necessary to load the JavaScript files and settings + * for the page. + * - $jump_link_target: The HTML ID of the element that the "skip link" should + * link to. Defaults to "main-menu". + * - $jump_link_text: The text for the "skip link". Defaults to "Jump to + * Navigation". + * - $page_top: Initial markup from any modules that have altered the + * page. This variable should always be output first, before all other dynamic + * content. + * - $page: The rendered page content. + * - $page_bottom: Final closing markup from any modules that have altered the + * page. This variable should always be output last, after all other dynamic + * content. + * - $classes: String of classes that can be used to style contextually through + * CSS. It should be placed within the <body> tag. When selecting through CSS + * it's recommended that you use the body tag, e.g., "body.front". It can be + * manipulated through the variable $classes_array from preprocess functions. + * The default values can contain one or more of the following: + * - front: Page is the home page. + * - not-front: Page is not the home page. + * - logged-in: The current viewer is logged in. + * - not-logged-in: The current viewer is not logged in. + * - node-type-[node type]: When viewing a single node, the type of that node. + * For example, if the node is a Blog entry, this would be "node-type-blog". + * Note that the machine name of the content type will often be in a short + * form of the human readable label. + * The following only apply with the default sidebar_first and sidebar_second + * block regions: + * - two-sidebars: When both sidebars have content. + * - no-sidebars: When no sidebar content exists. + * - one-sidebar and sidebar-first or sidebar-second: A combination of the + * two classes when only one of the two sidebars have content. + * + * @see template_preprocess() + * @see template_preprocess_html() + * @see zen_preprocess_html() + * @see template_process() + */ +?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" + "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php print $language->language; ?>" version="XHTML+RDFa 1.0" dir="<?php print $language->dir; ?>"<?php print $rdf_namespaces; ?>> + +<head profile="<?php print $grddl_profile; ?>"> + <?php print $head; ?> + <title><?php print $head_title; ?></title> + <?php print $styles; ?> + <?php print $scripts; ?> +</head> +<body class="<?php print $classes; ?>" <?php print $attributes;?>> + <?php if ($jump_link_text && $jump_link_target): ?> + <div id="skip-link"> + <a href="#<?php print $jump_link_target; ?>" class="element-invisible element-focusable"><?php print $jump_link_text; ?></a> + </div> + <?php endif; ?> + <?php print $page_top; ?> + <?php print $page; ?> + <?php print $page_bottom; ?> +</body> +</html> diff --git a/sites/all/themes/zen/templates/maintenance-page.tpl.php b/sites/all/themes/zen/templates/maintenance-page.tpl.php new file mode 100644 index 000000000..a63f1daef --- /dev/null +++ b/sites/all/themes/zen/templates/maintenance-page.tpl.php @@ -0,0 +1,86 @@ +<?php +/** + * @file + * Zen theme's implementation to display a single Drupal page while offline. + * + * All the available variables are mirrored in html.tpl.php and page.tpl.php. + * Some may be blank but they are provided for consistency. + * + * @see template_preprocess() + * @see template_preprocess_maintenance_page() + */ +?> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php print $language->language; ?>" lang="<?php print $language->language; ?>" dir="<?php print $language->dir; ?>"> + +<head> + <title><?php print $head_title; ?></title> + <?php print $head; ?> + <?php print $styles; ?> + <?php print $scripts; ?> +</head> +<body class="<?php print $classes; ?>"> + + <div id="page-wrapper"><div id="page"> + + <div id="header"><div class="section clearfix"> + + <?php if ($logo): ?> + <a href="<?php print $base_path; ?>" title="<?php print t('Home'); ?>" rel="home" id="logo"><img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" /></a> + <?php endif; ?> + + <?php if ($site_name || $site_slogan): ?> + <div id="name-and-slogan"> + <?php if ($site_name): ?> + <div id="site-name"><strong> + <a href="<?php print $base_path; ?>" title="<?php print t('Home'); ?>" rel="home"><span><?php print $site_name; ?></span></a> + </strong></div> + <?php endif; ?> + <?php if ($site_slogan): ?> + <div id="site-slogan"><?php print $site_slogan; ?></div> + <?php endif; ?> + </div><!-- /#name-and-slogan --> + <?php endif; ?> + + <?php print $header; ?> + + </div></div><!-- /.section, /#header --> + + <div id="main-wrapper"><div id="main" class="clearfix<?php if ($navigation) { print ' with-navigation'; } ?>"> + + <div id="content" class="column"><div class="section"> + + <?php print $highlighted; ?> + + <?php if ($title): ?> + <h1 class="title"><?php print $title; ?></h1> + <?php endif; ?> + <?php print $messages; ?> + + <?php print $content; ?> + + </div></div><!-- /.section, /#content --> + + <?php if ($navigation): ?> + <div id="navigation"><div class="section clearfix"> + + <?php print $navigation; ?> + + </div></div><!-- /.section, /#navigation --> + <?php endif; ?> + + <?php print $sidebar_first; ?> + + <?php print $sidebar_second; ?> + + </div></div><!-- /#main, /#main-wrapper --> + + <?php print $footer; ?> + + </div></div><!-- /#page, /#page-wrapper --> + + <?php print $bottom; ?> + +</body> +</html> diff --git a/sites/all/themes/zen/templates/node.tpl.php b/sites/all/themes/zen/templates/node.tpl.php new file mode 100644 index 000000000..668be5474 --- /dev/null +++ b/sites/all/themes/zen/templates/node.tpl.php @@ -0,0 +1,117 @@ +<?php +/** + * @file + * Zen theme's implementation to display a node. + * + * Available variables: + * - $title: the (sanitized) title of the node. + * - $content: An array of node items. Use render($content) to print them all, + * or print a subset such as render($content['field_example']). Use + * hide($content['field_example']) to temporarily suppress the printing of a + * given element. + * - $user_picture: The node author's picture from user-picture.tpl.php. + * - $date: Formatted creation date. Preprocess functions can reformat it by + * calling format_date() with the desired parameters on the $created variable. + * - $name: Themed username of node author output from theme_username(). + * - $node_url: Direct url of the current node. + * - $display_submitted: Whether submission information should be displayed. + * - $submitted: Submission information created from $name and $date during + * template_preprocess_node(). + * - $classes: String of classes that can be used to style contextually through + * CSS. It can be manipulated through the variable $classes_array from + * preprocess functions. The default values can be one or more of the + * following: + * - node: The current template type, i.e., "theming hook". + * - node-[type]: The current node type. For example, if the node is a + * "Blog entry" it would result in "node-blog". Note that the machine + * name will often be in a short form of the human readable label. + * - node-teaser: Nodes in teaser form. + * - node-preview: Nodes in preview mode. + * - view-mode-[mode]: The view mode, e.g. 'full', 'teaser'... + * The following are controlled through the node publishing options. + * - node-promoted: Nodes promoted to the front page. + * - node-sticky: Nodes ordered above other non-sticky nodes in teaser + * listings. + * - node-unpublished: Unpublished nodes visible only to administrators. + * The following applies only to viewers who are registered users: + * - node-by-viewer: Node is authored by the user currently viewing the page. + * - $title_prefix (array): An array containing additional output populated by + * modules, intended to be displayed in front of the main title tag that + * appears in the template. + * - $title_suffix (array): An array containing additional output populated by + * modules, intended to be displayed after the main title tag that appears in + * the template. + * + * Other variables: + * - $node: Full node object. Contains data that may not be safe. + * - $type: Node type, i.e. story, page, blog, etc. + * - $comment_count: Number of comments attached to the node. + * - $uid: User ID of the node author. + * - $created: Time the node was published formatted in Unix timestamp. + * - $classes_array: Array of html class attribute values. It is flattened + * into a string within the variable $classes. + * - $zebra: Outputs either "even" or "odd". Useful for zebra striping in + * teaser listings. + * - $id: Position of the node. Increments each time it's output. + * + * Node status variables: + * - $view_mode: View mode, e.g. 'full', 'teaser'... + * - $teaser: Flag for the teaser state (shortcut for $view_mode == 'teaser'). + * - $page: Flag for the full page state. + * - $promote: Flag for front page promotion state. + * - $sticky: Flags for sticky post setting. + * - $status: Flag for published status. + * - $comment: State of comment settings for the node. + * - $readmore: Flags true if the teaser content of the node cannot hold the + * main body content. Currently broken; see http://drupal.org/node/823380 + * - $is_front: Flags true when presented in the front page. + * - $logged_in: Flags true when the current user is a logged-in member. + * - $is_admin: Flags true when the current user is an administrator. + * + * Field variables: for each field instance attached to the node a corresponding + * variable is defined, e.g. $node->body becomes $body. When needing to access + * a field's raw values, developers/themers are strongly encouraged to use these + * variables. Otherwise they will have to explicitly specify the desired field + * language, e.g. $node->body['en'], thus overriding any language negotiation + * rule that was previously applied. + * + * @see template_preprocess() + * @see template_preprocess_node() + * @see zen_preprocess_node() + * @see template_process() + */ +?> +<div id="node-<?php print $node->nid; ?>" class="<?php print $classes; ?> clearfix"<?php print $attributes; ?>> + + <?php print $user_picture; ?> + + <?php print render($title_prefix); ?> + <?php if (!$page && $title): ?> + <h2<?php print $title_attributes; ?>><a href="<?php print $node_url; ?>"><?php print $title; ?></a></h2> + <?php endif; ?> + <?php print render($title_suffix); ?> + + <?php if ($unpublished): ?> + <div class="unpublished"><?php print t('Unpublished'); ?></div> + <?php endif; ?> + + <?php if ($display_submitted): ?> + <div class="submitted"> + <?php print $submitted; ?> + </div> + <?php endif; ?> + + <div class="content"<?php print $content_attributes; ?>> + <?php + // We hide the comments and links now so that we can render them later. + hide($content['comments']); + hide($content['links']); + print render($content); + ?> + </div> + + <?php print render($content['links']); ?> + + <?php print render($content['comments']); ?> + +</div><!-- /.node --> diff --git a/sites/all/themes/zen/templates/page.tpl.php b/sites/all/themes/zen/templates/page.tpl.php new file mode 100644 index 000000000..532276dd6 --- /dev/null +++ b/sites/all/themes/zen/templates/page.tpl.php @@ -0,0 +1,172 @@ +<?php +/** + * @file + * Zen theme's implementation to display a single Drupal page. + * + * Available variables: + * + * General utility variables: + * - $base_path: The base URL path of the Drupal installation. At the very + * least, this will always default to /. + * - $directory: The directory the template is located in, e.g. modules/system + * or themes/garland. + * - $is_front: TRUE if the current page is the front page. + * - $logged_in: TRUE if the user is registered and signed in. + * - $is_admin: TRUE if the user has permission to access administration pages. + * + * Site identity: + * - $front_page: The URL of the front page. Use this instead of $base_path, + * when linking to the front page. This includes the language domain or + * prefix. + * - $logo: The path to the logo image, as defined in theme configuration. + * - $site_name: The name of the site, empty when display has been disabled + * in theme settings. + * - $site_slogan: The slogan of the site, empty when display has been disabled + * in theme settings. + * + * Navigation: + * - $main_menu (array): An array containing the Main menu links for the + * site, if they have been configured. + * - $secondary_menu (array): An array containing the Secondary menu links for + * the site, if they have been configured. + * - $secondary_menu_heading: The title of the menu used by the secondary links. + * - $breadcrumb: The breadcrumb trail for the current page. + * + * Page content (in order of occurrence in the default page.tpl.php): + * - $title_prefix (array): An array containing additional output populated by + * modules, intended to be displayed in front of the main title tag that + * appears in the template. + * - $title: The page title, for use in the actual HTML content. + * - $title_suffix (array): An array containing additional output populated by + * modules, intended to be displayed after the main title tag that appears in + * the template. + * - $messages: HTML for status and error messages. Should be displayed + * prominently. + * - $tabs (array): Tabs linking to any sub-pages beneath the current page + * (e.g., the view and edit tabs when displaying a node). + * - $action_links (array): Actions local to the page, such as 'Add menu' on the + * menu administration interface. + * - $feed_icons: A string of all feed icons for the current page. + * - $node: The node object, if there is an automatically-loaded node + * associated with the page, and the node ID is the second argument + * in the page's path (e.g. node/12345 and node/12345/revisions, but not + * comment/reply/12345). + * + * Regions: + * - $page['header']: Items for the header region. + * - $page['navigation']: Items for the navigation region, below the main menu (if any). + * - $page['help']: Dynamic help text, mostly for admin pages. + * - $page['highlighted']: Items for the highlighted content region. + * - $page['content']: The main content of the current page. + * - $page['sidebar_first']: Items for the first sidebar. + * - $page['sidebar_second']: Items for the second sidebar. + * - $page['footer']: Items for the footer region. + * - $page['bottom']: Items to appear at the bottom of the page below the footer. + * + * @see template_preprocess() + * @see template_preprocess_page() + * @see zen_preprocess_page() + * @see template_process() + */ +?> + +<div id="page-wrapper"><div id="page"> + + <div id="header"><div class="section clearfix"> + + <?php if ($logo): ?> + <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home" id="logo"><img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" /></a> + <?php endif; ?> + + <?php if ($site_name || $site_slogan): ?> + <div id="name-and-slogan"> + <?php if ($site_name): ?> + <?php if ($title): ?> + <div id="site-name"><strong> + <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home"><span><?php print $site_name; ?></span></a> + </strong></div> + <?php else: /* Use h1 when the content title is empty */ ?> + <h1 id="site-name"> + <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home"><span><?php print $site_name; ?></span></a> + </h1> + <?php endif; ?> + <?php endif; ?> + + <?php if ($site_slogan): ?> + <div id="site-slogan"><?php print $site_slogan; ?></div> + <?php endif; ?> + </div><!-- /#name-and-slogan --> + <?php endif; ?> + + <?php print theme('links__system_secondary_menu', array( + 'links' => $secondary_menu, + 'attributes' => array( + 'id' => 'secondary-menu', + 'class' => array('links', 'inline', 'clearfix'), + ), + 'heading' => array( + 'text' => $secondary_menu_heading, + 'level' => 'h2', + 'class' => array('element-invisible'), + ), + )); ?> + + <?php print render($page['header']); ?> + + </div></div><!-- /.section, /#header --> + + <div id="main-wrapper"><div id="main" class="clearfix<?php if ($main_menu || $page['navigation']) { print ' with-navigation'; } ?>"> + + <div id="content" class="column"><div class="section"> + <?php print render($page['highlighted']); ?> + <?php print $breadcrumb; ?> + <a id="main-content"></a> + <?php print render($title_prefix); ?> + <?php if ($title): ?> + <h1 class="title" id="page-title"><?php print $title; ?></h1> + <?php endif; ?> + <?php print render($title_suffix); ?> + <?php print $messages; ?> + <?php if ($tabs = render($tabs)): ?> + <div class="tabs"><?php print $tabs; ?></div> + <?php endif; ?> + <?php print render($page['help']); ?> + <?php if ($action_links): ?> + <ul class="action-links"><?php print render($action_links); ?></ul> + <?php endif; ?> + <?php print render($page['content']); ?> + <?php print $feed_icons; ?> + </div></div><!-- /.section, /#content --> + + <?php if ($page['navigation'] || $main_menu): ?> + <div id="navigation"><div class="section clearfix"> + + <?php print theme('links__system_main_menu', array( + 'links' => $main_menu, + 'attributes' => array( + 'id' => 'main-menu', + 'class' => array('links', 'inline', 'clearfix'), + ), + 'heading' => array( + 'text' => t('Main menu'), + 'level' => 'h2', + 'class' => array('element-invisible'), + ), + )); ?> + + <?php print render($page['navigation']); ?> + + </div></div><!-- /.section, /#navigation --> + <?php endif; ?> + + <?php print render($page['sidebar_first']); ?> + + <?php print render($page['sidebar_second']); ?> + + </div></div><!-- /#main, /#main-wrapper --> + + <?php print render($page['footer']); ?> + +</div></div><!-- /#page, /#page-wrapper --> + +<?php print render($page['bottom']); ?> diff --git a/sites/all/themes/zen/templates/region--sidebar.tpl.php b/sites/all/themes/zen/templates/region--sidebar.tpl.php new file mode 100644 index 000000000..063f9d845 --- /dev/null +++ b/sites/all/themes/zen/templates/region--sidebar.tpl.php @@ -0,0 +1,33 @@ +<?php +/** + * @file + * Zen theme's implementation to display a sidebar region. + * + * Available variables: + * - $content: The content for this region, typically blocks. + * - $classes: String of classes that can be used to style contextually through + * CSS. It can be manipulated through the variable $classes_array from + * preprocess functions. The default values can be one or more of the following: + * - region: The current template type, i.e., "theming hook". + * - region-[name]: The name of the region with underscores replaced with + * dashes. For example, the page_top region would have a region-page-top class. + * - $region: The name of the region variable as defined in the theme's .info file. + * + * Helper variables: + * - $classes_array: Array of html class attribute values. It is flattened + * into a string within the variable $classes. + * - $is_admin: Flags true when the current user is an administrator. + * - $is_front: Flags true when presented in the front page. + * - $logged_in: Flags true when the current user is a logged-in member. + * + * @see template_preprocess() + * @see template_preprocess_region() + * @see zen_preprocess_region() + * @see template_process() + */ +?> +<?php if ($content): ?> + <div class="<?php print $classes; ?>"><div class="section"> + <?php print $content; ?> + </div></div><!-- /.section, /.region --> +<?php endif; ?> diff --git a/sites/all/themes/zen/templates/region.tpl.php b/sites/all/themes/zen/templates/region.tpl.php new file mode 100644 index 000000000..ee57618ce --- /dev/null +++ b/sites/all/themes/zen/templates/region.tpl.php @@ -0,0 +1,33 @@ +<?php +/** + * @file + * Zen theme's implementation to display a region. + * + * Available variables: + * - $content: The content for this region, typically blocks. + * - $classes: String of classes that can be used to style contextually through + * CSS. It can be manipulated through the variable $classes_array from + * preprocess functions. The default values can be one or more of the following: + * - region: The current template type, i.e., "theming hook". + * - region-[name]: The name of the region with underscores replaced with + * dashes. For example, the page_top region would have a region-page-top class. + * - $region: The name of the region variable as defined in the theme's .info file. + * + * Helper variables: + * - $classes_array: Array of html class attribute values. It is flattened + * into a string within the variable $classes. + * - $is_admin: Flags true when the current user is an administrator. + * - $is_front: Flags true when presented in the front page. + * - $logged_in: Flags true when the current user is a logged-in member. + * + * @see template_preprocess() + * @see template_preprocess_region() + * @see zen_preprocess_region() + * @see template_process() + */ +?> +<?php if ($content): ?> + <div class="<?php print $classes; ?>"> + <?php print $content; ?> + </div><!-- /.region --> +<?php endif; ?> diff --git a/sites/all/themes/zen/theme-settings.php b/sites/all/themes/zen/theme-settings.php new file mode 100644 index 000000000..fd50fa661 --- /dev/null +++ b/sites/all/themes/zen/theme-settings.php @@ -0,0 +1,108 @@ +<?php +/** + * Implements hook_form_system_theme_settings_alter() function. + * + * @param $form + * Nested array of form elements that comprise the form. + * @param $form_state + * A keyed array containing the current state of the form. + */ +function zen_form_system_theme_settings_alter(&$form, $form_state, $form_id = NULL) { + // Work-around for a core bug affecting admin themes. See issue #943212. + if (isset($form_id)) { + return; + } + + // Create the form using Forms API + $form['breadcrumb'] = array( + '#type' => 'fieldset', + '#title' => t('Breadcrumb settings'), + ); + $form['breadcrumb']['zen_breadcrumb'] = array( + '#type' => 'select', + '#title' => t('Display breadcrumb'), + '#default_value' => theme_get_setting('zen_breadcrumb'), + '#options' => array( + 'yes' => t('Yes'), + 'admin' => t('Only in admin section'), + 'no' => t('No'), + ), + ); + $form['breadcrumb']['breadcrumb_options'] = array( + '#type' => 'container', + '#states' => array( + 'invisible' => array( + ':input[name="zen_breadcrumb"]' => array('value' => 'no'), + ), + ), + ); + $form['breadcrumb']['breadcrumb_options']['zen_breadcrumb_separator'] = array( + '#type' => 'textfield', + '#title' => t('Breadcrumb separator'), + '#description' => t('Text only. Don’t forget to include spaces.'), + '#default_value' => theme_get_setting('zen_breadcrumb_separator'), + '#size' => 5, + '#maxlength' => 10, + ); + $form['breadcrumb']['breadcrumb_options']['zen_breadcrumb_home'] = array( + '#type' => 'checkbox', + '#title' => t('Show home page link in breadcrumb'), + '#default_value' => theme_get_setting('zen_breadcrumb_home'), + ); + $form['breadcrumb']['breadcrumb_options']['zen_breadcrumb_trailing'] = array( + '#type' => 'checkbox', + '#title' => t('Append a separator to the end of the breadcrumb'), + '#default_value' => theme_get_setting('zen_breadcrumb_trailing'), + '#description' => t('Useful when the breadcrumb is placed just before the title.'), + '#states' => array( + 'disabled' => array( + ':input[name="zen_breadcrumb_title"]' => array('checked' => TRUE), + ), + ), + ); + $form['breadcrumb']['breadcrumb_options']['zen_breadcrumb_title'] = array( + '#type' => 'checkbox', + '#title' => t('Append the content title to the end of the breadcrumb'), + '#default_value' => theme_get_setting('zen_breadcrumb_title'), + '#description' => t('Useful when the breadcrumb is not placed just before the title.'), + ); + + $form['themedev'] = array( + '#type' => 'fieldset', + '#title' => t('Theme development settings'), + ); + $form['themedev']['zen_rebuild_registry'] = array( + '#type' => 'checkbox', + '#title' => t('Rebuild theme registry on every page.'), + '#default_value' => theme_get_setting('zen_rebuild_registry'), + '#description' => t('During theme development, it can be very useful to continuously <a href="!link">rebuild the theme registry</a>. WARNING: this is a huge performance penalty and must be turned off on production websites.', array('!link' => 'http://drupal.org/node/173880#theme-registry')), + ); + $form['themedev']['zen_layout'] = array( + '#type' => 'radios', + '#title' => t('Layout method'), + '#options' => array( + 'zen-columns-fixed' => t('Fixed layout') . ' <small>(layout-fixed.css)</small>', + 'zen-columns-liquid' => t('Liquid layout') . ' <small>(layout-liquid.css)</small>', + ), + '#default_value' => theme_get_setting('zen_layout'), + ); + $form['themedev']['zen_jump_link_target'] = array( + '#type' => 'textfield', + '#title' => t('Anchor ID for the “skip link”'), + '#default_value' => theme_get_setting('zen_jump_link_target'), + '#field_prefix' => '#', + '#description' => t('Specify the HTML ID of the element that the accessible-but-hidden “skip link” should link to. (<a href="!link">Read more about skip links</a>.)', array('!link' => 'http://drupal.org/node/467976')), + ); + $form['themedev']['zen_jump_link_text'] = array( + '#type' => 'textfield', + '#title' => t('Text for the “skip link”'), + '#default_value' => theme_get_setting('zen_jump_link_text'), + '#description' => t('For example: <em>Jump to navigation</em>, <em>Skip to content</em>'), + ); + $form['themedev']['zen_wireframes'] = array( + '#type' => 'checkbox', + '#title' => t('Add wireframes around main layout elements'), + '#default_value' => theme_get_setting('zen_wireframes'), + '#description' => t('<a href="!link">Wireframes</a> are useful when prototyping a website.', array('!link' => 'http://www.boxesandarrows.com/view/html_wireframes_and_prototypes_all_gain_and_no_pain')), + ); +} diff --git a/sites/all/themes/zen/zen-internals/css/blocks.css b/sites/all/themes/zen/zen-internals/css/blocks.css new file mode 100644 index 000000000..00d848514 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/blocks.css @@ -0,0 +1,108 @@ +/** + * @file + * Block Styling + */ + + +.block /* Block wrapper */ { + margin-bottom: 1.5em; +} + +.block.first /* The first block in the region */ { +} + +.block.last /* The last block in the region */ { +} + +.block.odd /* Zebra striping for each block in the region */ { +} + +.block.even /* Zebra striping for each block in the region */ { +} + +h2.block-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 block created with "Add block" link */ { +} + +#block-blog-recent /* "Recent blog posts" block */ { +} + +#block-book-navigation /* "Book navigation" block for the current book's table of contents */ { +} + +#block-comment-recent /* "Recent comments" block */ { +} + +#block-forum-active /* "Active forum topics" block */ { +} + +#block-forum-new /* "New forum topics" block */ { +} + +#block-locale-language /* Language switcher block */ { +} + +#block-menu-menu-NAME /* Custom menu block */ { +} + +#block-node-recent /* "Recent content" block */ { +} + +#block-node-syndicate /* "Syndicate" block for primary RSS feed; see also page.css's .feed-icon */ { +} + +#block-poll-recent /* "Most recent poll" block */ { +} + +#block-profile-author-information /* "Author information" block for the profile of the page's author */ { +} + +#block-search-form /* "Search form" block */ { +} + +#block-shortcut-shortcuts /* "Shortcuts" block */ { +} + +#block-statistics-popular /* "Popular content" block */ { +} + +#block-system-main-menu /* "Main menu" block */ { +} + +#block-system-management /* "Management" block for Drupal management menu */ { +} + +#block-system-navigation /* "Navigation" block for Drupal navigation menu */ { +} + +#block-system-user-menu /* "User menu" block for Drupal user menu */ { +} + +#block-system-help /* "System help" block */ { +} + +#block-system-main /* "Main page content" block */ { +} + +#block-system-powered-by /* "Powered by Drupal" block */ { +} + +#block-user-login /* "User login form" block */ { +} + +#block-user-new /* "Who's new" block for a list of the newest users */ { +} + +#block-user-online /* "Who's online" block for a list of the online users */ { +} diff --git a/sites/all/themes/zen/zen-internals/css/comments.css b/sites/all/themes/zen/zen-internals/css/comments.css new file mode 100644 index 000000000..f3a1d8838 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/comments.css @@ -0,0 +1,79 @@ +/** + * @file + * Comment Styling + */ + + +#comments /* Wrapper for the list of comments and its title */ { + margin: 1.5em 0; +} + +#comments h2.title /* Heading for the list of comments */ { +} + +#comments h2.comment-form /* Heading for the comment form */ { +} + +.comment /* Wrapper for a single comment */ { +} + +.comment-preview /* Preview of the comment before submitting new or updated comment */ { + background-color: #ffffea; /* Drupal core will use a #ffffea background. See #1110842 */ +} + +.comment.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 */ { +} + +h3.comment-title /* Comment title */ { +} + +.new /* "New" marker for comments that are new for the current user */ { + color: #c00; +} + +.comment .user-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 */ +} diff --git a/sites/all/themes/zen/zen-internals/css/fields.css b/sites/all/themes/zen/zen-internals/css/fields.css new file mode 100644 index 000000000..43523ee0d --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/fields.css @@ -0,0 +1,78 @@ +/** + * @file + * Field Styling + */ + + +.field /* Wrapper for any field. */ { +} + +/* + * Field types (Core) + */ +.field-type-text { +} + +.field-type-text-long { +} + +.field-type-text-with-summary { +} + +.field-type-image { +} + +.field-type-file { +} + +.field-type-taxonomy-term-reference { +} + +.field-type-number-integer { +} + +.field-type-number-decimal { +} + +.field-type-number-float { +} + +.field-type-list-text { +} + +.field-type-list-boolean { +} + +.field-type-list-integer { +} + +.field-type-list-float { +} + +/* + * Field types (Contrib) + */ +.field-type-datetime /* Always use "datetime" when creating new CCK date fields. "date" and "datestamp" are legacy types. */ { +} + +.field-type-node-reference { +} + +.field-type-user-reference { +} + + +/* + * Named fields + */ +.field-name-body { +} + +.field-name-field-image { +} + +.field-name-field-tags { +} + +.field-name-field-FIELDNAME /* Underscores in field name are replaced with dashes. */ { +} diff --git a/sites/all/themes/zen/zen-internals/css/forms-rtl.css b/sites/all/themes/zen/zen-internals/css/forms-rtl.css new file mode 100644 index 000000000..936543824 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/forms-rtl.css @@ -0,0 +1,40 @@ +/** + * @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. + */ + +html.js #user-login-form li.openid-link, +#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. */ +} + + +/* + * Drupal admin tables + * + * We overrode these styles in html-elements.css, but restore them for the admin + * section of the site. + */ + +form th { + text-align: right; + padding-left: 1em; + padding-right: 0; +} diff --git a/sites/all/themes/zen/zen-internals/css/forms.css b/sites/all/themes/zen/zen-internals/css/forms.css new file mode 100644 index 000000000..cb5ec5eec --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/forms.css @@ -0,0 +1,120 @@ +/** + * @file + * Form Styling + */ + + +.form-item /* Wrapper for a form element (or group of form elements) and its label */ { + margin: 1.5em 0; +} + +.form-item input.error, +.form-item textarea.error, +.form-item select.error /* Highlight the form elements that caused a form submission error */ { + border: 1px solid #c00; +} + +.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; /* Drupal core uses "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 */ { +} + + +/* + * Password confirmation + */ +.password-parent, +.confirm-parent { + margin: 0; +} + + +/* + * Search (search-block-form.tpl.php) + */ +#block-search-form /* Wrapper for the search form */ { +} + + +/* + * 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. */ +} + +html.js #user-login-form li.openid-link, +#user-login-form li.openid-link /* The "Log in using OpenID" link. */ { + margin-top: 1.5em; + margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */ +} + +#user-login-form li.user-link /* The "Cancel OpenID login" link. */ { + margin-top: 1.5em; +} + +#user-login ul { + margin: 1.5em 0; +} + + +/* + * Drupal admin tables + * + * We overrode these styles in html-reset.css, but restore them for the admin + * section of the site. + */ + +form th { + text-align: left; /* LTR */ + padding-right: 1em; /* LTR */ + border-bottom: 3px solid #ccc; +} + +form tbody { + border-top: 1px solid #ccc; +} + +form tr.even { + background-color: #fff; +} + +form table .item-list ul { + margin: 0; +} diff --git a/sites/all/themes/zen/zen-internals/css/generate.sh b/sites/all/themes/zen/zen-internals/css/generate.sh new file mode 100755 index 000000000..c779465be --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/generate.sh @@ -0,0 +1,17 @@ +#!/bin/sh + +# This script is used by the MAINTAINER to make copies of the stylesheets for +# the base Zen theme from the stylesheets in the STARTERKIT. + +rm *.css; +for FILENAME in ../../STARTERKIT/css/*.css; do + cp ../../STARTERKIT/css/$FILENAME .; +done + +# Don't need the core reference. +rm drupal7-reference.css; + +rm ../images/*; +for FILENAME in ../../STARTERKIT/images/*; do + cp ../../STARTERKIT/css/$FILENAME ../images/; +done diff --git a/sites/all/themes/zen/zen-internals/css/html-reset-rtl.css b/sites/all/themes/zen/zen-internals/css/html-reset-rtl.css new file mode 100644 index 000000000..df88985a2 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/html-reset-rtl.css @@ -0,0 +1,35 @@ +/** + * @file + * RTL companion for the html-reset.css file. + */ + + +/* + * Lists + * + * We need to standardize the list item indentation. + */ +ul, +ol { + margin-right: 0; + padding-left: 0; + padding-right: 2em; +} + +.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 { + text-align: right; +} diff --git a/sites/all/themes/zen/zen-internals/css/html-reset.css b/sites/all/themes/zen/zen-internals/css/html-reset.css new file mode 100644 index 000000000..991e1df79 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/html-reset.css @@ -0,0 +1,395 @@ +/** + * @file + * HTML Element Styling + * + * Ok, I admit it. I fooled you. This isn't a "reset" stylesheet. Instead this + * is the place where you should set (not reset) the default styling for all + * HTML elements. + * + * @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/ + * @see http://snook.ca/archives/html_and_css/no_css_reset/ + */ + + +/* + * Fonts + * + * Our font size and line height declarations are based on the following + * articles: + * - http://www.alistapart.com/articles/howtosizetextincss + * - http://24ways.org/2006/compose-to-a-vertical-rhythm + * + * All modern browsers use a 16px default font size. Specifying the font-size + * and line-height in ems (relative to the 16px default font) allows the user + * to resize the font in the browser and produces the most consistent results + * across different browsers. + */ +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 18px line height */ + font-size: 0.75em; /* 16px x .75 = 12px */ + line-height: 1.5em; /* 12px x 1.5 = 18px */ + + /* Use a 14px base font size with a 21px line height */ + font-size: 0.875em; /* 16px x .875 = 14px */ + line-height: 1.5em; /* 14px x 1.5 = 21px */ +} + +/* + * Instead of relying on the fonts that are available on a user's computer, you + * can use web fonts which, like images, are resources downloaded to the user's + * browser. Because of the bandwidth and rendering resources required, web fonts + * should be used with care. + * + * Numerous resources for web fonts can be found on Google. Here are a few + * websites where you can find Open Source fonts to download: + * - http://www.fontsquirrel.com/fontface + * - http://www.theleagueofmoveabletype.com + * + * In order to use these fonts, you will need to convert them into formats + * suitable for web fonts. We recommend the free-to-use Font Squirrel's + * Font-Face Generator: + * http://www.fontsquirrel.com/fontface/generator + * + * The following is an example @font-face declaration. This font can then be + * used in any ruleset using a property like this: font-family: Example, serif; + +@font-face { + font-family: 'Example'; + src: url('../fonts/example.eot'); + src: url('../fonts/example.eot?iefix') format('eot'), + url('../fonts/example.woff') format('woff'), + url('../fonts/example.ttf') format('truetype'), + url('../fonts/example.svg#webfontOkOndcij') format('svg'); + font-weight: normal; + font-style: normal; +} + + */ + +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 + * and Nimbus Sans fonts are commonly available on Linux systems where the MS + * fonts are less common. Tahoma and Helvetica are also widely available. + * + * A user's web browser will look at the comma-separated list and will + * attempt to use each font in turn until it finds one that is available + * on the user's computer. The final "generic" font (sans-serif, serif or + * monospace) hints at what type of font to use if the web browser doesn't + * find any of the fonts in the list. + + font-family: "Times New Roman", Times, Georgia, "DejaVu Serif", serif; + font-family: Times, "Times New Roman", Georgia, "DejaVu Serif", serif; + font-family: Georgia, "Times New Roman", "DejaVu Serif", serif; + + 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, +kbd, +samp, +tt, +var { + /* See http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */ + font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif; +} + +/* + * Block-level elements + * + * To achieve a pleasant vertical rhythm, we use the 1.5em line height of our + * base font as the top and bottom margins for our block level elements and make + * the line heights of any larger fonts be a multiple of 1.5 ems. For more + * information, see http://24ways.org/2006/compose-to-a-vertical-rhythm + */ +h1, h2, h3, h4, h5, h6, +p, blockquote, pre, +ul, ol, dl, +hr, table, fieldset { + margin: 1.5em 0; +} + +/* Headings */ +h1 { + font-size: 2em; + line-height: 1.5em; + margin: 0.75em 0; + /* 0.75em is equivalent to 1.5em in the page's base font. font. Remember, a + margin specified in ems is relative to the element's font-size, not to the + pages' base font size. So, for example, if we want a 1.5em margin (relative + to the base font), we have to divide that length by the element's + font-size: 1.5em / 2em = 0.75em */ +} + +h2 { + font-size: 1.5em; + margin: 1em 0; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.5 = 1em */ +} + +h3 { + font-size: 1.3em; + margin: 1.154em 0; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.3 = 1.154 */ +} + +h4, +h5, +h6 { + font-size: 1.1em; + margin: 1.364em 0; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.1 = 1.364 */ +} + +/* Other block-level elements */ +p { +} + +blockquote { + margin-left: 2em; + margin-right: 2em; +} + +pre { +} + +hr { + height: 1px; + border: 1px solid #666; +} + +address { +} + +/* + * Lists + * + * We need to standardize the list item indentation. + */ +ul, +ol { + margin-left: 0; /* LTR */ + padding-left: 2em; /* LTR */ +} + +.item-list ul /* Drupal overrides */ { + margin: 1.5em 0; + padding: 0 0 0 2em; /* LTR */ +} + +ul ul, ul ol, +ol ol, 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, +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; } + +dl { +} + +dt { + margin: 0; + padding: 0; +} + +dd { + margin: 0 0 0 2em; /* LTR */ + padding: 0; +} + +/* + * Tables + * + * Drupal provides table styling which is only useful for its admin section + * forms, so we override this default CSS. (We set it back in forms.css.) + */ +table { + border-collapse: collapse; + /* width: 100%; */ /* Prevent cramped-looking tables */ +} + +th { + text-align: left; /* LTR */ + padding: 0; + border-bottom: none; +} + +tbody { + border-top: none; +} + +thead { +} + +tfoot { +} + +caption { +} + +colgroup { +} + +col { +} + +tr { +} + +td { +} + +/* + * Forms + */ +form { + margin: 0; + padding: 0; +} + +fieldset { + padding: 0.5em; +} + +legend { +} + +label { +} + +input { +} + +select { +} + +optgroup { +} + +option { +} + +textarea { +} + +button { +} + +/* + * Links + * + * The order of link states are based on Eric Meyer's article: + * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states + */ +a:link { +} + +a:visited { +} + +a:hover, +a:focus { +} + +a:active { +} + +/* + * Other inline elements + */ +img { + border: 0; + /* vertical-align: bottom; */ /* Suppress the space beneath the baseline */ +} + +abbr, /* Abbreviations */ +acronym { + border-bottom: 1px dotted #666; + cursor: help; + white-space: nowrap; +} + +q { +} + +cite { +} + +strong, b { +} + +em, i { +} + +code, +kbd, +samp, +tt, +var /* Code, keyboard input, sample output, teletype, variable */ { +} + +del { +} + +ins { +} + +big { +} + +small { +} + +sub { +} + +sup { +} diff --git a/sites/all/themes/zen/zen-internals/css/ie6.css b/sites/all/themes/zen/zen-internals/css/ie6.css new file mode 100644 index 000000000..17a2fdf4b --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/ie6.css @@ -0,0 +1,83 @@ +/** + * @file + * CSS targeted specifically for Internet Explorer 6 for Windows. + * + * Any CSS in this file will override the rules specified in the ie.css file. + * + * References: + * 1. http://www.positioniseverything.net/explorer/doubled-margin.html + * 2. http://browservulsel.blogspot.com/2005/04/ie-overflow-auto-scrollbar-overlap.html + * 3. http://www.howtocreate.co.uk/wrongWithIE/?chapter=overflow%3Avisible%3B + */ + + +/* + * Layout CSS + */ + +#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 - IE6 doesn'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; +} + +/* + * Wireframes - IE6 doesn't support the outline property. + */ +.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 .region-footer, +.with-wireframes .region-bottom { + border: 1px solid #ccc; +} diff --git a/sites/all/themes/zen/zen-internals/css/ie7.css b/sites/all/themes/zen/zen-internals/css/ie7.css new file mode 100644 index 000000000..ec8dc914a --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/ie7.css @@ -0,0 +1,39 @@ +/** + * @file + * CSS targeted specifically for Internet Explorer 7 (and earlier) for Windows. + * + * Any CSS in this file will apply to all versions of IE before IE 8. You can + * target specific versions of IE by using conditional comments. See your + * sub-theme's .info file for an easy way to use them. + */ + + +/* + * 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>*, +.comment-unpublished>* { + 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 */ +} diff --git a/sites/all/themes/zen/zen-internals/css/layout-fixed-rtl.css b/sites/all/themes/zen/zen-internals/css/layout-fixed-rtl.css new file mode 100644 index 000000000..a9fca5b67 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/layout-fixed-rtl.css @@ -0,0 +1,65 @@ +/** + * @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: -960px; /* Negative value of #navigation's width + right margin. */ + margin-right: 0; +} + +/* + * 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; +} diff --git a/sites/all/themes/zen/zen-internals/css/layout-fixed.css b/sites/all/themes/zen/zen-internals/css/layout-fixed.css new file mode 100644 index 000000000..bf924ed97 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/layout-fixed.css @@ -0,0 +1,190 @@ +/** + * @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-bottom { + /* + * If you want to make the page a fixed width and centered in the viewport, + * this is the standards-compliant way to do that. See also the ie6.css file + * for the necessary IE5/IE6quirks hack to center a div. + */ + margin-left: auto; + margin-right: auto; + width: 960px; +} + +#page { +} + +/* + * Header + */ +#header { +} + +#header .section { +} + +.region-header { +} + +/* + * 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: 960px; + margin-left: 0; /* LTR */ + margin-right: -960px; /* LTR */ /* Negative value of #navigation's width + left margin. */ + padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */ + height: 3em; /* The navigation can have any arbritrary height. We picked one + that is the line-height plus 1em: 1.3 + 1 = 2.3 + Set this to the same value as the margin-top below. */ +} + +.with-navigation #content, +.with-navigation .region-sidebar-first, +.with-navigation .region-sidebar-second { + margin-top: 3em; /* Set this to the same value as the navigation height above. */ +} + +#navigation .section { +} + +/* + * 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 + */ +.region-footer { +} + +/* + * Page bottom + */ +.region-bottom /* See also the #page-wrapper declaration above that this div shares. */ { +} + +/* + * Prevent overflowing content + */ +#header, +#content, +#navigation, +.region-sidebar-first, +.region-sidebar-second, +.region-footer, +.region-bottom { + overflow: visible; + word-wrap: break-word; /* A very nice CSS3 property */ +} + +/* + * If a div.clearfix doesn't have any content after it and its bottom edge + * touches the bottom of the viewport, Firefox and Safari will mistakenly + * place several pixels worth of space between the bottom of the div and the + * bottom of the viewport. Uncomment this CSS property to fix this. + * Note: with some over-large content, this property might cause scrollbars + * to appear on the #page-wrapper div. + */ +/* +#page-wrapper { + overflow-y: hidden; +} +*/ diff --git a/sites/all/themes/zen/zen-internals/css/layout-liquid-rtl.css b/sites/all/themes/zen/zen-internals/css/layout-liquid-rtl.css new file mode 100644 index 000000000..d6303a034 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/layout-liquid-rtl.css @@ -0,0 +1,59 @@ +/** + * @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; +} + +/* + * 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; +} diff --git a/sites/all/themes/zen/zen-internals/css/layout-liquid.css b/sites/all/themes/zen/zen-internals/css/layout-liquid.css new file mode 100644 index 000000000..037912644 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/layout-liquid.css @@ -0,0 +1,184 @@ +/** + * @file + * Layout Styling (DIV Positioning) + * + * DEPRECATED: This layout implements fixed sidebars and a liquid center column. + * Flexible grids are a much better solution. This layout will be removed in + * future versions of Zen. + * + * Define CSS classes to create a table-free, 3-column, 2-column, or single + * column layout depending on whether blocks are enabled in the left or right + * columns. + * + * This layout is based on the Zen Columns layout method. + * http://drupal.org/node/201428 + * + * Only CSS that affects the layout (positioning) of major elements should be + * listed here. Such as: + * display, position, float, clear, width, height, min-width, min-height + * margin, border, padding, overflow + */ + + +/* + * Body + */ +body { +} + +#page-wrapper, +.region-bottom { + min-width: 960px; /* Don't allow the browser to make the site unreadable. */ +} + +#page { +} + +/* + * Header + */ +#header { +} + +#header .section { +} + +.region-header { +} + +/* + * 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: 3em; /* The navigation can have any arbritrary height. We picked one + that is the line-height plus 1em: 1.3 + 1 = 2.3 + Set this to the same value as the margin-top below. */ +} + +.with-navigation #content, +.with-navigation .region-sidebar-first, +.with-navigation .region-sidebar-second { + margin-top: 3em; /* Set this to the same value as the navigation height above. */ +} + +#navigation .section { +} + +/* + * 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 + */ +.region-footer { +} + +/* + * Page bottom + */ +.region-bottom /* See also the #page-wrapper declaration above that this div shares. */ { +} + +/* + * Prevent overflowing content + */ +#header, +#content, +#navigation, +.region-sidebar-first, +.region-sidebar-second, +.region-footer, +.region-bottom { + overflow: visible; + word-wrap: break-word; /* A very nice CSS3 property */ +} + +/* + * If a div.clearfix doesn't have any content after it and its bottom edge + * touches the bottom of the viewport, Firefox and Safari will mistakenly + * place several pixels worth of space between the bottom of the div and the + * bottom of the viewport. Uncomment this CSS property to fix this. + * Note: with some over-large content, this property might cause scrollbars + * to appear on the #page-wrapper div. + */ +/* +#page-wrapper { + overflow-y: hidden; +} +*/ diff --git a/sites/all/themes/zen/zen-internals/css/navigation-rtl.css b/sites/all/themes/zen/zen-internals/css/navigation-rtl.css new file mode 100644 index 000000000..c41973612 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/navigation-rtl.css @@ -0,0 +1,16 @@ +/** + * @file + * RTL companion for the navigation.css file. + */ + + +#navigation ul.links, /* Main menu and secondary menu links */ +#navigation .content ul /* Menu block links */ { + text-align: right; +} + +#navigation ul.links li, /* A simple method to get navigation links to appear in one line. */ +#navigation .content li { + float: right; + padding: 0 0 0 10px; +} diff --git a/sites/all/themes/zen/zen-internals/css/navigation.css b/sites/all/themes/zen/zen-internals/css/navigation.css new file mode 100644 index 000000000..363777823 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/navigation.css @@ -0,0 +1,62 @@ +/** + * @file + * Navigation Styling + */ + + +/* + * The active item in a Drupal menu + */ +li a.active { + color: #000; +} + +/* + * Navigation bar + */ +#navigation { + /* overflow: hidden; /* Sometimes you want to prevent overlapping with main div. */ +} + +#navigation ul.links, /* Main menu and secondary menu links */ +#navigation .content ul /* Menu block links */ { + margin: 0; + padding: 0; + text-align: left; /* LTR */ +} + +#navigation ul.links li, /* A simple method to get navigation links to appear in one line. */ +#navigation .content li { + float: left; /* LTR */ + padding: 0 10px 0 0; /* LTR */ + list-style-type: none; + list-style-image: none; +} + +.region-navigation { +} + +/* + * Main menu and Secondary menu links + */ +#main-menu { +} + +#secondary-menu { + float: right; +} + +/* + * Menu blocks + */ +.block-menu { +} + +/* + * "Menu block" blocks + * + * Drupal core has limited ways in which it can display its menus. To get around + * these limitations, see http://drupal.org/project/menu_block + */ +.block-menu-block { +} diff --git a/sites/all/themes/zen/zen-internals/css/nodes.css b/sites/all/themes/zen/zen-internals/css/nodes.css new file mode 100644 index 000000000..6010d3e0f --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/nodes.css @@ -0,0 +1,69 @@ +/** + * @file + * Node Styling + * + * Style anything that isn't in the $content variable. + */ + + +.node /* Node wrapper */ { +} + +.preview .node /* Preview of the content before submitting new or updated content */ { + /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */ +} + +.node-promoted /* A node that has been promoted to the front page */ { +} + +.node-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-FOO class that describes the type of content that + * it is. If you create a new content type called "my-custom-type", it will + * receive a "node-my-custom-type" class. + */ +.node-page /* Page content node */ { +} + +.node-article /* Article content node */ { +} + +h2.node-title /* Node title */ { +} + +.node .user-picture /* The picture of the node author */ { +} + +.node .submitted /* The "posted by" information */ { +} + +.node .content /* Node's content wrapper */ { +} + +.node ul.links /* Node links. See also the ul.links declaration in the pages.css. */ { +} diff --git a/sites/all/themes/zen/zen-internals/css/page-backgrounds.css b/sites/all/themes/zen/zen-internals/css/page-backgrounds.css new file mode 100644 index 000000000..24c2971c6 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/page-backgrounds.css @@ -0,0 +1,35 @@ +/** + * @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 { +} + +.region-footer { +} diff --git a/sites/all/themes/zen/zen-internals/css/pages-rtl.css b/sites/all/themes/zen/zen-internals/css/pages-rtl.css new file mode 100644 index 000000000..317a59dfa --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/pages-rtl.css @@ -0,0 +1,20 @@ +/** + * @file + * RTL companion for the pages.css file. + */ + + +/* + * Header + */ +#logo /* Wrapping link for logo */ { + float: right; +} + +/* + * Content + */ +ul.links li /* List of links */ { + display: inline-block; /* Bug in Safari causes display: inline to fail. */ + padding: 0 0 0 1em; +} diff --git a/sites/all/themes/zen/zen-internals/css/pages.css b/sites/all/themes/zen/zen-internals/css/pages.css new file mode 100644 index 000000000..6e576f023 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/pages.css @@ -0,0 +1,229 @@ +/** + * @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-link link will be completely hidden until a user tabs to the link. + * See the element-focusable rule in system.base.css. + */ +#skip-link a, +#skip-link a:visited { + display: block; + width: 100%; + padding: 2px 0 3px 0; + text-align: center; + background-color: #666; + color: #fff; +} + +/* + * 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 */ { + float: left; +} + +h1#site-name, +div#site-name /* The name of the website */ { + margin: 0; + font-size: 2em; + line-height: 1.5em; +} + +#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 */ { + clear: both; /* Clear the logo */ +} + +/* + * Main (container for everything else) + */ +#main-wrapper { +} + +#main { +} + +/* + * Content + */ +#content { +} + +#content .section { +} + +.region-highlighted { +} + +.breadcrumb /* The path to the current page in the form of a list of links */ { + padding-bottom: 0; /* Undo system.css */ +} + +h1.title, /* The title of the page */ +h2.node-title, /* Title of a piece of content when it is given in a list of content */ +h2.block-title, /* Block title */ +h2.title, /* Comment section heading */ +h2.comment-form, /* Comment form heading */ +h3.title /* Comment title */ { + 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. */ { + margin: 1.5em 0; /* Drupal core uses "6px 0" margin */ +} + +div.messages ul { + margin-top: 0; + margin-bottom: 0; +} + +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. */ { +} + +.region-help /* Help text on a page */ { +} + +.more-help-link /* Link to more help */ { +} + +.region-content /* Wrapper for the actual page content */ { +} + +ul.links /* List of links */ { +} + +ul.links.inline { + display: block; /* Let the links be inline, but the container be a block. */ +} + +ul.links li { + padding: 0 1em 0 0; /* LTR */ +} + +.item-list .pager /* A list of page numbers when more than 1 page of content is available */ { + padding: 0; +} + +.item-list .pager li /* Each page number in the pager list */ { + padding: 0 0.5em; +} + +.feed-icon /* The link to the RSS or Atom feed for the current list of content */ { +} + +.more-link /* Aggregator, blog, and forum more link */ { +} + +/* + * First sidebar (on left in LTR languages, on right in RTL) + * + * Remember to NOT add padding or margin to your .region-sidebar-first + * (see the layout.css file.) + */ +.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 + */ +.region-footer { +} + +/* + * Page bottom + */ +.region-bottom /* Wrapper for any blocks placed in the page bottom region */ { +} diff --git a/sites/all/themes/zen/zen-internals/css/print.css b/sites/all/themes/zen/zen-internals/css/print.css new file mode 100644 index 000000000..874e83849 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/print.css @@ -0,0 +1,74 @@ +/** + * @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, +#toolbar, +#navigation, +.region-sidebar-first, +.region-sidebar-second, +.region-footer, +.breadcrumb, +div.tabs, +.action-links, +.links, +.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; +} diff --git a/sites/all/themes/zen/zen-internals/css/tabs-rtl.css b/sites/all/themes/zen/zen-internals/css/tabs-rtl.css new file mode 100644 index 000000000..6e7fb0e34 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/tabs-rtl.css @@ -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; +} diff --git a/sites/all/themes/zen/zen-internals/css/tabs.css b/sites/all/themes/zen/zen-internals/css/tabs.css new file mode 100644 index 000000000..a5c4f8a99 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/tabs.css @@ -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 drupal7-reference.css.) + */ + + +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; +} diff --git a/sites/all/themes/zen/zen-internals/css/views-styles.css b/sites/all/themes/zen/zen-internals/css/views-styles.css new file mode 100644 index 000000000..909edd961 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/views-styles.css @@ -0,0 +1,6 @@ +/** + * @file + * Views Styling + */ + + diff --git a/sites/all/themes/zen/zen-internals/css/wireframes.css b/sites/all/themes/zen/zen-internals/css/wireframes.css new file mode 100644 index 000000000..4be67e9af --- /dev/null +++ b/sites/all/themes/zen/zen-internals/css/wireframes.css @@ -0,0 +1,17 @@ +/** + * @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 .region-footer, +.with-wireframes .region-bottom { + outline: 1px solid #ccc; +} diff --git a/sites/all/themes/zen/zen-internals/images/tab-bar.png b/sites/all/themes/zen/zen-internals/images/tab-bar.png Binary files differnew file mode 100644 index 000000000..0b380be85 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/images/tab-bar.png diff --git a/sites/all/themes/zen/zen-internals/images/tab-left-ie6.png b/sites/all/themes/zen/zen-internals/images/tab-left-ie6.png Binary files differnew file mode 100644 index 000000000..5c512aee0 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/images/tab-left-ie6.png diff --git a/sites/all/themes/zen/zen-internals/images/tab-left.png b/sites/all/themes/zen/zen-internals/images/tab-left.png Binary files differnew file mode 100644 index 000000000..dd925f769 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/images/tab-left.png diff --git a/sites/all/themes/zen/zen-internals/images/tab-right-ie6.png b/sites/all/themes/zen/zen-internals/images/tab-right-ie6.png Binary files differnew file mode 100644 index 000000000..1c0028189 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/images/tab-right-ie6.png diff --git a/sites/all/themes/zen/zen-internals/images/tab-right.png b/sites/all/themes/zen/zen-internals/images/tab-right.png Binary files differnew file mode 100644 index 000000000..9ed9cb2ba --- /dev/null +++ b/sites/all/themes/zen/zen-internals/images/tab-right.png diff --git a/sites/all/themes/zen/zen-internals/images/tab-secondary-bg.png b/sites/all/themes/zen/zen-internals/images/tab-secondary-bg.png Binary files differnew file mode 100644 index 000000000..a5a617ed3 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/images/tab-secondary-bg.png diff --git a/sites/all/themes/zen/zen-internals/images/tab-secondary.png b/sites/all/themes/zen/zen-internals/images/tab-secondary.png Binary files differnew file mode 100644 index 000000000..bf4e8d21a --- /dev/null +++ b/sites/all/themes/zen/zen-internals/images/tab-secondary.png diff --git a/sites/all/themes/zen/zen-internals/screenshot.png b/sites/all/themes/zen/zen-internals/screenshot.png Binary files differnew file mode 100644 index 000000000..d773d9c56 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/screenshot.png diff --git a/sites/all/themes/zen/zen-internals/template.theme-registry.inc b/sites/all/themes/zen/zen-internals/template.theme-registry.inc new file mode 100644 index 000000000..ac11fd609 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/template.theme-registry.inc @@ -0,0 +1,27 @@ +<?php +/** + * @file + * Contains infrequently used theme registry build functions. + */ + +/** + * Implements HOOK_theme(). + * + * We are simply using this hook as a convenient time to do some related work. + */ +function _zen_theme(&$existing, $type, $theme, $path) { + // If we are auto-rebuilding the theme registry, warn about the feature. + if ( + // Only display for site config admins. + function_exists('user_access') && user_access('administer site configuration') + && theme_get_setting('zen_rebuild_registry') + // Always display in the admin section, otherwise limit to three per hour. + && (arg(0) == 'admin' || flood_is_allowed($GLOBALS['theme'] . '_rebuild_registry_warning', 3)) + ) { + flood_register_event($GLOBALS['theme'] . '_rebuild_registry_warning'); + drupal_set_message(t('For easier theme development, the theme registry is being rebuilt on every page request. It is <em>extremely</em> important to <a href="!link">turn off this feature</a> on production websites.', array('!link' => url('admin/appearance/settings/' . $GLOBALS['theme']))), 'warning', FALSE); + } + + // hook_theme() expects an array, so return an empty one. + return array(); +} diff --git a/sites/all/themes/zen/zen-internals/template.zen.inc b/sites/all/themes/zen/zen-internals/template.zen.inc new file mode 100644 index 000000000..15e1b5556 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/template.zen.inc @@ -0,0 +1,51 @@ +<?php +/** + * @file + * Add stylesheets that are only needed when Zen is the enabled theme. + * + * Don't do something this dumb in your sub-theme. Stylesheets should be added + * using your sub-theme's .info file. If you desire styles that apply + * conditionally, you can conditionally add a "body class" in the + * preprocess_page function. For an example, see how wireframe styling is + * handled in zen_preprocess_html() and wireframes.css. + */ + +/** + * If the user is silly and enables Zen as the theme, manually add some stylesheets. + */ +function _zen_preprocess_html(&$variables, $hook) { + $directory = drupal_get_path('theme', 'zen') . '/zen-internals/css/'; + + // Add Zen's stylesheets manually instead of via its .info file. We do not + // want the stylesheets to be inherited from Zen since it becomes impossible + // to re-order the stylesheets in the sub-theme. + $stylesheets = array( + 'html-reset.css', + 'wireframes.css', + 'layout-fixed.css', + 'page-backgrounds.css', + 'tabs.css', + 'pages.css', + 'blocks.css', + 'navigation.css', + 'views-styles.css', + 'nodes.css', + 'comments.css', + 'forms.css', + 'fields.css', + ); + if (theme_get_setting('zen_layout') == 'zen-columns-liquid') { + // Replace the layout-fixed.css file. + $stylesheets[2] = 'layout-liquid.css'; + } + foreach ($stylesheets as $stylesheet) { + drupal_add_css($directory . $stylesheet, array('group' => CSS_THEME, 'every_page' => TRUE)); + } + + // Add print styles. + drupal_add_css($directory . 'print.css', array('media' => 'print', 'group' => CSS_THEME, 'every_page' => TRUE)); + + // Add conditional stylesheets. + drupal_add_css($directory . 'ie7.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'lte IE 7', '!IE' => FALSE), 'every_page' => TRUE)); + drupal_add_css($directory . 'ie6.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'lte IE 6', '!IE' => FALSE), 'every_page' => TRUE)); +} diff --git a/sites/all/themes/zen/zen-internals/zen.drush.inc b/sites/all/themes/zen/zen-internals/zen.drush.inc new file mode 100644 index 000000000..5d62514f0 --- /dev/null +++ b/sites/all/themes/zen/zen-internals/zen.drush.inc @@ -0,0 +1,130 @@ +<?php +/** + * @file + * Contains functions only needed for drush integration. + */ + +/** + * Implementation of hook_drush_command(). + */ +function zen_drush_command() { + $items = array(); + + $items['zen'] = array( + 'description' => 'Create a theme using Zen.', + 'arguments' => array( + 'name' => 'A name for your theme.', + 'machine_name' => '[optional] A machine-readable name for your theme.', + ), + 'options' => array( + 'name' => 'A name for your theme.', + 'machine-name' => '[a-z, 0-9] A machine-readable name for your theme.', + 'description' => 'A description of your theme.', + 'without-rtl' => 'Remove all RTL stylesheets.', + // @TODO: Add these options: + // 'layout' => '[fixed,fluid,960gs] Choose the page layout method.', + ), + 'examples' => array( + 'drush zen "My theme name"' => 'Create a sub-theme, using the default options.', + 'drush zen "My theme name" my_theme' => 'Create a sub-theme with a specific machine name.', + ), + ); + + return $items; +} + +/** + * Create a Zen sub-theme using the starter kit. + */ +function drush_zen($name = NULL, $machine_name = NULL) { + // Determine the theme name. + if (!isset($name)) { + $name = drush_get_option('name'); + } + + // Determine the machine name. + if (!isset($machine_name)) { + $machine_name = drush_get_option('machine-name'); + } + if (!$machine_name) { + $machine_name = $name; + } + $machine_name = str_replace(' ', '_', strtolower($machine_name)); + $search = array( + '/[^a-z0-9_]/', // Remove characters not valid in function names. + '/^[^a-z]+/', // Functions must begin with an alpha character. + ); + $machine_name = preg_replace($search, '', $machine_name); + + // Determine the path to the new subtheme by finding the path to Zen. + $zen_path = drush_locate_root() . '/' . drupal_get_path('theme', 'zen'); + $subtheme_path = explode('/', $zen_path); + array_pop($subtheme_path); + $subtheme_path = implode('/', $subtheme_path) . '/' . str_replace('_', '-', $machine_name); + + // Make a fresh copy of the original starter kit. + drush_op('zen_copy', $zen_path . '/STARTERKIT', $subtheme_path); + + // Rename the .info file. + $subtheme_info_file = $subtheme_path . '/' . $machine_name . '.info'; + drush_op('rename', $subtheme_path . '/STARTERKIT.info.txt', $subtheme_info_file); + + // Alter the contents of the .info file based on the command options. + $alterations = array( + '= Zen Sub-theme Starter Kit' => '= ' . $name, + ); + if ($description = drush_get_option('description')) { + $alterations['Read the <a href="http://drupal.org/node/873778">online docs</a> or the included README.txt on how to create a theme with Zen.'] = $description; + } + drush_op('zen_file_str_replace', $subtheme_info_file, array_keys($alterations), $alterations); + + // Replace all occurrences of 'STARTERKIT' with the machine name of our sub theme. + drush_op('zen_file_str_replace', $subtheme_path . '/theme-settings.php', 'STARTERKIT', $machine_name); + drush_op('zen_file_str_replace', $subtheme_path . '/template.php', 'STARTERKIT', $machine_name); + + // Remove all RTL stylesheets. + if ($without_rtl = drush_get_option('without-rtl')) { + foreach (array('forms', 'html-reset', 'layout-fixed', 'layout-liquid', 'navigation', 'pages', 'tabs') as $file) { + // Remove the RTL stylesheet. + drush_op('unlink', $subtheme_path . '/css/' . $file . '-rtl.css'); + drush_op('zen_file_str_replace', $subtheme_path . '/css/' . $file . '.css', ' /* LTR */', ''); + } + } + + // Notify user of the newly created theme. + drush_print(dt('Starter kit for "!name" created in: !path', array( + '!name' => $name, + '!path' => $subtheme_path, + ))); +} + +/** + * Copy a directory recursively. + */ +function zen_copy($source_dir, $target_dir, $ignore = '/^(\.(\.)?|CVS|\.svn|\.git|\.DS_Store)$/') { + if (!is_dir($source_dir)) { + drush_die(dt('The directory "!directory" was not found.', array('!directory' => $source_dir))); + } + $dir = opendir($source_dir); + @mkdir($target_dir); + while($file = readdir($dir)) { + if (!preg_match($ignore, $file)) { + if (is_dir($source_dir . '/' . $file)) { + zen_copy($source_dir . '/' . $file, $target_dir . '/' . $file, $ignore); + } + else { + copy($source_dir . '/' . $file, $target_dir . '/' . $file); + } + } + } + closedir($dir); +} + +/** + * Replace strings in a file. + */ +function zen_file_str_replace($file_path, $find, $replace) { + $file_contents = file_get_contents($file_path); + $file_contents = str_replace($find, $replace, $file_contents); + file_put_contents($file_path, $file_contents); +} diff --git a/sites/all/themes/zen/zen.info b/sites/all/themes/zen/zen.info new file mode 100644 index 000000000..3891b4d1f --- /dev/null +++ b/sites/all/themes/zen/zen.info @@ -0,0 +1,38 @@ +name = Zen +description = Zen sub-themes are the ultimate starting themes for Drupal 7. Read the <a href="http://drupal.org/node/873778">online docs</a> or the included README-FIRST.txt on how to create a theme with Zen. +screenshot = zen-internals/screenshot.png + +core = 7.x +engine = phptemplate + +regions[help] = Help +regions[sidebar_first] = First sidebar +regions[sidebar_second] = Second sidebar +regions[navigation] = Navigation bar +regions[highlighted] = Highlighted +regions[content] = Content +regions[header] = Header +regions[footer] = Footer +regions[bottom] = Page bottom +regions[page_top] = Page top +regions[page_bottom] = Page bottom + +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_layout] = zen-columns-fixed +settings[zen_jump_link_target] = main-menu +settings[zen_jump_link_text] = Jump to navigation +settings[zen_rebuild_registry] = 0 +settings[zen_wireframes] = 0 + +plugins[panels][layouts] = layouts + +; Information added by Drupal.org packaging script on 2014-04-30 +version = "7.x-3.3+0-dev" +core = "7.x" +project = "zen" +datestamp = "1398864528" + |
