451 lines
14 KiB
CSS
451 lines
14 KiB
CSS
@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;
|
|
}
|
|
span.dap-small-text.js-scope-desc.noselect {
|
|
font-family : Brown;
|
|
font-size : 14px;
|
|
line-height : 19px;
|
|
color : #808080;
|
|
color : rgb(128, 128, 128);
|
|
}
|
|
.error-msg {
|
|
color: #FDA748;
|
|
}
|