feed_reader/shared/qml/UIConstants.js

/****************************************************************************
**
** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies).
** All rights reserved.
** Contact: Nokia Corporation (qt-info@nokia.com)
**
** This file is part of the Qt Components project on Qt Labs.
**
** No Commercial Usage
** This file contains pre-release code and may not be distributed.
** You may use this file in accordance with the terms and conditions contained
** in the Technology Preview License Agreement accompanying this package.
**
** GNU Lesser General Public License Usage
** Alternatively, this file may be used under the terms of the GNU Lesser
** General Public License version 2.1 as published by the Free Software
** Foundation and appearing in the file LICENSE.LGPL included in the
** packaging of this file.  Please review the following information to
** ensure the GNU Lesser General Public License version 2.1 requirements
** will be met: http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html.
**
** If you have questions regarding the use of this file, please contact
** Nokia at qt-info@nokia.com.
**
****************************************************************************/

.pragma library

var COLOR_NAME = "color17-"

var FONT_FAMILY = "Nokia Pure Text";
var FONT_FAMILY_LIGHT = "Nokia Pure Text Light";
var FONT_FAMILY_BOLD = "Nokia Pure Text Bold";
var FONT_DEFAULT_SIZE = 24; // DEPRECATED

var FONT_XXXLARGE = 58;
var FONT_XXLARGE = 48;
var FONT_XLARGE  = 32;
var FONT_LARGE   = 28;
var FONT_SLARGE  = 26;
var FONT_DEFAULT = 24;
var FONT_LLSMALL = 23;
var FONT_LSMALL  = 22; 
var FONT_SMALL   = 20;
var FONT_XSMALL  = 18;
var FONT_XXSMALL = 16;
var FONT_XXXSMALL = 12;

var COLOR_FOREGROUND = "#191919"; // Text color
var COLOR_SECONDARY_FOREGROUND = "#8c8c8c"; // Secondary text
var COLOR_BACKGROUND = "#E0E1E2"; // Background
var COLOR_SELECT = "#4591ff"; //Selected item background

var COLOR_INVERTED_FOREGROUND = "#ffffff"; // Text color
var COLOR_INVERTED_SECONDARY_FOREGROUND = "#8c8c8c"; // Secondary text
var COLOR_INVERTED_BACKGROUND = "#000000"; // Background

var COLOR_DISABLED_FOREGROUND = "#b2b2b4";

var COLOR_BUTTON_FOREGROUND            = "#000000" //text color
var COLOR_BUTTON_INVERTED_FOREGROUND   = "#ffffff" //inverted text color
var COLOR_BUTTON_SECONDARY_FOREGROUND  = "#8c8c8c" //secondary text
var COLOR_BUTTON_DISABLED_FOREGROUND   = "#B2B2B4" //disabled text
var COLOR_BUTTON_BACKGROUND            = "#000000" //background

var SIZE_ICON_DEFAULT = 32;
var SIZE_ICON_LARGE = 48;

var CORNER_MARGINS = 22;

var MARGIN_DEFAULT = 0;
var MARGIN_XLARGE = 16;

// Distance in pixels from the widget bounding box inside which a release
// event would still be accepted and trigger the widget
var RELEASE_MISS_DELTA = 30;

var OPACITY_ENABLED = 1.0;
var OPACITY_DISABLED = 0.5;
var SIZE_BUTTON = 64;

var PADDING_XSMALL  = 2;
var PADDING_SMALL   = 4;
var PADDING_MEDIUM  = 6;
var PADDING_LARGE   = 8;
var PADDING_DOUBLE  = 12;
var PADDING_XLARGE  = 16;
var PADDING_XXLARGE = 24;
var PADDING_XXXLARGE = 32;

var SCROLLDECORATOR_SHORT_MARGIN = 8;
var SCROLLDECORATOR_LONG_MARGIN = 4;

var TOUCH_EXPANSION_MARGIN = -4;

var BUTTON_WIDTH = 322;
var BUTTON_HEIGHT = 51;
var BUTTON_LABEL_MARGIN = 10;

var FIELD_DEFAULT_HEIGHT = 52;

//Common UI layouts
var DEFAULT_HALF_MARGIN = 8;
var DEFAULT_MARGIN = 16;
var BUTTON_SPACING = 6;
var HEADER_DEFAULT_HEIGHT_PORTRAIT = 72;
var HEADER_DEFAULT_HEIGHT_LANDSCAPE = 46;
var HEADER_DEFAULT_TOP_SPACING_PORTRAIT = 20;
var HEADER_DEFAULT_BOTTOM_SPACING_PORTRAIT = 20;
var HEADER_DEFAULT_TOP_SPACING_LANDSCAPE = 16;
var HEADER_DEFAULT_BOTTOM_SPACING_LANDSCAPE = 14;
var LIST_ITEM_HEIGHT_SMALL = 64;
var LIST_ITEM_HEIGHT_DEFAULT = 80;

//Delegate
var DEFAULT_DELEGATE_HEIGHT = 84
var LARGE_DELEGATE_HEIGHT = 114
var XLARGE_DELEGATE_HEIGHT = 144
var DELEGATE_TOP_MARGIN = 10
var DELEGATE_BOTTOM_MARGINT = 15

// ListDelegate
var LIST_ITEM_MARGIN = 18
var LIST_ITEM_SPACING = 16
var LIST_ITEM_HEIGHT = 88
var LIST_ICON_SIZE = 64
var LIST_ICON_SIZE_SMALL = 16
var LIST_TILE_SIZE = 24
var LIST_TITLE_COLOR = "#282828"
var LIST_TITLE_COLOR_INVERTED = "#ffffff"
var LIST_SUBTILE_SIZE = 22
var LIST_SUBTITLE_COLOR = "#505050"
var LIST_SUBTITLE_COLOR_INVERTED = "#d2d2d2"

// Header
var HEADER_TITLE_COLOR = "#282828"
var HEADER_SUBTITLE_COLOR = "#505050"

// Story
var STORY_CONTENTS_COLOR = "#282828"

var SEPARATOR_LABEL_COLOR = "#505050"
var SEPARATOR_LABEL_SIZE = 12

// Colors
var HIGHLIGHT_COLOR = "#ff8c00"
var HIGHLIGHT_COLOR_LIGHT = "#e3c49f"
var HIGHLIGHT_COLOR_NEGATIVE = "#ff0000"
var HIGHLIGHT_COLOR_NEGATIVE_LIGHT = "#e3bfbf"
var HIGHLIGHT_COLOR_POSITIVE = "#008000"
var HIGHLIGHT_COLOR_POSITIVE_LIGHT = "#b7cbb7"