diff options
Diffstat (limited to 'plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high')
56 files changed, 2643 insertions, 0 deletions
diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/Licence.txt b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/Licence.txt new file mode 100644 index 00000000..758a7455 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/Licence.txt @@ -0,0 +1,31 @@ +Copyright © 2009 Nokia Corporation. All rights reserved.
+Nokia and Nokia Connecting People are registered trademarks of Nokia Corporation.
+Java and all Java-based marks are trademarks or registered trademarks of
+Sun Microsystems, Inc. Other product and company names mentioned herein may be
+trademarks or trade names of their respective owners.
+
+
+Subject to the conditions below, you may, without charge:
+
+· Use, copy, modify and/or merge copies of this software and
+ associated documentation files (the “Software”)
+
+· Publish, distribute, sub-license and/or sell new software
+ derived from or incorporating the Software.
+
+
+
+This file, unmodified, shall be included with all copies or substantial portions
+of the Software that are distributed in source code form.
+
+The Software cannot constitute the primary value of any new software derived
+from or incorporating the Software.
+
+Any person dealing with the Software shall not misrepresent the source of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
+INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/Release_notes_v1_2.txt b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/Release_notes_v1_2.txt new file mode 100644 index 00000000..477688f3 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/Release_notes_v1_2.txt @@ -0,0 +1,98 @@ +
+Nokia Mobile Web Templates for High-end Devices
+
+The Nokia Mobile Web Templates for High-end Devices provide custom, styled and fully tested mobile web components. You can mix and match the components or use the full series to completely customise your mobile website or application. The components are suitable for most S60 3rd Edition and S60 5th Edition devices from Nokia and also are compatible with newer Series 40 WebKit and Maemo devices.
+
+--------------------------------------------------------------------------------
+
+PREREQUISITES
+
+XHTML
+CSS
+JavaScript
+
+-------------------------------------------------------------------------------
+
+IMPORTANT FILES/CLASSES
+
+Template files (in Library):
+buttons.html
+content.html
+form.html
+lists.html
+navigation.html
+table.html
+utility.html
+
+Scripts (in Resources):
+templates.js
+Key functions as noted in documentation.
+
+Styles (in Resources):
+baseStyles.css
+reset.css
+Classes as noted in documentation.
+
+Optional styles (in Tweaks):
+maemo.css
+operamini.css
+S406th.css
+S603rdFP2.css
+S605th.css + +Graphics source files:
+Artwork_Fireworks_CS4.png
+Artwork_Illustrator_CS4.ai
+Artwork_Panel_Fireworks_CS4.png
+Artwork_Panel_Illustrator_CS4.ai
+
+-------------------------------------------------------------------------------
+
+REQUIRED CAPABILITIES
+
+none
+
+-------------------------------------------------------------------------------
+
+KNOWN ISSUES
+
+- Class .button-submit is not supported on Maemo devices.
+See accompanying online documentation for full overview of all classes.
+
+- Saving iCal data to a device using the sample provided may not be supported on some devices. Testing on target devices is recommended.See accompanying online documentation for full overview of all classes and JavaScript functions.
+
+--------------------------------------------------------------------------------
+
+RUNNING THE EXAMPLE
+
+Templates can be viewed locally in a desktop browser.
+Begin with Library/index.html
+
+BUILD & INSTALLATION INSTRUCTIONS
+
+See accompanying online documentation for details of JavaScript functions required on each page.
+
+--------------------------------------------------------------------------------
+
+COMPATIBILITY
+
+S60 WebKit touch browser
+S60 WebKit (non-touch) version 525 and later
+S60 WebKit (non-touch) version 413
+Series 40 WebKit
+Maemo (touch)
+
+See accompanying online documentation for clarification of each browser category.
+
+---------------------------------------------------------------------------------
+
+VERSION HISTORY
+
+1.0 First release
+
+1.1 Second release
+- Includes user agent detection for the Nokia N900 and N97 Mini. Also includes an N97 Mini specific style sheet in the 'tweaks' folder.
+- Includes the new 'list-graphical-inline' style.
+- Includes minor revisions to styles and HTML to improve template reuse and flexibility.
+1.2 Third release
+- Removal of user agent detection and tweaks for the Nokia N97 Mini due to device pre-release browser adjustments.
\ No newline at end of file diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/comments.php b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/comments.php new file mode 100644 index 00000000..86ed7688 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/comments.php @@ -0,0 +1,42 @@ +<?php + +/* +$Id: header.php 132044 2009-07-05 06:26:08Z jamesgpearce $ + +$URL: http://plugins.svn.wordpress.org/wordpress-mobile-pack/trunk/themes/mobile_pack_base/header.php $ + +Copyright (c) 2009 James Pearce & friends, portions mTLD Top Level Domain Limited, ribot, Forum Nokia + +Online support: http://wordpress.org/extend/plugins/wordpress-mobile-pack/ + +This file is part of the WordPress Mobile Pack. + +The WordPress Mobile Pack is Licensed under the Apache License, Version 2.0 +(the "License"); you may not use this file except in compliance with the +License. + +You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software distributed +under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR +CONDITIONS OF ANY KIND, either express or implied. See the License for the +specific language governing permissions and limitations under the License. +*/ + + if ($comments || $post->comment_status == 'open') { + print '<dl id="accordion_comments" class="list-accordion">'; + print '<script type="text/javascript">addEvent("onload", function() {var accordion_comments = new AccordionList("accordion_comments");});</script>'; + if ($comments) { + print '<dt class="collapsed" id="comments"><span></span>'; comments_number('No comments', '1 comment', '% comments' ); print __(' on this post.', 'wpmp') . '</dt>'; + print "<dd>"; wpmp_theme_comment_list($comments); print '</dd>'; + } + if ($post->comment_status == 'open') { + print '<dt class="collapsed" id="respond"><span></span>' . __('Leave a comment', 'wpmp') . '</dt>'; + print "<dd>"; wpmp_theme_comment_form($user_ID, $user_identity, $req, $comment_author, $comment_author_url, $id, $post); print '</dd>'; + } + print '</dl>'; + } + +?>
\ No newline at end of file diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/footer.php b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/footer.php new file mode 100644 index 00000000..a50e6c0a --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/footer.php @@ -0,0 +1,30 @@ +<?php + +/* +$Id: footer.php 177682 2009-11-28 13:02:13Z jamesgpearce $ + +$URL: http://plugins.svn.wordpress.org/wordpress-mobile-pack/trunk/themes/mobile_pack_base/footer.php $ + +Copyright (c) 2009 James Pearce & friends, portions mTLD Top Level Domain Limited, ribot, Forum Nokia + +Online support: http://wordpress.org/extend/plugins/wordpress-mobile-pack/ + +This file is part of the WordPress Mobile Pack. + +The WordPress Mobile Pack is Licensed under the Apache License, Version 2.0 +(the "License"); you may not use this file except in compliance with the +License. + +You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software distributed +under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR +CONDITIONS OF ANY KIND, either express or implied. See the License for the +specific language governing permissions and limitations under the License. +*/ + +?> + +<p><?php printf(__("Powered by the <a%s>WordPress Mobile Pack</a>", 'wpmp'), ' href="http://wordpress.org/extend/plugins/wordpress-mobile-pack/"');?> | <?php printf(__("Theme designed by <a%s>Forum Nokia</a>", 'wpmp'), ' href="http://forumnokia.mobi"'); ?></p> diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/header.php b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/header.php new file mode 100644 index 00000000..fa57b534 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/header.php @@ -0,0 +1,54 @@ +<?php
+
+/*
+$Id: header.php 132044 2009-07-05 06:26:08Z jamesgpearce $
+
+$URL: http://plugins.svn.wordpress.org/wordpress-mobile-pack/trunk/themes/mobile_pack_base/header.php $
+
+Copyright (c) 2009 James Pearce & friends, portions mTLD Top Level Domain Limited, ribot, Forum Nokia
+
+Online support: http://wordpress.org/extend/plugins/wordpress-mobile-pack/
+
+This file is part of the WordPress Mobile Pack.
+
+The WordPress Mobile Pack is Licensed under the Apache License, Version 2.0
+(the "License"); you may not use this file except in compliance with the
+License.
+
+You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed
+under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
+CONDITIONS OF ANY KIND, either express or implied. See the License for the
+specific language governing permissions and limitations under the License.
+*/
+
+?><!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
+ <head profile="http://gmpg.org/xfn/11">
+ <link href="<?php print wpmp_theme_group_uri(); ?>/styles/reset.css" rel="stylesheet" type="text/css" />
+ <?php if (get_bloginfo('stylesheet_url') != $base_style = wpmp_theme_base_style()) { ?>
+ <link href="<?php print $base_style ?>" rel="stylesheet" type="text/css" />
+ <?php } ?>
+ <link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" type="text/css" />
+ <link href="<?php print wpmp_theme_group_uri(); ?>/styles/baseStyles.css" rel="stylesheet" type="text/css" />
+ <?php if (get_bloginfo('stylesheet_url') != $wpmp_base_style = wpmp_theme_base_style()) { ?>
+ <link href="<?php print $wpmp_base_style ?>.nokia.css" rel="stylesheet" type="text/css" />
+ <?php } ?>
+ <link href="<?php bloginfo('stylesheet_url'); ?>.nokia.css" rel="stylesheet" type="text/css" />
+ <script type="text/javascript" src="<?php print wpmp_theme_group_uri(); ?>/scripts/templates.js"></script>
+ <script type="text/javascript">
+ function init() {
+ var myStyleTweaks = new StyleTweaker();
+ myStyleTweaks.add("Series60/5.0", "<?php print wpmp_theme_group_uri(); ?>/styles/tweaks/S605th.css");
+ myStyleTweaks.add("Series60/3.2", "<?php print wpmp_theme_group_uri(); ?>/styles/tweaks/S603rdFP2.css");
+ myStyleTweaks.add("AppleWebKit/420+", "<?php print wpmp_theme_group_uri(); ?>/styles/tweaks/S406th.css");
+ myStyleTweaks.add("N900", "<?php print wpmp_theme_group_uri(); ?>/styles/tweaks/maemo.css");
+ myStyleTweaks.add("Firefox/3.0a1 Tablet browser 0.3.7", "<?php print wpmp_theme_group_uri(); ?>/styles/tweaks/maemo.css");
+ myStyleTweaks.add("Opera Mini/4", "<?php print wpmp_theme_group_uri(); ?>/styles/tweaks/operamini.css");
+ myStyleTweaks.tweak();
+ }
+ addEvent("onload",init);
+ </script>
\ No newline at end of file diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-30x30-icon.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-30x30-icon.png Binary files differnew file mode 100644 index 00000000..7d1e5eb4 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-30x30-icon.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-40x40.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-40x40.png Binary files differnew file mode 100644 index 00000000..71a7a5ce --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-40x40.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-60x60.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-60x60.png Binary files differnew file mode 100644 index 00000000..39d04802 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-60x60.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-box-bottom-left.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-box-bottom-left.png Binary files differnew file mode 100644 index 00000000..41185309 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-box-bottom-left.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-box-bottom-right.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-box-bottom-right.png Binary files differnew file mode 100644 index 00000000..b734c1dc --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-box-bottom-right.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-box-flat.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-box-flat.png Binary files differnew file mode 100644 index 00000000..b4a7854b --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-box-flat.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-box-top-left.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-box-top-left.png Binary files differnew file mode 100644 index 00000000..fafae969 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-box-top-left.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-box-top-right.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-box-top-right.png Binary files differnew file mode 100644 index 00000000..30166789 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-box-top-right.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-branding-background.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-branding-background.png Binary files differnew file mode 100644 index 00000000..b7ae934d --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-branding-background.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-form-input-shadow.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-form-input-shadow.png Binary files differnew file mode 100644 index 00000000..22c20b11 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-form-input-shadow.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-h1-gradient.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-h1-gradient.png Binary files differnew file mode 100644 index 00000000..b98d16d3 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-h1-gradient.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-h1-shadow.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-h1-shadow.png Binary files differnew file mode 100644 index 00000000..2188087a --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-h1-shadow.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-home.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-home.png Binary files differnew file mode 100644 index 00000000..a269df25 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-home.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-link-email.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-link-email.png Binary files differnew file mode 100644 index 00000000..ee019c27 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-link-email.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-link-external.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-link-external.png Binary files differnew file mode 100644 index 00000000..0e5b3fb2 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-link-external.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-link-ical.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-link-ical.png Binary files differnew file mode 100644 index 00000000..593ed4e3 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-link-ical.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-link-sms.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-link-sms.png Binary files differnew file mode 100644 index 00000000..87e14263 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-link-sms.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-link-tel.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-link-tel.png Binary files differnew file mode 100644 index 00000000..1c46a152 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-link-tel.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-logo.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-logo.png Binary files differnew file mode 100644 index 00000000..a003d5b5 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-logo.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-quote.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-quote.png Binary files differnew file mode 100644 index 00000000..0ddb3f38 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-quote.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-top.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-top.png Binary files differnew file mode 100644 index 00000000..4cc66785 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/img-top.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-button-flat.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-button-flat.png Binary files differnew file mode 100644 index 00000000..47c2895e --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-button-flat.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-button-rounded-left.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-button-rounded-left.png Binary files differnew file mode 100644 index 00000000..19292fa3 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-button-rounded-left.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-button-rounded-right.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-button-rounded-right.png Binary files differnew file mode 100644 index 00000000..27c6c26d --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-button-rounded-right.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-expand-collapse.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-expand-collapse.png Binary files differnew file mode 100644 index 00000000..081a8803 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-expand-collapse.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-footer.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-footer.png Binary files differnew file mode 100644 index 00000000..1f84aa9d --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-footer.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-list.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-list.png Binary files differnew file mode 100644 index 00000000..f8914c37 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-list.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-nav-rounded.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-nav-rounded.png Binary files differnew file mode 100644 index 00000000..0b33252e --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-nav-rounded.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-open.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-open.png Binary files differnew file mode 100644 index 00000000..6b17d95b --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-open.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-rating.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-rating.png Binary files differnew file mode 100644 index 00000000..0b83972c --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-rating.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-table-hover.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-table-hover.png Binary files differnew file mode 100644 index 00000000..a5f8ddb1 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-table-hover.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-toggle-switch.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-toggle-switch.png Binary files differnew file mode 100644 index 00000000..e3a9d899 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/sprite-toggle-switch.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/vertical-divider.png b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/vertical-divider.png Binary files differnew file mode 100644 index 00000000..d6737d8a --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/images/vertical-divider.png diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/index.php b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/index.php new file mode 100644 index 00000000..082ff719 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/index.php @@ -0,0 +1,48 @@ +<?php + +/* +$Id: header.php 179317 2009-12-03 19:55:03Z jamesgpearce $ + +$URL: http://plugins.svn.wordpress.org/wordpress-mobile-pack/trunk/themes/mobile_pack_base/header.php $ + +Copyright (c) 2009 James Pearce & friends, portions mTLD Top Level Domain Limited, ribot, Forum Nokia + +Online support: http://wordpress.org/extend/plugins/wordpress-mobile-pack/ + +This file is part of the WordPress Mobile Pack. + +The WordPress Mobile Pack is Licensed under the Apache License, Version 2.0 +(the "License"); you may not use this file except in compliance with the +License. + +You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software distributed +under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR +CONDITIONS OF ANY KIND, either express or implied. See the License for the +specific language governing permissions and limitations under the License. +*/ + +while (have_posts()) { + the_post(); + print '<div class="post" id="post-' . get_the_ID() . '">'; + if(is_single() || is_page()) { + print '<h1>' . get_the_title() . '</h1>'; + wpmp_theme_post_single(); + } else { + print '<ul class="list"><li><a href="'; the_permalink(); print '" rel="bookmark" title="' . __('Link to', 'wpmp') . ' ' . get_the_title() . '">' . get_the_title() . '</a></li></ul>'; + wpmp_theme_post_summary(); + } +} +if(!is_single() && !is_page()) { + print '<p class="navigation">'; + next_posts_link(__('Older', 'wpmp')); + print ' '; + previous_posts_link(__('Newer', 'wpmp')); + print '</p>'; +} + + +?>
\ No newline at end of file diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/scripts/templates.js b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/scripts/templates.js new file mode 100644 index 00000000..b9940a7e --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/scripts/templates.js @@ -0,0 +1,328 @@ +/*! + * Nokia Mobile Web Templates v0.5 + * http://forumnokia.com + * + * Copyright (c) 2009 Forum Nokia + * + */ + + + +/* + * Slideshow(string:id, int:index, boolean:wrap) + * usage: mySlideshow = new Slideshow("coming-soon", 0, true); + * + */ + +function Slideshow(_id, _index, _wrap) { + var slideshow = document.getElementById(_id); + var index, wrap, preview, caption, link; + var images = new Array(); + var context = this; + + // if no index was set assume we're starting at the beginning + (_index)? index = _index : index = 0; + + // does the slideshow wrap around at the beginning and end? + (_wrap)? wrap = _wrap : wrap = false; + + // if the slideshow id isn't found do nothing (false)... + (slideshow)?init():false; + + function init() { + // find all <img>'s along with the <a class="preview> + // and <img /> elements within the slideshow + var _images = slideshow.getElementsByTagName("img"); + for (var i=0; i < _images.length; i++) { + var isPreview = _images[i].parentNode.className.search(/preview/)+1; + if (isPreview) { + // set the preview image reference + preview = _images[i]; + link = _images[i].parentNode; + } else { + // push all other images into the images array + images.push(_images[i]); + } + } + // find the preview <p> element and reference it for caption + var _span = slideshow.getElementsByTagName("span"); + for (var i=0; i < _span.length; i++) { + var isPreview = _images[i].parentNode.className.search(/preview/)+1; + if (isPreview) { + caption = _span[i]; + } + } + // find and enable the previous and next controls + var _ul = slideshow.getElementsByTagName("ul"); + for (var i=0; i < _ul.length; i++) { + var isControls = _ul[i].className.search(/controls/)+1; + if (isControls) { + var _a = _ul[i].getElementsByTagName("a"); + for (var j=0; j < _a.length; j++) { + var isPrevious = _a[j].className.search(/previous/)+1; + var isNext = _a[j].className.search(/next/)+1; + // wire up previous button + if (isPrevious) { + _a[j].onclick = function() { + context.previous(); + } + } + // wire up next button + if (isNext) { + _a[j].onclick = function() { + context.next(); + } + } + } + } + } + // kick things off with an initial update + update(); + } + + function update() { + // tweak index if at start or end based on wrap property + (index<0)?((wrap)?index=images.length-1:index=0):false; + (index>images.length-1)?((wrap)?index=0:index=images.length-1):false; + // update the view + preview.setAttribute("src", images[index].getAttribute("src")); + caption.innerHTML = images[index].getAttribute("alt"); + link.setAttribute("href", images[index].parentNode.getAttribute("href")); + } + + this.previous = function () { + // select the previous image by index and update the view + index--;update(); + } + + this.next = function () { + // select the next image by index and update the view + index++;update(); + } +} + +/* + * AccordionList(string:id, callback:function) + * usage: myAccordianList = new AccordianList(id, callback); + * - id 'foo' can also be an array such as ids['foo','bar'] + * - callback (optional) function is triggered when a <dt> within the list is clicked + * and passes a reference to itself to the defined callback function. + */ + +function AccordionList(_id, _callback) { + var id = new Array(); + var callback; + (!_isArray(_id))?id.push(_id):id=_id; + (typeof _callback=="function")?callback=_callback:callback=function(){}; + + for (var x=0;x<id.length;x++) { + var dl = document.getElementById(id[x]); + var dt = dl.getElementsByTagName("dt"); + for (var j=0; j < dt.length; j++) { + var state = dt[j].getAttribute("class"); + // no classes defined, add class attribute with value 'collapsed' + if (state == null) { + dt[j].setAttribute("class", "collapsed"); + state = dt[j].getAttribute("class"); + } + var expanded = state.search(/expanded/)+1; + + // find corresponding dd element + var dd = dt[j]; + do dd = dd.nextSibling; + while (dd && dd.nodeType != 1); + (expanded)? dd.style['display'] = "block" : dd.style['display'] = "none" ; + + dt[j].onclick = function() { + var dd = this; + var state = this.getAttribute("class"); + var expanded = state.search(/expanded/)+1; + var toggle; + (expanded) ? toggle = state.replace(/expanded/, "collapsed") : toggle = state.replace(/collapsed/, "expanded") ; + this.setAttribute("class", toggle); + + do dd = dd.nextSibling; + while (dd && dd.nodeType != 1); + (dd.style['display'] == "none")? dd.style['display'] = "block" : dd.style['display'] = "none" ; + callback(this); + } + } + } +} + +/* + * toggleSwitch() + * usage: mySwitch = new toggleSwitch(id, function); + * id can also be an array such as ids['foo','bar'…] + * + */ + +function ToggleSwitch(_id, _callback) { + var id = new Array(); + var callback; + (!_isArray(_id))?id.push(_id):id=_id; + (typeof _callback=="function")?callback=_callback:callback=function(){}; + + for (var x=0;x<id.length;x++) { + var toggle = document.getElementById(id[x]); + toggle.style['display'] = "none"; + // now let's build the toggle switch dynamically... + var ol = document.createElement("ol"); + // set the class based on the state of the toggle (checkbox) + var toggleClass = "toggle-switch "; + (toggle.checked)?toggleClass += "on":toggleClass += "off"; + ol.setAttribute("class", toggleClass); + // create the <li class="label-on"> element + var lion = document.createElement("li"); + lion.setAttribute("class", "label-on"); + // create the <li class="label-off"> element + var lioff = document.createElement("li"); + lioff.setAttribute("class", "label-off"); + // create the 'on' <a> element + var aon = document.createElement("a"); + aon.setAttribute("href", "#on"); + aon.appendChild(document.createTextNode("on")); + // create the 'off' <a> element + var aoff = document.createElement("a"); + aoff.setAttribute("href", "#off"); + aoff.appendChild(document.createTextNode("off")); + // assemble all of the various elements + lioff.appendChild(aoff); + lion.appendChild(aon); + ol.appendChild(lion); + ol.appendChild(lioff); + // clone and add the original (and hidden) checkbox to the toggle swithc + ol.appendChild(toggle.cloneNode(true)); + // add the click event + ol.onclick = function() { + var state = this.getAttribute("class"); + var on = state.search(/on/)+1; + var toggle; + var checkbox = this.getElementsByTagName("input"); + if (on) { + toggle = state.replace(/on/, "off"); + checkbox[0].removeAttribute("checked"); + } else { + toggle = state.replace(/off/, "on"); + checkbox[0].setAttribute("checked", "true"); + } + this.setAttribute("class", toggle); + callback(this); + } + // replace the original 'toggle' element with the new one + toggle.parentNode.replaceChild(ol, toggle); + } +} + +/* + * styleTweaker() + * usage: myStyleTweaker = new styleTweaker(); + * id can also be an array such as ids['foo','bar'…] + * + */ + +function StyleTweaker() { + this.ua = navigator.userAgent; + this.tweaks = new Object(); +} + +StyleTweaker.prototype.add = function(_string, _stylesheet) { + this.tweaks[_string] = _stylesheet; +} + +StyleTweaker.prototype.remove = function(_term) { + for (var _string in this.tweaks) { + var exists = false; + (_string == _term)?exists=true:false; + (this.tweaks[_string])?exists=true:false; + (exists)?delete this.tweaks[_string]:false; + } +} + +StyleTweaker.prototype.tweak = function() { + for (var _string in this.tweaks) { + if (this.ua.match(_string)) { + loadStylesheet(this.tweaks[_string]); + } + } +} + +StyleTweaker.prototype.untweak = function() { + for (var _string in this.tweaks) { + if (this.ua.match(_string)) { + removeStylesheet(this.tweaks[_string]); + } + } +} + +/* + * _isArray() + * usage: _isArray(object); + * + */ +function _isArray(x){ + return ((typeof x == "object") && (x.constructor == Array)); +} + +/* + * addEvent() + * usage: addEvent(event, function); + * note: only targets window events! + * + */ + +function addEvent(_event, _function) { + var _current_event = window[_event]; + if (typeof window[_event] != 'function') { + window[_event] = _function; + } else { + window[_event] = function() { + _current_event(); + _function(); + } + } +} + +/* + * include(file) + * usage: include(filename.js); + * + */ + +function include(filename) { + var head = document.getElementsByTagName("head")[0]; + var script = document.createElement("script"); + script.setAttribute("type", "text/javascript"); + script.setAttribute("src", filename); + head.appendChild(script); +} + +/* + * loadStylesheet(file) + * usage: loadStylesheet(filename.css); + * + */ + +function loadStylesheet(filename) { + var head = document.getElementsByTagName('head')[0]; + var link = document.createElement("link"); + link.setAttribute("rel", "stylesheet"); + link.setAttribute("type", "text/css"); + link.setAttribute("href", filename); + head.appendChild(link); +} + +/* + * removeStylesheet(file) + * usage: removeStylesheet(filename.css); + * + */ + +function removeStylesheet(filename) { + var stylesheets=document.getElementsByTagName("link"); + for (var i=stylesheets.length; i>=0; i--) { + if (stylesheets[i] && stylesheets[i].getAttribute("href")!=null && stylesheets[i].getAttribute("href").indexOf(filename)!=-1) { + stylesheets[i].parentNode.removeChild(stylesheets[i]); + } + } +}
\ No newline at end of file diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/sidebar.php b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/sidebar.php new file mode 100755 index 00000000..36a50e19 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/sidebar.php @@ -0,0 +1,39 @@ +<?php + +/* +$Id: sidebar.php 180811 2009-12-08 06:13:51Z jamesgpearce $ + +$URL: http://plugins.svn.wordpress.org/wordpress-mobile-pack/trunk/themes/mobile_pack_base/sidebar.php $ + +Copyright (c) 2009 James Pearce & friends, portions mTLD Top Level Domain Limited, ribot, Forum Nokia + +Online support: http://wordpress.org/extend/plugins/wordpress-mobile-pack/ + +This file is part of the WordPress Mobile Pack. + +The WordPress Mobile Pack is Licensed under the Apache License, Version 2.0 +(the "License"); you may not use this file except in compliance with the +License. + +You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software distributed +under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR +CONDITIONS OF ANY KIND, either express or implied. See the License for the +specific language governing permissions and limitations under the License. +*/ + +global $wp_registered_sidebars; +foreach($wp_registered_sidebars as $key=>$sidebar) { + $wp_registered_sidebars[$key]['before_widget']=''; + $wp_registered_sidebars[$key]['after_widget']='</dd>'; + $wp_registered_sidebars[$key]['before_title']='<dt class="collapsed"><span></span>'; + $wp_registered_sidebars[$key]['after_title']='</dt><dd style="display: none;">'; +} + +$before_sidebar = '<dl id="accordion_widgets" class="list-accordion"><script type="text/javascript">addEvent("onload", function() {var accordion_widget = new AccordionList("accordion_widgets");});</script>'; +$after_sidebar = '</dl>'; + +?> diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/styles/baseStyles.css b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/styles/baseStyles.css new file mode 100644 index 00000000..e89b97cc --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/styles/baseStyles.css @@ -0,0 +1,1223 @@ +@charset "UTF-8"; +/* CSS Document */ +/* + * DEFAULT STYLES + * + */ +body { + font-size: 100%; + color: #333333; + font-weight: normal; + font-family: sans-serif; +} +/* + * PAGE CONTAINERS + * See documentation for details regarding use of #wrap and #content + */ +#header { +} +#wrap { + width: 100%; + overflow: hidden; + position: absolute; + left: 0; + padding: 0; +} +#content { + margin-left: 10px; + margin-right: 10px; +} +#footer { + background: #434343 url(../images/sprite-footer.png) repeat-x top; + padding: .7em 0em; + clear: both; + height: 3em; +} +#footer.ft-large { + height: 9em; +} +/* + * BASIC ELEMENTS + * Basic styling of common elements. + */ +p { + line-height: 125%; + margin-top: 0.2em; + margin-bottom: 0.8em; + clear: both; +} +#footer p { + color: #FFF; + font-size: .8em; + margin-left: 10px; + margin-top: 0em; + margin-bottom: 0em; + padding: 0em; +} +strong { + font-weight: bolder; +} +em { + font-style: italic; +} +/* + * LINK STATES + * + */ +a:link { + color:#003399; +} + +a:visited { + color:#006600; +} + +a:hover { + color:#FF9900; +} + +a:active { + color:#990000; +} +/* + * NATIVE LISTS + * + */ +ul { + list-style: disc; + margin-left: 10px; + margin-top: 1em; + margin-bottom: 1em; + padding-left: 10px; +} +ul li { + margin-top: 0.3em; + margin-bottom: 0.3em; +} + +ol { + list-style: decimal; + margin-left: 10px; + margin-top: 1em; + padding-left: 10px; +} + +ol ol { + margin-top: 0.3em; + margin-bottom: 0.3em; +} + +/* + * CLEAR + * + */ +.stack { + clear:both; +} +/* add this class to a header to remove top and bottom margins */ +.flush { + margin-bottom: 0; + margin-top: 0; +} +/* + * HEADERS + * + */ + /*designed to be used at the very top of a page*/ +h1.top-aligned { + font-size: 1.7em; + padding-top: .3em; + padding-bottom: .5em; + padding-left: 10px; + padding-right: 10px; + font-weight: bold; + background: #F6F6F6 url(../images/img-h1-shadow.png) repeat-x bottom; + margin-top: 0em; + margin-bottom: .5em; + margin-left: -10px; + margin-right: -10px; +} +/*alternate H1*/ +h1 { + font-size: 1.7em; + padding-top: .3em; + padding-bottom: .3em; + padding-left: 10px; + padding-right: 10px; + font-weight: bold; + background: #FFF url(../images/img-h1-gradient.png) repeat-x bottom; + border-top: 1px solid #D8D8D8; + margin-top: 0.2em; + margin-bottom: 0.3em; + margin-left: -10px; + margin-right: -10px; +} + +h2 { + font-size: 1.5em; + margin-top: 0.2em; + margin-bottom: 0.3em; + clear: both; + border-bottom: 1px solid #D8D8D8; +} + + +h3 { + font-size: 1.3em; + color: #000077; + margin-top: 0.2em; + margin-bottom: 0.3em; + clear: both; +} + +h4 { + font-size: 1.3em; + color: #219B00; + margin-top: 0.2em; + margin-bottom: 0.3em; + clear: both; +} + +h5 { + font-size: 1.2em; + background-color: #F6F6F6; + border-bottom: 1px solid #D8D8D8; + border-top: 1px solid #D8D8D8; + padding-left: 10px; + padding-top: .3em; + padding-bottom: .3em; + margin-top: 0.2em; + margin-bottom: 0.4em; + margin-left: -10px; + margin-right: -10px; + clear: both; +} +/* enables h5 to stack neatly above other items */ +h5.flush { + margin-bottom: 0; + border-bottom: none; +} +h6 { + font-size: 1.0em; + color: #333333; + margin-top: 0.2em; + margin-bottom: 0.4em; + border-bottom: 1px solid #D8D8D8; + clear: both; +} +/* + * BLOCKQUOTE + * + */ +blockquote { + margin-right: 10px; + margin-bottom: 0; + margin-top: 0; + padding: 1em .5em 1em 2em; + background: url(../images/img-quote.png) no-repeat 0em .5em; + font-style: italic; +} +blockquote p { + margin: 0; + padding: 0; +} +/* + * END DEFAULT STYLES + * + */ +/* + * 1. BRANDING AND MARKETING + * + */ +/* + * BRANDING AREA + * logo, tagline, background and hyperlink + */ +#header div.branding { + height: 68px; + background: url(../images/img-branding-background.png) repeat-x top; + display: block; + width: 100%; + overflow: hidden; +} +#header div.branding img { + padding-top: 20px; + padding-left: 10px; +} +#header div.branding a { + width: 100%; + height: 68px; + display: block; + background-image: none; + padding-right: none; +} +#header div.branding p { + text-indent: -5000px; +} +/* + * ADVERTISMENT CONTAINER + * + */ +.advertisement { + padding:0; + margin: 0.5em 0 0.5em 0; + width: 100%; +} +.advertisement p { + border: 1px solid #D8D8D8; + padding: 0.4em 0.4em; + background-color: #F6F6F6; + margin-bottom: 0; + margin-top: 0; +} +.advertisement span { + text-transform: uppercase; + padding: 0; + float: right; + font-size: 0.7em; + color: #B0B0B0; + padding-bottom: 0.3em; +} +/* + * 2. LISTS + * + */ +/* + * LIST WITH ICON + * 30 x 30 graphic + */ +ul.list-graphical { + list-style-type: none; + padding: 0; + margin-top: 0; + margin-bottom: .6em; + margin-left: -10px; + margin-right: -10px; + border-bottom: 1px solid #D5D8D8; + color: #333333; +} + +ul.list-graphical li { + background: #F6F6F6 url(../images/sprite-list.png) repeat-x top; + display: block; + line-height: 40px; +} + +ul.list-graphical a { + display: block; + padding-left: 50px; + background: transparent url(../images/img-30x30-icon.png) no-repeat 7px top; + height: 40px; + text-decoration: none; +} +ul.list-graphical a:hover { + background: transparent url(../images/img-30x30-icon.png) no-repeat 7px bottom; + color: #FFFFFF; + outline: none; +} + +ul.list-graphical li:hover { + background: #82CB20 url(../images/sprite-list.png) repeat-x 0px -50px; +} + +/* + * ALTERNATE GRAPHIC + * 40 x 40 graphic + */ +/*---add this class if using a 40x40 graphic---*/ +ul.list-graphical a.photo { + display: block; + padding-left: 50px; + background: transparent url(../images/img-40x40.png) no-repeat 0px 0px; + height: 40px; +} +/* + * ALTERNATE IMPLEMENTATION + * uses inline image rather than CSS-specified image + */ +ul.list-graphical-inline { + list-style-type: none; + padding: 0; + margin-top: 0; + margin-bottom: .6em; + margin-left: -10px; + margin-right: -10px; + border-bottom: 1px solid #D5D8D8; + color: #333333; +} + +ul.list-graphical-inline li { + background: #F6F6F6 url(../images/sprite-list.png) repeat-x top; + display: block; + line-height: 40px; +} + +ul.list-graphical-inline a { + display: block; + height: 40px; + text-decoration: none; +} +ul.list-graphical-inline a img { + float: left; + margin-right: 10px; +} +ul.list-graphical-inline a:hover { + color: #FFFFFF; + outline: none; +} + +ul.list-graphical-inline li:hover { + background: #82CB20 url(../images/sprite-list.png) repeat-x 0px -50px; +} +/* + * SIMPLE STYLED LIST BOX + * + */ +/*note: line height adjusts height*/ +ul.list { + list-style-type: none; + padding: 0; + margin-top: 0; + margin-bottom: 0; + margin-left: -10px; + margin-right: -10px; + border-bottom: 1px solid #D5D8D8; + color: #333333; +} +ul.list li { + background: #F6F6F6 url(../images/sprite-list.png) repeat-x top; + line-height: 40px; + display: block; +} +ul.list a { + padding-left: 10px; + display: block; + height: 40px; + background: url(../images/sprite-open.png) no-repeat right top; + text-decoration: none; +} +ul.list li:hover { + background: #82CB20 url(../images/sprite-list.png) repeat-x 0px -50px; + color: #FFFFFF; +} + +ul.list a:link, ul.list a:visited { + color: #333333; +} +ul.list a:hover { + color: #FFFFFF; + background: url(../images/sprite-open.png) no-repeat right bottom; + outline: none; +} +ul.list a:active { + color: #990000; +} +/* + * ACCORDION DEFINITION LIST + * + */ +dl.list-accordion { + margin-left: -10px; + margin-right: -10px; + border-bottom: 1px solid #D5D8D8; +} + +dl.list-accordion dt{ + padding-left: 10px; + line-height: 40px; + height: 40px; + +} +/*definition container*/ +dl.list-accordion dd { + padding-left: 15px; + padding-right: 10px; + padding-top: 0.5em; + padding-bottom: 0.4em; + line-height: normal; + background-color: #FFFFF; +} +/*definition term*/ +dl.list-accordion dt { + background: #F6F6F6 url(../images/sprite-list.png) repeat-x top; +} + +dl.list-accordion dt.expanded { + border-bottom: 1px solid #D5D8D8; +} + +dl.list-accordion dt.collapsed { + border-bottom: none; +} +/*container for expand/collapse icon*/ +dl.list-accordion dt span { + width: 14px; + height: 14px; + margin-top: 12px; + margin-right: 0.5em; + display: block; + float: left; +} +/*switches icon when expanded*/ +dl.list-accordion dt.expanded span{ + background: url(../images/sprite-expand-collapse.png) no-repeat left bottom; +} +/*switches icon when collapsed*/ +dl.list-accordion dt.collapsed span{ + background: url(../images/sprite-expand-collapse.png) no-repeat left top; +} + +dl.list-accordion dt:hover { + background: #82CB20 url(../images/sprite-list.png) repeat-x 0px -50px; + color: #FFFFFF; + cursor: pointer; +} +/*content inside of definition container*/ +dl.list-accordion dd p { + margin: 0; + padding: 0 0 0.4em 0; +} +/* + * IMAGE GRID + * + */ +ul.grid { + width: 100%; + margin: 0 auto; +} + +ul.grid li { + display: inline; +} +ul.grid li img{ + border: 1px solid #D8D8D8; + padding: .2em .2em; + margin-right: .4em; + margin-bottom: .4em; +} + +/* + * 3. NAVIGATION COMPONENTS + * + */ +/* + * BACK TO TOP + * + */ +div.top { + font-size: .9em; + background: #F6F6F6 url(../images/img-top.png) no-repeat 10px center; + border-bottom: 1px solid #D8D8D8; + border-top: 1px solid #D8D8D8; + padding-left: 2.2em; + padding-top: .3em; + padding-bottom: .3em; + margin-top: 0.5em; + margin-bottom: 0.5em; + margin-left: -10px; + margin-right: -10px; + clear: both; +} + +div.top a { + color: #535353; + text-decoration: none; + width: 100%; + display: block; +} +/* + * HOME + * + */ +div.home { + font-size: .9em; + background: #F6F6F6 url(../images/img-home.png) no-repeat 10px center; + border-top: 1px solid #D8D8D8; + padding-left: 1.5em; + padding-top: .3em; + padding-bottom: .3em; + margin-top: 0.5em; + margin-bottom: 0em; + margin-left: -10px; + margin-right: -10px; + clear: both; +} + +div.home a { + color: #535353; + text-decoration: none; + width: 100%; + display: block; +} + +/* + * BREADCRUMBS + * + */ +ul.breadcrumbs { + margin-left: -10px; + margin-right: -10px; + padding-top: .5em; + padding-bottom: .5em; + padding-left: 10px; + padding-right: .5em; + font-size: 80%; + list-style-type: none; +} + +ul.breadcrumbs li { + display: inline; + line-height: 1.5em; +} + +/* + * FOOTER OR ADMIN NAV + * + */ +ul.nav-footer { + display: block; + color: #FFF; + padding-top: 0em; + padding-bottom: .5em; + padding-left: 10px; + padding-right: .5em; + font-size: .85em; + height: 2em; +} +ul.nav-footer li { + display: inline; + line-height: 1.5em; + float: left; +} +ul.nav-footer li a { + padding-right: 0.5em; + padding-left: 0.5em; + border-right: 1px solid #FFF; + text-decoration: none; +} +ul.nav-footer li.last a { + border-right: none; + padding-right: 0; +} +ul.nav-footer li.first a { + padding-left: 0; +} + +ul.nav-footer a { + color: #FFF; +} + +/* + * NAVIGATION BAR (ROUNDED CORNERS) + * + */ +ul.nav-horizontal-rounded { + padding:0; + margin: 0 0 .6em 0; + list-style-type: none; + width: 100%; + height: 40px; + float: left; +} +/*line height determines vertical text positioning*/ +ul.nav-horizontal-rounded li { + float: left; + display: block; + padding: 0; + margin-bottom: 0; + line-height: 40px; + text-align: center; + text-decoration: none; + background: #FFF url(../images/sprite-nav-rounded.png) no-repeat -20px 0px; +} + +ul.nav-horizontal-rounded li:hover { + background: url(../images/sprite-nav-rounded.png) repeat-x -20px -50px; + color: #FFF; +} + +/*height centers text vertically*/ +ul.nav-horizontal-rounded li a { + display: block; + background: url(../images/vertical-divider.png) repeat-y left center; + height: 40px; + padding-right: 0px; + text-decoration: none; +} +ul.nav-horizontal-rounded .first a { + background-image: none; +} +ul.nav-horizontal-rounded li a:hover { + color: #FFF; + background-image: none; + cursor: pointer; + outline: none; +} +/*left rounded corner*/ +ul.nav-horizontal-rounded li.first { + background: #FFF url(../images/sprite-nav-rounded.png) no-repeat 0px 0px; +} + +ul.nav-horizontal-rounded li.first :hover { + background: #92CF1A url(../images/sprite-nav-rounded.png) repeat-x 0px -50px; + color: #FFF; +} +/*right rounded corner*/ +ul.nav-horizontal-rounded li.last :hover { + background: #92CF1A url(../images/sprite-nav-rounded.png) repeat-x right -50px; + color: #FFF; +} + +ul.nav-horizontal-rounded li.last { + background: #FFF url(../images/sprite-nav-rounded.png) no-repeat right 0px; +} + +/* + * SIMPLE NAVIGATION BAR + * + */ +ul.nav-horizontal-flat { + padding: 0; + margin: 0 0 0.6em 0; + list-style-type: none; + width: 100%; + height: 40px; + float: left; + border-top: 1px solid #D8D8D8; + border-bottom: 2px solid #D8D8D8; + border-left: 1px solid #D8D8D8; + border-right: 1px solid #D8D8D8; + background: #F6F6F6 url(../images/sprite-list.png) repeat-x 0px 0px; +} + +ul.nav-horizontal-flat li { + float: left; + display: block; + padding: 0; + margin: 0; + line-height: 40px; + text-align: center; + background: #F6F6F6 url(../images/sprite-list.png) repeat-x 0px 0px; +} + +ul.nav-horizontal-flat li a { + text-decoration: none; +} +ul.nav-horizontal-flat li.last { + background-image: none; + background-color: transparent; +} + +ul.nav-horizontal-flat li:hover { + background: #92CF1A url(../images/sprite-list.png) repeat-x 0px -50px; + color: #FFF; +} +/*divider*/ +/*removed on first item and on hover*/ +ul.nav-horizontal-flat li a { + display: block; + background: url(../images/vertical-divider.png) repeat-y left center; + height: 40px; + padding-right: 0px; + cursor: pointer; +} +ul.nav-horizontal-flat .first a { + background-image: none; +} +ul.nav-horizontal-flat li a:hover { + color: #FFF; + background-image: none; + outline: none; +} + +/*sets number of navigation bar items*/ +/*add class to li*/ +.four-piece { + width: 25%; +} +.three-piece { + width: 33.3%; +} +.two-piece { + width: 50%; +} +/* + * 4. STYLIZED LINKS + * includes icon to represent the type of link + */ +/*external link*/ +a.external { + background: url(../images/img-link-external.png) no-repeat right top; + padding-right: 1em; +} +/*links to ical data*/ +/*see 'data-ical' in resources*/ +a.ical { + background: url(../images/img-link-ical.png) no-repeat right top; + padding-right: 1em; +} + +a[href^="mailto:"] { + background: url(../images/img-link-email.png) no-repeat right top; + padding-right: 1em; +} + +a[href^="tel:"] { + background: url(../images/img-link-tel.png) no-repeat right top; + padding-right: 1em; +} + +a[href^="sms:"] { + background: url(../images/img-link-sms.png) no-repeat right top; + padding-right: 1em; +} +/* + * 5. BUTTONS + * + */ +/* + * STYLED BUTTON + * + */ +/*change button width to auto for full-width button or customize width*/ +a.button-flat { + display: block; + line-height: 40px; + height: 40px; + width: 100px; + background: #F6F6F6 url(../images/sprite-button-flat.png) repeat-x 0px 0px; + text-align: center; + border-bottom: 2px solid #D8D8D8; + border-left: 1px solid #D8D8D8; + border-right: 1px solid #D8D8D8; + border-top: 1px solid #D8D8D8; + text-decoration: none; + color: #333333; + padding: 0 .3em; + margin-bottom: 0.5em; +} + +a.button-flat:hover { + background: #92CF1A url(../images/sprite-button-flat.png) repeat-x 0px -50px; + color: #FFF; + outline: none; + border-bottom: 2px solid #B5B5B5; + border-left: 1px solid #B5B5B5; + border-right: 1px solid #B5B5B5; + border-top: 1px solid #B5B5B5; +} +/* + * STYLED BUTTON (ROUNDED CORNERS) + * + */ +ul.button-rounded { + margin: 0; + padding: 0; + list-style: none; + float: left; +} +ul.button-rounded li { + float: left; + margin-right: 10px; + margin-bottom: 10px; + margin-top: 10px; + line-height: 40px; + background: url(../images/sprite-button-rounded-right.png) no-repeat right top; + text-align: center; +} + +ul.button-rounded li:hover { + background: url(../images/sprite-button-rounded-right.png) no-repeat right bottom; +} + +ul.button-rounded li a { + display: block; + padding: 0 1em; + height: 40px; + background: url(../images/sprite-button-rounded-left.png) no-repeat left top; + text-decoration: none; + float: left; + color: #333333; +} + +ul.button-rounded li a:hover { + background: url(../images/sprite-button-rounded-left.png) no-repeat left bottom; + color: #FFF; + outline: none; +} +/* + * FORM BUTTON (ROUNDED CORNERS) + * + */ +button.button-submit { + border:0; + cursor:pointer; + font-weight:bold; + font-size: .95em; + color: #333333; + padding:0 1.5em 0 0; + text-align:center; + margin: 0.4em 0; + +} +button.button-submit span { + position:relative; + display:block; + white-space:nowrap; + padding:0 0 0 1.5em; +} + +button.button-submit { + background:url(../images/sprite-button-rounded-right.png) no-repeat right top; + height:40px; + line-height:40px; +} +button.button-submit span { + height:40px; + line-height:40px; + background:url(../images/sprite-button-rounded-left.png) no-repeat left top; +} +button.button-submit:hover { + background:url(../images/sprite-button-rounded-right.png) no-repeat right bottom; + color:#fff; +} +button.button-submit:hover span { + background:url(../images/sprite-button-rounded-left.png) no-repeat left bottom; + color:#fff; +} + +/* + * 6. FORMS + * + */ +fieldset { + margin-top: 0; +} +legend { + font-size: 110%; + font-weight: bold; + padding-bottom: .5em; + color: #000077; +} +form { + color: #333333; +} +form ul { + list-style-type: none; + margin-bottom: .5em; + margin-top: .5em; + padding: 0; +} +form ul li { + margin: 0; + padding: 0; +} + + +form label { + font-size: .9em; + margin-bottom: .5em; + margin-top: .5em; +} + +input[type='text'] { + border: 1px solid #D8D8D8; + background: #FFF url(../images/img-form-input-shadow.png) repeat-x top; + display: block; + padding: 0.2em; + width: 98%; + color: #333333; + margin-bottom: 1em; +} + +textarea { + border: 1px solid #D8D8D8; + background: #FFF url(../images/img-form-input-shadow.png) repeat-x top; + display: block; + padding: 0.2em; + color: #333333; + width: 98%; + line-height: normal; + margin-bottom: .7em; +} + +form ul li input[type='radio'], form ul li input[type='checkbox'] { + margin:0.1em 0em; + padding: 0; +} + +select { + border: 1px solid #D8D8D8; + background: #fff; + color: #666666; + padding-top: 0.3em; + padding-bottom: 0.3em; + padding-left: 0.5em; + margin: 0.2em 0; + display: block; + width: 98%; +} + +input[type='button'] { + border: 1px solid #D8D8D8; + background-color: white; + padding: 1em 1.3em; + color: #666666; + margin: 1em 0em; +} + + +/* + * 7. TABLES + * + */ +table { + border: 1px solid #D8D8D8; + margin: 0; + width: 100%; + color: #333333; + vertical-align: top; +} + +td { + border-bottom: 1px solid #D8D8D8; + border-right: 1px solid #D8D8D8; + padding-left: .3em; + padding-right: .3em; + padding-top: .2em; + padding-bottom: .2em; + line-height: 1.5em; +} +tr { + height: 1.5em; +} +th, tfoot { + border-top: 1px solid #FFF; + border-left: 1px solid #FFF; + background-color: #434343; + text-align: left; + padding-left: .3em; + padding-right: .2em; + padding-top: .2em; + padding-bottom: .2em; + line-height: 1.5em; + font-weight: bold; + color: #FFF; +} +caption { + font-style: italic; + caption-side: bottom; + text-align: left; + padding-top: 0.3em; + padding-bottom: 0.3em; +} +.odd { + background: #F6F6F6; +} + +tr:hover { + background: #82CB20 url(../images/sprite-table-hover.png) repeat-x top; + color: #FFF; +} +/* + * 8. FLEXIBLE CONTAINERS + * + */ +/* + * SIMPLE FLEXIBLE BOX + * + */ +.box-flat { + background: #FBFBFB url(../images/img-box-flat.png) repeat-x left bottom; + margin: 0.2em 0em 0.6em 0em; + padding: 1em 1em 0.2em 1em; + border-top: 1px solid #D8D8D8; + border-bottom: 2px solid #D8D8D8; + border-left: 1px solid #D8D8D8; + border-right: 1px solid #D8D8D8; +} +.box-flat p { + padding: 0; +} + +/* + * FLEXIBLE BOX (ROUNDED CORNERS) + * + */ +.box-rounded { + background: url(../images/img-box-bottom-left.png) no-repeat left bottom; + margin-top: 1em; + margin-bottom: 1em; +} +.box-rounded-outer { + background: url(../images/img-box-bottom-right.png) no-repeat right bottom; + padding-bottom: 10px; +} +.box-rounded-inner { + background: url(../images/img-box-top-left.png) no-repeat left top; +} +.box-rounded h2 { + background: url(../images/img-box-top-right.png) no-repeat right top; + padding-top: 10px; + padding-bottom:5px; + margin: 0; + font-size: 110%; + color: #219B00; +} +.box-rounded p { + padding:0; + margin: 0; +} +.box-rounded h2, .box-rounded p { + padding-left: 15px; + padding-right: 15px; + border: none; +} + +/* + * 9. UTILITY COMPONENTS + * see documentation for details + */ +/* + * 5-STAR RATING + * static only + */ +div.rating span{ + float: right; + padding-top: 0.4em; +} +div.rating { + width: 150px; + height: 24px; + background: url(../images/sprite-rating.png) no-repeat 0px 0px; + margin-bottom: 1em; +} +div.stars-0 { + background-position: left 0px; +} +div.stars-1 { + background-position: left -25px; +} +div.stars-2 { + background-position: left -50px; +} +div.stars-3 { + background-position: left -75px; +} +div.stars-4 { + background-position: left -100px; +} +div.stars-5 { + background-position-y: left -125px; +} +/* + * \ SWITCH + * + */ +ol.toggle-switch { + background: url(../images/sprite-toggle-switch.png) no-repeat left top; + height: 35px; + width: 100px; + padding: 10px 0 0 0; + margin: 0; +} +ol.toggle-switch li { + display: block; + float: left; + text-align: center; + width: 50%; + color: #FFFFFF; +} +ol.toggle-switch li a { + color: #FFFFFF; + text-transform: uppercase; + font-weight: bold; + text-decoration: none; + cursor: pointer; +} +ol.toggle-switch li a:hover { + outline: none; +} + +ol.toggle-switch.on { + background-position: left top; +} +ol.toggle-switch.off { + background-position: left -50px; +} +.off li.label-on { + visibility: hidden; +} +.on li.label-off { + visibility: hidden; +} +ul.toggle label { + font-weight: bold; +} +/* + * LIST CONTAINER FOR TOGGLE SWITCH + * includes label + */ +/*line-height adjusts container height*/ +ul.list-toggle { + list-style-type: none; + padding: 0; + margin-top: 0; + margin-bottom: 0; + margin-left: -10px; + margin-right: -10px; + border-bottom: 1px solid #D5D8D8; + color: #333333; + height: 45px; + background: #F6F6F6 url(../images/sprite-list.png) repeat-x top; + display: block; +} + +ul.list-toggle label { + padding-left: 10px; + margin: 15px 0px 0px 0px; + float: left; + display: block; +} +ul.list-toggle ol.toggle-switch { + margin:5px 10px 0px 0px; + float: right; + height: 30px; +} + +/* + * SLIDESHOW + * + */ +.slideshow { + width: 100%; + text-align: center; + margin: 0 auto; +} +.slideshow img { + border: 1px solid #D8D8D8; + padding: .3em .3em; + margin-top: 1em; + margin-bottom:0; +} +.slideshow span { + clear: both; + width: 190px; + display: block; + margin-left: auto; + margin-right: auto; + margin-bottom:0.5em; + font-size: 0.9em; + padding: .3em 5px; +} +.slideshow a { + text-decoration: none; +} +.slideshow ul.controls { + width: 200px; + float:none; + margin: 0 auto 1em auto; +} +ol.data { + display: none; +} diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/styles/reset.css b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/styles/reset.css new file mode 100644 index 00000000..19a4894e --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/styles/reset.css @@ -0,0 +1,48 @@ +@charset "UTF-8"; +/* CSS Document */ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +abbr, acronym, address, big, cite, code, +del, dfn, em, font, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 100%; + font-weight: normal; + vertical-align: baseline; + background: transparent; +} + +a { + margin: 0; + padding: 0; + font-weight: normal; +} + +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} + +/* tables still need 'cellspacing="0"' in the markup */ +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/styles/tweaks/S406th.css b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/styles/tweaks/S406th.css new file mode 100644 index 00000000..4b93b4d0 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/styles/tweaks/S406th.css @@ -0,0 +1,22 @@ +/*compensates for large font on S40 webkit devices*/ +body { + font-size: 90%; +} +table { + font-size: 80%; +} +/*creates 3 x 3 (portrait) grid on 240 px wide devices*/ +ul.grid li img{ + border: 1px solid #BEC1C3; + padding: .15em .15em; + margin-right: .1em; + margin-left: 0em; + margin-bottom: .2em; +} +/*optional, may cascade too heavily in certain contexts*/ +ul li, ol li { + font-size: 95%; +} +ul.nav-horizontal-rounded, ul.nav-horizontal-flat { + font-size: 95%; +} diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/styles/tweaks/S603rdFP2.css b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/styles/tweaks/S603rdFP2.css new file mode 100644 index 00000000..c0e12833 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/styles/tweaks/S603rdFP2.css @@ -0,0 +1,10 @@ +body { + font-size: 100%; +} +/*creates 3 x 3 (portrait) grid on 240 px wide devices*/ +ul.grid li img{ + border: 1px solid #BEC1C3; + padding: .2em .2em; + margin-right: .1em; + margin-bottom: .2em; +}
\ No newline at end of file diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/styles/tweaks/S605th.css b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/styles/tweaks/S605th.css new file mode 100644 index 00000000..492fd2b2 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/styles/tweaks/S605th.css @@ -0,0 +1,8 @@ +/*slight increase in font size on large screen devices*/ +body { + font-size: 110%; +} +#footer.ft-large { + height: 12em; +} + diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/styles/tweaks/maemo.css b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/styles/tweaks/maemo.css new file mode 100644 index 00000000..cb9c1063 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/styles/tweaks/maemo.css @@ -0,0 +1,4 @@ +/*adds rounded corners*/ +.box-flat { + -moz-border-radius: 10px; +} diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/styles/tweaks/operamini.css b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/styles/tweaks/operamini.css new file mode 100644 index 00000000..6c1baf9d --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/styles/tweaks/operamini.css @@ -0,0 +1,9 @@ +/* for Opera Mini 4 */ +/*creates 3 x 3 (portrait) grid on 240 px wide devices*/ +ul.grid li img{ + border: 1px solid #BEC1C3; + padding: .1em .1em; + margin-right: .1em; + margin-bottom: .2em; +} + diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/buttons.html b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/buttons.html new file mode 100644 index 00000000..d47db111 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/buttons.html @@ -0,0 +1,62 @@ +<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" +"http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> + <head> + <title>Buttons</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <link href="../resources/styles/reset.css" rel="stylesheet" type="text/css" /> + <link href="../resources/styles/baseStyles.css" rel="stylesheet" type="text/css" /> + <script type="text/javascript" src="../resources/scripts/templates.js"></script> + <script type="text/javascript"> + function init() { + var myStyleTweaks = new StyleTweaker(); + myStyleTweaks.add("Series60/5.0", "../resources/styles/tweaks/S605th.css"); + myStyleTweaks.add("Series60/3.2", "../resources/styles/tweaks/S603rdFP2.css"); + myStyleTweaks.add("AppleWebKit/420+", "../resources/styles/tweaks/S406th.css"); + myStyleTweaks.add("N900", "../resources/styles/tweaks/maemo.css"); + myStyleTweaks.add("Firefox/3.0a1 Tablet browser 0.3.7", "../resources/styles/tweaks/maemo.css"); + myStyleTweaks.add("Opera Mini/4", "../resources/styles/tweaks/operamini.css"); + myStyleTweaks.tweak(); + } + function checkOrientation() { + var width = parseInt(screen.width); + var height = parseInt(screen.height); + + var landscapeTweaker = new StyleTweaker(); + landscapeTweaker.add("Series60/5.0", "../resources/styles/tweaks/S605thLandscape.css"); + landscapeTweaker.add("Series60/3.2", "../resources/styles/tweaks/S603rdFP2Landscape.css"); + + if (width > height) { + landscapeTweaker.tweak(); + } else { + landscapeTweaker.untweak(); + } + } + addEvent("onload",init); + addEvent("onresize", checkOrientation); + </script> + </head> + <body> + <div id="wrap"> + <div id="header"> + </div> + <div id="content"> + <h1 class="top-aligned">Buttons</h1> + <h3>1. Custom button</h3> + <a class="button-flat" href="http://forumnokia.mobi">Click Here</a> + + <h3>2. Custom button (rounded corners)</h3> + <ul class="button-rounded"> + <li><a href="http://forumnokia.mobi">Click Here</a></li> + <li><a href="http://forumnokia.mobi">Or Click Here</a></li> + </ul> + <h3>3. Form button (rounded corners)</h3> + <button value="submit" class="button-submit"><span>Submit</span></button> + <div class="home"><a href="index.html">Home</a></div> + </div> + <div id="footer"> + <p>© 2009 Forum Nokia</p> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/content.html b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/content.html new file mode 100644 index 00000000..a4f32490 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/content.html @@ -0,0 +1,80 @@ +<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" +"http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> + <head> + <title>Content</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <link href="../resources/styles/reset.css" rel="stylesheet" type="text/css" /> + <link href="../resources/styles/baseStyles.css" rel="stylesheet" type="text/css" /> + <script type="text/javascript" src="../resources/scripts/templates.js" /> + <script type="text/javascript"> + function init() { + var myStyleTweaks = new StyleTweaker(); + myStyleTweaks.add("Series60/5.0", "../resources/styles/tweaks/S605th.css"); + myStyleTweaks.add("Series60/3.2", "../resources/styles/tweaks/S603rdFP2.css"); + myStyleTweaks.add("AppleWebKit/420+", "../resources/styles/tweaks/S406th.css"); + myStyleTweaks.add("N900", "../resources/styles/tweaks/maemo.css"); + myStyleTweaks.add("Firefox/3.0a1 Tablet browser 0.3.7", "../resources/styles/tweaks/maemo.css"); + myStyleTweaks.add("Opera Mini/4", "../resources/styles/tweaks/operamini.css"); + myStyleTweaks.tweak(); + } + addEvent("onload",init); + </script> + </head> + <body> + <div id="wrap"> + <div id="header"> + <div class="branding"> + <a href="http://nokia.mobi"> + <img src="../resources/images/img-logo.png" alt="Logo" /> + </a> + <p>Company Logo</p> + <p>Company Tagline</p> + </div> + </div> + <div id="content"> + <h1>H1 Lorem Ipsum</h1> + <p><em>Lorem ipsum dolor sit amet, consectetur adipisicing elit enim ad minim venia.</em></p> + <h2>H2 Lorem Ipsum</h2> + <p> + Lorem ipsum dolor sit amet, consectetur <strong>adipisicing</strong> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. + </p> + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p> + <div class="advertisement"> + <span>Advertisement</span> + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p> + </div> + <h3>H3 Lorem Ipsum</h3> + <p> + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore <a href="sms:01234545">SMS</a> aliqua. Ut enim ad <a class="external" href="http://forumnokia.mobi">laboris</a> veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. + </p> + <h4>H4 Lorem Ipsum</h4> + <p> + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut <a href="mailto:info@yourcompany.com?subject=Sample%20subject%20line">email</a> ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. + </p> + <h5>H5 Lorem Ipsum</h5> + <blockquote><p> + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></blockquote> + <h6>H6 Lorem Ipsum</h6> + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> + <div class="box-rounded"> + <div class="box-rounded-inner"> + <div class="box-rounded-outer"> + <h2>Lorem</h2> + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ad minim veniam, quis nostrud <a class="ical" href="../resources/data-ical.php">lorem <strong>iCal</strong></a> exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> + </div> + </div> + </div> + <div class="box-flat"> + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> + <p>Lorem ipsum: <a href="tel:123 456 789">+44 123 456 789</a></p> + </div> + <div class="home"><a href="index.html">Home</a></div> + </div> + <div id="footer"> + <p>© 2009 Forum Nokia</p> + <div class="stack" /> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/form.html b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/form.html new file mode 100644 index 00000000..1aeecda6 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/form.html @@ -0,0 +1,78 @@ +<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" +"http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> + <head> + <title>Form</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <link href="../resources/styles/reset.css" rel="stylesheet" type="text/css" /> + <link href="../resources/styles/baseStyles.css" rel="stylesheet" type="text/css" /> + <script type="text/javascript" src="../resources/scripts/templates.js"></script> + <script type="text/javascript"> + function init() { + var myStyleTweaks = new StyleTweaker(); + myStyleTweaks.add("Series60/5.0", "../resources/styles/tweaks/S605th.css"); + myStyleTweaks.add("Series60/3.2", "../resources/styles/tweaks/S603rdFP2.css"); + myStyleTweaks.add("AppleWebKit/420+", "../resources/styles/tweaks/S406th.css"); + myStyleTweaks.add("N900", "../resources/styles/tweaks/maemo.css"); + myStyleTweaks.add("Firefox/3.0a1 Tablet browser 0.3.7", "../resources/styles/tweaks/maemo.css"); + myStyleTweaks.add("Opera Mini/4", "../resources/styles/tweaks/operamini.css"); + myStyleTweaks.tweak(); + } + addEvent("onload",init); + </script> + </head> + <body> + <div id="wrap"> + <div id="header"> + </div> + <div id="content"> + <h1 class="top-aligned">Form</h1> + <div class="box-flat"> + <form id="form1" method="post" action=""> + <fieldset> + <legend>Legend</legend> + <label>Label</label> + <input type="text" value="Lorem ipsum..." /> + <label>Label</label> + <textarea name="test" cols="20" rows="5">Lorem ipsum...</textarea> + <ul> + <li> + <input id="radio-a" type="radio" name="radio1" value="true" /> + <label for="radio-a">Label</label> + </li> + <li> + <input id="radio-b" type="radio" name="radio1" value="true" checked="checked" /> + <label for="radio-b">Label</label> + </li> + </ul> + <ul> + <li> + <input id="check-a" type="checkbox" name="" value="true" /> + <label for="check-a">Label</label> + </li> + <li> + <input id="check-b" type="checkbox" name="" value="true" checked="checked" /> + <label for="check-b">Label</label> + </li> + </ul> + <label for="listMenu">label:</label> + <select name="listMenu"> + <option value="value1">January</option> + <option value="value2">February</option> + <option value="value3">March</option> + <option value="value4">April</option> + </select> + <!--alternate submit button--> + <!--input name="button" type="button" id="button" value="Submit" /--> + <button value="submit" class="button-submit"><span>Submit</span></button> + </fieldset> + </form> + </div> + <div class="home"><a href="index.html">Home</a></div> + </div> + <div id="footer"> + <p>© 2009 Forum Nokia</p> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/index.html b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/index.html new file mode 100644 index 00000000..fb46bf90 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/index.html @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" +"http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> + <head> + <title>Nokia Mobile Web Templates</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <link href="../resources/styles/reset.css" rel="stylesheet" type="text/css" /> + <link href="../resources/styles/baseStyles.css" rel="stylesheet" type="text/css" /> + <script type="text/javascript" src="../resources/scripts/templates.js" /> + <script type="text/javascript"> + function init() { + var myStyleTweaks = new StyleTweaker(); + myStyleTweaks.add("Series60/5.0", "../resources/styles/tweaks/S605th.css"); + myStyleTweaks.add("Series60/3.2", "../resources/styles/tweaks/S603rdFP2.css"); + myStyleTweaks.add("AppleWebKit/420+", "../resources/styles/tweaks/S406th.css"); + myStyleTweaks.add("N900", "../resources/styles/tweaks/maemo.css"); + myStyleTweaks.add("Firefox/3.0a1 Tablet browser 0.3.7", "../resources/styles/tweaks/maemo.css"); + myStyleTweaks.add("Opera Mini/4", "../resources/styles/tweaks/operamini.css"); + myStyleTweaks.tweak(); + } + addEvent("onload",init); + </script> + </head> + <body> + <div id="wrap"> + <div id="header"> + </div> + <div id="content"> + <h1>Nokia Mobile Web Templates</h1> + <h3>Components</h3> + <ul class="list"> + <li><a href="content.html">Content</a></li> + <li><a href="form.html">Forms</a></li> + <li><a href="lists.html">Lists</a></li> + <li><a href="buttons.html">Buttons</a></li> + <li><a href="navigation.html">Navigation</a></li> + <li><a href="table.html">Tables</a></li> + <li><a href="utility.html">Utility</a></li> + </ul> + </div> + <div id="footer" class="ft-large"> + <p>© 2009 Forum Nokia</p> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/lists.html b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/lists.html new file mode 100644 index 00000000..065d47ba --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/lists.html @@ -0,0 +1,95 @@ +<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" +"http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> + <head> + <title>Lists</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <link href="../resources/styles/reset.css" rel="stylesheet" type="text/css" /> + <link href="../resources/styles/baseStyles.css" rel="stylesheet" type="text/css" /> + <script type="text/javascript" src="../resources/scripts/templates.js"></script> + <script type="text/javascript"> + function init() { + var myAccordionList = new AccordionList("accordion"); + var myStyleTweaks = new StyleTweaker(); + myStyleTweaks.add("Series60/5.0", "../resources/styles/tweaks/S605th.css"); + myStyleTweaks.add("Series60/3.2", "../resources/styles/tweaks/S603rdFP2.css"); + myStyleTweaks.add("AppleWebKit/420+", "../resources/styles/tweaks/S406th.css"); + myStyleTweaks.add("N900", "../resources/styles/tweaks/maemo.css"); + myStyleTweaks.add("Firefox/3.0a1 Tablet browser 0.3.7", "../resources/styles/tweaks/maemo.css"); + myStyleTweaks.add("Opera Mini/4", "../resources/styles/tweaks/operamini.css"); + myStyleTweaks.tweak(); + } + addEvent("onload",init); + </script> + </head> + <body> + <div id="wrap"> + <div id="header"> + </div> + <div id="content"> + <h1 class="top-aligned">Lists</h1> + <h3>1a. List with 30 x 30 (background) image</h3> + <ul class="list-graphical stack"> + <li><a href="http://forumnokia.mobi">Line 1</a></li> + <li><a href="http://forumnokia.mobi">Line 2</a></li> + </ul> + <h3>1b. List with 40 x 40 (background) image</h3> + <ul class="list-graphical stack"> + <li><a class="photo" href="http://forumnokia.mobi">Line 1</a></li> + <li><a class="photo" href="http://forumnokia.mobi">Line 2</a></li> + </ul> + <h3>2. List with 40 x 40 (inline) image</h3> + <ul class="list-graphical-inline stack"> + <li><a href="http://forumnokia.mobi"><img src="../resources/images/img-40x40.png" alt="image" />Line 1</a></li> + <li><a href="http://forumnokia.mobi"><img src="../resources/images/img-40x40.png" alt="image" />Line 2</a></li> + </ul> + <h3>3. Styled list</h3> + <ul class="list stack"> + <li><a href="http://forumnokia.mobi">Line 1</a></li> + <li><a href="http://forumnokia.mobi">Line 2</a></li> + </ul> + + <h3>4. Unordered list (native)</h3> + <ul class="bullet"> + <li>Line 1</li> + <li>Line 2</li> + <li>Line 3</li> + </ul> + <h3>5. Ordered list (native)</h3> + <ol> + <li>Line 1</li> + <li>Line 2 + <ol> + <li>Nested 1</li> + <li>Nested 2</li> + </ol> + </li> + <li>Line 3</li> + </ol> + <h3>6. Accordion (definition) list</h3> + <dl id="accordion" class="list-accordion"> + <dt><span></span>Lorem</dt> + <dd><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></dd> + <dt class="collapsed"><span></span>Ipsum</dt> + <dd><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></dd> + <dt class="expanded"><span></span>Dolor</dt> + <dd><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></dd> + </dl> + <h3>7. Grid</h3> + <ul class="grid"> + <li><img src="../resources/images/img-60x60.png" alt="image" /></li> + <li><img src="../resources/images/img-60x60.png" alt="image" /></li> + <li><img src="../resources/images/img-60x60.png" alt="image" /></li> + <li><img src="../resources/images/img-60x60.png" alt="image" /></li> + <li><img src="../resources/images/img-60x60.png" alt="image" /></li> + <li><img src="../resources/images/img-60x60.png" alt="image" /></li> + <li><img src="../resources/images/img-60x60.png" alt="image" /></li> + </ul> + <div class="home"><a href="index.html">Home</a></div> + </div> + <div id="footer"> + <p>© 2009 Forum Nokia</p> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/navigation.html b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/navigation.html new file mode 100644 index 00000000..24296e9a --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/navigation.html @@ -0,0 +1,85 @@ +<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" +"http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> + <head> + <title>Navigation</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <link href="../resources/styles/reset.css" rel="stylesheet" type="text/css" /> + <link href="../resources/styles/baseStyles.css" rel="stylesheet" type="text/css" /> + <script type="text/javascript" src="../resources/scripts/templates.js"></script> + <script type="text/javascript"> + function init() { + var myStyleTweaks = new StyleTweaker(); + myStyleTweaks.add("Series60/5.0", "../resources/styles/tweaks/S605th.css"); + myStyleTweaks.add("Series60/3.2", "../resources/styles/tweaks/S603rdFP2.css"); + myStyleTweaks.add("AppleWebKit/420+", "../resources/styles/tweaks/S406th.css"); + myStyleTweaks.add("N900", "../resources/styles/tweaks/maemo.css"); + myStyleTweaks.add("Firefox/3.0a1 Tablet browser 0.3.7", "../resources/styles/tweaks/maemo.css"); + myStyleTweaks.add("Opera Mini/4", "../resources/styles/tweaks/operamini.css"); + myStyleTweaks.tweak(); + } + function checkOrientation() { + var width = parseInt(screen.width); + var height = parseInt(screen.height); + + var landscapeTweaker = new StyleTweaker(); + landscapeTweaker.add("Series60/5.0", "../resources/styles/tweaks/S605thLandscape.css"); + landscapeTweaker.add("Series60/3.2", "../resources/styles/tweaks/S603rdFP2Landscape.css"); + + if (width > height) { + landscapeTweaker.tweak(); + } else { + landscapeTweaker.untweak(); + } + } + addEvent("onload",init); + addEvent("onresize", checkOrientation); + </script> + </head> + <body> + <div id="wrap"> + <div id="header"> + </div> + <div id="content"> + <h1 class="top-aligned">Navigation</h1> + <h3>1. Breadcrumb</h3> + <ul class="breadcrumbs"> + <li class="first"><a href="http://forumnokia.mobi">Home</a> ></li> + <li><a href="http://forumnokia.mobi">Lorem ipsum</a> > </li> + <li>Dolor sit amet</li> + </ul> + <h3>2. Horizontal button bar (2) with rounded corners</h3> + <ul class="nav-horizontal-rounded stack"> + <li class="first two-piece"><a href="http://forumnokia.mobi">Lorem</a></li> + <li class="last two-piece"><a href="http://forumnokia.mobi">Ipsum</a></li> + </ul> + <h3>3. Horizontal button bar (3) with rounded corners</h3> + <ul class="nav-horizontal-rounded stack"> + <li class="first three-piece"><a href="http://forumnokia.mobi">Lorem</a></li> + <li class="three-piece"><a href="http://forumnokia.mobi">Ipsum</a></li> + <li class="last three-piece"><a href="http://forumnokia.mobi">Dolor</a></li> + </ul> + <h3>4. Horizontal button bar</h3> + <ul class="nav-horizontal-flat stack"> + <li class="first four-piece"><a href="http://forumnokia.mobi">Lorem</a></li> + <li class="four-piece"><a href="http://forumnokia.mobi">Ipsum</a></li> + <li class="four-piece"><a href="http://forumnokia.mobi">Dolor</a></li> + <li class="last four-piece"><a href="http://forumnokia.mobi">Amet</a></li> + </ul> + <h3>5. Back to top</h3> + <div class="top"><a href="#header">Back to top</a></div> + <h3>6. Home</h3> + <div class="home"><a href="index.html">Home</a></div> + </div> + <div id="footer"> + <ul class="nav-footer"> + <li class="first"><a href="http://forumnokia.mobi">Lorem</a></li> + <li><a href="http://forumnokia.mobi">Ipsum</a></li> + <li class="last"><a href="http://forumnokia.mobi">Dolor & Ipsum</a></li> + </ul> + <p>© 2009 Forum Nokia</p> + <div class="stack" /> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/table.html b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/table.html new file mode 100644 index 00000000..10715b27 --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/table.html @@ -0,0 +1,99 @@ +<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" +"http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> + <head> + <title>Table</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <link href="../resources/styles/reset.css" rel="stylesheet" type="text/css" /> + <link href="../resources/styles/baseStyles.css" rel="stylesheet" type="text/css" /> + <script type="text/javascript" src="../resources/scripts/templates.js"></script> + <script type="text/javascript"> + function init() { + var myStyleTweaks = new StyleTweaker(); + myStyleTweaks.add("Series60/5.0", "../resources/styles/tweaks/S605th.css"); + myStyleTweaks.add("Series60/3.2", "../resources/styles/tweaks/S603rdFP2.css"); + myStyleTweaks.add("AppleWebKit/420+", "../resources/styles/tweaks/S406th.css"); + myStyleTweaks.add("N900", "../resources/styles/tweaks/maemo.css"); + myStyleTweaks.add("Firefox/3.0a1 Tablet browser 0.3.7", "../resources/styles/tweaks/maemo.css"); + myStyleTweaks.add("Opera Mini/4", "../resources/styles/tweaks/operamini.css"); + myStyleTweaks.tweak(); + } + addEvent("onload",init); + </script> + </head> + <body> + <div id="wrap"> + <div id="header"> + </div> + <div id="content"> + <h1 class="top-aligned">Tables</h1> + <h3>1. Table with top and side header.</h3> + <table> + <caption> + Lorem ipsum dolor. + </caption> + <tr> + <th scope="col">Lorem</th> + <th scope="col">Ipsum</th> + <th scope="col">Dolor</th> + </tr> + <tr> + <th scope="row">Lorem 1</th> + <td>Lorem ipisum</td> + <td>Lorem ipisum</td> + </tr> + <tr class="odd"> + <th scope="row">Lorem 2</th> + <td>Lorem ipisum</td> + <td>Lorem ipisum</td> + </tr> + <tr> + <th scope="row">Lorem 3</th> + <td>Lorem ipisum</td> + <td>Lorem ipisum</td> + </tr> + <tr class="odd"> + <th scope="row">Lorem 4</th> + <td>Lorem ipisum</td> + <td>Lorem ipisum</td> + </tr> + </table> + <h3>2. Simple table.</h3> + <table> + <caption> + Lorem ipsum dolor. + </caption> + <tr> + <th scope="col">Lorem</th> + <th scope="col">Ipsum</th> + <th scope="col">Dolor</th> + </tr> + <tr> + <td>Lorem ipisum</td> + <td>Lorem ipisum</td> + <td>Lorem ipisum</td> + </tr> + <tr class="odd"> + <td>Lorem ipisum</td> + <td>Lorem ipisum</td> + <td>Lorem ipisum</td> + </tr> + <tr> + <td>Lorem ipisum</td> + <td>Lorem ipisum</td> + <td>Lorem ipisum</td> + </tr> + <tr class="odd"> + <td>Lorem ipisum</td> + <td>Lorem ipisum</td> + <td>Lorem ipisum</td> + </tr> + </table> + <div class="home"><a href="index.html">Home</a></div> + </div> + <div id="footer"> + <p>© 2009 Forum Nokia</p> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/utility.html b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/utility.html new file mode 100644 index 00000000..011b1f8f --- /dev/null +++ b/plugins/wordpress-mobile-pack/themes/mobile_pack_base/groups/nokia_high/templates/utility.html @@ -0,0 +1,104 @@ +<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" +"http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> + <head> + <title>Utility Components</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <link href="../resources/styles/reset.css" rel="stylesheet" type="text/css" /> + <link href="../resources/styles/baseStyles.css" rel="stylesheet" type="text/css" /> + <script type="text/javascript" src="../resources/scripts/templates.js"></script> + <script type="text/javascript"> + function init() { + var mySlideshow = new Slideshow ("slideshow", 0, true); + var myToggle = new ToggleSwitch(["toggler1","toggler2","toggler3"]); + var myStyleTweaks = new StyleTweaker(); + myStyleTweaks.add("Series60/5.0", "../resources/styles/tweaks/S605th.css"); + myStyleTweaks.add("Series60/3.2", "../resources/styles/tweaks/S603rdFP2.css"); + myStyleTweaks.add("AppleWebKit/420+", "../resources/styles/tweaks/S406th.css"); + myStyleTweaks.add("N900", "../resources/styles/tweaks/maemo.css"); + myStyleTweaks.add("Firefox/3.0a1 Tablet browser 0.3.7", "../resources/styles/tweaks/maemo.css"); + myStyleTweaks.add("Opera Mini/4", "../resources/styles/tweaks/operamini.css"); + myStyleTweaks.tweak(); + } + addEvent("onload",init); + </script> + <style type="text/css"> + </style> + </head> + <body> + <div id="wrap"> + <div id="content"> + + <h1 class="top-aligned">Utility components</h1> + <h3>1. Slideshow</h3> + <div id="slideshow" class="slideshow"> + <a class="preview"> + <img src="../resources/images/photos/large/loading.png" alt="loading" /> + <span></span> + </a> + <ul class="controls nav-horizontal-rounded stack"> + <li class="first two-piece"><a class="previous">previous</a></li> + <li class="last two-piece"><a class="next">next</a></li> + </ul> + <ol class="data"> + <li> + <a href="../resources/images/photos/large/image_01.png"> + <img src="../resources/images/photos/large/image_01.png" alt="image 01" /> + </a> + </li> + <li> + <a href="../resources/images/photos/large/image_02.png"> + <img src="../resources/images/photos/large/image_02.png" alt="image 02" /> + </a> + </li> + <li> + <a href="../resources/images/photos/large/image_03.png"> + <img src="../resources/images/photos/large/image_03.png" alt="image 03" /> + </a> + </li> + <li> + <a href="../resources/images/photos/large/image_04.png"> + <img src="../resources/images/photos/large/image_04.png" alt="image 04" /> + </a> + </li> + </ol> + </div> + + <h3>2. Toggle</h3> + <ul class="list-toggle stack"> + <li> + <ul class="toggle"> + <li> + <label>Label</label> + <input id="toggler1" type="checkbox" name="preference" checked="checked" /> + </li> + </ul> + </li> + </ul> + <ul class="list-toggle stack"> + <li> + <ul class="toggle"> + <li> + <label>Label</label> + <input id="toggler2" type="checkbox" name="preference" checked="checked" /> + </li> + </ul> + </li> + </ul> + <h3>3. Standalone toggle</h3> + <ul class="toggle"> + <li> + <label>Label</label> + <input id="toggler3" type="checkbox" name="preference" /> + </li> + </ul> + <h3>4. 5-star rating</h3> + <div class="rating stars-3"><span>3/5</span></div> + <div class="home"><a href="index.html">Home</a></div> + </div> + <div id="footer"> + <p>© 2009 Forum Nokia</p> + </div> + </div> + </body> +</html> |
