aboutsummaryrefslogtreecommitdiff
path: root/js/panels/color/colorpanelpopup.reel/colorpanelpopup.html
blob: feebb45cb36e4c47bf3f9dbb32530857c2feeb2e (plain)
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
<!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": {
                "module": "js/panels/Color/colorpanelpopup.reel",
                "name": "ColorPanelPopup",
                "properties": {
                    "element": {"#": "cpp_popup"}
                }
            }
        }
		</script>
		
	</head>
	
	<body>
    
    	<div id="cpp_popup" class="cpp_popup">
    		<div class="cp_pu_options">
	    		
	    		<div class="cp_pu_history">
	    			
	    			<button class="cp_pu_color_previous">Previous Color</button>
    				<button class="cp_pu_color_current">Current Color</button>
    				
   				</div>
	    		
	    		<div class="cp_pu_hex">#<input class="cp_pu_hottext_hex" maxlength="6" /></div>
    			
    			<button class="cp_pu_wheel" title="Color Wheel">Color Wheel</button>
    			<button class="cp_pu_images" title="Background Image">Images</button>
    			<button class="cp_pu_gradients" title="Gradient">Gradients</button>
    			<button class="cp_pu_palettes" title="Color Palette">Palettes</button>
    			<button class="cp_pu_nocolor" title="No Color">No Color</button>
    			
    		</div>
    		
    		<div class="cp_pu_content">
    			<div class="cp_pu_wheel_container cp_pu_content_container"></div>
    			<div class="cp_pu_gradient_container cp_pu_content_container"></div>
    			<div class="cp_pu_palette_container cp_pu_content_container"></div>
    			<div class="cp_pu_image_container cp_pu_content_container"></div>
    		</div>
    		
    		<div class="cp_pu_alpha">
    			<div class="cp_pu_a_label">Alpha</div>
    			<div class="cp_pu_a_slider"></div>
    			<input class="cp_pu_a_hottext"/>
    			<div class="cp_pu_a_label2">%</div>
    		</div>
    		
    	</div>
    
	</body>

</html>