1
+ @import url (https://fonts.googleapis.com/css?family=Open+Sans);
2
+ .btn { display : inline-block; * display : inline; * zoom : 1 ; padding : 4px 10px 4px ; margin-bottom : 0 ;
3
+ font-size : 13px ; line-height : 18px ; color : # A52A2A ; text-align : center;text-shadow : 0 1px 1px
4
+ rgba (255 , 255 , 255 , 0.75 ); vertical-align : middle; background-color : # f5f5f5 ; background-image : -
5
+ moz-linear-gradient (top, # ffffff, # e6e6e6 ); background-image : -ms-linear-gradient (top, # ffffff,
6
+ # e6e6e6 ); background-image : -webkit-gradient (linear, 0 0 , 0 100% , from (# ffffff ), to (# e6e6e6 ));
7
+ background-image : -webkit-linear-gradient (top, # ffffff, # e6e6e6 ); background-image : -o-linear-
8
+ gradient (top, # ffffff, # e6e6e6 ); background-image : linear-gradient (top, # ffffff, # e6e6e6 );
9
+ background-repeat : repeat-x; filter :
10
+ progid:dximagetransform.microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6,
11
+ GradientType=0); border-color : # e6e6e6 # e6e6e6 # e6e6e6 ; border-color : rgba (0 , 0 , 0 , 0.1 ) rgba (0 , 0 ,
12
+ 0 , 0.1 ) rgba (0 , 0 , 0 , 0.25 ); border : 1px solid # e6e6e6 ; -webkit-border-radius : 4px ; -moz-border-
13
+ radius : 4px; bor der- radius: 4px; - webkit- box- shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px
14
+ 2px rgba(0, 0, 0, 0.05); - moz- box- shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0,
15
+ 0, 0.05); box- shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); cursor :
16
+ pointer; * margin-left: .3em; }
17
+ .btn : hover , .btn : active , .btn .active , .btn .disabled , .btn [disabled ] { background-color : # A52A2A ; }
18
+ .btn-large { padding : 9px 14px ; font-size : 15px ; line-height : normal; -webkit-border-radius : 5px ; -
19
+ moz- bor der- radius: 5px; bor der- radius: 5px; }
20
+ .btn : hover { color : # A52A2A ; text-decoration : none; background-color : # A52A2A ; background-
21
+ position : 0 -15px; - webkit- transition: background- position 0.1s linear; - moz- transition: background-
22
+ position 0.1s linear; - ms- transition: background- position 0.1s linear; - o- transition: background-
23
+ position 0.1s linear; transition: background- position 0.1s linear; }
24
+ .btn-primary , .btn-primary : hover { text-shadow : 0 -1px 0 rgba (0 , 0 , 0 , 0.25 ); color : # ffffff ; }
25
+ .btn-primary .active { color : rgba (255 , 255 , 255 , 0.75 ); }
26
+ .btn-primary { background-color : # A52A2A ; background-image : -moz-linear-gradient (top, # F5F5DC,
27
+ # A52A2A ); background-image : -ms-linear-gradient (top, # F5F5DC, # A52A2A ); background-image : -
28
+ webkit-gradient (linear, 0 0 , 0 100% , from (# F5F5DC ), to (# A52A2A )); background-image : -webkit-
29
+ linear-gradient (top, # F5F5DC, # A52A2A ); background-image : -o-linear-gradient (top, # F5F5DC,
30
+ # A52A2A ); background-image : linear-gradient (top, # F5F5DC, # A52A2A ); background-repeat : repeat-
31
+ x; filter : progid:dximagetransform.microsoft.gradient(startColorstr=#F5F5DC, endColorstr=#A52A2A,
32
+ GradientType=0); border : 1px solid # 3762bc ; text-shadow : 1px 1px 1px rgba (0 , 0 , 0 , 0.4 ); box-shadow :
33
+ inset 0 1px 0 rgba (255 , 255 , 255 , 0.2 ), 0 1px 2px rgba (0 , 0 , 0 , 0.5 ); }
34
+ .btn-primary : hover , .btn-primary : active , .btn-primary .active , .btn-primary .disabled , .btn-
35
+ primary [disabled ] { filter : none; background-color : # a52a2a ; }
36
+ .btn-block { width : 100% ; display : block; }
37
+ * { -webkit-box-sizing : border-box; -moz-box-sizing : border-box; -ms-box-sizing : border-box; -o-box-
38
+ sizing : bor der- box; box- sizing: bor der- box; }
39
+ html { width : 100% ; height : 100% ; overflow : hidden; }
40
+ body {
41
+ width : 100% ;
42
+ height : 100% ;
43
+ font-family : & # 39 ;Open Sans & # 39;, sans-serif ;
44
+ background: # FFE4B5 ;
45
+ color : # 000000;
46
+ font- size: 18px;
47
+
48
+ text- align: center;
49
+ letter- spacing: 1.2px;
50
+ background: - webkit- linear- gradient(110deg, # fdcd3b 60%, # ffed4b 60%);
51
+ background: - o- linear- gradient(110deg, # fdcd3b 60%, # ffed4b 60%);
52
+ background: - moz- linear- gradient(110deg, # fdcd3b 60%, # ffed4b 60%);
53
+ background: linear- gradient(110deg, # fdcd3b 60%, # ffed4b 60%);
54
+ filter: progid: DXImageTransfor m.Microsoft .gradient ( startColor str= & # 39;# 3E1D6D& # 39;,
55
+ endColorstr = & # 39;# 092756& # 39;, GradientType = 1 ); filter: progid: DXImageTransfor m.Microsoft .gradient (
56
+ startColor str= & # 39;# 3E1D6D& # 39;, endColorstr = & # 39;# 800000& # 39;, GradientType = 1 );
57
+ }
58
+ .login {
59
+ position : absolute;
60
+ top : 60% ;
61
+ left : 50% ;
62
+ margin : -150px 0 0 -150px ;
63
+ width : 400px ;
64
+ height : 400px ;
65
+ }
66
+ .login h1 { color : # 000000 ; text-shadow : 0 0 10px rgba (0 , 0 , 0 , 0.3 ); letter-spacing : 1px ; text-
67
+ align : center; }
68
+ input {
69
+ width : 100% ;
70
+ margin-bottom : 10px ;
71
+ background : rgba (0 , 0 , 0 , 0.3 );
72
+ border : none;
73
+ outline : none;
74
+ padding : 10px ;
75
+ font-size : 25px ;
76
+ color : # 000000 ;
77
+ text-shadow : 1px 1px 1px rgba (0 , 0 , 0 , 0.3 );
78
+ border : 1px solid rgba (0 , 0 , 0 , 0.3 );
79
+ border-radius : 4px ;
80
+ box-shadow : inset 0 -5px 45px rgba (100 , 100 , 100 , 0.2 ), 0 1px 1px rgba (255 , 255 , 255 , 0.2 );
81
+ -webkit-transition : box-shadow .5s ease;
82
+ -moz-transition : box-shadow .5s ease;
83
+ -o-transition : box-shadow .5s ease;
84
+ -ms-transition : box-shadow .5s ease;
85
+ transition : box-shadow .5s ease;
86
+ }
87
+ input : focus { box-shadow : inset 0 -5px 45px rgba (100 , 100 , 100 , 0.4 ), 0 1px 1px rgba (255 , 255 , 255 , 0.2 );
88
+ }
0 commit comments