diff options
Diffstat (limited to 'epsdk-app-onap/src/main/webapp/static/fusion/css')
3 files changed, 651 insertions, 0 deletions
diff --git a/epsdk-app-onap/src/main/webapp/static/fusion/css/att_angular_gridster/sandbox-gridster.css b/epsdk-app-onap/src/main/webapp/static/fusion/css/att_angular_gridster/sandbox-gridster.css new file mode 100755 index 000000000..568a9a3a3 --- /dev/null +++ b/epsdk-app-onap/src/main/webapp/static/fusion/css/att_angular_gridster/sandbox-gridster.css @@ -0,0 +1,173 @@ +.gridster {
+ position: relative;
+ margin: auto;
+ /* height: 0
+ */}
+
+.gridster>ul {
+ margin: 0;
+ list-style: none;
+ padding: 0
+}
+
+.gridster-item {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ list-style: none;
+ z-index: 2;
+ position: absolute;
+ display: none
+}
+
+.gridster-loaded {
+ -webkit-transition: height .3s;
+ -moz-transition: height .3s;
+ -o-transition: height .3s;
+ transition: height .3s
+}
+
+.gridster-loaded .gridster-item {
+ display: block;
+ position: absolute;
+ -webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
+ -moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
+ -o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
+ transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
+ -webkit-transition-delay: 50ms;
+ -moz-transition-delay: 50ms;
+ -o-transition-delay: 50ms;
+ transition-delay: 50ms
+}
+
+.gridster-loaded .gridster-preview-holder {
+ display: none;
+ z-index: 1;
+ position: absolute;
+ background-color: #067ab4;
+ /*
+ background-color: rgb(6, 122, 180);
+ -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#067ab4', endColorstr='#067ab4'); IE
+ opacity: 0.2;
+ */
+ border-color: #fff;
+ -webkit-transition: width .2s, height .3s;
+ -moz-transition: width .2s, height .3s;
+ -o-transition: width .2s, height .3s;
+ transition: width .2s, height .3s;
+ -webkit-transition-delay: 50ms;
+ -moz-transition-delay: 50ms;
+ -o-transition-delay: 50ms;
+ transition-delay: 50ms
+}
+
+.gridster-loaded .gridster-item.gridster-item-moving {
+ -webkit-transition: none;
+ -moz-transition: none;
+ -o-transition: none;
+ transition: none;
+ opacity: 0.9;
+}
+
+.gridster-mobile {
+ height: auto !important
+}
+
+.gridster-mobile .gridster-item {
+ height: auto;
+ position: static;
+ float: none
+}
+
+.gridster-item.ng-leave.ng-leave-active {
+ opacity: 0
+}
+
+.gridster-item.ng-enter {
+ opacity: 1
+}
+
+.gridster-item-moving {
+ z-index: 3
+}
+
+.gridster-item-resizable-handler {
+ position: absolute;
+ font-size: 1px;
+ display: block
+}
+
+.handle-se {
+ cursor: se-resize;
+ width: 0;
+ height: 0;
+ right: 1px;
+ bottom: 1px;
+ border-style: solid;
+ border-width: 0 0 12px 12px;
+ border-color: transparent
+}
+
+.handle-ne {
+ cursor: ne-resize;
+ width: 12px;
+ height: 12px;
+ right: 1px;
+ top: 1px
+}
+
+.handle-nw {
+ cursor: nw-resize;
+ width: 12px;
+ height: 12px;
+ left: 1px;
+ top: 1px
+}
+
+.handle-sw {
+ cursor: sw-resize;
+ width: 12px;
+ height: 12px;
+ left: 1px;
+ bottom: 1px
+}
+
+.handle-e {
+ cursor: e-resize;
+ width: 12px;
+ bottom: 0;
+ right: 1px;
+ top: 0
+}
+
+.handle-s {
+ cursor: s-resize;
+ height: 12px;
+ right: 0;
+ bottom: 1px;
+ left: 0
+}
+
+.handle-n {
+ cursor: n-resize;
+ height: 12px;
+ right: 0;
+ top: 1px;
+ left: 0
+}
+
+.handle-w {
+ cursor: w-resize;
+ width: 12px;
+ left: 1px;
+ top: 0;
+ bottom: 0
+}
+
+.gridster .gridster-item:hover .gridster-box {
+ border: 1.5px solid #B3B2B3
+}
+
+.gridster .gridster-item:hover .handle-se {
+ border-color: transparent transparent #ccc
+}
diff --git a/epsdk-app-onap/src/main/webapp/static/fusion/css/att_angular_gridster/ui-gridster.css b/epsdk-app-onap/src/main/webapp/static/fusion/css/att_angular_gridster/ui-gridster.css new file mode 100755 index 000000000..85b7a58c1 --- /dev/null +++ b/epsdk-app-onap/src/main/webapp/static/fusion/css/att_angular_gridster/ui-gridster.css @@ -0,0 +1,116 @@ +/* ui-gridster.css */
+.gridster-container {
+ background-color: #EFEFEF;
+ color: #fff;
+ border: 1px dashed;
+ overflow-y: auto;
+ overflow-x: hidden; }
+
+/* app css for attGridtser */
+.gridster-item-container {
+ background-color: #FFFFFF;
+ position: relative;
+ margin-left: auto;
+ margin-right: auto;
+ min-height: 79px;
+ height: 100%; }
+ .gridster-item-container .gridster-item-header {
+ /* gridster-item Header */
+ position: relative;
+ height: 50px !important;
+ border: 1px solid #d3d3d3;
+ border-bottom: 0;
+ background-color: #E5E5E5;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ z-index: 1;
+ -webkit-border-radius: 2px 2px 0 0;
+ -moz-border-radius: 2px 2px 0 0;
+ -ms-border-radius: 2px 2px 0 0;
+ -o-border-radius: 2px 2px 0 0;
+ border-radius: 2px 2px 0 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ overflow: hidden;
+ /* IE6-8 */ }
+ .gridster-item-container .gridster-item-header .gridster-item-handle {
+ cursor: move;
+ margin: 12px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border: 0;
+ vertical-align: middle;
+ -ms-interpolation-mode: bicubic;
+ display: block; }
+ .gridster-item-container .gridster-item-header .gridster-item-header-content {
+ line-height: 44px;
+ margin-left: 26px;
+ font-family: clearviewatt;
+ font-size: 18px;
+ color: #444444;
+ float: left; }
+ .gridster-item-container .gridster-item-header .gridster-item-sub-header-content {
+ position: absolute;
+ top: 29.5px;
+ left: 26px;
+ font-family: clearviewatt;
+ font-size: 12px;
+ color: #444444; }
+ .gridster-item-container .gridster-item-header .gridster-item-header-buttons-container {
+ position: absolute;
+ right: 10px;
+ top: 10px;
+ overflow: hidden;
+ text-align: right;
+ height: 30px;
+ color: #444444; }
+ .gridster-item-container .gridster-item-body {
+ /* gridster-item Body */
+ position: absolute;
+ width: 100%;
+ top: 50px;
+ left: 0;
+ right: 0;
+ bottom: 29px;
+ border: 1px solid #d3d3d3;
+ box-sizing: border-box;
+ overflow: auto;
+ color: #444444;
+ /* text-align: center; */ }
+ .gridster-item-container .gridster-item-footer {
+ /* gridster-item Footer */
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ height: 29px !important;
+ text-align: left;
+ cursor: pointer;
+ border: 1px solid #d3d3d3;
+ border-top: 0;
+ background-color: #F2F2F2;
+ -webkit-border-radius: 0 0 2px 2px;
+ -moz-border-radius: 0 0 2px 2px;
+ -ms-border-radius: 0 0 2px 2px;
+ -o-border-radius: 0 0 2px 2px;
+ border-radius: 0 0 2px 2px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ text-decoration: none;
+ /* IE6-8 */ }
+ .gridster-item-container .gridster-item-footer:hover {
+ background-color: #E5E5E5;
+ color: #565656;
+ text-decoration: underline; }
+ .gridster-item-container .gridster-item-footer .gridster-item-footer-content {
+ line-height: 30px;
+ font-family: clearviewatt;
+ font-size: 12px;
+ color: #565656;
+ margin: 20px;
+ text-decoration: none; }
+ .gridster-item-container .gridster-item-footer .gridster-item-footer-content:hover {
+ color: #199ddf;
+ text-decoration: underline; }
diff --git a/epsdk-app-onap/src/main/webapp/static/fusion/css/fusion-sunny.css b/epsdk-app-onap/src/main/webapp/static/fusion/css/fusion-sunny.css new file mode 100755 index 000000000..1f16967ac --- /dev/null +++ b/epsdk-app-onap/src/main/webapp/static/fusion/css/fusion-sunny.css @@ -0,0 +1,362 @@ + input, textarea, select, div {
+ font-family: Arial;
+ font-size: 11px;
+ font-weight: normal;
+ }
+
+ form {
+ margin-top: 5px;
+ }
+
+
+ .applicationWindow { border-width: 0px 0px 1px 0px;
+ border-style: solid;
+ border-color: #959595;
+ box-shadow: inset 0 0 10px #000000;
+ margin-top: 10px;
+ margin-bottom: 10px;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .feedbackMessage { width: 99%;
+ font-family: Arial;
+ font-size: 11px;
+ color: #1f1f1f;
+ padding: 3px;
+ border: 1px #eeb420 solid;
+ margin: 3px;
+ background: #fff9e5;
+ }
+
+ .menubar {
+ border-width: 0px 0px 0px 1px; border-style: solid; border-color: #959595;
+ }
+
+ .footer {
+ /*clear: both;*/
+ border-width: 0px 1px 0px 1px; border-style: solid; border-color: #959595;
+ font-family: Verdana,Arial,Helvetica, sans-serif;
+ font-size: 9px;
+ padding: 10px 10px 30px 10px;
+ background: white;
+ }
+
+ .pageTitle {
+ font-family: Arial;
+ font-size: 18px;
+ font-weight: bold;
+ margin-top: 5px;
+ }
+
+ .content {
+ border-width: 0px 1px 0px 1px;
+ border-style: solid;
+ border-color: #959595;
+ font-family: Arial;
+ font-size: 11px;
+ padding: 5px;
+ background: white;
+ /*height: 600px;*/
+ }
+
+ .popupContent {
+ font-family: Arial;
+ font-size: 11px;
+ padding: 3px;
+ }
+
+ .logo {
+ border-width: 0px 1px 0px 1px;
+ border-style: solid;
+ border-color: #959595;
+ text-align: right;
+ }
+
+ .sep {
+ border: 1px solid black
+ }
+
+ .attLogo { /*position: relative;*/
+ float:left;
+ padding-top: 25px;
+ padding-left: 25px;
+ }
+
+ .applicationLogo { float:right;
+ padding-top: 25px;
+ padding-right: 25px;
+ }
+
+ .applinkWhite { font-family: Arial;
+ font-size: 13px;
+ font-weight: 900;
+ color: #FFFFFF;
+ text-decoration: none; }
+
+ .terms { font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 9px;
+ }
+
+ .broadcastMessage { color: red; }
+ .broadcastMessageList { color: red; }
+
+ .button {
+ margin: 5px 1px 5px 1px;
+ padding: 3px; }
+
+ .toolbarbutton:hover {
+ color:#005491;
+ }
+
+ .headerText { font-family: Arial;
+ font-size: 15px;
+ font-weight: 700;
+ color: #000000; }
+
+ .headerBackground { background: #336699; }
+
+ .errorMessageText { font-family: Arial;
+ font-size: 11px;
+ font-weight: bold;
+ color: red; }
+
+
+ .normalText { font-family: Arial;
+ font-size: 11px;
+ color: #000000; }
+
+ .normalTextRed { font-family: Arial;
+ font-size: 11px;
+ color: red; }
+
+
+ .smallNormalText { font-family: Arial;
+ font-size: 9px;
+ color: #000000; }
+
+ .tableBorder { border:1px outset teal }
+
+ .validationError { background: #b9eaff; }
+
+ .templatebody {
+ background: url(../images/body_graphic.jpg) repeat-x;
+ /*margin: 40px 80px 40px 80px;*/
+ }
+
+ /*--------------------- General Content ------------------------------------*/
+
+ .relative {
+ position:relative;
+ }
+
+ .clear{
+ clear:both;
+ }
+
+ .left {
+ float: left;
+ }
+
+ .leftCentered{
+ float: left;
+ text-align: center;
+ }
+
+ .right {
+ float: right;
+ }
+
+ .rightAligned{
+ text-align: right;
+ }
+
+ .centered {
+ text-align: center;
+ align: center;
+ }
+
+
+ .noWrap{
+ white-space:nowrap;
+ }
+
+ .disabled {
+ color:gray;
+ cursor:hand;
+ }
+
+ /*--------------------- Tab styles -------------------------------------*/
+
+ .current {
+ font-weight: bold;
+ border-width: 1px 1px 1px 1px;
+ border-color: silver;
+ border-style: solid;
+ }
+
+ .subTab {
+ font-weight:bold;
+ font-family: Arial;
+ font-size: 11px;
+ color: #0F3B82;
+ }
+
+
+ /*--------------------- Grid styles ------------------------------------*/
+
+ /* Grid navigation and header styles */
+ .gridFilterLabel {font-size: 7pt;
+ font-align: justify;
+ font-weight: bold;
+ display: block;}
+
+ .gridFilterText {height: 17px;
+ font-size: 8pt;
+ width: 60%;
+ font-align: justify;}
+
+ .gridNavigationBar { font-family:Arial,Verdana;
+ font-size:11px;
+ font-weight:normal;
+ color:#000;
+ margin: 0px;
+ width: 100%;
+ vertical-align: middle;
+ }
+
+ .gridNavigationBar .navLinks { float: left;
+ margin-right:15px;
+ padding-top: 2px;
+ height: 19px;
+ line-height: 19px;
+ }
+
+ .gridNavigationBar .pageControls { float: left;
+ margin-right: 15px;
+ height: 19px;
+ line-height: 19px;
+ }
+
+ .gridNavigationBar .pageControls input { font-size: 8pt;
+ height: 17px;
+ vertical-align: middle;
+ }
+
+ .gridNavigationBar .pageInfo { float: right;
+ vertical-align: middle;
+ height: 19px;
+ line-height: 19px;
+ }
+
+ .gridNavigationBar .pageInfo input { font-size: 8pt;
+ height: 17px;
+ vertical-align: middle;
+ }
+
+
+ .gridNavigationBar span { padding: 3px; }
+
+ .gridNavigationBar a {
+ text-decoration:underline;
+ color:#000;
+ font-weight:normal;
+ }
+
+ .gridNavigationBar img { vertical-align: middle; }
+
+ .gridBulkUpdateRow {
+ height: 35px;
+ line-height: 35px;
+ }
+
+ .gridBulkUpdateRow input {
+ vertical-align: middle;
+ }
+
+
+ /* dummy class used to lock the form elements of a grid - ex. bulk transaction processing */
+ .alwaysEnabled {}
+
+ .hidden {
+ display: none;
+ }
+
+ .selectedPage {
+ background-color:#C4DFFB;
+ color: white;
+ border-style: solid;
+ border-width: 1px;
+ border-color: gray;
+ padding-left: 3px;
+ padding-right: 3px;
+ vertical-align: middle;
+ }
+
+ .selectedRow{
+ /*background-color:#C4DFFB;*/
+ }
+
+ /* Action Item styles */
+ .actionList {
+ margin-left: -20px;
+ margin-right: -10px;
+ padding-left: 5px;
+ }
+
+ .actionList li {
+ float:left;
+ padding-left: 3px;
+ padding-right: 3px;
+ }
+
+ .actionList li a {
+ text-decoration:none;
+ color:#000;
+ }
+
+ /* Filter Operator List styles */
+
+ .filterList {
+ margin: 0px;
+ }
+
+ .filterList li {
+ list-style-type: none;
+ padding:3px 3px 3px 2px;
+ cursor:hand;
+ font-size:11px;
+ }
+
+ .filterList li:hover {
+ background: #404040;
+ }
+
+ .filterList li a {
+ color: #000;
+ text-decoration: none;
+ }
+
+ .filterList li:hover a {
+ color: white;
+ }
+
+ .filterList li a:hover {
+ text-decoration: none;
+ color: white;
+ }
+
+ .filterListItem a {
+ text-decoration:none;
+ padding:3px 2px 3px 2px;
+ }
+
+
+ /*---------------------- Customized ZK Styles ------------------------------*/
+
+ .z-datebox input, .z-timebox input {
+ font-family: Arial;
+ font-size: 11px;
+ height: 15px;
+ margin-top:1px;
+ }
|