1
+ body {
2
+ background-color : # F6F7F8 ; font-family : Roboto, Helvetica, Arial; margin : 0px ; padding : 0px ;
3
+ backface-visibility : hidden; height : 100% ; position : absolute; width : 100% ; overflow-x : hidden; height : 15000px
4
+ }
5
+ body .loaded { height : 100% ; overflow : auto }
6
+
7
+ p , h1 , h2 , h3 , h4 { margin : 0px ; padding-bottom : 0.6em ; }
8
+
9
+ input .text , textarea { border : 1px solid # EEE ; padding : 15px 15px ; transition : all 0.3s ; width : 100% ; box-sizing : border-box; font-family : "Helvetica Neue" , Helvetica, Arial, sans-serif; }
10
+ input .text : disabled , textarea : disabled { background-color : # FAFAFA ; color : # 9A9A9A }
11
+ input .big { font-size : 20px ; font-weight : 100 ; font-family : Roboto, Helvetica, Arial }
12
+ input .search { border-radius : 50px ; padding-left : 30px ; }
13
+ input .text : focus , textarea : focus { outline : none; border : 1px solid # c6caff }
14
+ textarea .autosize { overflow : hidden; transition : border 0.3s , background-color 0.3s , color 0.3s }
15
+
16
+ a { text-decoration : none; color : # 5d68ff }
17
+ a : hover { text-decoration : underline; }
18
+ a : active { text-decoration : none }
19
+ a .link : active { background-color : rgba (0 , 0 , 0 , 0.05 ); outline : 4px solid rgba (0 , 0 , 0 , 0.05 ); transition : none }
20
+
21
+ h1 { font-size : 34px ; }
22
+ h1 , h2 , h3 { font-weight : lighter }
23
+ h2 a { font-size : 13px ; margin-left : 10px ; font-weight : normal; margin-top : 8px ; }
24
+ h2 .sep { border-top : 1px solid # EEE ; padding-top : 20px }
25
+
26
+ .center { width : 960px ; margin-left : auto; margin-right : auto; }
27
+
28
+ /* Content */
29
+ # Content { margin-top : 30px ; margin-bottom : 50px }
30
+
31
+ .content-signup { text-align : center }
32
+ .content-signup .button-certselect { margin : 20px ; display : inline-block; }
33
+
34
+ /* Cols */
35
+ .col-left , .col-center , .col-right { width : 66% ; display : inline-block; vertical-align : top; box-sizing : border-box }
36
+ .col-left , .col-right { width : 33% ; padding-left : 20px ; margin-top : 90px ; }
37
+ .col-left { padding-left : 0px ; padding-right : 20px ; margin-top : 0px }
38
+
39
+ /* Card */
40
+ .cards { margin-right : -20px }
41
+ .card {
42
+ border-radius : 4px ; box-shadow : 0px 1px 11px # EAEAEA ; background-color : white; width : 33% ; width : calc (33% - 10px );
43
+ box-sizing : border-box; margin-right : 10px ; margin-bottom : 10px ; min-width : 300px ; display : inline-block;
44
+ }
45
+
46
+ /* Avatar */
47
+ .avatar { width : 50px ; height : 50px ; background : # EEE ; border-radius : 100px ; display : inline-block; }
48
+ .avatar .empty { vertical-align : top; font-size : 11px ; line-height : 51px ; text-align : center; text-decoration : none; color : # 666 ; font-weight : bold; }
49
+
50
+ /* More */
51
+ .more { width : 100% ; display : block; clear : both; text-align : center; padding : 20px ; box-sizing : border-box; box-shadow : inset 0px 9px 25px -20px # 5d68ff ; }
52
+ .more .small { font-size : 14px ; box-shadow : none; padding : 10px }
53
+
54
+ /* Animate */
55
+ .animate { transition : all 0.3s ease-out !important ; }
56
+ .animate-back { transition : all 1s cubic-bezier (0.175 , 0.885 , 0.32 , 1.275 ) !important ; }
57
+ .animate-inout { transition : all 0.6s cubic-bezier (0.77 , 0 , 0.175 , 1 ) !important ; }
58
+ .animate-inback { transition : all 0.6s cubic-bezier (0.6 , -0.28 , 0.735 , 0.045 ) !important ; }
59
+ .animate-in { transition : all 0.6s cubic-bezier (0.6 , 0.04 , 0.98 , 0.335 ) !important ; }
60
+ .animate-out { transition : all 0.6s ease-out !important ; }
61
+
62
+ @keyframes flash-in {
63
+ 0% { transform : scale (1.5 ); opacity : 0 }
64
+ 80% { transform : scale (1 ); opacity : 1 }
65
+ 100% { transform : scale (1 ); opacity : 0 }
66
+ }
67
+
68
+ @keyframes flash-in-big {
69
+ 0% { transform : scale (1.2 ); opacity : 0 }
70
+ 80% { transform : scale (1 ); opacity : 1 }
71
+ 100% { transform : scale (1 ); opacity : 0 }
72
+ }
73
+
74
+ @keyframes flash-out {
75
+ 0% { transform : scale (1 ); opacity : 1 }
76
+ 100% { transform : scale (1.5 ); opacity : 0 }
77
+ }
78
+ @keyframes flash-out-big {
79
+ 0% { transform : scale (1 ); opacity : 1 }
80
+ 100% { transform : scale (1.2 ); opacity : 0 }
81
+ }
0 commit comments