/*
|
*
|
* Template Name: Fullscreen Login
|
* Description: Login Template with Fullscreen Background Slideshow
|
* Author: Anli Zaimi
|
* Author URI: http://azmind.com
|
*
|
*/
|
|
|
body {
|
background: transparent;
|
/*font-family: 'PT Sans', Helvetica, Arial, sans-serif;*/
|
font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
|
text-align: center;
|
color: #000000;
|
}
|
|
.page-container {
|
margin: 120px auto 0 auto;
|
background: transparent;
|
|
}
|
|
h1 {
|
font-size: 30px;
|
font-weight: 700;
|
text-shadow: 0 1px 4px rgba(0,0,0,.2);
|
}
|
|
form {
|
position: relative;
|
width: 305px;
|
margin: 15px auto 0 auto;
|
text-align: center;
|
}
|
|
input {
|
width: 270px;
|
height: 42px;
|
line-height:42px;
|
margin-top: 25px;
|
padding: 0 15px;
|
background: #708090; /* browsers that don't support rgba */
|
*background-color:transparent;
|
background: rgba(45,45,45,.15);
|
-moz-border-radius: 6px;
|
-webkit-border-radius: 6px;
|
border-radius: 6px;
|
border: 1px solid #3d3d3d; /* browsers that don't support rgba */
|
border: 1px solid rgba(255,255,255,.15);
|
-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
|
-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
|
box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
|
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
|
font-size: 14px;
|
color: #fff;
|
text-shadow: 0 1px 2px rgba(0,0,0,.1);
|
-o-transition: all .2s;
|
-moz-transition: all .2s;
|
-webkit-transition: all .2s;
|
-ms-transition: all .2s;
|
}
|
input:-moz-placeholder { color: #fff; }
|
input:-ms-input-placeholder { color: #fff; }
|
input::-webkit-input-placeholder { color: #fff; }
|
|
input:focus {
|
outline: none;
|
-moz-box-shadow:
|
0 2px 3px 0 rgba(0,0,0,.1) inset,
|
0 2px 7px 0 rgba(0,0,0,.2);
|
-webkit-box-shadow:
|
0 2px 3px 0 rgba(0,0,0,.1) inset,
|
0 2px 7px 0 rgba(0,0,0,.2);
|
box-shadow:
|
0 2px 3px 0 rgba(0,0,0,.1) inset,
|
0 2px 7px 0 rgba(0,0,0,.2);
|
}
|
|
button {
|
cursor: pointer;
|
width: 300px;
|
height: 44px;
|
margin-top: 25px;
|
padding: 0;
|
background: #ef4300;
|
-moz-border-radius: 6px;
|
-webkit-border-radius: 6px;
|
border-radius: 6px;
|
border: 0px;
|
-moz-box-shadow:
|
0 15px 30px 0 rgba(255,255,255,.25) inset,
|
0 2px 7px 0 rgba(0,0,0,.2);
|
-webkit-box-shadow:
|
0 15px 30px 0 rgba(255,255,255,.25) inset,
|
0 2px 7px 0 rgba(0,0,0,.2);
|
box-shadow:
|
0 15px 30px 0 rgba(255,255,255,.25) inset,
|
0 2px 7px 0 rgba(0,0,0,.2);
|
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
|
font-size: 14px;
|
font-weight: 700;
|
color: #fff;
|
text-shadow: 0 1px 2px rgba(0,0,0,.1);
|
-o-transition: all .2s;
|
-moz-transition: all .2s;
|
-webkit-transition: all .2s;
|
-ms-transition: all .2s;
|
}
|
|
button:hover {
|
-moz-box-shadow:
|
0 15px 30px 0 rgba(255,255,255,.15) inset,
|
0 2px 7px 0 rgba(0,0,0,.2);
|
-webkit-box-shadow:
|
0 15px 30px 0 rgba(255,255,255,.15) inset,
|
0 2px 7px 0 rgba(0,0,0,.2);
|
box-shadow:
|
0 15px 30px 0 rgba(255,255,255,.15) inset,
|
0 2px 7px 0 rgba(0,0,0,.2);
|
}
|
|
button:active {
|
-moz-box-shadow:
|
0 15px 30px 0 rgba(255,255,255,.15) inset,
|
0 2px 7px 0 rgba(0,0,0,.2);
|
-webkit-box-shadow:
|
0 15px 30px 0 rgba(255,255,255,.15) inset,
|
0 2px 7px 0 rgba(0,0,0,.2);
|
box-shadow:
|
0 5px 8px 0 rgba(0,0,0,.1) inset,
|
0 1px 4px 0 rgba(0,0,0,.1);
|
|
border: 0px solid #ef4300;
|
}
|
|
.connect {
|
width: 800px;
|
margin: 50px auto 0 auto;
|
font-size: 14px;
|
|
text-shadow: 0 1px 3px rgba(0,0,0,.2);
|
}
|
.connect p{
|
position:relative;
|
left:-140%;
|
top:0
|
}
|
.connect a {
|
display: inline-block;
|
width: 32px;
|
height: 35px;
|
margin-top: 15px;
|
-o-transition: all .2s;
|
-moz-transition: all .2s;
|
-webkit-transition: all .2s;
|
-ms-transition: all .2s;
|
}
|
.alert{
|
width:310px;
|
height:200px;
|
background:#000;
|
position:absolute;
|
top:-40%;
|
left:50%;
|
margin: -101px 0 0 -151px;
|
}
|
.alert h2{
|
height:40px;
|
padding-left:8px;
|
font-size:14px;
|
background:#FF0543;
|
text-align:left;
|
line-height:40px;
|
}
|
.alert .alert_con{
|
background:#fff;
|
height:160px;
|
}
|
.alert .alert_con p{
|
color:#000;
|
line-height:90px;
|
}
|
.alert .alert_con .btn{
|
padding:3px 10px;
|
color:#fff;
|
cursor:pointer;
|
background:#72D1FF;
|
border:1px solid #72D1FF;
|
border-radius:4px;
|
}
|
.alert .alert_con .btn:hover{
|
background:#4FB2EF;
|
border:1px solid #4FB2EF;
|
border-radius:4px;
|
}
|
/*
|
.connect a.facebook { background: url(../img/facebook.png) center center no-repeat; }
|
.connect a.twitter { background: url(../img/twitter.png) center center no-repeat; }
|
|
.connect a:hover { background-position: center bottom; }
|
*/
|
