* limitations under the License.\r
*/\r
#searchField {\r
- position: relative;\r
- top: 13px;\r
- border-bottom-color:whitesmoke;\r
- background-color:#858CA8;\r
- height:33px;\r
+ position: relative;\r
+ top: 13px;\r
+ border-bottom-color: whitesmoke;\r
+ background-color: #858ca8;\r
+ height: 33px;\r
}\r
-.contentBackground{\r
- background: white;\r
-}\r
-#homeToolbar form{\r
- height: 33px;\r
- /*background-color: lightgray;*/\r
- margin: 0px;\r
+.hidden {\r
+ display: none;\r
}\r
\r
-#searchFieldContainer{\r
- padding-right:0;\r
- top: -31px;\r
+.contentBackground {\r
+ background: white;\r
}\r
-\r
-.noMargin{\r
- margin:0\r
+#homeToolbar form {\r
+ height: 33px;\r
+ /*background-color: lightgray;*/\r
+ margin: 0px;\r
}\r
\r
-.iconMargin{\r
- margin-right:8px;\r
+#searchFieldContainer {\r
+ padding-right: 0;\r
+ top: -31px;\r
}\r
\r
-@media (min-width : 600px) {\r
- #gridView .layout-xs-column{\r
- margin-bottom: 10px !important;\r
- }\r
+.noMargin {\r
+ margin: 0;\r
}\r
\r
-\r
-@media (max-width : 600px) {\r
- #gridView .layout-xs-column .iconMargin:not(.deletebutton){\r
- margin-right:0px;\r
- margin-bottom: 6px;\r
- }\r
-\r
- #gridView .layout-xs-column .downloadIcon{\r
- margin-top: 6px;\r
- margin-bottom: 6px;\r
- }\r
+.iconMargin {\r
+ margin-right: 8px;\r
}\r
\r
+@media (min-width: 600px) {\r
+ #gridView .layout-xs-column {\r
+ margin-bottom: 10px !important;\r
+ }\r
+}\r
\r
+@media (max-width: 600px) {\r
+ #gridView .layout-xs-column .iconMargin:not(.deletebutton) {\r
+ margin-right: 0px;\r
+ margin-bottom: 6px;\r
+ }\r
\r
-.iconAlignment{\r
- position: relative;\r
- bottom: 4px;\r
+ #gridView .layout-xs-column .downloadIcon {\r
+ margin-top: 6px;\r
+ margin-bottom: 6px;\r
+ }\r
}\r
\r
+.iconAlignment {\r
+ position: relative;\r
+ bottom: 4px;\r
+}\r
\r
-.gridViewMargin{\r
+.gridViewMargin {\r
margin: 0 1.6% 1% 1.6%;\r
- padding: 0px 16px 0px 16px;\r
+ padding: 0px 16px 0px 16px;\r
}\r
\r
-\r
/*.mdl-color-text--white {\r
color: rgb(255,255,255) !important;\r
}\r
}*/\r
\r
.service-detail-tags .material-icons {\r
- font-size: 16px !important;\r
+ font-size: 16px !important;\r
}\r
\r
/*\r
.mdl-chip--contact {\r
padding-left: 0; }*/\r
\r
- .no-padding {\r
- padding: 0 !important;\r
+.no-padding {\r
+ padding: 0 !important;\r
}\r
\r
.mdl-card__title {\r
- -webkit-align-items: center;\r
- -ms-flex-align: center;\r
- align-items: center;\r
- color: rgb(0,0,0);\r
- display: block;\r
- display: -webkit-flex;\r
- display: -ms-flexbox;\r
- display: flex;\r
- -webkit-justify-content: stretch;\r
- -ms-flex-pack: stretch;\r
- justify-content: stretch;\r
- line-height: normal;\r
- padding: 16px 16px;\r
- -webkit-perspective-origin: 165px 56px;\r
- perspective-origin: 165px 56px;\r
- -webkit-transform-origin: 165px 56px;\r
- transform-origin: 165px 56px;\r
- box-sizing: border-box;\r
+ -webkit-align-items: center;\r
+ -ms-flex-align: center;\r
+ align-items: center;\r
+ color: rgb(0, 0, 0);\r
+ display: block;\r
+ display: -webkit-flex;\r
+ display: -ms-flexbox;\r
+ display: flex;\r
+ -webkit-justify-content: stretch;\r
+ -ms-flex-pack: stretch;\r
+ justify-content: stretch;\r
+ line-height: normal;\r
+ padding: 16px 16px;\r
+ -webkit-perspective-origin: 165px 56px;\r
+ perspective-origin: 165px 56px;\r
+ -webkit-transform-origin: 165px 56px;\r
+ transform-origin: 165px 56px;\r
+ box-sizing: border-box;\r
}\r
\r
.mdl-card__title-text {\r
- -webkit-align-self: flex-end;\r
- -ms-flex-item-align: end;\r
- align-self: flex-end;\r
- color: inherit;\r
- display: block;\r
- display: -webkit-flex;\r
- display: -ms-flexbox;\r
- display: flex;\r
- font-size: 24px;\r
- font-weight: 300;\r
- line-height: normal;\r
- overflow: hidden;\r
- -webkit-transform-origin: 149px 48px;\r
- transform-origin: 149px 48px;\r
- margin: 0;\r
+ -webkit-align-self: flex-end;\r
+ -ms-flex-item-align: end;\r
+ align-self: flex-end;\r
+ color: inherit;\r
+ display: block;\r
+ display: -webkit-flex;\r
+ display: -ms-flexbox;\r
+ display: flex;\r
+ font-size: 24px;\r
+ font-weight: 300;\r
+ line-height: normal;\r
+ overflow: hidden;\r
+ -webkit-transform-origin: 149px 48px;\r
+ transform-origin: 149px 48px;\r
+ margin: 0;\r
}\r
\r
.mdl-button--primary.mdl-button--primary {\r
- color: rgb(33,150,243);\r
+ color: rgb(33, 150, 243);\r
}\r
\r
.mdl-button {\r
- background: transparent;\r
- border: none;\r
- border-radius: 2px;\r
- color: rgb(0,0,0);\r
- position: relative;\r
- height: 36px;\r
- margin: 0;\r
- min-width: 64px;\r
- padding: 0 16px;\r
- display: inline-block;\r
- font-family: "Roboto", "Helvetica", "Arial", sans-serif;\r
- font-size: 14px;\r
- font-weight: 500;\r
- text-transform: uppercase;\r
- line-height: 1;\r
- letter-spacing: 0;\r
- overflow: hidden;\r
- will-change: box-shadow;\r
- transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);\r
- outline: none;\r
- cursor: pointer;\r
- text-decoration: none;\r
- text-align: center;\r
- line-height: 36px;\r
- vertical-align: middle;\r
+ background: transparent;\r
+ border: none;\r
+ border-radius: 2px;\r
+ color: rgb(0, 0, 0);\r
+ position: relative;\r
+ height: 36px;\r
+ margin: 0;\r
+ min-width: 64px;\r
+ padding: 0 16px;\r
+ display: inline-block;\r
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;\r
+ font-size: 14px;\r
+ font-weight: 500;\r
+ text-transform: uppercase;\r
+ line-height: 1;\r
+ letter-spacing: 0;\r
+ overflow: hidden;\r
+ will-change: box-shadow;\r
+ transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),\r
+ background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),\r
+ color 0.2s cubic-bezier(0.4, 0, 0.2, 1);\r
+ outline: none;\r
+ cursor: pointer;\r
+ text-decoration: none;\r
+ text-align: center;\r
+ line-height: 36px;\r
+ vertical-align: middle;\r
}\r
\r
.mdl-layout-spacer {\r
- -webkit-flex-grow: 1;\r
- -ms-flex-positive: 1;\r
- flex-grow: 1;\r
+ -webkit-flex-grow: 1;\r
+ -ms-flex-positive: 1;\r
+ flex-grow: 1;\r
}\r
\r
.mdl-button--primary.mdl-button--primary {\r
- color: rgb(33,150,243);\r
+ color: rgb(33, 150, 243);\r
}\r
\r
.mdl-button {\r
- background: transparent;\r
- border: none;\r
- border-radius: 2px;\r
- color: rgb(0,0,0);\r
- position: relative;\r
- height: 36px;\r
- margin: 0;\r
- min-width: 64px;\r
- padding: 0 16px;\r
- display: inline-block;\r
- font-family: "Roboto", "Helvetica", "Arial", sans-serif;\r
- font-size: 14px;\r
- font-weight: 500;\r
- text-transform: uppercase;\r
- line-height: 1;\r
- letter-spacing: 0;\r
- overflow: hidden;\r
- will-change: box-shadow;\r
- transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);\r
- outline: none;\r
- cursor: pointer;\r
- text-decoration: none;\r
- text-align: center;\r
- line-height: 36px;\r
- vertical-align: middle;\r
+ background: transparent;\r
+ border: none;\r
+ border-radius: 2px;\r
+ color: rgb(0, 0, 0);\r
+ position: relative;\r
+ height: 36px;\r
+ margin: 0;\r
+ min-width: 64px;\r
+ padding: 0 16px;\r
+ display: inline-block;\r
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;\r
+ font-size: 14px;\r
+ font-weight: 500;\r
+ text-transform: uppercase;\r
+ line-height: 1;\r
+ letter-spacing: 0;\r
+ overflow: hidden;\r
+ will-change: box-shadow;\r
+ transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),\r
+ background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),\r
+ color 0.2s cubic-bezier(0.4, 0, 0.2, 1);\r
+ outline: none;\r
+ cursor: pointer;\r
+ text-decoration: none;\r
+ text-align: center;\r
+ line-height: 36px;\r
+ vertical-align: middle;\r
}\r
\r
.mdl-button .material-icons {\r
- vertical-align: middle;\r
+ vertical-align: middle;\r
}\r
\r
.mdl-button .material-icons {\r
- vertical-align: middle;\r
+ vertical-align: middle;\r
}\r
\r
#emptyList {\r
- padding: 30px;\r
+ padding: 30px;\r
}\r
\r
.mdl-card__actions.service-actions {\r
- border-top: 1px solid rgba(0, 0, 0, 0.12);\r
- margin: 0;\r
+ border-top: 1px solid rgba(0, 0, 0, 0.12);\r
+ margin: 0;\r
}\r
\r
.mdl-card__supporting-text.service-desc {\r
- display: -webkit-box;\r
- -webkit-line-clamp: 3;\r
- -webkit-box-orient: vertical;\r
- overflow: hidden;\r
- /* text-overflow: ellipsis; */\r
- margin-bottom: 14px;\r
- height: 60px;\r
+ display: -webkit-box;\r
+ -webkit-line-clamp: 3;\r
+ -webkit-box-orient: vertical;\r
+ overflow: hidden;\r
+ /* text-overflow: ellipsis; */\r
+ margin-bottom: 14px;\r
+ height: 60px;\r
}\r
\r
-\r
.pagination-class .label {\r
- color: rgba(0, 0, 0, 0.54) !important;\r
+ color: rgba(0, 0, 0, 0.54) !important;\r
}\r
\r
-md-card-header{\r
- padding: 16px 0 16px 0 !important;\r
+md-card-header {\r
+ padding: 16px 0 16px 0 !important;\r
}\r
-#service-type-name{\r
- margin-right: 6px;\r
+#service-type-name {\r
+ margin-right: 6px;\r
}\r
\r
-.icon-red{\r
- color: red;\r
+.icon-red {\r
+ color: red;\r
}\r
\r
-#homeToolbar, .dialogHeader {\r
- min-height: 40px;\r
- height: 40px;\r
+#homeToolbar,\r
+.dialogHeader {\r
+ min-height: 40px;\r
+ height: 40px;\r
}\r
\r
-.fontSize{\r
- font-size:18px;\r
+.fontSize {\r
+ font-size: 18px;\r
}\r
-md-option.fontSize{\r
- font-size:16px;\r
+md-option.fontSize {\r
+ font-size: 16px;\r
}\r
-th.fontSize{\r
- font-size:15px !important;\r
+th.fontSize {\r
+ font-size: 15px !important;\r
}\r
\r
-.pointerClick{\r
- cursor: pointer;\r
+.pointerClick {\r
+ cursor: pointer;\r
}\r
\r
-.actionIcon{\r
- position: relative;\r
- top: 4px;\r
+.actionIcon {\r
+ position: relative;\r
+ top: 4px;\r
}\r
\r
-#sideNav{\r
- background-color : #f5f5f5 !important;\r
- \r
+#sideNav {\r
+ background-color: #f5f5f5 !important;\r
}\r
-#sideNav.md-locked-open{\r
+#sideNav.md-locked-open {\r
z-index: 0;\r
}\r
\r
.btnDefault {\r
- border-radius: 6px;\r
- /* height: 24px; */\r
- font-size: 12px;\r
- font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;\r
- line-height: 24px;\r
- color: #000;\r
- border: 1px solid #d3d3d3;\r
- text-align: center;\r
- box-shadow: 0 1px 1px rgba(0, 0, 0, .05);\r
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);\r
- background: linear-gradient(to bottom, #fff, #fafafa);\r
- padding: 0 10px;\r
+ border-radius: 6px;\r
+ /* height: 24px; */\r
+ font-size: 12px;\r
+ font-family: "Microsoft Yahei", Arial, Tahoma, Verdana, SimSun;\r
+ line-height: 24px;\r
+ color: #000;\r
+ border: 1px solid #d3d3d3;\r
+ text-align: center;\r
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);\r
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);\r
+ background: linear-gradient(to bottom, #fff, #fafafa);\r
+ padding: 0 10px;\r
}\r
\r
.btnDefault:hover {\r
- border-color: #4ac9ff;\r
- color: #009ae7;\r
+ border-color: #4ac9ff;\r
+ color: #009ae7;\r
}\r
-.actionBtnHeight{\r
- height:22px;\r
+.actionBtnHeight {\r
+ height: 22px;\r
}\r
-#gridView .actionBtnHeight > .materialIconAdjustment{\r
- font-size: 16px;\r
- position: relative;\r
- top: 2px;\r
+#gridView .actionBtnHeight > .materialIconAdjustment {\r
+ font-size: 16px;\r
+ position: relative;\r
+ top: 2px;\r
}\r
-#listView .materialIconAdjustment{\r
- position: relative;\r
- top: 4px;\r
+#listView .materialIconAdjustment {\r
+ position: relative;\r
+ top: 4px;\r
}\r
-.btnTransparency{\r
- background-color: transparent;\r
- border:none;\r
+.btnTransparency {\r
+ background-color: transparent;\r
+ border: none;\r
}\r
-.btnSpacing{\r
- margin-right: 5px;\r
+.btnSpacing {\r
+ margin-right: 5px;\r
}\r
.btn-danger {\r
- border-radius: 6px;\r
- font-size: 12px;\r
- font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;\r
- line-height: 24px;\r
- text-align: center;\r
- box-shadow: 0 1px 1px rgba(0, 0, 0, .05);\r
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);\r
- padding: 0 10px;\r
- color: #fff;\r
- background: #d43f3a;\r
+ border-radius: 6px;\r
+ font-size: 12px;\r
+ font-family: "Microsoft Yahei", Arial, Tahoma, Verdana, SimSun;\r
+ line-height: 24px;\r
+ text-align: center;\r
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);\r
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);\r
+ padding: 0 10px;\r
+ color: #fff;\r
+ background: #d43f3a;\r
}\r
.btn-primary {\r
- border-radius: 6px;\r
- font-size: 12px;\r
- font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;\r
- line-height: 24px;\r
- text-align: center;\r
- box-shadow: 0 1px 1px rgba(0, 0, 0, .05);\r
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);\r
- padding: 0 10px;\r
-}\r
-.btn-danger:hover{\r
- border: 1px solid #d43f3a;\r
- background: linear-gradient(to bottom, #fff, #fafafa);\r
- color:#d43f3a;\r
- background: #fafafa !important;\r
-}\r
-.msg{\r
- text-align: left;\r
- vertical-align: middle;\r
- vertical-align: middle;\r
- position: absolute;\r
- top: 47%;\r
- -webkit-transform: translateY(-50%);\r
- -ms-transform: translateY(-50%);\r
- transform: translateY(-50%);\r
- padding-left: 70px;\r
- white-space: normal;\r
-}\r
-.deleteIconSize{\r
- font-size: 37px;\r
-}\r
-.fullWidth{\r
- width:100%;\r
-}\r
-\r
-.deleteAction{\r
- margin: auto;\r
- display: block;\r
- text-align: center;\r
- position: relative;\r
- top: 15px;\r
-}\r
-.deleteBtn{\r
- margin: 5px 5px 5px 0px;\r
-}\r
- .icon_info {\r
- color: green;\r
+ border-radius: 6px;\r
+ font-size: 12px;\r
+ font-family: "Microsoft Yahei", Arial, Tahoma, Verdana, SimSun;\r
+ line-height: 24px;\r
+ text-align: center;\r
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);\r
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);\r
+ padding: 0 10px;\r
+}\r
+.btn-danger:hover {\r
+ border: 1px solid #d43f3a;\r
+ background: linear-gradient(to bottom, #fff, #fafafa);\r
+ color: #d43f3a;\r
+ background: #fafafa !important;\r
+}\r
+.msg {\r
+ text-align: left;\r
+ vertical-align: middle;\r
+ vertical-align: middle;\r
+ position: absolute;\r
+ top: 47%;\r
+ -webkit-transform: translateY(-50%);\r
+ -ms-transform: translateY(-50%);\r
+ transform: translateY(-50%);\r
+ padding-left: 70px;\r
+ white-space: normal;\r
+}\r
+.deleteIconSize {\r
+ font-size: 37px;\r
+}\r
+.fullWidth {\r
+ width: 100%;\r
+ display: inline-block;\r
+}\r
+\r
+.deleteAction {\r
+ margin: auto;\r
+ display: block;\r
+ text-align: center;\r
+ position: relative;\r
+ top: 15px;\r
+}\r
+.deleteBtn {\r
+ margin: 5px 5px 5px 0px;\r
+}\r
+.icon_info {\r
+ color: green;\r
}\r
.icon_warning {\r
- color: orange;\r
+ color: orange;\r
}\r
-.btn[disabled]{\r
- background: lightgray !important;\r
+.btn[disabled] {\r
+ background: lightgray !important;\r
}\r
\r
-.serviceDelete{\r
- font-size: 22px;\r
- padding-right: 4px;\r
- position: relative;\r
- top: 3px;\r
- color: red;\r
- right: 3px;\r
+.serviceDelete {\r
+ font-size: 22px;\r
+ padding-right: 4px;\r
+ position: relative;\r
+ top: 3px;\r
+ color: red;\r
+ right: 3px;\r
}\r
\r
-#description{\r
- list-style-type: disc;\r
+#description {\r
+ list-style-type: disc;\r
}\r
.icon_error {\r
- color: red;\r
+ color: red;\r
}\r
-table tbody tr:nth-child(even)>td {\r
- background-color:#fafafa;\r
+table tbody tr:nth-child(even) > td {\r
+ background-color: #fafafa;\r
}\r
\r
-table tbody tr:nth-child(odd)>td {\r
- background-color:#f7f7f7\r
+table tbody tr:nth-child(odd) > td {\r
+ background-color: #f7f7f7;\r
}\r
table tbody tr:hover td {\r
- background-color: #e6fbe0 !important;\r
+ background-color: #e6fbe0 !important;\r
}\r
-#serviceUpload{\r
- box-shadow: 1px 2px 4px -1px #858CA8;\r
+#serviceUpload {\r
+ box-shadow: 1px 2px 4px -1px #858ca8;\r
}\r
\r
table tr {\r
- height:33px !important;\r
+ height: 33px !important;\r
}\r
\r
-table thead{\r
- text-align: left;\r
- font-size: 14px;\r
- background-color: #E1E4E5;\r
+table thead {\r
+ text-align: left;\r
+ font-size: 14px;\r
+ background-color: #e1e4e5;\r
}\r
\r
table tr {\r
- border-color: grey;\r
+ border-color: grey;\r
}\r
\r
-\r
-#uploadDialog .msg{\r
- position: relative;\r
- top: 9px;\r
+#uploadDialog .msg {\r
+ position: relative;\r
+ top: 9px;\r
}\r
\r
-.nopadding{\r
- padding:0 !important;\r
+.nopadding {\r
+ padding: 0 !important;\r
}\r
-.nomargin{\r
- margin:0 !important;\r
+.nomargin {\r
+ margin: 0 !important;\r
}\r
\r
-#serviceName{\r
- position: relative;\r
- left: 14px;\r
- background-color: #efefef;\r
- color:rgb(148,148,148);\r
- text-align:center;\r
- width:100px;\r
- border-radius: 3px;\r
+#serviceName {\r
+ position: relative;\r
+ left: 14px;\r
+ background-color: #efefef;\r
+ color: rgb(148, 148, 148);\r
+ text-align: center;\r
+ width: 100px;\r
+ border-radius: 3px;\r
}\r
\r
-.gridTitleHeight{\r
- height:46px !important;\r
- min-height:46px !important;\r
+.gridTitleHeight {\r
+ height: 46px !important;\r
+ min-height: 46px !important;\r
}\r
\r
-.gridToolbarHeight{\r
- min-height: 54px;\r
- height: 54px;\r
+.gridToolbarHeight {\r
+ min-height: 54px;\r
+ height: 54px;\r
}\r
-.gridBottomeHeight{\r
- height:46px !important;\r
- min-height:46px !important;\r
+.gridBottomeHeight {\r
+ height: 46px !important;\r
+ min-height: 46px !important;\r
}\r
-.gridUnderline{\r
- border-bottom: 1px solid black;\r
- border-bottom-style: dashed;\r
+.gridUnderline {\r
+ border-bottom: 1px solid black;\r
+ border-bottom-style: dashed;\r
}\r
-.gridBottomFonts{\r
- color: rgb(148,148,148);\r
- font-size: 12px;\r
+.gridBottomFonts {\r
+ color: rgb(148, 148, 148);\r
+ font-size: 12px;\r
}\r
-.marginAuto{\r
- margin:auto;\r
+.marginAuto {\r
+ margin: auto;\r
}\r
-.selectLblAlignment{\r
- padding-right: 10px;\r
+.selectLblAlignment {\r
+ padding-right: 10px;\r
}\r
-.viewIconPosition{\r
- position: relative;\r
- top: -2px;\r
+.viewIconPosition {\r
+ position: relative;\r
+ top: -2px;\r
}\r
\r
-#searchIcon{\r
- background-color: #858CA8;\r
- height: 31px;\r
- position: relative;\r
- top: 1.5px;\r
+#searchIcon {\r
+ background-color: #858ca8;\r
+ height: 31px;\r
+ position: relative;\r
+ top: 1.5px;\r
}\r
-#cancelSearch{\r
- background-color: #858CA8;\r
- height: 31px;\r
- position: relative;\r
- top: 1.5px;\r
+#cancelSearch {\r
+ background-color: #858ca8;\r
+ height: 31px;\r
+ position: relative;\r
+ top: 1.5px;\r
}\r
-.searchIconColor{\r
- color:rgb(234,234,234);\r
+.searchIconColor {\r
+ color: rgb(234, 234, 234);\r
}\r
\r
-.tabContentBorder{\r
- border:1px solid #e7e7e7;\r
+.tabContentBorder {\r
+ border: 1px solid #e7e7e7;\r
}\r
\r
-.nav.navbar-nav .active a{\r
- color: #3399FF !important;\r
- height: calc(41px - 1px);\r
+.nav.navbar-nav .active a {\r
+ color: #3399ff !important;\r
+ height: calc(41px - 1px);\r
}\r
-.nav.navbar-nav a{\r
- padding:16px 16px 4px 16px !important;\r
- color: rgba(0, 0, 0, 0.87) !important;\r
+.nav.navbar-nav a {\r
+ padding: 16px 16px 4px 16px !important;\r
+ color: rgba(0, 0, 0, 0.87) !important;\r
}\r
\r
-.nav.navbar-nav a:hover{\r
- background:transparent;\r
+.nav.navbar-nav a:hover {\r
+ background: transparent;\r
}\r
\r
-.nav.navbar-nav li:not(.active){\r
- border-right: 1px solid dimgray !important;\r
- cursor:pointer;\r
+.nav.navbar-nav li:not(.active) {\r
+ border-right: 1px solid dimgray !important;\r
+ cursor: pointer;\r
}\r
\r
.nav.navbar-nav li {\r
- background-color:#eee;\r
- border: 2px solid lightgray;\r
-\r
+ background-color: #eee;\r
+ border: 2px solid lightgray;\r
}\r
.nav.navbar-nav li.active {\r
- background-color:white;\r
- /*box-shadow: -1px 5px 10px -1px lightslategrey;*/\r
- border-top:3px solid #3399FF;\r
+ background-color: white;\r
+ /*box-shadow: -1px 5px 10px -1px lightslategrey;*/\r
+ border-top: 3px solid #3399ff;\r
}\r
\r
-.borderBottom{\r
- border-bottom:1px solid black;\r
+.borderBottom {\r
+ border-bottom: 1px solid black;\r
}\r
\r
-.backgroundWhite{\r
- background-color: transparent;\r
+.backgroundWhite {\r
+ background-color: transparent;\r
}\r
\r
-.paddingBottom{\r
- padding-bottom: 16px;\r
+.paddingBottom {\r
+ padding-bottom: 16px;\r
}\r
.onboardProgress {\r
- margin-bottom: 90px;\r
+ margin-bottom: 90px;\r
}\r
.processLabel {\r
- margin-top: 40px;\r
+ margin-top: 40px;\r
}\r
\r
-#onBoardingContent, #onBoardingSuccessContent {\r
- background-color: #fff;\r
- padding: 30px;\r
+#onBoardingContent,\r
+#onBoardingSuccessContent {\r
+ background-color: #fff;\r
+ padding: 30px;\r
}\r
\r
.onboarddiv {\r
- margin: auto;\r
- text-align: center;\r
- top: -59px;\r
- position: relative;\r
+ margin: auto;\r
+ text-align: center;\r
+ top: -59px;\r
+ position: relative;\r
}\r
\r
.progressDiv {\r
- width: 100%;\r
- height: 4px;\r
- /*border: 2px solid #3DCCA6;*/\r
- background-color: #E2E2E2;\r
- position: relative;\r
- top: 18px;\r
- margin: auto;\r
+ width: 100%;\r
+ height: 4px;\r
+ /*border: 2px solid #3DCCA6;*/\r
+ background-color: #e2e2e2;\r
+ position: relative;\r
+ top: 18px;\r
+ margin: auto;\r
}\r
.roundProg {\r
- border-radius: 15px;\r
- width: 30px;\r
- height: 30px;\r
- background-color: #E2E2E2;\r
- z-index: 1;\r
- text-align: center;\r
- margin: auto;\r
- line-height: 28px;\r
- position: relative;\r
+ border-radius: 15px;\r
+ width: 30px;\r
+ height: 30px;\r
+ background-color: #e2e2e2;\r
+ z-index: 1;\r
+ text-align: center;\r
+ margin: auto;\r
+ line-height: 28px;\r
+ position: relative;\r
}\r
\r
.progressed {\r
- background-color: #3DCCA6;\r
- color: #fff;\r
+ background-color: #3dcca6;\r
+ color: #fff;\r
}\r
\r
.bg-grey {\r
- background-color: #F6F7F7;\r
+ background-color: #f6f7f7;\r
}\r
\r
.onboardBtn {\r
- width: 120px !important;\r
- height: 120px !important;\r
- background-color: #E0EDFA;\r
- background-repeat: no-repeat;\r
- background-size: initial;\r
- margin: auto;\r
- border: 1px solid transparent;\r
- border-radius: 66px;\r
+ width: 120px !important;\r
+ height: 120px !important;\r
+ background-color: #e0edfa;\r
+ background-repeat: no-repeat;\r
+ background-size: initial;\r
+ margin: auto;\r
+ border: 1px solid transparent;\r
+ border-radius: 66px;\r
}\r
\r
.onboardBtn.btnImage1 {\r
- background-image: url("../images/Validtion.png");\r
- background-position: 20px 19px;\r
+ background-image: url("../images/Validtion.png");\r
+ background-position: 20px 19px;\r
}\r
.onboardBtn.btnImage2 {\r
- background-image: url("../images/Lifecycle-Test.png");\r
- background-position: 23px 20px;\r
+ background-image: url("../images/Lifecycle-Test.png");\r
+ background-position: 23px 20px;\r
}\r
.onboardBtn.btnImage3 {\r
- background-image: url("../images/Function-Test.png");\r
- background-position: 25px 13px;\r
+ background-image: url("../images/Function-Test.png");\r
+ background-position: 25px 13px;\r
}\r
\r
.btnOuter {\r
- margin: auto;\r
- border-radius: 70px;\r
- /*border: 1px solid transparent;*/\r
- background-color: #F6F7F7;\r
- background-size: initial;\r
- width: 140px;\r
- height: 140px;\r
- padding: 10px;\r
+ margin: auto;\r
+ border-radius: 70px;\r
+ /*border: 1px solid transparent;*/\r
+ background-color: #f6f7f7;\r
+ background-size: initial;\r
+ width: 140px;\r
+ height: 140px;\r
+ padding: 10px;\r
}\r
\r
.listItems {\r
- position: relative;\r
- top: -60px;\r
+ position: relative;\r
+ top: -60px;\r
}\r
\r
.onbdContent span.statusIcon {\r
- font-size: 22px;\r
- color: #3DCCA6;\r
- margin-right: 8px;\r
- display: inline-block;\r
- width: 21px;\r
- height: 21px;\r
- margin-bottom: -6px;\r
+ font-size: 22px;\r
+ color: #3dcca6;\r
+ margin-right: 8px;\r
+ display: inline-block;\r
+ width: 21px;\r
+ height: 21px;\r
+ margin-bottom: -6px;\r
}\r
.onbdContent .md-padding div {\r
- margin: 14px;\r
+ margin: 14px;\r
}\r
\r
.clock-icon {\r
- background-image: url("../images/03.png");\r
+ background-image: url("../images/03.png");\r
}\r
.progress-icon {\r
- background-image: url("../images/02.png");\r
+ background-image: url("../images/02.png");\r
}\r
.success-icon {\r
- background-image: url("../images/01.png");\r
+ background-image: url("../images/01.png");\r
}\r
.failed-icon {\r
- /*background-image: url("../images/01.png");*/\r
+ /*background-image: url("../images/01.png");*/\r
\r
- /*TODO Remove code after getting proper image*/\r
+ /*TODO Remove code after getting proper image*/\r
\r
- color: red !important;\r
- padding-left: 6px;\r
+ color: red !important;\r
+ padding-left: 6px;\r
}\r
-.iconColor{\r
- color:#3399FF;\r
+.iconColor {\r
+ color: #3399ff;\r
}\r
\r
-.downiconColor{\r
- color:white;\r
+.downiconColor {\r
+ color: white;\r
}\r
\r
-.delButton{\r
- margin-left:10px;\r
+.delButton {\r
+ margin-left: 10px;\r
}\r
\r
-.downloadButton{\r
- background:#3399FF;\r
-\r
-\r
+.downloadButton {\r
+ background: #3399ff;\r
}\r
\r
-.reloadButton{\r
- padding:0 10px 0 0;\r
+.reloadButton {\r
+ padding: 0 10px 0 0;\r
}\r
\r
-\r
.downloadButton:hover {\r
- color:black;\r
+ color: black;\r
}\r
\r
-\r
-.btnPrimary{\r
- border-radius: 3px;\r
- /* height: 24px; */\r
- font-size: 12px;\r
- font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;\r
- line-height: 24px;\r
- color: white;\r
- border: 1px solid #d3d3d3;\r
- text-align: center;\r
- box-shadow: 0 1px 1px rgba(0, 0, 0, .05);\r
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);\r
- background: linear-gradient(to bottom, #fff, #fafafa);\r
- padding: 0 6px;\r
- background: #3399FF;\r
-\r
+.btnPrimary {\r
+ border-radius: 3px;\r
+ /* height: 24px; */\r
+ font-size: 12px;\r
+ font-family: "Microsoft Yahei", Arial, Tahoma, Verdana, SimSun;\r
+ line-height: 24px;\r
+ color: white;\r
+ border: 1px solid #d3d3d3;\r
+ text-align: center;\r
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);\r
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);\r
+ background: linear-gradient(to bottom, #fff, #fafafa);\r
+ padding: 0 6px;\r
+ background: #3399ff;\r
}\r
\r
-.tiles{\r
- border: 1px solid #e5e5e5;\r
+.tiles {\r
+ border: 1px solid #e5e5e5;\r
}\r
\r
-#banner{\r
- background-image: url("../images/productioncardtype.png") ;\r
+#banner {\r
+ background-image: url("../images/productioncardtype.png");\r
}\r
\r
-.toolContainer{\r
- position: absolute;\r
+.toolContainer {\r
+ position: absolute;\r
}\r
\r
-.contentContainer{\r
- background-color: #DCDCDC;\r
- position: absolute;\r
- top: 49px;\r
- z-index: 2;\r
+.contentContainer {\r
+ background-color: #dcdcdc;\r
+ position: absolute;\r
+ top: 49px;\r
+ z-index: 2;\r
}\r
\r
-.sortbar{\r
- margin-top: 24px;\r
- margin-left: 40px;\r
- margin-right: 48px;\r
- margin-bottom: 8px;\r
+.sortbar {\r
+ margin-top: 24px;\r
+ margin-left: 40px;\r
+ margin-right: 48px;\r
+ margin-bottom: 8px;\r
}\r
\r
-#rightFlex{\r
- padding-top:55px;\r
+#rightFlex {\r
+ padding-top: 55px;\r
}\r
\r
-#childLeftFlex{\r
- text-align: right;\r
+#childLeftFlex {\r
+ text-align: right;\r
}\r
\r
-#childRightFlex{\r
- text-align: right;\r
- line-height: 24px;\r
+#childRightFlex {\r
+ text-align: right;\r
+ line-height: 24px;\r
}\r
\r
-#buttonsbar{\r
- padding-left: 35px;\r
+#buttonsbar {\r
+ padding-left: 35px;\r
}\r
\r
-\r
.reloadButton {\r
- padding:0 10px 0 0;\r
- margin-left:65px;\r
+ padding: 0 10px 0 0;\r
+ margin-left: 65px;\r
}\r
-.verticalBar{\r
- z-index:50;\r
+.verticalBar {\r
+ z-index: 50;\r
}\r
\r
-.marketplaceSize{\r
- font-size:11px;\r
+.marketplaceSize {\r
+ font-size: 11px;\r
}\r
\r
-.image{\r
- max-height: 101px;\r
- max-width: 17%;\r
- position: relative;\r
- top: 8px;\r
- bottom: 0;\r
- left: -66px;\r
- right: 0;\r
- margin: auto;\r
+.image {\r
+ max-height: 101px;\r
+ max-width: 17%;\r
+ position: relative;\r
+ top: 8px;\r
+ bottom: 0;\r
+ left: -66px;\r
+ right: 0;\r
+ margin: auto;\r
}\r
\r
-.divheight{\r
- line-height:0px !important;\r
+.divheight {\r
+ line-height: 0px !important;\r
}\r
\r
-.headTitle{\r
- color:#858CA8;\r
+.headTitle {\r
+ color: #858ca8;\r
}\r
\r
-.btnPrimaryPadding\r
-{\r
- padding: 0 19px !important;\r
+.btnPrimaryPadding {\r
+ padding: 0 19px !important;\r
}\r
\r
-.gridViewType{\r
- color:#3399FF;\r
+.gridViewType {\r
+ color: #3399ff;\r
}\r
\r
-.gridViewType[disabled] > i{\r
- color:white;\r
+.gridViewType[disabled] > i {\r
+ color: white;\r
}\r
\r
-.gridViewType[disabled]{\r
- background:#3399FF !important;\r
+.gridViewType[disabled] {\r
+ background: #3399ff !important;\r
}\r
-.gridViewType[disabled] i{\r
- color:white;\r
+.gridViewType[disabled] i {\r
+ color: white;\r
}\r
#onBoardingSuccessContent {\r
- /*min-height: 500px;*/\r
- height: 100%;\r
- width: 100%;\r
+ /*min-height: 500px;*/\r
+ height: 100%;\r
+ width: 100%;\r
}\r
#onBoardingSuccessContent #returnBtn {\r
- position: relative;\r
- left: -30px;\r
- border: none;\r
- border-radius: 0 13px 13px 0;\r
- width: 130px;\r
- color: #9D9D9D;\r
- background: #F2F2F2;\r
+ position: relative;\r
+ left: -30px;\r
+ border: none;\r
+ border-radius: 0 13px 13px 0;\r
+ width: 130px;\r
+ color: #9d9d9d;\r
+ background: #f2f2f2;\r
}\r
#onBoardingSuccessContent #returnBtn:hover {\r
- color: #333;\r
+ color: #333;\r
}\r
#onBoardingSuccessContent #returnBtn span {\r
- font-size: 15px;\r
- margin-right: 10px;\r
+ font-size: 15px;\r
+ margin-right: 10px;\r
}\r
\r
.content {\r
- text-align: center;\r
- margin-top: 200px;\r
+ text-align: center;\r
+ margin-top: 200px;\r
}\r
.content.emptyPage {\r
- text-align: center;\r
- margin-top: 100px;\r
+ text-align: center;\r
+ margin-top: 100px;\r
}\r
.content div {\r
- text-align: center;\r
- margin: 10px;\r
+ text-align: center;\r
+ margin: 10px;\r
}\r
.content .imageContainer {\r
- width: 300px;\r
- height: 150px;\r
- /*background-color: #f8f8f8;*/\r
- margin: 0 auto;\r
+ width: 300px;\r
+ height: 150px;\r
+ /*background-color: #f8f8f8;*/\r
+ margin: 0 auto;\r
}\r
.content .imageContainer img {\r
- height: 100%;\r
+ height: 100%;\r
}\r
.content .backLink {\r
- text-decoration: none;\r
- color: #9D9D9D;\r
+ text-decoration: underline;\r
+ /*color: #9d9d9d;*/\r
}\r
.content .backLink:hover {\r
- color: #333;\r
+ color: #333;\r
}\r
\r
textarea {\r
- width: 100%;\r
- height: 150px;\r
- box-sizing: border-box;\r
- border: 2px solid #ccc;\r
- border-radius: 4px;\r
- background-color: white;\r
- font-size: 16px;\r
- resize: none;\r
+ width: 100%;\r
+ height: 150px;\r
+ box-sizing: border-box;\r
+ border: 2px solid #ccc;\r
+ border-radius: 4px;\r
+ background-color: white;\r
+ font-size: 16px;\r
+ resize: none;\r
}\r
\r
input {\r
- width: 100%;\r
+ width: 100%;\r
}\r
\r
-.labels{\r
- padding-top:20px;\r
+.labels {\r
+ padding-top: 20px;\r
}\r
\r
-#uploadStyle{\r
- /*padding-top: 25px;*/\r
- padding-left: 25px;\r
+#uploadStyle {\r
+ /*padding-top: 25px;*/\r
+ padding-left: 25px;\r
}\r
\r
-.PageIndicator{\r
- position: absolute;\r
- background-color: #00b3ee;\r
- top: 11%;\r
- padding-left: 5px;\r
- margin: -6px;\r
- height: 30px;\r
- width: 6px;\r
- z-index: 45;\r
+.PageIndicator {\r
+ position: absolute;\r
+ background-color: #00b3ee;\r
+ top: 11%;\r
+ padding-left: 5px;\r
+ margin: -6px;\r
+ height: 30px;\r
+ width: 6px;\r
+ z-index: 45;\r
}\r
\r
-.UploadPageIndicator{\r
- position: absolute;\r
- background-color: #00b3ee;\r
- top: 11%;\r
- padding-left: 5px;\r
- margin: -5px;\r
- height: 30px;\r
- width:10px;\r
+.UploadPageIndicator {\r
+ position: absolute;\r
+ background-color: #00b3ee;\r
+ top: 11%;\r
+ padding-left: 5px;\r
+ margin: -5px;\r
+ height: 30px;\r
+ width: 10px;\r
}\r
\r
-.btnIconSpacing{\r
- position: relative;\r
- top: -2px;\r
- left: -3px;\r
+.btnIconSpacing {\r
+ position: relative;\r
+ top: -2px;\r
+ left: -3px;\r
}\r
\r
-#listView .btnIconSpacing{\r
- top: -6px !important;\r
- position: relative;\r
- /*top: -2px;*/\r
- left: -3px;\r
+#listView .btnIconSpacing {\r
+ top: -2px !important;\r
+ position: relative;\r
+ /*top: -2px;*/\r
+ left: -3px;\r
}\r
\r
-.gridServiceTitle{\r
- color:#337ab7 !important;\r
+.gridServiceTitle {\r
+ color: #337ab7 !important;\r
}\r
\r
-.actionWidth{\r
- min-width: 150px;\r
+.actionWidth {\r
+ min-width: 150px;\r
}\r
\r
-.primaryColor{\r
- background-color:#3399FF;\r
+.primaryColor {\r
+ background-color: #3399ff;\r
}\r
\r
-.nav.navbar-nav a{\r
- padding: 10.5px !important;\r
- color: dimgray;\r
+.nav.navbar-nav a {\r
+ padding: 10.5px !important;\r
+ color: dimgray;\r
}\r
\r
#detailsTabs .fontSize {\r
- font-size: 15px;\r
- font-weight:bold;\r
+ font-size: 15px;\r
+ font-weight: bold;\r
}\r
-.navbar{\r
- min-height:43px;\r
+.navbar {\r
+ min-height: 43px;\r
}
\ No newline at end of file
Code Review / vnfsdk / refrepo.git / commitdiff