##// END OF EJS Templates
u » ewong » rhodecode-enterprise-ce-fork
RSS

Fork of rhodecode-enterprise-ce

debug-styles: let the autogenerated fonts be read automatically from the .less files....
lisaq -
r1938:80a0a476 default
parent child Browse files
Show More
Show file before | Show file after | Hide comments
@@ -1,102 +1,90 b''
1 ## -*- coding: utf-8 -*-
1 ## -*- coding: utf-8 -*-
2 <%inherit file="/debug_style/index.html"/>
2 <%inherit file="/debug_style/index.html"/>
3
3
4 <%def name="breadcrumbs_links()">
4 <%def name="breadcrumbs_links()">
5 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
5 ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
6 &raquo;
6 &raquo;
7 ${c.active}
7 ${c.active}
8 </%def>
8 </%def>
9
9
10
10
11 <%def name="real_main()">
11 <%def name="real_main()">
12 <div class="box">
12 <div class="box">
13 <div class="title">
13 <div class="title">
14 ${self.breadcrumbs()}
14 ${self.breadcrumbs()}
15 </div>
15 </div>
16
16
17 <div class='sidebar-col-wrapper'>
17 <div class='sidebar-col-wrapper'>
18 ${self.sidebar()}
18 ${self.sidebar()}
19
19
20 <div class="main-content">
20 <div class="main-content">
21
21
22 <h2>Gravatars</h2>
22 <h2>Gravatars</h2>
23
23
24 <p>Usernames are always centered on an avatar to the left.
24 <p>Usernames are always centered on an avatar to the left.
25 Avatars are 16px square.
25 Avatars are 16px square.
26 For user settings/login, some exceptions may use a larger avatar.
26 For user settings/login, some exceptions may use a larger avatar.
27 Use base.gravatar for a gravatar only, and base.gravatar_with_user
27 Use base.gravatar for a gravatar only, and base.gravatar_with_user
28 for a gravatar with a username.
28 for a gravatar with a username.
29 Use the format below:
29 Use the format below:
30 </p>
30 </p>
31 <div class="bs-example template-example">
31 <div class="bs-example template-example">
32 <div class="gravatar_with_user">
32 <div class="gravatar_with_user">
33 <img class="gravatar" alt="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=16">
33 <img class="gravatar" alt="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=16">
34 <span title="Lolek Santos <lolek@rhodecode.com>" class="user">Lolek</span>
34 <span title="Lolek Santos <lolek@rhodecode.com>" class="user">Lolek</span>
35 </div>
35 </div>
36 </div>
36 </div>
37 <div class="bs-example template-example">
37 <div class="bs-example template-example">
38 <xmp>$</xmp><xmp>{base.gravatar_with_user(c.rhodecode_user.email, 16)}</xmp>
38 <xmp>$</xmp><xmp>{base.gravatar_with_user(c.rhodecode_user.email, 16)}</xmp>
39 </div>
39 </div>
40 <div class="bs-example template-example">
40 <div class="bs-example template-example">
41 <div class="gravatar_with_user">
41 <div class="gravatar_with_user">
42 <img class="gravatar gravatar-large" alt="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=30">
42 <img class="gravatar gravatar-large" alt="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=30">
43 <span title="Lolek Santos <lolek@rhodecode.com>" class="user">Lolek</span>
43 <span title="Lolek Santos <lolek@rhodecode.com>" class="user">Lolek</span>
44 </div>
44 </div>
45 </div>
45 </div>
46 <div class="bs-example template-example">
46 <div class="bs-example template-example">
47 <xmp>$</xmp><xmp>{base.gravatar_with_user(c.rhodecode_user.email, 30)}</xmp>
47 <xmp>$</xmp><xmp>{base.gravatar_with_user(c.rhodecode_user.email, 30)}</xmp>
48 </div>
48 </div>
49 <p class="help-block">Note: Actual template variables may be different.</p>
49 <p class="help-block">Note: Actual template variables may be different.</p>
50
50
51 <h2>Icon List</h2>
51 <h2>Icon List</h2>
52
52
53
53
54 <table id="icons-list">
54 <table id="icons-list">
55 <tr class="row">
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>
56 import os
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>
57 import string
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>
58 with open(os.path.abspath('./rhodecode/public/css/rcicons.less')) as f:
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>
59 source = f.read()
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>
60 start = source.find('// -- ICON CLASSES -- //')
61 </tr>
61 end = source.find('// -- END ICON CLASSES -- //')
62 <tr class="row">
62 source = source[start:end]
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>
63
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>
64 ico_data = []
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>
65 for line in source.splitlines():
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>
66 line = line.split(':before')
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>
67 line = map(string.strip, line)
68 </tr>
68 if len(line) in [2, 3]:
69 <tr class="row">
69 if len(line) == 2:
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>
70 ico_cls, ico_code = line
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>
71 else:
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>
72 ico_cls, ico_code, rest = line
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>
73
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>
74 ico_code = ico_code[:ico_code.find('/*')]
75 </tr>
75 ico_data.append([ico_cls, ico_code])
76
77 %>
78 % for ico_cls, ico_code in ico_data:
76 <tr class="row">
79 <tr class="row">
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>
80 <td title="Code: ${ico_code}" class="the-icons span3"><i class="${ico_cls[1:]}"></i><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>
81 <td><span class="i-name">${ico_cls}</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>
82 <td><span class="i-code">${ico_code}</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>
82 </tr>
83 </tr>
83 <tr class="row">
84 % endfor
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
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>
98 </table>
86 </table>
99 </div>
87 </div>
100 </div>
88 </div>
101 </div>
89 </div>
102 </%def> No newline at end of file
90 </%def>
General Comments 0
You need to be logged in to leave comments. Login now