source: extensions/gvideo/template/fontello/demo.html @ 26524

Last change on this file since 26524 was 26524, checked in by mistic100, 10 years ago

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