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.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
137.
138.
139.
140.
141.
142.
143.
144.
145.
146.
147.
148.
149.
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
body {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgsAAAGACAIAAACsorYfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0NEMTExQzczQ0MwMTFFMjg5OUJCRDE2OTk1M0ZEQ0YiIHhtcE1NOkR7HJC4FcrAi16T8RrWx8doAIJ9hFBlW8YxgMv+ADSjOUl93QC4s0Ld9zhKSvp1fFzQWDuurpnYfJANaXPu50gdjeMCn17djaBs7y6DUdxujsHoqaJObhgYUjvoY5ueMAYdgTcqopvFbSJA4hUdueK5jk5nORj97G9fw6fgifaAmO+ffMTWlZ7KycUZZPZe/dyW7DdfVZ2NbT5dRxGZGIFPtZ2BcAAoKnA7RZnKawh58/mQdzvAks8fOpZnzv+a//J8AAEHrqxbMeiGsAAAAASUVORK5CYII=');
}
body:before {
content: " ";
box-shadow: 0px 0px 100px black inset;
width: 100%;
height: 100%;
display: block;
top: 0px;
left: 0px;
position: fixed;
}
#login {
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
width: 300px;
height: 230px;
position: fixed;
top: 50%;
left: 50%;
margin-left: -100px;
margin-top: -100px;
color: #333;
box-shadow: 0px 1px 0px rgba(0,0,0,0.25);
}
#login:before {
display: block;
position: absolute;
height: 10px;
bottom: -10px;
left: 0;
right: 0;
content: '';
z-index: 0;
background: -webkit-gradient(linear,left top,left bottom,from(rgba(0, 0, 0, .7)),to(transparent));
-webkit-mask-box-image: -webkit-gradient(linear,left top,right top,
color-stop(0.0,rgba(0,0,0,0.1)),
color-stop(0.025,rgba(0,0,0,0.8)),
color-stop(0.5,rgba(0,0,0,0)),
color-stop(0.975,rgba(0,0,0,0.8)),
color-stop(1.0,rgba(0,0,0,0.1)));
}
#login:after {
content: " ";
display: block;
background: rgba(0,0,0,0.1);
position: absolute;
left: 35px;
right: 35px;
height: 30px;
top: -15px;
/*margin-left: 240px; */
}
#login form {
width: 70%;
margin: 30px auto;
text-align: center;
}
#login form h1 {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 18px;
text-transform: uppercase;
margin-bottom: 20px;
}
#login form h1:before {
display: inline-block;
content: " ";
margin-right: 15px;
width: 60px;
height: 6px;
border-top: 1px solid #333;
}
#login form h1:after {
display: inline-block;
content: " ";
margin-left: 15px;
width: 60px;
height: 6px;
border-top: 1px solid #333;
}
#login form input {
width: 100%;
height: 25px;
border-radius: 5px;
border: 1px solid #e1e1e1;
margin-bottom: 10px;
text-indent: 10px;
outline: none;
-webkit-transition: box-shadow 1s;
-moz-transition: box-shadow 1s;
-o-transition: box-shadow 1s;
transition: box-shadow 1s;
}
#login form input:focus {
box-shadow: 0px 0px 3px 1px #a2d7fc;
}
#login form button {
width: 100%;
height: 30px;
margin-top: 10px;
border-radius: 5px;
background: rgb(224,243,250);
background: -moz-linear-gradient(top, rgba(224,243,250,1) 0%, rgba(216,240,252,1) 50%, rgba(184,226,246,1) 51%, rgba(182,223,253,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,243,250,1)), color-stop(50%,rgba(216,240,252,1)), color-stop(51%,rgba(184,226,246,1)), color-stop(100%,rgba(182,223,253,1)));
background: -webkit-linear-gradient(top, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%);
background: -o-linear-gradient(top, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%);
background: -ms-linear-gradient(top, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%);
background: linear-gradient(to bottom, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0 );
border: 1px solid #b6dffd;
color: black;
text-transform: uppercase;
box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.7);
text-shadow: 0px 1px 1px white;
font-size: 12px;
}
#login form button:hover {
text-shadow: 0px 0px 1px gray;
}
#login form button:active {
background: rgb(162,215,252);
background: -moz-linear-gradient(top, rgba(162,215,252,1) 0%, rgba(164,219,244,1) 49%, rgba(194,231,250,1) 50%, rgba(203,235,247,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(162,215,252,1)), color-stop(49%,rgba(164,219,244,1)), color-stop(50%,rgba(194,231,250,1)), color-stop(100%,rgba(203,235,247,1)));
background: -webkit-linear-gradient(top, rgba(162,215,252,1) 0%,rgba(164,219,244,1) 49%,rgba(194,231,250,1) 50%,rgba(203,235,247,1) 100%);
background: -o-linear-gradient(top, rgba(162,215,252,1) 0%,rgba(164,219,244,1) 49%,rgba(194,231,250,1) 50%,rgba(203,235,247,1) 100%);
background: -ms-linear-gradient(top, rgba(162,215,252,1) 0%,rgba(164,219,244,1) 49%,rgba(194,231,250,1) 50%,rgba(203,235,247,1) 100%);
background: linear-gradient(to bottom, rgba(162,215,252,1) 0%,rgba(164,219,244,1) 49%,rgba(194,231,250,1) 50%,rgba(203,235,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2d7fc', endColorstr='#cbebf7',GradientType=0 );
margin-top: 10px;
box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.7) inset;
}
