Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 espaco 1 
<div class="row">
2 
    <div class="col-md-6">
3 
        <!-- BEGIN LABELS AND BADGES PORTLET-->
4 
        <div class="portlet light bordered">
5 
            <div class="portlet-title">
6 
                <div class="caption">
7 
                    <i class="icon-share font-red-sunglo"></i>
8 
                    <span class="caption-subject font-red-sunglo bold uppercase">Labels & Badges</span>
9 
                </div>
10 
                <div class="actions">
11 
                    <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
12 
                        <i class="icon-cloud-upload"></i>
13 
                    </a>
14 
                    <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
15 
                        <i class="icon-wrench"></i>
16 
                    </a>
17 
                    <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
18 
                        <i class="icon-trash"></i>
19 
                    </a>
20 
                </div>
21 
            </div>
22 
            <div class="portlet-body">
23 
                <h4 class="block">Labels & Badges Styles</h4>
24 
                <table class="table table-bordered table-striped">
25 
                    <thead>
26 
                        <tr>
27 
                            <th> Class </th>
28 
                            <th> Labels </th>
29 
                            <th> Badges </th>
30 
                            <th> Roundless Badges </th>
31 
                        </tr>
32 
                    </thead>
33 
                    <tbody>
34 
                        <tr>
35 
                            <td> Default </td>
36 
                            <td>
37 
                                <span class="label label-default"> Default </span>
38 
                            </td>
39 
                            <td>
40 
                                <span class="badge badge-default"> 5 </span>
41 
                            </td>
42 
                            <td>
43 
                                <span class="badge badge-default badge-roundless"> 3 </span>
44 
                            </td>
45 
                        </tr>
46 
                        <tr>
47 
                            <td> Primary </td>
48 
                            <td>
49 
                                <span class="label label-primary"> Primary </span>
50 
                            </td>
51 
                            <td>
52 
                                <span class="badge badge-primary"> 4 </span>
53 
                            </td>
54 
                            <td>
55 
                                <span class="badge badge-primary badge-roundless"> Hot </span>
56 
                            </td>
57 
                        </tr>
58 
                        <tr>
59 
                            <td> Info </td>
60 
                            <td>
61 
                                <span class="label label-info"> Info </span>
62 
                            </td>
63 
                            <td>
64 
                                <span class="badge badge-info"> 6 </span>
65 
                            </td>
66 
                            <td>
67 
                                <span class="badge badge-info badge-roundless"> New </span>
68 
                            </td>
69 
                        </tr>
70 
                        <tr>
71 
                            <td> Success </td>
72 
                            <td>
73 
                                <span class="label label-success"> Success </span>
74 
                            </td>
75 
                            <td>
76 
                                <span class="badge badge-success"> 1 </span>
77 
                            </td>
78 
                            <td>
79 
                                <span class="badge badge-success badge-roundless"> 2 </span>
80 
                            </td>
81 
                        </tr>
82 
                        <tr>
83 
                            <td> Danger </td>
84 
                            <td>
85 
                                <span class="label label-danger"> Danger </span>
86 
                            </td>
87 
                            <td>
88 
                                <span class="badge badge-danger"> 3 </span>
89 
                            </td>
90 
                            <td>
91 
                                <span class="badge badge-danger badge-roundless"> 5 </span>
92 
                            </td>
93 
                        </tr>
94 
                        <tr>
95 
                            <td> Warning </td>
96 
                            <td>
97 
                                <span class="label label-warning"> Warning </span>
98 
                            </td>
99 
                            <td>
100 
                                <span class="badge badge-warning"> 12 </span>
101 
                            </td>
102 
                            <td>
103 
                                <span class="badge badge-warning badge-roundless"> 3 </span>
104 
                            </td>
105 
                        </tr>
106 
                    </tbody>
107 
                </table>
108 
                <h4 class="block">Labels In Headings</h4>
109 
                <div class="well">
110 
                    <h1>Example heading
111 
                        <span class="label label-default"> default </span>
112 
                    </h1>
113 
                    <h2>Example heading
114 
                        <span class="label label-success"> success </span>
115 
                    </h2>
116 
                    <h3>Example heading
117 
                        <span class="label label-danger"> danger </span>
118 
                    </h3>
119 
                    <h4 class="block">Example heading
120 
                        <span class="label label-info"> info </span>
121 
                    </h4>
122 
                    <h4>Example heading
123 
                        <span class="label label-warning"> warning </span>
124 
                    </h4>
125 
                    <h6>Example heading
126 
                        <span class="label label-primary"> primary </span>
127 
                    </h6>
128 
                </div>
129 
                <div class="clearfix">
130 
                    <h4 class="block">Badges in Navs</h4>
131 
                    <ul class="nav nav-pills">
132 
                        <li class="active">
133 
                            <a href="javascript:;"> Home
134 
                                <span class="badge1"> 42 </span>
135 
                            </a>
136 
                        </li>
137 
                        <li>
138 
                            <a href="javascript:;"> Profile </a>
139 
                        </li>
140 
                        <li>
141 
                            <a href="javascript:;"> Messages
142 
                                <span class="badge badge-danger"> 3 </span>
143 
                            </a>
144 
                        </li>
145 
                    </ul>
146 
                    <div class="clearfix margin-bottom-10"> </div>
147 
                    <ul class="nav nav-pills nav-stacked" style="max-width: 260px;">
148 
                        <li class="active">
149 
                            <a href="javascript:;">
150 
                                <span class="badge badge-warning pull-right"> 42 </span> Home </a>
151 
                        </li>
152 
                        <li>
153 
                            <a href="javascript:;"> Profile </a>
154 
                        </li>
155 
                        <li>
156 
                            <a href="javascript:;">
157 
                                <span class="badge badge-success pull-right"> 3 </span> Messages </a>
158 
                        </li>
159 
                    </ul>
160 
                </div>
161 
                <div class="clearfix">
162 
                    <h4 class="block">Badges in Inline Dropdowns</h4>
163 
                    <div class="dropdown inline clearfix">
164 
                        <!-- Link or button to toggle dropdown -->
165 
                        <ul class="dropdown-menu" role="menu">
166 
                            <li role="presentation">
167 
                                <a role="menuitem" tabindex="-1" href="javascript:;"> Action
168 
                                    <span class="badge badge-success"> 2 </span>
169 
                                </a>
170 
                            </li>
171 
                            <li role="presentation">
172 
                                <a role="menuitem" tabindex="-1" href="javascript:;"> Another action
173 
                                    <span class="badge badge-warning"> 5 </span>
174 
                                </a>
175 
                            </li>
176 
                            <li role="presentation">
177 
                                <a role="menuitem" tabindex="-1" href="javascript:;"> Something here
178 
                                    <span class="badge badge-danger"> 7 </span>
179 
                                </a>
180 
                            </li>
181 
                            <li role="presentation" class="divider"> </li>
182 
                            <li role="presentation">
183 
                                <a role="menuitem" tabindex="-1" href="javascript:;"> Separated link
184 
                                    <span class="badge badge-info"> 12 </span>
185 
                                </a>
186 
                            </li>
187 
                        </ul>
188 
                    </div>
189 
                    <div class="clearfix"> </div>
190 
                    <h4 class="block">Badges in Button Dropdowns</h4>
191 
                    <div class="btn-group ">
192 
                        <button class="btn blue dropdown-toggle" data-toggle="dropdown">Open Me!
193 
                            <i class="fa fa-angle-down"></i>
194 
                        </button>
195 
                        <ul class="dropdown-menu" role="menu">
196 
                            <li role="presentation">
197 
                                <a role="menuitem" tabindex="-1" href="javascript:;"> Action
198 
                                    <span class="badge badge-success"> 2 </span>
199 
                                </a>
200 
                            </li>
201 
                            <li role="presentation">
202 
                                <a role="menuitem" tabindex="-1" href="javascript:;"> Another action
203 
                                    <span class="badge badge-warning"> 5 </span>
204 
                                </a>
205 
                            </li>
206 
                            <li role="presentation">
207 
                                <a role="menuitem" tabindex="-1" href="javascript:;"> Something here
208 
                                    <span class="badge badge-danger"> 7 </span>
209 
                                </a>
210 
                            </li>
211 
                            <li role="presentation" class="divider"> </li>
212 
                            <li role="presentation">
213 
                                <a role="menuitem" tabindex="-1" href="javascript:;"> Separated link
214 
                                    <span class="badge badge-info"> 12 </span>
215 
                                </a>
216 
                            </li>
217 
                        </ul>
218 
                    </div>
219 
                </div>
220 
            </div>
221 
        </div>
222 
        <!-- END LABELS AND BADGES PORTLET-->
223 
    </div>
224 
    <div class="col-md-6">
225 
        <!-- BEGIN PAGINATION PORTLET-->
226 
        <div class="portlet light bordered">
227 
            <div class="portlet-title">
228 
                <div class="caption">
229 
                    <i class="icon-share font-red-sunglo"></i>
230 
                    <span class="caption-subject font-red-sunglo bold uppercase">Pagination</span>
231 
                </div>
232 
                <div class="actions">
233 
                    <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
234 
                        <i class="icon-cloud-upload"></i>
235 
                    </a>
236 
                    <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
237 
                        <i class="icon-wrench"></i>
238 
                    </a>
239 
                    <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
240 
                        <i class="icon-trash"></i>
241 
                    </a>
242 
                </div>
243 
            </div>
244 
            <div class="portlet-body">
245 
                <div>
246 
                    <ul class="pagination pagination-lg">
247 
                        <li>
248 
                            <a href="javascript:;">
249 
                                <i class="fa fa-angle-left"></i>
250 
                            </a>
251 
                        </li>
252 
                        <li>
253 
                            <a href="javascript:;"> 1 </a>
254 
                        </li>
255 
                        <li>
256 
                            <a href="javascript:;"> 2 </a>
257 
                        </li>
258 
                        <li class="active">
259 
                            <a href="javascript:;"> 3 </a>
260 
                        </li>
261 
                        <li>
262 
                            <a href="javascript:;"> 4 </a>
263 
                        </li>
264 
                        <li>
265 
                            <a href="javascript:;"> 5 </a>
266 
                        </li>
267 
                        <li>
268 
                            <a href="javascript:;"> 6 </a>
269 
                        </li>
270 
                        <li>
271 
                            <a href="javascript:;">
272 
                                <i class="fa fa-angle-right"></i>
273 
                            </a>
274 
                        </li>
275 
                    </ul>
276 
                </div>
277 
                <div>
278 
                    <ul class="pagination">
279 
                        <li>
280 
                            <a href="javascript:;">
281 
                                <i class="fa fa-angle-left"></i>
282 
                            </a>
283 
                        </li>
284 
                        <li>
285 
                            <a href="javascript:;"> 1 </a>
286 
                        </li>
287 
                        <li>
288 
                            <a href="javascript:;"> 2 </a>
289 
                        </li>
290 
                        <li class="active">
291 
                            <a href="javascript:;"> 3 </a>
292 
                        </li>
293 
                        <li>
294 
                            <a href="javascript:;"> 4 </a>
295 
                        </li>
296 
                        <li>
297 
                            <a href="javascript:;"> 5 </a>
298 
                        </li>
299 
                        <li>
300 
                            <a href="javascript:;"> 6 </a>
301 
                        </li>
302 
                        <li>
303 
                            <a href="javascript:;">
304 
                                <i class="fa fa-angle-right"></i>
305 
                            </a>
306 
                        </li>
307 
                    </ul>
308 
                </div>
309 
                <div>
310 
                    <ul class="pagination pagination-sm">
311 
                        <li>
312 
                            <a href="javascript:;">
313 
                                <i class="fa fa-angle-left"></i>
314 
                            </a>
315 
                        </li>
316 
                        <li>
317 
                            <a href="javascript:;"> 1 </a>
318 
                        </li>
319 
                        <li class="active">
320 
                            <a href="javascript:;"> 2 </a>
321 
                        </li>
322 
                        <li>
323 
                            <a href="javascript:;"> 3 </a>
324 
                        </li>
325 
                        <li>
326 
                            <a href="javascript:;"> 4 </a>
327 
                        </li>
328 
                        <li>
329 
                            <a href="javascript:;"> 5 </a>
330 
                        </li>
331 
                        <li>
332 
                            <a href="javascript:;"> 6 </a>
333 
                        </li>
334 
                        <li>
335 
                            <a href="javascript:;">
336 
                                <i class="fa fa-angle-right"></i>
337 
                            </a>
338 
                        </li>
339 
                    </ul>
340 
                </div>
341 
            </div>
342 
        </div>
343 
        <!-- END PAGINATION PORTLET-->
344 
    </div>
345 
</div>