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
|
<!DOCTYPE html>
<!-- <copyright>
This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
</copyright> -->
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/colorpanelpopup.css">
<script type="text/montage-serialization">
{
"owner": {
"prototype": "js/panels/Color/colorpanelpopup.reel[ColorPanelPopup]",
"properties": {
"element": {"#": "cpp_popup"},
"wheel": {"#": "cntnr_wheel"},
"images": {"#": "cntnr_images"},
"gradients": {"#": "cntnr_gradients"},
"palettes": {"#": "cntnr_palettes"},
"alpha": {"#": "cntnr_alpha"},
"alphaSlider": {"#": "alpha_slider"},
"alphaHottext": {"#": "alpha_hottext"},
"btnPrevious": {"#": "btn_previous"},
"btnCurrent": {"#": "btn_current"},
"btnWheel": {"#": "btn_wheel"},
"btnImage": {"#": "btn_images"},
"btnGradient": {"#": "btn_gradients"},
"btnPalette": {"#": "btn_palettes"},
"btnNocolor": {"#": "btn_nocolor"},
"inputHex": {"#": "input_hex"}
}
}
}
</script>
</head>
<body>
<div data-montage-id="cpp_popup" class="cpp_popup">
<div class="cp_pu_options">
<div class="cp_pu_history">
<button data-montage-id="btn_previous" class="cp_pu_color_previous">Previous Color</button>
<button data-montage-id="btn_current" class="cp_pu_color_current">Current Color</button>
</div>
<div class="cp_pu_hex">#<input data-montage-id="input_hex" class="cp_pu_hottext_hex" maxlength="6" /></div>
<button data-montage-id="btn_wheel" class="cp_pu_wheel" title="Color Wheel">Color Wheel</button>
<button data-montage-id="btn_images" class="cp_pu_images" title="Background Image">Images</button>
<button data-montage-id="btn_gradients" class="cp_pu_gradients" title="Gradient">Gradients</button>
<button data-montage-id="btn_palettes" class="cp_pu_palettes" title="Color Palette">Palettes</button>
<button data-montage-id="btn_nocolor" class="cp_pu_nocolor" title="No Color">No Color</button>
</div>
<div class="cp_pu_content">
<div data-montage-id="cntnr_wheel" class="cp_pu_wheel_container cp_pu_content_container"></div>
<div data-montage-id="cntnr_gradients" class="cp_pu_gradient_container cp_pu_content_container"></div>
<div data-montage-id="cntnr_palettes" class="cp_pu_palette_container cp_pu_content_container"></div>
<div data-montage-id="cntnr_images" class="cp_pu_image_container cp_pu_content_container"></div>
</div>
<div data-montage-id="cntnr_alpha" class="cp_pu_alpha">
<div class="cp_pu_a_label">Alpha</div>
<div data-montage-id="alpha_slider" class="cp_pu_a_slider"></div>
<input data-montage-id="alpha_hottext" class="cp_pu_a_hottext"/>
<div class="cp_pu_a_label2">%</div>
</div>
</div>
</body>
</html>
|