Skip to content

B
business-java
Commit 46e06bb4 authored by smestry's avatar smestry
Browse files
Options

Added new css for reset password. 


git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@103229 ce508802-f39f-4f6c-b175-0d175dae99d5
parent 5ec72145
Hide whitespace changes
Inline Side-by-side
Showing with 361 additions and 0 deletions
webitm-wms/module-resource/web/js/resetPasswordCSS.css 0 → 100755
View file @ 46e06bb4
@font-face { /* declare fonts */
font-family: "MuseoLight" !important;
src: url("/ibase/E12Registration/fonts/Museo300-Regular.eot");
src: local("Museo 300"), local("Museo-300"),
url("/ibase/E12Registration/fonts/Museo300-Regular.woff") format("woff"),
url("/ibase/E12Registration/fonts/Museo300-Regular.otf") format("opentype"),
url("/ibase/E12Registration/fonts/Museo300-Regular.svg#Museo-300") format("svg");
}
html, body, .container
{
height: 100%;
min-height: 100%;
font-family:'MuseoLight', sans-serif;
}
td{
font-family:'MuseoLight', sans-serif !important;
}
/* body{ background: #f7f8fa; color:#838383;
font: 13px/1.7em 'Open Sans';
font-size: 13px;
line-height: 18px;
color: #333333;
} */
.container
{
margin: 150px auto 0 auto;
width: 380px;
height:280px;
display: block;
}
.account-container {
width: 380px;
height:330px;
display: block;
background: #fff;
border: 1px solid #d5d5d5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 0px 2px #dadada, inset 0px 1px 0px #0fdefd;
}
.container1 {
width: 380px;
display: block;
margin: 80px auto 0 auto;
}
.verificationContainer {
width: 380px;
display: block;
margin: 10px auto 0 auto;
}
.verificationMsg
{
width: 380px;
display: block;
margin: 80px auto 0 auto;
}
#msg
{
text-align:center;
color:#05A5E8;
-moz-animation: cssAnimation 0s ease-in 5s forwards;
/* Firefox */
-webkit-animation: cssAnimation 0s ease-in 5s forwards;
/* Safari and Chrome */
-o-animation: cssAnimation 0s ease-in 5s forwards;
/* Opera */
animation: cssAnimation 0s ease-in 5s forwards;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@keyframes cssAnimation {
to {
width:0;
height:0;
overflow:hidden;
}
}
@-webkit-keyframes cssAnimation {
to {
width:0;
height:0;
visibility:hidden;
}
}
.account-container1 {
width: 400px;
height:415px;
display: block;
background: #fff;
border: 1px solid #d5d5d5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 0px 2px #dadada, inset 0px 1px 0px #0fdefd;
}
.account-container2 {
width: 450px;
height:750px;
display: block;
margin: 10px auto 0 auto;
background: #fff;
border: 1px solid #d5d5d5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 0px 2px #dadada, inset 0px 1px 0px #0fdefd;
}
.content {
padding: 0px 28px 23px;
}
.field {
margin-bottom: 1.25em;
margin-top: 2.25em;
}
.field-detail {
margin-bottom: 1.25em;
margin-top: 1.25em;
}
/*FORM*/
.gwtLabelflicker,
.gwtTextField,
.gwtTextAreaStyle
{
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
.gwtLabelflicker
{
padding-left: 15px;
padding-bottom: 10px;
font-size: 14px;
color: #999;
display: block;
outline: none;
outline-color: transparent;
margin-top: -20px;
}
.gwtTextAreaStyle
{
max-height: 25px;
line-height: 20px;
background-image: -moz-linear-gradient(top , transparent, literal("transparent 21px"),literal("#E7EFF8 0px")) ;
background-image: -webkit-linear-gradient(top , transparent, literal("transparent 21px"),literal("#E7EFF8 0px"));
background: -o-linear-gradient(top, transparent, literal("transparent 21px"),literal("#E7EFF8 0px"));
background: -ms-linear-gradient(top, transparent, literal("transparent 21px"),literal("#E7EFF8 0px"));
background: linear-gradient(to bottom, transparent, literal("transparent 21px"),literal("#E7EFF8 0px"));
-webkit-background-size: 100% 22px;
background-size: 100% 22px;
padding:10px;
}
.dropDownflicker
{
padding-left: 15px;
padding-bottom: 10px;
font-size: 14px;
color: #999;
outline: none;
outline-color: transparent;
margin-top: -20px;
}
.gwtTextField,
.gwtTextAreaStyle
{
/*margin: 5px;
width: 224px;
display: block;
border: none;
padding: 5px;
font-size: 14px;
border-bottom: solid 1px rgba(221, 221, 221, 0.7);
background-repeat: no-repeat;
background: transparent;
outline: none;
-moz-outline: none;
padding-top: 15px;
margin-top: 10px;
outline-color: transparent;
box-sizing: border-box;
margin-bottom: 10px;*/
appearance: none;
border-bottom: 1px solid #ccc;
border-top:none;
border-left:none;
border-right:none;
line-height: 0;
font-size: 14px;
width: 90%;
display: block;
box-sizing: border-box;
padding: 10px 0px 5px 0;
color: #999;
position: relative;
z-index: 1;
background-color:transparent;
margin:0 15px;
}
.gwtTextField1,
.gwtTextAreaStyle
{
appearance: none;
border-bottom: 1px solid #ccc;
border-top:none;
border-left:none;
border-right:none;
line-height: 0;
font-size: 14px;
display: block;
box-sizing: border-box;
padding: 10px 0px 5px 0;
color: #999;
position: relative;
z-index: 1;
background-color:transparent;
margin:0 15px;
}
.gwtTextField:focus,
.gwtTextField:valid,
.gwtTextAreaStyle:focus,
.gwtTextAreaStyle:valid
{
outline: none;
color: black;
/* margin-top: -5px; */
/* padding-top: 5px; */
border-bottom: solid 1px #ccc;
}
.gwtTextAreaStyle:focus,
.gwtTextAreaStyle:valid
{
margin-top: -5px;
padding-top: 5px;
}
.gwtTextField:focus ~ .gwtLabelflicker,
.gwtTextField:valid ~ .gwtLabelflicker
{
outline: none;
color: #05a5e8;
transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-webkit-transform: translateY(-20px);
}
/*eND*/
.btn-success {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(126, 178, 22, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
background-image: -webkit-linear-gradient(rgba(126, 178, 22, 0), rgba(0, 0, 0, 0.1));
background-image: -moz-linear-gradient(rgba(126, 178, 22, 0), rgba(0, 0, 0, 0.1));
background-image: -o-linear-gradient(rgba(126, 178, 22, 0), rgba(0, 0, 0, 0.1));
background-image: linear-gradient(rgba(126, 178, 22, 0), rgba(0, 0, 0, 0.1));
background-color: #7eb216;
border-color: #6e9b13 #6e9b13 #3e570b;
border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15);
color: white;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
*background-color: #6e9b13;
padding:5px 15px;
border-radius:2px;
float:right;
margin-right:5px;
}
.login-extra {
display: block;
/* width: 300px; */
margin: 1.5em auto;
text-align: left;
line-height: 19px;
/* text-align:right; */
}
@media (max-width: 480px) {
.account-container {
width: 280px;
margin-top: 35px;
height:auto;
}
.gwtTextField {
width: 200px;
}
.content {
padding: 16px 20px;
}
h1
{
font-size:10px;;
}
.btn-success
{
padding:5px;
}
}
.tab-content
{
padding:0px 40px 0px 30px;
border-right:1px #d1d1d1 solid;
}
.noborder
{
border:none;
}
.pt0
{
padding-top:0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: none;
}
.tab-content > .active,
.pill-content > .active {
display: block;
}
.dropDown
{
color: #999;
margin:0 22px;
float: right;
width: 47%;
}
.heading_name
{
width: 100%;
background-color: gray;
color: white;
padding-top: 10px;
padding-bottom: 10px;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment