Show More
@@ -1,102 +1,90 b'' | |||
|
1 | 1 | ## -*- coding: utf-8 -*- |
|
2 | 2 | <%inherit file="/debug_style/index.html"/> |
|
3 | 3 | |
|
4 | 4 | <%def name="breadcrumbs_links()"> |
|
5 | 5 | ${h.link_to(_('Style'), h.route_path('debug_style_home'))} |
|
6 | 6 | » |
|
7 | 7 | ${c.active} |
|
8 | 8 | </%def> |
|
9 | 9 | |
|
10 | 10 | |
|
11 | 11 | <%def name="real_main()"> |
|
12 | 12 | <div class="box"> |
|
13 | 13 | <div class="title"> |
|
14 | 14 | ${self.breadcrumbs()} |
|
15 | 15 | </div> |
|
16 | 16 | |
|
17 | 17 | <div class='sidebar-col-wrapper'> |
|
18 | 18 | ${self.sidebar()} |
|
19 | 19 | |
|
20 | 20 | <div class="main-content"> |
|
21 | 21 | |
|
22 | 22 | <h2>Gravatars</h2> |
|
23 | 23 | |
|
24 | 24 | <p>Usernames are always centered on an avatar to the left. |
|
25 | 25 | Avatars are 16px square. |
|
26 | 26 | For user settings/login, some exceptions may use a larger avatar. |
|
27 | 27 | Use base.gravatar for a gravatar only, and base.gravatar_with_user |
|
28 | 28 | for a gravatar with a username. |
|
29 | 29 | Use the format below: |
|
30 | 30 | </p> |
|
31 | 31 | <div class="bs-example template-example"> |
|
32 | 32 | <div class="gravatar_with_user"> |
|
33 | 33 | <img class="gravatar" alt="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&s=16"> |
|
34 | 34 | <span title="Lolek Santos <lolek@rhodecode.com>" class="user">Lolek</span> |
|
35 | 35 | </div> |
|
36 | 36 | </div> |
|
37 | 37 | <div class="bs-example template-example"> |
|
38 | 38 | <xmp>$</xmp><xmp>{base.gravatar_with_user(c.rhodecode_user.email, 16)}</xmp> |
|
39 | 39 | </div> |
|
40 | 40 | <div class="bs-example template-example"> |
|
41 | 41 | <div class="gravatar_with_user"> |
|
42 | 42 | <img class="gravatar gravatar-large" alt="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&s=30"> |
|
43 | 43 | <span title="Lolek Santos <lolek@rhodecode.com>" class="user">Lolek</span> |
|
44 | 44 | </div> |
|
45 | 45 | </div> |
|
46 | 46 | <div class="bs-example template-example"> |
|
47 | 47 | <xmp>$</xmp><xmp>{base.gravatar_with_user(c.rhodecode_user.email, 30)}</xmp> |
|
48 | 48 | </div> |
|
49 | 49 | <p class="help-block">Note: Actual template variables may be different.</p> |
|
50 | 50 | |
|
51 | 51 | <h2>Icon List</h2> |
|
52 | 52 | |
|
53 | 53 | |
|
54 | 54 | <table id="icons-list"> |
|
55 |
|
|
|
56 | <td title="Code: 0xe813" class="the-icons span3"><i class="icon-plus"></i> <span class="i-name">icon-plus</span> <span class="i-code">0xe813</span></td> | |
|
57 | <td title="Code: 0xe814" class="the-icons span3"><i class="icon-minus"></i> <span class="i-name">icon-minus</span> <span class="i-code">0xe814</span></td> | |
|
58 | <td title="Code: 0xe815" class="the-icons span3"><i class="icon-remove"></i> <span class="i-name">icon-remove</span> <span class="i-code">0xe815</span></td> | |
|
59 | <td title="Code: 0xe811" class="the-icons span3"><i class="icon-fork"></i> <span class="i-name">icon-fork</span> <span class="i-code">0xe811</span></td> | |
|
60 | <td title="Code: 0xe803" class="the-icons span3"><i class="icon-bookmark"></i> <span class="i-name">icon-bookmark</span> <span class="i-code">0xe803</span></td> | |
|
61 | </tr> | |
|
62 | <tr class="row"> | |
|
63 | <td title="Code: 0xe804" class="the-icons span3"><i class="icon-branch"></i> <span class="i-name">icon-branch</span> <span class="i-code">0xe804</span></td> | |
|
64 | <td title="Code: 0xe833" class="the-icons span3"><i class="icon-merge"></i> <span class="i-name">icon-merge</span> <span class="i-code">0xe833</span></td> | |
|
65 | <td title="Code: 0xe805" class="the-icons span3"><i class="icon-tag"></i> <span class="i-name">icon-tag</span> <span class="i-code">0xe805</span></td> | |
|
66 | <td title="Code: 0xe806" class="the-icons span3"><i class="icon-lock"></i> <span class="i-name">icon-lock</span> <span class="i-code">0xe806</span></td> | |
|
67 | <td title="Code: 0xe807" class="the-icons span3"><i class="icon-unlock"></i> <span class="i-name">icon-unlock</span> <span class="i-code">0xe807</span></td> | |
|
68 |
|
|
|
69 | <tr class="row"> | |
|
70 | <td title="Code: 0xe800" class="the-icons span3"><i class="icon-delete"></i> <span class="i-name">icon-delete</span> <span class="i-code">0xe800</span></td> | |
|
71 | <td title="Code: 0xe800" class="the-icons span3"><i class="icon-false"></i> <span class="i-name">icon-false</span> <span class="i-code">0xe800</span></td> | |
|
72 | <td title="Code: 0xe801" class="the-icons span3"><i class="icon-ok"></i> <span class="i-name">icon-ok</span> <span class="i-code">0xe801</span></td> | |
|
73 | <td title="Code: 0xe801" class="the-icons span3"><i class="icon-true"></i> <span class="i-name">icon-true</span> <span class="i-code">0xe801</span></td> | |
|
74 | <td title="Code: 0xe80f" class="the-icons span3"><i class="icon-group"></i> <span class="i-name">icon-group</span> <span class="i-code">0xe80f</span></td> | |
|
75 | </tr> | |
|
55 | <% | |
|
56 | import os | |
|
57 | import string | |
|
58 | with open(os.path.abspath('./rhodecode/public/css/rcicons.less')) as f: | |
|
59 | source = f.read() | |
|
60 | start = source.find('// -- ICON CLASSES -- //') | |
|
61 | end = source.find('// -- END ICON CLASSES -- //') | |
|
62 | source = source[start:end] | |
|
63 | ||
|
64 | ico_data = [] | |
|
65 | for line in source.splitlines(): | |
|
66 | line = line.split(':before') | |
|
67 | line = map(string.strip, line) | |
|
68 | if len(line) in [2, 3]: | |
|
69 | if len(line) == 2: | |
|
70 | ico_cls, ico_code = line | |
|
71 | else: | |
|
72 | ico_cls, ico_code, rest = line | |
|
73 | ||
|
74 | ico_code = ico_code[:ico_code.find('/*')] | |
|
75 | ico_data.append([ico_cls, ico_code]) | |
|
76 | ||
|
77 | %> | |
|
78 | % for ico_cls, ico_code in ico_data: | |
|
76 | 79 |
|
|
77 | <td title="Code: 0xe82d" class="the-icons span3"><i class="icon-hg"></i> <span class="i-name">icon-hg</span> <span class="i-code">0xe82d</span></td> | |
|
78 | <td title="Code: 0xe82a" class="the-icons span3"><i class="icon-git"></i> <span class="i-name">icon-git</span> <span class="i-code">0xe82a</span></td> | |
|
79 | <td title="Code: 0xe82e" class="the-icons span3"><i class="icon-svn"></i> <span class="i-name">icon-svn</span> <span class="i-code">0xe82e</span></td> | |
|
80 | <td title="Code: 0xe810" class="the-icons span3"><i class="icon-folder"></i> <span class="i-name">icon-folder</span> <span class="i-code">0xe810</span></td> | |
|
81 | <td title="Code: 0xe831" class="the-icons span3"><i class="icon-rhodecode"></i> <span class="i-name">icon-rhodecode</span> <span class="i-code">0xe831</span></td> | |
|
80 | <td title="Code: ${ico_code}" class="the-icons span3"><i class="${ico_cls[1:]}"></i><td/> | |
|
81 | <td><span class="i-name">${ico_cls}</span></td> | |
|
82 | <td><span class="i-code">${ico_code}</span></td> | |
|
82 | 83 |
|
|
83 |
|
|
|
84 | <td title="Code: 0xe812" class="the-icons span3"><i class="icon-more"></i> <span class="i-name">icon-more</span> <span class="i-code">0xe812</span></td> | |
|
85 | <td title="Code: 0xe802" class="the-icons span3"><i class="icon-comment"></i> <span class="i-name">icon-comment</span> <span class="i-code">0xe802</span></td> | |
|
86 | <td title="Code: 0xe82f" class="the-icons span3"><i class="icon-comment-add"></i> <span class="i-name">icon-comment-add</span> <span class="i-code">0xe82f</span></td> | |
|
87 | <td title="Code: 0xe830" class="the-icons span3"><i class="icon-comment-toggle"></i> <span class="i-name">icon-comment-toggle</span> <span class="i-code">0xe830</span></td> | |
|
88 | <td title="Code: 0xe808" class="the-icons span3"><i class="icon-feed"></i> <span class="i-name">icon-feed</span> <span class="i-code">0xe808</span></td> | |
|
89 | </tr> | |
|
90 | <tr class="row"> | |
|
91 | <td title="Code: 0xe80a" class="the-icons span3"><i class="icon-right"></i> <span class="i-name">icon-right</span> <span class="i-code">0xe80a</span></td> | |
|
92 | <td title="Code: 0xe809" class="the-icons span3"><i class="icon-left"></i> <span class="i-name">icon-left</span> <span class="i-code">0xe809</span></td> | |
|
93 | <td title="Code: 0xe80b" class="the-icons span3"><i class="icon-arrow_down"></i> <span class="i-name">icon-arrow_down</span> <span class="i-code">0xe80b</span></td> | |
|
94 | <td title="Code: 0xe832" class="the-icons span3"><i class="icon-arrow_up"></i> <span class="i-name">icon-arrow_up</span> <span class="i-code">0xe832</span></td> | |
|
95 | <td></td> | |
|
96 | </tr> | |
|
97 | </div> | |
|
84 | % endfor | |
|
85 | ||
|
98 | 86 | </table> |
|
99 | 87 | </div> |
|
100 | 88 | </div> |
|
101 | 89 | </div> |
|
102 | 90 | </%def> No newline at end of file |
General Comments 0
You need to be logged in to leave comments.
Login now