Skip to content

Commit 9753152

Browse files
brianreavisbrianreavis
committed
Added theme switcher.
1 parent 3a76dcc commit 9753152

17 files changed

+50
-30
lines changed

‎examples/api.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
1212
<link rel="stylesheet" href="css/normalize.css">
1313
<link rel="stylesheet" href="css/stylesheet.css">
14-
<link rel="stylesheet" href="../dist/css/selectize.default.css">
1514
<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
1615
<script src="js/jquery.js"></script>
1716
<script src="../dist/js/standalone/selectize.js"></script>

‎examples/basic.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
1212
<link rel="stylesheet" href="css/normalize.css">
1313
<link rel="stylesheet" href="css/stylesheet.css">
14-
<link rel="stylesheet" href="../dist/css/selectize.default.css">
1514
<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
1615
<script src="js/jquery.js"></script>
1716
<script src="../dist/js/standalone/selectize.js"></script>

‎examples/cities.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
1212
<link rel="stylesheet" href="css/normalize.css">
1313
<link rel="stylesheet" href="css/stylesheet.css">
14-
<link rel="stylesheet" href="../dist/css/selectize.default.css">
1514
<script src="js/jquery.js"></script>
1615
<script src="../dist/js/standalone/selectize.js"></script>
1716
<script src="js/index.js"></script>

‎examples/confirm.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
1212
<link rel="stylesheet" href="css/normalize.css">
1313
<link rel="stylesheet" href="css/stylesheet.css">
14-
<link rel="stylesheet" href="../dist/css/selectize.default.css">
1514
<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
1615
<script src="js/jquery.js"></script>
1716
<script src="../dist/js/standalone/selectize.js"></script>

‎examples/contacts.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
1212
<link rel="stylesheet" href="css/normalize.css">
1313
<link rel="stylesheet" href="css/stylesheet.css">
14-
<link rel="stylesheet" href="../dist/css/selectize.default.css">
1514
<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
1615
<script src="js/jquery.js"></script>
1716
<script src="../dist/js/standalone/selectize.js"></script>

‎examples/css/stylesheet.css

Lines changed: 33 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,11 @@
11
body {
2+
margin: 70px 0;
3+
padding: 0;
24
font-family: Helvetica, arial, sans-serif;
35
font-size: 15px;
46
color: #454545;
5-
background: #f8f8f8;
7+
background: #fff url(../images/bg.png);
8+
text-shadow: 0 1px 0 rgba(0,0,0,0.02);
69
-webkit-font-smoothing: antialiased;
710
}
811
a, a:visited {
@@ -13,8 +16,10 @@ a:hover {
1316
color: #008af5;
1417
}
1518
h1 {
16-
font-size: 20px;
17-
margin-bottom: 30px;
19+
margin: 0;
20+
font-weight: 300;
21+
font-size: 35px;
22+
letter-spacing: -1px;
1823
}
1924
h2 {
2025
font-size: 15px;
@@ -30,15 +35,15 @@ p, .control-group {
3035
margin: 0 0 20px 0;
3136
}
3237
.demo {
33-
background: #fff;
34-
padding: 30px;
35-
margin: 0 0 20px 0;
38+
border-bottom: 1px solid #e8e8e8;
39+
padding-top: 50px;
40+
padding-bottom: 50px;
3641
-webkit-border-radius: 3px;
3742
-moz-border-radius: 3px;
3843
border-radius: 3px;
39-
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
40-
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
41-
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
44+
}
45+
.demo:last-child {
46+
border-bottom: 0 none;
4247
}
4348
.demo select, .demo input, .demo .selectize-control {
4449
width: 100%;
@@ -56,8 +61,26 @@ p, .control-group {
5661
.demo .value span {
5762
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
5863
}
64+
.theme-selector {
65+
margin-top: 10px;
66+
font-size: 13px;
67+
}
68+
.theme-selector:before {
69+
content: 'Themes: ';
70+
}
71+
.theme-selector a {
72+
margin: 0 5px;
73+
}
74+
.theme-selector a.active {
75+
color: #202020;
76+
font-weight: bold;
77+
}
5978
#wrapper {
60-
margin: 100px;
79+
margin: 0;
80+
}
81+
#wrapper > * {
82+
padding-left: 100px;
83+
padding-right: 100px;
6184
}
6285
pre {
6386
background: #f8f8f8;

‎examples/customization.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
1212
<link rel="stylesheet" href="css/normalize.css">
1313
<link rel="stylesheet" href="css/stylesheet.css">
14-
<link rel="stylesheet" href="../dist/css/selectize.default.css">
1514
<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
1615
<script src="js/jquery.js"></script>
1716
<script src="../dist/js/standalone/selectize.js"></script>

‎examples/dynamic.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
1212
<link rel="stylesheet" href="css/normalize.css">
1313
<link rel="stylesheet" href="css/stylesheet.css">
14-
<link rel="stylesheet" href="../dist/css/selectize.default.css">
1514
<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
1615
<script src="js/jquery.js"></script>
1716
<script src="../dist/js/standalone/selectize.js"></script>

‎examples/events.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
1212
<link rel="stylesheet" href="css/normalize.css">
1313
<link rel="stylesheet" href="css/stylesheet.css">
14-
<link rel="stylesheet" href="../dist/css/selectize.default.css">
1514
<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
1615
<script src="js/jquery.js"></script>
1716
<script src="../dist/js/standalone/selectize.js"></script>

‎examples/github.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
1212
<link rel="stylesheet" href="css/normalize.css">
1313
<link rel="stylesheet" href="css/stylesheet.css">
14-
<link rel="stylesheet" href="../dist/css/selectize.default.css">
1514
<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
1615
<script src="js/jquery.js"></script>
1716
<script src="../dist/js/standalone/selectize.js"></script>

‎examples/images/bg.png

7.3 KB
Loading

‎examples/js/index.js

Lines changed: 17 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,24 @@
11
$(function() {
22
var $wrapper = $('#wrapper');
3-
3+
4+
// theme switcher
5+
var theme_match = String(window.location).match(/[?&]theme=([a-z0-9]+)/);
6+
var theme = (theme_match && theme_match[1]) || 'default';
7+
var themes = ['default','bootstrap2','bootstrap3'];
8+
$('head').append('<link rel="stylesheet" href="../dist/css/selectize.' + theme + '.css">');
9+
10+
var $themes = $('<div>').addClass('theme-selector').insertAfter('h1');
11+
for (var i = 0; i < themes.length; i++) {
12+
$themes.append('<a href="?theme=' + themes[i] + '"' + (themes[i] === theme ? ' class="active"' : '') + '>' + themes[i] + '</a>');
13+
}
14+
415
// display scripts on the page
516
$('script', $wrapper).each(function() {
617
var code = this.text;
718
if (code && code.length) {
819
var lines = code.split('\n');
920
var indent = null;
10-
21+
1122
for (var i = 0; i < lines.length; i++) {
1223
if (/^[ ]*$/.test(lines[i])) continue;
1324
if (!indent) {
@@ -17,23 +28,23 @@ $(function() {
1728
}
1829
lines[i] = lines[i].replace(new RegExp('^' + indent), '');
1930
}
20-
31+
2132
var code = $.trim(lines.join('\n')).replace(/ /g, ' ');
2233
var $pre = $('<pre>').addClass('js').text(code);
2334
$pre.insertAfter(this);
2435
}
2536
});
26-
37+
2738
// show current input values
2839
$('select.selectized,input.selectized', $wrapper).each(function() {
2940
var $container = $('<div>').addClass('value').html('Current Value: ');
3041
var $value = $('<span>').appendTo($container);
3142
var $input = $(this);
3243
var update = function(e) { $value.text(JSON.stringify($input.val())); }
33-
44+
3445
$(this).on('change', update);
3546
update();
36-
47+
3748
$container.insertAfter($input);
3849
});
3950
});

‎examples/lock.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
1212
<link rel="stylesheet" href="css/normalize.css">
1313
<link rel="stylesheet" href="css/stylesheet.css">
14-
<link rel="stylesheet" href="../dist/css/selectize.default.css">
1514
<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
1615
<script src="js/jquery.js"></script>
1716
<script src="../dist/js/standalone/selectize.js"></script>

‎examples/movies.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
1212
<link rel="stylesheet" href="css/normalize.css">
1313
<link rel="stylesheet" href="css/stylesheet.css">
14-
<link rel="stylesheet" href="../dist/css/selectize.default.css">
1514
<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
1615
<script src="js/jquery.js"></script>
1716
<script src="../dist/js/standalone/selectize.js"></script>

‎examples/optgroups.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
1212
<link rel="stylesheet" href="css/normalize.css">
1313
<link rel="stylesheet" href="css/stylesheet.css">
14-
<link rel="stylesheet" href="../dist/css/selectize.default.css">
1514
<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
1615
<script src="js/jquery.js"></script>
1716
<script src="../dist/js/standalone/selectize.js"></script>

‎examples/performance.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
1212
<link rel="stylesheet" href="css/normalize.css">
1313
<link rel="stylesheet" href="css/stylesheet.css">
14-
<link rel="stylesheet" href="../dist/css/selectize.default.css">
1514
<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
1615
<script src="js/jquery.js"></script>
1716
<script src="../dist/js/standalone/selectize.js"></script>

‎examples/plugins.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
1212
<link rel="stylesheet" href="css/normalize.css">
1313
<link rel="stylesheet" href="css/stylesheet.css">
14-
<link rel="stylesheet" href="../dist/css/selectize.default.css">
1514
<!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
1615
<script src="js/jquery.js"></script>
1716
<script src="js/jqueryui.js"></script>

0 commit comments

Comments
 (0)