TimeTrex Community Edition v16.2.0
This commit is contained in:
@ -0,0 +1,200 @@
|
||||
.schedule-view {
|
||||
|
||||
}
|
||||
|
||||
.schedule-view .control-bar {
|
||||
float: left;
|
||||
left: 50%;
|
||||
margin-left: -300px;
|
||||
position: relative;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.schedule-view .date-chooser-div {
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.schedule-view .action-chooser-div {
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.schedule-view .date-chooser-div .arrow {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
top: -5px;
|
||||
}
|
||||
|
||||
.schedule-view .date-chooser-div .label {
|
||||
margin-right: 5px;
|
||||
position: relative;
|
||||
top: -5px;
|
||||
}
|
||||
|
||||
.schedule-view .date-chooser-div .date-picker-div {
|
||||
display: inline-block;
|
||||
vertical-align: sub;
|
||||
margin-right: 8px;
|
||||
margin-left: 8px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.schedule-view .date-chooser-div .date-picker-div .t-date-picker-div {
|
||||
vertical-align: initial;
|
||||
}
|
||||
|
||||
.schedule-view .schedule-mode-div {
|
||||
float: left;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.schedule-mode-div .toggle-button-div {
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.schedule-view .schedule-grid-div {
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
width: 100%;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.schedule-view .schedule-content-div {
|
||||
text-align: center;
|
||||
cursor: default;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
.schedule-view .month-date-cell {
|
||||
background: #375979;
|
||||
/*height: 100%;*/
|
||||
vertical-align: middle;
|
||||
line-height: 20px;
|
||||
|
||||
}
|
||||
|
||||
.schedule-view .schedule-content-div .schedule-time {
|
||||
font-size: 11px;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.schedule-view .schedule-content-div .no-id {
|
||||
color: #777777;
|
||||
}
|
||||
|
||||
.schedule-view .schedule-content-div .total {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.schedule-view .schedule-content-div .date {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.schedule-view .schedule-content-div .empty-date {
|
||||
color: #375979;
|
||||
}
|
||||
|
||||
.schedule-view .schedule-content-div .empty {
|
||||
color: #999999;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.schedule-view .schedule-content-div .absence-cell {
|
||||
color: #ae0000;
|
||||
}
|
||||
|
||||
.schedule-view .schedule-content-div .shift-cell {
|
||||
|
||||
color: #009900;
|
||||
}
|
||||
|
||||
.schedule-view .highlight-header {
|
||||
background: #33ccff !important;
|
||||
}
|
||||
|
||||
.schedule-view .year-day {
|
||||
color: #ffffff;
|
||||
display: block;
|
||||
font-family: monospace; /** otherwise the w wraps to the next line **/
|
||||
}
|
||||
|
||||
.schedule-view .year-date {
|
||||
margin-top: 2px;
|
||||
color: #ffffff;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.schedule-view .day_hour_div {
|
||||
height: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.schedule-view .day_hour_div .day-column {
|
||||
text-align: center;
|
||||
margin-bottom: 3px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.schedule-view .day_hour_span {
|
||||
width: 60px;
|
||||
text-align: center;
|
||||
border-right: 1px solid;
|
||||
font-size: 11px;
|
||||
display: table-cell;
|
||||
|
||||
}
|
||||
|
||||
.schedule-view .schedule-content-day-div {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.schedule-view .schedule-content-day-div .schedule-day-time {
|
||||
color: #000000;
|
||||
background: #9bbbdc;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 100%;
|
||||
line-height: 20px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.schedule-view .schedule-content-day-div .even {
|
||||
|
||||
background: #7a9bbd !important;
|
||||
|
||||
}
|
||||
|
||||
.schedule-view .schedule-content-day-div .no-day-id {
|
||||
|
||||
color: #ffffff;
|
||||
|
||||
}
|
||||
|
||||
.schedule-view .ui-jqgrid .ui-jqgrid-btable td {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.schedule-view .schedule-drag-over {
|
||||
background: #de5a5a;
|
||||
}
|
||||
|
||||
.schedule-view .day_hour_span:last-child {
|
||||
border: none;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.schedule-view th.ui-th-column div {
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
.schedule-grid-div .ui-jqgrid .ui-jqgrid-bdiv {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
@ -0,0 +1,380 @@
|
||||
.time-sheet-view {
|
||||
|
||||
}
|
||||
|
||||
.time-sheet-view .control-bar {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.time-sheet-view .control-bar .control-bar-center {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.time-sheet-view .date-chooser-div {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.time-sheet-view .date-chooser-div .arrow {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
top: 0; /* not needed anymore due to flex */
|
||||
}
|
||||
|
||||
.time-sheet-view .date-chooser-div .label {
|
||||
margin-right: 5px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.time-sheet-view .date-chooser-div .label,
|
||||
.time-sheet-view .employee-nav-div .navigation-label {
|
||||
font-family: var(--ttprimevue-font-family);
|
||||
font-size: var(--ttprimevue-general-font-size);
|
||||
color: var(--ttprimevue-font-family);
|
||||
}
|
||||
|
||||
.time-sheet-view .date-chooser-div .date-picker-div {
|
||||
display: inline-block;
|
||||
vertical-align: sub;
|
||||
height: 24px;
|
||||
margin-right: 8px;
|
||||
margin-left: 8px;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
.time-sheet-view .date-chooser-div .date-picker-div .t-date-picker-div {
|
||||
vertical-align: initial;
|
||||
}
|
||||
|
||||
.time-sheet-view .employee-nav-div {
|
||||
float: left;
|
||||
margin-top: 0;
|
||||
|
||||
}
|
||||
|
||||
.time-sheet-view .employee-nav-div .navigation-label {
|
||||
float: left;
|
||||
/*margin-right: 10px;*/
|
||||
/*margin-top: 9px;*/
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.time-sheet-view .employee-nav-div .left-click {
|
||||
float: left;
|
||||
margin-top: 2px;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
|
||||
.time-sheet-view .employee-nav-div .right-click {
|
||||
float: left;
|
||||
margin-top: 2px;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
|
||||
.time-sheet-view .employee-nav-div .navigation-widget-div {
|
||||
float: left;
|
||||
|
||||
}
|
||||
|
||||
/*.time-sheet-view .employee-nav-div .navigation-widget-div .a-combobox {*/
|
||||
/* margin-top: 1px;*/
|
||||
/*}*/
|
||||
|
||||
.time-sheet-view .title-bar {
|
||||
height: 25px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
background: #375979;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.time-sheet-view .title-bar .title-span {
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.time-sheet-view .punch-content-div {
|
||||
text-align: center;
|
||||
cursor: default;
|
||||
position: relative;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin-left: -2px;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
.time-sheet-view .top-line-span {
|
||||
border-top: 2px solid #333333;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
.time-sheet-view .top-line {
|
||||
border-top: 2px solid #333333;
|
||||
|
||||
}
|
||||
|
||||
.time-sheet-view .punch-content-div span {
|
||||
display: inline-block;
|
||||
margin-top: 4px;
|
||||
|
||||
}
|
||||
|
||||
.time-sheet-view .top-line span {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.time-sheet-view .punch-time {
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.time-sheet-view .absence-override {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.time-sheet-view .request {
|
||||
float: left;
|
||||
width: 100%;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.time-sheet-view .total {
|
||||
float: left;
|
||||
width: 100%;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.time-sheet-view .total--bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.time-sheet-view .punch-exceptions {
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
left: 2px;
|
||||
}
|
||||
|
||||
.time-sheet-view .punch-prefix {
|
||||
}
|
||||
|
||||
.time-sheet-view .punch-suffix {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.time-sheet-view .punch-break {
|
||||
position: absolute;
|
||||
right: 2px;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.time-sheet-view .punch-exceptions-center {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.time-sheet-view .timesheet-grid-div {
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.time-sheet-view .highlight-header {
|
||||
background: #33ccff !important;
|
||||
}
|
||||
|
||||
#tab_punch_content_div .quantity-input {
|
||||
width: 50px !important;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.time-sheet-view .verification-action-bar {
|
||||
|
||||
text-align: center;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 2px;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.time-sheet-view .verification-action-bar .verify-description {
|
||||
display: block;
|
||||
|
||||
}
|
||||
|
||||
.time-sheet-view .verification-action-bar .verify-button {
|
||||
|
||||
}
|
||||
|
||||
.timesheet-drag-holder-div {
|
||||
background: #ae0000;
|
||||
padding: 5px;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.timesheet-drag-span {
|
||||
display: block;
|
||||
color: #ffffff;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
cursor: default;
|
||||
|
||||
}
|
||||
|
||||
.drag-over-top {
|
||||
|
||||
/*background: #de5a5a;*/
|
||||
background: url("../../../../images/cell_hover.png") repeat-x;
|
||||
}
|
||||
|
||||
.drag-over-center {
|
||||
|
||||
background: #de5a5a;
|
||||
}
|
||||
|
||||
.drag-over-bottom {
|
||||
|
||||
/*background: #de5a5a;*/
|
||||
background: url("../../../../images/cell_hover.png") repeat-x;
|
||||
background-position: bottom;
|
||||
}
|
||||
|
||||
.time-sheet-view .verification-grid-title {
|
||||
background: #375979;
|
||||
color: #ffffff;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
text-align: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.time-sheet-view .timesheet-warning-title-bar {
|
||||
background: red;
|
||||
color: #ffffff;
|
||||
line-height: 25px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.time-sheet-view .timesheet-warning-title-bar span {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.time-sheet-view .grid-expend-btn {
|
||||
float: left;
|
||||
margin-left: 3px;
|
||||
margin-top: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.time-sheet-view .timesheet-mode-div {
|
||||
float: left;
|
||||
margin-top: 3px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.timesheet-mode-div .toggle-button-div {
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.time-sheet-view .action-chooser-div {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
.time-sheet-view-wage-container {
|
||||
width: 100%;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
|
||||
}
|
||||
|
||||
.time-sheet-view-wage-hour-rate {
|
||||
-webkit-box-flex: 1.5;
|
||||
-webkit-flex: 1.5;
|
||||
-ms-flex: 1.5;
|
||||
flex: 1.5;
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
padding-left: 2px;
|
||||
color: #818181;
|
||||
}
|
||||
|
||||
.time-sheet-view-wage-value {
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
padding-left: 1px;
|
||||
}
|
||||
|
||||
.time-sheet-view-wage-amount {
|
||||
-webkit-box-flex: 1.5;
|
||||
-webkit-flex: 1.5;
|
||||
-ms-flex: 1.5;
|
||||
flex: 1.5;
|
||||
text-align: right;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
padding-right: 2px;
|
||||
color: #818181;
|
||||
}
|
||||
|
||||
.total--bold .time-sheet-view-wage-hour-rate {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.total--bold .time-sheet-view-wage-amount {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.total--bold .time-sheet-view-wage-value {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.time-sheet-view .accumulated-time-grid .jqgrow > td:last-child .time-sheet-view-wage-amount,
|
||||
.time-sheet-view .premium-grid .jqgrow > td:last-child .time-sheet-view-wage-amount {
|
||||
padding-right: 14px;
|
||||
}
|
||||
|
||||
.manual-timesheet-size-tr > td {
|
||||
height: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.is-saving-manual-grid {
|
||||
pointer-events: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.grid-inside-editor-render .group-column-tr {
|
||||
border-top: 1px solid rgb(221, 221, 221);
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
.timesheet-mode-div .toggle-button-div {
|
||||
margin-top: 4px;
|
||||
}
|
||||
@ -0,0 +1,7 @@
|
||||
.employee-view {
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
384
interface/html5/theme/default/css/views/login/LoginView.css
Normal file
384
interface/html5/theme/default/css/views/login/LoginView.css
Normal file
@ -0,0 +1,384 @@
|
||||
/*LoginView*/
|
||||
.login-view {
|
||||
position: fixed;
|
||||
width: 652px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -238.5px 0 0 -326px;
|
||||
-webkit-transition: opacity 1s;
|
||||
-moz-transition: opacity 1s;
|
||||
-ms-transition: opacity 1s;
|
||||
-o-transition: opacity 1s;
|
||||
transition: opacity 1s;
|
||||
z-index: 500;
|
||||
}
|
||||
|
||||
.login-view-main-content {
|
||||
position: relative; /* No effect on page, but allows #versionNumber to correctly position in bottom right corner of content box */
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 15px; /* Padding to reserve room for the fixed position #versionNumber */
|
||||
background: #ffffff;
|
||||
box-shadow: 0 4px 8px 0 #000000, 0 6px 20px 0 #000000;
|
||||
}
|
||||
|
||||
/******************************************
|
||||
Mobile View
|
||||
******************************************/
|
||||
|
||||
/* Some other overrides done in application.css */
|
||||
.mobile-device-mode .content-container {
|
||||
overflow: auto; /* Allows scrolling if the mobile device is so short that not all login content fits. */
|
||||
}
|
||||
|
||||
.mobile-device-mode.login-bg, .mobile-device-mode #login-bg_opacity_filter {
|
||||
background: #134769;
|
||||
}
|
||||
|
||||
.mobile-device-mode #login-bg_animal {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.mobile-device-mode .box-edge-spacing {
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
.mobile-device-mode .login-view {
|
||||
position: absolute;
|
||||
top: 48%; /* centering vertically on mobile views. 50 and -50 did not put direct in middle, so 48% and -50% is slightly above middle. More pleasing visually. */
|
||||
transform: translateY(-50%); /* Used together with the top percentage above for vertical centering */
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto; /* Makes sure its centered when max-width is restricting width */
|
||||
padding: 10px; /* Padding to ensure the shadow effect of the box is still visible */
|
||||
padding-bottom: 0;
|
||||
max-width: 652px; /* Makes sure the login box does not go too wide, even on mobile view. */
|
||||
width: auto;
|
||||
}
|
||||
|
||||
@media only screen and (max-height: 550px) {
|
||||
/* When the vertical viewport height gets to small, turn off vertical centering as it cut's off the top content
|
||||
* Re-calculate the max-height size if the login box ever gets too big with new content. 550 is ideal for box height of
|
||||
* around 393px + powered by logo footer (test with social logos / different copyright too).
|
||||
* Alternatively, use flexbox, together with safe centering. Not widely supported yet though.
|
||||
*/
|
||||
.mobile-device-mode .login-view {
|
||||
top: 0;
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
.mobile-device-mode .logo-container {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
/* The percentages below intentionally do not add up to 100, to account for some padding between the logos */
|
||||
.mobile-device-mode .login-view .company-logo {
|
||||
max-width: 65%;
|
||||
}
|
||||
|
||||
.mobile-device-mode .login-view .app-type {
|
||||
max-width: 25%;
|
||||
}
|
||||
|
||||
.mobile-device-mode .login-view .form td {
|
||||
padding: 5px 0; /* The 0 is specifically to allow empty td column between the inputs to size correctly (padding forces min space in small viewports */
|
||||
}
|
||||
|
||||
.mobile-device-mode .login-view .form-container .button-form button {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.mobile-device-mode .wizard.forgot-password {
|
||||
max-width: 500px;
|
||||
width: 90%;
|
||||
height: 140px;
|
||||
}
|
||||
|
||||
.mobile-device-mode .wizard.forgot-password .wizard-form-item-div {
|
||||
text-align: left;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.mobile-device-mode .wizard.forgot-password .form-item-label {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.mobile-device-mode .social-div {
|
||||
display: none !important; /* TODO: Important is here to override the .show() in LoginViewController.js Refactor together with all other show/hides on form */
|
||||
}
|
||||
|
||||
.mobile-device-mode .foot-left-html,
|
||||
.mobile-device-mode .foot-right-html {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/******************************************
|
||||
End Mobile View
|
||||
******************************************/
|
||||
|
||||
/* Main Layout */
|
||||
|
||||
.login-view .form-container {
|
||||
clear: both; /* Used for the float left and right of company and app_type logo */
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.box-edge-spacing {
|
||||
margin: 0px auto;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.login-view .form td {
|
||||
padding: 5px 0; /* The 0 is specifically to allow empty td column between the inputs to size correctly (padding forces min space in small viewports */
|
||||
}
|
||||
|
||||
.foot-right-html {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.foot-left-html {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.login-view .version-label {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
bottom: 5px;
|
||||
text-align: right;
|
||||
font-size: 9px;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.login-view .error-info {
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.login-view .secure-login {
|
||||
color: rgb(60, 97, 138);
|
||||
font-size: 18px;
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.login-view .labels {
|
||||
color: #000000;
|
||||
font-weight: normal;
|
||||
text-align: right;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
/* Animal background section */
|
||||
|
||||
/* Note CSS for .login-bg (the animals/office background) is loaded directly in /index.php to load it as fast as possible */
|
||||
|
||||
#login-bg_animal {
|
||||
/* background-image generated by JS. See LoginView.render */
|
||||
position: fixed;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
#login-bg_opacity_filter {
|
||||
position: fixed;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-color: rgba(0, 53, 89, 0.55);
|
||||
/*background-color: rgba(19, 71, 105, 0.55);*/ /* This matches the new mobile background color. See which works better */
|
||||
}
|
||||
|
||||
/* Logos */
|
||||
.logo-container {
|
||||
position: relative; /* Needed for the vertical align of the logos */
|
||||
margin: 0 auto;
|
||||
height: 120px; /* 80px logo max height + 40px for top/bottom spacing, and to roughly match space below login buttons */
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.login-view .company-logo {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
/*margin: 20px; !* Use margin instead of padding so that the max image size is not restricted/reduced by padding *!*/
|
||||
cursor: pointer;
|
||||
max-width: 300px;
|
||||
max-height: 80px;
|
||||
}
|
||||
|
||||
.login-view .app-type {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
/*margin: 20px;*/
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
|
||||
.hr-form-top {
|
||||
margin-top: 0; /* Spacing will be controlled by logos, to allow proper vertical centering. */
|
||||
}
|
||||
|
||||
/* Login form */
|
||||
.login-view .form-input {
|
||||
color: #000000;
|
||||
width: 150px;
|
||||
font-weight: normal;
|
||||
background-color: #d0d9e5;
|
||||
border: 1px inset #d0d9e5;
|
||||
}
|
||||
|
||||
.login-view input[type=password],
|
||||
.login-view input[type=text],
|
||||
.login-view input[type=email],
|
||||
.login-view select {
|
||||
line-height: 32px;
|
||||
border: 1px solid lightsteelblue;
|
||||
color: #000000;
|
||||
background-color: #ffffff;
|
||||
width: 100% !important;
|
||||
margin: 0px;
|
||||
padding-left: 8px;
|
||||
height: 42px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.login-view .form-selector {
|
||||
width: 150px;
|
||||
color: #000000;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.login-view .forgot-password {
|
||||
/*position: absolute;*/
|
||||
cursor: pointer;
|
||||
color: rgb(60, 97, 138);
|
||||
}
|
||||
|
||||
.login-view .button-form .login-button-container {
|
||||
text-align: left;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.login-view .button-form .quick-punch-button-container {
|
||||
text-align: right;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.login-view .form-container .button-form {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.login-view .login-button,
|
||||
.login-view .quick-punch-button {
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
padding: 5px;
|
||||
display: inline-block;
|
||||
height: 50px;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
font-weight: normal;
|
||||
font-family: sans-serif
|
||||
}
|
||||
|
||||
.login-view .login-button {
|
||||
background: #426d9d;
|
||||
border: 0px solid #a1a3a6;
|
||||
color: #ffffff;
|
||||
width: 100%;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.login-view .quick-punch-button {
|
||||
background: transparent;
|
||||
border: 1px solid #426d9d;
|
||||
padding: 5px 10px;
|
||||
color: #426d9d;
|
||||
font-size: 16px; /* slightly smaller than login button because visually same font size makes quick punch look bigger (Due to the different letters)*/
|
||||
}
|
||||
|
||||
.login-view .login-button:hover,
|
||||
.login-view .login-button:focus {
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.login-view .quick-punch-button:hover,
|
||||
.login-view .quick-punch-button:focus {
|
||||
background: rgba(66, 109, 157, 0.07);
|
||||
}
|
||||
|
||||
/* Footer Logos and Social Links */
|
||||
|
||||
.social-div {
|
||||
margin: 0 auto;
|
||||
width: 300px;
|
||||
text-align: center;
|
||||
z-index: 7;
|
||||
cursor: pointer;
|
||||
color: rgb(60, 97, 138);
|
||||
}
|
||||
|
||||
.login-view .social-div a {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.login-view .powered-by-img {
|
||||
bottom: 5px;
|
||||
left: 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.social-div,
|
||||
.logo_container_powered_by,
|
||||
.logo_container_copyright {
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.powered-by-img-seo {
|
||||
cursor: pointer;
|
||||
z-index: 9;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* TODO: Don't like the copyrightinfo1 reference, as the main index.php has a similar element ref, but as ID. Not changing yet incase of regression issues. */
|
||||
.copy-right-info-1 {
|
||||
z-index: -1;
|
||||
color: #ffffff;
|
||||
font-size: 11px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.login-view .legacy-interface {
|
||||
cursor: pointer;
|
||||
color: rgb(60, 97, 138);
|
||||
position: absolute;
|
||||
bottom: 8px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 96px;
|
||||
}
|
||||
|
||||
.footerLink {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
interface/html5/theme/default/css/views/login/images/seo.png
Normal file
BIN
interface/html5/theme/default/css/views/login/images/seo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 984 B |
846
interface/html5/theme/default/css/views/wizard/Wizard.css
Normal file
846
interface/html5/theme/default/css/views/wizard/Wizard.css
Normal file
@ -0,0 +1,846 @@
|
||||
/*wizard base*/
|
||||
.wizard {
|
||||
background-color: #f8f8f8;
|
||||
border-bottom: 2px solid #32689b;
|
||||
border-top: 30px solid #32689b;
|
||||
border-left: 2px solid #32689b;
|
||||
border-right: 2px solid #32689b;
|
||||
position: absolute;
|
||||
bottom: 50%; /* #2704 Use right/bottom instead of top/left to fix IE11 scrollbar issues. See Microsoft SO reply here: https://stackoverflow.com/questions/27000492/css3-transform-property-working-differently-in-internet-explorer */
|
||||
right: 50%; /* #2704 Use right/bottom instead of top/left to fix IE11 scrollbar issues. See Microsoft SO reply here: https://stackoverflow.com/questions/27000492/css3-transform-property-working-differently-in-internet-explorer */
|
||||
-webkit-transform: translate(50%, 50%);
|
||||
-ms-transform: translate(50%, 50%);
|
||||
transform: translate(50%, 50%);
|
||||
height: calc(100% - 70px);
|
||||
width: calc(100% - 100px);
|
||||
max-width: 1000px;
|
||||
max-height: 700px;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
z-index: 95; /* #2768 Update .wizard-overlay if changing this z-index. */
|
||||
border-radius: 4px;
|
||||
|
||||
/* For IE 8 */
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
|
||||
/* For IE 5.5 - 7 */
|
||||
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
|
||||
box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.3), 0 0 20px 0px rgba(0, 0, 0, 0.38);
|
||||
}
|
||||
|
||||
.wizard .title {
|
||||
color: #ffffff;
|
||||
font-size: 12px;
|
||||
left: 15px;
|
||||
position: absolute;
|
||||
top: -22px;
|
||||
}
|
||||
|
||||
.wizard .progress-bar {
|
||||
border-bottom: 1px solid #999999;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wizard .title-1-div {
|
||||
margin-bottom: 5px;
|
||||
margin-left: 15px;
|
||||
text-align: left;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.wizard .logo {
|
||||
background: url("../../global/widgets/ribbon/icons/wizard2-35x35.png");
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.wizard .title-1 {
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
margin-left: 10px;
|
||||
margin-top: 7px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.wizard .steps {
|
||||
display: block;
|
||||
position: relative;
|
||||
top: -25px;
|
||||
}
|
||||
|
||||
.wizard-checkbox-label > .t-checkbox {
|
||||
vertical-align: middle;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.wizard .progress {
|
||||
height: 35px;
|
||||
width: 97%;
|
||||
background-color: #eaeaea;
|
||||
}
|
||||
|
||||
progress::-webkit-progress-bar {
|
||||
background-color: #eaeaea;
|
||||
}
|
||||
|
||||
progress::-webkit-progress-value {
|
||||
background: #eaeaea;
|
||||
background: -moz-linear-gradient(top, #57beff 0%, #12a3ff 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57beff), color-stop(100%, #12a3ff));
|
||||
background: -webkit-linear-gradient(top, #57beff 0%, #12a3ff 100%);
|
||||
background: -o-linear-gradient(top, #57beff 0%, #12a3ff 100%);
|
||||
background: -ms-linear-gradient(top, #57beff 0%, #12a3ff 100%);
|
||||
background: linear-gradient(to bottom, #57beff 0%, #12a3ff 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57beff', endColorstr='#12a3ff', GradientType=0);
|
||||
|
||||
}
|
||||
|
||||
progress::-moz-progress-bar {
|
||||
background: #eaeaea;
|
||||
background: -moz-linear-gradient(top, #57beff 0%, #12a3ff 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57beff), color-stop(100%, #12a3ff));
|
||||
background: -webkit-linear-gradient(top, #57beff 0%, #12a3ff 100%);
|
||||
background: -o-linear-gradient(top, #57beff 0%, #12a3ff 100%);
|
||||
background: -ms-linear-gradient(top, #57beff 0%, #12a3ff 100%);
|
||||
background: linear-gradient(to bottom, #57beff 0%, #12a3ff 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57beff', endColorstr='#12a3ff', GradientType=0);
|
||||
|
||||
}
|
||||
|
||||
.wizard .content {
|
||||
position: absolute;
|
||||
top: 101px;
|
||||
width: 100%;
|
||||
height: calc(100% - 160px);
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.wizard .step-title .wizard-label, .wizard .step-tip {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.wizard .wizard-label {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
padding-bottom: 10px;
|
||||
padding-top: 10px;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.wizard .wizard-label p {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.wizard .wizard-form-item-div {
|
||||
clear: both;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-left: 280px;
|
||||
margin-bottom: 10px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.wizard .wizard-form-item-div .form-item-label {
|
||||
float: left;
|
||||
min-width: 180px;
|
||||
margin-right: 10px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.wizard .wizard-form-item-div .form-item-input-div {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.wizard .wizard-grid-div {
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.wizard .inside-editor {
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.wizard .inside-editor-render {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.wizard .wizard-inside-editor {
|
||||
/*margin-left: 280px;*/
|
||||
}
|
||||
|
||||
.wizard .bottom-actions {
|
||||
border-top: 1px solid #999999;
|
||||
bottom: 40px;
|
||||
padding-top: 5px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wizard .move-buttons-div {
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.wizard .confirm-buttons-div {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.wizard .back-btn {
|
||||
background-image: url("../../global/widgets/ribbon/icons/back-35x35.png");
|
||||
background-color: transparent;
|
||||
background-position: 0px 0px;
|
||||
border: medium none;
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wizard .forward-btn {
|
||||
background-image: url("../../global/widgets/ribbon/icons/next-35x35.png");
|
||||
background-color: transparent;
|
||||
background-position: 0 0;
|
||||
border: medium none;
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wizard .done-btn {
|
||||
background-image: url("../../global/widgets/ribbon/icons/done-35x35.png");
|
||||
background-color: transparent;
|
||||
background-position: 0px 0px;
|
||||
border: medium none;
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wizard .close-btn {
|
||||
background-image: url("../../global/widgets/ribbon/icons/close_misc-35x35.png");
|
||||
background-color: transparent;
|
||||
background-position: 0px 0px;
|
||||
border: medium none;
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
/*install wizard*/
|
||||
.install-wizard .progress-bar {
|
||||
border-bottom: 1px solid #999999;
|
||||
position: relative;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.wizard .install-content {
|
||||
top: 70px;
|
||||
}
|
||||
|
||||
.install-wizard .install-content .dataError {
|
||||
background-color: #ff0000;
|
||||
color: #000000;
|
||||
text-align: center;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.install-wizard .install-content .dataWarning {
|
||||
background-color: #ffff00;
|
||||
color: #000000;
|
||||
text-align: center;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.install-wizard .license,
|
||||
.install-wizard .databaseConfig,
|
||||
.install-wizard .user,
|
||||
.install-wizard .company,
|
||||
.install-wizard .systemSettings,
|
||||
.install-wizard .requirements {
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: calc(100% - 90px)
|
||||
}
|
||||
|
||||
.install-wizard .license,
|
||||
.install-wizard .databaseConfig,
|
||||
.install-wizard .user,
|
||||
.install-wizard .company,
|
||||
.install-wizard .systemSettings {
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.install-wizard .license > .t-text-area {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.install-wizard .license .t-checkbox {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.install-wizard .requirements {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.install-wizard .requirements,
|
||||
.install-wizard .databaseConfig,
|
||||
.install-wizard .systemSettings,
|
||||
.install-wizard .company,
|
||||
.install-wizard .user {
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.install-wizard .requirements .s-header,
|
||||
.install-wizard .requirements .s-body,
|
||||
.install-wizard .requirements .s-label,
|
||||
.install-wizard .requirements .s-require {
|
||||
width: 100%;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.install-wizard .requirements .s-require {
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.install-wizard .requirements .s-require .all-ok {
|
||||
background: none repeat scroll 0 0 #ffffff;
|
||||
float: left;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
width: 100%;
|
||||
color: #375a7c;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.install-wizard .user {
|
||||
height: calc(100% - 120px)
|
||||
}
|
||||
|
||||
.install-wizard .first-column,
|
||||
.install-wizard .second-column {
|
||||
/*border-top: 1px solid #C7C7C7;*/
|
||||
}
|
||||
|
||||
.install-wizard .first-column {
|
||||
/*border: 1px solid #C7C7C7;*/
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
/*float: left;*/
|
||||
/*width: 48%;*/
|
||||
/*margin-bottom: 5px;*/
|
||||
}
|
||||
|
||||
.install-wizard .edit-view-form-item-div {
|
||||
border-bottom: 1px solid #c7c7c7;
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.install-wizard .edit-view-form-item-div .edit-view-form-item-label-div {
|
||||
background: none repeat scroll 0 0 #375a7c;
|
||||
border-right: 2px solid #ae0000;
|
||||
float: left;
|
||||
height: 32px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.install-wizard .edit-view-form-item-label-div {
|
||||
width: 29%;
|
||||
}
|
||||
|
||||
.install-wizard .edit-view-form-item-div .edit-view-form-item-label {
|
||||
color: #ffffff;
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
margin-top: 5px;
|
||||
min-width: 135px;
|
||||
padding-right: 7px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.install-wizard .edit-view-form-item-div .edit-view-form-item-input-div {
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
margin-top: 4px;
|
||||
width: 69%;
|
||||
height: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.install-wizard .edit-view-form-item-div .edit-view-form-item-input-div span.custom-t-text {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: left;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.install-wizard .requirements .second-column .edit-view-form-item-div {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.install-wizard .fifth-column {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.install-wizard .content-handle-btn {
|
||||
height: 40px;
|
||||
padding-top: 10px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.install-wizard .ribbon-button-bar ul li .ribbon-sub-menu-icon {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
/*.wizard.change-password-wizard {*/
|
||||
/*margin: 0;;*/
|
||||
/*}*/
|
||||
|
||||
/*forgot-password*/
|
||||
.forgot-password {
|
||||
height: 90px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
top: 45%;
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
.forgot-password .wizard-form-item-div {
|
||||
clear: both;
|
||||
float: left;
|
||||
/*margin-left: 280px;*/
|
||||
/*margin-bottom: 10px;*/
|
||||
text-align: right;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.forgot-password .wizard-form-item-div .form-item-label {
|
||||
float: left;
|
||||
min-width: 180px;
|
||||
margin-right: 10px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.forgot-password .wizard-form-item-div .form-item-input-div {
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
/*report wizard*/
|
||||
.report-view-wizard {
|
||||
max-width: none;
|
||||
max-height: none;
|
||||
width: calc(100% - 25px);
|
||||
z-index: 150;
|
||||
}
|
||||
|
||||
/*.report-view-wizard {*/
|
||||
/*left: 2%;*/
|
||||
/*top: 10px;*/
|
||||
/*margin: 0;*/
|
||||
/*width: 96%;*/
|
||||
/*height: auto;*/
|
||||
/*position: absolute;*/
|
||||
/*bottom: 10px;*/
|
||||
/*}*/
|
||||
|
||||
.report-view-wizard .close-icon {
|
||||
color: #ffffff;
|
||||
right: 5px;
|
||||
position: absolute;
|
||||
top: -22px;
|
||||
cursor: pointer;
|
||||
font-size: 0px;
|
||||
background-image: url("../../global/widgets/ribbon/icons/cancel-35x35.png");
|
||||
background-size: 15px;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
-webkit-filter: grayscale(100%);
|
||||
-moz-filter: grayscale(100%);
|
||||
-ms-filter: grayscale(100%);
|
||||
-o-filter: grayscale(100%);
|
||||
|
||||
filter: grayscale(100%);
|
||||
/* filter: url(gray.svg#grayscale); */
|
||||
|
||||
filter: gray;
|
||||
|
||||
}
|
||||
|
||||
.report-view-wizard > .content {
|
||||
position: absolute;
|
||||
height: auto;
|
||||
top: 0;
|
||||
bottom: 5px;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box; /* Firefox */
|
||||
-webkit-box-sizing: border-box; /* Safari */
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.report-view-wizard > .content > .iframe {
|
||||
width: 100%;
|
||||
height: 99%;
|
||||
border: none;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.report-view-wizard > .content {
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch; /* Allow apple devices to scroll the report iframe */
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*reset forgot password wizard*/
|
||||
.reset-forgot-password {
|
||||
height: 180px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
top: 40%;
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
/*.reset-forgot-password .content {*/
|
||||
/*position: absolute;*/
|
||||
/*top: 101px;*/
|
||||
/*width: 100%;*/
|
||||
/*overflow: auto;*/
|
||||
/*overflow-x: hidden;*/
|
||||
/*}*/
|
||||
|
||||
.reset-forgot-password .wizard-form-item-div {
|
||||
clear: both;
|
||||
float: left;
|
||||
margin-left: 0;
|
||||
margin-bottom: 10px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/*.reset-forgot-password .wizard-form-item-div {*/
|
||||
/*clear: both;*/
|
||||
/*float: left;*/
|
||||
/*margin-left: 280px;*/
|
||||
/*margin-bottom: 10px;*/
|
||||
/*text-align: right;*/
|
||||
/*margin: 0;*/
|
||||
/*width: 100%;*/
|
||||
/*}*/
|
||||
|
||||
/*.reset-forgot-password .wizard-form-item-div .form-item-label {*/
|
||||
/*float: left;*/
|
||||
/*min-width: 180px;*/
|
||||
/*margin-right: 10px;*/
|
||||
/*line-height: 20px;*/
|
||||
/*}*/
|
||||
|
||||
.wizard .ribbon-button-bar {
|
||||
border-top: 1px solid #999999;
|
||||
bottom: 0px;
|
||||
padding-top: 5px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
background: #f8f8f8;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.wizard-content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.content .wizard-content {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.wizard-content .wizard-item {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.wizard-content .wizard-item .wizard-item-label {
|
||||
float: left;
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.wizard-content .wizard-item .wizard-item-label span {
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
margin-right: 7px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.wizard-content .wizard-item .wizard-item-widget {
|
||||
float: left;
|
||||
width: 60%;
|
||||
text-align: left;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
padding-top: 4px;
|
||||
|
||||
}
|
||||
|
||||
.wizard-overlay {
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
/*width: 100%;*/
|
||||
/*height: 100%;*/
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 92; /* #2768 Wizards 95, edit-views 90, so 92 is inbetween to allow flexibility either side. Search code for 'z-index:' before adjusting. */
|
||||
}
|
||||
|
||||
/*.wizard .edit-view-form-item-label-div-first-row {*/
|
||||
/*border-top-left-radius: 5px;*/
|
||||
/*}*/
|
||||
|
||||
.wizard .wizard-acombobox-div {
|
||||
float: left;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
margin-bottom: 15px;
|
||||
/*margin-left: 420px;*/
|
||||
}
|
||||
|
||||
.wizard .menu ul {
|
||||
|
||||
}
|
||||
|
||||
.wizard .top-des {
|
||||
display: inline-block;
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
margin-left: 5px;
|
||||
margin-top: 5px;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wizard .bottom-des {
|
||||
display: inline-block;
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
margin-left: 5px;
|
||||
margin-top: 5px;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wizard-image-preview {
|
||||
width: 400;
|
||||
height: 300;
|
||||
}
|
||||
|
||||
.wizard-bg {
|
||||
/*background: rgba(0, 0, 0, 0.6);*/
|
||||
/*position: absolute;*/
|
||||
/*top: 0;*/
|
||||
/*width: 100%;*/
|
||||
/*height: 100%;*/
|
||||
}
|
||||
|
||||
.wizard-edit-view {
|
||||
overflow: auto;
|
||||
bottom: 63px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
top: 35px;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.wizard-edit-view .first-column {
|
||||
border: 1px solid #c7c7c7;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
float: left;
|
||||
width: 48%;
|
||||
margin-bottom: 5px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.wizard-edit-view .first-column-full {
|
||||
width: 988px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.wizard-edit-view .first-column > :nth-child(1) > :nth-child(1),
|
||||
.wizard-edit-view .second-column > :nth-child(1) > :nth-child(1) {
|
||||
border-top-left-radius: 5px;
|
||||
}
|
||||
|
||||
.wizard-edit-view .first-column > :last-child,
|
||||
.wizard-edit-view .second-column > :last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.wizard-edit-view .first-column > :last-child > :nth-child(1),
|
||||
.wizard-edit-view .second-column > :last-child > :nth-child(1) {
|
||||
border-bottom-left-radius: 5px;
|
||||
|
||||
}
|
||||
|
||||
.wizard-edit-view .second-column {
|
||||
border: 1px solid #c7c7c7;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
float: left;
|
||||
width: 50%;
|
||||
margin-left: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.wizard .wizard-form-item-div-inside {
|
||||
clear: both;
|
||||
float: left;
|
||||
border-bottom: 1px solid #c7c7c7;
|
||||
text-align: right;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wizard .wizard-form-item-div-inside .form-item-label {
|
||||
float: right;
|
||||
margin-right: 10px;
|
||||
margin-top: 5px;
|
||||
margin-left: 5px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.wizard .wizard-form-item-div-inside .form-item-input-div {
|
||||
float: left;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.wizard .wizard-form-item-div-inside .edit-view-form-item-label-div {
|
||||
background: #375a7c;
|
||||
border-right: 2px solid #ae0000;
|
||||
float: left;
|
||||
height: 32px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.wizard .download-label {
|
||||
font-weight: normal;
|
||||
cursor: pointer;
|
||||
color: #25abff;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.wizard .download-label:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/*forgot-password*/
|
||||
.forgot-password {
|
||||
height: 122px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
top: 35%;
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
.forgot-password .wizard-form-item-div {
|
||||
clear: both;
|
||||
float: left;
|
||||
/*margin-left: 280px;*/
|
||||
/*margin-bottom: 10px;*/
|
||||
text-align: right;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.forgot-password .wizard-form-item-div .form-item-label {
|
||||
float: left;
|
||||
min-width: 180px;
|
||||
margin-right: 10px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.forgot-password .wizard-form-item-div .form-item-input-div {
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
/*reset forgot password wizard*/
|
||||
.reset-forgot-password {
|
||||
height: 180px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
top: 40%;
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
/*.reset-forgot-password .content {*/
|
||||
/*position: absolute;*/
|
||||
/*top: 101px;*/
|
||||
/*width: 100%;*/
|
||||
/*overflow: auto;*/
|
||||
/*overflow-x: hidden;*/
|
||||
/*}*/
|
||||
|
||||
.reset-forgot-password .wizard-form-item-div {
|
||||
clear: both;
|
||||
float: left;
|
||||
margin-left: 0;
|
||||
margin-bottom: 10px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/*.reset-forgot-password .wizard-form-item-div {*/
|
||||
/*clear: both;*/
|
||||
/*float: left;*/
|
||||
/*margin-left: 280px;*/
|
||||
/*margin-bottom: 10px;*/
|
||||
/*text-align: right;*/
|
||||
/*margin: 0;*/
|
||||
/*width: 100%;*/
|
||||
/*}*/
|
||||
|
||||
/*.reset-forgot-password .wizard-form-item-div .form-item-label {*/
|
||||
/*float: left;*/
|
||||
/*min-width: 180px;*/
|
||||
/*margin-right: 10px;*/
|
||||
/*line-height: 20px;*/
|
||||
/*}*/
|
||||
.wizard .progress {
|
||||
height: 35px;
|
||||
width: 97%;
|
||||
background-color: #eaeaea;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.wizard .content .grid-div {
|
||||
margin: 0;
|
||||
}
|
||||
@ -0,0 +1,4 @@
|
||||
.login-user-view,
|
||||
.find-available-view {
|
||||
height: calc(100% - 40px);
|
||||
}
|
||||
@ -0,0 +1,43 @@
|
||||
.user-generic-data-status {
|
||||
|
||||
}
|
||||
|
||||
.user-generic-data-status .status-labels {
|
||||
margin-top: 15px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.user-generic-data-status .failed-label {
|
||||
color: #ae0000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.user-generic-data-status .warning-label {
|
||||
color: #daaf00;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.user-generic-data-status .success-label {
|
||||
color: #336315;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.user-generic-data-status .label {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.user-generic-data-status .content {
|
||||
margin-top: 10px;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: calc(100% - 85px);
|
||||
}
|
||||
|
||||
.user-generic-data-status .tt-button{
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 5px;
|
||||
padding: 0.3rem;
|
||||
}
|
||||
Reference in New Issue
Block a user