summaryrefslogtreecommitdiff
blob: 6b380bff9649093ae44f55dd8054d11909736e86 (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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
//color manipulation
$darken-amounth: 20%;
$lighten-amounth: 20%;

$base-green: #9aca40;
$base-purple: #ae113d;
$base-orange: #ffbb42;
$base-red: #ff4e40;
$base-blue: #1ca8dd;
$base-dark-blue: #2a2d33;
$base-grey: #fcfcfc;
$base-turquoise: #66cc80;


$facebook-color: #3b5699;
$twitter-color: #55acee;
$google-color: #dd4b39;
$rss-color: #ff9900;
$wordpress-color: #333333;
$tumblr-color: #385774;

$base-color: #eeeff1;
$base-color-lighter: #f5f7f7;
$base-color-darken: #dce0e0;

$body-color: #edf0f0;
$box-color: #ffffff;
$main-menu-background: $base-dark-blue;

//text styling
$base-text-color: #4b4b4b;
$base-p-color: #8c8d8d;
$h1-font-size: 47px;
$h2-font-size: 20px;
$h3-font-size: 18px;

//buttons
$btn-radius: 3px;
$btn-background: #ffffff;
$btn-color: $base-dark-blue;
$btn-font-size: 14px;
$btn-border: #daddde;
$btn-height: 36px;
$btn-size-smallest: 50px;
$btn-size-smaller: 120px;
$btn-size-small: 220px;
$btn-size-normal: 240px;
$btn-size-big: 320px;
$btn-size-bigger: 455px;


$btn-action-border: 1px solid #7ca62c;

//forms
$input-background: #fafafa;
$input-color: $base-dark-blue;
$input-font-size: 14px;
$input-height: 36px;
$textarea-height: 100px;
$input-size-smaller: 120px;
$input-size-small: 220px;
$input-size-normal: 240px;
$input-size-big: 320px;
$input-size-bigger: 455px;
$input-size-biggest: 550px;
$input-radius: 3px;
$input-border: #daddde;
$label-color: $base-dark-blue;
$label-font-size: 15px;

	//errors
	$error-bg: #fef7f7;
	$error-color: #d0160a;
	$error-border: #ecc2c3;

	//messages
	$success-bg: #f7fef7;
	$success-color: #4cae4c;
	$success-border: #5cb85c;

	//warnings
	$warning-bg: #fffce1;
	$warning-color: #f89406;
	$warning-border: #ffd79e;

	//notices
	$notice-bg: #f6f9f9;
	$notice-border: #dfeaea;
	$notice-color: #819196;
	$notice-radius: 3px;

//structure variables
$total-width: 1180px;
$left-menu-width: 110px;
$inner-width: 1070px;
$header-height: 90px;
$section-spacer: 10px;


$inner-width-centered: 850px;
$inner-width-popup: 525px;
$inner-width-account: 455px;