aboutsummaryrefslogtreecommitdiff
path: root/documentation/theming/preview/icons.php
blob: 665f1f817e39b905181411c4f103d05c14dc8dbd (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<?php
/**
 * Icons CSS
 */

$title = 'Icons';

require dirname(__FILE__) . '/head.php';

$url = current_page_url();

?>
<style>li {margin: 10px; float: left;} ul {background-color: #e0e0e0;}</style>
<body>
	<div class="elgg-page mal">
		<h1 class="mbs">
			<a href="index.php">Index</a> > <a href="<?php echo $url; ?>"><?php echo $title; ?></a>
		</h1>
		<div class="mbl">
			<a href="widgets.php">< previous</a>&nbsp;&nbsp;next >
		</div>
		<h2>Icon Sprites</h2>
		<ul class="mbl clearfix">
			<li><span class="elgg-icon elgg-icon-settings"></span>Settings</li>
			<li><span class="elgg-icon elgg-icon-friends"></span>Friends</li>
			<li><span class="elgg-icon elgg-icon-help"></span>Help</li>
			<li><span class="elgg-icon elgg-icon-delete"></span>Delete</li>
			<li><span class="elgg-icon elgg-icon-likes"></span>Likes</li>
			<li><span class="elgg-icon elgg-icon-liked"></span>Liked</li>
			<li><span class="elgg-icon elgg-icon-following"></span>Following</li>
			<li><span class="elgg-icon elgg-icon-rss"></span>RSS</li>
			<li><span class="elgg-icon elgg-icon-arrow-s"></span>Arrow S</li>
			<li><span class="elgg-icon elgg-icon-hover-menu"></span>Hover Menu</li>
		</ul>
		<h2>Ajax loader</h2>
		<div class="mbl">
			<?php echo elgg_view('graphics/ajax_loader', array('hidden' => false)); ?>
		</div>
		<h2>Avatars</h2>
		<div class="mbl">
			<?php
				$user = new ElggUser();
				$sizes = array('large', 'medium', 'small', 'tiny');
				echo '<table>';
				echo '<tr>';
				foreach ($sizes as $size) {
					echo "<td class=\"center\"><h4>$size</h4></td>";
				}
				echo '</tr>';
				echo '<tr>';
				foreach ($sizes as $size) {
					echo '<td class="phs">';
					echo elgg_view_entity_icon($user, $size, array('hover' => false));
					echo '</td>';
				}
				echo '</tr>';
				echo '</table>';
			?>
		</div>
	</div>
</body>
</html>