-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
67 lines (54 loc) · 2.76 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!doctype html>
<html>
<head>
<title>CSS Inject · mcdlr</title>
<meta charset='utf-8'>
<meta name='author' content='DrummerHead'>
<meta name='description' content='Ever wanted to change the layout and design of any given page? Perhaps test CSS through many browsers without deploying? With this tool you just type your CSS and the bookmarklet is generated for you. Then you use that bookmarklet in any given page and the styles will be applied. That easy!'>
<link rel='stylesheet' href='http://mcdlr.com/css/promiscuous.css'>
<link rel='stylesheet' href='css/theme-default.css'>
<link rel='stylesheet' href='css/codemirror.css'>
<link rel='stylesheet' href='css/stijl.css'>
<link rel='image_src' href='http://mcdlr.com/img/thumbs/css-inject.jpg'>
</head>
<body>
<header id='quoin'>
<div id='brand'>
<a href='http://mcdlr.com/' title='Go to mcdlr homepage'>Go to mcdlr homepage</a>
</div>
<div id='octo-peek'>
<a href='https://github.com/DrummerHead/CSS-inject' rel='external'><span>Fork me on Github!</span></a>
</div>
</header>
<div id='container'>
<h1>CSS inject</h1>
<p>Here you can create a Bookmarklet that will apply whatever styles you want on any page you want, useful for client demonstration and bug debunking between peers.</p>
<form id='magia'>
<label for='sep'>Here goes your css:</label>
<textarea id='codeInput' spellcheck='false'></textarea>
<label for='nome'>Bookmarklet name:</label>
<input type='text' id='nome' value='Nome' />
<input type='submit' value='Generate Bookmarklet' />
</form>
<small>Drag the Bookmarklet that will appear below to your bookmarks bar and then use it in the page you want</small>
<div id='a-holder'></div>
<p><em>CSS snippet examples and useful CSS page modifications at <a href='https://github.com/DrummerHead/CSS-inject/tree/master/examples' rel='external'>Github</a></em></p>
<p>Interested in injecting some Javascript instead? You should check <a href='/js-inject/'>JS Inject</a>!</p>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script>
<script src='js/libs/codemirror-compressed.js'></script>
<script src='js/libs/css.js'></script>
<script src='js/gedrag.js'></script>
<!-- Google analytics -->
<script>
var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-1030009-5']); _gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- /Google analytics -->
</body>
</html>