improved desktop UI
[mardrone] / mardrone / imports / com / nokia / meego / UIConstants.js
1 /****************************************************************************
2 **
3 ** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies).
4 ** All rights reserved.
5 ** Contact: Nokia Corporation (qt-info@nokia.com)
6 **
7 ** This file is part of the Qt Components project.
8 **
9 ** $QT_BEGIN_LICENSE:BSD$
10 ** You may use this file under the terms of the BSD license as follows:
11 **
12 ** "Redistribution and use in source and binary forms, with or without
13 ** modification, are permitted provided that the following conditions are
14 ** met:
15 **   * Redistributions of source code must retain the above copyright
16 **     notice, this list of conditions and the following disclaimer.
17 **   * Redistributions in binary form must reproduce the above copyright
18 **     notice, this list of conditions and the following disclaimer in
19 **     the documentation and/or other materials provided with the
20 **     distribution.
21 **   * Neither the name of Nokia Corporation and its Subsidiary(-ies) nor
22 **     the names of its contributors may be used to endorse or promote
23 **     products derived from this software without specific prior written
24 **     permission.
25 **
26 ** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
27 ** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
28 ** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
29 ** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
30 ** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
31 ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
32 ** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
33 ** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
34 ** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
35 ** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
36 ** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
37 ** $QT_END_LICENSE$
38 **
39 ****************************************************************************/
40
41 .pragma library
42
43 var FONT_FAMILY = "Nokia Pure Text";
44 var FONT_FAMILY_LIGHT = "Nokia Pure Text Light";
45 var FONT_DEFAULT_SIZE = 24; // DEPRECATED
46
47 var FONT_XLARGE  = 32;
48 var FONT_LARGE   = 28;
49 var FONT_SLARGE  = 26;
50 var FONT_DEFAULT = 24;
51 var FONT_LSMALL  = 22; 
52 var FONT_SMALL   = 20;
53 var FONT_XSMALL  = 18;
54 var FONT_XXSMALL = 16;
55
56 var COLOR_FOREGROUND = "#191919"; // Text color
57 var COLOR_SECONDARY_FOREGROUND = "#a6a8ab"; // Secondary text
58 var COLOR_BACKGROUND = "#E0E1E2"; // Background
59 var COLOR_SELECT = "#4591ff"; //Selected item background
60
61 var COLOR_INVERTED_FOREGROUND = "#ffffff"; // Text color
62 var COLOR_INVERTED_SECONDARY_FOREGROUND = "#8c8c8c"; // Secondary text
63 var COLOR_INVERTED_BACKGROUND = "#000000"; // Background
64
65 var COLOR_DISABLED_FOREGROUND = "#b2b2b4";
66
67 var COLOR_BUTTON_FOREGROUND            = "#000000" //text color
68 var COLOR_BUTTON_INVERTED_FOREGROUND   = "#ffffff" //inverted text color
69 var COLOR_BUTTON_SECONDARY_FOREGROUND  = "#8c8c8c" //secondary text
70 var COLOR_BUTTON_DISABLED_FOREGROUND   = "#B2B2B4" //disabled text
71 var COLOR_BUTTON_BACKGROUND            = "#000000" //background
72
73 var SIZE_ICON_DEFAULT = 32;
74 var SIZE_ICON_LARGE = 48;
75
76 var CORNER_MARGINS = 22;
77
78 var MARGIN_DEFAULT = 0;
79 var MARGIN_XLARGE = 16;
80
81 // Distance in pixels from the widget bounding box inside which a release
82 // event would still be accepted and trigger the widget
83 var RELEASE_MISS_DELTA = 30;
84
85 var OPACITY_ENABLED = 1.0;
86 var OPACITY_DISABLED = 0.5;
87 var SIZE_BUTTON = 64;
88
89 var PADDING_XSMALL  = 2;
90 var PADDING_SMALL   = 4;
91 var PADDING_MEDIUM  = 6;
92 var PADDING_LARGE   = 8;
93 var PADDING_DOUBLE  = 12;
94 var PADDING_XLARGE  = 16;
95 var PADDING_XXLARGE = 24;
96
97 var SCROLLDECORATOR_SHORT_MARGIN = 8;
98 var SCROLLDECORATOR_LONG_MARGIN = 4;
99
100 var TOUCH_EXPANSION_MARGIN = -12;
101
102 var BUTTON_WIDTH = 322;
103 var BUTTON_HEIGHT = 51;
104 var BUTTON_LABEL_MARGIN = 10;
105
106 var FIELD_DEFAULT_HEIGHT = 52;
107
108 //Common UI layouts
109 var DEFAULT_MARGIN = 16;
110 var BUTTON_SPACING = 6;
111 var HEADER_DEFAULT_HEIGHT_PORTRAIT = 72;
112 var HEADER_DEFAULT_HEIGHT_LANDSCAPE = 46;
113 var HEADER_DEFAULT_TOP_SPACING_PORTRAIT = 20;
114 var HEADER_DEFAULT_BOTTOM_SPACING_PORTRAIT = 20;
115 var HEADER_DEFAULT_TOP_SPACING_LANDSCAPE = 16;
116 var HEADER_DEFAULT_BOTTOM_SPACING_LANDSCAPE = 14;
117 var LIST_ITEM_HEIGHT_SMALL = 64;
118 var LIST_ITEM_HEIGHT_DEFAULT = 80;
119
120