/*
This file is part of Telegram Desktop,
the official desktop version of Telegram messaging app, see https://telegram.org

Telegram Desktop is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

It is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

In addition, as a special exception, the copyright holders give permission
to link the code of portions of this program with the OpenSSL library.

Full license: https://github.com/telegramdesktop/tdesktop/blob/master/LICENSE
Copyright (c) 2014-2016 John Preston, https://desktop.telegram.org
*/
using "basic.style";
using "ui/widgets/widgets.style";

countryRipple: defaultRippleAnimation;

introCoverHeight: 208px;
introCoverTopBg: #0f89d0;
introCoverBottomBg: #39b0f0;
introCoverIconsFg: #5ec6ff;
introCoverMaxWidth: 880px;
introCoverIconsMinSkip: 120px;
introCoverLeft: icon {{ "intro_left", introCoverIconsFg }};
introCoverRight: icon {{ "intro_right", introCoverIconsFg }};
introCoverIcon: icon {
	{ "intro_plane_trace", #5ec6ff69 },
	{ "intro_plane_inner", #c6d8e8 },
	{ "intro_plane_outer", #a1bed4 },
	{ "intro_plane_top", #ffffff },
};
introCoverIconLeft: 50px;
introCoverIconTop: 46px;

introSettingsSkip: 10px;

introPhotoSize: 76px;
introPhotoIconPosition: point(23px, 25px);
introPhotoTop: 10px;

introCoverTitle: FlatLabel(defaultFlatLabel) {
	font: font(22px semibold);
	textFg: introTitleFg;
	align: align(center);
}
introCoverTitleTop: 126px;
introCoverDescription: FlatLabel(defaultFlatLabel) {
	font: font(15px);
	textFg: introDescriptionFg;
	align: align(center);
}
introCoverDescriptionTextStyle: TextStyle(defaultTextStyle) {
	lineHeight: 24px;
}
introCoverDescriptionTop: 164px;
introTitle: FlatLabel(defaultFlatLabel) {
	font: font(17px semibold);
	textFg: introTitleFg;
}
introTitleTop: 11px;
introDescription: FlatLabel(defaultFlatLabel) {
	font: normalFont;
	textFg: introDescriptionFg;
}
introDescriptionTextStyle: TextStyle(defaultTextStyle) {
	lineHeight: 20px;
}
introDescriptionTop: 44px;

introLink: defaultLinkButton;

introPlaneWidth: 48px;
introPlaneHeight: 38px;
introHeight: 396px;
introStepTopMin: 86px;
introStepWidth: 380px;
introStepHeight: 256px;
introStepHeightAdd: 30px;
introStepHeightFull: 580px;
introSlideDuration: 200;
introCoverDuration: 300;

introNextButton: RoundButton(defaultActiveButton) {
	width: 300px;
	height: 56px;

	textTop: 17px;
	font: font(17px semibold);
}

introStepFieldTop: 116px;
introPhoneTop: 16px;
introLinkTop: 21px;
introCountry: InputField(defaultInputField) {
	textMargins: margins(3px, 7px, 3px, 6px);
	font: font(16px);
	width: 300px;
	height: 41px;
}
introCountryCode: InputField(introCountry) {
	width: 64px;
	height: 41px;
	textAlign: align(top);
}
introPhone: InputField(introCountry) {
	textMargins: margins(12px, 7px, 12px, 6px);
	width: 225px;
	height: 41px;
}
introCode: introCountry;
introName: introCountry;
introPassword: introCountry;
introPasswordTop: 94px;
introPasswordHintTop: 146px;

introPasswordHint: FlatLabel(introDescription) {
	textFg: windowFg;
}
introPasswordHintTextStyle: introDescriptionTextStyle;

introResetButton: RoundButton(defaultLightButton) {
	textFg: attentionButtonFg;
	textFgOver: attentionButtonFgOver;
	textBgOver: attentionButtonBgOver;

	ripple: RippleAnimation(defaultRippleAnimation) {
		color: attentionButtonBgRipple;
	}
}
introResetBottom: 20px;

introCountryIcon: icon {{ "intro_country_dropdown", menuIconFg }};
introCountryIconPosition: point(8px, 17px);

introSelectDelta: 30px;

introErrorTop: 225px;
introErrorBelowLinkTop: 213px;
introErrorDuration: 200;

introError: introDescription;
introErrorCentered: FlatLabel(introError) {
	align: align(center);
}
introErrorTextStyle: introDescriptionTextStyle;

introBackButton: IconButton(defaultIconButton) {
	width: 56px;
	height: 56px;

	icon: icon {{ "box_button_back", menuIconFg }};
	iconOver: icon {{ "box_button_back", menuIconFgOver }};

	rippleAreaPosition: point(8px, 8px);
	rippleAreaSize: 40px;
	ripple: RippleAnimation(defaultRippleAnimation) {
		color: windowBgOver;
	}
}