moving over all the files"
This commit is contained in:
Jon Lambson
parent
077b2d7007
commit
01112c0406
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,440 @@
|
|||
@font-face { font-family: Brown Bold; font-weight: bold; src: url('../fonts/Brown-Bold.otf'); }
|
||||
@font-face { font-family: Brown Regular; src: url('../fonts/Brown-Regular.otf'); }
|
||||
@font-face { font-family: Brown Light; src: url('../fonts/Brown-Light.otf'); }
|
||||
@font-face { font-family: Myriad Pro; src: url('../fonts/Myriad-Pro_31655.ttf'); }
|
||||
|
||||
* {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
html, body {
|
||||
font-family: 'Brown Regular', Brown Regular, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
background-color: #282828;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
/*override bootstrap fade*/
|
||||
.fade {
|
||||
opacity: 1;
|
||||
}
|
||||
input.emailInput::placeholder {
|
||||
font-family : Brown Regular;
|
||||
font-size : 14px;
|
||||
line-height : 16px;
|
||||
color : #666666;
|
||||
color : rgb(102, 102, 102);
|
||||
opacity : 0.5;
|
||||
filter: alpha(opacity=50) progid:DXImageTransform.Microsoft.Alpha(opacity=50) ;
|
||||
}
|
||||
input.js-authn-otp-code::placeholder {
|
||||
font-size : 17px;
|
||||
line-height : 16px;
|
||||
letter-spacing : 1.02px;
|
||||
color : #999999;
|
||||
color : rgb(153, 153, 153);
|
||||
text-align: center;
|
||||
}
|
||||
input.js-authn-otp-code {
|
||||
font-size : 17px;
|
||||
line-height : 16px;
|
||||
letter-spacing : 1.02px;
|
||||
text-align: center;
|
||||
}
|
||||
input.js-authn-otp-code {
|
||||
font-size : 14px;
|
||||
line-height : 16px;
|
||||
}
|
||||
p {
|
||||
font-size: 14px;
|
||||
line-height: 19px;
|
||||
color: #E6E6E6;
|
||||
color: rgb(230, 230, 230);
|
||||
}
|
||||
.text-left{
|
||||
line-height: 1.42857143;
|
||||
text-align: left;
|
||||
}
|
||||
.text-center{
|
||||
line-height: 1.42857143;
|
||||
text-align: center;
|
||||
}
|
||||
.dap-bordered {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
h4, h5{
|
||||
color: #F2F2F2;
|
||||
}
|
||||
a{
|
||||
color: #333333;
|
||||
}
|
||||
.checkbox{
|
||||
text-align: left;
|
||||
}
|
||||
fieldset{
|
||||
text-align: left;
|
||||
}
|
||||
.check{
|
||||
/*background-image: url('../images/unpressed-check.png');*/
|
||||
background-position: 5%, 50%;
|
||||
background-repeat: no-repeat;
|
||||
padding-right: 5px;
|
||||
}
|
||||
/*====== BUTTONS =========*/
|
||||
.btn, button{
|
||||
font-family : 'Brown', "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-weight : bold;
|
||||
font-size : 12px;
|
||||
line-height : 19.57px;
|
||||
letter-spacing : 1.44px;
|
||||
text-transform : uppercase;
|
||||
color : #CCCCCC;
|
||||
color : rgb(204, 204, 204);
|
||||
}
|
||||
.btn-default{
|
||||
font-family : Brown;
|
||||
font-weight : bold;
|
||||
font-size : 12px;
|
||||
line-height : 19.57px;
|
||||
letter-spacing : 1.44px;
|
||||
text-transform : uppercase;
|
||||
width: 100%;
|
||||
max-width : 240px;
|
||||
color : #1A1A1A;
|
||||
color : rgb(26, 26, 26);
|
||||
background : -moz-linear-gradient(50% 0% -90deg,rgba(242, 242, 242, 1) 0.13%,rgba(236, 236, 236, 1) 46.26%,rgba(222, 222, 222, 1) 100%);
|
||||
background : -webkit-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
|
||||
background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0.0013,rgba(242, 242, 242, 1) ),color-stop(0.4626,rgba(236, 236, 236, 1) ),color-stop(1,rgba(222, 222, 222, 1) ));
|
||||
background : -o-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
|
||||
background : -ms-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#DEDEDE' ,GradientType=0)";
|
||||
background : linear-gradient(180deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
|
||||
}
|
||||
.btn-default:active{
|
||||
font-family : Brown;
|
||||
font-weight : bold;
|
||||
font-size : 12px;
|
||||
line-height : 19.57px;
|
||||
letter-spacing : 1.44px;
|
||||
text-transform : uppercase;
|
||||
color : #666666;
|
||||
color : rgb(102, 102, 102);
|
||||
background : #E6E6E6;
|
||||
background : rgba(230, 230, 230, 1);
|
||||
border-style : Solid;
|
||||
border-color : #B3B3B3;
|
||||
border-color : rgba(179, 179, 179, 1);
|
||||
border-width : 1px;
|
||||
border-radius : 6px;
|
||||
-moz-border-radius : 6px;
|
||||
-webkit-border-radius : 6px;
|
||||
outline: none;
|
||||
}
|
||||
.btn-default:hover{
|
||||
font-family : Brown;
|
||||
font-weight : bold;
|
||||
font-size : 12px;
|
||||
line-height : 19.57px;
|
||||
letter-spacing : 1.44px;
|
||||
text-transform : uppercase;
|
||||
color : #1A1A1A;
|
||||
color : rgb(26, 26, 26);
|
||||
outline: border-color : #B3B3B3;
|
||||
outline: rgba(179, 179, 179, 1);;
|
||||
background : -moz-linear-gradient(50% 0% -90deg,rgba(242, 242, 242, 1) 0.13%,rgba(236, 236, 236, 1) 46.26%,rgba(222, 222, 222, 1) 100%);
|
||||
background : -webkit-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
|
||||
background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0.0013,rgba(242, 242, 242, 1) ),color-stop(0.4626,rgba(236, 236, 236, 1) ),color-stop(1,rgba(222, 222, 222, 1) ));
|
||||
background : -o-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
|
||||
background : -ms-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#DEDEDE' ,GradientType=0)";
|
||||
background : linear-gradient(180deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
|
||||
}
|
||||
.btn-default:focus{
|
||||
font-family : Brown;
|
||||
font-weight : bold;
|
||||
font-size : 12px;
|
||||
line-height : 19.57px;
|
||||
letter-spacing : 1.44px;
|
||||
text-transform : uppercase;
|
||||
color : #666666;
|
||||
color : rgb(102, 102, 102);
|
||||
outline: #E6E6E6;
|
||||
background : #E6E6E6;
|
||||
background : rgba(230, 230, 230, 1);
|
||||
border-style : Solid;
|
||||
border-color : #B3B3B3;
|
||||
border-color : rgba(179, 179, 179, 1);
|
||||
border-width : 1px;
|
||||
border-radius : 6px;
|
||||
-moz-border-radius : 6px;
|
||||
-webkit-border-radius : 6px;
|
||||
}
|
||||
.btn-default:active:focus{ /*click event*/
|
||||
outline: none;
|
||||
font-family : Brown;
|
||||
font-weight : bold;
|
||||
font-size : 12px;
|
||||
line-height : 19.57px;
|
||||
letter-spacing : 1.44px;
|
||||
text-transform : uppercase;
|
||||
color : #FDA53E;
|
||||
color : rgb(253, 165, 62);
|
||||
background : -moz-linear-gradient(50% 0% -90deg,rgba(242, 242, 242, 1) 0.13%,rgba(236, 236, 236, 1) 46.26%,rgba(222, 222, 222, 1) 100%);
|
||||
background : -webkit-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
|
||||
background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0.0013,rgba(242, 242, 242, 1) ),color-stop(0.4626,rgba(236, 236, 236, 1) ),color-stop(1,rgba(222, 222, 222, 1) ));
|
||||
background : -o-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
|
||||
background : -ms-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#DEDEDE' ,GradientType=0)";
|
||||
background : linear-gradient(180deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
|
||||
border-radius : 6px;
|
||||
-moz-border-radius : 6px;
|
||||
-webkit-border-radius : 6px;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2',endColorstr='#DEDEDE' , GradientType=0);
|
||||
|
||||
}
|
||||
.btn-primary:visited{
|
||||
border-color: none;
|
||||
}
|
||||
.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary{
|
||||
background-color: #1A1A1A;
|
||||
color: #FDA53E;
|
||||
border-color: #000000;
|
||||
}
|
||||
.btn-primary:focus, .btn-primary.focus{
|
||||
border-color: black;
|
||||
outline: none;
|
||||
}
|
||||
.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus{
|
||||
background-color: #1A1A1A;
|
||||
outline: none;
|
||||
border-color: #000000;
|
||||
color: #ACACAC;
|
||||
}
|
||||
.btn-primary, .btn.disabled{
|
||||
background : -moz-linear-gradient(50% 1.03% -90deg,rgba(36, 36, 36, 1) 0%,rgba(19, 19, 19, 1) 100%);
|
||||
background : -webkit-linear-gradient(-90deg, rgba(36, 36, 36, 1) 0%, rgba(19, 19, 19, 1) 100%);
|
||||
background : -webkit-gradient(linear,50% 1.03% ,50% 101.8% ,color-stop(0,rgba(36, 36, 36, 1) ),color-stop(1,rgba(19, 19, 19, 1) ));
|
||||
background : -o-linear-gradient(-90deg, rgba(36, 36, 36, 1) 0%, rgba(19, 19, 19, 1) 100%);
|
||||
background : -ms-linear-gradient(-90deg, rgba(36, 36, 36, 1) 0%, rgba(19, 19, 19, 1) 100%);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#131313' ,GradientType=0)";
|
||||
background : linear-gradient(180deg, rgba(36, 36, 36, 1) 0%, rgba(19, 19, 19, 1) 100%);
|
||||
left : 19px;
|
||||
top : 506px;
|
||||
width : 100%;
|
||||
height : 40px;
|
||||
border-radius : 6px;
|
||||
-moz-border-radius : 6px;
|
||||
-webkit-border-radius : 6px;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424',endColorstr='#131313' , GradientType=0);
|
||||
width: 100%;
|
||||
max-width: 280px;
|
||||
margin-top: 10px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
font-weight : bold;
|
||||
font-size : 12px;
|
||||
line-height : 19.57px;
|
||||
letter-spacing : 1.44px;
|
||||
text-transform : uppercase;
|
||||
color : #CCCCCC;
|
||||
color : rgb(204, 204, 204);
|
||||
}
|
||||
|
||||
/*text-transform: uppercase;
|
||||
background : -moz-linear-gradient(50% 1.03% -90deg,rgba(59, 59, 59, 1) 0%,rgba(35, 35, 35, 1) 100%);
|
||||
background : -webkit-linear-gradient(-90deg, rgba(59, 59, 59, 1) 0%, rgba(35, 35, 35, 1) 100%);
|
||||
background : -webkit-gradient(linear,50% 1.03% ,50% 101.8% ,color-stop(0,rgba(59, 59, 59, 1) ),color-stop(1,rgba(35, 35, 35, 1) ));
|
||||
background : -o-linear-gradient(-90deg, rgba(59, 59, 59, 1) 0%, rgba(35, 35, 35, 1) 100%);
|
||||
background : -ms-linear-gradient(-90deg, rgba(59, 59, 59, 1) 0%, rgba(35, 35, 35, 1) 100%);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3B3B3B', endColorstr='#232323' ,GradientType=0)";
|
||||
background : linear-gradient(180deg, rgba(59, 59, 59, 1) 0%, rgba(35, 35, 35, 1) 100%);
|
||||
border-radius : 6px;
|
||||
-moz-border-radius : 6px;
|
||||
-webkit-border-radius : 6px;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3B3B3B',endColorstr='#232323' , GradientType=0);
|
||||
}*/
|
||||
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus{
|
||||
border-color: black;
|
||||
outline: none;
|
||||
}
|
||||
.btn-primary:hover{
|
||||
border-color: black;
|
||||
}
|
||||
.btn-primary{
|
||||
color: #CCCCCC;
|
||||
background-color: #1A1A1A;
|
||||
border-color: black;
|
||||
}
|
||||
/*====== INPUT =========*/
|
||||
.form-control{
|
||||
height : 39px;
|
||||
}
|
||||
.form-control:focus, .form-control:active, .form-control{
|
||||
height: 39px;
|
||||
border-color: #ACACAC;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.input-group .form-control:first-child:first-child>{
|
||||
background : #E6E6E6;
|
||||
background : rgba(230, 230, 230, 1);
|
||||
width : 100%;
|
||||
min-width: 278px;
|
||||
height : 39px;
|
||||
border-radius : 4px;
|
||||
-moz-border-radius : 4px;
|
||||
-webkit-border-radius : 4px;
|
||||
}
|
||||
|
||||
/*=====================*/
|
||||
.well{
|
||||
background : #F2F2F2;
|
||||
background : rgba(242, 242, 242, 1);
|
||||
max-width: 323px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 50px;
|
||||
width: 100%;
|
||||
min-width : 299px;
|
||||
border-radius : 12px;
|
||||
-moz-border-radius : 12px;
|
||||
-webkit-border-radius : 12px;
|
||||
box-shadow : 0px 10px 6px rgba(0, 0, 0, 0.6);
|
||||
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=10, Color='#000000') ;
|
||||
}
|
||||
.well input {
|
||||
background : #E6E6E6;
|
||||
background : rgba(230, 230, 230, 1);
|
||||
width: 100%;
|
||||
max-width : 282px;
|
||||
border-radius : 4px;
|
||||
-moz-border-radius : 4px;
|
||||
-webkit-border-radius : 4px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.well li.list-group-item {
|
||||
background-color: #E6E6E6;
|
||||
width: 100%;
|
||||
max-width : 282px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.btn-back {
|
||||
margin: 0;
|
||||
float: left;
|
||||
width: 39px;
|
||||
height: 40px;
|
||||
}
|
||||
.checkbox label {
|
||||
padding-left: 0px;
|
||||
}
|
||||
.modal-title {
|
||||
font-family : Brown Bold;
|
||||
font-weight : bold;
|
||||
font-size : 18px;
|
||||
color : #1A1A1A;
|
||||
color : rgb(26, 26, 26);
|
||||
}
|
||||
.modal-body input, .modal-body select {
|
||||
background: #E6E6E6;
|
||||
background: rgba(230, 230, 230, 1);
|
||||
}
|
||||
/*Daplie Device*/
|
||||
label.cloud-device {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
padding: 1%;
|
||||
}
|
||||
label.cloud-device > input {
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
}
|
||||
.not-selected {
|
||||
content: url("../images/server-icon.png");
|
||||
margin: auto;
|
||||
}
|
||||
.is-selected{
|
||||
content: url("../images/selected-server.png");
|
||||
}
|
||||
.welcome-text {
|
||||
font-family : Brown Regular;
|
||||
font-size : 14px;
|
||||
line-height : 19px;
|
||||
color : #E5E5E5;
|
||||
color : rgb(229, 229, 229);
|
||||
max-width: 250px;
|
||||
text-align: center;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
.org-title {
|
||||
padding-top: 70px;
|
||||
font-family : Brown Bold;
|
||||
font-weight : bold;
|
||||
font-size : 18px;
|
||||
line-height : 35.6px;
|
||||
color : #62A8A1;
|
||||
color : rgb(98, 168, 161);
|
||||
}
|
||||
.dap-input {
|
||||
width : 280px;
|
||||
height : 39px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.dap-centered-div.dap-space-on-top.form-group {
|
||||
text-align: center;
|
||||
}
|
||||
form.twelve-digit-code, .js-authn-otp-code {
|
||||
text-align: center;
|
||||
}
|
||||
img.sponsored-by-logo {
|
||||
margin-top: 70px;
|
||||
width: 81px;
|
||||
height: 81px;
|
||||
}
|
||||
.code-sent-text {
|
||||
font-size : 14px;
|
||||
line-height : 19px;
|
||||
color : #E5E5E5;
|
||||
color : rgb(229, 229, 229);
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.email-address {
|
||||
color: #808080;
|
||||
}
|
||||
.code-lasts-text {
|
||||
font-family : Brown Regular;
|
||||
font-size : 11px;
|
||||
line-height : 19px;
|
||||
color : #666666;
|
||||
color : rgb(102, 102, 102);
|
||||
text-align: center;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.dap-remember-me {
|
||||
font-family : Brown Light;
|
||||
font-size : 14px;
|
||||
color : #E6E6E6;
|
||||
color : rgb(230, 230, 230);
|
||||
vertical-align: middle;
|
||||
}
|
||||
.almost-done-text {
|
||||
font-family : Brown Regular;
|
||||
font-size : 14px;
|
||||
line-height : 19px;
|
||||
color : #E5E5E5;
|
||||
color : rgb(229, 229, 229);
|
||||
max-width: 180px;
|
||||
text-align: center;
|
||||
}
|
||||
.sign-out-text {
|
||||
padding-top: 70px;
|
||||
}
|
||||
.js-authorization-decision {
|
||||
text-align: center;
|
||||
}
|
||||
.pb-40 {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1 @@
|
|||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81.4 81.24"><defs><style>.cls-1,.cls-4{opacity:0.15;}.cls-1{font-size:13.22px;font-family:Brown-Regular, Brown;}.cls-1,.cls-5{fill:#fff;}.cls-2{letter-spacing:-0.02em;}.cls-3{letter-spacing:-0.01em;}</style></defs><title>gray-logo</title><text class="cls-1" transform="translate(0 11.24)">sponso<tspan class="cls-2" x="43.33" y="0">r</tspan><tspan x="48.16" y="0">ed </tspan><tspan class="cls-3" x="66.94" y="0">by</tspan></text><g class="cls-4"><path class="cls-5" d="M234.12,287.94A1.91,1.91,0,1,1,236,286a1.88,1.88,0,0,1-1.84,1.91m1.86-7.77v3.57a2.91,2.91,0,0,0-2-.85,3.14,3.14,0,0,0,0,6.27,2.91,2.91,0,0,0,2-.85V289h1.26v-8.8Z" transform="translate(-206.56 -210.64)"/><path class="cls-5" d="M248.59,284.11a1.91,1.91,0,1,1-1.84,1.91,1.88,1.88,0,0,1,1.84-1.91m-1.86,7.77v-3.57a2.91,2.91,0,0,0,2,.85,3.14,3.14,0,0,0,0-6.27,2.91,2.91,0,0,0-2,.85v-.66h-1.26v8.8Z" transform="translate(-206.56 -210.64)"/><path class="cls-5" d="M241.28,287.94a1.91,1.91,0,1,1,1.84-1.91,1.88,1.88,0,0,1-1.84,1.91m1.86-4.84v.63a2.91,2.91,0,0,0-2-.85,3.14,3.14,0,0,0,0,6.27,2.91,2.91,0,0,0,2-.85V289h1.26V283.1Z" transform="translate(-206.56 -210.64)"/><rect class="cls-5" x="46.15" y="69.52" width="1.26" height="8.8"/><rect class="cls-5" x="48.61" y="72.43" width="1.26" height="5.89"/><path class="cls-5" d="M256.71,280.93a.91.91,0,1,1-.91-.91.91.91,0,0,1,.91.91" transform="translate(-206.56 -210.64)"/><path class="cls-5" d="M263.54,286.5h0s0-.07,0-.1v-.09c0-.1,0-.19,0-.29a3.13,3.13,0,0,0-2.82-3.12l-.32,0-.32,0a3.13,3.13,0,0,0-2.82,3.12c0,.1,0,.19,0,.29v.09s0,.07,0,.1h0a3.12,3.12,0,0,0,.54,1.34h0l.12.15.06.07.12.14.06.06.17.16.07.06.19.14.05,0,.18.11.06,0,.23.11.06,0,.25.09h0l.24.06h.05l.27,0h.69l.27,0h.05l.24-.06h0l.25-.09.06,0,.23-.11.06,0,.18-.11.05,0,.19-.14.07-.06.17-.16.06-.06.12-.14.06-.07.12-.15h0a3.11,3.11,0,0,0,.42-.84h-1.53a1.7,1.7,0,0,1-1.26.82h-.37a1.75,1.75,0,0,1-1.48-1.32Zm-3.1-2.35a1.73,1.73,0,0,1,1.61,1.25h-3.23A1.73,1.73,0,0,1,260.45,284.15Z" transform="translate(-206.56 -210.64)"/><path class="cls-5" d="M260.78,254.58l4.77-4.77a3.86,3.86,0,1,0-5.46-5.46l-4.77,4.77,0,0-2.43-2.43,4.81-4.81a3.86,3.86,0,1,0-5.46-5.46l-4.77,4.77-4.77-4.77a3.86,3.86,0,1,0-5.46,5.46l4.64,4.64-2.77,2.77-4.64-4.64a3.86,3.86,0,0,0-5.46,0h0a3.86,3.86,0,0,0,0,5.46l4.77,4.77L229,259.69a3.86,3.86,0,0,0,5.46,5.46l4.77-4.77,0,0,2.43,2.43,0,0-4.77,4.77a3.86,3.86,0,0,0,5.46,5.46l4.77-4.77,4.77,4.77a3.86,3.86,0,1,0,5.46-5.46l-4.64-4.64,2.77-2.77,4.64,4.64a3.86,3.86,0,1,0,5.46-5.46Zm-2,0-3.43,3.43-3.47-3.47,3.43-3.43Zm2.33-9.28a2.46,2.46,0,0,1,3.47,3.47l-4.77,4.77-3.47-3.47Zm-13.69-2.08,3.47,3.47-3.43,3.43L244,246.7Zm5.8-5.8a2.46,2.46,0,1,1,3.47,3.47l-4.77,4.77-3.47-3.47Zm-15,3.47a2.46,2.46,0,1,1,3.47-3.47l4.64,4.64-3.47,3.47Zm-2.42,13.95,3.43-3.43,3.47,3.47-3.43,3.43Zm-6.52-7.46a2.44,2.44,0,0,1,.72-1.74h0a2.46,2.46,0,0,1,3.47,0l4.64,4.64-3.47,3.47L230,249.16A2.44,2.44,0,0,1,229.25,247.43Zm4.19,16.73a2.46,2.46,0,0,1-3.47-3.47l4.77-4.77,3.47,3.47Zm6.8-4.81,4.42-4.42-4.6-4.6,2.77-2.77,4.6,4.6,4.43-4.43,2.43,2.43-4.43,4.43,4.6,4.6-2.77,2.77-4.6-4.6-4.42,4.42Zm6.89,6.89-3.47-3.47,3.43-3.43,3.47,3.47Zm-5.8,5.8a2.46,2.46,0,0,1-3.47-3.47l4.77-4.77,3.47,3.47Zm15-3.47a2.46,2.46,0,0,1-3.47,3.47l-4.64-4.64,3.47-3.47Zm8.23-4.75a2.46,2.46,0,0,1-3.47,0l-4.64-4.64,3.47-3.47,4.64,4.64a2.46,2.46,0,0,1,0,3.47Z" transform="translate(-206.56 -210.64)"/></g></svg>
|
||||
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 861 B |
91
index.html
91
index.html
|
|
@ -4,9 +4,11 @@
|
|||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Login Facilitator: OAuth3.org</title>
|
||||
<link rel="stylesheet" type="text/css" href="/css/style.css">
|
||||
<!-- <link rel="stylesheet" type="text/css" href="/css/style.css"> -->
|
||||
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lato:300">
|
||||
<script src="https://use.fontawesome.com/3af0faae66.js"></script>
|
||||
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
|
||||
<link rel="stylesheet" type="text/css" href="/css/daplie-installer-overrides.css">
|
||||
</head>
|
||||
|
||||
<body class="fade mock-main">
|
||||
|
|
@ -20,13 +22,17 @@
|
|||
|
||||
<!-- Step 5: ask for permissions -->
|
||||
|
||||
<div class="dap-bordered js-userid-container" style="display: none;">
|
||||
<p class="dap-centered-text dap-normal-text">Please, sign in to Daplie Labs...</p>
|
||||
<div class="dap-bordered js-userid-container">
|
||||
<p class="org-title">Safelogin.org</p>
|
||||
<p class="dap-centered-text dap-normal-text welcome-text center-it">Welcome to a new way to login. Safelogin.org helps you create an Internet ID that allows you to choose what info is shared about you when you login into a site or app online.</p>
|
||||
<form method="post" action="">
|
||||
<input type="email" class="dap-input js-oauth3-email emailInput" placeholder="Input your e-mail"></input>
|
||||
<button class="dap-full-button-green js-authn-show" disabled>CONTINUE</button>
|
||||
<div class="form-group">
|
||||
<input type="email" class="form-control dap-input js-oauth3-email emailInput" placeholder="Enter an email address to start"></input>
|
||||
</div>
|
||||
<button class="dap-full-button-green js-authn-show btn btn-primary" disabled>Send authentication email</button>
|
||||
</form>
|
||||
<p class="dap-line-around">or</p>
|
||||
<img src="./img/gray-logo.svg" class="sponsored-by-logo">
|
||||
<!-- <p class="dap-line-around">or</p>
|
||||
<div class="dap-social-media dap-normal-text">
|
||||
<span class="fa fa-2x fa-gray fa-facebook-square js-facebook-login"></span>
|
||||
<span class="fa fa-2x fa-gray fa-twitter-square js-twitter-login"></span>
|
||||
|
|
@ -35,59 +41,75 @@
|
|||
<span class="fa fa-2x fa-gray fa-plus-square js-gitlab-login"></span>
|
||||
</div>
|
||||
<br>
|
||||
<a href="./loginwhatis.html" target="_blank"><p class="dap-centered-text dap-help-text">What is this?</p></a>
|
||||
<a href="./loginwhatis.html" target="_blank"><p class="dap-centered-text dap-help-text">What is this?</p></a> -->
|
||||
</div>
|
||||
|
||||
<div class="dap-bordered js-authn">
|
||||
<div class="dap-normal-text">
|
||||
<p class="org-title">Safelogin.org</p>
|
||||
<!-- <div class="dap-normal-text">
|
||||
<span class="fa fa-3x icon-centered-3x fa-purple fa-envelope"></span>
|
||||
</div>
|
||||
<p class="dap-centered-text dap-scrunch-top dap-normal-text">A special sign-in code was sent to:</p>
|
||||
<p class="dap-centered-text dap-scrunch-both dap-purple-text"><span class="js-user-email"> </span></p>
|
||||
<p class="dap-centered-text dap-scrunch-bottom dap-med-text">Please enter the code below:</p>
|
||||
<form method="post" onsubmit="">
|
||||
<input type="hidden" class="js-authn-otp-uuid">
|
||||
<input class="dap-input js-authn-otp-code" placeholder="XXXX-XXXX-XXXX"></input>
|
||||
<div class="dap-centered-div dap-space-on-top">
|
||||
<p class="dap-centered-text dap-scrunch-bottom dap-med-text">Please enter the code below:</p> -->
|
||||
<p class="code-sent-text">Hi, thanks for signing up.</p>
|
||||
<p class="code-sent-text">Please enter the code sent to:</p>
|
||||
<p class="code-sent-text email-address displayed"></p>
|
||||
<p class="code-sent-text pb-40">Be sure to check your spam.</p>
|
||||
<form class="twelve-digit-code" method="post" onsubmit="">
|
||||
<div class="form-group">
|
||||
<p class="code-lasts-text">Code lasts for 15 minutes.</p>
|
||||
<input type="hidden" class="js-authn-otp-uuid">
|
||||
<input class="dap-input js-authn-otp-code form-control" placeholder="XXXX-XXXX-XXXX" maxlength="14"></input>
|
||||
</div>
|
||||
<div class="dap-centered-div dap-space-on-top form-group">
|
||||
<label class="js-remember-label dap-normal-text">
|
||||
<span class="fa fa-2x fa-purple fa-square-o dap-remember-margin js-remember-status"></span>
|
||||
<img src="./img/unpressed-check.png" class="check js-remember-status">
|
||||
<!-- <span class="fa fa-2x fa-purple fa-square-o dap-remember-margin js-remember-status"></span> -->
|
||||
<span class="dap-remember-me noselect">Remember this device.</span>
|
||||
<input class="js-remember-checkbox" type="checkbox" checked="false"></input>
|
||||
<input class="js-remember-checkbox hidden" type="checkbox"></input>
|
||||
</label>
|
||||
</div>
|
||||
<button class="dap-full-button-green js-remember-btn js-authz-remember-me">SIGN IN ONCE</button>
|
||||
<!-- <button class="dap-full-button-green js-remember-btn js-authz-remember-me">SIGN IN ONCE</button> -->
|
||||
<button type="button" class="btn btn-primary">Send Code Again</button>
|
||||
<button type="button" class="btn btn-primary">Edit My Email</button>
|
||||
<button type="button" class="btn btn-primary submit-btn dap-full-button-green js-remember-btn js-authz-remember-me" disabled>Submit</button>
|
||||
</form>
|
||||
<a href="./authnocode.html" target="_blank">
|
||||
<!-- <a href="./authnocode.html" target="_blank">
|
||||
<p class="dap-centered-text dap-help-text">I didn't receive my code...</p>
|
||||
</a>
|
||||
<a href="./authnopass.html" target="_blank">
|
||||
<p class="dap-centered-text dap-help-text">Why am I not using a password?</p>
|
||||
</a>
|
||||
</a> -->
|
||||
<img src="./img/gray-logo.svg" class="sponsored-by-logo">
|
||||
</div>
|
||||
|
||||
<div class="dap-bordered dap-normal-text js-authz">
|
||||
<br>
|
||||
<div class="dap-user-plus-app">
|
||||
<p class="org-title">Safelogin.org</p>
|
||||
<!-- <br> -->
|
||||
<!-- <div class="dap-user-plus-app">
|
||||
<span class="fa fa-3x fa-purple fa-user-circle"></span>
|
||||
<span class="fa fa-2x fa-gray fa-plus"></span>
|
||||
<img class="dap-lab-logo" src="./img/daplie-badge-purple-78x78.png" alt="Daplie Labs Logo">
|
||||
</div>
|
||||
<p class="dap-centered-text dap-normal-text"> OK! Almost done. Allow app to...?</p>
|
||||
<img class="dap-lab-logo" src="./img/Daplie-Badge-Purple.png" alt="Daplie Labs Logo">
|
||||
</div> -->
|
||||
<p class="dap-centered-text dap-normal-text almost-done-text">Almost done. Now it’s time to set your preferences.</p>
|
||||
<br>
|
||||
|
||||
<form class="js-authorization-decision" action="#">
|
||||
<ul class="js-scopes-container dap-app-auth-list">
|
||||
<li class="checkbox fa fa-check-square-o dap-purple-text js-auth-li-enabled">
|
||||
<span class="dap-small-text js-scope-desc noselect"> </span>
|
||||
<input class="checkbox js-scope-toggle js-auth-checkbox" type="checkbox">
|
||||
<li class="checkbox dap-purple-text js-auth-li-enabled">
|
||||
<img src="./img/pressed-check.png" class="check">
|
||||
<span class="dap-small-text js-scope-desc noselect"> </span>
|
||||
<input class="checkbox js-scope-toggle js-auth-checkbox hidden" type="checkbox">
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div>
|
||||
<button class="dap-full-button-green js-login-allow" type="button">AUTHORIZE THIS APP</button>
|
||||
<button class="dap-full-button-pink js-login-deny" type="button">DENY THIS APP</button>
|
||||
<button class="dap-full-button-green js-login-allow btn btn-primary" type="button">AUTHORIZE THIS APP</button>
|
||||
<button class="dap-full-button-pink js-login-deny btn btn-primary" type="button">Cancel</button>
|
||||
</div>
|
||||
</form>
|
||||
<img src="./img/gray-logo.svg" class="sponsored-by-logo">
|
||||
</div>
|
||||
|
||||
<!-- TODO: Remove Inline Style - Hidden until added into process -->
|
||||
|
|
@ -113,18 +135,19 @@
|
|||
</div>
|
||||
|
||||
<div class="dap-bordered dap-normal-text js-logout-container">
|
||||
<p class="dap-centered-text">Sign out of Daplie and all Applications?</p>
|
||||
<button type="button" class="dap-full-button-green js-logout">Sign Out</button>
|
||||
<p class="dap-centered-text sign-out-text">Sign out of Daplie and all Applications?</p>
|
||||
<button type="button" class="dap-full-button-green js-logout btn btn-primary">Sign Out</button>
|
||||
<img src="./img/gray-logo.svg" class="sponsored-by-logo">
|
||||
</div>
|
||||
|
||||
|
||||
<!--[if IE]><script src="bower_components/rsvp.js/rsvp.js"></script><![endif]-->
|
||||
<script src="/assets/com.jquery/jquery-3.1.1.js"></script>
|
||||
<script src="./js/issuer.js"></script>
|
||||
<script src="/assets/com.jquery/jquery-2.2.0.min.js"></script>
|
||||
<script src="./js/bootstrap.min.js"></script>
|
||||
<script src="./js/mock.js"></script>
|
||||
<script src="./js/script.js"></script>
|
||||
<script src="/assets/org.oauth3/oauth3.core.js"></script>
|
||||
<script src="/assets/org.oauth3/oauth3.issuer.js"></script>
|
||||
<!--script src="/assets/org.oauth3/oauth3.mock.js"></script-->
|
||||
<script src="/assets/org.oauth3/oauth3.mock.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
117
js/script.js
117
js/script.js
|
|
@ -1,38 +1,107 @@
|
|||
// $('body').on('click', '.js-remember-label', function (ev) {
|
||||
// ev.preventDefault();
|
||||
// ev.stopPropagation();
|
||||
// if ($('.js-remember-label').find('.js-remember-checkbox').prop('checked') === true ) {
|
||||
// $('.js-remember-label').find('.js-remember-status').removeClass('fa-check-square-o');
|
||||
// $('.js-remember-label').find('.js-remember-status').addClass('fa-square-o dap-remember-margin');
|
||||
// $('.js-remember-label').find('.js-remember-checkbox').prop('checked', false);
|
||||
// $('.js-remember-btn').removeClass('dap-full-button-purple');
|
||||
// $('.js-remember-btn').addClass('dap-full-button-green');
|
||||
// $('.js-remember-btn').text('SIGN IN ONCE');
|
||||
// } else if ($('.js-remember-label').find('.js-remember-checkbox').prop('checked') === false ) {
|
||||
// $('.js-remember-label').find('.js-remember-status').removeClass('fa-square-o dap-remember-margin');
|
||||
// $('.js-remember-label').find('.js-remember-status').addClass('fa-check-square-o');
|
||||
// $('.js-remember-label').find('.js-remember-checkbox').prop('checked', true);
|
||||
// $('.js-remember-btn').removeClass('dap-full-button-green');
|
||||
// $('.js-remember-btn').addClass('dap-full-button-purple');
|
||||
// $('.js-remember-btn').text('SIGN IN FOREVER');
|
||||
// }
|
||||
// });
|
||||
|
||||
// $('body').on('click', '.js-auth-li-enabled', function (ev) {
|
||||
// ev.preventDefault();
|
||||
// ev.stopPropagation();
|
||||
//
|
||||
// var $checkbox = $(this);
|
||||
// if ($checkbox.find('.js-auth-checkbox').prop('checked') === true ) {
|
||||
// // $checkbox.removeClass('fa-check-square-o');
|
||||
// // $checkbox.addClass('fa-square-o');
|
||||
// $checkbox.find('.js-auth-checkbox').prop('checked', false);
|
||||
// } else if ($checkbox.find('.js-auth-checkbox').prop('checked') === false ) {
|
||||
// // $checkbox.removeClass('fa-square-o');
|
||||
// // $checkbox.addClass('fa-check-square-o');
|
||||
// $checkbox.find('.js-auth-checkbox').prop('checked', true);
|
||||
// }
|
||||
// });
|
||||
$('body').on('click', '.js-remember-label', function (ev) {
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation();
|
||||
|
||||
if ($('.js-remember-label').find('.js-remember-checkbox').prop('checked') === true ) {
|
||||
$('.js-remember-label').find('.js-remember-status').removeClass('fa-check-square-o');
|
||||
$('.js-remember-label').find('.js-remember-status').addClass('fa-square-o dap-remember-margin');
|
||||
$('.js-remember-label').find('.js-remember-checkbox').prop('checked', false);
|
||||
$('.js-remember-btn').removeClass('dap-full-button-purple');
|
||||
$('.js-remember-btn').addClass('dap-full-button-green');
|
||||
$('.js-remember-btn').text('SIGN IN ONCE');
|
||||
} else if ($('.js-remember-label').find('.js-remember-checkbox').prop('checked') === false ) {
|
||||
$('.js-remember-label').find('.js-remember-status').removeClass('fa-square-o dap-remember-margin');
|
||||
$('.js-remember-label').find('.js-remember-status').addClass('fa-check-square-o');
|
||||
$('.js-remember-label').find('.js-remember-checkbox').prop('checked', true);
|
||||
$('.js-remember-btn').removeClass('dap-full-button-green');
|
||||
$('.js-remember-btn').addClass('dap-full-button-purple');
|
||||
$('.js-remember-btn').text('SIGN IN FOREVER');
|
||||
var $this = $(this);
|
||||
if ($this.find('.js-remember-checkbox').is(':checked') === true) {
|
||||
$this.find('.js-remember-checkbox').prop( "checked", false );
|
||||
} else {
|
||||
$this.find('.js-remember-checkbox').prop( "checked", true );
|
||||
}
|
||||
});
|
||||
|
||||
$('body').on('click', '.check', function () {
|
||||
var $img = $(this);
|
||||
if($img.attr("src") === "./img/pressed-check.png") {
|
||||
$img.attr("src", "./img/unpressed-check.png");
|
||||
$img.removeClass("is-checked");
|
||||
} else if($img.attr("src") === "./img/unpressed-check.png") {
|
||||
$img.attr("src", "./img/pressed-check.png");
|
||||
$img.addClass("is-checked");
|
||||
}
|
||||
});
|
||||
|
||||
$('body').on('click', '.js-auth-li-enabled', function (ev) {
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation();
|
||||
var $this = $(this);
|
||||
if ($this.find('.js-auth-checkbox').is(':checked') === true) {
|
||||
$this.find('.js-auth-checkbox').prop( "checked", false );
|
||||
} else {
|
||||
$this.find('.js-auth-checkbox').prop( "checked", true );
|
||||
}
|
||||
});
|
||||
|
||||
var $checkbox = $(this)
|
||||
if ($checkbox.find('.js-auth-checkbox').prop('checked') === true ) {
|
||||
$checkbox.removeClass('fa-check-square-o');
|
||||
$checkbox.addClass('fa-square-o');
|
||||
$checkbox.find('.js-auth-checkbox').prop('checked', false);
|
||||
} else if ($checkbox.find('.js-auth-checkbox').prop('checked') === false ) {
|
||||
$checkbox.removeClass('fa-square-o');
|
||||
$checkbox.addClass('fa-check-square-o');
|
||||
$checkbox.find('.js-auth-checkbox').prop('checked', true);
|
||||
$('body').on('keyup keypress', '.js-authn-otp-code', function (e) {
|
||||
var keyCode = e.keyCode || e.which;
|
||||
var regex = new RegExp('^[0-9 \-]+$');
|
||||
var key = String.fromCharCode(!e.charCode ? e.which : e.charCode);
|
||||
var oauthCode = $(this).val().split('-').join('').replace(/\s/g, '');
|
||||
|
||||
if (!regex.test(key)) {
|
||||
event.preventDefault();
|
||||
return false;
|
||||
}
|
||||
|
||||
if (oauthCode.length > 0) {
|
||||
oauthCode = oauthCode.match(new RegExp('.{1,4}', 'g')).join("-");
|
||||
}
|
||||
|
||||
$(this).val(oauthCode);
|
||||
|
||||
if($(this).val().length == $(this).attr("maxlength")){
|
||||
$('.submit-btn').prop("disabled", false);
|
||||
}
|
||||
});
|
||||
|
||||
$('body').on('keyup', '.js-oauth3-email', function () {
|
||||
var emailAddress = $(this).val();
|
||||
var emailRegex = new RegExp(/^([\w\.\-]+)@([\w\-]+)((\.(\w){2,3})+)$/i);
|
||||
var valid = emailRegex.test(emailAddress);
|
||||
if (!valid) {
|
||||
$('.js-authn-show').prop("disabled", true);
|
||||
return false;
|
||||
} else {
|
||||
$('.js-authn-show').prop("disabled", false);
|
||||
return true;
|
||||
}
|
||||
});
|
||||
|
||||
$('body').on('blur', '.js-oauth3-email', function () {
|
||||
var emailAddress = $(this).val();
|
||||
$('.email-address').text(emailAddress);
|
||||
});
|
||||
|
|
|
|||
Loading…
Reference in New Issue