-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathVideo.css
102 lines (90 loc) · 2.08 KB
/
Video.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
30body {
background: #fff;
margin: 0 0;
padding:10px;
text-align:center;
}
#videobcg {
position: absolute;
top: 0px;
left: 0px;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1000;
overflow: hidden;
-webkit-filter: blur(50px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
}
.title {
position:relative;
font-family: 'Open Sans','Helvetica Neue', Helvetica, sans serif;
font-weight:regular;
font-size: 14px;
text-shadow: 0px 1px 2px rgba(255,255,255,.125);
color: #121212;
text-align:center;
}
.cap {
margin-top:75px;
}
form {
background: rgba(255,255,255, .55);
box-shadow: 0 1px 2px rgba(0,0,0, .25);
border-radius: 3px;
margin: 20px auto 0;
padding: 10px;
width: 525px;
}
input {
display: block;
font-size: 14px;
width:485px;
margin: 20px auto;
padding: 10px 8px 10px 8px;
border-radius: 5px;
box-shadow: inset 0 1px 2px rgba(0,0,0, .55), 0px 1px 1px rgba(255,255,255,.5);
border: 1px solid #666;
}
input {
opacity: 0.5;
}
input:hover,
input:focus {
opacity: .7;
color:#08c;
border: 1px solid #08c;
box-shadow: 0px 1px 0px rgba(255,255,255,.25),inset 0px 3px 6px rgba(0,0,0,.25);
}
input[type="text"]:focus,
input[type="password"]:focus {
box-shadow: inset 0 1px 2px rgba(255,255,255, .35), 0px 1px 15px rgba(0,246,255,.5);
border: 1px solid #08c;
outline: none;
}
input[type="submit"] {
appearance: none;
opacity: .99;
width:120px;
background: #484850;
box-shadow: inset 0 1px 2px rgba(255,255,255, .35), 0px 1px 6px rgba(0,0,0,,.5);
border: 1px (255,255,255, .35);
border-radius: 4px;
color: #eee;
cursor: pointer;
text-shadow:0px -1px 0px rgba(0,0,0,.5);
}
input[type="submit"]:hover {
background: #08c;
width:120px;
border: 1px (255,255,255, .35);
border-radius: 3px;
box-shadow: inset 0px 3px 16px rgba(0,0,0,.25),0px 1px 10px rgba(255,255,255,.5),inset 0px -1px 2px rgba(255,255,255,.35);
text-shadow:0px 1px 1px rgba(0,0,0,.65);
-webkit-transition: all 0.40s ease-out;
transition: all 0.40s ease-out;
}