tdesktop/Telegram/SourceFiles/intro/intro.style

/*
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";

countryInput {
	width: pixels;
	height: pixels;
	top: pixels;
	bgColor: color;
	ptrSize: size;
	textMrg: margins;
	font: font;
	align: align;
}

introCountry: countryInput {
	width: 300px;
	height: 41px;
	top: 33px;
	bgColor: #f2f2f2;
	ptrSize: size(15px, 8px);
	textMrg: margins(16px, 5px, 16px, 15px);
	font: inpDefFont;
	align: align(left);
}

introBtnTop: 288px;
introSkip: 45px;
introFinishSkip: 15px;
introPhotoSize: 98px;
introHeaderFont: font(24px);
introHeaderSkip: 14px;
introIconSkip: 54px;
introFont: font(16px);
introLink: linkButton(btnDefLink) {
	font: introFont;
	overFont: font(16px underline);
}
introLabel: flatLabel(labelDefFlat) {
	font: introFont;
	align: align(center);
}

introStepSize: size(400px, 200px);
introSize: size(400px, 400px);
introSlideShift: 500px; // intro hiding animation
introSlideDuration: 200;
introSlideDelta: 0; // between hide start and show start
introHideFunc: transition(easeInCirc);
introShowFunc: transition(easeOutCirc);
introAlphaHideFunc: transition(easeOutCirc);
introAlphaShowFunc: transition(easeInCirc);
introTextTop: 22px;
introTextSize: size(400px, 93px);
introCallSkip: 15px;
introPwdTextSize: size(400px, 73px);

introNextButton: flatButton {
	duration: 200;
	cursor: cursor(pointer);

	color: #ffffff;
	overColor: #ffffff;
	downColor: #ffffff;
	bgColor: #2fa9e2;
	overBgColor: #279ad0;
	downBgColor: #279ad0;

	textTop: 16px;
	overTextTop: 16px;
	downTextTop: 17px;

	font: font(17px);
	overFont: font(17px);

	width: 300px;
	height: 56px;

	radius: buttonRadius;
}

introPhoneTop: 8px;
inpIntroCountryCode: flatInput(inpDefGray) {
	width: 70px;
	height: 41px;
	align: align(center);
}
inpIntroPhone: flatInput(inpDefGray) {
	textMrg: margins(12px, 5px, 12px, 6px);
	width: 225px;
	height: 41px;
}
inpIntroCode: flatInput(inpDefGray) {
	textMrg: margins(12px, 5px, 12px, 6px);
	width: 106px;
	height: 41px;
	align: align(center);

	phPos: point(0px, 0px);
	phAlign: align(center);
	phShift: 0px;
}
inpIntroName: flatInput(inpIntroPhone) {
	width: 192px;
}
inpIntroPassword: flatInput(inpIntroPhone) {
	width: 300px;
}

introSelectDelta: 30px;

introErrorWidth: 450px;
introErrorDuration: 200;
introErrorTop: 15px;
introErrorHeight: 40px;
introErrorFont: font(16px);

introLabelTextStyle: textStyle(defaultTextStyle) {
	lineHeight: 30px;
}
introErrorLabelTextStyle: textStyle(defaultTextStyle) {
	lineHeight: 27px;
}

introErrorLabel: flatLabel(labelDefFlat) {
	font: introErrorFont;
	align: align(center);
}
introBackButton: IconButton {
	width: 40px;
	height: 40px;

	icon: icon {
		{ size(40px, 40px), #f2f2f2 },
		{ "title_back", #adadad, point(12px, 12px) },
	};
	iconOver: icon {
		{ size(40px, 40px), #eeeeee },
		{ "title_back", #969696, point(12px, 12px) },
	};

	iconPosition: point(0px, 0px);
	iconPositionDown: point(0px, 0px);
}
introBackPosition: point(32px, 32px);