diff options
49 files changed, 4342 insertions, 0 deletions
diff --git a/CHANGELOG.txt b/CHANGELOG.txt new file mode 100644 index 0000000..5f6b9ef --- /dev/null +++ b/CHANGELOG.txt @@ -0,0 +1,50 @@ +// $Id$ + +Sky 7.x-1.x, xxxx-xx-xx +------------------------- + +Sky 7.x-1.x, 2011-02-08 +------------------------- +by Jacine: Fixed a typo with the collapsible region. +#1053532 by Jacine | bitsman: Fixed css undefined index. + +Sky 7.x-1.5, 2011-02-06 +------------------------- +#1043726 by Jacine | Amarjit: Fixed Tabs problem - Secondary not displaying. +by Jacine: Added more ARIA roles. +by Jacine: Added instructions to create a subtheme. +by Jacine: Added a print stylesheet and HTML5 book export. +by Jacine: Various fixes and new styles for search and code blocks. +by Jacine: Added Book module styles. + +Sky 7.x-1.4, 2011-01-24 +------------------------- +#1038236 by Jacine | Ninja Overlord: Fixed Errors on setting the color scheme. +by Jacine: Fixed the selector for the collapsible region when JS is disabled. +#1019334 by asrob: Collapsible fieldsets on theme settings page are still a + problem for some sites. Removing them, because I'm not sure why. + +Sky 7.x-1.3, 2011-01-14 +------------------------- +#1025054 by mtsanford: Fixed Collapsible region has horizontal scrollbar in + Firefox when collapsible-toggle link has focus. +by Jacine: Remove padding from vertical tabs fieldsets. +#1019334 by Jacine: Revert position: fixed for color wheel. +#1019334 by Jacine: Force collapse.js to load on theme settings page. +#1019334 by Jacine: Shamelessly stealing Bartik's Druplicon logo. +#1026580 by Jeff Burnz: Fixed Wrong closing element in field--taxonomy-term-reference.tpl.php. + +Sky 7.x-1.2, 2011-01-09 +------------------------- +by Jacine: Color module improvements, jQuery UI styles, and more tweaks. +#1019334 by Jacine | wallbay1: Fixed logo not printing in page.tpl.php. +by Jacine: Added documentation for using menus in the navigation region. +by Jacine: Fixed feature listing in .info file. + +Sky 7.x-1.1, 2011-01-06 +------------------------- +by Jacine: Fixed the format of the CVS tag and minor code style issues. + +Sky 7.x-1.0, 2011-01-05 +------------------------- +by Jacine: Checked in a newly rewritten version for Drupal 7.
\ No newline at end of file diff --git a/LICENSE.txt b/LICENSE.txt new file mode 100644 index 0000000..2c095c8 --- /dev/null +++ b/LICENSE.txt @@ -0,0 +1,274 @@ +GNU GENERAL PUBLIC LICENSE + + Version 2, June 1991 + +Copyright (C) 1989, 1991 Free Software Foundation, Inc. 675 Mass Ave, +Cambridge, MA 02139, 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 Library 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 diff --git a/README.txt b/README.txt new file mode 100644 index 0000000..62da822 --- /dev/null +++ b/README.txt @@ -0,0 +1,89 @@ +// $Id$ + +-- SUMMARY -- + +Sky is a minimal, re-colorable, multi-column theme which uses the 960 Grid +System and HTML5. Supported browsers include IE6+, FF3+, Safari 3+, Chrome and Opera 10+. Please note that Sky is not an administrative theme. + +-- REQUIREMENTS -- + +In order to view the live preview on the color settings page +(admin/appearance/settings/sky), you must install the Color Theme module. It is +a very small module that sets the current theme to theme that's being +configured. This allows for live previews of the color schemes and +customization. It is not technically required, but highly recommended: + +http://drupal.org/project/colortheme + +-- INSTALLATION -- + +Install as usual, see http://drupal.org/node/70151 for further information. + + +-- CONFIGURATION -- + +* Color options: Enable the theme at admin/appearance, and visit + admin/appearance/settings/sky to modify the color scheme if desired. +* Menus: The Sky theme does not support the hard coded menu defaults. To setup + your main navigation menu, place the block containing the menu you want in the + "Navigation" region. + + +-- CREATING A SUBTHEME -- + +1. Create a new theme directory and .info file with the following inside it: + + name = Name of your theme. + description = Description of your theme. + core = 7.x + + base theme = sky + + stylesheets[all][] = colors.css + stylesheets[all][] = custom.css + + regions[page_top] = Page Top + regions[header] = Header + regions[navigation] = Navigation + regions[highlighted] = Highlighted + regions[help] = Help + regions[content] = Content + regions[sidebar_first] = Sidebar First + regions[sidebar_second] = Sidebar Second + regions[footer] = Footer + regions[copyright] = Copyright + regions[collapsible] = Collapsible + regions[page_bottom] = Page Bottom + + features[] = logo + features[] = favicon + features[] = name + features[] = slogan + features[] = node_user_picture + features[] = comment_user_picture + features[] = comment_user_verification + +2. Create a custom.css file which will contain any styles you want to change or + add. + +3. Copy the colors.css file into the root of your theme. It can go wherever you + want, just make sure you match the path to the .info entry. + +4. Copy the entire color directory from Sky into your subtheme. + +5. Open color/color.inc change the occurences of 'sky' (lines 18-19) to the name + of your subtheme: + + $css = ($theme == 'sky') ? 'color/preview.css' : array(); + $js = ($theme == 'sky') ? 'color/preview.js' : array(); + + +-- FAQ -- + +* Skinr Integration: When the Skinr module is available many more block styles, +including drop down menus will be added. + +-- CONTACT -- + +Current maintainer: +* Jacine Luisi (Jacine) - http://drupal.org/user/88931 diff --git a/color/base.png b/color/base.png Binary files differnew file mode 100644 index 0000000..6cea0cd --- /dev/null +++ b/color/base.png diff --git a/color/color.inc b/color/color.inc new file mode 100644 index 0000000..2409a6f --- /dev/null +++ b/color/color.inc @@ -0,0 +1,194 @@ +<?php +// $Id$ + +/** + * @file + * Color module integration. + */ + +// The preview looks like PURE crap when Sky is not the admin theme and alters +// to change the current theme temporarily have zero effect. Attempting to make +// the preview work with Seven or any other theme for that matter, would be a +// LOT of work that would negatively affect the code quality itself, which I'm +// not willing to do. As a result the preview is only supported when Sky is +// the active theme for that page, so I've created a module to handle this: +// http://drupal.org/project/colortheme + +global $theme; +$css = ($theme == 'sky') ? 'color/preview.css' : array(); +$js = ($theme == 'sky') ? 'color/preview.js' : array(); + + +$info = array( + 'fields' => array( + 'page_background' => t('Background'), + 'text' => t('Foreground'), + 'site_name' => t('Site name'), + 'site_slogan' => t('Site slogan'), + 'navigation_background' => t('Background'), + 'navigation_foreground' => t('Foreground'), + 'title_page' => t('Page title'), + 'title_block' => t('Block title'), + 'title_linked' => t('Linked titles'), + 'link' => t('Links'), + 'link_hover' => t('Links hover'), + 'tab_background' => t('Background'), + 'tab_foreground' => t('Foreground'), + 'tab_background_active' => t('Background hover'), + 'tab_foreground_active' => t('Foreground hover'), + 'node_links_background' => t('Background'), + 'node_links_foreground' => t('Foreground'), + 'node_links_background_hover' => t('Background hover'), + 'node_links_foreground_hover' => t('Foreground hover'), + 'footer_background' => t('Background'), + 'footer_foreground' => t('Foreground'), + 'footer_links' => t('Links'), + 'footer_links_hover' => t('Links hover'), + 'header_foreground' => t('Foreground'), + 'header_links' => t('Links'), + 'header_links_hover' => t('Links hover'), + ), + 'schemes' => array( + 'default' => array( + 'title' => t('Vanilla Sky (default)'), + 'colors' => array( + 'page_background' => '#efedea', + 'text' => '#000000', + 'tab_background' => '#fffffe', + 'tab_foreground' => '#101010', + 'tab_background_active' => '#efedeb', + 'tab_foreground_active' => '#111111', + 'site_name' => '#4c4742', + 'site_slogan' => '#837b72', + 'navigation_background' => '#e1dfdc', + 'navigation_foreground' => '#4d453e', + 'title_page' => '#100001', + 'title_block' => '#5e5247', + 'title_linked' => '#100011', + 'link' => '#1c6ea0', + 'link_hover' => '#42a9be', + 'node_links_background' => '#e7e5e3', + 'node_links_foreground' => '#100100', + 'node_links_background_hover' => '#d7d5d3', + 'node_links_foreground_hover' => '#100101', + 'footer_background' => '#e3e1df', + 'footer_foreground' => '#010101', + 'footer_links' => '#126598', + 'footer_links_hover' => '#127ba5', + 'header_foreground' => '#101000', + 'header_links' => '#0679be', + 'header_links_hover' => '#42a9ba', + ), + ), + 'blue' => array( + 'title' => t('Blue Sky'), + 'colors' => array( + 'page_background' => '#195594', + 'text' => '#000000', + 'tab_background' => '#eeeeee', + 'tab_foreground' => '#000000', + 'tab_background_active' => '#ededed', + 'tab_foreground_active' => '#000000', + 'site_name' => '#ffffff', + 'site_slogan' => '#ffffff', + 'navigation_background' => '#5d9dd0', + 'navigation_foreground' => '#ffffff', + 'title_page' => '#100001', + 'title_block' => '#888888', + 'title_linked' => '#000000', + 'link' => '#2897d7', + 'link_hover' => '#1473d7', + 'node_links_background' => '#eeeeee', + 'node_links_foreground' => '#000002', + 'node_links_background_hover' => '#aaaaaa', + 'node_links_foreground_hover' => '#000003', + 'footer_background' => '#eeeeee', + 'footer_foreground' => '#000000', + 'footer_links' => '#2897d7', + 'footer_links_hover' => '#1473d7', + 'header_foreground' => '#ffffff', + 'header_links' => '#78bbe2', + 'header_links_hover' => '#42a9be', + ), + ), + 'purple' => array( + 'title' => t('Purple'), + 'colors' => array( + 'page_background' => '#382d49', + 'text' => '#000000', + 'tab_background' => '#efedea', + 'tab_foreground' => '#000000', + 'tab_background_active' => '#382d48', + 'tab_foreground_active' => '#ffffff', + 'site_name' => '#ffffff', + 'site_slogan' => '#ccbcd2', + 'navigation_background' => '#ada2b4', + 'navigation_foreground' => '#000000', + 'title_page' => '#5f3276', + 'title_block' => '#666666', + 'title_linked' => '#482762', + 'link' => '#4f1b88', + 'link_hover' => '#8e45d3', + 'node_links_background' => '#ddd6e0', + 'node_links_foreground' => '#000000', + 'node_links_background_hover' => '#d7d5d3', + 'node_links_foreground_hover' => '#000000', + 'footer_background' => '#4a3f5a', + 'footer_foreground' => '#f8f2f2', + 'footer_links' => '#b195b0', + 'footer_links_hover' => '#42a9be', + 'header_foreground' => '#cccccc', + 'header_links' => '#997da6', + 'header_links_hover' => '#42a9be', + ), + ), + 'red' => array( + 'title' => t('Red'), + 'colors' => array( + 'page_background' => '#a21a2e', + 'text' => '#000000', + 'tab_background' => '#fffffe', + 'tab_foreground' => '#101010', + 'tab_background_active' => '#efedeb', + 'tab_foreground_active' => '#111111', + 'site_name' => '#ffffff', + 'site_slogan' => '#ffffff', + 'navigation_background' => '#8a0509', + 'navigation_foreground' => '#ffffff', + 'title_page' => '#000000', + 'title_block' => '#999999', + 'title_linked' => '#000000', + 'link' => '#cf3f54', + 'link_hover' => '#42a9be', + 'node_links_background' => '#e7e5e3', + 'node_links_foreground' => '#54493e', + 'node_links_background_hover' => '#d7d5d3', + 'node_links_foreground_hover' => '#42382e', + 'footer_background' => '#8a0509', + 'footer_foreground' => '#ffffff', + 'footer_links' => '#aaaaaa', + 'footer_links_hover' => '#42a9be', + 'header_foreground' => '#ffffff', + 'header_links' => '#aaaaaa', + 'header_links_hover' => '#42a9be', + ), + ), + ), + + // Misc settings. + 'css' => array('css/colors.css'), + 'base_image' => 'color/base.png', + 'blend_target' => '#ffffff', + 'copy' => array('logo.png'), + + // Preview files. + 'preview_css' => $css, + 'preview_js' => $js, + 'preview_html' => 'color/preview.html', + + // Unused. + 'gradients' => array(), + 'fill' => array(), + 'slices' => array(), +); + diff --git a/color/preview.css b/color/preview.css new file mode 100644 index 0000000..ecb2628 --- /dev/null +++ b/color/preview.css @@ -0,0 +1,92 @@ +/* $Id*/ + +/* Page tweaks +-------------------------------------------------------------------------*/ +.region-content { + padding-top: 0; +} +h1.title +.region-help { + padding-left: 16px; + padding-right: 16px; +} +#content > div.inner { + padding-left: 0; + padding-right: 0; +} + + +/* Color scheme form +-------------------------------------------------------------------------*/ +fieldset#color_scheme_form { + font-size: 0.923em; + padding: 0; + margin: 0; + border: none; +} +#color_scheme_form .color-form { + max-width: none; +} +#color_scheme_form > legend { + position: absolute; + clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ + clip: rect(1px, 1px, 1px, 1px); +} +fieldset#color_scheme_form > .fieldset-wrapper { + padding: 0; +} +.form-item-scheme label { + display: inline; + margin: 0 1em 0 1em; +} +/* Palette */ +#color_scheme_form #palette fieldset { + margin: 1em 0 0 0; + border: none; +} +#color_scheme_form .color-form label { + margin-left: 0; +} +#color_scheme_form #palette .form-item { + padding: 0; +} +#color_scheme_form .color-form input.form-text { + padding: 0.1em; + border-width: 1px; +} +#color_scheme_form #palette .item-selected { + background-color: transparent; + font-weight: bold; +} +/* Lock icons */ +#color_scheme_form .hook { + display: none; +} +#color_scheme_form #palette .lock { + background: url(../images/black.png) no-repeat 0 -66px; + top: 0; + left: auto; + width: 20px; + height: 25px; +} +#color_scheme_form #palette .unlocked { + background: url(../images/gray.png) no-repeat 0 -66px; +} + + +/* Preview +-------------------------------------------------------------------------*/ +#color_scheme_form .color-form > h2 { + background-color: transparent; + color: #999; + font-size: 1em; + font-weight: bold; + letter-spacing: 0.25em; + padding-left: 0.5em; + text-transform: uppercase; +} +#preview { + padding: 1em 0 0 0; + margin-bottom: 1em; + border-bottom: solid 1px #e6e4e2; +} diff --git a/color/preview.html b/color/preview.html new file mode 100644 index 0000000..c8a5d41 --- /dev/null +++ b/color/preview.html @@ -0,0 +1,45 @@ +<div id="preview" class="clearfix grid-16 alpha omega"> +<div id="preview-main" class="grid-10 alpha"> + <div class="region-content"> + <article class="node teaser"> + <h2 class="node-title title"><a href="#">Linked node teaser title</a></h2> + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do + eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim + ad minim veniam, <a href="#">quis nostrud exercitation ullamco laboris + nisi ut</a> aliquip ex ea commodo consequat. Duis aute irure dolor in + reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla + pariatur. Excepteur sint occaecat cupidatat non proident, sunt in + culpa qui officia deserunt mollit anim id est laborum.</p> + <footer> + <nav class="links"> + <ul class="links inline"> + <li class="node-readmore first"><a href="#" rel="tag" title="Hi!">Read more<span class="element-invisible"> about Hi!</span></a></li> + <li class="comment_forbidden last"><span><a href="#">Log in</a> or <a href="#">register</a> to post comments</span></li> + </ul> + </nav> + </footer> + </article> + </div> +</div> +<div id="preview-sidebar" class="sidebar grid-6 omega"> + <div class="block last"> + <div class="inner"> + <h2 class="block-title">Block title</h2> + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do + eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad + minim veniam, quis nostrud <a href="#">exercitation ullamco</a> laboris + nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in + reprehenderit.</p> + </div> + </div> +</div> +<div class="item-list grid-10"><ul class="pager"><li class="pager-current first">1</li> +<li class="pager-item"><a href="/node?page=1" title="Go to page 2" class="active">2</a></li> +<li class="pager-item"><a href="/node?page=2" title="Go to page 3" class="active">3</a></li> +<li class="pager-item"><a href="/node?page=3" title="Go to page 4" class="active">4</a></li> +<li class="pager-item"><a href="/node?page=4" title="Go to page 5" class="active">5</a></li> +<li class="pager-item"><a href="/node?page=5" title="Go to page 6" class="active">6</a></li> +<li class="pager-next"><a href="/node?page=1" title="Go to next page" class="active">next ›</a></li> +<li class="pager-last last"><a href="/node?page=5" title="Go to last page" class="active">last »</a></li> +</ul></div> +</div> diff --git a/color/preview.js b/color/preview.js new file mode 100644 index 0000000..2644a06 --- /dev/null +++ b/color/preview.js @@ -0,0 +1,136 @@ +// $Id$ +(function ($) { + Drupal.color = { + callback: function(context, settings, form, farb, height, width) { + + // Apply grid classes to the farbtastic container. + $('#placeholder').addClass('grid-4').addClass('push-6').addClass('alpha').addClass('omega'); + + var wrapper = $('#container'); + + $('#edit-scheme').change(function() { + var current = $(this).val(); + var scheme = settings.color.schemes[current]; + for (var i in scheme) { + $('#palette input[name="palette['+ i + ']"]', form).val(scheme[i]).css('background-color', scheme[i]); + }; + Drupal.color.callback(context, settings, form, farb, height, width); + }); + + // Make variables for the selectors so the processing is more readable. + var page = 'html, body'; + var tabs = '#skip-link a, .tabs a'; + var tabs_active = '.tabs a.active'; + var site_name = 'h1.site-name a'; + var site_slogan = 'h2.site-slogan'; + var navigation = '.region-navigation .content ul a, .region-navigation .content ul a:visited'; + var title_page = 'h1.title'; + var title_block = 'h2.block-title'; + var title_linked = 'h2.title a'; + var links = 'a, .a:visited'; + var node_links = 'article .links a, article .links a:visited'; + var header = '.region-header, .region-navigation, .region-header h2.block-title, .region-navigation h2.block-title'; + var header_links = '.region-header a, .region-header a:visited'; + var footer = '.breadcrumb, footer.section, footer.section .block-title'; + var footer_links = '.breadcrumb a, footer.section a, footer.section a:visited'; + + // Page + $(page, context) + .css('background-color', $('#palette input[name="palette[page_background]"]', form).val()) + .css('color', $('#palette input[name="palette[page_foreground]"]', form).val()); + + // Links + $(links, wrapper).css('color', $('#palette input[name="palette[links]"]', form).val()); + $(links, wrapper).hover(function() { + $(this).css('color', $('#palette input[name="palette[links_hover]"]', form).val()); + }, function() { + $(this).css('color', $('#palette input[name="palette[links]"]', form).val()); + }); + + // Identity + $(site_name, context).css('color', $('#palette input[name="palette[site_name]"]', form).val()); + $(site_slogan, context).css('color', $('#palette input[name="palette[site_slogan]"]', form).val()); + + // Navigation + $(navigation, context).css('background-color', $('#palette input[name="palette[navigation_background]"]', form).val()) + .css('color', $('#palette input[name="palette[navigation_foreground]"]', form).val()); + $(navigation, context).hover(function() { + $(this).css({ + backgroundColor: '#fff', + color: $('#palette input[name="palette[page_foreground]"]', form).val(), + }) + }, function() { + $(this).css('background-color', $('#palette input[name="palette[navigation_background]"]', form).val()) + .css('color', $('#palette input[name="palette[navigation_foreground]"]', form).val()); + }); + + // Tabs + $(tabs, context).css({ + backgroundColor: $('#palette input[name="palette[tab_background]"]', form).val(), + color: $('#palette input[name="palette[tab_foreground]"]', form).val() + }); + $(tabs, context).not(tabs_active).hover(function() { + $(this).css({ + backgroundColor: $('#palette input[name="palette[tab_background_active]"]', form).val(), + color: $('#palette input[name="palette[tab_foreground_active]"]', form).val(), + }) + }, function() { + $(this).css({ + backgroundColor: $('#palette input[name="palette[tab_background]"]', form).val(), + color: $('#palette input[name="palette[tab_foreground]"]', form).val() + }) + }); + $(tabs_active, context).css({ + backgroundColor: $('#palette input[name="palette[tab_background_active]"]', form).val(), + color: $('#palette input[name="palette[tab_foreground_active]"]', form).val(), + }); + $(tabs_active, context).hover(function() { + $(this).css({ + backgroundColor: $('#palette input[name="palette[tab_background_active]"]', form).val(), + color: $('#palette input[name="palette[tab_foreground_active]"]', form).val(), + }) + }, function() { + $(this).css({ + backgroundColor: $('#palette input[name="palette[tab_background_active]"]', form).val(), + color: $('#palette input[name="palette[tab_foreground_active]"]', form).val(), + }) + }); + + // Titles + $(title_page, context).css('color', $('#palette input[name="palette[title_page]"]', form).val()); + $(title_block, context).css('color', $('#palette input[name="palette[title_block]"]', form).val()); + $(title_linked, context).css('color', $('#palette input[name="palette[title_linked]"]', form).val()); + + // Node links + $(node_links, context).css('background-color', $('#palette input[name="palette[node_links_background]"]', form).val()) + .css('color', $('#palette input[name="palette[node_links_foreground]"]', form).val()); + $(node_links, context).hover(function() { + $(this).css('background-color', $('#palette input[name="palette[node_links_background_hover]"]', form).val()) + .css('color', $('#palette input[name="palette[node_links_foreground_hover]"]', form).val()); + }, function() { + $(this).css('background-color', $('#palette input[name="palette[node_links_background]"]', form).val()) + .css('color', $('#palette input[name="palette[node_links_foreground]"]', form).val()); + }); + + // Header + $(header, context).css('color', $('#palette input[name="palette[header_foreground]"]', form).val()) + $(header_links, context).css('color', $('#palette input[name="palette[header_links]"]', form).val()); + $(header_links, context).hover(function() { + $(this).css('color', $('#palette input[name="palette[header_links_hover]"]', form).val()); + }, function() { + $(this).css('color', $('#palette input[name="palette[header_links]"]', form).val()); + }); + + // Footer + $(footer, context).css('background-color', $('#palette input[name="palette[footer_background]"]', form).val()) + .css('color', $('#palette input[name="palette[footer_foreground]"]', form).val()); + $(footer_links, context).css('color', $('#palette input[name="palette[footer_links]"]', form).val()); + $(footer_links, context).hover(function() { + $(this).css('color', $('#palette input[name="palette[footer_links_hover]"]', form).val()); + }, function() { + $(this).css('color', $('#palette input[name="palette[footer_links]"]', form).val()); + }); + + } + }; +})(jQuery); diff --git a/css/book.css b/css/book.css new file mode 100644 index 0000000..e3e3b79 --- /dev/null +++ b/css/book.css @@ -0,0 +1,68 @@ +/* @override http://skinr.docs/modules/book/book.css?lff21s */ + +/* Admin */ +#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; +} + +/* Front end */ +.book-navigation { + font-size: 1.077em; + margin: 1em 0 0 0; +} +.book-navigation ul.menu { + border-top: solid 1px #e4e4e4; + margin: 0; + padding: 2em 2em 2em 3em; + list-style-type: square; +} +.book-navigation .menu li { + margin-bottom: 0.4em; + padding: 0; +} +.book-navigation .page-links { + border-top: solid 1px #e4e4e4; + text-align: center; + padding: 1em 0; +} +.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; +} + diff --git a/css/colors.css b/css/colors.css new file mode 100644 index 0000000..4830dfd --- /dev/null +++ b/css/colors.css @@ -0,0 +1,144 @@ +/* $Id$ */ + +/* Page +-------------------------------------------------------------------------*/ +html, body { + background-color: #efedea; + color: #000; +} + + +/* Tabs +-------------------------------------------------------------------------*/ +#skip-link a, +.tabs a, +.tabs a:visited { + background-color: #fffffe; + color: #101010; +} +.tabs a:hover, +.tabs a:focus, +.tabs a:active, +.tabs a.active, +.tabs a.active:visited { + background-color: #efedeb; + color: #111111; +} + +/* Links +-------------------------------------------------------------------------*/ +a, +a:visited { + color: #1c6ea0; +} +a:hover, +a:focus, +a:active { + color: #42a9be; +} +.pager a:hover, +.pager a:active, +.pager a:focus { + background-color: #1c6ea0; + color: #fff; +} + + +/* Identity +-------------------------------------------------------------------------*/ +h1.site-name a, +h1.site-name a:visited { + color: #4c4742; +} +h2.site-slogan { + color: #837b72; +} + + +/* Header +-------------------------------------------------------------------------*/ +.region-header, +.region-navigation, +.region-header h2.block-title, +.region-navigation h2.block-title { + color: #101000; +} +.region-header a, +.region-header a:visited { + color: #0679be; +} +.region-header a:hover, +.region-header a:focus, +.region-header a:active { + color: #42a9ba; +} + + +/* Footer +-------------------------------------------------------------------------*/ +.breadcrumb, +footer.section, +footer.section .block-title { + background-color: #e3e1df; + color: #010101; +} +.breadcrumb a, +footer.section a, +footer.section a:visited { + color: #126598; +} +.breadcrumb a:hover, +.breadcrumb a:focus, +.breadcrumb a:active, +footer.section a:hover, +footer.section a:focus, +footer.section a:active { + color: #127ba5; +} + + +/* Navigation +-------------------------------------------------------------------------*/ +.region-navigation .content ul a, +.region-navigation .content ul a:visited { + background-color: #e1dfdc; + color: #4d453e; +} +.region-navigation .content ul a:hover, +.region-navigation .content ul a:focus, +.region-navigation .content ul a:active, +.region-navigation .content ul a.active-trail, +.region-navigation .content ul a.active-trail:visited, +.region-navigation .content ul a.active, +.region-navigation .content ul a.active:visited { + background-color: #fff; + color: #473e34; +} + + +/* Node links +-------------------------------------------------------------------------*/ +article .links a, +article .links a:visited { + background-color: #e7e5e3; + color: #100100; +} +article .links a:hover, +article .links a:focus, +article .links a:active { + background-color: #d7d5d3; + color: #100101; +} + +/* Titles +-------------------------------------------------------------------------*/ +h1.title { + color: #100001; +} +h2.block-title { + color: #5e5247; /* need to update */ +} +.comment header h3 a, +h2.title a { + color: #100011; +} diff --git a/css/forms.css b/css/forms.css new file mode 100644 index 0000000..e1a774f --- /dev/null +++ b/css/forms.css @@ -0,0 +1,260 @@ +/* $Id$ */ + +/* Fieldsets +-------------------------------------------------------------------------*/ +fieldset { + border: solid 1px #e6e4e2; + margin: 1.2em 0; + padding: 0 0 1em 0; + position: relative; +} +.fieldset-wrapper { + padding: 2.4em 1em 1em 1em; +} +.fieldset-description { + padding: 1em 0; +} +html.js fieldset.collapsed { + border: solid 1px #e6e4e2; + height: 2em; +} +legend { + display: block; + color: #999; + font-weight: 600; + font-size: 0.923em; + left: 1em; + letter-spacing: 0.25em; + line-height: normal; + position: absolute; + text-transform: uppercase; + top: 1em; +} +legend a.fieldset-title { + color: #999; +} +.js fieldset.collapsible legend a { + background: url(../images/gray.png) no-repeat 0 -132px; + padding-left: 20px; + -moz-transition: color 0.3s linear; + -webkit-transition: color 0.3s linear; + transition: color 0.3s linear; +} +.js fieldset.collapsible legend a:hover, +.js fieldset.collapsible legend a:focus, +.js fieldset.collapsible legend a:active { + background-image: url(../images/black.png); + color: #444; +} +.js fieldset.collapsed legend a { + background-position: 0 -198px; +} + + +/* Labels +-------------------------------------------------------------------------*/ +label { + cursor: pointer; + font-weight: 500; +} +.form-item label { + display: block; + font-size: 1.077em; + margin-bottom: 0.2em; + margin-left: 3px; +} +.form-item .form-item label { + display: inline; + font-size: 1em; +} +table label, +.form-item label.option { + display: inline; + font-size: 1em; + font-weight: normal; +} + + +/* Wrappers +-------------------------------------------------------------------------*/ +.form-item { + margin: 1.4em 0; +} +.fieldset-wrapper .form-item:first-child { + margin-top: 0.4em; +} +.form-item .form-item { + margin: 0.5em 0; +} +.form-type-checkbox, +.form-type-radio { + margin: 1em 0; +} +.form-actions { + margin-top: 1em; + padding: 1em 0; +} +.filter-wrapper .fieldset-wrapper { + padding: 0; +} + + +/* Elements +-------------------------------------------------------------------------*/ +input, select, textarea, button { + font-family: "Helvetica Neue", Helvetica, Clean, Arial, sans-serif; + font-size: 99%; +} +input, textarea { + font-size: 1.077em; + line-height: 1.3em; +} +textarea.form-textarea, textarea { + background-color: #fff; + border: solid 2px #e6e4de; + padding: 0.5em; + -moz-border-radius: 3px 3px 0 0; + -webkit-border-top-right-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-radius: 3px 3px 0 0; +} +input.form-text, +input[type=text], +select[multiple=multiple] { + background-color: #fff; + border: solid 2px #e6e4de; + padding: 0.3em; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +select { + max-width: 100%; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +button, +input[type=submit], +input.form-submit, +.form-actions a, +.form-actions a:visited, +.button, a.button, a.button:visited { + background: #e6e4e2 url(../images/ui/ui-bg_highlight-soft_90_e6e4e2_1x100.png) 50% 50% repeat-x; + border: 1px solid #e6e4e2; + border-bottom-color: #bbb; + border-right-color: #bbb; + color: #000; + font-size: 1em; + font-weight: 500; + padding: 0.5em 1em; + margin: 0 0.5em 0 0; + overflow: hidden; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} +button:hover, +input[type=submit]:hover, +input.form-submit:hover, +.form-actions a:hover, +.form-actions a:focus, +.form-actions a:active, +.button:hover, +a.button:hover, +a.button:focus, +a.button:active { + background: #d6d4d1 url(../images/ui/ui-bg_highlight-soft_50_d6d4d1_1x100.png) 50% 50% repeat-x; + border: 1px solid #e1dedb; + border-bottom-color: #aaa; + border-right-color: #aaa; + color: #000; + cursor: pointer; +} +textarea:focus, +input[type=password]:focus, +input[type=text]:focus, +select[multiple=multiple]:focus { + outline: 0; + -moz-box-shadow: 0 0 10px rgba(169,169,169,0.5); + -webkit-box-shadow: 0 0 10px rgba(169,169,169,0.5); + border-color: rgba(213,213,213,0.7); +} + +/* Misc +-------------------------------------------------------------------------*/ +.description { + color: #777; + font-size: 0.923em; + line-height: 1.5; +} +.form-item .description { + margin-top: 0.4em; + padding-left: 0.4em; +} +.form-required { + color: #fda61f; + font: bold 1em Tahoma, Verdana, Geneva; +} + + +/* Inline containers +-------------------------------------------------------------------------*/ +.container-inline .form-item label { + display: inline-block; +} +.container-inline .form-submit { + font-size: 0.923em; + line-height: 1.5em; + margin: 0 0.3em 0 0; + padding: 0.2em 1em; +} +.container-inline .form-actions { + padding: 0; +} + + +/* Autocomplete throbber +-------------------------------------------------------------------------*/ +html.js input.form-autocomplete { + background-position: 99% 6px; /* LTR */ +} +html.js input.throbbing { + background-position: 99% -12px; /* LTR */ +} + + +/* Vertical tabs +-------------------------------------------------------------------------*/ +.vertical-tabs fieldset.vertical-tabs-pane { + padding: 0; +} +.vertical-tabs .fieldset-wrapper { + padding: 1em 0.5em; +} +div.vertical-tabs, +div.vertical-tabs ul.vertical-tabs-list, +div.vertical-tabs ul.vertical-tabs-list li { + border-color: #e6e4e2; +} +.vertical-tabs ul.vertical-tabs-list li { + background-color: #efedea; +} +.vertical-tabs ul.vertical-tabs-list li a { + -moz-transition: none; + -webkit-transition: none; + transition: none; +} +.vertical-tabs ul.vertical-tabs-list li a:hover, +.vertical-tabs ul.vertical-tabs-list li a:focus { + color: #000; + outline: none; +} +.vertical-tabs ul.vertical-tabs-list li a:focus strong, +.vertical-tabs ul.vertical-tabs-list li a:active strong, +.vertical-tabs ul.vertical-tabs-list li a:hover strong { + text-decoration: none; +} +.vertical-tabs .summary { + font-size: 0.923em; +} diff --git a/css/ie.css b/css/ie.css new file mode 100644 index 0000000..81bd9d2 --- /dev/null +++ b/css/ie.css @@ -0,0 +1,68 @@ +/* $Id$ */ + +.list-inline .content li, +.inline li, +.links li, +.tabs li, +.pager li, +.pager li.pager-current, +.breadcrumb a, +.region-navigation .content ul a, +.menu-name-menu-social a { + display: inline; + zoom: 1; +} +.region-navigation { + float: left; +} +.sidebar { + overflow: hidden; +} +.region-navigation .content ul a, +.region-navigation .content ul ul li { + float: left; + display: inline; + position: relative; +} +.collapsible-toggle, +label, +.form-submit, +.region-navigation .content ul a { + font-weight: bold; +} +table label, +.form-item label.option { + font-weight: normal; +} +.block-search input.form-text { + width: 75%; +} +.block-search input.form-submit { + margin-top: 0.5em; +} +.node header, +.comment header { + zoom: 1; +} +* html article .field-type-image { + width: 1%; +} +article .field-name-field-tags { + line-height: normal; +} +.resizable-textarea textarea { + width: 97%; +} +input.form-submit { + padding-left: 0; + padding-right: 0; +} +.vertical-tabs .fieldset-wrapper { + padding: 0; +} +.vertical-tabs .form-type-file input { + width: 100%; +} +* html .vertical-tabs .form-item { + width: 95%; /* IE6 */ +} diff --git a/css/jquery.ui.theme.css b/css/jquery.ui.theme.css new file mode 100644 index 0000000..369a1c4 --- /dev/null +++ b/css/jquery.ui.theme.css @@ -0,0 +1,456 @@ +/* $Id$ */ + +/* Component containers +-------------------------------------------------------------------------*/ +.ui-widget-content { + background: #fff url(../images/ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; + border: 1px solid #e6e4e2; +} +.ui-widget-header { + background: #e6e4e2 url(../images/ui/ui-bg_highlight-soft_90_e6e4e2_1x100.png) 50% 50% repeat-x; + border: 1px solid #fff; + font-weight: bold; +} +.ui-widget-header a { + color: #000; +} + + +/* Interaction states +-------------------------------------------------------------------------*/ +.ui-state-default, +.ui-widget-content .ui-state-default, +.ui-widget-header .ui-state-default { + background: #e6e4e2 url(../images/ui/ui-bg_highlight-soft_90_e6e4e2_1x100.png) 50% 50% repeat-x; + border: 1px solid #e6e4e2; + color: #000; +} +.ui-state-default a, +.ui-state-default a:link, +.ui-state-default a:visited { + color: #000; +} +.ui-state-hover, +.ui-widget-content .ui-state-hover, +.ui-widget-header .ui-state-hover, +.ui-state-focus, +.ui-widget-content .ui-state-focus, +.ui-widget-header .ui-state-focus { + background: #efedeb url(images/ui-bg_highlight-soft_90_efedeb_1x100.png) 50% 50% repeat-x; + border: 1px solid #e6e4e2; + color: #000; +} +.ui-state-hover a, +.ui-state-hover a:hover, +.ui-state-active a, +.ui-state-active a:link, +.ui-state-active a:visited { + color: #000; +} +.ui-state-active, +.ui-widget-content .ui-state-active, +.ui-widget-header .ui-state-active, +div.ui-datepicker .ui-state-active { + background: #d6d4d1 url(../images/ui/ui-bg_highlight-soft_50_d6d4d1_1x100.png) 50% 50% repeat-x; + border: 1px solid #e1dedb; + color: #000; +} +.ui-widget :active { + outline: none; +} + + +/* Interaction cues +-------------------------------------------------------------------------*/ +.ui-state-highlight, +.ui-widget-content .ui-state-highlight, +.ui-widget-header .ui-state-highlight, +div.ui-datepicker .ui-state-highlight { + background: #fffce5 url(../images/ui/ui-bg_glass_55_fffce5_1x400.png) 50% 50% repeat-x; + border: 1px solid #ed5; + color: #840; +} +.ui-state-highlight a, +.ui-widget-content .ui-state-highlight a, +.ui-widget-header .ui-state-highlight a { + color: #840; + text-decoration: underline; +} +.ui-state-error, +.ui-widget-content .ui-state-error, +.ui-widget-header .ui-state-error { + background: #fef5f1 url(../images/ui/ui-bg_glass_95_fef5f1_1x400.png) 50% 50% repeat-x; + border: 1px solid #ed541d; + color: #8c2e0b; +} +.ui-state-error a, +.ui-widget-content .ui-state-error a, +.ui-widget-header .ui-state-error a { + color: #8c2e0b; + text-decoration: underline; +} +.ui-state-error-text, +.ui-widget-content .ui-state-error-text, +.ui-widget-header .ui-state-error-text { + color: #8c2e0b; +} +.ui-priority-primary, +.ui-widget-content .ui-priority-primary, +.ui-widget-header .ui-priority-primary { + font-weight: 600; +} +.ui-priority-secondary, +.ui-widget-content .ui-priority-secondary, +.ui-widget-header .ui-priority-secondary { + opacity: 0.7; + filter: Alpha(Opacity=70); + font-weight: normal; +} +.ui-state-disabled, +.ui-widget-content .ui-state-disabled, +.ui-widget-header .ui-state-disabled { + background-image: none; + filter: Alpha(Opacity=35); + opacity: 0.35; +} + + +/* Icons +-------------------------------------------------------------------------*/ +.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui/ui-icons_222222_256x240.png); } +.ui-widget-content .ui-icon {background-image: url(../images/ui/ui-icons_222222_256x240.png); } +.ui-widget-header .ui-icon {background-image: url(../images/ui/ui-icons_555555_256x240.png); } +.ui-state-default .ui-icon { background-image: url(../images/ui/ui-icons_999999_256x240.png); } +.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui/ui-icons_000000_256x240.png); } +.ui-state-active .ui-icon {background-image: url(../images/ui/ui-icons_000000_256x240.png); } +.ui-state-highlight .ui-icon {background-image: url(../images/ui/ui-icons_884400_256x240.png); } +.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui/ui-icons_8c2e0b_256x240.png); } + + +.ui-icon-carat-1-n { background-position: 0 0; } +.ui-icon-carat-1-ne { background-position: -16px 0; } +.ui-icon-carat-1-e { background-position: -32px 0; } +.ui-icon-carat-1-se { background-position: -48px 0; } +.ui-icon-carat-1-s { background-position: -64px 0; } +.ui-icon-carat-1-sw { background-position: -80px 0; } +.ui-icon-carat-1-w { background-position: -96px 0; } +.ui-icon-carat-1-nw { background-position: -112px 0; } +.ui-icon-carat-2-n-s { background-position: -128px 0; } +.ui-icon-carat-2-e-w { background-position: -144px 0; } +.ui-icon-triangle-1-n { background-position: 0 -16px; } +.ui-icon-triangle-1-ne { background-position: -16px -16px; } +.ui-icon-triangle-1-e { background-position: -32px -16px; } +.ui-icon-triangle-1-se { background-position: -48px -16px; } +.ui-icon-triangle-1-s { background-position: -64px -16px; } +.ui-icon-triangle-1-sw { background-position: -80px -16px; } +.ui-icon-triangle-1-w { background-position: -96px -16px; } +.ui-icon-triangle-1-nw { background-position: -112px -16px; } +.ui-icon-triangle-2-n-s { background-position: -128px -16px; } +.ui-icon-triangle-2-e-w { background-position: -144px -16px; } +.ui-icon-arrow-1-n { background-position: 0 -32px; } +.ui-icon-arrow-1-ne { background-position: -16px -32px; } +.ui-icon-arrow-1-e { background-position: -32px -32px; } +.ui-icon-arrow-1-se { background-position: -48px -32px; } +.ui-icon-arrow-1-s { background-position: -64px -32px; } +.ui-icon-arrow-1-sw { background-position: -80px -32px; } +.ui-icon-arrow-1-w { background-position: -96px -32px; } +.ui-icon-arrow-1-nw { background-position: -112px -32px; } +.ui-icon-arrow-2-n-s { background-position: -128px -32px; } +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } +.ui-icon-arrow-2-e-w { background-position: -160px -32px; } +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } +.ui-icon-arrowstop-1-n { background-position: -192px -32px; } +.ui-icon-arrowstop-1-e { background-position: -208px -32px; } +.ui-icon-arrowstop-1-s { background-position: -224px -32px; } +.ui-icon-arrowstop-1-w { background-position: -240px -32px; } +.ui-icon-arrowthick-1-n { background-position: 0 -48px; } +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } +.ui-icon-arrowthick-1-e { background-position: -32px -48px; } +.ui-icon-arrowthick-1-se { background-position: -48px -48px; } +.ui-icon-arrowthick-1-s { background-position: -64px -48px; } +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } +.ui-icon-arrowthick-1-w { background-position: -96px -48px; } +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } +.ui-icon-arrow-4 { background-position: 0 -80px; } +.ui-icon-arrow-4-diag { background-position: -16px -80px; } +.ui-icon-extlink { background-position: -32px -80px; } +.ui-icon-newwin { background-position: -48px -80px; } +.ui-icon-refresh { background-position: -64px -80px; } +.ui-icon-shuffle { background-position: -80px -80px; } +.ui-icon-transfer-e-w { background-position: -96px -80px; } +.ui-icon-transferthick-e-w { background-position: -112px -80px; } +.ui-icon-folder-collapsed { background-position: 0 -96px; } +.ui-icon-folder-open { background-position: -16px -96px; } +.ui-icon-document { background-position: -32px -96px; } +.ui-icon-document-b { background-position: -48px -96px; } +.ui-icon-note { background-position: -64px -96px; } +.ui-icon-mail-closed { background-position: -80px -96px; } +.ui-icon-mail-open { background-position: -96px -96px; } +.ui-icon-suitcase { background-position: -112px -96px; } +.ui-icon-comment { background-position: -128px -96px; } +.ui-icon-person { background-position: -144px -96px; } +.ui-icon-print { background-position: -160px -96px; } +.ui-icon-trash { background-position: -176px -96px; } +.ui-icon-locked { background-position: -192px -96px; } +.ui-icon-unlocked { background-position: -208px -96px; } +.ui-icon-bookmark { background-position: -224px -96px; } +.ui-icon-tag { background-position: -240px -96px; } +.ui-icon-home { background-position: 0 -112px; } +.ui-icon-flag { background-position: -16px -112px; } +.ui-icon-calendar { background-position: -32px -112px; } +.ui-icon-cart { background-position: -48px -112px; } +.ui-icon-pencil { background-position: -64px -112px; } +.ui-icon-clock { background-position: -80px -112px; } +.ui-icon-disk { background-position: -96px -112px; } +.ui-icon-calculator { background-position: -112px -112px; } +.ui-icon-zoomin { background-position: -128px -112px; } +.ui-icon-zoomout { background-position: -144px -112px; } +.ui-icon-search { background-position: -160px -112px; } +.ui-icon-wrench { background-position: -176px -112px; } +.ui-icon-gear { background-position: -192px -112px; } +.ui-icon-heart { background-position: -208px -112px; } +.ui-icon-star { background-position: -224px -112px; } +.ui-icon-link { background-position: -240px -112px; } +.ui-icon-cancel { background-position: 0 -128px; } +.ui-icon-plus { background-position: -16px -128px; } +.ui-icon-plusthick { background-position: -32px -128px; } +.ui-icon-minus { background-position: -48px -128px; } +.ui-icon-minusthick { background-position: -64px -128px; } +.ui-icon-close { background-position: -80px -128px; } +.ui-icon-closethick { background-position: -96px -128px; } +.ui-icon-key { background-position: -112px -128px; } +.ui-icon-lightbulb { background-position: -128px -128px; } +.ui-icon-scissors { background-position: -144px -128px; } +.ui-icon-clipboard { background-position: -160px -128px; } +.ui-icon-copy { background-position: -176px -128px; } +.ui-icon-contact { background-position: -192px -128px; } +.ui-icon-image { background-position: -208px -128px; } +.ui-icon-video { background-position: -224px -128px; } +.ui-icon-script { background-position: -240px -128px; } +.ui-icon-alert { background-position: 0 -144px; } +.ui-icon-info { background-position: -16px -144px; } +.ui-icon-notice { background-position: -32px -144px; } +.ui-icon-help { background-position: -48px -144px; } +.ui-icon-check { background-position: -64px -144px; } +.ui-icon-bullet { background-position: -80px -144px; } +.ui-icon-radio-off { background-position: -96px -144px; } +.ui-icon-radio-on { background-position: -112px -144px; } +.ui-icon-pin-w { background-position: -128px -144px; } +.ui-icon-pin-s { background-position: -144px -144px; } +.ui-icon-play { background-position: 0 -160px; } +.ui-icon-pause { background-position: -16px -160px; } +.ui-icon-seek-next { background-position: -32px -160px; } +.ui-icon-seek-prev { background-position: -48px -160px; } +.ui-icon-seek-end { background-position: -64px -160px; } +.ui-icon-seek-start { background-position: -80px -160px; } +.ui-icon-seek-first { background-position: -80px -160px; } +.ui-icon-stop { background-position: -96px -160px; } +.ui-icon-eject { background-position: -112px -160px; } +.ui-icon-volume-off { background-position: -128px -160px; } +.ui-icon-volume-on { background-position: -144px -160px; } +.ui-icon-power { background-position: 0 -176px; } +.ui-icon-signal-diag { background-position: -16px -176px; } +.ui-icon-signal { background-position: -32px -176px; } +.ui-icon-battery-0 { background-position: -48px -176px; } +.ui-icon-battery-1 { background-position: -64px -176px; } +.ui-icon-battery-2 { background-position: -80px -176px; } +.ui-icon-battery-3 { background-position: -96px -176px; } +.ui-icon-circle-plus { background-position: 0 -192px; } +.ui-icon-circle-minus { background-position: -16px -192px; } +.ui-icon-circle-close { background-position: -32px -192px; } +.ui-icon-circle-triangle-e { background-position: -48px -192px; } +.ui-icon-circle-triangle-s { background-position: -64px -192px; } +.ui-icon-circle-triangle-w { background-position: -80px -192px; } +.ui-icon-circle-triangle-n { background-position: -96px -192px; } +.ui-icon-circle-arrow-e { background-position: -112px -192px; } +.ui-icon-circle-arrow-s { background-position: -128px -192px; } +.ui-icon-circle-arrow-w { background-position: -144px -192px; } +.ui-icon-circle-arrow-n { background-position: -160px -192px; } +.ui-icon-circle-zoomin { background-position: -176px -192px; } +.ui-icon-circle-zoomout { background-position: -192px -192px; } +.ui-icon-circle-check { background-position: -208px -192px; } +.ui-icon-circlesmall-plus { background-position: 0 -208px; } +.ui-icon-circlesmall-minus { background-position: -16px -208px; } +.ui-icon-circlesmall-close { background-position: -32px -208px; } +.ui-icon-squaresmall-plus { background-position: -48px -208px; } +.ui-icon-squaresmall-minus { background-position: -64px -208px; } +.ui-icon-squaresmall-close { background-position: -80px -208px; } +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } +.ui-icon-grip-solid-vertical { background-position: -32px -224px; } +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } +.ui-icon-grip-diagonal-se { background-position: -80px -224px; } + + +/* Border radius +-------------------------------------------------------------------------*/ +.ui-corner-tl { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; +} +.ui-corner-tr { + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; +} +.ui-corner-bl { + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-corner-br { + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.ui-corner-top { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; +} +.ui-corner-bottom { + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.ui-corner-right { + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.ui-corner-left { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-corner-all { + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px +} + + +/* Overlays +-------------------------------------------------------------------------*/ +.ui-widget-overlay { + background: #000; + opacity: 0.6; + filter: Alpha(Opacity=60); +} +.ui-widget-shadow { + margin: -8px 0 0 -8px; + padding: 8px; + background: #aaa; + opacity: 0.6; + filter: Alpha(Opacity=60); + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} + + +/* Progress bar +-------------------------------------------------------------------------*/ +div.ui-progressbar { + background: #f8f8f8; + height: 3.5ex; +} +div.ui-progressbar .ui-progressbar-value { + background: #0072b9 url(/misc/progress.gif); + height: 3.5ex; +} + + +/* Tabs +-------------------------------------------------------------------------*/ +.ui-tabs { + border-color: #fff; +} +div.ui-tabs .ui-tabs-nav { + background: #fff; + padding-left: 0; + border-bottom: solid 1px #e6e4e2; +} +div.ui-tabs .ui-tabs-nav .ui-state-active, +div.ui-tabs .ui-tabs-nav .ui-state-hover, +div.ui-tabs .ui-tabs-nav .ui-tabs-selected { + border-color: #e6e4e2; +} +div.ui-tabs .ui-tabs-panel { + border-width: 0 1px 1px 1px; +} + + +/* Dialog +-------------------------------------------------------------------------*/ +.ui-dialog { + -moz-box-shadow: 0 0 12px rgba(0,0,0,0.4); + -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.4); + box-shadow: 0 0 12px rgba(0,0,0,0.4); + +} + + +/* Datepicker +-------------------------------------------------------------------------*/ +.ui-datepicker .ui-state-default { + background: #fff; + border-color: #fff; + text-align: center; + vertical-align: middle; +} +.ui-datepicker .ui-datepicker-calendar { + font-size: 0.923em; +} +.ui-datepicker .ui-datepicker-calendar, +.ui-datepicker .ui-datepicker-calendar td, +.ui-datepicker .ui-datepicker-calendar th { + border-color: #fff; +} + + +/* Misc +-------------------------------------------------------------------------*/ +.ui-datepicker .ui-widget-header, +.ui-dialog .ui-widget-header, +.ui-slider .ui-widget-header { + background-color: #efedeb; +} +div.ui-widget p:only-child { + margin: 1em 0; +} + diff --git a/css/layout.css b/css/layout.css new file mode 100644 index 0000000..a933091 --- /dev/null +++ b/css/layout.css @@ -0,0 +1,613 @@ +/* $Id$ */ + +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container-12, +.container-16 { + margin-left: auto; + margin-right: auto; + width: 960px; +} + +/* `Grid >> Global +----------------------------------------------------------------------------------------------------*/ + +.grid-1, +.grid-2, +.grid-3, +.grid-4, +.grid-5, +.grid-6, +.grid-7, +.grid-8, +.grid-9, +.grid-10, +.grid-11, +.grid-12, +.grid-13, +.grid-14, +.grid-15, +.grid-16 { + display: inline; + float: left; + position: relative; + margin-left: 10px; + margin-right: 10px; +} + +.container-12 .grid-3, +.container-16 .grid-4 { + width: 220px; +} + +.container-12 .grid-6, +.container-16 .grid-8 { + width: 460px; +} + +.container-12 .grid-9, +.container-16 .grid-12 { + width: 700px; +} + +.container-12 .grid-12, +.container-16 .grid-16 { + width: 940px; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container-12 .grid-1 { + width: 60px; +} + +.container-12 .grid-2 { + width: 140px; +} + +.container-12 .grid-4 { + width: 300px; +} + +.container-12 .grid-5 { + width: 380px; +} + +.container-12 .grid-7 { + width: 540px; +} + +.container-12 .grid-8 { + width: 620px; +} + +.container-12 .grid-10 { + width: 780px; +} + +.container-12 .grid-11 { + width: 860px; +} + +/* `Grid >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container-16 .grid-1 { + width: 40px; +} + +.container-16 .grid-2 { + width: 100px; +} + +.container-16 .grid-3 { + width: 160px; +} + +.container-16 .grid-5 { + width: 280px; +} + +.container-16 .grid-6 { + width: 340px; +} + +.container-16 .grid-7 { + width: 400px; +} + +.container-16 .grid-9 { + width: 520px; +} + +.container-16 .grid-10 { + width: 580px; +} + +.container-16 .grid-11 { + width: 640px; +} + +.container-16 .grid-13 { + width: 760px; +} + +.container-16 .grid-14 { + width: 820px; +} + +.container-16 .grid-15 { + width: 880px; +} + +/* `Prefix Extra Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container-12 .prefix-3, +.container-16 .prefix-4 { + padding-left: 240px; +} + +.container-12 .prefix-6, +.container-16 .prefix-8 { + padding-left: 480px; +} + +.container-12 .prefix-9, +.container-16 .prefix-12 { + padding-left: 720px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container-12 .prefix-1 { + padding-left: 80px; +} + +.container-12 .prefix-2 { + padding-left: 160px; +} + +.container-12 .prefix-4 { + padding-left: 320px; +} + +.container-12 .prefix-5 { + padding-left: 400px; +} + +.container-12 .prefix-7 { + padding-left: 560px; +} + +.container-12 .prefix-8 { + padding-left: 640px; +} + +.container-12 .prefix-10 { + padding-left: 800px; +} + +.container-12 .prefix-11 { + padding-left: 880px; +} + +/* `Prefix Extra Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container-16 .prefix-1 { + padding-left: 60px; +} + +.container-16 .prefix-2 { + padding-left: 120px; +} + +.container-16 .prefix-3 { + padding-left: 180px; +} + +.container-16 .prefix-5 { + padding-left: 300px; +} + +.container-16 .prefix-6 { + padding-left: 360px; +} + +.container-16 .prefix-7 { + padding-left: 420px; +} + +.container-16 .prefix-9 { + padding-left: 540px; +} + +.container-16 .prefix-10 { + padding-left: 600px; +} + +.container-16 .prefix-11 { + padding-left: 660px; +} + +.container-16 .prefix-13 { + padding-left: 780px; +} + +.container-16 .prefix-14 { + padding-left: 840px; +} + +.container-16 .prefix-15 { + padding-left: 900px; +} + +/* `Suffix Extra Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container-12 .suffix-3, +.container-16 .suffix-4 { + padding-right: 240px; +} + +.container-12 .suffix-6, +.container-16 .suffix-8 { + padding-right: 480px; +} + +.container-12 .suffix-9, +.container-16 .suffix-12 { + padding-right: 720px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container-12 .suffix-1 { + padding-right: 80px; +} + +.container-12 .suffix-2 { + padding-right: 160px; +} + +.container-12 .suffix-4 { + padding-right: 320px; +} + +.container-12 .suffix-5 { + padding-right: 400px; +} + +.container-12 .suffix-7 { + padding-right: 560px; +} + +.container-12 .suffix-8 { + padding-right: 640px; +} + +.container-12 .suffix-10 { + padding-right: 800px; +} + +.container-12 .suffix-11 { + padding-right: 880px; +} + +/* `Suffix Extra Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container-16 .suffix-1 { + padding-right: 60px; +} + +.container-16 .suffix-2 { + padding-right: 120px; +} + +.container-16 .suffix-3 { + padding-right: 180px; +} + +.container-16 .suffix-5 { + padding-right: 300px; +} + +.container-16 .suffix-6 { + padding-right: 360px; +} + +.container-16 .suffix-7 { + padding-right: 420px; +} + +.container-16 .suffix-9 { + padding-right: 540px; +} + +.container-16 .suffix-10 { + padding-right: 600px; +} + +.container-16 .suffix-11 { + padding-right: 660px; +} + +.container-16 .suffix-13 { + padding-right: 780px; +} + +.container-16 .suffix-14 { + padding-right: 840px; +} + +.container-16 .suffix-15 { + padding-right: 900px; +} + +/* `Push Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container-12 .push-3, +.container-16 .push-4 { + left: 240px; +} + +.container-12 .push-6, +.container-16 .push-8 { + left: 480px; +} + +.container-12 .push-9, +.container-16 .push-12 { + left: 720px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container-12 .push-1 { + left: 80px; +} + +.container-12 .push-2 { + left: 160px; +} + +.container-12 .push-4 { + left: 320px; +} + +.container-12 .push-5 { + left: 400px; +} + +.container-12 .push-7 { + left: 560px; +} + +.container-12 .push-8 { + left: 640px; +} + +.container-12 .push-10 { + left: 800px; +} + +.container-12 .push-11 { + left: 880px; +} + +/* `Push Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container-16 .push-1 { + left: 60px; +} + +.container-16 .push-2 { + left: 120px; +} + +.container-16 .push-3 { + left: 180px; +} + +.container-16 .push-5 { + left: 300px; +} + +.container-16 .push-6 { + left: 360px; +} + +.container-16 .push-7 { + left: 420px; +} + +.container-16 .push-9 { + left: 540px; +} + +.container-16 .push-10 { + left: 600px; +} + +.container-16 .push-11 { + left: 660px; +} + +.container-16 .push-13 { + left: 780px; +} + +.container-16 .push-14 { + left: 840px; +} + +.container-16 .push-15 { + left: 900px; +} + +/* `Pull Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container-12 .pull-3, +.container-16 .pull-4 { + left: -240px; +} + +.container-12 .pull-6, +.container-16 .pull-8 { + left: -480px; +} + +.container-12 .pull-9, +.container-16 .pull-12 { + left: -720px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container-12 .pull-1 { + left: -80px; +} + +.container-12 .pull-2 { + left: -160px; +} + +.container-12 .pull-4 { + left: -320px; +} + +.container-12 .pull-5 { + left: -400px; +} + +.container-12 .pull-7 { + left: -560px; +} + +.container-12 .pull-8 { + left: -640px; +} + +.container-12 .pull-10 { + left: -800px; +} + +.container-12 .pull-11 { + left: -880px; +} + +/* `Pull Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container-16 .pull-1 { + left: -60px; +} + +.container-16 .pull-2 { + left: -120px; +} + +.container-16 .pull-3 { + left: -180px; +} + +.container-16 .pull-5 { + left: -300px; +} + +.container-16 .pull-6 { + left: -360px; +} + +.container-16 .pull-7 { + left: -420px; +} + +.container-16 .pull-9 { + left: -540px; +} + +.container-16 .pull-10 { + left: -600px; +} + +.container-16 .pull-11 { + left: -660px; +} + +.container-16 .pull-13 { + left: -780px; +} + +.container-16 .pull-14 { + left: -840px; +} + +.container-16 .pull-15 { + left: -900px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */ + +.clearfix:after { + clear: both; + content: ' '; + display: block; + font-size: 0; + line-height: 0; + visibility: hidden; + width: 0; + height: 0; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ +* html .clearfix, +*:first-child+html .clearfix { + zoom: 1; +}
\ No newline at end of file diff --git a/css/print.css b/css/print.css new file mode 100644 index 0000000..2287b4a --- /dev/null +++ b/css/print.css @@ -0,0 +1,156 @@ +body { + font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + font-size: 11pt; + line-height: 1.6; + margin: 0; + padding: 0; +} +article, aside, details, figcaption, figure, footer, header, hgroup, +menu, nav, section { + display: block; +} +a { + text-decoration: none; + -moz-transition: all 0.3s linear; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; +} +blockquote, p { + margin: 1.5em 0; +} +p:first-child, +p.first-child { + margin-top: 0; +} +img { + border: none; +} +abbr, acronym { + border-bottom: 1px dotted; + cursor: help; + white-space: nowrap; +} +pre, code, kbd, samp, tt { + font-size: 0.923em; + font-family: Monaco, monospace, sans-serif; +} +pre { + padding: 1em; + white-space: pre-wrap; +} +div.codeblock, pre { + background-color: #eee; + border: solid 1px #ddd; + padding: 1em; +} +mark { + font-size: 0.769em; +} + + +/* Layout +-------------------------------------------------------------------------*/ +#toolbar, +#header, +#footer, +div.tabs, +nav.links, +div.sidebar, +div.breadcrumb { + display: none; +} +#content { + width: 98%; +} +body.toolbar-drawer { + padding-top: 0 !important; +} + +/* Headings +-------------------------------------------------------------------------*/ +h1, h2, h3, h4, h5, h6 { + font-weight: 400; + line-height: 1em; + padding: 0; + margin: 24px 0 12px 0; +} +h1 { font-size: 2.153em; } /* 28px */ +h2 { font-size: 1.692em; } /* 22px */ +h3 { font-size: 1.385em; } /* 18px */ +h4 { font-size: 1.231em; } /* 16px */ +h5 { font-size: 1.077em; } /* 14px */ +h6 { font-size: 1em; } + +h1.book-heading { + border-bottom: solid 1px #ddd; + padding-bottom: 0.4em; +} + +/* Lists +-------------------------------------------------------------------------*/ +dl { + margin: 1em 0; + padding: 1em; +} +dt { + font-size: 1.231em; +} +dd { + margin: 0 0 0.5em 0; + padding: 1em 0 1em 2em; +} +dd:last-child { + border-bottom: 0; +} +dl dl { + margin-left: 1em; +} +ul, ol { + padding: 0; + margin: 0 0 0 1.5em; +} +li { + margin: 0; + padding: 0; +} +ul.inline, +.inline .content ul { + display: inline; + margin-left: 0; +} +ul.inline li, +.inline .content li { + display: inline; + margin: 0 0.5em 0 0; +} +li p { + margin-top: 0; +} + +/* Tables +-------------------------------------------------------------------------*/ +table { + border: solid #e4e2e0; + border-collapse: collapse; + border-width: 1px 1px 0 1px; + margin: 1em 0; + width: 100%; +} +th { + font-weight: 600; + text-align: left; +} +th, td { + border: solid #e4e2e0; + border-width: 0 0 1px 0; + padding: 0.5em; + vertical-align: top; +} +thead th:last-child, +tr td:last-child { + border-right: solid 1px #e4e2e0; +} +table .form-item, +table p { + margin: 0; +}
\ No newline at end of file diff --git a/css/search.css b/css/search.css new file mode 100644 index 0000000..71f9d78 --- /dev/null +++ b/css/search.css @@ -0,0 +1,37 @@ +/* $Id$ */ +.search-form { + margin: 2em 0 1em 0; +} +.search-form input { + margin-top: 0; + margin-bottom: 0; +} +.search-results { + list-style: none; +} +.search-advanced .criterion { + float: left; /* LTR */ + margin-right: 2em; /* LTR */ +} +.search-advanced .action { + float: left; /* LTR */ + clear: left; /* LTR */ +} +p.search-info { + text-align: right; + color: #666; + font-size: 0.846em; + font-style: italic; + margin-bottom: 0; +} +.search-results { + margin: 0; +} +.search-result { + border: solid 1px #e6e4e2; + margin: 0 0 1em 0; + padding: 1em; +} +.search-result h3.title { + margin-top: 0; +} diff --git a/css/sprites.css b/css/sprites.css new file mode 100644 index 0000000..a0d3797 --- /dev/null +++ b/css/sprites.css @@ -0,0 +1,9 @@ +/* $Id$ */ + +.link { background-position: 0 0; } +.locked { background-position: 0 -66px; } +.minus { background-position: 0 -132px; } +.plus { background-position: 0 -198px; } +.popout { background-position: 0 -264px; } +.search { background-position: 0 -330px; } +.x { background-position: 0 -396px;} diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..039434d --- /dev/null +++ b/css/style.css @@ -0,0 +1,773 @@ +/* $Id$ */ + +/** + * Font sizes (reference) + * Based on 13px body (81.3%). + * + * 8px = 0.615em 30px = 2.308em 52px = 4em + * 9px = 0.692em 31px = 2.385em 53px = 4.077em + * 10px = 0.769em 32px = 2.462em 54px = 4.154em + * 11px = 0.846em 33px = 2.538em 55px = 4.231em + * 12px = 0.923em 34px = 2.615em 56px = 4.308em + * 13px = 1em 35px = 2.692em 57px = 4.385em + * 14px = 1.077em 36px = 2.769em 58px = 4.462em + * 15px = 1.154em 37px = 2.846em 59px = 4.538em + * 16px = 1.231em 38px = 2.923em 60px = 4.615em + * 17px = 1.308em 39px = 3em 61px = 4.692em + * 18px = 1.385em 40px = 3.077em 62px = 4.769em + * 19px = 1.462em 41px = 3.154em 63px = 4.846em + * 20px = 1.538em 42px = 3.231em 64px = 4.923em + * 21px = 1.615em 43px = 3.308em 65px = 5em + * 22px = 1.692em 44px = 3.385em 66px = 5.077em + * 23px = 1.769em 45px = 3.462em 67px = 5.154em + * 24px = 1.846em 46px = 3.538em 68px = 5.231em + * 25px = 1.923em 47px = 3.615em 69px = 5.308em + * 26px = 2em 48px = 3.692em 70px = 5.385em + * 27px = 2.077em 49px = 3.769em 71px = 5.462em + * 28px = 2.154em 50px = 3.846em 72px = 5.538em + * 29px = 2.231em 51px = 3.923em + */ + +/* General +-------------------------------------------------------------------------*/ +body { + font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + font-size: 81.3%; /* 13px */ + line-height: 1.6em; + margin: 0; + padding: 0; +} +article, aside, details, figcaption, figure, footer, header, hgroup, +menu, nav, section { + display: block; +} +a { + text-decoration: none; + -moz-transition: all 0.3s linear; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; +} +blockquote, p { + margin: 1.5em 0; +} +p:first-child, +p.first-child { + margin-top: 0; +} +img { + border: none; +} +abbr, acronym { + border-bottom: 1px dotted; + cursor: help; + white-space: nowrap; +} +pre, code, kbd, samp, tt { + font-size: 0.846em; + font-family: Monaco, monospace, sans-serif; +} +pre, div.codeblock { + background-color: #f5f5f5; + border: solid 1px #ddd; + border-bottom-color: #ccc; + border-right-color: #ccc; + padding: 1em; + white-space: pre-wrap; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + + +/* Headings +-------------------------------------------------------------------------*/ +h1, h2, h3, h4, h5, h6 { + font-weight: 400; + line-height: 1em; + padding: 0; + margin: 24px 0 12px 0; +} +h1 { font-size: 2.153em; } /* 28px */ +h2 { font-size: 1.692em; } /* 22px */ +h3 { font-size: 1.385em; } /* 18px */ +h4 { font-size: 1.231em; } /* 16px */ +h5 { font-size: 1.077em; } /* 14px */ +h6 { font-size: 1em; } +h1.title{ + margin-top: 0; +} +h2.title { + margin-top: 0; + margin-bottom: 0.2em; +} +h2.block-title { + font-size: 1.385em; + line-height: 1.2; + margin: 0 0 0.4em 0; +} +h1.site-name { /* 48px */ + font-size: 3.692em; + margin: 0 0 0.2em 0; + padding: 0; +} +h2.site-slogan { + font-size: 1.077em; + margin: 0; + padding: 0; +} + + +/* Lists +-------------------------------------------------------------------------*/ +dl { + margin: 1em 0; + padding: 0; +} +dt { + font-size: 1.231em; +} +dd { + margin: 0 0 0.4em 0; + padding: 0 0 0 2em; +} +dd:last-child { + border-bottom: 0; +} +dl dl { + margin-left: 1em; +} +ul, ol { + padding: 0; + margin: 0 0 0 1.5em; +} +li { + margin: 0; + padding: 0; +} +ul.inline, +.inline .content ul { + display: inline; + margin-left: 0; +} +ul.inline li, +.inline .content li { + display: inline; + margin: 0 0.5em 0 0; +} +li p { + margin-top: 0; +} +ul.action-links { + display: block; + margin: 1em 0; +} +.action-links li { + display: inline; + margin: 0 1em 0 0; +} +.action-links li a { + background: url(../images/gray.png) no-repeat 0 -198px; + padding-left: 20px; +} + + +/* Tables +-------------------------------------------------------------------------*/ +table { + border: solid #e4e2e0; + border-collapse: collapse; + border-width: 1px 1px 0 1px; + margin: 1em 0; + width: 100%; +} +th { + font-weight: 600; + text-align: left; +} +th, td { + border: solid #e4e2e0; + border-width: 0 0 1px 0; + padding: 0.5em; + vertical-align: top; +} +thead th:last-child, +tr td:last-child { + border-right: solid 1px #e4e2e0; +} +table .form-item, +table p { + margin: 0; +} + + +/* Layout +-------------------------------------------------------------------------*/ +.section-main, +.section-collapsible, +.region-highlighted { + background: #fff; + padding: 1em 0; +} +.section { + position: relative; +} +.inner { + padding: 1.5em; +} +header { + padding: 1.5em 0 0 0; +} +.region-navigation { + margin-top: 2em; +} +.region-footer { + padding: 1em 0; +} +#block-system-help .inner { + padding: 1em 0; +} + + +/* Blocks +-------------------------------------------------------------------------*/ +.region-navigation .block-menu .inner, +.region-navigation .block-menu-block .inner, +.region-highligted .inner, +.region-help .inner { + padding: 0; +} +.region-highligted .block, +.region-help .block, +.sidebar .block { + margin: 1em 0; +} +.sidebar .block { + border-top: solid 1px #e6e4de; +} +.sidebar .block.first { + border-top: none; +} +.sidebar .content { + padding: 0.5em 0; +} + + +/* Skip link +-------------------------------------------------------------------------*/ +#skip-link { + text-align: center; +} +#skip-link a { + display: inline-block; + padding: 0.7em 1em; + -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; +} + + +/* Navigation +-------------------------------------------------------------------------*/ +.region-navigation .block { + font-weight: 400; +} +.region-navigation .block-menu, +.region-navigation .block-menu-block { + font-size: 1.231em; +} +.region-navigation .content ul { + display: inline; + list-style: none; + margin: 0; + text-transform: lowercase; +} +.region-navigation .content li { + display: inline; + list-style: none; + margin: 0; + padding: 0; +} +.region-navigation .content ul a { + display: inline-block; + line-height: 4ex; + margin: 0 0.4em 0 0; + padding: 0 2.4em; + text-align: center; + -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; +} +/* Safeguard against dropdowns temporarily. */ +.region-navigation .content ul ul { + display: none; +} + + +/* Search block +-------------------------------------------------------------------------*/ +.block-search .inner { + padding-left: 0; + padding-right: 0; +} +.region-header .block-search .inner { + padding: 0; +} +.block-search input.form-text { + padding-right: 24px; + width: 100%; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.block-search input.form-submit { + background: transparent url(../images/black.png) no-repeat 0 -330px; + border: none; + height: 16px; + margin: -2em 4px 0 0; + position: absolute; + right: 0; + text-indent: -999em; + width: 20px; + z-index: 1; +} +.block-search .form-submit:hover, +.block-search .form-submit:focus, +.block-search .form-submit:active { + background: #fff url(../images/gray.png) no-repeat 0 -330px; + border: none; + cursor: pointer; +} + + +/* Nodes +-------------------------------------------------------------------------*/ +/* Common */ +article { + margin-bottom: 3em; +} +article header { + border-bottom: solid 1px #e6e4de; + color: #666; + font-size: 0.923em; + padding: 0 0 0.6em 0; + position: relative; +} +article .content { + padding: 1em 0; +} +article .field-type-image, +article .content img:nth-child(even) { + float: right; + margin: 0 0 2em 2em; +} +article .content img:nth-child(odd) { + float: left; + margin: 0 2em 2em 0; +} +article .field-type-image, +article .content-image-even img { + float: right; + margin: 0 0 2em 2em; +} +article .content-image-odd img { + float: left; + margin: 0 2em 2em 0; +} +article .links { + font-size: 0.923em; + text-transform: lowercase; +} +article .links a, +article .links a:visited { + display: inline-block; + padding: 0.3em 0.8em; +} + +/* Nodes */ +.page-node- .node header .meta, +.page-node- .node header .field { + margin-top: 1em; + float: left; +} +.node header.with-picture { + height: 3.5em; + height: auto !important; + min-height: 3.5em; + padding-left: 55px; +} +.node header .user-picture { + left: 0; + height: 40px; + position: absolute; + width: 40px; +} +.node header .user-picture img { + display: block; + margin: 0; + padding: 0.2em; + height: 40px; + width: 40px; +} +.node img { + border: solid 1px #e6e4de; + padding: 0.5em; +} +.field { + padding: 0 0 0.5em 0; +} +.field .field-label { + font-weight: 400; +} +article .tags, +.node header .field-type-taxonomy-term-reference { + border-left: solid 1px #e6e4de; + display: inline; + font-style: italic; + margin-left: 0.6em; + padding: 0 0 0 0.6em; +} +article .tags .field-label, +.node header .field-type-taxonomy-term-reference h3.field-label { + display: inline; + font-size: 1em; + font-weight: normal; + margin: 0; +} +.node .content .field-type-taxonomy-term-reference h3.field-label { + font-size: 1em; +} + +/* Misc */ +h1.title span.marker { + font-size: 0.5em; +} +.preview { + border: solid 1px #e6e4de; + padding: 0 2em; +} +.preview > h3 { + color: #999; + font-size: 1.077em; + text-transform: uppercase; +} +td.revision-current { + background-color: #efedeb; +} + +/* Comments +-------------------------------------------------------------------------*/ +.comment { + border: solid 1px #e6e4de; + height: 80px; + height: auto !important; + min-height: 80px; + margin-bottom: 1.5em; + position: relative; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +.comment header { + border: none; + font-style: italic; + padding: 0.5em 9; + position: relative; +} +.comment .user-picture { + height: 50px; + position: absolute; + right: 0; + width: 50px; +} +.comment .user-picture img { + height: 50px; + width: 50px; +} +.comment span a.permalink { + background: url(../images/gray.png) no-repeat; + display: inline-block; + font-size: 0.923em; + height: 20px; + padding: 0; + text-indent: -999em; + width: 24px; +} +.comment header h3 { + margin: 0; + padding: 0 90px 0 0; +} +.comment p.meta { + margin-top: 0; +} +.comment-by-node-author { + background-color: #f9f8f7; +} +.comment .links { + text-align: right; +} +.user-signature { + font-size: 0.923em; +} + + +/* Tabs +-------------------------------------------------------------------------*/ +div.tabs { + border-bottom: solid 1px #e6e4e2; + margin: 2em 0 0 0; + padding: 0; +} +ul.tabs { + display: block; + padding: 0; + margin: 0; +} +.tabs li { + display: inline-block; + margin: 0 0.2em 0 0; + padding: 0; +} +.tabs a { + display: block; + padding: 0 1em; + text-decoration: none; +} +.tabs a:hover, +.tabs a:focus, +.tabs a:active, +.tabs a.active { + outline: 0; +} +.tabs a.active { + font-weight: 600; +} + +/* Primary */ +ul.primary { + font-size: 1.077em; + height: 4ex; + line-height: 4ex; + margin-top: 1em; +} +.primary a { + padding: 0 1em; + -moz-transition: none; + -webkit-transition: none; + transition: none; +} + +/* Secondary */ +ul.secondary { + background-color: #fff; + border-top: solid 1px #e6e4e2; + line-height: 4ex; + padding: 1em 1em 0 0; + position: relative; + margin: 0 0 1em 0; +} +.secondary a { + font-size: 0.923em; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + + +/* Breadcrumbs +-------------------------------------------------------------------------*/ +.breadcrumb { + font-size: 1.231em; + padding: 0.4em; +} +.breadcrumb a, +.breadcrumb a:visited { + display: inline-block; + font-size: 0.846em; + line-height: 28px; + margin: 0 0.5em; +} + + +/* Collapsible region +-------------------------------------------------------------------------*/ +.js .region-collapsible, +.collapsible-toggle { + display: none; +} +.js .section-collapsible { + bottom: 0; + height: 50%; + height: auto !important; + max-height: 50%; + position: fixed; + right: 0; + z-index: 100; +} +.section-collapsible.toggle-active { + overflow: auto; + -moz-box-shadow: 0 0 12px rgba(0,0,0,0.5); + -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5); + box-shadow: 0 0 12px rgba(0,0,0,0.5); +} +.region-collapsible { + padding: 1.2em 0; +} +.js .collapsible-toggle { + border: none; + display: block; + font-size: 1.077em; + font-weight: 500; + margin: 0; + position: relative; + text-transform: uppercase; +} +.collapsible-toggle a, +.collapsible-toggle a:visited { + background: #fff url(../images/black.png) no-repeat 16px -248px; + bottom: 0; + display: inline-block; + height: 20px; + padding: 1em; + position: fixed; + right: 0; + text-indent: -999em; + width: 20px; + z-index: 1; + -moz-border-radius: 4px 0 0 0; + -webkit-border-radius: 4px 0 0 0; + border-radius: 4px 0 0 0; + -moz-box-shadow: 0 0 12px rgba(0,0,0,0.5); + -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5); + box-shadow: 0 0 12px rgba(0,0,0,0.5); +} +.toggle-active .collapsible-toggle a { + background-position: 16px -390px; + position: relative; + float: right; + -moz-border-radius: 0 0 0 4px; + -webkit-border-radius: 0 0 0 4px; + border-radius: 0 0 0 4px; + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; +} +.collapsible-toggle a:hover, +.collapsible-toggle a:focus, +.collapsible-toggle a:active { + background-image: url(../images/gray.png); + outline: 0; +} + + +/* System messages (shamelessly stolen from an early version of Seven) +-------------------------------------------------------------------------*/ +.messages { + background-color: #f8fff0; + border: solid 1px #be7; + border-width: 1px 1px 1px 16px; + margin: 1em 0; + padding: 1em; +} +.message-title { + font-size: 1.231em; + font-weight: 500; + margin: 0 0 1em 0; + text-transform: uppercase; +} +.status { + background-color: #f8fff0; + color: #234600; +} +.warning { + background-color: #fffce5; + border-color: #ed5; + color: #840; +} +.error { + background-color: #fef5f1; + border-color: #ed541d; + color: #8c2e0b; +} +span.warning { + background: none; + border: none; + color: #fda61f; + font: bold 1em Tahoma, Verdana, Geneva; + margin-left: 0.25em; +} +.ok { + background-color: #f8fff0; + color: #234600; +} +span.error, .marker, form .error { + background-color: transparent; + color: #c00; + font-weight: 500; +} + + +/* Pagers +-------------------------------------------------------------------------*/ +ul.pager { + display: block; + margin: 1.5em 0 1em 0; + padding: 0; + text-align: right; +} +.pager li { + display: inline-block; + margin: 0.5em 0.2em 0 0; +} +.pager a, +.pager .pager-current { + background-color: #efedea; + display: inline-block; + padding: 0.2em 0.8em; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +.pager .pager-current { + color: #000; + font-weight: bold; +} + + +/* Clearfixes +-------------------------------------------------------------------------*/ +ul.tabs:after, +ul.action-links:after, +.form-item:after, +.item-list:after { + content: "\0020"; /*UTF-8 character for a space.*/ + clear: both; + display: block; + height: 0; + visibility: hidden; +} +* html ul.tabs, +* html .action-links, +* html .form-item, +* html .item-list { + height: 1%; +} +* :first-child + html ul.tabs, +* :first-child + html .action-links, +* :first-child + html .form-item, +* :first-child + html .item-list { + min-height: 1%; +} + + +/* Overlay +-------------------------------------------------------------------------*/ +.overlay #header, +.overlay #navigation, +.overlay #page-title, +.overlay #sidebar-first, +.overlay #sidebar-second, +.overlay #footer { + display: none; +} diff --git a/css/user.css b/css/user.css new file mode 100644 index 0000000..e7330b9 --- /dev/null +++ b/css/user.css @@ -0,0 +1,115 @@ +/* $Id$ */ + +#permissions td.module { + font-weight: bold; +} +#permissions td.permission { + padding-left: 1.5em; /* LTR */ +} + +/** + * 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; + margin-right: 1em; +} + +/** + * Password strength indicator. + */ +.password-strength { + width: 14em; + 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 { + display: inline; + padding-left: 2em; + visibility: hidden; +} +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; +} +.password-parent { + margin: 0; + width: 34.3em; +} + +/** + * Password confirmation checker. + */ +.confirm-parent { + margin: 0; +} +.password-indicator { + background-color: #e6e4e2; + height: 0.7em; + margin-top: 0.2em; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; +} +.password-indicator div { + -moz-border-radius: 4px 0 0 4px; + -webkit-border-top-left-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + border-radius: 4px 0 0 4px; +} +div.form-item div.form-type-password label { + display: block; +} +div.form-item div.password-suggestions { + background-color: #e6e4e2; + border-color: #d4cfcb; + color: #675b50; + font-weight: 500; + font-size: 1.077em; + padding: 1em; + width: auto; +} +.password-suggestions ul { + font-weight: normal; + font-size: 0.923em; + margin-top: 1em; + line-height: 1.7em; +} +.profile .user-picture { + float: right; +} +.profile .user-picture img { + padding: 0.5em; + border: solid 1px #e6e4de; +} diff --git a/images/black.png b/images/black.png Binary files differnew file mode 100644 index 0000000..fede868 --- /dev/null +++ b/images/black.png diff --git a/images/gray.png b/images/gray.png Binary files differnew file mode 100644 index 0000000..1b71ff6 --- /dev/null +++ b/images/gray.png diff --git a/images/ui/ui-bg_flat_0_aaaaaa_40x100.png b/images/ui/ui-bg_flat_0_aaaaaa_40x100.png Binary files differnew file mode 100755 index 0000000..5b5dab2 --- /dev/null +++ b/images/ui/ui-bg_flat_0_aaaaaa_40x100.png diff --git a/images/ui/ui-bg_flat_75_ffffff_40x100.png b/images/ui/ui-bg_flat_75_ffffff_40x100.png Binary files differnew file mode 100755 index 0000000..ac8b229 --- /dev/null +++ b/images/ui/ui-bg_flat_75_ffffff_40x100.png diff --git a/images/ui/ui-bg_glass_55_fffce5_1x400.png b/images/ui/ui-bg_glass_55_fffce5_1x400.png Binary files differnew file mode 100755 index 0000000..dd3b711 --- /dev/null +++ b/images/ui/ui-bg_glass_55_fffce5_1x400.png diff --git a/images/ui/ui-bg_glass_95_fef5f1_1x400.png b/images/ui/ui-bg_glass_95_fef5f1_1x400.png Binary files differnew file mode 100755 index 0000000..058ff49 --- /dev/null +++ b/images/ui/ui-bg_glass_95_fef5f1_1x400.png diff --git a/images/ui/ui-bg_highlight-soft_50_d6d4d1_1x100.png b/images/ui/ui-bg_highlight-soft_50_d6d4d1_1x100.png Binary files differnew file mode 100755 index 0000000..438a7a5 --- /dev/null +++ b/images/ui/ui-bg_highlight-soft_50_d6d4d1_1x100.png diff --git a/images/ui/ui-bg_highlight-soft_90_e6e4e2_1x100.png b/images/ui/ui-bg_highlight-soft_90_e6e4e2_1x100.png Binary files differnew file mode 100755 index 0000000..deef3e0 --- /dev/null +++ b/images/ui/ui-bg_highlight-soft_90_e6e4e2_1x100.png diff --git a/images/ui/ui-bg_highlight-soft_90_efedeb_1x100.png b/images/ui/ui-bg_highlight-soft_90_efedeb_1x100.png Binary files differnew file mode 100755 index 0000000..ca2d033 --- /dev/null +++ b/images/ui/ui-bg_highlight-soft_90_efedeb_1x100.png diff --git a/images/ui/ui-icons_000000_256x240.png b/images/ui/ui-icons_000000_256x240.png Binary files differnew file mode 100755 index 0000000..7c211aa --- /dev/null +++ b/images/ui/ui-icons_000000_256x240.png diff --git a/images/ui/ui-icons_222222_256x240.png b/images/ui/ui-icons_222222_256x240.png Binary files differnew file mode 100755 index 0000000..b273ff1 --- /dev/null +++ b/images/ui/ui-icons_222222_256x240.png diff --git a/images/ui/ui-icons_555555_256x240.png b/images/ui/ui-icons_555555_256x240.png Binary files differnew file mode 100755 index 0000000..2ce3e8d --- /dev/null +++ b/images/ui/ui-icons_555555_256x240.png diff --git a/images/ui/ui-icons_884400_256x240.png b/images/ui/ui-icons_884400_256x240.png Binary files differnew file mode 100755 index 0000000..54c5805 --- /dev/null +++ b/images/ui/ui-icons_884400_256x240.png diff --git a/images/ui/ui-icons_8c2e0b_256x240.png b/images/ui/ui-icons_8c2e0b_256x240.png Binary files differnew file mode 100755 index 0000000..0a0139a --- /dev/null +++ b/images/ui/ui-icons_8c2e0b_256x240.png diff --git a/images/ui/ui-icons_999999_256x240.png b/images/ui/ui-icons_999999_256x240.png Binary files differnew file mode 100755 index 0000000..50ff803 --- /dev/null +++ b/images/ui/ui-icons_999999_256x240.png diff --git a/js/scripts.js b/js/scripts.js new file mode 100755 index 0000000..75bb991 --- /dev/null +++ b/js/scripts.js @@ -0,0 +1,40 @@ +// $Id$ +(function ($) { + +/** + * Toggles the collapsible region. + */ +Drupal.behaviors.skyAdminToggle = { + attach: function (context, settings) { + $('.collapsible-toggle a, context').click(function() { + $('#section-collapsible').toggleClass('toggle-active').find('.region-collapsible').slideToggle('fast'); + return false; + }); + } +} + +/** + * CSS Help for IE. + * - Adds even odd striping and containers for images in posts. + * - Adds a .first-child class to the first paragraph in each wrapper. + * - Adds a prompt containing the link to a comment for the permalink. + */ +Drupal.behaviors.skyPosts = { + attach: function (context, settings) { + // Detects IE6-8. + if (!jQuery.support.leadingWhitespace) { + $('.content p:first-child').addClass('first-child'); + $('article .content img, context').parent(':not(.field-item, .user-picture)').each(function(index) { + var stripe = (index/2) ? 'even' : 'odd'; + $(this).wrap('<div class="content-image-' + stripe + '"></div>'); + }); + } + // Comment link copy promt. + $("header span a.permalink").click( function() { + prompt('Link to this comment:', this.href); + return false; + }); + } +} + +})(jQuery); diff --git a/logo.png b/logo.png Binary files differnew file mode 100644 index 0000000..0ada453 --- /dev/null +++ b/logo.png diff --git a/muambeiro.info b/muambeiro.info new file mode 100644 index 0000000..edd2e3f --- /dev/null +++ b/muambeiro.info @@ -0,0 +1,51 @@ +; $Id$ + +name = Muambeiro +description = Based on sky 7.x-1.6 +core = 7.x + +; REGIONS +;------------------------------------------------------------------------------- +regions[page_top] = Page Top +regions[header] = Header +regions[navigation] = Navigation +regions[highlighted] = Highlighted +regions[help] = Help +regions[content] = Content +regions[sidebar_first] = Sidebar First +regions[sidebar_second] = Sidebar Second +regions[footer] = Footer +regions[copyright] = Copyright +regions[collapsible] = Collapsible +regions[page_bottom] = Page Bottom + + +; STYLESHEETS +;------------------------------------------------------------------------------- +stylesheets[all][] = css/layout.css +stylesheets[all][] = css/style.css +stylesheets[all][] = css/forms.css +stylesheets[all][] = css/colors.css +stylesheets[print][] = css/print.css + + +; SCRIPTS +;------------------------------------------------------------------------------- +scripts[] = js/scripts.js + + +; FEATURES +;------------------------------------------------------------------------------- +features[] = logo +features[] = favicon +features[] = name +features[] = slogan +features[] = node_user_picture +features[] = comment_user_picture +features[] = comment_user_verification + +; Information added by drupal.org packaging script on January 1, 1970 - 00:00 +version = "7.x-0.1" +core = "7.x" +project = "muambeiro" + diff --git a/screenshot.png b/screenshot.png Binary files differnew file mode 100644 index 0000000..3e77316 --- /dev/null +++ b/screenshot.png diff --git a/template.php b/template.php new file mode 100644 index 0000000..1d36d79 --- /dev/null +++ b/template.php @@ -0,0 +1,284 @@ +<?php +// $Id$ + +/** + * @file + * template.php! + */ + +/** + * Override or insert variables into the html template. + */ +function sky_preprocess_html(&$vars) { + global $theme_path; + + // Add conditional CSS for IE7 and below. + drupal_add_css($theme_path . '/css/ie.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'lte IE 7', '!IE' => FALSE), 'preprocess' => FALSE)); +} + +/** + * Implements template_preprocess_page(). + */ +function sky_preprocess_page(&$vars) { + // Shorten the sidebar variable names. + $sidebar_1 = $vars['page']['sidebar_first']; + $sidebar_2 = $vars['page']['sidebar_second']; + // Grid size for sidebars for 2-column layout. + $width = 4; + // Grid size for sidebars for 3-column layout. + if (!empty($sidebar_1) && !empty($sidebar_2)) { + $width = 3; + } + // Define grid classes for page.tpl.php + $vars['content_grid_classes'] = sky_ns('grid-16', $sidebar_1, $width, $sidebar_2, $width) . ' ' . sky_ns('push-' . $width, !$sidebar_1, $width); + $vars['sidebar_first_grid_classes'] = 'grid-' . $width . ' ' . sky_ns('pull-' . (16 - $width), $sidebar_2, $width); + $vars['sidebar_second_grid_classes'] = 'grid-' . $width; + + // Add text for unpublished nodes. + if (isset($vars['node']) && $vars['node']->status == 0) { + $vars['title'] = drupal_get_title() . ' <span class="marker">(' . t('Unpublished') . ')</span>'; + } +} + +/** + * Implements template_process_html(). + */ +function sky_process_html(&$vars) { + // Apply color module scheme. + if (module_exists('color')) { + _color_html_alter($vars); + } +} + +/** + * Implements template_preprocess_region(). + */ +function sky_preprocess_region(&$vars) { + // Grid classes. + if ($vars['region'] == 'header') { + $vars['classes_array'][] = 'grid-6'; + } + if ($vars['region'] == 'copyright' || $vars['region'] == 'navigation') { + $vars['classes_array'][] = 'grid-16'; + $vars['classes_array'][] = 'alpha'; + $vars['classes_array'][] = 'omega'; + } + if ($vars['region'] == 'collapsible') { + $vars['classes_array'][] = 'container-16'; + } +} + +/** + * Implements template_preprocess_node(). + */ +function sky_preprocess_node(&$vars) { + // Add decent classes for node titles. + $vars['title_attributes_array']['class'][] = 'title'; + $vars['title_attributes_array']['class'][] = 'node-title'; + + // Add the article ARIA role. + $vars['attributes_array']['role'] = 'article'; +} + +/** + * Implements template_preprocess_block(). + */ +function sky_preprocess_block(&$vars) { + // Add decent classes for block titles. + $vars['title_attributes_array']['class'][] = 'title'; + $vars['title_attributes_array']['class'][] = 'block-title'; + + // Flag the first block in each region. + if ($vars['block_id'] == 1) { + $vars['classes_array'][] = 'first'; + } + + // Hide the block titles in the header by default. + if ($vars['block']->region == 'navigation') { + $vars['title_attributes_array']['class'][] = 'element-invisible'; + } +} + +/** + * Implements hook_html_head_alter(). + * Overwrite the default meta character type tag with HTML5 version. + */ +function sky_html_head_alter(&$head_elements) { + // Modify the meta tag for HTML5. + $head_elements['system_meta_content_type']['#attributes'] = array( + 'charset' => 'utf-8', + ); + // Force IE to always run the latest rendering engine. + $head_elements['sky_edge_chrome'] = array( + '#type' => 'html_tag', + '#tag' => 'meta', + '#attributes' => array('http-equiv' => 'X-UA-Compatible', 'content' => 'IE=edge,chrome=1'), + ); +} + +/** + * Implements hook_css_alter(). + */ +function sky_css_alter(&$css) { + $path = drupal_get_path('theme', 'sky'); + + // Remove some core default stylesheets. + unset($css[drupal_get_path('module', 'system') . '/system.menus.css']); + unset($css[drupal_get_path('module', 'system') . '/system.messages.css']); + unset($css[drupal_get_path('module', 'system') . '/system.theme.css']); + unset($css[drupal_get_path('module', 'node') . '/node.css']); + unset($css[drupal_get_path('module', 'aggregator') . '/aggregator.css']); + + // Use the theme's version of user.css. + $user_css = drupal_get_path('module', 'user') . '/user.css'; + if (isset($css[$user_css])) { + $css[$user_css]['data'] = $path . '/css/user.css'; + } + // Use the theme's version of book.css. + $book_css = drupal_get_path('module', 'book') . '/book.css'; + if (isset($css[$book_css])) { + $css[$book_css]['data'] = $path . '/css/book.css'; + } + // Use the theme's version of search.css. + $search_css = drupal_get_path('module', 'search') . '/search.css'; + if (isset($css[$search_css])) { + $css[$search_css]['data'] = $path . '/css/search.css'; + } + // Use the theme's version of jquery.ui.theme.css. + if (isset($css['misc/ui/jquery.ui.theme.css'])) { + $css['misc/ui/jquery.ui.theme.css']['data'] = $path . '/css/jquery.ui.theme.css'; + } +} + +/** + * Implements hook_page_alter(). + */ +function sky_page_alter(&$page) { + // Remove the block template wrapper from the main content block. + if (!empty($page['content']['system_main'])) { + $page['content']['system_main']['#theme_wrappers'] = array_diff($page['content']['system_main']['#theme_wrappers'], array('block')); + } + // Remove sidebars on administrative pages. + if (arg(0) == 'admin') { + unset($page['sidebar_first']); + unset($page['sidebar_second']); + } +} + +/** + * Overrides theme_status_messages(). + * Shows the message headers instead of hiding them. + */ +function sky_status_messages($variables) { + $display = $variables['display']; + $output = ''; + + foreach (drupal_get_messages($display) as $type => $messages) { + $output .= "<div class=\"messages $type\">\n"; + $output .= '<h2 class="message-title">' . t(drupal_ucfirst($type)) . "</h2>\n"; + $output .= '<div class="content">'; + if (count($messages) > 1) { + $output .= "<ul>\n"; + foreach ($messages as $message) { + $output .= ' <li>' . $message . "</li>\n"; + } + $output .= " </ul>\n"; + } + else { + $output .= $messages[0]; + } + $output .= "</div>\n"; + $output .= "</div>\n"; + } + return $output; +} + +/** + * Overrides theme_field(). + */ +function sky_field($variables) { + $output = ''; + + // Render the label, if it's not hidden. + if (!$variables['label_hidden']) { + $output .= '<h3 class="field-label"' . $variables['title_attributes'] . '>' . $variables['label'] . ' </h3>'; + } + + // Render the items. + $output .= '<div class="field-items"' . $variables['content_attributes'] . '>'; + foreach ($variables['items'] as $delta => $item) { + $classes = 'field-item ' . ($delta % 2 ? 'odd' : 'even'); + $output .= '<div class="' . $classes . '"' . $variables['item_attributes'][$delta] . '>' . drupal_render($item) . '</div>'; + } + $output .= '</div>'; + + // Render the top-level DIV. + $output = '<div class="' . $variables['classes'] . '"' . $variables['attributes'] . '>' . $output . '</div>'; + + return $output; +} + + +/** + * Implements hook_theme(). + */ +function sky_theme() { + return array( + 'color_scheme_form' => array( + 'render element' => 'form', + 'path' => drupal_get_path('theme', 'sky') . '/templates', + 'template' => 'color-scheme-form', + ), + ); +} + +/** + * Implements template_preprocess_color_scheme_form(). + */ +function sky_preprocess_color_scheme_form(&$variables) { + $form = $variables['form']; + $info = $form['info']['#value']; + $path = drupal_get_path('theme', 'sky') . '/'; + + // Add the preview.css file. + drupal_add_css($path . $info['preview_css'], array('group' => CSS_THEME, 'preprocess' => FALSE)); + + // Add the preview.js file. + $preview_js_path = isset($info['preview_js']) ? $path . $info['preview_js'] : drupal_get_path('module', 'color') . '/' . 'preview.js'; + drupal_add_js($preview_js_path, array('group' => JS_THEME)); + + // Create a variable for the preview.html file contents. + $preview_html_path = DRUPAL_ROOT . '/' . (isset($info['preview_html']) ? $path . '/' . $info['preview_html'] : drupal_get_path('module', 'color') . '/preview.html'); + $variables['preview'] = file_get_contents($preview_html_path); +} + +/** + * Taken from the Ninesixty project to help generate grid classes. + * @see http://drupal.org/project/ninesixty + */ +function sky_ns() { + $args = func_get_args(); + $default = array_shift($args); + // Get the type of class, i.e., 'grid', 'pull', 'push', etc. + // Also get the default unit for the type to be procesed and returned. + list($type, $return_unit) = explode('-', $default); + + // Process the conditions. + $flip_states = array('var' => 'int', 'int' => 'var'); + $state = 'var'; + foreach ($args as $arg) { + if ($state == 'var') { + $var_state = !empty($arg); + } + elseif ($var_state) { + $return_unit = $return_unit - $arg; + } + $state = $flip_states[$state]; + } + $output = ''; + // Anything below a value of 1 is not needed. + if ($return_unit > 0) { + $output = $type . '-' . $return_unit; + } + return $output; +} diff --git a/templates/aggregator-item.tpl.php b/templates/aggregator-item.tpl.php new file mode 100644 index 0000000..e2f9262 --- /dev/null +++ b/templates/aggregator-item.tpl.php @@ -0,0 +1,28 @@ +<?php +// $Id$ +/** + * @file + * Output for individual aggregator feed item markup. + */ +?> +<article class="feed-item clearfix"> + <header> + <h2 class="title feed-item-title"><a href="<?php print $feed_url; ?>"><?php print $feed_title; ?></a></h2> + <div class="meta feed-item-meta"> + <?php if ($source_url) : ?> + <a href="<?php print $source_url; ?>" class="feed-item-source"><?php print $source_title; ?></a> – + <?php endif; ?> + <span class="feed-item-date"><?php print $source_date; ?></span> + <?php if ($categories) : ?> + <span class="tags feed-item-categories"> + <h3 class="field-label"><?php print t('Categories'); ?>:</h3> <?php print implode(', ', $categories); ?> + </span> + <?php endif ;?> + </div> + </header> + <?php if ($content) : ?> + <div class="content clearfix feed-item-body"> + <?php print $content; ?> + </div> +<?php endif; ?> +</article> diff --git a/templates/block.tpl.php b/templates/block.tpl.php new file mode 100644 index 0000000..1988183 --- /dev/null +++ b/templates/block.tpl.php @@ -0,0 +1,19 @@ +<?php +// $Id$ +/** + * @file + * Output for blocks. + */ +?> +<div id="<?php print $block_html_id; ?>" class="<?php print $classes; ?>"<?php print $attributes; ?>> + <div class="inner"> + <?php print render($title_prefix); ?> + <?php if ($block->subject): ?> + <h2<?php print $title_attributes; ?>><?php print $block->subject ?></h2> + <?php endif;?> + <?php print render($title_suffix); ?> + <div class="content"<?php print $content_attributes; ?>> + <?php print $content ?> + </div> + </div> +</div> diff --git a/templates/book-export-html.tpl.php b/templates/book-export-html.tpl.php new file mode 100644 index 0000000..6ba438f --- /dev/null +++ b/templates/book-export-html.tpl.php @@ -0,0 +1,52 @@ +<?php +// $Id$ + +/** + * @file + * Default theme implementation for printed version of book outline. + * + * Available variables: + * - $title: Top level node title. + * - $head: Header tags. + * - $language: Language code. e.g. "en" for english. + * - $language_rtl: TRUE or FALSE depending on right to left language scripts. + * - $base_url: URL to home page. + * - $contents: Nodes within the current outline rendered through + * book-node-export-html.tpl.php. + * + * @see template_preprocess_book_export_html() + */ + global $theme_path; +?> +<!DOCTYPE html> +<html lang="<?php print $language->language; ?>" dir="<?php print $language_rtl ? 'rtl' : 'ltr' ; ?>"> +<head> + <?php print $head; ?> + <title><?php print $title; ?></title> + <base href="<?php print $base_url; ?>" /> + <link type="text/css" rel="stylesheet" href="<?php print $theme_path; ?>/css/print.css" /> + <?php if ($language_rtl): ?> + <link type="text/css" rel="stylesheet" href="<?php print $theme_path; ?>/css/print-rtl.css" /> + <?php endif; ?> + </head> + <body> + <?php + /** + * The given node is /embedded to its absolute depth in a top level + * section/. For example, a child node with depth 2 in the hierarchy is + * contained in (otherwise empty) <div> elements corresponding to + * depth 0 and depth 1. This is intended to support WYSIWYG output - e.g., + * level 3 sections always look like level 3 sections, no matter their + * depth relative to the node selected to be exported as printer-friendly + * HTML. + */ + $div_close = ''; + ?> + <?php for ($i = 1; $i < $depth; $i++) : ?> + <section class="section-<?php print $i; ?>"> + <?php $div_close .= '</section>'; ?> + <?php endfor; ?> + <?php print $contents; ?> + <?php print $div_close; ?> + </body> +</html> diff --git a/templates/color-scheme-form.tpl.php b/templates/color-scheme-form.tpl.php new file mode 100644 index 0000000..8ebe7dd --- /dev/null +++ b/templates/color-scheme-form.tpl.php @@ -0,0 +1,81 @@ +<?php +// $Id$ +/** + * @file + * Output for the color scheme form. + */ +?> +<?php $form['scheme']['#title'] = t('Color scheme'); ?> +<?php print render($form['scheme']); ?> +<div class="color-form clearfix"> + <div id="palette"> + <div class="grid-6 alpha"> + <fieldset> + <legend><span class="fieldset-legend"><?php print t('Base colors') ?></span></legend> + <div class="fieldset-wrapper"> + <?php print render($form['palette']['page_background']); ?> + <?php print render($form['palette']['text']); ?> + <?php print render($form['palette']['link']); ?> + <?php print render($form['palette']['link_hover']); ?> + </div> + </fieldset> + <fieldset> + <legend><span class="fieldset-legend"><?php print t('Titles') ?></span></legend> + <div class="fieldset-wrapper"> + <?php print render($form['palette']['site_name']); ?> + <?php print render($form['palette']['site_slogan']); ?> + <?php print render($form['palette']['title_page']); ?> + <?php print render($form['palette']['title_block']); ?> + <?php print render($form['palette']['title_linked']); ?> + </div> + </fieldset> + <fieldset> + <legend><span class="fieldset-legend"><?php print t('Main navigation') ?></span></legend> + <div class="fieldset-wrapper"> + <?php print render($form['palette']['navigation_background']); ?> + <?php print render($form['palette']['navigation_foreground']); ?> + </div> + </fieldset> + <fieldset> + <legend><span class="fieldset-legend"><?php print t('Footer') ?></span></legend> + <div class="fieldset-wrapper"> + <?php print render($form['palette']['footer_background']); ?> + <?php print render($form['palette']['footer_foreground']); ?> + <?php print render($form['palette']['footer_links']); ?> + <?php print render($form['palette']['footer_links_hover']); ?> + </div> + </fieldset> + </div> + + <div class="grid-6 push-4 omega"> + <fieldset> + <legend><span class="fieldset-legend"><?php print t('Header') ?></span></legend> + <div class="fieldset-wrapper"> + <?php print render($form['palette']['header_foreground']); ?> + <?php print render($form['palette']['header_links']); ?> + <?php print render($form['palette']['header_links_hover']); ?> + </div> + </fieldset> + <fieldset> + <legend><span class="fieldset-legend"><?php print t('Tab navigation') ?></span></legend> + <div class="fieldset-wrapper"> + <?php print render($form['palette']['tab_background']); ?> + <?php print render($form['palette']['tab_foreground']); ?> + <?php print render($form['palette']['tab_background_active']); ?> + <?php print render($form['palette']['tab_foreground_active']); ?> + </div> + </fieldset> + <fieldset> + <legend><span class="fieldset-legend"><?php print t('Node/comment links') ?></span></legend> + <div class="fieldset-wrapper"> + <?php print render($form['palette']['node_links_background']); ?> + <?php print render($form['palette']['node_links_foreground']); ?> + <?php print render($form['palette']['node_links_background_hover']); ?> + <?php print render($form['palette']['node_links_foreground_hover']); ?> + </div> + </fieldset> + </div> + </div> +</div> +<?php print drupal_render_children($form); ?> +<?php print $preview; ?>
\ No newline at end of file diff --git a/templates/comment.tpl.php b/templates/comment.tpl.php new file mode 100644 index 0000000..7fde166 --- /dev/null +++ b/templates/comment.tpl.php @@ -0,0 +1,35 @@ +<?php +// $Id$ +/** + * @file + * Output for comments. + */ +?> +<?php hide($content['links']); ?> +<article class="<?php print $classes; ?> clearfix"<?php print $attributes; ?>> + <div class="inner"> + <header> + <?php print $picture ?> + <?php if ($new): ?><span class="new"><?php print $new; ?></span><?php endif; ?> + <?php print render($title_prefix); ?> + <h3<?php print $title_attributes; ?>><?php print $title; ?> <span><?php print $permalink; ?></span></h3> + <?php print render($title_suffix); ?> + <p class="meta"><?php print $submitted; ?></p> + </header> + <div class="content"<?php print $content_attributes; ?>> + <?php print render($content); ?> + <?php if ($signature): ?> + <aside class="user-signature clearfix"> + <?php print $signature; ?> + </aside> + <?php endif; ?> + </div> + <?php if ($content['links']): ?> + <footer> + <div class="links comment-links"> + <?php print render($content['links']) ?> + </div> + </footer> + <?php endif; ?> + </div> +</article>
\ No newline at end of file diff --git a/templates/field--taxonomy-term-reference.tpl.php b/templates/field--taxonomy-term-reference.tpl.php new file mode 100644 index 0000000..b5eb1e9 --- /dev/null +++ b/templates/field--taxonomy-term-reference.tpl.php @@ -0,0 +1,20 @@ +<?php +// $Id$ +/** + * @file + * Output for taxonomy term reference fields. + */ +?> +<div class="<?php print $classes; ?>"<?php print $attributes; ?>> + <?php if (!$label_hidden) : ?> + <h3 class="field-label"<?php print $title_attributes; ?>><?php print $label ?> </h3> + <?php endif; ?> + <span class="field-items"<?php print $content_attributes; ?>> + <?php $num_fields = count($items); ?> + <?php $i = 1; ?> + <?php foreach ($items as $delta => $item) : ?> + <?php print render($item); ?><?php $i != $num_fields ? print ', ' : ''; ?> + <?php $i++; ?> + <?php endforeach; ?> + </span> +</div> diff --git a/templates/html.tpl.php b/templates/html.tpl.php new file mode 100644 index 0000000..7658f21 --- /dev/null +++ b/templates/html.tpl.php @@ -0,0 +1,24 @@ +<?php +// $Id$ +/** + * @file + * Output for main HTML page wrapper. + */ +?><!DOCTYPE html> +<html version="HTML+RDFa 1.0" lang="<?php print $language->language; ?>" dir="<?php print $language->dir; ?>" xmlns="http://www.w3.org/1999/xhtml"<?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; ?> + <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> +</head> +<body class="<?php print $classes; ?>" <?php print $attributes;?>> + <div id="skip-link"> + <a href="#main-content" class="element-invisible element-focusable"><?php print t('Skip to main content'); ?></a> + </div> + <?php print $page_top; ?> + <?php print $page; ?> + <?php print $page_bottom; ?> +</body> +</html>
\ No newline at end of file diff --git a/templates/node.tpl.php b/templates/node.tpl.php new file mode 100644 index 0000000..64fca2a --- /dev/null +++ b/templates/node.tpl.php @@ -0,0 +1,44 @@ +<?php +// $Id$ +/** + * @file + * Output for nodes. + */ + +hide($content['comments']); +hide($content['links']); +?> +<article id="node-<?php print $node->nid; ?>" class="<?php print $classes; ?> clearfix"<?php print $attributes; ?>> + <?php print render($title_prefix); ?> + <?php if(!empty($user_picture) || !$page || (!empty($submitted) && $display_submitted)): ?> + <header class="clearfix<?php $user_picture ? print ' with-picture' : ''; ?>"> + <?php print $user_picture; ?> + <?php if (!$page): ?> + <h2<?php print $title_attributes; ?>><a href="<?php print $node_url; ?>"><?php print $title; ?></a></h2> + <?php endif; ?> + <?php if ($display_submitted): ?> + <span class="meta" role="contentinfo"><?php print $submitted; ?></span> + <?php endif; ?> + <?php if (!empty($content['field_tags'])): ?> + <?php print render($content['field_tags']); ?> + <?php endif; ?> + </header> + <?php endif; ?> + <?php print render($title_suffix); ?> + <div class="content clearfix"> + <?php print render($content); ?> + </div> + <?php if (!empty($content['links'])): ?> + <footer> + <nav class="links"> + <?php print render($content['links']); ?> + </nav> + </footer> + <?php endif; ?> +</article> + +<?php if ($content['comments'] && $page): ?> +<section class="comments"> + <?php print render($content['comments']); ?> +</section> +<?php endif; ?>
\ No newline at end of file diff --git a/templates/page.tpl.php b/templates/page.tpl.php new file mode 100644 index 0000000..7d2ea56 --- /dev/null +++ b/templates/page.tpl.php @@ -0,0 +1,71 @@ +<?php +// $Id$ +/** + * @file + * Output for main HTML page content. + */ +?> +<div id="container" class="container-16"> + <header id="header" class="section section-header clearfix" role="banner"> + <?php if ($site_name || $site_slogan || $logo): ?> + <hgroup class="grid-10"> + <?php if ($site_name): ?> + <h1 class="site-name"><a title="<?php print t('Home'); ?>" rel="home" href="<?php print $front_page; ?>"><?php print $site_name; ?></a></h1> + <?php endif; ?> + <?php if ($logo): ?> + <a title="<?php print t('Home'); ?>" rel="home" href="<?php print $front_page; ?>"><img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>"/></a> + <?php endif; ?> + <?php if ($site_slogan): ?> + <h2 class="site-slogan"><?php print $site_slogan; ?></h2> + <?php endif; ?> + </hgroup> + <?php endif; ?> + <?php print render($page['header']); ?> + <?php print render($page['navigation']); ?> + </header> + <?php print render($page['highlighted']); ?> + <div id="main" class="section section-main clearfix" role="main"> + <div id="content" class="column <?php print $content_grid_classes; ?>"> + <div class="inner"> + <?php print $messages; ?> + <?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 render($page['help']); ?> + <?php if ($tabs = render($tabs)): ?> + <div class="tabs"><?php print $tabs; ?></div> + <?php endif; ?> + <?php if ($action_links): ?> + <ul class="action-links"><?php print render($action_links); ?></ul> + <?php endif; ?> + <div id="main-content" class="clearfix"> + <?php print render($page['content']); ?> + </div> + <?php print $feed_icons; ?> + </div> + </div> + <?php if ($sidebar_first = render($page['sidebar_first'])): ?> + <div id="sidebar-first" class="sidebar <?php print $sidebar_first_grid_classes; ?>"> + <?php print $sidebar_first; ?> + </div> + <?php endif; ?> + <?php if ($sidebar_second = render($page['sidebar_second'])): ?> + <div id="sidebar-second" class="sidebar <?php print $sidebar_second_grid_classes; ?>"> + <?php print $sidebar_second; ?> + </div> + <?php endif; ?> + </div> + <?php print $breadcrumb; ?> + <footer id="footer" class="section section-footer clearfix" role="footer"> + <?php print render($page['footer']); ?> + <?php print render($page['copyright']); ?> + </footer> +</div> +<?php if ($collapsible = render($page['collapsible'])): ?> + <section id="section-collapsible" class="section section-collapsible clearfix"> + <h2 class="collapsible-toggle"><a href="#"><?php print t('Toggle collapsible region'); ?></a></h2> + <?php print $collapsible; ?> + </section> +<?php endif; ?>
\ No newline at end of file diff --git a/templates/user-profile-category.tpl.php b/templates/user-profile-category.tpl.php new file mode 100644 index 0000000..e66ba19 --- /dev/null +++ b/templates/user-profile-category.tpl.php @@ -0,0 +1,14 @@ +<?php +// $Id$ +/** + * @file + * Output for user profile categories. + */ +?> +<?php if ($title) : ?> + <h2><?php print $title; ?></h2> +<?php endif; ?> + +<dl<?php print $attributes; ?>> + <?php print $profile_items; ?> +</dl> |
