source: extensions/plugin_lang_analysis/template/fontello/demo.html @ 23467

Last change on this file since 23467 was 23467, checked in by mistic100, 11 years ago

allow multiple language files in a plugin

File size: 5.2 KB
Line 
1<!DOCTYPE html>
2<html>
3  <head><!--[if lt IE 9]>
4    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
5    <meta charset="UTF-8"><style type="text/css">/*
6 * Bootstrap v2.2.1
7 *
8 * Copyright 2012 Twitter, Inc
9 * Licensed under the Apache License v2.0
10 * http://www.apache.org/licenses/LICENSE-2.0
11 *
12 * Designed and built with all the love in the world @twitter by @mdo and @fat.
13 */
14.clearfix {
15  *zoom: 1;
16}
17.clearfix:before,
18.clearfix:after {
19  display: table;
20  content: "";
21  line-height: 0;
22}
23.clearfix:after {
24  clear: both;
25}
26html {
27  font-size: 100%;
28  -webkit-text-size-adjust: 100%;
29  -ms-text-size-adjust: 100%;
30}
31a:focus {
32  outline: thin dotted #333;
33  outline: 5px auto -webkit-focus-ring-color;
34  outline-offset: -2px;
35}
36a:hover,
37a:active {
38  outline: 0;
39}
40button,
41input,
42select,
43textarea {
44  margin: 0;
45  font-size: 100%;
46  vertical-align: middle;
47}
48button,
49input {
50  *overflow: visible;
51  line-height: normal;
52}
53button::-moz-focus-inner,
54input::-moz-focus-inner {
55  padding: 0;
56  border: 0;
57}
58body {
59  margin: 0;
60  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
61  font-size: 14px;
62  line-height: 20px;
63  color: #333;
64  background-color: #fff;
65}
66a {
67  color: #08c;
68  text-decoration: none;
69}
70a:hover {
71  color: #005580;
72  text-decoration: underline;
73}
74.row {
75  margin-left: -20px;
76  *zoom: 1;
77}
78.row:before,
79.row:after {
80  display: table;
81  content: "";
82  line-height: 0;
83}
84.row:after {
85  clear: both;
86}
87[class*="span"] {
88  float: left;
89  min-height: 1px;
90  margin-left: 20px;
91}
92.container,
93.navbar-static-top .container,
94.navbar-fixed-top .container,
95.navbar-fixed-bottom .container {
96  width: 940px;
97}
98.span12 {
99  width: 940px;
100}
101.span11 {
102  width: 860px;
103}
104.span10 {
105  width: 780px;
106}
107.span9 {
108  width: 700px;
109}
110.span8 {
111  width: 620px;
112}
113.span7 {
114  width: 540px;
115}
116.span6 {
117  width: 460px;
118}
119.span5 {
120  width: 380px;
121}
122.span4 {
123  width: 300px;
124}
125.span3 {
126  width: 220px;
127}
128.span2 {
129  width: 140px;
130}
131.span1 {
132  width: 60px;
133}
134[class*="span"].pull-right,
135.row-fluid [class*="span"].pull-right {
136  float: right;
137}
138.container {
139  margin-right: auto;
140  margin-left: auto;
141  *zoom: 1;
142}
143.container:before,
144.container:after {
145  display: table;
146  content: "";
147  line-height: 0;
148}
149.container:after {
150  clear: both;
151}
152p {
153  margin: 0 0 10px;
154}
155.lead {
156  margin-bottom: 20px;
157  font-size: 21px;
158  font-weight: 200;
159  line-height: 30px;
160}
161small {
162  font-size: 85%;
163}
164h1 {
165  margin: 10px 0;
166  font-family: inherit;
167  font-weight: bold;
168  line-height: 20px;
169  color: inherit;
170  text-rendering: optimizelegibility;
171}
172h1 small {
173  font-weight: normal;
174  line-height: 1;
175  color: #999;
176}
177h1 {
178  line-height: 40px;
179}
180h1 {
181  font-size: 38.5px;
182}
183h1 small {
184  font-size: 24.5px;
185}
186body {
187  margin-top: 90px;
188}
189.header {
190  position: fixed;
191  top: 0;
192  left: 50%;
193  margin-left: -480px;
194  background-color: #fff;
195  border-bottom: 1px solid #ddd;
196  padding-top: 10px;
197  z-index: 10;
198}
199.footer {
200  color: #ddd;
201  font-size: 12px;
202  text-align: center;
203  margin-top: 20px;
204}
205.footer a {
206  color: #ccc;
207  text-decoration: underline;
208}
209.the-icons {
210  font-size: 14px;
211  line-height: 24px;
212}
213.switch {
214  position: absolute;
215  right: 0;
216  bottom: 10px;
217  color: #666;
218}
219.switch input {
220  margin-right: 0.3em;
221}
222.codesOn .i-name {
223  display: none;
224}
225.codesOn .i-code {
226  display: inline;
227}
228.i-code {
229  display: none;
230}
231</style>
232    <link rel="stylesheet" href="css/fontello_pla.css">
233    <link rel="stylesheet" href="css/animation.css"><!--[if IE 7]>
234    <link rel="stylesheet" href="css/fontello_pla-ie7.css"><![endif]-->
235    <script>
236      function toggleCodes(on) {
237        var obj = document.getElementById('icons');
238       
239        if (on) {
240          obj.className += ' codesOn';
241        } else {
242          obj.className = obj.className.replace(' codesOn', '');
243        }
244      }
245     
246    </script>
247  </head>
248  <body>
249    <div class="container header">
250      <h1>
251        fontello_pla
252         <small>font demo</small>
253      </h1>
254      <label class="switch">
255        <input type="checkbox" onclick="toggleCodes(this.checked)">show codes
256      </label>
257    </div>
258    <div id="icons" class="container">
259      <div class="row">
260        <div title="Code: 0xe804" class="the-icons span3"><i class="iconpla-attention"></i> <span class="i-name">iconpla-attention</span><span class="i-code">0xe804</span></div>
261        <div title="Code: 0xe805" class="the-icons span3"><i class="iconpla-attention-circled"></i> <span class="i-name">iconpla-attention-circled</span><span class="i-code">0xe805</span></div>
262        <div title="Code: 0xe801" class="the-icons span3"><i class="iconpla-plus-circled"></i> <span class="i-name">iconpla-plus-circled</span><span class="i-code">0xe801</span></div>
263        <div title="Code: 0xe800" class="the-icons span3"><i class="iconpla-minus-circled"></i> <span class="i-name">iconpla-minus-circled</span><span class="i-code">0xe800</span></div>
264      </div>
265      <div class="row">
266        <div title="Code: 0xe802" class="the-icons span3"><i class="iconpla-ok-squared"></i> <span class="i-name">iconpla-ok-squared</span><span class="i-code">0xe802</span></div>
267      </div>
268    </div>
269    <div class="container footer">Generated by <a href="http://fontello.com">fontello.com</a></div>
270  </body>
271</html>
Note: See TracBrowser for help on using the repository browser.