This repository has been archived by the owner on Oct 31, 2020. It is now read-only.
/
login.css
executable file
·120 lines (109 loc) · 3.5 KB
/
login.css
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
#app-logo {
display: block;
margin: 0;
padding: 6px 13px;
font-size: 32px;
color: #999;
font-weight: bold;
}
#app-logo a:hover { text-decoration: none; }
#app-logo em { color: violet; }
#app-brand {
display: block;
position: fixed;
z-index: 9999;
top: 32px;
right: 32px;
width: 269px;
background: rgba(255, 255, 255, 0.69);
padding: 9px;
}
#btn-login { margin-top: 5px; width: 160px; text-align: left; }
#btn-facebook { margin-bottom: 9px; }
#btn-signup { margin-top: 13px; }
#login-register { margin-bottom: 1em; }
#page-login hgroup { text-align: center; margin-top: 3em; margin-bottom: 2em; }
#page-login hgroup h2 { font-size: 1.3em; color: #39F; }
#page-login hgroup h1 { font-size: 3em; color: #348; }
#login-features h1 { color: #39F; }
#login-features .row { margin: 3em 0 0 0; }
#login-tabs { margin-bottom: 0; }
#login-tab-content { background: #fff; border: 1px solid #ddd; border-top: 0; text-align: center; }
#login-tab-content input { width: auto; margin: 3px 0; }
#login-tab-content .tab-pane { padding: 1em 0 0; }
#login-features .span6 p { font-size: 18px; font-weight: 200; line-height: 27px; }
#page-login .hero-unit { margin-top: 6em; }
/* Register Interestest */
#reg-interest-selections .thumbnail { display: inline-block; }
.register-actions { margin: 0 3em 1em 3em; }
.register-actions .btn-primary { margin-right: 1em; }
#page-register-interest #top-welcome,
#page-register-suggest #top-welcome { margin: 22px 96px 0; }
#page-register-interest #top-welcome h2,
#page-register-suggest #top-welcome h2 { font-size: 17px; }
#slot-results {
-webkit-perspective: 940px;
-moz-perspective: 940px;
-ms-perspective: 940px;
-o-perspective: 940px;
perspective: 940px;
}
#slot-r-compiled {
width: 616px !important;
height: 396px !important;
max-height: 396px !important;
position: absolute;
right: 9px;
top: 160px;
}
#slot-r-compiled img {
position: static !important;
height: 545px;
}
#slot-results figure {
width: 111px;
max-height: 111px;
padding: 0;
margin: 0;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
-ms-transition: -ms-transform 0.3s;
-o-transition: -o-transform 0.3s;
transition: transform 0.3s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
}
#slot-results figure.flipped {
-webkit-transform: translateX( -100% ) rotateY( -180deg );
-moz-transform: translateX( -100% ) rotateY( -180deg );
-ms-transform: translateX( -100% ) rotateY( -180deg );
-o-transform: translateX( -100% ) rotateY( -180deg );
transform: translateX( -100% ) rotateY( -180deg );
}
#slot-results figure img {
display: block;
text-align: center;
position: absolute;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
#slot-results figure .front { background: #fff; }
#slot-results figure .back {
background: #f9f9f9;
-webkit-transform: rotateY( 180deg );
-moz-transform: rotateY( 180deg );
-ms-transform: rotateY( 180deg );
-o-transform: rotateY( 180deg );
transform: rotateY( 180deg );
}