--- /dev/null
+<table class="elgg-table">
+ <thead>
+ <tr>
+ <th></th>
+ <th>Default</th>
+ <th>Disabled (.elgg-state-disabled)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <th>Base (.elgg-button)</th>
+ <td><a href="#" class="elgg-button">anchor</a></td>
+ <td><a href="#" class="elgg-button elgg-state-disabled">anchor</a></td>
+ </tr>
+ <tr>
+ <th>Action (.elgg-button-action)</th>
+ <td><a href="#" class="elgg-button elgg-button-action">anchor</a></td>
+ <td><a href="#" class="elgg-button elgg-button-action elgg-state-disabled">anchor</a></td>
+ </tr>
+ <tr>
+ <th>Cancel (.elgg-button-cancel)</th>
+ <td><a href="#" class="elgg-button elgg-button-cancel">anchor</a></td>
+ <td><a href="#" class="elgg-button elgg-button-cancel elgg-state-disabled">anchor</a></td>
+ </tr>
+ <tr>
+ <th>Submit (.elgg-button-submit)</th>
+ <td><a href="#" class="elgg-button elgg-button-submit">anchor</a></td>
+ <td><a href="#" class="elgg-button elgg-button-submit elgg-state-disabled">anchor</a></td>
+ </tr>
+ <tr>
+ <th>Special (.elgg-button-special)</th>
+ <td><a href="#" class="elgg-button elgg-button-special">anchor</a></td>
+ <td><a href="#" class="elgg-button elgg-button-special elgg-state-disabled">anchor</a></td>
+ </tr>
+ <tr>
+ <th>Delete (.elgg-button-delete)</th>
+ <td><a href="#" class="elgg-button elgg-button-delete">anchor</a></td>
+ <td><a href="#" class="elgg-button elgg-button-delete elgg-state-disabled">anchor</a></td>
+ </tr>
+ </tbody>
+</table>
\ No newline at end of file
--- /dev/null
+<?php\r
+$ipsum = elgg_view('developers/ipsum');\r
+\r
+$user = new ElggUser();\r
+$image = elgg_view_entity_icon($user, 'small');\r
+echo elgg_view_image_block($image, "$ipsum $ipsum $ipsum $ipsum $ipsum $ipsum $ipsum");\r
--- /dev/null
+<?php\r
+\r
+$obj1 = new ElggObject();\r
+$obj1->title = "Object 1";\r
+$obj1->description = $ipsum;\r
+\r
+$obj2 = new ElggObject();\r
+$obj2->title = "Object 2";\r
+$obj2->description = $ipsum;\r
+\r
+$obj3 = new ElggObject();\r
+$obj3->title = "Object 3";\r
+$obj3->description = $ipsum;\r
+\r
+$obj4 = new ElggObject();\r
+$obj4->title = "Object 4";\r
+$obj4->description = $ipsum;\r
+\r
+echo elgg_view('page/components/list', array('items' => array($obj1, $obj2, $obj3, $obj4)));\r
--- /dev/null
+<ul>\r
+ <li class="elgg-message elgg-state-success mas">Success message (.elgg-state-success)</li>\r
+ <li class="elgg-message elgg-state-error mas">Error message (.elgg-state-error)</li>\r
+ <li class="elgg-message elgg-state-notice mas">Notice message (.elgg-state-notice)</li>\r
+</ul>\r
--- /dev/null
+<table class="<?php echo $vars['class']; ?>">\r
+<?php\r
+ echo "<thead><tr><th>column 1</th><th>column 2</th></tr></thead>";\r
+ for ($i = 1; $i < 5; $i++) {\r
+ echo '<tr>';\r
+ for ($j = 1; $j < 3; $j++) {\r
+ echo "<td>value $j</td>";\r
+ }\r
+ echo '</tr>';\r
+ }\r
+?>\r
+</table>
\ No newline at end of file
--- /dev/null
+<form action="#">
+ <fieldset>
+ <legend>Fieldset Legend</legend>
+ <div>
+ <label for="f1">Text input (.elgg-input-text):</label>
+ <?php echo elgg_view('input/text', array(
+ 'name' => 'f1',
+ 'id' => 'f1',
+ 'value' => 'input text',
+ ));
+ ?>
+ </div>
+ <div>
+ <label for="f2">Password input (.elgg-input-password):</label>
+ <?php echo elgg_view('input/password', array(
+ 'name' => 'f2',
+ 'id' => 'f2',
+ 'value' => 'password',
+ ));
+ ?>
+ </div>
+ <div>
+ <label for="f3">Radio input (.elgg-input-radios):</label><br />
+ <?php echo elgg_view('input/radio', array(
+ 'name' => 'f3',
+ 'id' => 'f3',
+ 'options' => array('a (.elgg-input-radio)' => 1, 'b (.elgg-input-radio)' => 2),
+ ));
+ ?>
+ </div>
+ <div>
+ <label for="f4">Checkboxes input (.elgg-input-checkboxes):</label><br />
+ <?php echo elgg_view('input/checkboxes', array(
+ 'name' => 'f4',
+ 'id' => 'f4',
+ 'options' => array('a (.elgg-input-checkbox)' => 1, 'b (.elgg-input-checkbox)' => 2),
+ ));
+ ?>
+ </div>
+ <div>
+ <label for="f5">Dropdown input (.elgg-input-dropdown):</label><br />
+ <?php echo elgg_view('input/dropdown', array(
+ 'name' => 'f5',
+ 'id' => 'f5',
+ 'options' => array('option 1', 'option 2'),
+ ));
+ ?>
+ </div>
+ <div>
+ <label for="f6">Access input (.elgg-input-access):</label><br />
+ <?php echo elgg_view('input/access', array(
+ 'name' => 'f6',
+ 'id' => 'f6',
+ 'value' => ACCESS_PUBLIC,
+ ));
+ ?>
+ </div>
+ <div>
+ <label for="f7">File input (.elgg-input-file):</label>
+ <?php echo elgg_view('input/file', array(
+ 'name' => 'f7',
+ 'id' => 'f7',
+ ));
+ ?>
+ </div>
+ <div>
+ <label for="f8">URL input (.elgg-input-url):</label>
+ <?php echo elgg_view('input/url', array(
+ 'name' => 'f8',
+ 'id' => 'f8',
+ 'value' => 'http://elgg.org/',
+ ));
+ ?>
+ </div>
+ <div>
+ <label for="f9">Tags input (.elgg-input-tags):</label>
+ <?php echo elgg_view('input/tags', array(
+ 'name' => 'f9',
+ 'id' => 'f9',
+ 'value' => 'one, two, three',
+ ));
+ ?>
+ </div>
+ <div>
+ <label for="f10">Email input (.elgg-input-email):</label>
+ <?php echo elgg_view('input/email', array(
+ 'name' => 'f10',
+ 'id' => 'f10',
+ 'value' => 'noone@elgg.org',
+ ));
+ ?>
+ </div>
+ <div>
+ <label for="f11">Autocomplete input (.elgg-input-autocomplete):</label>
+ <?php echo elgg_view('input/autocomplete', array(
+ 'name' => 'f11',
+ 'id' => 'f11',
+ 'match_on' => 'users',
+ ));
+ ?>
+ </div>
+ <div>
+ <label for="f12">Date input (.elgg-input-date):</label>
+ <?php echo elgg_view('input/date', array(
+ 'name' => 'f12',
+ 'id' => 'f12',
+ 'value' => '2012-12-31',
+ ));
+ ?>
+ </div>
+ <div>
+ <label for="f13">User picker input (.elgg-user-picker):</label>
+ <?php echo elgg_view('input/userpicker', array(
+ 'name' => 'f13',
+ 'id' => 'f13',
+ ));
+ ?>
+ </div>
+ <div>
+ <label for="f15">Plain textarea input (.elgg-input-plaintext):</label>
+ <?php echo elgg_view('input/plaintext', array(
+ 'name' => 'f15',
+ 'id' => 'f15',
+ 'value' => $ipsum,
+ ));
+ ?>
+ </div>
+ <div>
+ <label for="f14">Long textarea input (.elgg-input-longtext):</label>
+ <?php echo elgg_view('input/longtext', array(
+ 'name' => 'f14',
+ 'id' => 'f14',
+ 'value' => $ipsum,
+ ));
+ ?>
+ </div>
+ </fieldset>
+</form>
\ No newline at end of file
--- /dev/null
+<?php
+/**
+ * Icons CSS
+ */
+
+echo elgg_view_module('info', 'Icon Sprites (.elgg-icon)', elgg_view('theme_preview/icons/sprites'));
+
+echo elgg_view_module('info', 'Ajax Loader (.elgg-ajax-loader)', elgg_view('theme_preview/icons/loader'));
+
+echo elgg_view_module('info', 'Avatars (.elgg-avatar)', elgg_view('theme_preview/icons/avatars'));
--- /dev/null
+<?php\r
+ $user = new ElggUser();\r
+ $group = new ElggGroup();\r
+ \r
+ $sizes = array('large', 'medium', 'small', 'tiny');\r
+?>\r
+<table class="elgg-table">\r
+ <tr>\r
+ <th></th>\r
+ <?php\r
+ foreach ($sizes as $size) {\r
+ echo "<th>$size</th>";\r
+ }\r
+ ?>\r
+ </tr>\r
+ <tr>\r
+ <th>User</th>\r
+ <?php\r
+ foreach ($sizes as $size) {\r
+ echo '<td>';\r
+ echo elgg_view_entity_icon($user, $size, array('use_hover' => false));\r
+ echo '</td>';\r
+ }\r
+ ?>\r
+ </tr>\r
+ <tr>\r
+ <th>Group</th>\r
+ <?php\r
+ foreach ($sizes as $size) {\r
+ echo '<td>';\r
+ echo elgg_view_entity_icon($group, $size, array('use_hover' => false));\r
+ echo '</td>';\r
+ }\r
+ ?>\r
+ </tr>\r
+</table>\r
--- /dev/null
+<?php echo elgg_view('graphics/ajax_loader', array('hidden' => false)); ?>
\ No newline at end of file
--- /dev/null
+<?php \r
+$icons = array(\r
+ 'arrow-left',\r
+ 'arrow-right',\r
+ 'arrow-two-head',\r
+ 'calendar',\r
+ 'checkmark',\r
+ 'clip',\r
+ 'cursor-drag-arrow',\r
+ 'delete-alt',\r
+ 'delete',\r
+ 'download',\r
+ 'facebook',\r
+ 'home',\r
+ 'hover-menu',\r
+ 'link',\r
+ 'mail-alt',\r
+ 'mail',\r
+ 'print-alt',\r
+ 'print',\r
+ 'push-pin-alt',\r
+ 'push-pin',\r
+ 'redo',\r
+ 'refresh',\r
+ 'round-arrow-left',\r
+ 'round-arrow-right',\r
+ 'round-checkmark',\r
+ 'round-minus',\r
+ 'round-plus',\r
+ 'rss',\r
+ 'search-focus',\r
+ 'search',\r
+ 'settings-alt',\r
+ 'settings',\r
+ 'share',\r
+ 'shop-cart',\r
+ 'speech-bubble-alt',\r
+ 'speech-bubble',\r
+ 'star-alt',\r
+ 'star-empty',\r
+ 'star',\r
+ 'tag',\r
+ 'thumbs-down-alt',\r
+ 'thumbs-down',\r
+ 'thumbs-up-alt',\r
+ 'thumbs-up',\r
+ 'trash',\r
+ 'twitter',\r
+ 'undo',\r
+ 'user',\r
+ 'users',\r
+);\r
+?>\r
+\r
+<ul class="elgg-gallery">\r
+<?php \r
+ foreach ($icons as $icon) {\r
+ echo "<li title=\".elgg-icon-$icon\" style=\"margin:10px\">" . elgg_view_icon($icon) . "</li>";\r
+ }\r
+?>\r
+</ul>
\ No newline at end of file
--- /dev/null
+<?php
+
+echo elgg_view_module('info', 'Modules (.elgg-module)', elgg_view('theme_preview/modules/modules'));
+
+echo elgg_view_module('info', 'Widgets (.elgg-widget)', elgg_view('theme_preview/modules/widgets'));
+
--- /dev/null
+<?php \r
+\r
+$ipsum = elgg_view('developers/ipsum');\r
+\r
+?>\r
+<div class="elgg-grid">\r
+ <div class="elgg-col elgg-col-1of2">\r
+ <div class="pam">\r
+ <?php\r
+ echo elgg_view_module('aside', 'Aside (.elgg-module-aside)', $ipsum);\r
+ echo elgg_view_module('popup', 'Popup (.elgg-module-popup)', $ipsum);\r
+ ?>\r
+ </div>\r
+ </div>\r
+ <div class="elgg-col elgg-col-1of2">\r
+ <div class="pam">\r
+ <?php\r
+ echo elgg_view_module('info', 'Info (.elgg-module-info)', $ipsum);\r
+ echo elgg_view_module('featured', 'Featured (.elgg-module-featured)', $ipsum);\r
+ ?>\r
+ </div>\r
+ </div>\r
+</div>
\ No newline at end of file
--- /dev/null
+<?php
+/**
+ * Widgets CSS
+ */
+
+$url = current_page_url();
+
+elgg_register_plugin_hook_handler('view', 'widgets/friends/content', 'css_widget_content');
+elgg_register_plugin_hook_handler('view', 'widgets/friends/edit', 'css_widget_content');
+elgg_register_plugin_hook_handler('permissions_check', 'all', 'css_permissions_override');
+
+function css_widget_content() {
+ return $ipsum = elgg_view('developers/ipsum');
+}
+
+function css_permissions_override() {
+ return true;
+}
+
+
+?>
+<div class="elgg-body mal">
+ <?php echo elgg_view('theme_preview/header', $vars); ?>
+<?php
+$w = array();
+for ($i=1; $i<=6; $i++) {
+ $obj = new ElggWidget();
+ $obj->handler = 'friends';
+ $obj->title = "Widget $i";
+ $w[] = $obj;
+}
+$column1 = array($w[0], $w[1]);
+$column2 = array($w[2], $w[3]);
+$column3 = array($w[4], $w[5]);
+$widgets = array(1 => $column1, 2 => $column2, 3 => $column3);
+$num_columns = 3;
+$widget_class = "elgg-col-1of{$num_columns}";
+for ($column_index = 1; $column_index <= $num_columns; $column_index++) {
+ $column_widgets = $widgets[$column_index];
+
+ echo "<div class=\"$widget_class elgg-widgets\" id=\"elgg-widget-col-$column_index\">";
+ if (is_array($column_widgets) && sizeof($column_widgets) > 0) {
+ foreach ($column_widgets as $widget) {
+ echo elgg_view_entity($widget);
+ }
+ }
+ echo '</div>';
+}
+?>
+</div>
+<script type="text/javascript">
+ // widgets do not have guids so we override the edit toggle and delete button
+ $(function() {
+ $('.elgg-widget-edit-button').unbind('click');
+ $('.elgg-widget-edit-button').click(function() {
+ $(this).closest('.elgg-module-widget').find('.elgg-widget-edit').slideToggle('medium');
+ return false;
+ });
+ $('.elgg-widget-delete-button').click(function() {
+ $(this).closest('.elgg-module-widget').remove();
+ return false;
+ });
+ });
+</script>
--- /dev/null
+<?php\r
+$params = array(\r
+ 'count' => 1000,\r
+ 'limit' => 10,\r
+ 'offset' => 230,\r
+);\r
+\r
+echo elgg_view('navigation/pagination', $params);
\ No newline at end of file
--- /dev/null
+<h1>Level 1 heading</h1>\r
+<h2>Level 2 heading</h2>\r
+<h3>Level 3 heading</h3>\r
+<h4>Level 4 heading</h4>\r
+<h5>Level 5 heading</h5>\r
+<h6>Level 6 heading</h6>
\ No newline at end of file
--- /dev/null
+<ul>\r
+ <li>I am <a href="?abc123">the a tag</a> example</li>\r
+ <li>I am <abbr title="test">the abbr tag</abbr> example</li>\r
+ <li>I am <acronym>the acronym tag</acronym> example</li>\r
+ <li>I am <b>the b tag</b> example</li>\r
+ <li>I am <code>the code tag</code> example</li>\r
+ <li>I am <del>the del tag</del> example</li>\r
+ <li>I am <em>the em tag</em> example</li>\r
+ <li>I am <i>the i tag</i> example</li>\r
+ <li>I am <strong>the strong tag</strong> example</li>\r
+</ul>\r
+<blockquote><p>Paragraph inside Blockquote: <?php echo $ipsum; ?></p></blockquote>\r
+<pre>\r
+ <strong>Preformated:</strong>Testing one row\r
+ and another\r
+</pre>\r
--- /dev/null
+<p>Lorem ipsum dolor sit amet, <a href="#" title="test link">test link</a>\r
+adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec\r
+faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero\r
+nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent\r
+mattis, massa quis luctus <strong>strong</strong>, turpis mi volutpat justo, eu\r
+volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus\r
+eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem,\r
+consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue\r
+quis tellus.</p>\r
+\r
+<p>Lorem ipsum dolor sit amet, <em>emphasis</em> consectetuer\r
+adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec\r
+faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero\r
+nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent\r
+mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu\r
+volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus\r
+eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem,\r
+consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue\r
+quis tellus.</p>
\ No newline at end of file