Initial commit
This commit is contained in:
Isaac Parenteau committed
commit
880e39de2e
511 files changed
+38363
No files matched your search
@@ -0,0 +1,523 @@
|
||||
/*csslint important: false*/
|
||||
|
||||
#mainBody {
|
||||
background-color: #ff6600;
|
||||
background: url(images/background.png);
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.fill-height {
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
.header-container-left,
|
||||
.header-container,
|
||||
.header-container-right {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 5px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.header-container-left {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.header-container-right {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.vertical-align-center,
|
||||
.header-container-right button {
|
||||
-moz-transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
position: relative;
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
.horizontal-align-center {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
-moz-transform: translateX(-50%);
|
||||
-webkit-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
-o-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.center-text {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#filterBoxAlignment{
|
||||
bottom: -2px;
|
||||
left:1.5px;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
#bottomFilter{
|
||||
height: 35px;
|
||||
bottom: 3px;
|
||||
left: 1px;
|
||||
background-color: #EBEBEB;
|
||||
}
|
||||
#box{
|
||||
|
||||
bottom:50px;
|
||||
}
|
||||
.left-text {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
|
||||
.fill-height-scroll,
|
||||
.fill-height-scroll .tab-pane {
|
||||
height: 100%;
|
||||
overflow:auto;
|
||||
}
|
||||
|
||||
.fill-height-scroll-y,
|
||||
.fill-height-scroll-y .tab-pane {
|
||||
height: 100%;
|
||||
overflow-y:auto;
|
||||
overflow-x:no-content;
|
||||
}
|
||||
|
||||
.scroll {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.box {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tab-pane {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.ellipsis {
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.margin-none {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.margin-sm {
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.margin-md {
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.margin-sides-xs {
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.margin-sides-sm {
|
||||
margin-left: 4px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.margin-right-xs {
|
||||
margin-right: 1px;
|
||||
}
|
||||
|
||||
.margin-right-sm {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.margin-right-md {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.margin-right-lg {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
.col-padding-none,
|
||||
.padding-none {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.padding-left-none {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.padding-med {
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.padding-sides-small {
|
||||
padding-left: 1px;
|
||||
padding-right: 1px
|
||||
}
|
||||
|
||||
.padding-sides-med {
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
}
|
||||
|
||||
.rounded-border {
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 8px;
|
||||
}
|
||||
/*
|
||||
* lifecycle and ex org table css rules
|
||||
*/
|
||||
|
||||
#availableLC{
|
||||
height: 194px;
|
||||
width: 472px;
|
||||
}
|
||||
#availableOT{
|
||||
height: 430px;
|
||||
width: 472px;
|
||||
}
|
||||
|
||||
|
||||
.thin-border {
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.thin-border-top {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.thin-border-bottom {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.thin-border-left {
|
||||
border-left: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.thin-border-right {
|
||||
border-right: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.thin-border-sides {
|
||||
border-left: 1px solid #ddd;
|
||||
border-right: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.progress-bar-label {
|
||||
color: #555;
|
||||
left:50%;
|
||||
top:50%;
|
||||
-o-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-moz-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
/*Allows label to be centered in progress bar using absolute positioning*/
|
||||
.progress {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.tab-pane {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.icon-xs svg {
|
||||
float: left;/*Causes vertical centering to work with svg element*/
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.text-small {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* This controls the border around the buttons when they have a selection focus
|
||||
button :focus {
|
||||
outline: none!important;
|
||||
}*/
|
||||
|
||||
.gridStyle {
|
||||
box-sizing: border-box;
|
||||
border: 1px solid rgb(212,212,212);
|
||||
}
|
||||
|
||||
.float-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.float-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.nav-tabs li:first-of-type {
|
||||
padding-left: 4px; /** TODO Replace this with responsive utility*/
|
||||
}
|
||||
|
||||
/* Override the default gray because it is hard to see. */
|
||||
/* TODO: possible change to a different color/shade */
|
||||
.modal-footer {
|
||||
border-top-color: black;
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
border-bottom-color: black;
|
||||
}
|
||||
|
||||
.rotate90 {
|
||||
/* Safari */
|
||||
-webkit-transform: rotate(90deg);
|
||||
/* Firefox */
|
||||
-moz-transform: rotate(90deg);
|
||||
/* IE */
|
||||
-ms-transform: rotate(90deg);
|
||||
/* Opera */
|
||||
-o-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
/* One of these catches chrome */
|
||||
}
|
||||
|
||||
.rotate180 {
|
||||
/* Safari */
|
||||
-webkit-transform: rotate(180deg);
|
||||
/* Firefox */
|
||||
-moz-transform: rotate(180deg);
|
||||
/* IE */
|
||||
-ms-transform: rotate(180deg);
|
||||
/* Opera */
|
||||
-o-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
/* One of these catches chrome */
|
||||
}
|
||||
|
||||
/* Prevents drag and shift text selection */
|
||||
.unselectable {
|
||||
-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;
|
||||
}
|
||||
|
||||
/*
|
||||
.modal.fade .modal-dialog, .modal.in .modal-dialog {
|
||||
-webkit-transform: translate(0, 0);
|
||||
-ms-transform: translate(0, 0);
|
||||
-moz-transform: translate(0, 0);
|
||||
-o-transform: translate(0, 0);
|
||||
transform: translate(0, 0);
|
||||
}*/
|
||||
|
||||
#modalDialogContainer>div{
|
||||
overflow-y: hidden;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
overflow: hidden;
|
||||
padding-top: 5;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.input-group-addon:not(:last-child),
|
||||
.input-group-btn:not(:last-child),
|
||||
.input-group .form-control:not(:last-child) {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
|
||||
.input-group-btn:last-child>.btn,
|
||||
.input-group-btn:last-child>.btn-group {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.no-scroll-table .ngViewport {
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
.no-scroll-table .ngCanvas,
|
||||
.no-scroll-table .ngViewport,
|
||||
.no-scroll-table .ngRow,
|
||||
.no-scroll-table .ngFooterPanel,
|
||||
.no-scroll-table .ngTopPanel{
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.no-scroll-table .ngRow {
|
||||
border-bottom: none !important;
|
||||
border-radius: 5px !important;
|
||||
}
|
||||
|
||||
.panel-body-relative {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.normal-filter {
|
||||
background-color: white;
|
||||
height: 40px;
|
||||
width: 200px;
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.bottom-filter {
|
||||
background-color: white;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 200px;
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
}
|
||||
|
||||
.bottom-filter-pad {
|
||||
padding-bottom: 40px; /** Cooresponds with .bottom-filter */
|
||||
}
|
||||
|
||||
/* Causes an element to fill it's absolute container fully */
|
||||
.fill-container-absolutely {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
/** Fixes issue with loading spinner showing up in front of modal dialogues */
|
||||
.spinner {
|
||||
z-index: 0 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hides the pin button unless you hover over the header for ng-grid
|
||||
*/
|
||||
.ngUnPinnedIcon {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.ngHeaderCell:hover .ngUnPinnedIcon {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.glyphicon-tile.glyphicon {
|
||||
text-align: center;
|
||||
font-size: 8em;
|
||||
color: lightgray;
|
||||
}
|
||||
|
||||
.label-as-badge {
|
||||
border-radius: 1em;
|
||||
}
|
||||
.loadingFade {
|
||||
position:absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #ababab;
|
||||
z-index: 9000;
|
||||
-moz-opacity: 0.8;
|
||||
opacity: .70;
|
||||
filter: alpha(opacity=80);
|
||||
}
|
||||
|
||||
.loadingModal {
|
||||
position: absolute;
|
||||
top: 45%;
|
||||
left: 48%;
|
||||
z-index: 9001;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.splitter{
|
||||
background: #c8c8c8;
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
.ghost {
|
||||
background: #c8c8c8;
|
||||
opacity: 0.5;
|
||||
|
||||
}
|
||||
|
||||
.ui-icon-gripsmall-diagonal-se {
|
||||
right:0 !important;
|
||||
bottom:0 !important;
|
||||
background-position: -64px -224px !important;
|
||||
}
|
||||
|
||||
.hover-cursor {
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.icon-grid-cell {
|
||||
padding-top: 3px;
|
||||
padding-left: 3px;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.modal-xl {
|
||||
width: 95%;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-grid-sort-priority-number {
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.stretch input {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.speech {
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
position: absolute;
|
||||
}
|
||||
Reference in new issue
Block a user