This repository has been archived by the owner on Mar 9, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathColor Swatches.html
115 lines (105 loc) · 3.62 KB
/
Color Swatches.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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flat UI Kit - HTML/PSD Design Framework</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="./favicon.ico">
<!-- Loading Bootstrap -->
<link rel="stylesheet" href="./css/bootstrap.css">
<!-- Loading Flat UI -->
<link rel="stylesheet" href="./css/flat-ui.css">
<link rel="stylesheet" href="./css/style.css"/>
</head>
<body>
<div style="float:left;">
<iframe id='listtest' width="350" height="1400" src="./list-test-cases.html" frameborder="0" allowfullscreen></iframe>
</div>
<div class="container">
<h3 class="demo-panel-title">Color Swatches</h3>
<div class="row">
<div class="span9">
<div class="row mbl">
<div class="span3">
<dl class="palette palette-peter-river">
<dt>#1abc9c</dt>
<dd>Peter river</dd>
</dl>
<dl class="palette palette-belize-hole">
<dt>#16a085</dt>
<dd>Belize hole</dd>
</dl>
</div>
<div class="span3">
<dl class="palette palette-pale-sky">
<dt>#627385</dt>
<dd>Pale Sky</dd>
</dl>
<dl class="palette palette-pickled-bluewood2">
<dt>#2C3E50</dt>
<dd>Pickled Bluewood</dd>
</dl>
</div>
<div class="span3">
<dl class="palette2 palette-iron">
<dt>#d6dbdf</dt>
<dd>Iron</dd>
</dl>
<dl class="palette palette-black">
<dt>#000000</dt>
<dd>Black</dd>
</dl>
</div>
</div> <!-- /color swatches -->
<div class="row mbl">
<div class="span3">
<dl class="palette palette-sun-flower">
<dt>#f1c40f</dt>
<dd>Sun flower</dd>
</dl>
<dl class="palette palette-orange">
<dt>#f39c12</dt>
<dd>Orange</dd>
</dl>
</div>
<div class="span3">
<dl class="palette palette-supernova">
<dt>#FFC601</dt>
<dd>Supernova</dd>
</dl>
<dl class="palette palette-tuatara">
<dt>#232221</dt>
<dd>Tuatara</dd>
</dl>
</div>
<div class="span3">
<dl class="palette palette-carrot">
<dt>#e67e22</dt>
<dd>Carrot</dd>
</dl>
<dl class="palette palette-pumpkin">
<dt>#d35400</dt>
<dd>Pumpkin</dd>
</dl>
</div>
</div> <!-- /color swatches -->
</div>
</div> <!-- /swatches row -->
<a id="prevbtn">
<img src="assets/prev-icon.png" title="Prev Test" alt="Prev Test" width="50" height="50" />
</a>
<a id="nextbtn">
<img src="assets/next-icon.png" title="Next Test" alt="Next Test" width="50" height="50" />
</a>
<script type='text/javascript'>
document.getElementById('listtest').onload = function()
{
document.getElementById('prevbtn').href = prevUrl;
if (typeof nextUrl != 'undefined')
document.getElementById('nextbtn').href = nextUrl;
else
document.getElementById('nextbtn').style.display = 'none';
};
</script>
</body>
</html>